@charset "utf-8";
/* CSS Document */

.m-menubtn02{position:absolute; border-radius:5px; overflow:hidden; top:50%; right:0; width:32px; height:32px; margin-top:-16px; cursor:pointer;background: url(../images/m_menu.png) #0e5c9f no-repeat center; background-size: cover;display:none}
.m-menubtn02 span:before {bottom: 5px;}
.m-menubtn02 span:after {bottom: -5px;}
.m-menubtn02.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#000}
.m-menubtn02.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:#000}
.m-menubtn02.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#000}
.m-menubtn02.active span, .m-menubtn02.active span:before, .m-menubtn02.active span:after {right: 0;bottom: 0;}
.m-menubtn02 span, .m-menubtn02 span:before, .m-menubtn02 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-menu02{position: fixed; right:0;left:0;top:80px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 80px);height: -moz-calc(100vh - 80px);height: calc(100vh - 80px);overflow: auto;padding-bottom: 80px;}
.m-menu02 li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu02 li:nth-child(1){border-top: 1px solid #ddd;}
.m-menu02 li>a{ font-size:17px;line-height:55px; padding:0 3%; position:relative}
.m-menu02 li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu02 li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu02 li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu02 li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

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

.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#0f63aa; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:16px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


.phshow{ display:none}
.pcshow{ display: block}

@media screen and (max-width:1650px){
.header .menu li .menu_a{ font-size:17px; }
.iproducts .pro-nav li{ line-height:40px; padding: 0 45px; font-size:17px;}
.section{ padding:70px 0 80px 0}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:70px;}
.iabout.section{padding: 100px 0 100px 0;}
.iapp.section{ padding-bottom:100px;}
.iapp .conn .item p{ font-size:17px;}
.nnav{ font-size:17px;}
.nbanner h3{ font-size:40px; line-height:60px;}
.title h3{ padding-bottom:18px;}
.nab02 .conn .item .text h3{ font-size:20px;}
.nab01 .wenzi h3{ font-size:28px;padding-bottom: 15px; margin:30px 0;}
.newslist li .txt .tit{ font-size:20px; margin-bottom:15px;}
.newslist li .time span:first-child{font-size: 40px; line-height: 45px;}
.protop .wenzi .protitle h3{ font-size: 26px; }

.nnav { margin-top:-30px; }
.nnav .wrap{ line-height: 60px;}
.nnav ul li{ margin: 0 15px;}
.video-panel .video-bar{ font-size:18px;}
.message .submit{ width:60%; line-height:42px; height:40px; font-size:16px;}

.nbanner .text{ margin-top:-70px;}

}

