@charset "utf-8";
/* CSS Document */
.menu-btn{ height:95px; width:25px;cursor:pointer; display:none; position:fixed; top:0; right:20px; z-index:9999}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.header.scroll .menu-btn span, .header:hover .menu-btn span{ background:#15499a}
.menu-btn .line1{ margin-top:38px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:50px; display:block}

.m-menu li.last form {width: 80%;margin:25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px; text-align:center;background: #0353a5;color: #FFF;margin-left: -3px; border:none; text-transform:uppercase}



.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#15499a; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center; text-transform:uppercase}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:27px}
.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 !important}
.pcshow{ display: block !important}

@media screen and (max-width:1650px){
.header .menu li .menu_a{ margin:0 22px}

.nab03 .item .icon {width:100px;}
.nab03 .item .text{ margin-top:-50px; padding:30px 0px 30px 40px; min-height:160px;}
.nab03 .item .text h3{margin-left:50px;}
}
@media screen and (max-width:1480px){
.header .menu li .menu_a{ margin:0 20px}

.banner .swiper-slide .banner_text .btitle h3{ font-size:40px;}
.banner .swiper-slide .banner_text .btitle h4{ font-size:24px; margin-bottom:30px;}

.nbanner .text h3{ font-size:40px; line-height:40px;}
.nbanner .text p{ font-size:18px;}

.title h3{ font-size:32px;line-height:35px;}
.title h4{ font-size:20px;}

.banner .swiper-slide .banner_text .prolists .item .icon {width:116px;}

.nab03 .item .icon {width:80px;}
.nab03 .item .text{ margin-top:-40px; padding:30px 0px 30px 20px; min-height:160px; }
.nab03 .item .text h3{margin-left:40px;font-size:20px;}

.napplist .conn .kuai .text .intro{margin: 15px 0;}
.napplist .conn .kuai .text .intro{ line-height:25px; height:100px}
.napplist .conn .kuai .text h4{line-height:22px;}

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

.nbanner img{width:110%; margin-left:-5%}
}
@media screen and (max-width:1340px){
.wrap{ width:88%; max-width:1300px; margin:0 auto}
.header .wrap{ width:88%; max-width:88%}
.napplist .conn .kuai {padding: 30px}

.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.nbanner img{width:120%; margin-left:-10%}
.banner .swiper-slide .banner_text{ line-height:30px;}
.icase .qimo8 .qimo ul li{margin-right:15px; height:90px;}
.icase .qimo8 .qimo ul li .img-dv .img1{height:90px;}

.nbanner .text h3{ font-size:36px; line-height:36px;}
.nbanner .text p{ font-size:16px;}

.nproxiang .protabmenu li{font-size: 22px; padding:0 30px}
}

@media screen and (max-width:1240px){
.nab03 .item .text{ min-height:200px;}
.nab03 .item .text p{ line-height:25px;}
.title h4{ font-size:18px;}
.napplist .conn .kuai {padding: 25px}
.header .menu li .menu_a { margin: 0 15px;}

.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}
.nbanner img{width:130%; margin-left:-15%}
.napplist .conn .kuai .text h3{ font-size:22px; margin-top:0; line-height:25px; margin-bottom:5px}
.header .menu li .menu_a{ font-size:17px;}
.iapplication .item h3{ font-size:20px}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-100px;}
.header{height:100px;}
.header .language{line-height:100px;}
.header .menu li .menu_a{ line-height:100px; }
.header .logo img{ height:70px; margin:15px 0}

.banner .swiper-slide .banner_text .btitle h3{ font-size:32px;}
.banner .swiper-slide .banner_text .btitle h4{ font-size:20px; margin-bottom:20px;}
.banner .swiper-slide .banner_text .prolists .item .icon{ width:100px;}

.icase .qimo8 .qimo ul li{height:85px;}
.iapplication .conn{ padding:20px}
.iapplication .item{ width:calc(50% - 10px);}

.title h3{ font-size:30px;line-height:30px; }
.title p{ font-size:16px;}
.footer .copyright{ padding:20px 0}

.nnav li a{ margin:0 20px}

.nbanner .text h3{ font-size:30px; line-height:30px;}
.nbanner img{ width:120%; margin-left:-10%}

.nprolist li img{ height:180px;}
.prodetail .use li{ width:210px;}
}

@media screen and (max-width:1199px){
.wrap{ width:94%;}
.header .wrap{ width:94%; max-width:94%}
.icase .qimo8 .qimo ul li{height:75px;}
.icase .qimo8 .qimo ul li .img-dv .img1{height:75px;}
.footer li:nth-child(4){ display:none}
}

