/* eyoucms.com 易优CMS -- 好用,免费,安全 */
body{ background:#131313; color:#ccc}
a:hover {
  text-decoration: none;
}
a {
  transition: all .4s;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
}
a:hover{ color:#e40807}
#header {
  position: fixed; top:0; width:100%; background:#131313; z-index:10
}
@media (max-width: 640px) {
#header{ position:relative}
}
#header .logo {
  padding: 0 15px;
}
#header .tel {
  font-size: 20px;
  color: #4e2d0e;
  line-height: 51px;
}
#header .menu_icon {
  position: absolute;
  top: 35%;
  right: 5%;
  width: 10%;
}
.right_nav {
  /*pc右边快速按钮样式*/
  /*pc右边快捷按钮“电话”*/
  /*pc右边快捷按钮“在线客服”*/
  /*pc右边快捷按钮“分享”*/
  /*pc右边快捷按钮“二维码”*/
  /*pc右边快捷按钮“搜索”*/
}
.right_nav .aside li > p,
.right_nav .aside > li > div {
  background-color: #444;
  color: #fff;
}
.right_nav .aside {
  position: fixed;
  right: 0;
  top: 20%;
  z-index: 10000;
}
.right_nav .aside > li {
  width: 60px;
  line-height: 60px;
  text-align: center;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
}
.right_nav .aside > li .qq_online .qq_online_box ul li a{ color:#fff}
.right_nav .aside > li > p {
  position: relative;
  z-index: 1005;
  line-height: 60px;
}
.right_nav .aside > li img {
  vertical-align: middle;
}
.right_nav .aside > li p img {
  width: 80%;
}
.right_nav .aside > li p:hover img {
  width: 85%;
}
.right_nav .aside > li .img2 {
  display: none;
}
.right_nav .aside > li > div {
  background-image: url(../img/white_bg.png);
  background-repeat: repeat;
  position: absolute;
  display: none;
}
.right_nav .aside > li .phone_meassage {
  right: -240px;
  top: 0;
  width: 300px;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  padding: 5px 0;
}
.right_nav .aside > li .qq_online {
  top: 0;
  right: -127px;
  width: 187px;
  padding: 0 20px 0 15px;
}
.right_nav .aside > li .qq_online .qq_online_title {
  text-align: left;
  font-size: 15px;
  line-height: 30px;
  border-bottom: 1px solid #fff;
}
.right_nav .aside > li .qq_online .qq_online_box {
  margin-top: 11px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li {
  line-height: 35px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li i {
  float: left;
  margin-top: -17px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li span {
  float: left;
  margin-top: -16px;
  margin-left: 10px;
}
.right_nav .aside > li .qq_online .qq_online_box ul li span:hover {
  text-decoration: underline;
}
.right_nav .aside > li .fx {
  position: absolute;
  top: 0;
  right: -127px;
  width: 187px;
}
.right_nav .aside > li .fx > div {
  margin-left: 24px;
}
.right_nav .aside > li .ewm {
  top: -20px;
  right: 60px;
  width: 100px;
  height: 100px;
}
.right_nav .aside > li .search_box {
  position: absolute;
  top: 0;
  right: -205px;
  width: 265px;
  text-align: center;
  height: 100%;
}
.right_nav .aside > li .search_box .search_input {
  width: 220px;
  height: 36px;
  position: relative;
  margin: 12px auto;
}
.right_nav .aside > li .search_box .search_input span {
  position: absolute;
  line-height: 34px;
  left: 10px;
  z-index: 101;
}
.right_nav .aside > li .search_box .search_input input {
  width: 220px;
  border: none;
  background-color: transparent;
  height: 36px;
  padding-left: 10px;
  position: absolute;
  line-height: 30px;
  z-index: 1;
  top: 0;
  left: 0;
  background: url(../img/black_bg.png);
}
.right_nav .aside > li .search_box ::-webkit-input-placeholder {
  color: #fff;
}
#banner{ margin-top:80px;}
#banner .owl-dots .active span{ background:#e40807}
.pc_menu{ text-align:right}
.pc_menu .menu .nLi {
	display:inline-block;
  width: 11.11111111%;
  position: relative;
}
.pc_menu .menu .nLi h3 {
  font-size: 14px;
  padding:20px 0; 
}
.pc_menu .menu .nLi h3 a {
  display: block;
  text-align: center;
  color: #888;
  line-height: 40px;height:40px;
      position: relative; overflow:hidden
    
}
.pc_menu .menu .nLi h3 a span{ display:inline-block;transition: all ease-out .3s;}
.pc_menu .menu .nLi h3 a:hover{ color:#e40807}
.pc_menu .menu .nLi h3 a span:after{    content: attr(data-title);
    position: absolute; 
    color: #e40807;
    left: 0;
    transform: translateY(100%);
    width: 100%;}
.pc_menu .menu .nLi h3 a:hover span{
	transform: translateY(-100%)
}	
.pc_menu .menu .nLi .sub {
  display: none;
  background: #333;
  position: absolute;
  top: 80px;
  width: 100%;
  z-index: 10;
  padding:5px 0;
}

.pc_menu .menu .nLi .sub li a {
  display: block;
  color: #fff;
  line-height: 30px; height:30px;
  text-align: center;  text-align: center;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:95%; margin:auto;
}

#banner {
  position: relative;
}
#banner .owl-theme .owl-controls {
  position: absolute;
  bottom: 2%;
  width: 100%;
}
#footer .friendship {
  padding: 20px 0;
  border-bottom:solid 1px #746a5f
}
#footer .friendship h4 {
  color: #746a5f;
  font-size: 14px;
}
#footer .friendship h4 img {
  vertical-align: middle;
  margin: 0 5px;
}
#footer .friendship ul li {
  float: left;
}
#footer .friendship ul li a {
  display: block;
  color: #746a5f;
  font-size: 14px;
  border-right: 1px solid #746a5f;
  padding: 0 30px;
}
#footer .copyright {
  text-align: center;
  padding-bottom: 15px;
  position: relative;
}
#footer .copyright .pc_footer_nav {
  display: inline-block;
  margin: 15px 0 5px 0;
}
#footer .copyright .pc_footer_nav li {
  float: left;
}
#footer .copyright .pc_footer_nav li a {
  display: block;
  font-size: 14px;
  border-left: 1px solid #746a5f;
  padding: 0 15px;
  color: #746a5f;
}
#footer .copyright .pc_footer_nav li:first-child a {
  border-left: none;
}
#footer .copyright .copyright_con {
  font-size: 14px;
  color: #746a5f;
  padding: 0 15px;
}
#footer .copyright .top {
  position: absolute;
  right: 10px;
  top: -25px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  z-index: 10;
}
#footer .copyright .top img {
  width: 80%;
  top: 2px;
  z-index: 100;
  position: absolute;
  left: 3px;
}
#footer .copyright .top:before {
  background-image: url(../img/black_bg.png);
  display: block;
  content: " ";
  border-radius: 50%;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
}
.wap_footer {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 10px 0;
  z-index: 1000;
  background: #333;
}
.wap_footer dl {
  width: 20%;
  float: left;
  text-align: center;
}
.wap_footer dt {
  height: 33px;
}
.wap_footer dd {
  color: #fff;
}
.wap_footer dl dt img {
  width: 40%;
}
/*手机底部搜索*/
.wap_search_input {
  position: fixed;
  bottom: 70px;
  left: 100%;
  width: 100%;
  z-index: 1000;
  padding: 8px 2%;
  background: #111;
}
.wap_search_input:after {
  background-color: rgba(0, 0, 0, 0.1);
  display: block;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.wap_search_input input {
  float: left;
  width: 80%;
  border-radius: 4px;
  height: 30px;
  line-height: 30px;
  padding-left: 2%;
  color: #222;
  position: relative;
  z-index: 100;
  box-sizing: border-box; border:none
}
.wap_search_input p {
  float: left;
  height: 30px;
  line-height: 30px;
  color: #fff;
  position: relative;
  z-index: 100;
  margin-left: 2%;
  width: 18%;
  text-align: center;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.2);
}
/*黑色遮罩*/
.black_cloth {
  position: fixed;
  z-index: 10000000;
  width: 100%;
  height: 100%;
  background: url(../img/black_cloth.png) repeat;
  display: none;
  top: 0;
  left: 0;
}
/*手机左边弹出导航*/
.wap_menu {
  width: 250px;
  position: fixed;
  top: 0px;
  left: -250px;
  height: 100%;
  text-align: left;
  z-index: 10000001;
  background: #333;
}
.wap_menu li.menu_tit {
  font-size: 18px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.3);
  position: relative;
  padding: 15px 10px;
  color: #fff;
}
.wap_menu li.menu_tit span {
  font-size: 20px;
  position: absolute;
  top: 12px;
  right: 15px;
  border-bottom: none;
  z-index: 1000;
}
.wap_menu li {
  margin-bottom: 2px;
  font-size: 14px;
  position: relative;
}
.wap_menu li .wap_menu1 {
  line-height: 24px;
  font-size: 16px;
  text-transform: Uppercase;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
}
.wap_menu li p {
  padding: 10px 10px;
}
.wap_menu li .wap_menu1 a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 25px;
  color: #ffffff;
}
.wap_menu li .wap_menu1 p.left {
  float: none;
}
.wap_menu li .wap_menu1 p.right {
  width: 15%;
  text-align: center;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  float: none;
  z-index: 1000;
}
.wap_menu li .wap_menu2 {
  display: none;
}
.wap_menu li .wap_menu2 a {
  display: block;
  background: none;
  color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  line-height: 30px;
  font-size: 14px;
  border-bottom: rgba(255, 255, 255, 0.1) solid 1px;
  padding: 10px;
}
.wap_menu li .wap_menu2 a i {
  float: left;
  width: 4px;
  height: 4px;
  background-color: #fff;
  margin: 13px 10px 0 5px;
}
.wap_menu li .wap_menu2 a span {
  float: left;
  width: 85%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*pc侧边栏分类样式*/
.inside > h2 {
  background: #7a7175;
  color: #fff;
  padding: 20px 15px;
  line-height: 150%;
}
._aside {
  padding-top:35px; padding-bottom:15px;
}
/*一级的样式*/
._aside ul.sidemenu > li.sub1 > ul {
  display: none;
  border-top:solid 1px #e40807; top:-1px; position:relative; z-index:100000;
}
._aside ul.sidemenu > li.sub1{overflow:hidden;margin-bottom:5px;}
._aside ul.sidemenu  a{ text-decoration:none;}
._aside ul.sidemenu > li.sub1 > a.sub1_a {
  display: block;
  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
  font-size: 14px;
  color: #e40807;
  padding: 15px 10px;
  line-height: 150%;
  
   background:#222;
     text-decoration:none;position:relative;
}
._aside ul.sidemenu > li.sub1  i{filter:Alpha(opacity=0);opacity:0; content:" "; position:absolute; bottom:0px; left:-270px;width:100%; height:1px; background:#e40807;transition: all 0.5s ease-out 0s;}
._aside ul.sidemenu > li.sub1_cur i,._aside ul.sidemenu > li.sub1:hover  i{ display:block; left:0;filter:Alpha(opacity=100);opacity:1}
._aside ul.sidemenu > li.current > a.sub1_a {
  color: #ff0000;
}
/*二级的样式*/
._aside ul.sidemenu > li.sub1 > ul { padding:5px 0;background: #222;}
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > a.sub2_a {
  display: block;
  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
  padding: 5px 10px 5px 15px;
  color: #e40807;
}
/*三级的样式*/
._aside ul.sidemenu > li.sub1 > ul > li.sub2 > ul > li.sub3 > a.sub3_a {
  display: block;
  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
  padding: 5px 10px 5px 20px;
  color: #bb220d;
  background: #222;
}
/*手机内页crumb*/
.inside > h2 {
  padding: 0px 15px;
  font-size: 16px;
  color: #fff;
  line-height: 38px;
}
.crumb{ background:url(../img/sub_bg.jpg) center; padding:30px 0; border-bottom:solid 2px #e40807}
.crumb span.crumb_xx{ float:right; font-size:12px; margin-top:25px; color:#666}

.main{ padding-top:35px; }
@media all and (max-width: 1980px) {
  #banner {
    position: relative;
    height: 600px;
    overflow: hidden;
  }
  #banner img {
    height: 600px;
    position: absolute;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
  }
  #owl-demo,
  #owl-demo .owl-wrapper-outer,
  #owl-demo .owl-wrapper,
  #owl-demo .owl-item {
    height: 600px;
    overflow: hidden;
  }
  #owl-demo .item {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
}
@media all and (max-width: 992px) {
  #banner {
    position: relative;
    height: 400px;
    overflow: hidden;
  }
  #banner img {
    height: 400px;
    position: absolute;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
  }
  #owl-demo,
  #owl-demo .owl-wrapper-outer,
  #owl-demo .owl-wrapper,
  #owl-demo .owl-item {
    height: 400px;
    overflow: hidden;
  }
  #owl-demo .item {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
}
@media (max-width: 640px) {
.main{ padding-top:15px; }
  ._aside {
    padding: 0;
  }
  /*手机内页crumb*/
  .crumb {
    padding: 10px 0px;
  }
    .crumb h2 {
    float: left;
  }

  .crumb .phone-menuicon {
    float: right; margin-top:15px;
    cursor: pointer;
  }
  ._aside h2 .phone-menuicon img {
    -webkit-transition: all .4s;
            transition: all .4s;
  }
  /*手机内页分类下拉列表*/
  ._aside ul.sidemenu {
    width: 100%;
    display: none;
  }
  /*一级的样式*/
  ._aside ul.sidemenu > li.sub1 ul {
    display: none;
  }
  #banner {
    position: relative;
    height: 200px;
    overflow: hidden;
  }
  #banner img {
    height: 200px;
    position: absolute;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
  }
  #owl-demo,
  #owl-demo .owl-wrapper-outer,
  #owl-demo .owl-wrapper,
  #owl-demo .owl-item {
    height: 200px;
    overflow: hidden;
  }
  #owl-demo .item {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
  #banner {
    position: relative;
    height: 200px;
    overflow: hidden; margin-top:0
  }
  #banner img {
    height: 200px;
    position: absolute;
    left: 50%;
    max-width: none;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: auto;
  }
  #owl-demo,
  #owl-demo .owl-wrapper-outer,
  #owl-demo .owl-wrapper,
  #owl-demo .owl-item {
    height: 200px;
    overflow: hidden;
  }
  #owl-demo .item {
    display: block;
    height: 100%;
    width: 100%;
    text-align: center;
    overflow: hidden;
  }
  #header .menu_icon img {
    width: 100%;
  }
}




	
.tit_ch{ color:#e40807; font-size:20px; font-weight:normal}
.tit_en{ font-size:12px; color:#aaaaaa; display:block; margin:7px 0}
h2 p.tit_sub{ float:right; font-size:12px; margin-top:10px;}
h2 p.tit_sub a{ display:inline-block; color:#777; height:30px; margin-left:12px; line-height:30px; padding:0 20px; position:relative}
h2 p.tit_sub a:hover{ background:#e40807; color:#fff}
h2 p.tit_sub a:after{display:block; content:" "; position:absolute; top:50%; right:0;width:10px; height:1px; margin-right:-10px; margin-top:1px; background:#303030}
h2 p.tit_sub a:last-of-type:after{ height:0; width:0}
@media (max-width: 640px) {
.tit_ch{  font-size:16px;}
	}



.quik_btn .row{ margin:0 -7px;margin-top:55px; overflow:hidden}
.quik_btn .row .col-xs-4{ padding:0 7px;text-align:center; position:relative; padding-bottom:20px;  }
.quik_btn .row .col-xs-4 em{ position:absolute; width:92%; height:92%;  top:4%; left:4%; z-index:50; transition: all ease-out .3s}
.quik_btn .row .col-xs-4:hover em{ border:solid 1px #f00;}
.quik_btn .row .quik_btn_li{ background:#202020; padding-top:25px; padding-bottom:25px; }
.quik_btn .row p{ color:#fff; margin:15px 0 8px 0;position:relative; z-index:100;transition: all ease-out .3s }
.quik_btn .row .col-xs-4:hover p{ color:#e40807} 
.quik_btn .row span{ color:#9b9b9b; display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;position:relative; z-index:100}
.quik_btn .row a{position:relative; z-index:100}
@media (max-width: 640px) {
	.quik_btn .row{ margin-top:15px;}
.quik_btn .row .quik_btn_li{  padding-top:25px; padding-bottom:25px;}
.quik_btn .row p{ color:#fff; margin:8px 0 4px 0; }
	}
	
.about_bg{ background:url(../img/about_bg.jpg) no-repeat center; margin-top:60px;}
.about_con{ border:solid 1px #202020; padding:25px 10px; margin:35px 0;position:relative}
.about_bg .about_img img{ width:100%;}
.about_bg .about_dec{  }
.about_bg .about_dec a.tit_ch{ margin:15px 0; display:block}
.about_bg .about_dec p{ color:#515151; line-height:30px; height:60px; overflow:hidden}
.about_bg .about_dec a.more{ margin-top:50px; display:inline-block; padding:0 20px; height:30px; line-height:30px; color:#fff; background:#202020}
.about_bg .about_dec a.more:hover{background:#e40807}
@media (max-width: 640px) {
.about_bg{ margin-top:0px;}
.about_bg .about_dec a.tit_ch{ margin:0;}
.about_bg .about_dec p{  line-height:20px; height:40px;}
.about_con .col-xs-3{ padding-right:0}
	}

.product{ padding-top:80px; padding-bottom:0px;}
.product .inner{ margin-top:30px;}
.product .inner ul{ margin-left:-7.5px; margin-right:-7.5px; overflow:hidden}
.product .inner ul li{ text-align:center; padding-left:7.5px; padding-right:7.5px; margin-bottom:15px; }
.product .inner ul li a b.pro_tit{ margin-top:15px; color:#fff; font-size:16px; font-weight:normal; display:block;transition: all ease-out .4s;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.product .inner ul li a{ display:block;padding-bottom:30px; border:solid 2px  #131313;position:relative; }
.product .inner ul li a .pro_img{ width:100%; overflow:hidden; position:relative; background:#212121}
.product .inner ul li a p{ display:block; color:#e40807; height:44px; line-height:22px; overflow:hidden; position:absolute; bottom:-10px; left:0;opacity:0;filter:Alpha(opacity=0);transition: all ease-out .3s; width:90%; margin-left:5%;} 
.product .inner ul li a b.pro_tit1{ display:block;  height:22px;font-size:16px; line-height:22px; overflow:hidden; position:absolute; bottom:80px; left:0; width:90%; margin-left:5%; font-weight:normal;transition: all ease-out .3s; line-height:80px; color:#f00; z-index:11}
.product .inner ul li a img{transition: all linear 0.2s;  max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}
.product .inner ul li a .item_index{ position:absolute; top:28px; right:30px;display: block;font-size: 36px;font-family: Gotham-Bold;opacity:0;filter:Alpha(opacity=0);transition: 0.36s ease; z-index:10}
.product .inner ul li a .item_index span.index_num{ margin-top:-20px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transform: translateY(-90%) rotateX(90deg);color:#e40807; display:block}
.product .inner ul li a .item_index span.index_line{position: absolute;top: 2px;right: -32px;    transition: 0.36s ease;transition-delay: 0.08s; z-index:12; background:url(../img/line.png) no-repeat center; width:35px; height:35px; }

.product .inner ul li a:hover{ display:block; border:solid 2px  #e40807 }
.product .inner ul li a:hover img{ transform: scale(1.08,1.08);opacity:0.4;filter:Alpha(opacity=40);}
.product .inner ul li a:hover p{  bottom:10px;opacity:1;filter:Alpha(opacity=100);}
.product .inner ul li a:hover b.pro_tit{opacity:0;filter:Alpha(opacity=0);}
.product .inner ul li a:hover b.pro_tit1{ line-height:22px;}
.product .inner ul li a:hover .item_index{opacity:1;filter:Alpha(opacity=100);}
.product .inner ul li a:hover .item_index span.index_num{transform: translateY(0%) rotateX(0deg); margin-top:0}
.product .inner ul li a:hover .item_index span.index_line{top: 32px;right: 4px;}

@media (max-width: 640px) {
.product{ padding-top:30px; }
.product .inner ul li a b.pro_tit{ font-size:14px;}
	}
	
@font-face {
  font-family: 'Gotham-Bold';
  src: url('../font/Gotham-Bold.eot');
  src: url('../fonts/gotham-bold.eot') format('embedded-opentype'), url('../fonts/helv.woff') format('woff'), url('../fonts/gotham-bold.ttf') format('truetype'), url('../fonts/helv.svg#verdemoderna') format('svg');
}

@font-face {
  font-family: 'HelveticaNeueLTPro-ThEx';
  src: url('../fonts/helveticaneueltpro-thex.eot');
  src: url('../fonts/helveticaneueltpro-thex.eot') format('HelveticaNeueLTPro-ThEx'), url('../fonts/helveticaneueltpro-thex.woff') format('woff'), url('../fonts/helveticaneueltpro-thex.ttf') format('truetype'), url('../fonts/helveticaneueltpro-thex.svg#verdemoderna') format('svg');
}

.news{ padding-top:40px; padding-bottom:40px; }
.news .inner{ padding-top:30px;}
.news .inner ul li{ border-right:solid 1px #181818;border-bottom:solid 1px #181818;}
.news .inner ul li a{ position:relative; display:block; height:100%; overflow:hidden}
.news .inner ul li a .news_img img{ display:block}
.news .inner ul li a .item_index{ display: block;position: absolute;top: 20px;right: 10px;z-index: 10;font-size: 22px;line-height: 32px;color: #8a0606;transition: all 0.36s ease;}
.news .inner ul li .news_text{ position:absolute; top:0; left:0;  margin:15% 10% 5% 10%; z-index:10;overflow:hidden; transition: all 0.36s ease; }
.news .inner ul li .news_text .title_box{transition: all 0.36s ease; color:#e40807; font-size:16px; line-height:32px; overflow:hidden; height:32px; margin-top:0; margin-bottom:12px;}
.news .inner ul li .news_text .des_box{ color:#7d7d7d; line-height:24px; height:48px;transition: all 0.66s ease; overflow:hidden; }
.news .inner ul li a .news_mask{ background:#131313;position:absolute; top:0; left:0; width:100%; height:100%;transition: all 0.5s ease; }
.news .inner ul li a .data_box{ position:absolute; top:25px; right:15px;display: block;font-size: 26px;font-family: Gotham-Bold;opacity:0;filter:Alpha(opacity=0);transition: 0.66s ease; z-index:10}
.news .inner ul li a .data_box span.data_num{ margin-top:-20px; transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transform: translateY(-90%) rotateX(90deg);color:#e40807; display:block}
.news .inner ul li a .data_box span.index_line{position: absolute;top: 2px;right: -32px;    transition: 0.36s ease;transition-delay: 0.08s; z-index:12; background:url(../img/line.png) no-repeat center; width:35px; height:35px; }


.news .inner ul li a:hover .news_mask{ opacity:0.7;filter:Alpha(opacity=70); }
.news .inner ul li a:hover .news_text{top:50px;}
.news .inner ul li a:hover .news_text .des_box{ height:24px;}
.news .inner ul li a:hover .news_text .title_box{ margin-bottom:4px;}
.news .inner ul li a:hover .item_index{transform: scale(2);opacity:0;filter:Alpha(opacity=0);}
.news .inner ul li a:hover .data_box{opacity:1;filter:Alpha(opacity=100);}
.news .inner ul li a:hover .data_box span.data_num{transform: translateY(0%) rotateX(0deg); margin-top:0}
.news .inner ul li a:hover .data_box span.index_line{top: 25px;right: 4px;}
.news .inner ul.row{ margin:0;}
.news .inner ul.row li{ padding:0}

@media (max-width: 640px) {
.news{ padding-top:0px; }
.news .inner ul li a .item_index{ display:none;}
.news .inner{ padding-top:10px;}
.news .inner ul li .news_text{    margin: 5% 10% 5% 10%;}
.news .inner ul li .news_text .des_box{    line-height: 20px;height: 40px;}
.news .inner ul li .news_text .title_box{    font-size: 14px;line-height: 32px; margin-bottom:0}
	}
	
#footer{ background:url(../img/foot_bg.jpg); border-top:solid 2px #d44541; margin-top:20px;}


.pagination {
    text-align: center;
    display: block;
    margin: 30px 0;
}
.list-text ul li {
    margin-bottom:15px;
	 border-bottom:dashed 1px #333; padding-bottom:15px;
}
.list-text ul li .date{
	height:100%;
	width:100px;
	float:left;
	margin-right:35px;
	color:#fff;
	text-align:center;
}
.list-text ul li .date .day {
    font-size: 36px;
    line-height:36px; height:36px;
	 font-family:HelveticaNeueLTPro-ThEx,"arial";color:#bdbdbd;text-align:left;
}
.list-text ul li .date .year {
    font-size: 14px;font-family:HelveticaNeueLTPro-ThEx,"arial"; color:#bdbdbd; text-align:left; padding-left:5px;
}
.list-text ul li .text_area{ display:inline;}
.list-text ul li .text_area .title {
    margin-top: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px; margin-top:8px;
}

.list-text ul li .text_area .tip {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin: 5px 0; display:block; white-space:nowrap; text-overflow:ellipsis; 
}
.list-text ul li .text_area .tip a{ color:#666}


@media (max-width: 640px) {
.list-text ul li .date{
	margin-right:0px; width:80px;
}
.list-text ul li .date .day{ font-size:24px;}
}

.pagination ul > li > a, .pagination ul > li > span{ background:#333; border:solid 1px #222}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span{ background:#666; color:#999}

.pagination {
  text-align: center;
  display: block;
  margin: 30px 0;
}
.list-img {
  margin: 0 -7.5px;
}
.list-img > ul > li {
  text-align: center;
  padding: 0 7.5px;
  margin-bottom: 30px;
}
.list-img > ul > li a .text_area {
  color: #FFF;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
   background:#333;transition: all 0.6s ease-out; padding:0 7px;
}
.list-img > ul > li a .img_area{width:100%;border:solid 1px #333; position:relative; }
.list-img > ul > li a .img_area img{ max-width:100%; max-height:100%; top:0;left:0;right:0;bottom:0; position:absolute; margin:auto}
.list-img > ul > li a:hover .text_area{ background:#e40807}



.list_img_text ul li {
    margin-bottom:15px;
	padding-bottom:15px;
}
.list_img_text ul li .img_area{ float:left; width:200px;}
.list_img_text ul li .date{
	height:100%;
	width:100px;
	float:left;
	margin-right:35px;margin-left:35px;
	color:#fff;
	text-align:center; margin-top:15px;
}
.list_img_text ul li .date .day {
    font-size: 36px;
    line-height:36px; height:36px;
	 font-family:HelveticaNeueLTPro-ThEx,"arial";color:#bdbdbd;text-align:left;
}
.list_img_text ul li .date .year {
    font-size: 14px;font-family:HelveticaNeueLTPro-ThEx,"arial"; color:#bdbdbd; text-align:left; padding-left:5px;
}
.list_img_text ul li .text_area{ display:inline;}
.list_img_text ul li .text_area .title {
    
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px; margin-top:20px;
}

.list_img_text ul li .text_area .tip {
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin: 5px 0; display:block; white-space:nowrap; text-overflow:ellipsis; 
}
.list_img_text ul li .text_area .tip a{ color:#666}


@media (max-width: 640px) {
	.list_img_text ul li .img_area{ display:block; float:inherit; width:100%}
.list_img_text ul li .date{
	margin-right:0px; width:80px;margin-left:15px;
}
.list_img_text ul li .date .day{ font-size:24px;}
}
.feedback-form .title {
    padding:15px; 
    color: #ccc;
    background-color: #212121;
	margin-bottom:25px;box-sizing:border-box; 
}
.feedback-form .form-group .sure,.feedback-form .form-group .more{ padding:5px 15px; border:none; color:#fff; border-radius:5px; margin-right:10px;}
.feedback-form .form-group .sure{ background:#df0024}
.feedback-form .form-group .more{ background:#dfa800}
.feedback-form .form-group .form-control{ background:#212121; border:solid 1px #333}
@media (max-width: 640px) {
 .feedback-form .title {margin-left:-15px; margin-right:-15px}
}


.product_detail .title {
  padding-bottom: 10px;
  border-bottom: dashed 1px #333;
  text-align: center;
  line-height: 22px;
}
.product_detail .title h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  margin-bottom: 10px;
}
.product_detail .title .box {
  display: inline-block;
  text-align: center;
}
.product_detail .title .box img {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.product_detail .title .box .back {
  float: left;
}

.product_detail .product_detail_images {
  padding-top: 20px;
  text-align: center;
  position: relative;
}
.product_detail .product_detail_images .product_detail_btn2 {
  position: absolute;
  right: 3%;
  top: 48%;
  font-size:0;
  background:url(../img/rgb0.3.png);
  z-index: 100;
}
.product_detail .product_detail_images .product_detail_btn1 {
  position: absolute;
  left: 3%;
  top: 48%; font-size:0;
  background:url(../img/rgb0.3.png);
  z-index: 100;
}
.product_detail .product_detail_images .product_detail_btn1 a img,.product_detail .product_detail_images .product_detail_btn2 a img{  margin: 10px 5px;}
.product_detail .product_detail_images .owl-carousel .owl-item img {
  width:auto;  
  margin: auto;
  cursor: pointer;
  max-width:100%;
}
.product_detail .product_detail_images .owl-theme .owl-controls {
  position: absolute;
  bottom: 2%;
  width: 100%;
}
.product_detail .product_detail_images .product_detail_img {
  width: 80%;
  margin: 0 auto;
}
.product_detail .product_detail_content {
  margin-top: 20px;
  margin-bottom: 20px;
}
.product_detail .pageTurning {
  margin-top: 10px;
  padding-top: 10px;
  border-top: dashed 1px #aaaaaa;
}
.product_detail .pageTurning .prevs,
.product_detail .pageTurning .nexts {
  font-size: 14px;
  background: #212121;
  line-height:32px; padding:0 10px;
}
.product_detail .pageTurning .prevs {
  margin-bottom: 5px;
}

 .pswp__bg{ background:url(../img/rgb0.8.png)}
@media (max-width: 640px) {
 .pswp__bg{ background:#000}
	}
.news_detail .title {
  padding-bottom: 10px;
  border-bottom: dashed 1px #aaa;
  text-align: center;
  line-height: 22px;
}
.news_detail .title h3 {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  margin-bottom: 10px;
}
.news_detail .title .box {
  display: inline-block;
  text-align: center;
}
.news_detail .title .box img {
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.news_detail .title .box div {
  margin-right: 5px;
}
.news_detail .title .box .time {
  float: left;
  text-align: center;
}
.news_detail .title .box .eye {
  float: left;
  text-align: center;
}
.news_detail .title .box .back {
  float: left;
}
.news_detail .news_detail_content {
  margin-top: 20px;
}
.news_detail .pageTurning {
  margin-top: 10px;
  padding-top: 10px;
}
.news_detail .pageTurning .prevs {
  font-size: 14px;
  background: #ddd;
  background: #212121;
  line-height:32px; padding:0 10px;
}
.news_detail .pageTurning .nexts {
  font-size: 14px;
  background: #212121;
  line-height:32px; padding:0 10px;
  margin-top: 5px;
}
/*-----------------------------分页 start--------------------------------*/
.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;}
.next1 a.on1,.next1 a:hover{background: #999;color: #fff;border: 1px solid #999;}
/*--------------------分页 end----------------------*/