@charset "utf-8";
/* CSS Document */
.m-menubtn{position:absolute;z-index:1002;top:0;right: 0;width:60px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active{background:#3e5da8}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#fff}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#fff}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#fff}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/

.m-menu{position: fixed; right:0;left:0;top:60px; width:100%; height:100vh;z-index:400; background:#fff;display: none;border-top: 1px solid #e8e8e8;}
.m-menu .m-menu-con{height: -webkit-calc(100vh - 60px);height: -moz-calc(100vh - 60px);height: calc(100vh - 60px);overflow: auto;padding-bottom: 80px;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 20px; position:relative}
.m-menu li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menu a{ display:block; color:#101010;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu .sub li{ border-bottom:0}
.m-menu .sub a{color:#333; line-height:26px;font-size:14px; padding:2px 20px; position:relative}
.m-menu .sub ul ul{ padding-left:20px; padding-bottom:5px}


.m-foot{ position:fixed; width:100%;line-height:15px; left:0; bottom:0;background: #0c3184;color:#fff; display:none;font-size: 12px; z-index:999;}
.m-foot ul{display: flex;display: -webkit-flex; height:50px; }
.m-foot li{width:33.33%; text-align:center;}
.m-foot a{ color:#fff;display: block;height:100%}
.m-foot a i{ display: block;height: 18px;margin:8px 0 5px;}
.m-foot li:nth-child(1) i{background:url(../images/mf-ico1.png) no-repeat center center;background-size: contain;}
.m-foot li:nth-child(2) i{background:url(../images/mf-ico2.png) no-repeat center center;background-size: contain;}
.m-foot li:nth-child(3) i{background:url(../images/mf-ico3.png) no-repeat center center;background-size: contain;}

@media screen and (max-width: 1920px){
.main_abt:after{left:5%}
}
@media screen and (max-width: 1680px){
.header{padding: 0 1.5rem;}
.menu>ul>li{ margin: 0 30px;}
.en .menu>ul>li{margin: 0 25px;}
.biaot{font-size: 50px;}
}
@media screen and (max-width: 1440px){
.wrap{max-width: 1250px;}
.menu>ul>li{ margin: 0 22px;}
.content-abt-right, .i-aboutRight{padding-right: calc(calc(100% - 1250px) / 2);}
.numlist .counter{ font-size: 2.6em;}
.f-nav{width: 48%;}
.i-aboutRight .title{ margin-top: 0;font-size: 40px;}
.numlist{ margin-top: 2em;}
.i-aboutRight .more{ margin: 3em 0 0;}
.i-product-categy li{ padding-bottom: 100px;}
.content-abt-right h2{font-size: 1.5rem;}
.hrList li{padding: 2em;}
.hrList h6 span{margin-right: 10px;padding-left: 18px;}
.hrList h6 span:last-child{margin-right: 0;}
.popUp-item{width: 800px;padding: 3em;}
.n-pto-right h2{font-size: 35px;}
.newtit{font-size: 2.2rem;}
.biaot{font-size: 45px;}
}
@media screen and (max-width:1366px){
.menu{position: relative; left: auto;-webkit-transform:none;-moz-transform:none;transform:none; float: right;}
.en .menu>ul>li{margin: 0 15px;}
.wrap{max-width: 1200px;}
.space{ padding: 60px 0;}
.content-abt-right, .i-aboutRight{padding-right: calc(calc(100% - 1200px) / 2);}
.title{ font-size: 40px;margin-bottom: 1em;}
.f-contlist .tel {margin-bottom: 1em;}
.i-product-categy .top .txt h3{ font-size: 22px;}
.numlist .counter {font-size: 2.5em;}

}
@media screen and (max-width:1250px){
.menu>ul>li, .lang{font-size:16px}
.menu>ul>li{ margin: 0 10px;}
.logo img{ height: 50px;}
.wrap{max-width: 100%;padding: 0 2rem;}
.content-abt-right, .i-aboutRight {padding-right: 2rem;}
.f-form #content{width: 200px;}
}
@media screen and (max-width:1024px){
    body{font-size: 14px;}
    .menu{display: none;}  
    .header, .wrap{padding: 0 1.2rem;}
    .header, .logo{height:60px}
    .lang{line-height:60px; margin-right: 60px;}
    .logo img{height: 40px;}
    .banner, .nbanner{margin-top: 60px;}
    .m-menubtn{ display: block;}
    .banner{ height: auto;}
    .banner .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 4px !important;}
    .banner .swiper-button-prev, .banner .swiper-button-next{width: 20px;height: 20px;}
    .space{ padding: 40px 0;}
    .title{ font-size: 2.18rem;line-height: 1.2;}
    .title:after{ width: 30px;}
    .i-product-categy .top .txt{padding: 1.5em;}
    .i-product-categy li{padding-bottom: 80px;}
    .i-product-categy .top .txt h3{font-size: 20px;}
    .i-productList{padding-bottom: 20px;}
    .i-productList a{padding:25px;}
    .i-productList .swiper-pagination{bottom: 10px;}
    .i-productList .swiper-pagination-bullet, .i-newsList .swiper-pagination-bullet, .officeList .swiper-pagination-bullet{width: 8px;height: 8px;}
    .i-aboutRight .title{font-size: 2rem;text-align: center;}
    .i-aboutRight .title:after{ margin-left: auto;}
    .i-about{flex-wrap: wrap;}
    .i-aboutLeft, .i-aboutRight{width: 100%;}
    .i-aboutLeft .img img{ position: relative;height: auto;display: block;}
    .i-aboutRight.space{padding-left: 1.2rem!important;padding-right: 1.2rem;}
    .i-newsList{margin: 0 -10px;padding-bottom:40px}
    .i-newsList a{margin: 0 10px;}
    .i-partlist li{ margin-right: 20px;width: 200px; height: 88px;}
    .footer{padding:20px 0}
    .footer-top{padding-bottom: 15px;}
    .f-logo img{ height: 40px;}
    .f-form input[type=text]{width: 100px;font-size: 12px;line-height: 32px;}
    .f-form #content{width: 100px;}
    .f-form .submit{font-size: 12px;line-height: 32px;}
    .footer-mid{ padding:20px 0;}
    .f-contact{max-width: 45%;}
    .f-ewm{padding: 5px 5px 10px; margin-right: 4%;}
    .f-ewm img{ width: 105px; height: 105px;}
    .f-ewm span{ font-size: 12px;padding: 0 5px;}
    .footer-bot{padding-top: 15px;}
    .location{display: none ;}
    .inner-nav ul{width: 100%;}
    .inner-nav li{ margin: 0 2rem;}
    .inner-nav li a{padding: 15px 0;}
    .main_abt:after{left: 0;}
    .content-abt{flex-wrap: wrap;padding: 0 1.2rem;}
    .content-abt-left{width: 100%;}
    .content-abt-right{width: 100%;padding: 0;}
    .partList{justify-content:flex-start;padding: 0 15%;}
    .partList li{width:30.33%;}
    .officeList{padding-bottom: 40px;}
    .jyln li{width: 160px;height: 160px;}
    .jyln li p{font-size: 1.5em;}
    .divide-line{ margin: 2em 0;}
    .biaot{font-size: 35px;}
    .horList .TemplateParent-Item{padding: 1.5em;}
    .hrList li{width: 47%;}
    .hrList h3{font-size: 1.25em;}
    .hrList p{font-size: .9em;}
    .hrList i{width: 38px;height: 38px;margin-top: 1em;}
    .hrList i:before{margin-top: -4px;}
    .popUp-item{width: 80%;}
    .popUp-cont{height: 300px;}
    .popUp-btn{right: -40px;}
    .popUp-btn a{width: 40px;height: 40px;}
    .popUp-btn a.popUp-close{background-size: 16px;}
    .popUp-btn a.popUp-prev, .popUp-btn a.popUp-next{background-size: auto 20px;}
    .popUp-name-title{font-size: 1.5em;float:none}
    .popUp-name-info{float: none;}
    .popUp-name-info span{font-size:14px;margin-left: 0;margin-right: 10px;}
    .productList .tit{font-size: 1.125em;line-height: 1.5;}
    .n-pto-right h2{font-size: 26px;}
    .contact-list .ico{width: 90px;height: 90px;}
    .contact-list .ico img{height: 35px;}
    .contact-list .txt h4{font-size: 1em;margin-top: 1em;line-height: 1.4;}
    .contact-list .txt p{font-size: .9em;}
    #allmap, .content-contact .map{height: 400px;}
    .more{width: 120px;line-height: 40px;}
    .newsList li .tit{font-size: 1.25rem;margin-bottom:.2em}
    .newsList li .intro{margin-bottom: 1em;font-size: .9em;}
    .newtit{font-size: 2rem;}
    .newtm{margin: 1em 0;}
    .newdetail{padding: 1.5em 0;}
}  
@media screen and (max-width:768px){
    body{ font-size: 14px;}
    .space {padding: 30px 0;}
    .title{font-size: 1.8rem;}
    .i-aboutRight .title{font-size: 1.6rem;}
    .numlist .counter{font-size: 2.2em;}
    .i-product-tj{margin-top: 30px;}
    .i-product-tj .ltit{font-size: 20px;}
    .i-newsList h3{ font-size: 18px;}
    .footer{padding-bottom: 65px;}
    .footer-top{display: block;padding-bottom: 30px;}
    .f-logo{ margin-bottom: 15px;}
    .f-logo img{ margin: 0 auto;}
    .f-form input[type=text]{width: 31.33%;margin: 0 1% 2%; float: left;}
    .f-form #content { width: 98%;}
    .f-form .submit{display: block;margin: 0 auto;width: 98%;font-size: 14px;}
    .f-nav{ display: none;}
    .f-contact{max-width: 100%;float: none;}
    .m-foot{ display: block;}
    .more{width: 100px;line-height: 36px;font-size: 12px;}
    .more2{font-size: 12px;}
    .more i, .more2 i{ margin-left: 3px;width: 5px;height: 5px;}
    .i-aboutRight .more{margin-top:1em;}
    .i-product-categy li{padding-bottom: 60px;}
    .i-productList a{padding: 15px;}
    .i-product-tj .top-tit{margin-bottom: 1em;}
    .content-abt-right h2{font-size: 1.2rem;}
    
    .partList{ padding: 0;}
    .jyln li{width: 150px;height: 150px;}
    .jyln li p {font-size: 1.5rem;}
    .inner-nav li{width: 33.33%;margin: 0;}
    .inner-nav li:not(:last-child):before{right: 0;}
    .inner-nav li a{padding: 5px 0;height:55px;line-height: 1.4;display: flex;display: -webkit-flex;justify-content:center;align-items:center;}
    .biaot{font-size: 30px;top: 40%;}
    .TemplateParent{margin-right: -2%;}
    .TemplateParent-Item{width: 48%;margin-right: 2%;margin-bottom: 2%;}
    .productList li{width: 47%;}
    .n-pto-left{width: 100%;padding: 2em;}
    .n-pto-right{width: 100%;}
    .n-pto-right h2{font-size: 1.5em;}
    .n-pto-right .tel{width: 160px;line-height: 40px;}
    .n-pto-right .tel i{margin-right: 0;}
    .contact-list li, .contact-list li:last-child{width: 23%;}
    .contact-list .txt h4{font-size:1.15em ;}
    #allmap, .content-contact .map{height: 300px;}
    .videoList li .tit{font-size: 1.285em;padding:.5em 0}
    .newsList li .pic{width: 35%;}
    .newsList li .txt{width: 61%;padding-top: 0;}
    .newtit{font-size: 1.5rem;}
    .pageturn{margin-top:1.5em;display: block;}
    .pageturn p{width: 70%;}
    .pageturn p:nth-child(2){text-align: left;}
    .pageturn .back{left: auto;right: 0;top:0;transform: none;}

}
@media screen and (max-width:640px){
    .title, .i-aboutRight .title{font-size: 1.5rem;}
    .i-product-tj .ltit{font-size: 18px;}
    .i-product-categy .top .txt{padding:1.5em 1.2em;}
    .i-product-categy li{padding-bottom: 50px;}
    .i-product-categy .top .txt h3{ margin-bottom: .2em;}
    .i-product-categy .top .txt h3{ font-size: 18px;}
    .i-productList a{ padding: 7px;}
    .v-btn .icon{width: 60px;height: 60px;}
    .v-btn .icon i{ background-size: auto 20px;}
    .i-newsList{margin: 0 -5px;}
    .i-newsList a{ margin: 0 5px;}
    .i-newsList .txt{ padding:1.2em;}
    .i-partlist li{width: 130px; height: 60px;margin-right:5px;padding:8px;border-radius: 5px;}
    .f-form input[type=text]{width: 98%;}
    .footer-bot{font-size: 12px;padding-top: 15px;}
    .jyln{flex-wrap:wrap;justify-content:center}
    .jyln li{margin:0 2% 2%;}
    .jyln li p {font-size: 1.2rem;}
    .horList .TemplateParent-Item{padding: 1.2em;}
    .hrList li{padding: 1.2em;}
    .n-pto-left{padding: 1.2em;}
    .pcm-imglist{flex-wrap: wrap;margin-right: 0;justify-content: space-between;}
    .pcm-imglist p{width: 49%; margin-right: 0;margin-bottom: 2%;}
    .contact-list ul{flex-wrap:wrap}
    .contact-list li, .contact-list li:last-child{width: 100%;}
    .contact-list li{border-bottom: 1px solid #dedede;padding-bottom: 1em;margin-bottom: 1em;display: flex;display: -webkit-flex;align-items: center;justify-content: flex-start;text-align: left;}
    .contact-list .ico{width: 60px;height: 60px;margin: 0 10px 0 0;flex-shrink: 0;}
    .contact-list .txt h4{margin-top:0;}
    .contact-list .ico img{height: 25px;}
    #allmap, .content-contact .map{height: 260px;}
    .videoList li .tit, .productList .tit{font-size: 1.15em;}
    .newsList li .txt{padding-top: 1%;}
    .newsList li .intro{display: none;}
    .newsList li .tit{font-size: 1.15rem; line-height: 1.3;margin-bottom: .5em;}
    .newsList li .more{line-height: 32px;}
    .newtit{font-size: 1.2rem;}

    .cul_mission{display: block;}
    .cul_mission .img, .cul_mission .txt{width: 100%;}
    .cul_mission .txt{margin-top: 2%;}
    .cul_mission .txt h3{font-size: 1.25em;}
}
@media screen and (max-width:480px){
    .lang{ margin-right: 50px;}
    .lang a:first-child{padding-right: 8px;margin-right: 8px;}
    .banner .swiper-button-prev, .banner .swiper-button-next {width: 15px;height: 15px;}
    .space {padding: 20px 0;}
    .i-product-categy .top .txt{padding: 1.5em .5em .5em;}
    .i-product-categy .top .txt h3{font-size: 16px;}
    .i-product-categy .top .pic:after{height: 80%;}
    .i-product-categy ul{flex-wrap: wrap;}
    .i-product-categy li{padding-bottom: 30px;width: 49%;}
    .i-product-categy li:nth-child(-n+2){margin-bottom: 2%;}
    .i-product-tj .top-tit{margin-bottom: 1em;}
    .i-productList, .i-newsList, .officeList{padding-bottom: 30px;}
    
    .i-newsList h3{ font-size: 16px;}
    .i-newsList .intro{font-size: 14px;margin-bottom: 1em;}
    .i-newsList .bot{font-size: 12px;padding-top: 1em;}
    .numlist{flex-wrap: wrap;margin-top: 1em;}
    .numlist li{width: 50%;}
    .numlist .counter{font-size: 1.8em;}
    .numlist .sign{font-size: 1.15em;}
    .f-contact{flex-wrap: wrap;}
    .f-contlist{width: 100%;margin-top:1em;}
    .f-ewm{float: none; margin: 0 auto;}
    .biaot{font-size: 24px;}
    .TemplateParent{margin-right: 0;}
    .TemplateParent-Item{width: 100%;margin-right: 0;margin-bottom:3%;}
    .hrList ul{margin-right: 0;}
    .hrList li{width: 100%;margin-right: 0;}
    .popUp-item{width: 90%;padding: 2em;padding-top: 50px;}
    .popUp-btn{right: 1px;top:1px;}
    .popUp-btn a{float: left;}
    .productList ul{margin-right: 0;}
    .productList li{width: 100%;margin-right: 0;}
    .productList .tit{margin-bottom: 1em;}
    .videoList ul{margin-right: 0;}
    .videoList li{width: 100%;margin-right: 0;margin-bottom: 3%;}
    .newsList li .txt{padding-top: 0;}
    .newsList li .time{line-height: 1.5;}
    .newsList li .tit{font-size: 1.05rem;}
    .newsList li .more{line-height: 28px;width: 90px;}
    
}