@import 'style.css';
@import 'anima.css';
#page{padding-top: 0px; overflow: hidden;}
header{width:100%;background:none;/*box-shadow: 0 0 10px rgba(0,0,0,.15);*/position: fixed;left: 0;top: 0;z-index: 12;}
header h1{margin:0; padding: 0;font-size: 0;line-height: 80px;position: relative;z-index: 2;}
header h1 img.img1{display: inline-block;}
header h1 img.img2{display: none;}
header .container{position: relative;width: 100%;max-width: 1870px;}
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;}

.headtitle{width: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);text-align: center;font-size: 24px;font-weight: bold;color: #333;z-index: 0;text-transform: capitalize;}

#headMenu{position: relative;z-index: 1; }
#headMenu i{font-size: 24px;color: #fff;transition: 0.5s;cursor: pointer;line-height: 80px;}
#headMenu i.open{display: block;}
#headMenu i.close{display: none;}
#headMenu i:hover{color: #c81233!important;}

.language{margin-right: 4%;line-height: 80px;position: relative;z-index: 2;}
.language a{margin-left: 55px; color: rgba(255,255,255,0.5);text-transform: uppercase; }
.language a:hover,
.language a.on{color: #fff;}

.headerbg{padding: 10px 0;height: 100px; transition: 0.5s;}

.headPop{width: 100%;height: 100%; position: fixed;z-index: 7;left:0;top:0;background:#fff;display: none;}
.headPop h2{font-size: 16px;color: #ccc;}
.headPopnei{padding-top: 100px;width: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
nav{width: 59.72%;}
nav ul{margin-top: 5px;}
nav ul li{margin-top: 50px; font-size: 36px;line-height: 1em;}
nav ul li a{font-weight: bold;text-transform: uppercase;color: #333; }

.headContact{width: 27.78%;position: absolute;right: 0;bottom:0;color: #999;line-height: 1.8em;}
.headContact p{margin-top: 50px;word-break: break-all;}
.headContact b{display: block; margin-bottom: 10px;font-size: 16px;color: #ccc;}
.headContact a{color: #999}

.headLink{margin-top: 105px;}
.headLink p.p1{}
.headLink p.p1 a{font-size: 16px;color: #333;margin-right: 55px;}
.headLink p.p1 a.mess{position: relative;padding-left: 30px;}
.headLink p.p1 a.mess:before{content: '\e633';position: absolute;left:0;top:50%;transform: translateY(-50%);font-family: 'iconfont';font-size: 22px;color: #0b0b0b;font-weight: bold;}
.headLink p.p2{}
.headLink p.p2 a{margin-left: 30px; color: #4d4d4d;}
.headLink p.p2 a i{font-size: 18px;}
.headLink p.p2 a:hover{color: #c81233;}


header.on{}
header.onindex .headerbg{background: #fff;}
header.onpage .headerbg{padding: 0;height: 80px;background: #fff;border-bottom: 1px solid #e5e5e5}

header.on h1 img.img1{display: none;}
header.on h1 img.img2{display: inline-block;}
header.on .language a{color: #bcbcbc; }
header.on .language a:hover,
header.on .language a.on{color: #333;}
header.on #headMenu i{color: #333;}
header.on .phone-nav-language{color: #333;}

footer{}

/*手机版菜单*/
@media screen and (max-width: 991px)  {
  header.onpage .headerbg{height: 55px;}
  header.on h1{line-height: 55px;height: 55px;}
  header.on h1 img{max-height: 50%;}
  header.on #headMenu i{line-height: 55px;}
  header.on .phone-nav-language{line-height: 55px;}
  .vicenav-mbx{margin-top: 55px;}
  #header a.mm_btn {background: center center no-repeat #0067b7;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: 1200px) {
  .vicenav a{margin-right: 44px;}
}
@media (max-width: 991px) {

.headtitle{font-size: 20px;}
  nav{width: 100%;}
  nav ul li{margin-top:20px; font-size:18px;}
.vicenav-mbx{line-height: 35px;}
  .footerContact{width: 100%;margin-top: 20px;}
  .footerContact p{margin-top: 15px;}
  .footerContact p span{margin-bottom: 5px;}
  .footerNav{width: 100%;}
  .footerNav ul{margin-top: 35px;}
  .footerNav ul li .box{margin-top: 10px;}
  .footerNav ul li .box p{margin-bottom: 5px;}
  .copy{margin-top: 40px;}

  .col-index-title h3{font-size: 20px;}
  .col-index-title .content{margin-top:15px!important;line-height: 1.8em;}

  .col-index-about{padding-top: 65px;}
  .col-index-about .more a{width: auto;height: auto;padding:0px 15px;line-height: 1.8em;}
  .col-index-about ul{margin-left: -7.5px;margin-right: -7.5px;}
  .col-index-about ul li{padding: 0 7.5px;}

  .col-index-product{padding-top: 75px;}
  .inproColumn{margin-top: 20px;}
  .col-index-product .contents{margin-top: 15px;}
  .inproleft{width: 100%;height: auto;float: none!important;}
  .inproright{width: 100%;max-width: 540px;height: auto;float: none!important;margin:20px auto 0;}
  .inproright ul li{height: auto;}
  .inproright ul li .pic{height: auto;}
  .inproright ul li .pic:after{padding-bottom: 88.372%;}
  .inproright .owl-theme .owl-nav.disabled+.owl-dots{bottom: 34.55%;}

  .col-recommend-product{padding-top: 70px;}
  .col-recommend-product ul{margin:30px 0 50px;}
  .col-recommend-product .more a{height: 35px;line-height: 35px;}

  .col-index-quality{padding-top: 70px;}
  .col-index-quality ul li{margin-top: 20px;}

  .col-index-news{padding: 70px 0;}
  .col-index-news ul{margin-top: 20px;}
  .col-index-news .more{margin-top: 30px;text-align: center;}
  .col-index-news .more a{display: inline-block; width: auto;height: auto;padding:0px 15px;line-height: 1.8em;}

  .col-page-banner{}
  .col-page-banner .content{font-size: 24px;}

  .col-page-title h3{font-size: 26px;}

  .col-images .swiper-pagination{margin-top: 20px;}
  .col-images .swiper-pagination .swiper-pagination-bullet{width:15px;height:15px;}

  .col-page-about{padding-top:60px;}
  .col-page-about .content{margin-top: 20px;line-height: 1.8em;font-size: 14px;}
  .swiper-picture{margin-top:35px;}
  .col-about-video{margin-top: 25px;}
  .col-develop-bg{margin-top:45px; padding:60px 0 70px;}
  .col-page-develop-bot{margin-top: 50px;padding: 0 35px;}
  .carousel-develop .owl-theme .owl-nav [class*=owl-]{width: 35px;height: 35px;top:-17.5px;}

  .col-about-honor{padding-top:65px;}
  .swiper-honor{margin-top: 30px;}

  .col-customer{padding-top: 60px;}
  .col-customer .box{margin-top: 30px;padding-top: 35px;}
  .col-customer .title h4{font-size: 16px;}
  .swiper-hezuo{margin-top: 20px;}
  .col-equipment{padding-top: 55px;padding-bottom: 70px;}
  .col-equipment .col-images{margin-top: 35px;}

  .brand-content{margin-top: 20px; font-size: 14px;line-height: 1.8em;}
  .col-brand{padding-top: 55px;}
  .col-design{padding-top: 60px;}
  .col-design .title h4{font-size: 18px;}
  .col-design .title{margin-top: 40px;}
  .col-design .col-images{margin-top: 35px;}
  .col-team{padding:60px 0 50px;}
  .swiper-team{margin-top: 15px;}

.col-service{padding-top: 60px;}
.col-service2{padding-top:70px;padding-bottom: 80px;}
.col-service .serviceL{margin-top: 30px;font-size: 14px;}
.col-service .serviceL .desc{margin-bottom: 20px;}
.col-service .serviceL p{margin-bottom: 15px;}
.col-service .serviceL a.more{margin-top: 30px; width: auto;height: auto;line-height: 1.8em;padding: 0 15px;}
.col-service .pic{margin-top:25px;}

.col-yxyl{padding-top:60px;}
.col-yxyl .content{width: 100%;padding-top:75px;}
.col-yxyl .con{ font-size: 14px;line-height: 1.8em; }
.col-yxyl .col-images{width: 100%;max-width: 680px;margin-top: 30px;}

.col-jzgy,
.col-szjc{padding-top:65px;}
.col-rzzs{padding: 60px 0;}
.col-jzgy .col-images,
.col-szjc .col-images,
.col-rzzs .col-images{margin-top: 30px;}

.col-page-news{padding-top: 55px;}
.news ul li{padding: 35px 0 5px;}
.news ul li .newleft .pic,
.news ul li .newright{height: 280px;}
.news ul li .newright p{margin-top: 10px;margin-bottom: 30px;}

.page li a{padding: 4px 10px;}

.col-page-product{padding-top: 50px;}
.productNav{padding-top: 30px;padding-bottom: 30px;padding-right: 0;}
.productNav a{margin-bottom: 5px;font-size: 14px;}
.pro ul{margin:0 -1%;}
.pro ul li{padding: 0 1%;margin-top: 30px;}
.pro ul li .padding{padding:20px 0;}
.pro ul li p{margin-top: 15px;}
.pro ul li h5{font-size: 14px;margin-bottom: 8px;}


.col-talent{padding-top: 55px;}
.col-talent .pic{margin-top: 30px;}
.col-talent .pic p{font-size: 20px;}

.col-ygtd{padding-top: 70px;}
.col-ygtd .swiper-ygtd{margin-top:35px;}

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

.col-map{padding-top: 55px;}
#allmap{height: 400px;}

.col-contactway{padding-top: 60px;}
.col-contactway ul li{margin-top: 30px;}
.col-contactway ul li p.title{margin-bottom: 12px;}

.col-onlinemessage{padding: 70px 0 100px;}
.col-onlinemessage .message{margin-top: 20px;}
.col-onlinemessage .message ul li{margin-top: 16px!important;}



}
@media (max-width: 767px) {
  .headtitle{font-size: 14px;}
  .search_right{padding-left: 0;padding-right: 0;margin-top: 30px;}
  .entry-image{float: none;width: auto;margin:0 0 20px 0;}

  .footerNav ul li{width: auto;margin-right:15px;}


  .col-index-about .more{height: 87px;}
  .col-index-about .more img{height: 100%;width: auto;max-width: none;position: relative;margin-left: 50%; transform: translateX(-50%);}
  .col-index-about ul {}
  .col-index-about ul li .pic{width: 100%;max-width: 460px;margin:0 auto;}

  .inproleft .title h4{font-size: 22px;}
  .inproleft .title a{margin-top: 20px;display: inline-block; width: auto;height: auto;line-height: 1.8em;padding:0px 15px;}

  .col-index-quality ul li .content{padding-top: 20px;padding-bottom: 20px;}
  .col-index-quality ul li h4{font-size: 16px;}
  .col-index-quality ul li p{margin-top: 10px;font-size: 12px;}

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

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

  .carousel-develop ul li .con{width: 100%;}

.col-service .serviceL{width: 100%;}
.col-service .pic{width: 100%;max-width:500px; }


.news ul li .newleft{width: 100%;max-width: 500px;margin:0 auto; float: none!important;}
.news ul li .newleft .pic{height: auto;}
.news ul li .newleft .pic:after{padding-bottom: 72%;}
.news ul li .newright{width: 100%;float: none!important;height: auto;margin-top:20px;}
.news ul li .newright .con{position: static;transform: none;}
.news ul li .newright h4{font-size: 18px;}
.news ul li .newright p{margin-top: 5px;margin-bottom: 15px;}

.productNav{}
  .pro_show .caseleft{width: 100%;margin-top: 30px;}
  .pro_show .caseright{width: 100%;margin-top: 0px;}
  .pro_show .caseright h1{font-size: 18px;}
  .proshowcon_tab{margin-top: 35px;}

.col-talent .pic{height: 235px;}
.col-talent .pic:after{padding-bottom:0;}
.col-talent .pic p{font-size: 16px;}
.col-talent .content ul li{width: 100%;margin-right: 0;margin-top: 35px;}
.col-talent .content ul li p{line-height: 1.8em;}
.col-talent .content ul li .title{margin-bottom: 10px;}

.col-job ul li .jobpara span{width:100%;}
.col-job ul li .cons{padding-left: 10px;padding-right: 10px;}
.col-job ul li .cons .con{width: 100%;margin-right: 0;}
.col-job ul li .jobcon{padding-left: 10px;padding-right: 10px;margin-left: 15px;margin-right: 15px;}
.col-job ul li .jobpara{padding-left: 10px;padding-right: 10px;}
.apply{text-align: left;}
.apply a{display: inline-block; width: auto;height: auto;line-height: 1.8em;padding: 2px 15px; }

.message .messagecon ul li.li_1{width: 100%;margin-right: 0;}
.message .messagecon ul li textarea{height: 160px;}

#allmap{height: 300px;}
.col-onlinemessage .message ul li.li1{width: 100%;margin-right: 0;}
.col-onlinemessage .message ul li textarea{height: 160px;}

.col-contactway ul li .padding{float: none!important;}
.col-contactway ul li p.title{font-size: 15px;}

}
@media (max-width: 400px) {
  .pro ul li{width: 100%;}
}