@charset "gb2312";

.m-btn{ width:25px; height:15px; margin-top:28px; display:none; position:relative}

.m-btn span{ width:100%; height:3px;background: #ba0c0d; position:absolute; left:0; top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}

.m-btn .line1{-webkit-transform-origin:4px center;-moz-transform-origin:4px center;-ms-transform-origin:4px center;-o-transform-origin:4px center;transform-origin:4px center}

.m-btn .line2{top:7px;}

.m-btn .line3{top:14px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}

.m-btn.active .line2 {opacity: 0;filter: alpha(opacity=0);}

.m-btn.active .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.m-btn.active .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.m-menu{ display:none; margin-top:75px;}

.m-menu{ background:#f5f5f5; position:fixed; left:0; width:100%; display:none; overflow-y:auto; overflow-x:hidden; z-index:99}

.m-menu ul{ width:100%; height:calc(100vh - 60px); overflow-y:auto;overflow-x:hidden}

.m-menu a{ display:block}

.m-menu li{ border-bottom:1px solid #d8d8d8;}

.m-menu .menu_a{ padding:0 3%; line-height:50px; font-size:16px; color:#222; position:relative}

.m-menu .menu_a i{ width:17px; height:17px; background:url(../images/ico_03.png) no-repeat; background-size:contain; position:absolute; right:3%; top:15px}

.m-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}

.m-menu .menu_a.active{ background:#ba0c0d; color:#fff;}

.m-menu .menu_a.active i{background:url(../images/ico_03_h.png) no-repeat center; background-size:100% auto}






.m-foot{ position:fixed; width:100%; height:50px; left:0; bottom:0;background: #ba0c0d; color:#fff; display:none; z-index:99}

.m-foot li{ float:left; width:25%; 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-email.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}





.black_overlay {Z-INDEX: 9999; POSITION: fixed; FILTER: alpha(opacity=0); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.0; opacity: 0.0}



.www_zzjs_net02 {Z-INDEX: 999999; POSITION: fixed; WIDTH: 100%; DISPLAY: none; OVERFLOW: hidden; bottom:50px;background: rgba(0,0,0,.7);}

.www_zzjs_net02 .conn{ width:80%; max-width:300px; margin:0 auto; padding:20px 0; }

.www_zzjs_net02 .conn .guanbi{width: 22px;height: 22px;background: url(../images/icon-close.png) center no-repeat;top: 0px;right: 0px; padding: 10px;opacity: 0.5; display:block; position: relative; color:#fff}

.www_zzjs_net02 .conn .inconn{ width:80%; max-width:640px; margin:0 auto;}



.www_zzjs_net02 .conn .inconn h3{ line-height:32px; font-weight:bold;color:#c60000; font-size:24px;}



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

.wrap{ width:98%}

.banner{ width:120%; margin-left:-10%}

}



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

.header .menu li .menu_a{margin:0 35px}



.honor li:hover .pic img{transform:scale(1);}

.case-list li:hover img{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1)}

.tit05 a:hover img,.tit05 .cur img{-webkit-transform:scale(1,1); -moz-transform:scale(1,1);-transform:scale(1,1);}



.top3 li .pic{ height:auto;}

.top3 li .pic:hover img{transform:scale(1);}



.arr1 a{ right:1%;}

.arr2 a{ right:8%;}

}



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

.header .menu li .menu_a{margin:0 23px}

.banner{ width:130%; margin-left:-15%}



.banner span{padding-left:10%}



.newslists li .wenx{ float:right; width:86%;}


.top{ display:none}
.slides-sticky{padding-top: 76px;}
.header .use .weixin{ display:none}
.header .use{ display:none}


.slide-home .swiper-container {height: 500px;}
.swiper-ffe .swiper-button, .slide-home .swiper-button { height: 500px; }
.swiper-image { min-height: 500px; }

.swiper-ffe .swiper-button, .slide-home .swiper-button { font-size: 50px; line-height: 24px; padding:250px 0;  }

}

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

.banner{ width:140%; margin-left:-20%}	

.slide-home .swiper-container {height: 400px;}
.swiper-ffe .swiper-button, .slide-home .swiper-button { height: 400px; }
.swiper-image { min-height: 400px; }
.swiper-ffe .swiper-button, .slide-home .swiper-button { font-size: 40px; line-height: 24px; padding:200px 0;  }


.menu{ display:none }

.m-btn{ display:block}



.header{ height:75px;}

.header .logo{ max-width:266px;width:34%; padding:10px 0 0 0;}



.banner{ padding-top:75px;}

.nbanner{ padding-top:75px;height:200px;}

.nbanner h3{ font-size:32px;line-height:200px;}


.ncasebanner{ margin-top:75px;height:250px; position: relative}
 

.ncasebanner .text h3{ font-size:30px; font-weight:bold; margin-bottom:20px; line-height:30px;}

.ncasebanner .text p{ font-size:13px;}




.footer{ background-color:#4a4a4a; padding:30px 0;}

.footer .fleft{ width:48%;}

.footer h3{ color:#fff; line-height:32px; margin-bottom:12px; font-size:18px;}

.footer .fmid{ float:left; width:48%; margin-left:2%; padding-left:2%;background:none; min-height:150px;}

.footer .fright{ display:none;}



.kefu{ display:none;}



.m-foot{ display:block}

.copyright{ margin-bottom:40px;}



.banner span{ font-size:20px; line-height:50px; margin-top:-60px;padding-left:15%}

.banner .flex-control-nav{ bottom:10px;}



.chengjiu{ padding:25px 0;}

.chengjiu li h3{ font-size:40px;}

.chengjiu li p{font-size:15px;}





.company .title h3{line-height:40px;font-size:26px; }

.company .title p{font-size:15px;line-height:25px;}

.company .conn{ padding:10px 0}



.company .conn p { line-height: 32px;margin-bottom: 15px;}



.newslists li .date h3{ color:#999; line-height:70px; font-size:35px; width:90%; text-align:center; display:block; background-color:#fff; margin:0 auto}




}



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

.banner{ width:150%; margin-left:-25%}	



.header .logo{ width:40%;}



.footer .fleft{ width:100%; float:none;background:none;}

.footer .fmid{ float:none; width:100%; margin-left:0%; padding-left:0%;background:none;}



.footer{ padding:30px 0 20px 0;}



.nbanner{ padding-top:75px;height:160px;}

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



.nguide .wrap{ height:52px;}

.nguide .location{ display:none}

.nguide .nnav{ float:none}

.nguide .nnav02{ float:none; width:100%;}

.nguide .nnav02 li{line-height:50px; margin-left:0px; width:33.33%; max-width:150px; text-align: center}



.nguide .nnav03{ float:none; width:100%;}

.nguide .nnav03 li{line-height:50px; margin-left:0px; width:50%; max-width:200px; text-align: center}



.nguide .nnav04{ float:none; width:100%;}

.nguide .nnav04 li{line-height:50px; margin-left:0px; width:14.285%; max-width:200px; text-align: center}



.yewuleft { float:none; width:100%; padding:20px 0;min-height:auto;}

.nmain .yewu .yewuleft p{ font-size:16px; line-height:38px;}

.yewuright {float:none; width:100%;background:url(../images/yewu01.jpg) no-repeat center center; height:auto; background-size:cover; min-height:auto;margin-top: -25px; }



.liuchengright { float:none; width:100%;padding:20px 0;min-height:auto;}

.liuchengleft {float:none; width:100%;background:url(../images/liucheng.jpg) no-repeat center center; height:280px; background-size:cover; min-height:auto;}



.page-go{ display:none}

.page-btn{ display:none; }

.pages .searchPage .page-sum{ display:none}



.honor li{ float:left; width:48%; margin-right:2%;}

.honor li:nth-child(4n){ margin-right:0}

.honor li:nth-child(4n+1){ clear:none; float:left; margin-bottom:20px}



.honor li:nth-child(2n){ margin-right:0; float:right}

.honor li:nth-child(2n+1){ clear:both; margin-bottom:20px}





.divTeamList ul li{ float: left; width:48%; margin-right: 2%; margin-bottom: 2%; }

.divTeamList ul li:nth-child(4n){margin-right: 0%;}

.divTeamList ul li:nth-child(2n){ float:right}

.divTeamList ul li .span_name {padding-top: 10px;}



.divUserBg .divUserBox {margin-top: 30%;}

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserCont .span_name{ font-size:20px; padding-top:0}

.divUserBg .divUserBox .divUserContent .divUserInfo .divUserCont .divInfo{ padding-top:0}





.lianxi .lxleft{ float:none; width:100%;}

.lianxi .lxright{ float:none; width:100%;}

.zhaopin p { font-size: 16px;line-height: 32px;}



.hrlistt .hrlist_tit span{ float:left; width:40%; text-align:center;color:#666;}

.hrlistt .hrlist_tit span:nth-child(1){ width:60%; text-align:center;color:#666;}

.hrlistt .hrlist_tit span:nth-child(2){ display:none}

.hrlistt .hrlist_tit span:nth-child(3){ display:none}



.hrtit dd{ float:left; width:40%; text-align:center}

.hrtit dd:nth-child(1){ width:60%; text-align:center}

.hrtit dd:nth-child(2){ display:none}

.hrtit dd:nth-child(3){ display:none}



.top3 li{ float:none; width:100%; margin-right:0%; margin-bottom:15px;}



.newslists li .date{ width:22%;}

.newslists li .wenx{ width:77%;}





.case-list ul li{width: 48%; float: left;position: relative; overflow: hidden; display: block; margin-bottom:2%; margin-right:0%; }
.case-list ul li:nth-child(3n){ margin-right:0}
.case-list ul li:nth-child(3n+1){ float:left; clear:none}
.case-list ul li:nth-child(2n){ margin-right:0; float:right}
.case-list ul li:nth-child(2n+1){ clear:both}


.case-list li .icon{ line-height:30px; position:relative; margin-top:-15px; padding:0 20px; float:right; color:#fff; font-size:14px;}

.case-list li .wenzi{ padding:3% 3% 6% 3%; background-color:#f9f9f9; line-height:26px; color:#333}
.case-list li .wenzi h3{ font-size:16px;}
.case-list li .wenzi p{ font-size:13px; margin-bottom:20px}



.casede li img{ width:80%; }



.company .title{ padding:0}

	.nmain .wrap p img{width: 100%;}

	.nmain .lianxi p img{width: auto;}



.slide-home .swiper-container {height: 300px;}
.swiper-ffe .swiper-button, .slide-home .swiper-button { height: 300px; }
.swiper-image { min-height: 300px; }

.swiper-ffe .swiper-button, .slide-home .swiper-button { font-size: 40px; line-height: 24px; padding:150px 0;  }


.ncasebanner .text h3{ font-size:26px}



.pagination a, .pagination p{ padding: 2px 6px !important;}
.pagination p.pageRemark { float:none !important; display:block !important; text-align:center; margin:0 auto !important}


}





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

.header .logo{ width:66%;}

.banner span{ padding-left:20%;}

.banner .flex-control-nav{ margin-left:20%}



.chengjiu li h3{ font-size:40px;}

.chengjiu li p{font-size:14px;}

.chengjiu li:last-child p{ width:100%; margin-left:5%}



.nbanner{ padding-top:75px;height:120px;}

.nbanner h3{ font-size:26px;line-height:120px;}

.case .title h3{font-size: 23px;}

	.nmain .title{margin: 20px 0 20px 0; }

	.shuzhi{margin: 0 0;}

	.nmain .title{font-size: 23px;}
	
	
.slide-home .swiper-container {height: 240px;}
.swiper-ffe .swiper-button, .slide-home .swiper-button { height: 240px; }
.swiper-image { min-height: 240px; }
.swiper-ffe .swiper-button, .slide-home .swiper-button { font-size: 35px; line-height:15px; padding:100px 0;  }

}