@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;font-size: 0;line-height: 88px;width: 25%;}

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

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{position: relative;top:1.71vw; height: 90px;transition: 0.5s;border-top:1px solid rgba(255,255,255,0.3);border-bottom:1px solid rgba(255,255,255,0.3);}

.head.on{top:0;background: rgba(17,117,129,0.85); box-shadow: 0 0 5px rgba(0,0,0,0.15);}



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

.nav ul li {  float: left;margin-left: 3vw;  line-height: 88px;  position: relative;}

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

.nav ul li a:hover,

.nav ul li.active a {  color: #e56c22;}

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



.col-head-search,

.col-head-tel{height: 88px;line-height: 88px;overflow: hidden;}

.col-head-search a{color: #fff;}

.col-head-search i{font-size: 24px;}

.col-head-tel{margin:0 2vw 0 6.77vw;}

.col-head-tel a{display: flex;align-items: center;color: rgba(255,255,255,0.6);font-family: 'Arial';}

.col-head-tel a img{margin-right: 10px;}



@media (max-width: 1400px){

    .col-head-tel{margin:0 1vw 0 5vw;}

}

@media (max-width: 1200px){

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

    .col-head-tel{margin-left: 3vw;}

}

/*手机版菜单*/

@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: 68%;}

    #header a.mm_btn {background: center center no-repeat ;display: block;width: 55px;height: 55px;position: absolute;top: -1px;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: #e56c22; 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-more a{padding: 5px 15px;}

/*首页关于我们*/

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

    .col-index-about .col-more{margin-top: 15px;}

    .col-index-about .flex{display: block;}

    .col-index-about .aboutl{padding: 0;}

    .col-index-about .content{margin-top: 20px;}

    .col-index-about .content h4{max-width: none;margin-bottom: 10px;}

    .col-index-about .links ul{margin-top: 10px;}

    .col-index-about .links ul li{margin-right: 20px;margin-top: 20px;}

    .col-index-about .links ul li img{margin-right: 10px;height: 40px;}

    

    .col-index-about .aboutr{padding: 25px 0 0 25px;margin-top: 30px; background: url(../images/imgbg.png) left 0 top no-repeat; }

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

/*首页关于我们*/



/*首页优势*/

    .advan ul{margin:0 -7px;}

    .advan ul li{padding: 7px;}

    .advan ul li .box{padding: 15px 10px;}

    .advan ul li .tit{display: flex;align-items: center;}

    .advan ul li .tit img{margin-right: 10px;}

    .advan ul li .con{margin-top:6px;}

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

    .col-index-advan .flex{display: block;}

    .col-index-advan .advanl{width: 100%;}

    .col-index-advan .advanl .content{max-width: none;margin-top: 13px;}

    .col-index-advan .col-title h4{margin-bottom:10px;}

    .col-index-advan .col-more{margin-top: 30px;}

    .col-index-advan .advanr{width: 100%;margin-top: 20px;}

    .col-index-advan .advan ul li .con{height: 3.6em;overflow: hidden;}

/*首页优势*/



/*首页产品*/

    .col-index-product{padding:55px 15px 80px;}

    

    .col-index-product .swiper-slide h4{margin-top: 10px;}



    .col-index-product .list{margin-top: 25px;}

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

    .col-index-product .swiper-button-next{ margin-top: -30px; }

    .col-index-product .swiper-button-prev{left:-15px;}

    .col-index-product .swiper-button-next{right:-15px;}

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

    .col-index-product .swiper-button-next i{ width:30px;height:30px; }

    .col-index-product .swiper-product .swiper-pagination{bottom: -30px;font-size:16px;}



    .col-index-pro{padding-top: 70px;padding-bottom: 70px;}

    .col-index-pro hr{ width: 50px;margin:13px auto; border-top:2px solid #e56c22; }

    .col-index-pro .col-more{margin-top: 25px;}

/*首页产品*/



/*首页新闻*/

    .col-index-news{padding-top: 55px;padding-bottom: 55px;margin-bottom: 30px;}

    .col-index-news .description hr{border-top:2px solid #e56c22;}

    .col-index-news .swiper-news{margin-top: 25px;padding-top: 20px;}

    .col-index-news .swiper-slide p{margin-top: 10px;}

    .col-index-news .swiper-slide .pic{margin-top: 15px;}

    .col-index-news .swiper-slide .date{margin-top: 10px;}

/*首页新闻*/



/*底部开始*/

    .footer{padding-top: 0;}

    .footerCon{ padding: 20px;position: relative;top:0;margin-top: -30px; transform:none;  }

    .footerCon p{float: none!important;text-align: center;}

    .footerCon p.address,

    .footerCon p.tel,

    .footerCon p.email{padding: 0;margin-top:8px; }

    .footerCon p.address,

    .footerCon p.tel{border-right:0;}

    .footerNav{padding-top:35px;}

    .footerNav ul li.liqrcode{width: 100%;max-width: none;}

    .copy{padding-top: 13px;padding-bottom: 13px;margin-top:30px;}

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

/*底部结束*/



/*关于我们*/

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

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

    .col-page-about .content img{width: auto;margin-left: 0;margin-bottom:15px;float: none!important;}

    .col-page-about .content p{line-height: 1.8;}

    .col-page-about .content .desc{max-width: none;padding-left:13px;margin-bottom:20px;border-left:2px solid #e56c22;}

    /*发展历程*/

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

    .col-history .desc{max-width: none;margin-top: 7px;}

    .col-history .list{margin-top: 40px;padding: 0 20px;}

    .col-history .list:after{ bottom:70px;}

    .col-history .list .year{margin-top: 10px;}

    .col-history .list .year img{width: 40px;}

    .col-history .swiper-history .swiper-button-prev,

    .col-history .swiper-history .swiper-button-next{width:20px;height:20px;bottom: 60px;}

    /*优势*/

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

    .col-about-advan .advan ul li{ margin-right: 10px;margin-top:20px;}

    /*荣誉*/

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

    .col-honor .list{padding-top: 25px;}

    .col-honor .list .tit{margin-top: 13px;padding-top: 10px;}

    .col-honor .swiper-honor .swiper-slide{padding: 13px 15px;}

    .col-honor .swiper-honor .swiper-button-prev{margin-right: 50px;}

    .col-honor .swiper-honor .swiper-button-prev i,

    .col-honor .swiper-honor .swiper-button-next i{width: 40px;height: 40px;line-height:40px;}

    /*厂房面貌*/

    .col-environment{padding-top: 55px;padding-bottom: 55px;margin-bottom: 30px;}

    #certify1 { padding: 0 40px;margin-top: 20px;}

    #certify1 .swiper-button-prev,

    #certify1 .swiper-button-next {margin-top: -20px;}

    #certify1 .swiper-button-prev i,

    #certify1 .swiper-button-next i{width: 35px;height: 35px;line-height: 35px;font-size:14px;}

/*关于我们*/



/*联系我们*/

    #allmap { height: 300px;}

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

    .col-contactway{padding-top: 50px;padding-left:15px;}

    .col-contactway .content{margin-top: 20px;}

    .col-contactway .content p{padding-left: 33px;margin-bottom:10px;}

    .col-contactway .content p img{height: 25px;}



    .col-mess{padding-top: 50px;}

    .message{margin-top: 25px;max-width: none;}

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

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

/*联系我们*/



/*产品中心*/

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

    .col-page-productr{width: 100%;}

    .col-page-productr .title{padding-bottom: 10px;}

    .pro{}

    .pro ul{margin:0 -8px;}

    .pro ul li{padding: 0 8px;margin-top:20px;}

    .pro ul li .tit h4{padding:13px;}

    /*产品详细页*/

    .col-back{margin-bottom: 25px;}

    .pro_show .caseright .con{margin-top: 20px;}



    .procontent{margin-top: 35px;}

    .procontent .content{padding:20px 0;}

    /*询盘*/

    .product-inquiry{margin-top: 50px;}

    .product-inquiry h3{padding-bottom: 10px; }

    .product-inquiry ul{margin:0 -6px;}

    .product-inquiry ul li{padding: 0 6px;margin-top: 10px;}

    .product-inquiry ul li input{padding: 5px 15px;}

    .product-inquiry ul li textarea{padding: 8px 15px;height:120px;}

/*产品中心*/



/*新闻资讯*/

    .col-page-news{padding-top: 55px;padding-bottom: 55px;margin-bottom: 30px;}

    .news ul{margin:0 -8px;margin-top: -25px;}

    .news ul li{padding: 0 8px;margin-top: 25px;}

    .news ul li .text{padding:15px;}

    .news ul li p{margin-top:8px;}

/*新闻资讯*/



/*招聘*/

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

    .col-talent .content{margin-top: 13px; line-height: 1.8; }



    .col-page-job{padding-top: 55px;padding-bottom: 55px;margin-bottom: 30px;}

    .col-job ul{margin-top: 25px;}

    .col-job ul li.li1,

    .col-job ul li .jobtit{height: 45px;line-height: 45px;}

    .col-job ul li.li1,

    .col-job ul li .jobcon .zwms{font-size: 15px;}

    .col-job ul li .jobcon{padding-top: 25px;padding-bottom: 25px;}

    .apply{ margin-top: 20px; }

    .col-page-job .newshow .apply a{width: 130px;height: 40px;line-height: 40px;}

    .jobform ul li.sub input{height: 40px;}

/*招聘*/

}

@media (max-width: 767px){





    .col-about-advan .advan ul{display: block;}

    .col-about-advan .advan ul li{width: 100%;margin-right: 0;}



    .pro_show .caseleft{width: 100%;}

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



}

@media (max-width: 400px) {

    .pro ul li,

    .news ul li{width: 100%;}

}