@import 'style.css';
#page{/*padding-top: 0px;*/ overflow: hidden;}
.page_index{padding-top: 100px;}
.page_{padding-top: 140px;}
header{width:100%;position: fixed;background: #fff; left: 0; top: 0; z-index: 8;}
header h1{margin:0; padding: 0;font-size: 0;line-height: 100px;width: 19%;}
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;}

.header_index{background: #f4f4f4;}
.header_index .container{max-width: 1790px;}
.header_index .head_top{display: none;}
.header_page .container{max-width: 1200px;background: #f4f4f4;}

header.header_page h1{width: 29%;}
.head_top{ width: 100%;max-width: 1200px;padding: 0 15px;margin:0 auto;position: relative; background: #151515;height: 40px;line-height: 40px; }
.head_top p{ color: rgba(255,255,255,0.51);position: relative;padding-left: 24px; }
.head_top p img{ display: block;position: absolute;left:0;top:50%;transform: translateY(-50%); }
.head_top .xian{ width: 5.55%;height: 40px;position: relative; }
.head_top .xian:before{content: '';height: 14px;border-right: 1px solid #545454;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.header_page .language,
.header_page .col-font-size{display: none;color: rgba(255,255,255,0.55);}
.header_page .head_top .language{display: block;margin-top:5px;}
.header_page .head_top .col-font-size{display: block;line-height: 40px;}
.header_page .head_top .col-font-size a{padding: 7px;}
.header_page .col-head-search{width:3.125vw;text-align: right;margin:0 0 0 2vw;position: absolute;right:15px;top:0;}
.header_page .col-head-search:after{height: 14px;margin-top: -7px;border-right:1px solid #9f9f9f;right:auto;left:0;}
.header_page .nav{margin-right: 5.52vw;}
.header_page .nav ul li{margin-left: 2.7vw;}


header.on{/*box-shadow: 0 0 10px rgba(0,0,0,.15);*/}

footer{}

/*手机版菜单*/
@media screen and (max-width: 991px)  {
#page{padding-top:55px;}
  header{height: 55px;}
  header h1{height: 55px;line-height: 55px;width:auto!important;}
  header h1 img{max-height: 85%;display: inline-block;}
  #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) {
  html{font-size:60%;}
  .col-font-size{margin-left: 3vw;}
  .nav ul li{margin-left: 2vw;}

}
@media (max-width: 991px) {
  .pro_show .caseright table{margin-top: 25px;}
  .pro_show .caseright table tr td{padding: 8px 15px;}

  .col-job ul{margin-top: 30px;}
  .col-job ul li .jobtit,
  .col-job ul li.li1{height: 45px;line-height: 45px;}
  .apply a{display: inline-block;width: auto;height: auto;line-height: 1.8em;padding: 5px 20px;}
/*footer*/
.footer_nav{padding: 10px 0;}
.footer_nav ul li{line-height: 1.8em;font-size: 1.4rem;}

.col-footer-row{padding-top: 35px;}
.footerContact h3{font-size: 2.0rem;}
.footerContact p{font-size: 1.2rem;}
.footerContact p.p1{font-size: 1.4rem;}

.footerLink{margin-top: 30px;}
.footerLink h3{font-size: 1.8rem;}
.footerLink p{font-size: 1.4rem;}

.footerQrcode{margin-top: 30px;}
.footerQrcode h3{font-size: 1.8rem;}
.footerMap h3{font-size: 2.0rem;}

.copy{padding: 12px 0;margin-top: 30px;}
/*footer*/
.col-index-title h3{font-size: 2.4rem;}

.col-index-product{padding: 65px 0 50px;}
.col-index-product ul li{margin-top: 25px;}
.col-index-product ul li h4{font-size: 1.4rem;margin-top: 15px;}

.col-index-product .pro_desc{margin-top:35px;font-size: 14px;}

.col-index-news{padding: 55px 0;}
.col-index-news .swiper-news{margin-top: 30px;}
.swiper-news ul{padding:8px 15px;}
.swiper-news ul li{padding: 12px 0;}
.swiper-news ul li .date{font-size: 1.2rem;}
.swiper-news ul li h4{font-size: 1.8rem;margin-top: 5px;}
.swiper-news ul li p{font-size: 1.4rem;margin-top: 5px;}
.swiper-news .swiper-pagination{margin-top: 25px;}

.col-index-about{padding: 60px 0;}
.col-index-about .content{height: auto;padding-bottom: 40px;margin-bottom: 30px;}
.col-index-about .content h3{font-size: 2.4rem;}
.col-index-about .content .con{margin-top: 25px;}
.col-index-about .content .con p{font-size: 1.4rem;}
.col-index-about .content .more a{padding-right: 35px;}
.col-index-about .content .more a span{width: 25px;height: 25px;}
.col-index-about-img .pic{height: auto;}
.col-index-about-img .pic:after{padding-bottom: 59.76%;}
.col-index-about-img h4{font-size: 2.0rem;}
/*内页*/
.col-page-about{padding-bottom:70px;}
.col-page-right{margin-left: 0}

.col-page-title{padding: 12px 10px;}
.col-page-title h3{font-size: 1.6rem;}
.mbx{font-size: 1.2rem;}

.col-page-content{padding: 30px 10px;}
.col-page-content p{font-size: 1.4rem;line-height: 1.8em;}
.col-page-content h3{font-size: 1.8rem;line-height: 1.3;}
.col-page-content hr{margin:0;}

.col-page-content .jyfz p{font-size: 1.4rem;}
.col-page-content .jyfz p.p1{font-size: 1.6rem;}
.col-page-content .jyln p.p2{font-size: 2.0rem;}

.col-page-content ul.imglist li{margin-top: 0;margin-bottom: 15px;}
.col-page-content ul.imglist li .pic{margin-bottom: 12px;}
.col-page-content ul.imglist li p{font-size: 1.2rem;}

.col-aichi-group-list{margin-top: 35px;}
.col-aichi-group-list h3{padding-top: 10px;padding-bottom: 10px;}
.col-aichi-group-list ul li{padding-top: 25px;}
.col-aichi-group-list ul li h4{font-size: 1.6rem;margin-bottom: 12px;}
.col-aichi-group-list .more a{font-size: 1.4rem;}
/*产品*/
.col-product-all h2{font-size: 2.0rem;}
.col-product-all ul li{margin-bottom: 10px;}
.col-product-all ul li img{margin-top: 15px;}
.col-product-all ul li h3{font-size: 1.5rem;}

.col-product-all-list ul.row{margin:0 -5px;}
.col-product-all-list ul li{padding: 0 5px;width:33.33%; text-align: center;margin:25px 0 0; }
.col-product-all-list ul li img{margin:0;}
.col-product-all-list ul li h4{font-size: 1.4rem;margin-top:15px;}


.col-news ul li{padding: 20px 12px;}
.col-news ul li h4{font-size: 1.8rem;}
.col-news ul li p{font-size: 1.4rem;margin:12px 0 15px;}
.col-news ul li a.more{font-size: 1.2rem;padding: 3px 10px;line-height: 1.5em;}

.page{margin: 20px auto 0;}
.page li a{padding: 4px 10px;font-size: 14px;margin:0 2px;}

.col-contactway .con {margin-top: 10px;}
.col-contactway .con p{font-size: 1.4rem;}
#allmap{height: 300px;}
.col-page-message{padding-top: 40px;padding-bottom: 40px;}
.col-page-message h3{margin-bottom: 10px;}
.col-page-message .messagecon{margin-top: 0;}
.col-page-message .message ul li input{padding: 2px 15px;}
.col-page-message .message ul li textarea{height: 150px;padding:5px 15px;}
.col-page-message .message ul li.sub input{height: 40px;}

.history-nav a{font-size: 1.6rem;padding: 0 20px;}
.history-sildes .con{margin-top: 25px;}
.history-sildes .title{padding: 0 13px;font-size: 1.8rem;margin-bottom: 20px;}
.history-sildes .con p{font-size: 1.4rem;}
.history-sildes .con table td{padding-left: 15px;padding-bottom:12px;min-width: 70px;}
.history-sildes .con table td:first-child{font-size: 1.5rem;}
.history-sildes .con table td:first-child:before{top: 7px;}

.history-sildes .con table tr:first-child td{font-size: 1.6rem;}


}
@media (max-width: 767px) {
  .search_right{padding-left: 0;padding-right: 0;margin-top: 30px;}
  .entry-image{float: none;width: auto;margin:0 0 20px 0;}
  .pro_show{padding: 20px 0;}
  .pro_show .caseleft{width: 100%;margin-top:0px;}
  .pro_show .caseright{width: 100%;margin-top: 30px;}
  .pro_show .caseright table{margin-top: 15px;}
  .pro_show .caseright h1{font-size: 18px;}
/*footer*/
.footerContact{width: auto;float:left;}
.footerQrcode{width: auto;float:left;}
.footerLink{width: auto;float:left;padding: 0 10px;}
.footerMap{width: auto;float:left;margin-top: 30px;}
/*footer*/
.col-index-title h3{font-size: 1.8rem;}

.col-index-about .content h3{font-size:1.8rem; }
.col-index-about-img h4{font-size: 1.6rem;}
.col-index-about-img h4 span{min-width: 25px;min-height: 25px;}
.col-index-about-img h4 span:after{margin-top: 1px;}
/*内页*/
.col-page-content .jyln p.p2{line-height: 1.5em;}
.col-page-content .jyln p img{float: none;display: block;margin-bottom:10px;}
.appli td{
  width: 100%;
    display: block;
    padding: 1%;
   
    border-bottom: 1px solid #ccc;
}
.appli tr td:first-child{
   border-right: none;
}




}
@media (max-width: 640px) {
.history-sildes .con table td{display: block;}
}
@media (max-width: 600px) {
.col-page-content ul.imglist li{width: 49%;margin-right: 2%;}
.col-page-content ul.imglist li:nth-child(3n){margin-right: 2%;}
.col-page-content ul.imglist li:nth-child(2n){margin-right: 0;}
}
@media (max-width: 400px) {
  .col-index-product ul li{width: 100%;}
  .col-index-product ul li .pic img{padding: 5px;}
  .col-index-about-img{width: 100%;padding: 2px 0 0 0;}
}