@charset "utf-8";
/* CSS Document */
.menu-btn{ height:118px; width:25px;cursor:pointer; position:absolute; right:0; top:50%; }
.menu-btn span{display:block; height:2px; width:25px; background:#ccc; margin-bottom:5px}
.menu-btn .line1{ margin-top:-9px;}
.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 112;display: none;}
.head-menu{position: fixed;right: 0;top: 0;width: 100%;height: 100%;max-width: 320px;background-color: #fff;z-index: 113;overflow: hidden;background: -webkit-linear-gradient(top, #fff , #eef2f5); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(bottom, #fff, #eef2f5); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(bottom, #fff, #eef2f5); /* Firefox 3.6 - 15 */background: -webkit-gradient(linear, left top, left bottom, from(#fff) , to(#eef2f5));background: -moz-linear-gradient(top, #fff , #eef2f5);background: -o-linear-gradient(top, #fff , #eef2f5);background: linear-gradient(to bottom, #fff , #eef2f5); /* 标准的语法 */-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);opacity: 0;visibility: hidden;}
.head-menu[data-on="on"]{-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);opacity: 1;visibility: visible;}

.head-menu .toolbox .tool{width: 94%;padding-right: 40px;height: 80px;position: relative;}
.head-menu .toolbox .mmclose{width: 25px;height: 25px;position: absolute;right: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer;}
.head-menu .toolbox .mmclose:before{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);-ms-transform: translate(-50%,-50%) rotate(45deg);-o-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);}
.head-menu .toolbox .mmclose:after{content: "";width: 100%;height: 2px;background-color: #3d464f;position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%) rotate(-45deg);-moz-transform: translate(-50%,-50%) rotate(-45deg);-ms-transform: translate(-50%,-50%) rotate(-45deg);-o-transform: translate(-50%,-50%) rotate(-45deg);transform: translate(-50%,-50%) rotate(-45deg);}

.head-menu .menu-box{height: -webkit-calc(100% - 80px);height: -moz-calc(100% - 80px);height: calc(100% - 80px);position: relative;}

.head-menu .menu-box .wrap{max-width: 220px;}
.head-menu .menu-box .mlist .lim{display: block;cursor: pointer;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .word{height: 50px;line-height: 50px;font-size: 18px;color: #1a1a1a;margin: 0 auto;width: 94%;max-width: 260px;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .mlist .lim .menu{display: none;padding: 0 5%;}
.head-menu .menu-box .mlist .lim[data-on="on"] .menu{display: block;}
.head-menu .menu-box .mlist .lim .menu .mm{height: 30px;line-height: 30px;display: block;}
.head-menu .menu-box .inbox{height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: -moz-box;display: flex;-ms-flex-direction: column;-webkit-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-moz-box-orient: vertical;-moz-box-direction: normal;flex-direction: column;-webkit-box-pack: space-between;-ms-flex-pack: space-between;-webkit-justify-content: space-between;-moz-box-pack: justify;justify-content: space-between;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;opacity: 1;visibility: visible;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .inbox[data-on="on"]{-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);opacity: 0;visibility: hidden;}
.head-menu .menu-box .inbox .contact{margin-bottom: 50PX;}

.head-menu .menu-box .outbox{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #fff;z-index: 115;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;opacity: 0;visibility: hidden;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.head-menu .menu-box .outbox[data-on="on"]{-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);opacity: 1;visibility: visible;}
.head-menu .menu-box .outbox .inbtn{height: 50px;line-height: 50px;background-color: #0f5ab1;margin-bottom: 20px;cursor: pointer;}
.head-menu .menu-box .outbox .inbtn .ww{max-width: 260px;width: 94%;margin: 0 auto;font-size: 14px;color: #fff;font-weight: bold;padding-left: 30px;position: relative;}
.head-menu .menu-box .outbox .inbtn .ww span{width: 20px;height: 5px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:before{content: "";border-style: solid;border-width:2px 3px; border-color: transparent #fff transparent transparent;position: absolute;left: 0;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.head-menu .menu-box .outbox .inbtn .ww span:after{content: "";width: 20px;height: 1px;background-color: #fff;position: absolute;left: 1px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}





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


.phshow{ display:none !important}
.pcshow{ display: block !important}
@media screen and (max-width: 1600px){
.title h3{ font-size:40px; line-height:40px;}	
}

@media screen and (max-width: 1366px){
body{ font-size:15px; }
.title h3{ font-size:36px; line-height:36px;}
.title p{ font-size:16px;}

.nsol .kuai{ padding:40px;}
.nsol .kuai .pic{ float:left; width:55%}
.nsol .kuai .wenzi{ float:right; width:40%;padding-top:10%;}
.nsol .kuai .wenzi h3{ font-size:30px; margin-bottom:25px;}
.nsol .kuai .wenzi p{ font-size:18px;}

.npro01 .kuai01 .text .inn h3{font-size: 30px; margin-bottom: 10px;}
.npro01 .kuai01 .text .inn p{font-size: 18px; margin-bottom: 30px; line-height:28px;}
.npro01 .kuai01 .text .inn .more{font-size:18px;}
}

@media screen and (max-width: 1240px){
.header .menu li .menu_a{ margin:0 20px;font-size:17px;}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: calc(100% + 40px)}
}

@media screen and (max-width: 1199px){
.wrap{ width:94%;}
.iproducts .wrap{ width:calc(94% + 20px); }
.header .menu li .menu_a{ margin:0 16px;}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: calc(100% + 32px)}
}

@media screen and (max-width: 1024px){
.header .menu{ display:none;}	
#a01, #a02, #a03, #a04{ margin-top:-92px;}
.header{height:92px;}
.header .wrap{ height:92px;}
.header .logo{ margin-top:-25px;}
.header .logo img{height:50px;}
.space{ height:92px;}
.footer li:nth-child(5){ display:none}
.footer li .flogo{ height:50px}
.footer li:nth-child(1) p{ padding-left:58px;}
.isol .item .wenzi{ padding:20px}
.isol .item .wenzi h3{ font-size:20px;padding-bottom: 10px;}
.i-news-list .swiper-slide h3{ font-size:18px;margin-bottom:10px;}
.i-news-list .swiper-slide p{ margin-bottom:10px;}
.inews .news-nav li{ margin-right:30px;}
.inews .news-nav li:nth-child(2){ margin-right:0;}

.section{ padding:50px 0 60px 0;}
.sectionnext{ padding-bottom:60px}
.sectionpre{ padding-top:50px}
.title { margin-bottom:10px;}
.nbanner img{ position:relative; width:120% !important; margin-left:-10% !important}
.nbanner .text h3{ font-size:36px;}
.nbanner .text p{ font-size:24px;}
.nbanner .text{line-height:30px;}
.ab01 .conn{ line-height:35px; font-size:16px;}
.nab02 .wenzi h3{ font-size:20px; margin-bottom:10px}
.nab02 .wenzi{ padding:20px;}

.zeren .wenzi{ padding:20px;}
.zeren .wenzi h3{ font-size:20px; margin-bottom:10px;}

.ab01 .more a{ width:140px; line-height:40px; height:40px;}
.ab01 .more{ margin-top:20px;}

.npro02 .wenzi{ padding:20px;}
.npro02 .wenzi h3{ font-size:20px; margin-bottom:10px}

}

@media screen and (max-width: 920px){
.inews .i-news-list .othernews .kuai:nth-child(3){ display:none}	
.inews .i-news-list .othernews .kuai:nth-child(2){ margin-right:0; float:right}
.inews .i-news-list .othernews .kuai{ width:48.5%; margin-right:0}

.isol .item{ float:left; width:49%; margin-right:0px; margin-bottom:2%;}
.isol .item:nth-child(2n){ float:right}
.isol .item:nth-child(3n+1){ clear:none;}
.isol .item:nth-child(2n+1){ clear:both;}

.title h3{ font-size:30px; line-height:30px;}

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

.banner .swiper-button-prev, .banner .swiper-button-next{ display:none !important}
.banner .swiper-pagination{ display:block}
.banner{ width:120%; margin-left:-10%}
.iproducts .swiper-slide .inn{ margin:5px}
.iproducts .swiper-slide p{ line-height:20px;}
.iproducts .swiper-slide{margin-bottom:40px;}
.i-news-list .swiper-button-prev, .i-news-list .swiper-button-next{ width:30px; height:30px;}
.i-news-list .swiper-button-prev{left:auto; right:35px; }
.inews .news-nav li{ line-height:30px; font-size:18px;margin-right: 20px;}

.footer li:nth-child(2){ display:none}
.nbanner img{ position:relative; width:140% !important; margin-left:-20% !important}


.hononrlist li{ width:48%; margin:10px 0% 10px 0; padding:5px;e}
.hononrlist li:nth-child(2n){ float:right}
.hononrlist li:nth-child(4n+1){ clear:none; }
.hononrlist li:nth-child(2n+1){ clear:both; }

.hononrlist li .hd .pro_con{width:420px; margin-left:-210px; padding:15px; }
.hononrlist li .hd .closed{left:calc(50% + 210px);}
.jianjie .conn{ padding-top:20px}

.nlianxi h3{ line-height:40px; font-size:20px;}
.nlianxi .ncontact{ width:100%; float:none; line-height:40px; font-size:16px}
.nlianxi .liuyan{ width:100%; float:none; clear:both; padding-top:30px }

.hrlist li{ margin-bottom:0px;margin-top:15px;float:none; width:100%;}
.hrlist li:nth-child(2n){ float:none}
.hrlist .toptit span{ width:48%; margin-right:2%}
.hrlist .job{font-size:16px; font-weight:bold; width:100% !important; display:block}
.hrlist .toptit{ display:block}
.innews .item .wenzi h3{ font-size:16px;}
.innews .item .wenzi{ padding:15px;}
.innews .item{ width:48%; margin:0}
.innews .item:nth-child(2){ float:right}
.innews .item:nth-child(3){ display:none}
.nmain.nnews .newsleft .wenzi{ bottom:15px; padding:15px;}

.innews .more{ margin:25px auto 0 auto}
.huadong{ overflow-x:auto}
}

@media screen and (max-width: 768px){
#a01, #a02, #a03, #a04{ margin-top:-80px;}
.header{height:80px;}
.header .wrap{ height:80px;}
.header .logo{ margin-top:-23px;}
.header .logo img{height:46px;}
.space{ height:80px;}
.footer li .flogo{ height:46px}	
.footer li:nth-child(3), .footer li:nth-child(4), .footer li:nth-child(6){ display:none}
.footer .fcontent {padding:35px 0}
.footer .copyright{ line-height:20px; padding:15px 0; margin-bottom:60px}

.float_r{ width:100%; bottom:0; padding:0; top:auto; margin:0}
.float_r li{ float:left; width:33.33%; text-align: center;border-bottom:none; height:60px;}
.inews .i-news-list .othernews .kuai h3{ line-height:24px; font-size:16px;}
.float_r .img{ width:100%}
.float_r .hd{ left:auto}
.float_r .img img{ height:25px;}

.nbanner .text h3{ font-size:28px;}
.nbanner .text p{ font-size:20px;}

.nbanner img{ position:relative; width:160% !important; margin-left:-30% !important}

.nbanner .text h3{ margin-left:0%}
.nbanner .text p{ margin-left:0%}
.ab01 p{ line-height:35px;}
.title h3{ padding-bottom:8px}
.hononrlist li .hd .pro_con{width:360px; margin-left:-180px;}
.hononrlist li .hd .closed{left:calc(50% + 140px); top:calc(15% - 15px);}
.nlianxi .liuyan .row .submit{ position: relative; top:auto; right:auto; }

.nmain.nnews .newsleft{ float:none; width:100%; margin-bottom:20px;margin-top:20px}
.nmain.nnews .newsright{ float:none; width:100%}

.newskuai .pic{ float:none; width:100%}
.newskuai .wenzi{ float:none; width:100%; }
.newskuai:hover .wenzi{ margin-right:0%} 
.newskuai .more{ display:none}

.nnewsx .newstitle h3{ font-size:20px;}

.nnewsx .newstitle .back{ position: relative; right:auto; bottom:auto; margin-top:20px}

.shangxia li{ float:none; display:block;}
.shangxia li:nth-child(2){ float:none;}
.npro01 .kuai01 img{ min-height:180px}
.npro01 .kuai01 .text .inn h3{font-size:24px; margin-bottom: 10px;}
.npro01 .kuai01 .text .inn p{font-size: 16px; margin-bottom: 0px; line-height:24px;}
.npro01 .kuai01 .text .inn .more{font-size:16px; margin-top:15px;}
.npro01 .kuai01 .text .inn { padding:15px; line-height:30px}

.protabmenu{ float:none; width:100%;}
.protabmenu li{height:45px;line-height: 45px;font-size: 15px;border-bottom: 1px solid #aeb3b8; float:left; width:50%;}
#protabcontent{ float:none; width:100%; padding-top:30px; clear:both}


.iproducts .swiper-pagination-bullet{ width:30px; height:6px;}
}

@media screen and (max-width: 540px){
#a01, #a02, #a03, #a04{ margin-top:-70px;}
.header{height:70px;}
.header .wrap{ height:70px;}
.header .logo{ margin-top:-21px;}
.header .logo img{height:42px;}
.space{ height:70px;}
.footer li .flogo{ height:42px}	

.title h3{ font-size:26px;}	

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

.nbanner img{ position:relative; width:180% !important; margin-left:-40% !important}

.nab02 .kuai, .nab02 .kuai02{ width:100%; margin-right:0; float:none; margin-bottom:20px}
.npro02 .kuai02{ float:none; width:100%; margin-right:2%; margin-bottom:20px;}



.zeren .kuai02{ float:none; width:100%; margin-right:0%; margin-top:20px;}
.nbanner .text h3{ font-size:22px;}
.nbanner .text p{ font-size:18px;}


.nsol .kuai{ padding:20px;}
.nsol .kuai .pic{ float:none !important; width:100%}
.nsol .kuai .wenzi{ float:none !important; width:100%;padding-top:20px;}
.nsol .kuai .wenzi h3{ font-size:20px; margin-bottom:15px;}
.nsol .kuai .wenzi p{ font-size:15px;}

.npro01 .kuai01 .text .inn h3{font-size:20px;}


}