@charset "utf-8";

/* CSS Document */

.header .mmbtn{ position:absolute; right:1%; top:50%; margin-top:-16px; display:none}

.header .mmbtn .inbox{padding-top: 20px;font-size: 12px;color: #fff;position: relative;text-transform:uppercase;cursor: pointer;}
.header .top.end.scroll .mmbtn .inbox{ color:#333}
.header .mmbtn .inbox .line{width: 100%;height: 2px;background-color: #fff;position: absolute;right: 0;top: 0;-webkit-transition: all .5s ease;-o-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}

.header .top.end.scroll .mmbtn .inbox{ color:#555}
.header .top.end.scroll .mmbtn .inbox .line{background-color: #555;}

.header .mmbtn .inbox .line.l2{top: 8px;left: 0;right: auto;}

.header .mmbtn .inbox .line.l3{top: 16px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}

.header .mmbtn:hover .inbox .line{ width:60%}

/*menu*/

.mask{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.35);left: 0;top: 0;z-index: 9999;display: none;}

.head-menu{position: fixed;right: 0;top: 0;width: 100%;height: 100%;max-width: 320px;background-color: #fff;z-index: 9999;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: 60px;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% - 60px);height: -moz-calc(100% - 60px);height: calc(100% - 60px);position: relative;}



.head-menu .menu-box .wrap{max-width: 260px;}

.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: 9999;-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: #3e63a2;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%);}

.head-menu .menu-box .contact img{ width:120px; height:auto;  display:inline-block; margin-top:20px;}

.head-menu .menu-box .contact img:nth-child(2){ margin-left:10px;}



.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#3e63a2; 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:12px; 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}





}
@media screen and (max-width: 1440px){
.banner .wenzi{line-height:65px; }
.banner .wenzi h3, .banner .wenzi h4{font-size:42px; }
.section04 {padding: 140px 0 10px 0;}


}
@media screen and (max-width: 1366px){
.title{ margin-bottom:15px;}
.title h3{ line-height:30px; font-size:30px; }
.title p{ font-size:16px;}
.more{ width:115px; line-height:32px;}

.location li a{  font-size:16px; padding:0 30px;} 

.ntitle{ margin-bottom:15px; padding-bottom:15px;}
.ntitle:after{ width:60px;}
.ntitle h3{ line-height:30px; font-size:24px;}


.protop .wenzi .protitle h3{ font-size:28px;}
.protop .wenzi .protitle h4{ font-size:24px;}

.protop .wenzi .youshi02 span{margin-right:5px}
.newsxiang .newstitle h3{ font-size:24px; margin-bottom:10px}

}
@media screen and (max-width: 1200px){
.banner .wenzi{line-height:60px; }	
.banner .wenzi h3, .banner .wenzi h4{font-size:36px; }
.footer li:last-child img{ width:100px}
.section04 {padding: 130px 0 0px 0;}
.section02 {padding: 40px 0 60px 0;}
.section{ padding:40px 0 60px 0;}
.location li a{  padding:0 25px;} 

.protop .wenzi .youshi{line-height:36px;}

}
@media screen and (max-width: 1024px){

.header .top .menu{ display:none}
.header .mmbtn{ display:block}

.banner .wenzi{line-height:55px; }
.banner .wenzi h3, .banner .wenzi h4{font-size:32px; }
.banner .pic2 img{ width:100%;margin-right:0% }	
.banner .wrap{ display:table;padding:0px 0 100px 0;}

.coperlist li a { height:90px;}
.footer li:nth-child(4){ display:none}
.footer li:last-child img:nth-child(1){ margin-right:20px;}
.section04 {padding: 100px 0 0px 0;}

.title h3{ font-size:28px; }
.title p{ font-size:16px;}
.more{ width:105px; line-height:30px;}
.location li a{  padding:0 20px;} 

.protop .wenzi .protitle h3{ font-size:26px;}
.protop .wenzi .protitle h4{ font-size:22px;}

.protop .pic{ float:none; width:100%; }
.protop .wenzi{ float:none; width:100%}
.nnews .newskuai .wenzi .more{ margin-top:20px;}
.newsxiang .newstitle h3{ font-size:22px;}


.icluture li{ width:33.33%; }
.icluture li:nth-child(3n+1){ clear:both}
}
@media screen and (max-width: 920px){
.banner .wenzi{line-height:50px; }	
.banner .wenzi h3, .banner .wenzi h4{font-size:24px; }
.footer li:nth-child(1),.footer li:nth-child(2),.footer li:nth-child(3){ display:none; }	
.coperlist li a { height:80px;}
.banner .wrap{padding: 0px 0 80px 0;}
.section04 {padding: 80px 0 0px 0;}

.ntitle:after{ width:50px;}
.ntitle h3{ font-size:20px;}

.protop .wenzi .youshi span{ width:33.33%; }
.nnews .newskuai .wenzi h3{ line-height:35px; font-size:18px;}

.newsxiang .conn img{  max-width:100%;}
}
@media screen and (max-width: 768px){
.banner .wenzi{line-height:48px;  }	
.banner .wenzi h3, .banner .wenzi h4{font-size:22px;}
.header .top .wrap{ position:relative;height:85px;}
.header .top.end.scroll .wrap{height:80px}
.banner {padding-top: 85px;}
.header .top .logo img{height:36px;margin-top:-18px;}

.i-news li h3{ font-size:15px;}
.title h3{ font-size:26px; }
.title p{ font-size:15px;}
.more{ width:95px;}
.section02 {padding: 30px 0 50px 0;}
.section{ padding:30px 0 50px 0;}
.coperlist li{ width:23.5%;}
.coperlist li:nth-child(5n){ margin-right:2%}
.coperlist li:nth-child(5n+1){ clear:none; float:left}
.coperlist li:nth-child(4n){ margin-right:0}
.coperlist li:nth-child(4n+1){ clear:both}

.section04 {padding: 60px 0 0px 0;}
.footer .copyright p{ padding:15px 0;}
.location li a{  padding:0 15px;} 

.location{ line-height:45px;}
.location .nav{ float:none;}
.location .nav li{ width:25%;}
.location .nav li a{ display:block; padding:8px 5px; line-height:25px; text-align:center}
.location .weizhi{ float:none; display:inline-block}

.nabout .pic{ float:none; width:100%; border-radius:15px;}
.nabout .wenzi{ float:none; width:100%;}

.protop .wenzi .protitle h3{ font-size:24px;}
.protop .wenzi .protitle h4{ font-size:20px;}
.newsxiang .newstitle h3{ font-size:20px;}

.shangxia li{ float:none; text-align:left;}
.shangxia li:nth-child(2n){ float:none; text-align:left;}

.hrlist .job{ font-size:16px}
.hrlist .toptit{ flex-wrap:wrap;}
.hrlist .toptit span{ font-size:12px; width:auto}
.hrlist .toptit span.job{ width:90%; font-size:16px;}
.hrlist .cont{ padding:3%; margin:0 2%}

.icluture li{ width:50%; }
.icluture li:nth-child(3n+1){ clear:none}
.icluture li:nth-child(2n+1){ clear:both}
}

@media screen and (max-width: 640px){
.header .top .wrap{ position:relative;height:80px;}
.header .top.end.scroll .wrap{height:75px}
.banner {padding-top: 80px;}
.header .top .logo img{height:32px;margin-top:-16px;}

.banner .wenzi{line-height:45px; }
.banner .wenzi h3, .banner .wenzi h4{ font-size:22px; line-height:36px;}
.more{ width:90px;}

.i-news li{ float:left; width:48.5%; margin-right:0%; }
.i-news li:nth-child(2n){ float:right}
.i-news li:nth-child(4){ display:block; }
.i-news li:nth-child(2n+1){ clear:both}
.i-news li:nth-child(1), .i-news li:nth-child(2){ margin-bottom:20px;}

.i-about .pic{ float:none; width:100%; border-radius:15px;}
.i-about .wenzi{ float:none; width:100%; margin-top:30px}

.section04 {padding: 50px 0 0px 0;}
.float_kf{ display:none}
.m-foot{ display:block}

.nheader .banner .pic2{ display:none !important}
.location li a{  padding:0 10px;}

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


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

.nteam .ul01 li{  width:49%;}
.nteam .ul02 li{ width:23.5%; margin-right:2%}

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


.nnews .newskuai .pic{float:none; width:calc(100% - 2px); }
.nnews .newskuai .wenzi{ float:none; width:100%; padding:10px 0 ;}




.hrcontent .hrlist{ width:100%; float:none}
.hrcontent .hrcontact{ width:100%; float:none; margin-top:30px;}

.huanjlst li { float:left; width:48.5%; margin-right:0%; }
.huanjlst li:nth-child(2n){ float:right}
.huanjlst li:nth-child(4n+1){ clear:none}
.huanjlst li:nth-child(2n+1){ clear:both}
}

@media screen and (max-width: 540px){
	
.banner .wrap{ display:block;}
.banner .wenzi{display: block;width: 100%;}
.banner .pic2{display: block;width:100%;}
.banner .wenzi h4{ margin:0}
.banner .wrap {padding: 0px 0 50px 0;}

.coperlist li{ width:32%;}
.coperlist li:nth-child(4n){ margin-right:2%}
.coperlist li:nth-child(4n+1){ clear:none; float:left}
.coperlist li:nth-child(3n){ margin-right:0}
.coperlist li:nth-child(3n+1){ clear:both}

.footer .content { display:block}
.footer ul {display:block}
.footer li {display:block;}
.footer li:last-child{ text-align:center; margin-top:-20px;}	

.nteam .ul01 li{  width:100%; margin:0; margin-bottom:20px}
.nteam .ul02 li{ width:48%; margin-right:0%}

.nteam li:nth-child(2n){ float:right; margin:0; margin-bottom:20px;}
.nteam li:nth-child(4n+1){ clear:none;}
.nteam li:nth-child(2n+1){ clear:both;}

.protop .wenzi .youshi span{ width:50%; }
.protop .wenzi .youshi02 span{ display:block; margin-bottom:15px;}

.icluture li{ width:100%; }
}