@charset "utf-8";

/*

Copyright ibw.cn

Created by ibw

*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font: 12px/1.5 Microsoft YaHei, Arial, sans-serif; }

body {
-webkit-touch-callout:none;/*系统默认菜单被禁用*/

-webkit-user-select:none;/*webkit浏览器*/

-khtml-user-select:none;/*早起浏览器*/

-moz-user-select:none;/*火狐浏览器*/

-ms-user-select:none;/*IE浏览器*/

user-select:none;/*用户是否能够选中文本*/

}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; }

ul, ol { list-style: none; }

a { text-decoration: none; }

legend { color: #000; }

fieldset, img { border: 0; vertical-align: top; }

section, article, aside, header, footer, nav, dialog, figure { display: block; }

figure { margin: 0; }

button, input, select, textarea { font-size: 100%;border:0;background:none;outline:none; }

table { border-collapse: collapse; border-spacing: 0 }

.clear { display: block; height: 0; overflow: hidden; clear: both }

.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }

 input, select, textarea{
-webkit-touch-callout:auto;/*系统默认菜单被禁用*/

-webkit-user-select:auto;/*webkit浏览器*/

-khtml-user-select:auto;/*早起浏览器*/

-moz-user-select:auto;/*火狐浏览器*/

-ms-user-select:auto;/*IE浏览器*/

user-select:auto;/*用户是否能够选中文本*/

}


.clearfix { *zoom:1;}

a:link, a:visited { text-decoration: none; }

a:hover, a:active { text-decoration: none; }

a { blr:expression_r(this.onFocus=this.blur());}

a {outline: none; transition:all 0.5s;}

img{transition:all 0.5s;
     pointer-events: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -webkit-user-select:none;  
     -o-user-select:none;  
     user-select:none;  
     -webkit-touch-callout: none;
    }





            
table { border-collapse: collapse; border-spacing: 0; }

.hidden { display: none; }

.hide { display: none; }

.invisible { visibility: hidden; }

.noBg { background: none !important; }

.noBd { border: none !important; }

.noMr{margin-right:0 !important; float:right !important;}

.i{text-align: justify; text-justify: inter-ideograph;}



/*Body*/

