@import 'common.css';
@import 'style.css';
#page{padding-top: 0px; overflow: hidden;}
header{width:100%; position: fixed; left: 0; top: 0; z-index:1000;}
header h1{margin:0; padding: 0;width:25%;max-width: 207px; font-size: 0;line-height: 90px;}
header .container{position: relative;padding: 0 15px;max-width: 1845px;}
nav.mm-menu_offcanvas{display: none;}
 #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0;  background: #0067b7; transition: .5s all;}

.head{ height:90px;transition: 0.5s;}
.head:after{content: '';width: 100%;position: absolute;left: 0;border-top:1px solid rgba(255,255,255,0.3);z-index: 0;}
.head:after{bottom: 0;}
.head.on,
.head_98{box-shadow: 0 0 5px rgba(0,0,0,0.15);background: #fff;}
.nav ul li {  float: left;line-height:90px;margin-left: 3.6vw;  position: relative;}
.nav ul li:after{content: '';width: 0;position: absolute;left: 0;bottom: 0;border-bottom: 3px solid #fff;transition: 0.5s;opacity: 0;}
.nav ul li a {  color: #fff;}
.nav ul li:hover a{color: #32ce50;}
.nav ul li.active:after{opacity: 1;width: 100%;}

.headSear{height: 90px;line-height: 90px;}
.headSear a{color: #fff;}
.headSear a:hover{color: #32ce50!important;}
.headSear i{font-size: 24px;}

.language{margin:34px 1.82vw 0 2.5vw; }
.language>*{float: left;line-height: 22px;text-transform: uppercase;margin-left: 0.52vw;}
.language .pic{width: 22px;height: 22px;margin: 0;}
.language .pic img{transition: 0.5s;}
.language .pic img.img1{opacity: 0;}
.language .pic img.img2{opacity: 1;}
.language a,
.language span{color:#fff;opacity: 0.36;}
.language a:hover{color: #32ce50;opacity: 1;}
.language a.on{opacity: 1;}

.head.on .nav ul li a,
.head_98 .nav ul li a{color: #333;}
.head.on .nav ul li:hover a,
.head_98 .nav ul li:hover a{color: #32ce50;}
.head.on .nav ul li:after,
.head_98 .nav ul li:after {border-color: #32ce50;}
.head.on .headSear a,
.head_98 .headSear a{color: #000;}
.head.on .language .pic img.img1,
.head_98 .language .pic img.img1{opacity: 1;}
.head.on .language .pic img.img2,
.head_98 .language .pic img.img2{opacity: 0;}
.head.on .language a,
.head_98 .language a,
.head.on .language span,
.head_98 .language span{color: #333;}
.head.on .language a:hover,
.head_98 .language a:hover{color: #32ce50;}

@media (max-width: 1400px){
    .col-index-productl .swiper-product .swiper-button-prev,
    .col-index-productl .swiper-product .swiper-button-next{margin-top:-20px;}
    .col-index-productl .swiper-product .swiper-button-prev i,
    .col-index-productl .swiper-product .swiper-button-next i{font-size:40px;}
    .col-prodet-performance .swiper-images .swiper-button-prev,
    .col-prodet-performance .swiper-images .swiper-button-next{margin-top: -30px;}
    .col-prodet-performance .swiper-images .swiper-button-prev i,
    .col-prodet-performance .swiper-images .swiper-button-next i{width: 40px;height: 40px;line-height: 40px;font-size:22px;}
}
@media (max-width: 1200px){
    .nav ul li{margin-left: 2.5vw;}
}
/*手机版菜单*/
@media screen and (max-width: 991px)  {
    .head{height: 55px;}
    header h1{height: 55px;line-height: 55px;width: auto;}
    header h1 img{display: inline-block;max-height: 70%;}
    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top: 0px;right: 0; padding: 12.5px; }
    #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);}
    #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;}
    #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #32ce50; position: absolute; left: 0; top: 14px;
      /*transition: transform .2s ease .2s;
      -webkit-transition: -webkit-transform .2s ease .2s;*/
      -webkit-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);}
    #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;}
    #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);}
    #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;}
    #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);}
    #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);}
    #header .mm_btn.is_active .menu_bar_item {
      transform: translateZ(0) rotate(45deg);
      transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
      -webkit-transform: translateZ(0) rotate(45deg);
      -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;
    }
    /*菜单弹出方向*/
    .mm-menu_offcanvas{left: auto!important;}
    .mm-menu{right: 0!important;}
    .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;}
    .mm-slideout{z-index: 10!important;}
    .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{
      -webkit-transform: translate(-80vw,0)!important;
      -ms-transform: translate(-80vw,0)!important;
      transform: translate(-80vw,0)!important;
      -webkit-transform: translate3d(-80vw,0,0)!important;
      transform: translate3d(-80vw,0,0)!important;
      /*transform: translate3d(80vw,0,0)!important;*/
    }
    .mm-wrapper_opened .mm-menu_fx-menu-slide {
      -webkit-transform: translate(0,0)!important;
      -ms-transform: translate(0,0)!important;
      transform: translate(0,0)!important;
      -webkit-transform: translate3d(0,0,0)!important;
      transform: translate3d(0,0,0)!important;
    }
    /**/
    #menu{ color:rgba(0,0,0,.8);}
    #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);}
    #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);}
    #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;}
    #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);}
    #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);}
    #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); }
    #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);}
    #menu .mm-listitem a{font-size: 16px;}
}
@media (min-width: 550px){
    .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {
      -webkit-transform: translate(-440px,0)!important;
      -ms-transform: translate(-440px,0)!important;
      transform: translate(-440px,0)!important;
      -webkit-transform: translate3d(-440px,0,0)!important;
      transform: translate3d(-440px,0,0)!important;
    }
}
@media (max-width: 991px){

.col-index-title ul{margin-top: 17px;}
.col-index-title ul li{padding: 0 1vw;}

.col-index-more a{padding: 5px 15px;padding-right: 50px;}
.col-index-more a img{margin-left: 10px;}

/*首页关于*/
    .col-index-about{padding-top:80px;padding-bottom: 120px;}
    .col-index-about .content{margin-top: 15px;}
    .col-index-about .col-index-more{margin-top: 15px;}
    .col-index-about .number{margin-top:45px;}
    .col-index-about .number ul li .tit{margin-top: 7px;}
/*首页关于*/
/*首页产品*/
    .col-index-product{display: block;}
    .col-index-productl{padding: 0 15px;display: block;}
    .col-index-productl .swiper-product{padding: 55px 0;}
    .col-index-productl .swiper-product .img{padding-right: 4vw;}
    .col-index-productl .swiper-product h4{margin-top:75px; }
    .col-index-productl .swiper-product .col-index-more{margin-top: 20px;}
    .col-index-productl .swiper-product .swiper-button-prev,
    .col-index-productl .swiper-product .swiper-button-next{margin-top:-15px;}
    .col-index-productl .swiper-product .swiper-button-prev i,
    .col-index-productl .swiper-product .swiper-button-next i{font-size:30px;}
    .col-index-productl .swiper-product .swiper-pagination{bottom: 160px;}
    .col-index-productl .swiper-product .swiper-pagination .swiper-pagination-bullet {margin:0 3px;}
/*首页产品*/
/*首页中间*/
    .col-index-middle{padding-top: 70px;padding-bottom: 100px;}
    .col-index-middle .container{max-width: 1300px;}
    .col-index-middle .box{width:100%;padding:0; margin:40px auto 0;border:0;border-radius: 0;}
    .col-index-middle .box:before{display: none;}
    .col-index-middle .images{padding: 30px;max-width: 360px;margin:0 auto;}
    .col-index-middle .list ul li{position: static;width:100%;margin-top: 25px;}
    .col-index-middle .list ul li .pic{max-width: 95px;}

    .col-index-middle .list ul li.li1,
    .col-index-middle .list ul li.li2,
    .col-index-middle .list ul li.li3,
    .col-index-middle .list ul li.li4{flex-direction: row;text-align: left;}
    .col-index-middle .list ul li.li1 .text,
    .col-index-middle .list ul li.li2 .text,
    .col-index-middle .list ul li.li3 .text,
    .col-index-middle .list ul li.li4 .text{padding-right: 0;padding-left: 15px;}

    .col-index-middle .list ul li.li5 .text,
    .col-index-middle .list ul li.li6 .text,
    .col-index-middle .list ul li.li7 .text,
    .col-index-middle .list ul li.li8 .text{padding-left: 15px;}
/*首页中间*/
/*底部开始*/
    .footer{padding-top: 50px;text-align: center;}

    .footerCon{margin-top:0;display: block;}
    .footerCon ul{margin-left: 0;margin-top: 25px;}
    .footerCon ul li{float: none; margin-right:0;}

    .copy{margin-top: 20px;padding-top: 10px;padding-bottom: 10px;}
    .copy p{width: 100%;}
    .social span{margin:0 3px;}
    .social span i{font-size: 18px;}
    .social span.weixin em{top:-130px;}
/*底部结束*/
/*关于我们*/
    .col-page-about{padding-top: 55px;}
    .col-page-about .content{margin-top: 25px;}
    .col-page-about .pic{margin-top: 35px;}
    #aPlay i{width:45px;height:45px;line-height:45px;font-size: 20px;}
    /*荣誉*/
    .col-about-honor{padding-top: 55px;padding-bottom: 55px;}
    .col-about-honor .content{margin-top: 25px;}
    .col-about-honor .list{ margin-top: 30px;}
    .col-about-honor .list h5{padding: 10px;}
    .col-about-honor .swiper-honor .swiper-button-prev,
    .col-about-honor .swiper-honor .swiper-button-next{margin-top:-20px;}
    .col-about-honor .swiper-honor .swiper-button-prev i,
    .col-about-honor .swiper-honor .swiper-button-next i{width:40px;height:40px;line-height:38px;font-size:20px;}
    /*设备*/
    .col-about-equipment{padding-top:55px;padding-bottom:55px;}
    .tab-equip{margin-top: 20px;}
    .tab-equip a{margin:0 8px;}
    .tab-equip-sildes{margin-top: 25px;}
    .certify { padding-bottom: 40px;}
    .certify .swiper-container {padding-bottom: 25px;}
    .certify .swiper-slide {    width:500px;  }
    .certify .swiper-slide h5{margin-top: 10px;}
    .certify .swiper-button-prev{margin-left: -50px;}
    .certify .swiper-button-next{margin-right: -50px;}
    .certify .swiper-button-prev i,
    .certify .swiper-button-next i{width: 40px;height:40px;line-height:38px;font-size: 20px;}
/*关于我们*/
/*专利技术*/
    /*技术文件*/
    .col-page-technology{padding-top:70px;padding-bottom:40px;}
    .col-page-technology .flex{display: block;}
    .col-page-technology .text{padding: 0;margin-top: 25px;}
    #scrollDiv{height: 18em;overflow: hidden;}
    #scrollDiv ul li{line-height: 2em;}
    #scrolbutton{margin-top: 15px;}
    #scrolbutton .updown{margin-right: 10px;}
    #scrolbutton .updown i{font-size:20px;}
    .col-page-technology .swiper-container {padding:30px 0;max-width: 700px;}
    .col-page-technology .swiper-tech .swiper-button-prev i,
    .col-page-technology .swiper-tech .swiper-button-next i{font-size:22px;}
    /*工艺步骤*/
    .col-process{padding-top: 65px;padding-bottom: 60px;}
    .col-process .list{margin-top: 50px;}
    .col-process .list:after{bottom:15px;}
    .col-process .list p{margin-top: 40px;}
    .col-process .list .dian{width: 30px;height: 30px;padding: 11px;margin-top: 10px;}
    .col-process .list .dian span{width: 8px;height: 8px;}
    /*技术特性*/
    .col-tech{display: block;}
    .col-tech .content{display: block;padding: 50px 15px;}
    .col-tech .content p.img{margin-top: 15px;}
    .col-tech .content p.img img{margin-right: 5px;}
    .col-tech .col-index-title{padding-bottom: 10px;}
    .col-tech2 .content .box{max-width: none;}
    .col-tech2 .content .col-index-title{margin-bottom:15px;}
    .col-tech-bottom{padding-top: 100px;padding-bottom: 100px;}
    .col-tech-bottom .col-index-title hr{width: 27px;border-top:3px solid #32ce50;margin:18px auto 30px;}
    .col-tech-bottom .content{max-width:none;}
/*专利技术*/

/*工程案例*/
    .col-page-case{padding-top: 60px;padding-bottom:60px;}
    .case ul{margin:0 -7px;margin-top: -10px;}
    .case ul li{padding: 0 7px;margin-top: 10px;}
    .case ul li h5{padding: 10px;}
/*工程案例*/
/*新闻资讯*/
    .newslist ul li .txt{padding: 10px;}
    /*index*/
    .col-index-news{ padding-top:60px;padding-bottom:55px; }
    .col-index-news .swiper-news{padding:30px 0 40px; }
    .newslist ul li.liimg .date{margin-top: 3px;}
    .newslist ul li.liimg p{margin-top:5px;}
    /*page*/
    .col-page-news{padding-top: 55px;padding-bottom: 55px;}
    .news{margin-top:35px;}
    .news ul li.liimg{margin-bottom:25px; }
    .news ul li.litext .box{padding:15px 0;padding-right:90px;}
    .news ul li.litext h5{margin-top:3px;}
    .news ul li.litext p{margin-top: 5px;}
    .news ul li.litext .more{bottom: 15px;}
/*新闻资讯*/
/*产品中心*/
    .col-page-product{padding-top: 30px;padding-bottom: 30px;}
    .pronav ul li{display: block;padding: 25px 0;}
    .pronav ul li .images{padding: 0!important;}
    .pronav ul li .content{padding: 0!important;margin-top:25px;}
    .pronav ul li .con{margin-top: 15px;}
    .pronav ul li .col-index-more{margin-top:20px;}
    /*详情*/
    .col-prodet-top{padding-top:100px;padding-bottom:50px;}
    .col-prodet-top .images{width: 100%;}
    .col-prodet-top .images .pic{float: none;margin:0 auto;margin-left: -8vw;}
    .col-prodet-top .text{width: 100%;padding: 0 15px;margin-top: 30px;}
    .col-prodet-top .description{margin-top: 13px;}
    .col-prodet-top .col-index-more{margin-top: 30px;}
    /*参数*/
    .col-prodet-parameter{padding-top: 60px;padding-bottom: 60px;}
    .col-prodet-parameter ul{display: block;}
    .col-prodet-parameter ul li table tr td{width: 50%;padding:7px;}
    .col-prodet-parameter ul li:first-child{width: 100%;}
    .col-prodet-parameter ul li:last-child{width: 100%;padding-left:0;margin-top: 20px;}
    /*优势*/
    .col-prodet-advan{padding-top: 60px;padding-bottom: 60px;}
    .col-prodet-advan .content{margin-top: 35px;}
    .col-prodet-advan .content ul{display: block;}
    .col-prodet-advan .content ul li{width: 100%;margin-right:0;padding:33px 20px;margin-bottom: 20px;}
    .col-prodet-advan .content ul li h4{margin:10px auto 13px;}
    .col-prodet-advan .content ul li:last-child{margin-bottom: 0;}
    /*特点*/
    .col-prodet-features{padding-top: 60px;padding-bottom: 60px;}
    .col-prodet-features ul{display: block;margin-top: -35px;}
    .col-prodet-features ul li{width: 100%; max-width: 100%;padding-right: 0;margin-top: 35px;}
    .col-prodet-features ul li hr{width: 27px;border-top:2px solid #fff;margin:13px 0 25px;}
    .col-prodet-features ul li p{margin-bottom: 10px;}
    .col-prodet-features ul li p.img img{margin-right: 10px;}
    /*性能*/
    .col-prodet-performance{padding-top: 60px;padding-bottom: 60px;}
    .col-prodet-performance .desc{margin-top: 15px;}
    .col-prodet-performance .list{margin-top: 20px;}
    .col-prodet-performance .list img{margin-bottom: 7px;}
    .col-prodet-performance .swiper-images .swiper-button-prev,
    .col-prodet-performance .swiper-images .swiper-button-next{margin-top: -30px;}
    .col-prodet-performance .swiper-images .swiper-button-prev i,
    .col-prodet-performance .swiper-images .swiper-button-next i{width: 30px;height: 30px;line-height: 30px;font-size:16px;}
/*产品中心*/
/*联系我们*/
    .col-page-contact{padding-top:60px;padding-bottom:60px;}
    .contact{width: 100%;padding: 0;}
    .contact .desc{margin-top:15px;}
    .contact .cont{margin-top:30px;}
    .contact .cont hr{margin:15px 0 10px;}
    .contact .cont p.tel{margin-top:10px;}
    .contact-map{width: 100%;margin-top: 30px;}
    .contact-map img{width: auto;max-width: 100%;}
    .col-contact-bottom{padding-top: 60px;display: block;}
    #allmap {height: 300px;}
    .col-message{padding: 0;margin-top: 40px;}
    .col-message .desc{margin-top: 15px;}
    .message ul{margin-top: 15px;}
    .message ul li{margin-bottom: 10px;}
    .message ul li input,
    .message ul li textarea{height:45px;line-height: 42px;}
    .message ul li textarea{height:100px;}
    .message ul li.sub{padding-top:7px;}
/*联系我们*/
}
@media (max-width: 767px){
    .col-index-about .number ul li .countup{font-size:40px;}

    .pronav ul li .content h3{font-size: 20px;}

    .col-tech .col-index-title h3,
    .col-tech-bottom .col-index-title h3{font-size: 22px;}
}
@media (max-width: 600px){
    .col-page-technology .swiper-tech .swiper-slide {    width:330px; }
}
@media (max-width: 400px) {
    .news ul li.liimg{width: 100%;}
    .col-page-technology .swiper-tech .swiper-button-prev i,
    .col-page-technology .swiper-tech .swiper-button-next i{color: #32ce50;}
}