@media screen and (max-width:1024px){
.header .menu{ display:none}	
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-90px;}
.header{height:90px;}
.header .language{line-height:90px;}
.header .menu li .menu_a{ line-height:90px; }	
.header .logo img{ height:70px; margin:10px 0}
.menu-btn{ height:90px;}

.menu-btn{ display:block}
.header .language{ margin-right:55px}

.m-foot{ display:block}
.footer .copyright{ margin-bottom:55px;}

.title h3{ font-size:28px;}
.title h4{ font-size:18px;}

.banner .swiper-slide .banner_text .btitle h3{ font-size:28px;}
.banner .swiper-slide .banner_text .btitle h4{ font-size:16px;}

.banner, .banner .swiper-slide{ height:500px; min-height:500px;}
.banner .ratio-img{ height:500px;}


.banner .swiper-slide .banner_text {top: calc(50% + 20px);}

.nnav li a{ margin:0 12px}
.nbanner .text{top: calc(50% + 10px);}
.nbanner img{ width:130%; margin-left:-15%}
.napplist .conn .kuai {padding: 20px}

.napplist .more{ position: relative; left:auto; bottom:auto; margin-top:20px;}
.napplist .kuai:nth-child(2n) .more{ left:auto; bottom:auto}

.nprolist li img{ height:150px;}
.nprolist li h3{ font-size:20px}
.nproxiang .protabmenu li{font-size: 20px; padding:0 20px}
.prodetail .use{ position: relative; left:auto; bottom:auto; width:auto; margin-top:20px;}
}

@media screen and (max-width:920px){
.nab01 .conn img{ float:none;margin-top:0px;width: 100%; margin:0 auto 20px auto; display:block}

.napplist .conn .kuai .pic{ float:none; width:100%}
.napplist .conn .kuai .text{ float:none; width:100%; margin-top:15px;}
.napplist .conn .kuai:nth-child(2n) .pic{ float:none;}
.napplist .conn .kuai:nth-child(2n) .text{ float:none; }
.nprolist li img{ height:120px;}

.prodetail .pics{ float:none; width:100%;}

.prodetail .wenzi{ width:100%; float:none}
.prodetail .wenzi h3{ margin:20px 0; font-size:24px;}

.prodetail .use li.pliuyan {margin-right:5px;}
.prodetail .use li{ width:190px; }
.prodetail .use li.ptel{ width:150px}
.prodetail .use li span{ padding-left:25px;}

.videos video{width:94%;height:auto; }


.nab04 .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px; border-radius:50%;}
.nnewslist .newskuai .text{ margin-top:0}
.iproducts .swiper-slide{ margin-bottom:20px;}
.iproducts .swiper-pagination-bullet{ width:8px; height:8px;margin:0 4px; border-radius:50%;}

}

@media screen and (max-width:768px){
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-80px;}
.header{height:80px;}
.header .language{line-height:80px;}
.header .logo img{ height:60px; margin:10px 0}
.menu-btn{ height:80px;}
.menu-btn .line1 { margin-top: 32px;}
.banner .swiper-slide .banner_text .prolists .item { margin-top:0}
.banner .swiper-slide .banner_text .prolists .item p{ height:60px; }


.title h3{ font-size:24px;}
.title h4{ font-size:16px;}	

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

.iproducts .item .text h3{ font-size:18px;}

.banner .swiper-slide .banner_text .prolists .item{ max-width:48%; float:left; margin:0px 1%;}

body{font-size:15px; line-height:28px;}
.footer li:nth-child(3){ display:none}
.footer .fcontent{ padding:30px 0;}

.nbanner .text h3{ font-size:28px;}
.nbanner img{ width:140%; margin-left:-20%}

.nclients ul li{width:32%;}
.nclients ul li:nth-child(5n){ margin-right:2%}
.nclients ul li:nth-child(5n+1){ clear:none}
.nclients ul li:nth-child(3n){ margin-right:0}
.nclients ul li:nth-child(3n+1){ clear:both}


.nnav li{white-space:nowrap;}
.nnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}


.ncb01 .item{ width:48.5%;}
.ncb01 .item:nth-child(2n){ float:right}
.ncb01 .item:nth-child(2n+1){ clear:both}

.napplist .conn .kuai .text h3{ font-size:18px;}
.napplist .conn .kuai .text h4{ font-size:16px;}

.newsxiang .wrap{ padding:20px;}

.newsxiang .newstitle h3{font-size:20px;}
.newsxiang .newstitle h4{font-size:17px; line-height:25px;}
.newsxiang .newstitle{ padding-bottom:25px; margin-bottom:25px;}