body { color: #555; }

a { color: #555; }

a:hover { color: #e60014; }



.wrap { width: 1440px; margin: 0 auto;}

.g-in { width: 1440px; margin: 0 auto;}

.wrapper{width:100%; margin: 0 auto; overflow:hidden;}

.header{position:relative;}

.t-c{width:1440px;height:46px;position:absolute;top:44px;left:50%;margin-left:-720px;z-index:10;}



.logo{float:left;}

.logo .sj{display:none;}



.search{float:right;position:relative;margin-right:20px;}

.search em{display:block;width:17px;height:46px;background:url(../images/search.png) center no-repeat;cursor:pointer;}

.search form{position:absolute;top:46px;right:0;z-index:10;width:275px;display:none;}

.search .text{width:200px;height:38px;line-height:38px;background:#fff;float:left;padding-left:10px;font-size:14px;}

.search .submit{width:65px;height:38px;background:#e60014;color:#fff;text-align:center;cursor:pointer;float:right;font-size:14px;}



.jd{float:right;}

.jd a{display:block;width:21px;height:46px;background:url(../images/jd.png) center no-repeat;}



.nav{float:left;margin-left:330px;}

.nav ul li { float: left; display: inline; position:relative; z-index:10; margin-right:45px; }

.nav ul li:last-child{margin-right:0;}

.nav ul li a { display: block; height: 46px; line-height:46px; font-size: 16px; color:#fff; text-align:center;}

.nav ul li a:hover, .nav ul li a.current {color:#e60014;}



.nav ul li .subNav{width:140px;position:absolute;top:46px;left:-38px;background:#fff;z-index:10;display:none;}

.nav ul li .subNav dt{border-bottom:1px solid #eee;}

.nav ul li .subNav dt:last-child{border-bottom:0;}

.nav ul li .subNav dt a{height:auto;line-height:18px;padding:8px 0;font-size:13px;color:#333;}

.nav ul li .subNav dt a:hover{background:#e60014;color:#fff;}



.icos{width:25px;height:20px;background:url(../images/menu.png);background-size:contain;background-repeat:no-repeat;float:right;cursor:pointer;display:none;margin-top:9px;}

.ms{width:20px;height:20px;background:url(../images/ms.png);background-size:contain;background-repeat:no-repeat;float:right;cursor:pointer;display:none;margin-top:9px;}

.form{display:none;}



.u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }



.m-nav { width:200px; height:100%; right:-200px; top:0; background:#fff; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:100; }

.m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }

.m-nav li { position:relative; padding:12px 12px 12px 22px; border-bottom:1px solid #eee; font-size:14px; line-height:24px; }

.m-nav li a { display:block; }

.m-nav li a:hover,.m-nav .current a { color:#e60014; }

.m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #e60014; content:"" }



body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}



.swiper-container-1{position:relative;}

.swiper-container-1 .swiper-slide img{width:100%;display:block;/*animation: myfirst 6s;*/}

.swiper-container-1 .btn{width:92px;height:36px;position:absolute;bottom:54px;right:50%;margin-right:-720px;z-index:1000 !important;}

.swiper-container-1 .swiper-button-next,.swiper-container-1 .swiper-button-prev{width:36px;height:36px;outline:none;margin-top:0 !important;transition:all 0.5s;}



.swiper-container-1 .swiper-button-prev{background:url(../images/prev.png);left:0% !important;top:0 !important;}

.swiper-container-1 .swiper-button-next{background:url(../images/next.png);right:0% !important;top:0 !important;}

.swiper-container-1 .swiper-button-prev:hover{background:url(../images/prevs.png);}

.swiper-container-1 .swiper-button-next:hover{background:url(../images/nexts.png);}

.swiper-container-1 .swiper-pagination-bullet { background:url(../images/b1.png) center no-repeat; width:18px; height:18px; opacity:1; }

.swiper-container-1 .swiper-pagination-bullet-active { background:url(../images/b2.png) center no-repeat; border-radius:0; }

.swiper-container-1>.swiper-pagination-bullets{ bottom:59px !important; }



/*@keyframes myfirst {

  0% {

    -webkit-transform: scale(1);

    transform: scale(1);

  }

  100% {

    -webkit-transform: scale(1.03);

    transform: scale(1.06);

    visibility: visible;

  }

}*/



/*Banner*/

.banner {position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}

.banner .hd { position:absolute; left:0; bottom:20px; width:100%; height:12px; z-index:4; }

.banner .hd ul { width:1000px; height:12px; margin:0 auto; text-align:center;}

.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:12px; height:12px; margin:0 4px; border-radius:2px; background:#39c9fd; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}

.banner .hd ul .on {background:#0271c3;}



.footer{background:#333333;padding:40px 0 0;}

.footer .ftmes{padding-bottom:40px;}

.footer .ftmes .z{float:left;border-right:1px solid #444;padding-right:72px;margin-right:72px;}

.footer .ftmes .ftlogo{margin-bottom:20px;}

.footer .ftmes p{font-size:14px;color:#999;line-height:26px;}

.footer .ftmes ul{padding-top:20px;}

.footer .ftmes li{float:left;position:relative;padding-top:58px;cursor:pointer;}

.footer .ftmes li:nth-child(1){background:url(../images/ft_jd.png) top center no-repeat;margin-right:44px;}

.footer .ftmes li:nth-child(2){background:url(../images/ft_wx.png) top center no-repeat;}

.footer .ftmes li p{font-size:14px;color:#999;}

.footer .ftmes li img{width:120px;height:120px;position:absolute;bottom:90px;left:0;display:none;z-index:10;}

.footer .ftmes li:hover img{display:block;}



.footer .ftmes dl{float:left;margin-right:72px;}

.footer .ftmes dl:nth-of-type(7){margin-right:0;}

.footer .ftmes dt{font-size:18px;padding-bottom:8px;}

.footer .ftmes dt a{color:#c8c8c8;}

.footer .ftmes dt a:hover{color: #e60014;}

.footer .ftmes dd{font-size:14px;margin-top:10px;}

.footer .ftmes dd a{color:#999;}

.footer .ftmes dd a:hover{color: #e60014;}



.footer .copyright{height:57px;line-height:57px;border-top:1px solid #444;font-size:14px;color:#999;}

.footer .copyright span{float:right;}

.footer .copyright a{color:#999;}

.footer .copyright a:hover{color:#fff;}



@media all and (min-width:1200px) and (max-width:1440px){

	.wrap { width: 1200px; margin: 0 auto;}

	.g-in { width: 1200px; margin: 0 auto;}

	.t-c{width:1200px;margin-left:-600px;}

	.nav{margin-left:100px;}



	.footer .ftmes .z{padding-right:42px;margin-right:42px;}

	.footer .ftmes dl{margin-right:40px;}

}



@media all and (max-width:1200px){

  .wrap { width: 96%; margin: 0 auto;}

  .g-in { width: 96%; margin: 0 auto;}

  .t-c{width:100%;margin:0 auto;position:static;height:auto;background:#fff;padding:12px 2% 12px 2%;box-sizing:border-box;}

  .nav{display:none;}

  .search{display:none;}

  .jd{display:none;}

  .icos{display:block;}

  .ms{display:block;margin-right:26px;}

  

  .logo .pc{display:none;}

  .logo .sj{display:block;}

  .logo .sj img{width:146px;height:36px;}



  .form{height:40px;position:absolute;top:60px;left:0;z-index:10;width:100%;border-top:1px solid #f2f2f2;display:none;}

  .form input[type="text"]{width:80%;height:40px;background:#fff;float:left;padding-left:10px;box-sizing:border-box;font-size:13px;}

  .form input[type="submit"]{width:20%;height:40px;background:#e60014;color:#fff;text-align:center;float:right;cursor:pointer;font-size:15px;}





  .swiper-container-1 .swiper-button-next,.swiper-container-1 .swiper-button-prev{display:none;}

  .swiper-container-1>.swiper-pagination-bullets{ bottom:10px !important; }



  .footer{padding:18px 0 12px;}

  .footer .ftmes{padding-bottom:0;}

  .footer .ftmes .z{float:none;border-right:0;padding-right:0;margin-right:0;padding-bottom:12px;}

  .footer .ftmes .ftlogo{display:none;}

  .footer .ftmes ul{display:none;}

  .footer .ftmes p{font-size:14px;line-height:24px;text-align:center;}

  /*.footer .ftmes .ftlogo{margin-bottom:15px;text-align:center;}

  .footer .ftmes p{font-size:14px;line-height:24px;text-align:center;}

  

  .footer .ftmes ul{padding-top:15px;padding-bottom:15px;}

  .footer .ftmes li{float:left;padding-top:0;text-align:center;width:48%;}

  .footer .ftmes li:nth-child(1){background:none;margin-right:4%;}

  .footer .ftmes li:nth-child(2){background:none;}

  .footer .ftmes li p{font-size:13px;color:#999;margin-top:4px;}

  .footer .ftmes li img{width:100%;max-width:120px;height:auto;position:static;display:block;z-index:10;margin:0 auto;}

  .footer .ftmes li:hover img{display:block;}*/



  .footer .ftmes dl{display:none;}

  .footer .copyright{height:auto;line-height:20px;font-size:14px;text-align:center;padding-top:12px;}

  .footer .copyright span{float:right;}



/* 产品中心 */

.navLayer .bg{overflow-x: auto;position:relative; background:#2c2c2c; height:100%; width:100%;}

}



.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.wal{width:1200px; margin:0px auto;}

.tabContent2{ display:none;}

.productBox{ background: #f5f5f5; padding: 30px 0 85px;}

.product .tab2{ padding-bottom: 60px; }

/*.product .tab2 li{ float: left; width: 16.66%; text-align: center; }

.product .tab2 li .limg .img1{ display: none; }

.product .tab2 li .name{ font-size: 16px; color: #5c5c60; padding-top: 10px; }

.product .tab2 .liNow .name{ color: #37c3e3; font-weight: bold; }

.product .tab2 .liNow .limg img{ display: none; }

.product .tab2 .liNow .limg .img1{ display: inline-block; }*/

.product .tab2 ul{ margin-right:-25px;}

.product .tab2 li{ width:20%; float:left;}

.product .tab2 li .box{ margin-right:25px; height:180px; background:#fff; position:relative; padding-left:150px;}



.product .tab2 li .limg{ position:absolute; left:0px; top:0px;}

.product .tab2 li .name1{ font-size:19px; color:#333; font-weight:bold; word-wrap: break-word;
  word-break: normal;  word-break: break-all;  padding-top: 60px;}

.product .tab2 li .name2{ font-size:14px; color:#999; padding-top:15px;}



.product .list ul{ margin-right: -30px; }

.product .list li{ float: left; width: 50%; margin-bottom: 30px; border-bottom:none;}

.product .list li .box{ margin-right: 30px; background: #fff; position: relative; height: 300px; overflow: hidden; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}

.product .list li a{ position: relative; display: block; width: 100%; height: 100%; }

.product .list li .imgDiv{ position: absolute; right: 50px; top: 0px; }

.product .list li .imgDiv img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;}

.product .list li .name{ padding: 65px 0 0 40px; font-size: 36px; color: #000; }

.product .list li .msg{ padding: 10px 0 0 40px; height: 30px; line-height: 30px; overflow: hidden; font-size: 24px; color: #000; }

.product .list li .content{ color: #777; font-size: 14px; line-height: 24px; padding: 30px 0 0 40px; height: 48px; overflow: hidden; width: 275px; }

.product .list li:hover .box{ -webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}

.product .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.product .list li .price{ font-size:14px; padding-top:15px; padding-left:40px; color:#777;}

.product .list li .price b{ color:#f00; font-size:18px;}