@media screen and (max-width:1500px){
.iapp .conn .item .icon{ margin-bottom:15px;}
.nab02 .conn .item .text h3{ font-size:18px;}

.title h3{ font-size:36px; line-height:36px; }
.title p{ font-size:16px; }
.nbanner h3{ font-size:36px; line-height:55px;}
.header .menu li .menu_a{margin: 0 18px}
body{ font-size:15px; line-height:28px;}

.footer li .add{ background:url(../images/fadd.png) no-repeat 2px 6px; }
.footer li .tel{ background:url(../images/ftel.png) no-repeat left 6px;}
.footer li .mail{ background:url(../images/fmail.png) no-repeat 2px 6px;}
.footer li .web{ background:url(../images/fweb.png) no-repeat 2px 4px; background-size:20px auto;}

.iabout .wenzi .aquite .item .icon img{ height:50px; width:auto; display:block; margin:0 auto}
.iabout .wenzi .aquite .item{ font-size:17px;}
.iapp .conn .item .icon{ max-width:70px;}
.banner .swiper-slide img{ width:106%; margin-left:-3%;}
.inews .conn h3{ font-size:17px;}
.inews .newsright .kuai .other{ margin-bottom:4px;}
.inews .newsleft .wenzi{ padding:10px 15px;}
.footer li h3, .footer li h3 a{ font-size:17px;}

}
@media screen and (max-width:1440px){
.header .tel h3{ font-size:18px; line-height:24px;}
.header .menu li .menu_a{ margin:0 15px;}

.iabout.section{padding: 80px 0;}	
.iapp.section{ padding-bottom:80px;}
}
@media screen and (max-width:1366px){
.header .menu li .menu_a{ margin:0 10px;}
.header .wrap{max-width:90%;}
.wrap{ width:90%;}

.i-product-list .swiper-container{width:calc(100% - 110px)}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:44px; height:44px; margin-top:-22px;}
.iabout .wenzi .aquite .item{ font-size:16px;}
.inews .conn h3{ font-size:16px;}
.banner .swiper-slide img{ width:110%; margin-left:-5%;}
.iabout .wenzi{ width:46%}
.footer{ padding:50px 0 60px 0;}
.nab02 .conn .item .text h3{ font-size:17px;}
.nbanner img{ width:110%; margin-left:-5%;}
.nbanner .text{ margin-top:-60px}
.newslist li{ padding:30px 0;}
.protop .wenzi{ margin-top:2%}
.protop .wenzi .use{ margin-top:40px;}
.nprodetail .conn h3{ font-size:20px;}
.protop .wenzi .protitle h3{ padding-bottom:15px; margin-bottom:20px;}
.protop .wenzi{ width:45%}
.protop .wenzi .use .pfeedback{ margin-left:25px;}
.protop .wenzi .use .ptel a{ width:140px; background:url(../images/icon_7.png) #0e62aa no-repeat 20px center;}
.protop .wenzi .use .pfeedback a{ width:140px; background:url(../images/pfeed.png) #0e62aa no-repeat 20px center;}
.ivideolist .video-btn{width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}

.message { padding:60px 0;}
}
@media screen and (max-width:1240px){
#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08{ margin-top:-80px;}
.header .wrap{ height:80px;}
.header .menu li .menu_a{ line-height:80px;}
.header .tel{  padding:15px 20px; height:80px; background:url(../images/tel.png) no-repeat #0e62aa 20px center; background-size:36px auto; padding-left:65px;}
.header .logo{margin-top:-25px;}
.header .logo img{ height:50px;}
.space{ height:80px;}
.header .menu li .menu_a{ font-size:16px;}
.title h3{ font-size:32px; line-height:32px; }
.iproducts .pro-nav li{ font-size:16px; padding:0 35px;}
.footer li:last-child img{ max-width:115px;}
.copyright{ padding:20px 0;}
.iapp .conn p{ font-size:16px;}
.iabout .wenzi .aquite{ margin-top:45px;}
.footer li h3, .footer li h3 a{ font-size:16px;}
.iproducts .swiper-slide .text h3{ font-size:15px; line-height:24px;}

.section{ padding:60px 0}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:60px;}
.iapp .conn .item .icon{ margin-bottom:10px;}
.iapp .conn .item p{ font-size:16px;}

.nab01 .wenzi h3{ font-size:24px; margin:20px 0;}
.nab01 .abpic{ width:48%;}
.nab01 .wenzi{ width:45%;}
.nab01 .abpic .pic{ padding:30px;}
.nab02 .conn .item .icon{ width:75px;}
.nbanner .text{ margin-top:-50px}
.prolists .item .text h3{ font-size:16px;}
.protop .wenzi .protitle h3{ font-size:22px;}
}
@media screen and (max-width:1080px){
.header .menu, .header .tel{ display:none;}
.m-menubtn02{ display:block;}
.copyright{ margin-bottom:55px;}
.m-foot{ display:block;}

.header .wrap{max-width:94%;}
.wrap{ width:94%;}
.iabout .wenzi .aquite .item .icon img{ height:45px;}
.footer li:nth-child(6){ display:none; }

.i-product-list .swiper-container{width:calc(100% - 90px)}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:38px; height:38px; margin-top:-19px;}
.nbanner .text{ margin-top:-40px}
.nbanner img{ width:120%; margin-left:-10%;}
.protop .gallery-thumbs{ width:18%;}
.ivideolist li .tit p{ padding-bottom:10px;}
}
@media screen and (max-width:920px){
#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08{ margin-top:-70px;}
.header .wrap{ height:70px;}
.header .logo{margin-top:-21px;}
.header .logo img{ height:42px;}
.space{ height:70px;}
.banner .swiper-slide img{ width:120%; margin-left:-10%;}
.iapp .conn .item .icon{ max-width:60px;}
.iapp .conn p{ font-size:16px;}
.iabout.section{padding: 60px 0;}	
.iapp.section{padding: 60px 0;}
.footer li:nth-child(3){ display:none; }
.iproducts .pro-nav li{ padding:0 25px;}
.title h3{ font-size:28px; line-height:28px; }
.title{ margin-bottom:20px;}

.section{ padding:50px 0}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:50px;}

.m-menu02{top:70px;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 70px);height: -moz-calc(100vh - 70px);height: calc(100vh - 70px); padding-bottom: 70px;}
.footer li:last-child img{ max-width:100px;}
.iapp .conn .item{ padding:20px 10px 15px 10px;}
.iapp .conn .list{ margin-top:25px;}
.iabout .wenzi .aquite{ margin-top:35px;}
.footer{ padding:40px 0 50px 0;}

.copyright{ padding:15px 0 20px 0;}
.nab02 .conn .item .text h3{ font-size:16px;}
.nnav ul li a{ padding:0}
.nbanner img{ width:130%; margin-left:-15%;}
.newslist li .txt .tit{ font-size:18px;}
.newslist li .time span:last-child{ font-size:14px;}

.newslist li{ padding:25px 0;}
.newslist li:nth-child(1){ padding-top:0}

.nnewsx .newstitle h3{ font-size:22px;}
.nnewsx .newstitle .back{ width:120px; position: relative; right:auto; bottom:auto; margin-top:20px;}
.prolists .item .text h3{ font-size:15px;}

