@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;font-size: 0;line-height: 85px;}

header .container{position: relative;padding: 0 15px;max-width: 1850px;}

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: 85px;transition: 0.5s;background:#fff;}

.head.on{box-shadow: 0 0 5px rgba(0,0,0,0.15);}



.nav {  position: relative;  z-index: 2;}

.nav ul li {  float: left;  margin-left: 4.16vw;  line-height: 85px;color: #333; position: relative;}

.nav ul li a {  text-transform: uppercase;  color: #333;}

.nav ul li:hover a,

.nav ul li.active a {  color: #dc2233!important;}

.nav ul li:first-child {margin-left: 0;}

.nav ul li.shu{margin-left: 3.38vw;}

.nav ul li.language,

.nav ul li.search{margin-left: 2.6vw;}

.nav ul li.search{height: 85px;overflow: hidden;}

.nav ul li.search i{font-size: 24px;}



.head-index{background: none;border-bottom: 1px solid rgba(255,255,255,0.5);}

.head-index .nav ul li ,

.head-index .nav ul li a{color: #fff;}



@media (max-width: 1400px){

    .f16{font-size: 14px;}

    .f18{font-size: 16px;}

    .f20{font-size: 18px;}

    .f22{font-size: 18px;}

    .f24{font-size: 20px;}

    .f25{font-size: 20px;}

    .f30{font-size: 24px;}

    .f35{font-size: 28px;}



    .col-index-about .box .con h3{font-size: 22px;}

    .col-index-about .box .con ul li span.countup{font-size: 28px;}

    .col-index-about .box .con ul li em{top:12px;}



    .col-index-product .list1 ul li .con h4:before{top:16.5px;}

    .col-index-product .list2 .xian{bottom: 50px;}

    .col-index-product .swiper-product2 .swiper-button-prev,

    .col-index-product .swiper-product2 .swiper-button-next{bottom: 34px;}



    .col-about-culture .content ul li h4{font-size: 22px;}

    .col-about-middle h4{font-size: 32px;}

    .col-about-gsyj .content h4{font-size: 28px;}



    .col-page-product-desc .content p.img {padding-left: 28px;}

    .col-page-product-desc .content p.img img{width: 20px;}

    .col-page-left ul li span{padding-left: 26px;}

    .col-page-left ul li span:before{width: 16px;height: 16px;}



    .col-prodet-middle p.img{padding-left: 28px;}

    .col-prodet-middle p.img img{width: 20px;top:2px;}

    .col-prodet-middle h4{font-size: 24px;}



    .col-page-problem #aPlay i{width: 60px;height: 60px;line-height: 52px;font-size: 18px;}

    .col-tech-syzn .list ul li .title h5{min-height: 33px;}

    .col-tech-syzn .list ul li .title h5 img{width: 33px;}

    .col-tech-shfw2 ul li h5{font-size: 18px;}

    .col-tech-wxsb .content ul li p{font-size: 22px;}

    .col-tech-wxsb .content p span.tel{font-size: 18px;}



    .contactway ul li h5{font-size: 18px;}

}

/*手机版菜单*/

@media screen and (max-width: 991px)  {

    .head{height: 55px;}

    header h1{height: 55px;line-height: 55px;}

    header h1 img{display: inline-block;max-height: 80%;}

    #header a.mm_btn {background: center center no-repeat #dc2233;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: #fff; 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){

    .padding60{padding-left: 15px;padding-right: 15px;}

    .f18{font-size: 15px;}

    .f20{font-size: 16px;}

    .f22{font-size: 16px;}

    .f24{font-size: 18px;}

    .f25{font-size: 18px;}

    .f30{font-size: 20px;}

    .f35{font-size: 24px;}



/*视频*/

    .col-button-video p{margin-top: 10px;}

    #aPlay{width: 50px;height: 50px; }

    #aPlay i{width: 50px;height: 50px;line-height: 50px;font-size:16px;}

/*视频*/

    .swiper-index-button .swiper-button-prev i,

    .swiper-index-button .swiper-button-next i{ width: 28px;height: 28px;line-height: 28px;font-size: 14px; }

    .swiper-index-button .swiper-pagination{margin-top: 30px;}

    .swiper-index-button .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 3px!important; }



    .col-index-more a{padding: 5px 15px;min-width:100px;}

/*首页关于我们*/

    .col-index-about .box{padding:20px;margin-top:20px; display: block; }

    .col-index-about .box .pic{width:100%; }

    .col-index-about .box .pic img{width:100%; }

    .col-index-about .box .con{width:100%;padding-left:0;padding-top:25px;}

    .col-index-about .box .con h3{font-size: 18px;margin-bottom:15px;}

    .col-index-about .box .con ul{padding-top:13px;}

    .col-index-about .box .con ul li p{margin-top: 3px;}

    .col-index-about .box .con ul li{margin-right: 5.2vw;}

    .col-index-about .box .con ul li span.countup{font-size: 24px;}

    .col-index-about .box .con ul li em{top:-9px;margin-left: 7px;}

    .col-index-about .box .con .col-index-more{margin-top: 20px;}

    .col-index-about .box img.logobg{width:32.42%;position: absolute;right:49px;bottom:13px;z-index:1;}

/*首页关于我们*/

/*首页产品*/

    .col-index-product .list1 ul li .pic{width: 100%; max-height: 370px; position: relative;}

    .col-index-product .list1 ul li .pic:after{padding-bottom: 46%;}

    .col-index-product .list1 ul li .con{width: 100%;padding: 25px; }

    .col-index-product .list1 ul li .con h4:before{height: 3px;top:14px;}

    .col-index-product .list1 ul li .con .desc{line-height: 1.8;padding: 15px 0 20px;}

    .col-index-product .list2{margin-top: 35px;padding: 0 40px;}

    .col-index-product .list2 .xian{bottom:38px;}

    .col-index-product .list2 ul li .pic{width: 80%;max-width: 104px;margin:0 auto 15px;}

    .col-index-product .list2 ul li .dian{width: 10px;height: 10px;}

    .col-index-product .list2 ul li .dian span{width: 20px;height: 20px;margin-left: -10px;margin-top: -10px;}

    .col-index-product .list2 ul li h5{margin-top: 15px;}

    .col-index-product .swiper-product2 .swiper-button-prev,

    .col-index-product .swiper-product2 .swiper-button-next{bottom: 24px;}

/*首页产品*/

/*首页选择我们*/

    .col-index-choose .list{margin-top:30px;}

    .col-index-choose .col-index-more{margin-top:20px;}

    .col-index-choose ul{display: block;}

    .col-index-choose ul li{ width:100%;margin-right: 0;margin-bottom: 20px;text-align: center;}

    .col-index-choose ul li .padding{padding:25px 15px;}

    .col-index-choose ul li .padding:before{border-top:3px solid #dc2233;}

    .col-index-choose ul li .pic{width: 40px;margin:0 auto;}

    .col-index-choose ul li h4{margin-top:20px; }

    .col-index-choose ul li .con{margin-top:13px;}

/*首页选择我们*/

/*首页新闻*/

    .col-index-news .list{padding-top:30px;}

    .col-index-news .list ul li .text{padding:10px 13px;}

    .col-index-news .list .swiper-index-button .swiper-button-prev{margin-right:40px;}

/*首页新闻*/

/*底部开始*/

    .footer{padding-top: 55px;text-align: center;}



    .footContact{padding-top: 0;padding-right: 0;margin-top:0;}

    .footContact .contact_box{width: 100%;margin:0;float: none!important;}

    .footContact .contact_box p{margin-bottom: 5px;}

    .footContact .contact_box p img{margin-right: 7px;}

    .footContact .contact_logo{margin-bottom: 20px;}

    .footContact .qrcode{max-width: none; position: static;margin-top: 20px;}

    .footContact .qrcode span{margin-top: 7px;}



    .copy{padding-top: 15px;padding-bottom: 15px;margin-top:35px;}

    .copy p{width: 100%;}

/*底部结束*/





/*关于我们*/

    .col-page-about{padding-top: 55px; padding-bottom:60px;}

    .col-page-about .box{display: block;}

    .col-page-about .col-page-title{margin-bottom: 20px;}

    .col-page-about .content{padding-right: 0;}

    .col-page-about .images{padding-left: 0;margin-top: 30px;}

    .col-page-about .images .bg{left:8px;top:8px;}



    .col-about-culture{padding-top: 55px;padding-bottom: 55px;}

    .col-about-culture .content{margin-top: 30px;}

    .col-about-culture .content ul{display: block;}

    .col-about-culture .content ul li{width: 100%;margin-bottom: 20px; margin-right:0;}

    .col-about-culture .content ul li img{width: 47px;}

    .col-about-culture .content ul li h4{margin:13px 0 15px;font-size:18px;}

    .col-about-middle{padding-top: 100px;padding-bottom:100px;}

    .col-about-middle h4{font-size: 22px;}

    .col-about-middle hr{margin:18px auto 28px;border-top-width: 2px;}

    .col-about-gsyj{padding-top: 110px;padding-bottom: 150px;}

    .col-about-gsyj .content{margin-top: 50px;}

    .col-about-gsyj .content h4{font-size: 20px;margin-bottom: 8px;}

/*关于我们*/

/*科技创新*/

    .col-page-science{padding-top: 55px;padding-bottom: 55px;}

    .col-page-science .box{display: block;}

    .col-page-science .content{padding-right:0; }

    .col-page-science .content .col-page-title{margin-bottom: 15px;}

    .col-page-science .list{padding-left: 0;margin-top: 25px;}



    .col-science-gssl{padding-top: 55px;padding-bottom: 55px;}

    .col-science-gssl .list{margin-top: 35px;}

    .col-science-gssl .list ul li{float: left;width:100%;margin-right: 0;text-align: center;margin-bottom: 25px;}

    .col-science-gssl .list ul li .pic{width:40px;margin:0 auto;}

    .col-science-gssl .list ul li h4{margin-top:20px; }

    .col-science-gssl .list ul li .con{margin-top: 13px;}



    .col-science-zlzs{padding-top: 55px;padding-bottom: 55px;}

    .col-science-zlzs .list{padding-top:35px;}

    .col-science-zlzs .swiper-zlzs .swiper-button-prev{margin-right: 40px;}



    .col-science-txrz{padding-top: 55px;padding-bottom: 55px;}

    .col-science-txrz .list{padding-top:35px;}

    .col-science-txrz .swiper-txrz .swiper-button-prev{margin-right: 40px;}

/*科技创新*/



/*产品中心*/

    .col-page-product-desc{padding-top: 55px;padding-bottom: 40px;}

    .col-page-product-desc .content{width: 100%;padding-bottom: 0;}

    .col-page-product-desc .content .col-page-title{margin-bottom:20px;}

    .col-page-product-desc .content p{ margin-bottom: 5px; }

    .col-page-product-desc .content p.img{}

    .col-page-product-desc .content p.img img{}

    .col-page-product-desc .pic{width: 100%;max-height: 397px;margin-top: 30px; position: relative;}

    .col-page-product-desc .pic:after{padding-bottom: 42.59%;}



    .col-page-product{padding-top: 55px;padding-bottom: 55px;}

    .col-page-product .list{width: 100%;}

    .col-page-product .list .title{margin-bottom: 20px;}

    .col-page-product .list .title h3{line-height: 1.3;}



    .pro ul li{margin-bottom: 15px;  }

    .pro ul li p{margin:10px 0; }



    /*产品详情*/

    .col-prodet-top{padding-top: 55px;padding-bottom: 35px;}

    .pro_show .caseleft{width: 100%;padding-right: 0;}

    .pro_show .caseright{width: 100%;padding-left: 0;margin-top: 20px;}

    .pro_show .caseright h1{ margin-bottom: 18px;}

    .pro_show .caseright h1:after{margin-top:8px;}

    .pro_show .caseright table tr td{padding:5px 10px; border:1px solid #f8f8f8;}

    

    .col-prodet-middle{padding-top: 35px;padding-bottom: 55px;}

    .col-prodet-middle h4{font-size: 20px;}

    .col-prodet-middle table tr td{display: block;padding: 15px 0;}

    .col-prodet-middle table.pro-fea tr td:first-child{width: 100%;padding-right: 0;}

    .col-prodet-middle .prenext{margin:30px 0 0;padding: 20px 0 0; border-top:1px solid #e5e5e5;}



/*产品中心*/

/*技术支持*/

    .col-page-problem{padding-top: 55px;}

    .col-page-problem .list{padding-top:30px;}

    .col-page-problem .list ul li h5{margin-top:12px;}

    .col-page-problem #aPlay i{border:2px solid #fff;width: 55px;height: 55px; line-height: 51px;}

    .col-page-problem .swiper-problem .swiper-button-prev{margin-right: 40px;}



    .col-tech-syzn{padding-top: 55px;padding-bottom: 55px;}

    .col-tech-syzn .list{margin-top: 30px; }

    .col-tech-syzn .list ul{width: 100%;}

    .col-tech-syzn .list ul li{margin-bottom: 10px;}

    .col-tech-syzn .list ul li .title{padding: 10px 13px;  }

    .col-tech-syzn .list ul li .title h5{ padding: 4px 25px 0 45px;}

    .col-tech-syzn .list ul li .content{padding:10px 13px;}

    .col-tech-syzn .list ul li .content .desc{padding-left: 45px;}

    .col-tech-syzn .list .pic {width:100%;max-height: 424px;margin-top: 30px;}



    .col-tech-shfw{padding-top:55px;padding-bottom:55px;}

    .col-tech-shfw .col-page-title{margin-bottom: 30px;}

    .col-tech-shfw .list{display: block;}

    .col-tech-shfw .list h4{margin-bottom: 15px;}

    .col-tech-shfw .list .img{padding:0;margin-top:15px;}

    .col-tech-shfw .list1{margin-bottom:30px;}

    .col-tech-shfw .list1 .con{padding-right: 0;}

    .col-tech-shfw .list1 .img{padding-left: 0;}

    .col-tech-shfw .list2 .con{padding-left: 0;}

    .col-tech-shfw .list2 .img{padding-right: 0;}



    .col-tech-shfw2{padding-top: 55px;padding-bottom: 55px;}

    .col-tech-shfw2 h4{margin-bottom:10px;}

    .col-tech-shfw2 ul{display: block;margin-top: 30px;}

    .col-tech-shfw2 ul li{padding: 33px 13px 20px;margin-right:0;margin-bottom: 15px;}

    .col-tech-shfw2 ul li img{width: 35px;}

    .col-tech-shfw2 ul li h5{font-size: 16px;margin:10px 0;}



    .col-tech-wxsb{padding-top: 55px;padding-bottom: 55px;}

    .col-tech-wxsb .content{margin-top:25px; }

    .col-tech-wxsb .content p span.tel{font-size:16px;}

    .col-tech-wxsb .content ul{margin:30px 0;text-align: center;}

    .col-tech-wxsb .content ul li{width: 13.57%;display: inline-block; float: none;margin:1.5vw!important;min-width: 120px;}

    .col-tech-wxsb .content ul li:before{display: none;}

    .col-tech-wxsb .content ul li p{ font-size: 18px;}

/*技术支持*/

/*联系我们*/

    #allmap {   height: 250px; }



    .col-page-contact{padding-top: 55px;padding-bottom: 55px;}

    .contactway{margin-top: 40px;}

    .contactway ul{display: block;}

    .contactway ul li{ width: 100%;padding:20px 15px; margin-right:0; background: #fff;border-left: 3px solid #dc2233;margin-bottom: 15px;}

    .contactway ul li h5{font-size: 16px;margin:10px 0 5px;}

    .contactway ul li img{height: 28px;}



    .col-message{padding-top: 55px;padding-bottom: 55px;}

    .message{margin-top: 30px;}

    .message ul{margin:-5px;}

    .message ul li{padding:5px; }

    .message ul li input{height:45px;line-height:45px;padding:0 15px;}

    .message ul li textarea{height:100px;padding:10px 15px;}

}

@media (max-width: 767px){

    .col-about-culture .content ul li{padding: 35px 20px;}

    .pro ul li .content{padding-top: 20px;padding-bottom: 20px;}

}

@media (max-width: 400px) {

    .news ul li{width: 100%;}

}

@media (max-height: 699px) {

    .pt85{padding-top: 60px;padding-bottom: 60px;}

}







input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #777;}

input:-moz-placeholder,textarea:-moz-placeholder {color:#777;}

input::-moz-placeholder,textarea::-moz-placeholder {color:#777;}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#777;}

@keyframes yuan {

    from {

        width: 90%; height: 90%; opacity: 1;    

    }

    to {

        width: 190%; height: 190%; opacity: 0;    

    }

}

@-webkit-keyframes yuan {

    from {

        width: 90%; height: 90%; opacity: 1;    

    }

    to {

        width: 190%; height: 190%;opacity: 0;    

    }

}

@-moz-keyframes yuan {

    from {

        width: 90%;height: 90%;opacity: 1;

    }

    to {

        width: 190%;height: 190%;opacity: 0;    

    }

}

@-o-keyframes yuan {

    from {

        width: 90%;height: 90%;opacity: 1;

    }

    to {

        width: 190%; height: 190%;opacity: 0;

    }

}