.nprolist li{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.nprolist li:nth-child(3n){ margin-right:3%}
.nprolist li:nth-child(3n+1){ clear:none;}

.nprolist li:nth-child(2n){ margin-right:0}
.nprolist li:nth-child(2n+1){ clear:both;}

.nprolist li h3{ font-size:18px}
.nprolist li{ padding:20px 0}

.nab03 .item{ float:left; width:calc(50% + 0.5px); margin-left:-1px; margin-top:-1px; margin-top:30px;}
.nab03 .item:nth-child(2n+1){ margin-left:0}
.nab03 .item .text h3{ margin-left:0; margin-top:20px}
.nab03 .item .text{padding: 20px 0px 0px 20px; min-height:250px;}

.nab02 .conn .swiper-container{ width:100%}

.videoed { width:50px;height:50px;margin-left:-25px; margin-top:-25px; }

.nab02 .swiper-slide{ margin-bottom:40px}

.nab02 .swiper-button-prev, .nab02 .swiper-button-next{width: 20px !important;height: 30px !important; left:50%; margin-left:-30px; top:auto; bottom:0 !important}
.nab02 .swiper-button-next{right:50%; left:auto; margin-left:auto; margin-right:-30px}	

.nnewslist .newskuai .date{ position:absolute; left:0; top:0;width: 70px;height: 55px;text-align: center; padding: 6px 0; line-height:20px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0}
.nnewslist .newskuai .text{ width: 68%;}
.nnewslist .newskuai .date h3{ font-size:17px; line-height:20px;}


.iproducts .conn{width:100%; margin-top:0px; margin-left:0;}
.iproducts .swiper-slide .item{margin:0px;}
.iproducts .swiper-slide:hover .item{box-shadow: rgba(0,0,0,0.2) 0 0 1px; }
    
}

@media screen and (max-width:640px){
.iproducts .conn{display: block;}
.iproducts .item{ width:100%; position:relative; padding:30px 20px;}
.iproducts .item .icon { margin: 10px auto 20px auto;}
.title {margin-bottom:25px;}

.iapplication .item{ float:none; width:100%;}
.iapplication .item:nth-child(2n){ float: none; margin-top:30px}


.inews .newsleft{ float:none; width:100%}
.inews .newsright{ float:none; width:100%; margin-top:30px;}
.inews .more { bottom: 20px;}

.iabout .more a{ width:140px;}
.inews .more a{ width:140px; }
.newsxiang .back a{width:140px;}
.nprolist .more{ width:140px;}
.napplist .more{ width:140px;}

.banner .swiper-slide .banner_text .btitle h3{ font-size:24px;}
.iabout .title h4{white-space:nowrap; letter-spacing:-0.5px;}

.inews .newsleft .text h3, .inews .newsright .text .conn h3{ font-size:17px}
.inews .newsright .kuai .date{ display:none}
.inews .conn{ margin-top:0}
.banner .swiper-slide .banner_text .btitle h4{ line-height:20px;}

.footer li:nth-child(2){ display:none}

.nbanner .text h3{ font-size:24px;}

.nbanner img{ width:160%; margin-left:-30%}
.nbanner .text p{ line-height:20px;}

.nbanner .text {top: calc(50% + 20px);}

.nnav li a{ margin:0 8px}

.nprolist li img{ height:100px;}

.nproxiang .protabmenu li{font-size: 18px; padding:0 10px}
.nnewslist .newskuai .text h3{ font-size:18px;}

}

@media screen and (max-width:540px){
.nbanner img{ width:200%; margin-left:-50%}	

.nclients ul li{width:48.5%; margin-right:3%; margin-bottom:3%}
.nclients ul li:nth-child(3n){ margin-right:3%}
.nclients ul li:nth-child(3n+1){ clear:none}
.nclients ul li:nth-child(2n){ margin-right:0}
.nclients ul li:nth-child(2n+1){ clear:both}

.ncb01 .item{ width:100%; float:none; margin-bottom:25px;}
.ncb01 .item:nth-child(2n){ float:none}
.ncb01 .item:last-child{ margin-bottom:0}

.feedback .conn{ padding:30px 20px;}
.feedback .form .column{ float:none; width:100%; margin-right:0%; margin-bottom:3%;  }
.nproxiang .protabmenu li{font-size: 16px; padding:0 5px}

.nnewslist .newskuai .pic{width: 100%; float:none; margin-bottom:15px;}
.nnewslist .newskuai .text{ width: 100%; float:none}
}
@media screen and (max-width:450px){
.nbanner img{ width:230%; margin-left:-65%}	
	
}