@import 'style.css';

#page{padding-top: 0px; overflow: hidden;}

header{width:100%; height: 55px;  /*box-shadow: 0 0 10px rgba(0,0,0,.15);*/ position: fixed; left: 0; top: 0; z-index:9;}

header h1{margin:0; padding: 0;line-height: 90px;}

header .container{position: relative;width: 100%;}

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;}

.headMenu{margin-top: 44px; width: 33px;height:26px;cursor: pointer; }

.headMenu span{ display: block;width: 100%;height: 4px;background: #fff;margin-bottom: 7px;transition: 0.5s;position: relative; }

.headMenu span.span2{ width: 24px; }

.headMenu:hover span{width: 100%;background: #850017;}

.headMenu.on{}

.headMenu.on span{}

.headMenu.on span.span1{transform: rotate(43deg);transform-origin:0;}

.headMenu.on span.span2{opacity: 0;}

.headMenu.on span.span3{transform: rotate(-43deg);transform-origin:0;}

.language {margin-top: 40px; font-size: 18px;font-family: 'Arial'; }

.language a {display: inline-block;margin-left: 20px; text-align: center; color: #fff;opacity: 0.66;}

.language a.ser{width: 38px;height: 38px;line-height: 38px;opacity: 1;border:1px solid rgba(255,255,255,0.5);border-radius: 50%;}

.language a.ser i{font-size: 20px;}

.language a:hover,

.language a.on{color: #850017;}

.language a.ser:hover{background: #850017;border-color: #850017;color: #fff;}



.head.headerOn,

.head.headerOn1{ background: #fafafc; }

.head.headerOn .language a,

.head.headerOn1 .language a{color: #888;}

.head.headerOn .language a.ser,

.head.headerOn1 .language a.ser{color: #000;border-color: rgba(30,34,41,0.15);}

.head.headerOn .language a:hover,

.head.headerOn1 .language a:hover,

.head.headerOn .language a.on,

.head.headerOn1 .language a.on{color: #850017;}

.head.headerOn .headMenu span,

.head.headerOn1 .headMenu span{background: #850017;}





.headPop{display: none; width: 100%;height: 100%; position: fixed;left:0;top:0;background: #fafafc;padding-top: 90px;z-index:8;}

.headPop .container{padding-top: 7vh;}



.nav { width: 52.76%;   }

.nav.animated{

    animation-duration: 0.8s; 

    -webkit-animation-duration: 0.8s;

    -webkit-animation-duration:0.8s;

} 

.nav ul li { font-size: 1.875vw; margin-top: 4vh; }

.nav ul li a {color: #333;}

.nav ul li a:hover { color: #850017; }

.nav ul ul{}

.nav li li{float: left;margin-top:0.52vw; font-size: 0.83vw;}

.nav li li a{color: #666;}

.nav li li span{ margin:0 0.52vw; }

.nav li li:last-child span{display: none;}



.headCon{width: 42.94%;}

.headCon.animated{

    animation-duration: 0.8s; 

    -webkit-animation-duration: 0.8s;

    -webkit-animation-duration:0.8s;

} 

.headCon .pic{margin-bottom: 20px;}

.headCon .pic:after{padding-bottom: 57.14%;}

.headCon .qrcode{width: 18%; max-width: 115px;margin-left:3vh; }

.headCon .qrcode img{border:1px solid #e8e8e8;}

.headCon .qrcode em{display: block;margin-top: 8px;text-align: center;}

.headCon p{text-align: right; font-size: 16px;margin-bottom: 3vh;}

.headCon p span{display: block;margin-top: 5px; line-height: 0.8em; font-size: 1.875vw;color: #1a1a1a; }

.headCon p span a{color: #1a1a1a;}

.headPop .headCon .clearfix .qrcode:first-child{display: none;}





.col-page-right{ position: fixed;right:1.51vw;top:50%;z-index: 10; }

.col-page-right ul{padding:15px 10px; border:1px solid #e6e6e6;background: #edf1f5; }

.col-page-right ul li{ margin-top: 15px; }

.col-page-right ul li a{ color: #ccc; }

.col-page-right ul li a i{ display: block;width: 30px;height: 30px;line-height: 30px;text-align: center;font-size: 24px; }

.col-page-right ul li a:hover{color: #954232;}

.col-page-right ul li:first-child{margin-top: 0;}

.col-page-right ul li:first-child a{color: #ef7c1b;}



/*手机版菜单*/

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

    .head{height: 55px;}

    header h1{height: 55px;line-height: 48px;text-align: left!important;}

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

  #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: #850017; 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) {

/*底部开始*/

    .footer { padding:40px 0;}

    .footerNav{ margin-top: 0;margin-bottom: 20px;  }

    .footerNav a{margin:0 2vw;white-space:nowrap;}

    .copy { margin-top: 28px; }

    .copy .qrcode{width: 100%;text-align: center;}

    .copy .qrcode span{  margin:0 7px; }

    .copyright{width: 100%;text-align: center; margin-top: 30px;}

    .social {text-align: center;}

    .social span{ margin:0 7px;}

/*index*/

.col-index-title h3{ font-size: 24px; }

.col-index-title h3 span{ font-size: 18px; }



.col-index-product .col-index-title{padding:15px 3.125%; margin-top: -25px; }

.col-index-product .list ul.row{margin:0 -7px;padding-top: 10px;}

.col-index-product .list ul li{padding: 0 7px; margin-top: 40px; }

.col-index-product .list ul li h5{ font-size:14px;margin-top:20px;}



.col-index-proapp{margin-top:55px;}

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

.col-index-proapp .list ul li{ font-size: 14px;}

.col-index-proapp .list ul li .text{bottom: 50%;transform: translateY(50%);}

.col-index-proapp .list ul li .text h4{ font-size: 14px; }

.col-index-proapp .list ul li .text .con{display: block; }

.col-index-proapp .list ul li .text p{ font-size: 14px; }



.col-index-case{ padding:50px 0;  }

.col-index-case .description ul li .box{ padding-left: 50px; }

.col-index-case .description ul li .box img{ width: 33px; }

.col-index-case .description ul li .box p{ font-size: 12px; }

.col-index-case .description ul li .box h4{font-size: 16px; }



.col-index-case .column{margin-top: 50px;}

.col-index-case .column ul.row{margin:0 -7px;}

.col-index-case .column ul li{padding: 0 7px;  }

.col-index-case .column ul li .padding{padding: 3.125vw 3.9vw;}

.col-index-case .column ul li h3{ font-size: 20px; }

.col-index-case .column ul li p{ margin:15px 0;height: auto;min-height: 80px; }

.col-index-case .column ul li a{ width: 100px;height: 35px;line-height: 35px; }



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

.col-index-case .list .swiper-picture ul{padding: 20px 0; }

.col-index-case .list .swiper-picture .swiper-pagination{ padding-top: 15px;}

.col-index-case .list .swiper-picture .swiper-pagination .swiper-pagination-bullet { width: 8px;height: 8px;margin:0 4px;  }



.col-index-about .text{ top:4vw;}

.col-index-about .text .con{max-width: none; margin-top:15px; }

.col-index-about .text a{position: static;margin-top: 20px; width:120px;height:40px;line-height:40px;}



/*page*/





.col-page-picture{padding: 45px 0 55px;}

.col-page-picture h3{ font-size: 24px; }

.col-page-picture .list { margin-top: 20px; }

.col-page-picture .list .content{ font-size: 14px;  }

.col-page-picture .list ul{ padding-top: 5px; }

.col-page-picture .list ul li{ margin-right:10px;margin-top: 10px; }



.col-page-equipment{padding: 55px 0;}

.col-page-equipment .content h3{margin-bottom: 15px; font-size: 24px; }



.col-equip-nav{ margin-top: 20px; }

.col-equip-nav a{ margin:0 4.94vw; font-size: 16px; }

.col-equip-sildes{ margin-top: 20px; }

.col-equip-sildes .swiper-equip .swiper-pagination{ margin-top:25px; }

.col-equip-sildes .swiper-equip .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px; margin:0 3px;}



/*关于我们*/

.col-page-about{padding:55px 0;}

.col-page-about .content ul{margin:33px 0; }

.col-page-about .content ul li p span{  font-size: 50px; }



.col-about-culture .content{ margin-top: -50px; padding-top: 27px;  }

.col-about-culture .content h3{ font-size:24px; border-top:2px solid #016e47;border-bottom: 2px solid #016e47;padding: 12px 0; margin-bottom: 30px;}

.col-about-culture .content h4{ font-size: 18px; margin-bottom:15px; }



.col-about-hj{padding: 30px 15px 40px;}



#certify .swiper-container { max-width: 1280px;margin:0 auto;position: static;padding-bottom: 40px;}



#certify .swiper-button-prev,

#certify .swiper-button-next { margin-top: -40px; }

#certify .swiper-button-prev i,

#certify .swiper-button-next i{ width: 45px;height:34px;line-height: 29px; border-radius:15px; }



/*联系我们*/

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

.col-page-contact .title{margin-bottom: 25px;}

.col-page-contact .title h2{ font-size: 32px; line-height: 30px; }

.col-page-contact .title h2 img{ height: 30px; }

.col-page-contact .title1{margin-bottom: 20px;}

.col-page-contact .title1 h3{ font-size: 24px;  }

#allmap {

  width: 100%;

  height: 300px;

}



.col-map{width: 100%;}

.col-map h4{ font-size: 20px; margin-bottom: 15px; }

.col-contactway{width: 100%;max-width: none;margin-top: 40px;}

.col-contactway ul{}

.col-contactway ul li{margin-bottom:30px;}

.col-contactway ul li:last-child{margin-bottom: 0;}

.col-contactway h4{font-size: 20px; margin-bottom: 15px;}

.col-contactway p{ font-size: 14px;line-height: 1.6; }





.col-onlinemessage{padding: 55px 0;}

.col-onlinemessage .message{padding: 40px 15px; }

.col-onlinemessage .message h3{font-size: 20px; }

.col-onlinemessage .message ul li{margin-top: 16px!important;}

.col-onlinemessage .message ul li input{height: 40px;line-height: 38px;}

.col-onlinemessage .message ul li textarea{height: 160px;}

.col-onlinemessage .message ul li.li_1:before{height: 40px;}

.col-onlinemessage .message ul li.li_2:before{height: 40px;}

.col-onlinemessage .message ul li.li_3:before{height: 40px;}

.col-onlinemessage .message ul li.li_4:before{height: 40px;}

.col-onlinemessage .message ul li.sub input{font-size: 14px;width: 120px; height: 45px;}









}

@media (max-width: 767px) {



.col-onlinemessage .message ul li.li1{width: 100%;margin-right: 0;}





  .search_right{padding-left: 0;padding-right: 0;margin-top: 30px;}

  .entry-image{float: none;width: auto;margin:0 0 20px 0;}



  .col-index-product .list ul li h5{padding-right: 0;}

  .col-index-case .description{margin-top: -10px;}

  .col-index-case .description ul li{width: 100%;padding: 10px 0; border-bottom: 1px solid #ccc;border-right:0;}

  .col-index-case .description ul li .box{min-width: 300px;}

  .col-index-case .column{margin-top: 40px;}



.col-index-about .pic{padding: 50px 0 100px; }

.col-index-about .pic:after{padding-bottom:0;}

.col-index-about .text{position: static;}





.col-page-picture h3{ font-size: 20px; }

.col-page-equipment .content h3{ font-size:20px; }





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

.col-page-about .content{ width:100%;margin-top: 25px; }

.col-about-culture .content h3{font-size: 20px;}





.col-page-contact .title1 h3{font-size: 20px;}





}

@media (max-width: 640px) {

    .col-page-about .content ul li{display: block;width: 100%;margin-top: 20px;}



}

/*增加*/
    .col-page-about .content-add h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom: 2.08vw;}
    .col-page-about .content-add p{font-size: 16px;line-height: 1.8;}
    .col-page-about .content-add ul{}
    .col-page-about .content-add ul li:after{clear:both;display:table;content:" ";}
    .col-page-about .content-add ul li .text{float: left;}
    .col-page-about .content-add ul li .img{float: right;}
    .col-page-about .content-add ul li.li1{}
    .col-page-about .content-add ul li.li1 .text{width: 60.93%;padding-right: 15px;max-width: 700px;}
    .col-page-about .content-add ul li.li1 .img{width: 39.06%;}
    .col-page-about .content-add ul li.li2{margin-top: 40px;}
    .col-page-about .content-add ul li.li2 .text{width: 45.31%;padding-right: 15px;max-width: 500px;}
    .col-page-about .content-add ul li.li2 .img{width: 54.68%;}

    .col-about-history{padding-bottom: 6%;}
    .col-about-history h3{font-size: 24px;font-weight: bold;color: #333;margin-bottom:3.5vw;}
    .col-about-history .pic{width: 42.96%;margin-left: 15px;margin-bottom: 15px;}
    .col-about-history ul{padding-left: 120px;}
    .col-about-history ul li{border-left: 1px solid #848484;padding-left: 30px;position: relative;min-height: 5.4em;padding-bottom: 25px;}
    .col-about-history ul li:before{content: '';width: 15px;height: 15px;border-radius: 50%;background: #41bbbd;position: absolute;left: -7.5px;top:7px;}
    .col-about-history ul li img{margin-top: 15px;}
    .col-about-history ul li h5{font-size: 40px;font-family: 'Arial';line-height: 0.8;position: absolute;left:-120px;top:0;color: #333;}
    .col-about-history ul li p{font-size: 16px;line-height: 1.8;color: #333;}
    .col-about-history ul li:last-child{min-height: auto;}
    @media (max-width: 991px){
        .col-page-about .content-add h3{font-size: 18px;margin-bottom: 20px;}
        .col-page-about .content-add p{font-size: 14px;}
        .col-page-about .content-add ul li .text{float: none;}
        .col-page-about .content-add ul li .img{float: none;margin-top: 25px;}
        .col-page-about .content-add ul li.li1 .text{width: 100%;padding-right: 0;max-width: none;}
        .col-page-about .content-add ul li.li1 .img{width: 100%;}
        .col-page-about .content-add ul li.li2 .text{width: 100%;padding-right: 0;max-width: none;}
        .col-page-about .content-add ul li.li2 .img{width: 100%;}
        .col-about-history{padding-bottom:60px;}
        .col-about-history h3{font-size: 18px;margin-bottom:35px;}
        .col-about-history .pic{width: 100%;float: none!important;margin-left: 0;margin-bottom: 25px;display: none;}
        .col-about-history ul{padding-left: 80px;}
        .col-about-history ul li{padding-left: 15px;padding-bottom: 25px;}
        .col-about-history ul li:before{width: 10px;height: 10px;left: -5px;top:8px;}
        .col-about-history ul li img{margin-top: 15px;}
        .col-about-history ul li h5{font-size: 28px;left:-80px;top:3px;}
        .col-about-history ul li p{font-size: 14px;}
        .col-about-history ul li:last-child{min-height: auto;}
    }