.protop .picsshow{ float:none; width:100%;}
.protop .wenzi{ float:none; width:100%; margin-top:30px;}
.protop .wenzi .protitle h3{ font-size:20px;}
.nprodetail .conn table td{ padding:5px; line-height:25px; font-size:13px;}
.nprodetail .conn h3{ font-size:18px;}
.ivideolist .video-btn{width: 50px; height: 50px; margin-left: -25px; margin-top: -25px;}
.message { padding:40px 0;}
.message .row2 .colum{ width:100%; float:none;}
.message .row2 .colum:nth-child(2){ float:none}
.message .inp{ line-height:40px; height:40px;}
.message label{ line-height:40px;}
.message textarea{ margin-bottom:15px;}
.message .row2 .colum{ margin-bottom:15px;}
}
@media screen and (max-width:768px){
.iabout .wenzi{ width:100%}
.iabout:after{ display:none;}

.inews .newsleft{ width:100%; position: relative;}
.inews .newsleft img{height:auto;}
.inews .newsleft .img-dv{height:auto; width:100%}
.inews .newsright{ float:none; width:100%; margin-top:30px}
.inews .newsleft .wenzi{padding: 10px 25px;}
.inews .newsright .kuai .wenzi{ margin-top:-10px}
.footer li:nth-child(2), .footer li:nth-child(4), .footer li:nth-child(5){ display:none; }
.title h3{ font-size:24px;}
.iproducts .pro-nav li{ line-height:35px; }

.nab01 .abpic{ width:100%; float:none; margin-bottom:40px;}
.nab01 .wenzi{ width:100%; float:none;}
.nbanner .text{ margin-top:-30px}
.nbanner img{ width:140%; margin-left:-20%;}

.nnav{ font-size:16px}
.nnav { margin-top:-25px; }
.nnav .wrap{ line-height: 50px;}

body{ font-size:14px; line-height:26px;}
.footer li h3, .footer li h3 a{ margin-bottom:10px;}
.nab02 .conn .item .icon{ width:70px; margin:0 auto 15px auto}

.newslist li .txt .tit{ font-size:16px; line-height:24px; margin-bottom:10px !important;}

.newslist li .txt{width: calc(76% - 90px);margin-right:2%; margin-left:2%;}
.newslist li .time{margin-top:30px;width: 80px; padding-left:15px; }
.newslist li .time span{ display:block}
.newslist li .time span:first-child{font-size:45px;line-height:45px;}

.shangxia li{ float:none; width:100%; }
.shangxia li:nth-child(2){ float:100}
.shangxia li a{ margin:0 20px; line-height:50px;}
.nnav ul li{ margin:0 10px;}

.prolists .wrap .item{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.prolists .wrap .item:nth-child(4n){ margin-right:3%; }
.prolists .wrap .item:nth-child(2n){ margin-right:0%; }
.prolists .item .text{ height:55px;}
.prolists .item .text h3{ padding:0 15px; line-height:22px;}
.iproducts .swiper-slide .text{ height:55px;}
.iproducts .swiper-slide .text h3{ padding:0 15px; line-height:22px;}
.nprodetail .conn .huadong{ overflow-x: auto !important;}

.ivideolist li{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.ivideolist li:nth-child(3n){ margin-right:3%}
.ivideolist li:nth-child(3n+1){ clear:none; }
.ivideolist li:nth-child(2n){ margin-right:0}
.ivideolist li:nth-child(2n+1){ clear:both; }
.ivideolist li .tit p{ line-height:22px;}
.ncb01 .conn .item .text h3{ font-size:16px; margin:20px auto 0 auto;}
.ncb01 .conn .item .icon img{ height:40px;}
.map #allmap{ height:400px; margin-top:40px;}
}
@media screen and (max-width:640px){
.iproducts .pro-nav li{ font-size:15px; padding:0 15px;  margin:0 3px 10px 3px;}
.iproducts .protab-wrap{ margin-top:20px;}

.i-product-list .swiper-container{width:calc(100% - 32px)}
.i-product-list .swiper-button-prev, .i-product-list .swiper-button-next{ width:32px; height:32px; margin-top:-16px;}
.nab01 .wenzi h3{ font-size:22px;}

.nab02 .conn{ margin-top:-3%}
.nab02 .conn .item{width:48.5%; margin-right:3%; margin-top:3%; padding:20px 5px;}
.nab02 .conn .item:nth-child(2n){ margin-right:0}
.nab02 .conn .item .text h3{ font-size:15px;}
.nab01 .abpic .pic{ padding:20px;}
.nbanner img{ width:160%; margin-left:-30%;}

.nnav{ font-size:15px}
.newslist li .time span:first-child{font-size:30px;}

.newslist li .pic{width:100%; float:none}
.newslist li .txt{width: calc(100% - 110px);margin-right: 0%; margin-left:0%; float:left}
.nnav ul li{ margin:0 5px;}
.protop .gallery-thumbs{ width:20%; }
.nprodetail .conn .fuyou{ float:none; max-width:80%; margin:0 auto 30px auto}
.ncb01 .conn{ margin-top:-20px}
.ncb01 .conn .item{width:100%; margin-right:0%; margin-bottom:20px; padding:30px 20px;}

}