/* 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: relative; top:0; width:100%; background:#131313; z-index:10



}



@media (max-width: 640px) {



#header{ position:relative}



}



#header .logo {



  padding: 0 15px;

  text-align: center;

    margin: auto;



}



#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{ }



#banner .owl-dots .active span{ background:#e40807}



.pc_menu{     text-align: center;  margin: auto;}



.pc_menu .menu .nLi {



	display:inline-block;



  width: 10%;



  position: relative;



}



.pc_menu .menu .nLi h3 {



  font-size: 16px;



  padding:20px 0; 

  font-weight: bold;



}



.pc_menu .menu .nLi h3 a {



  display: block;



  text-align: center;



  color: #fff;



  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: #fff;



  padding: 15px 10px;



  line-height: 150%;

  font-weight: bold;



  



   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:#fff;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:14px; margin-top:10px;}



h2 p.tit_sub a{ display:inline-block; color:#fff; 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:#fff; line-height:30px; height:90px; 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: #e4df07;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:#e4df07; font-size:16px; line-height:32px; overflow:hidden; height:120px; 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:#e4df07	; 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; 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----------------------*/