@charset "utf-8";

input::-webkit-input-placeholder{
        font-size:16px;  
        color: #ffffff;
} 
input{color:#fff;}
textarea{color:#fff;}

.ind-bg{background:#f5f7f6;}
.wp1{width:100%;}
.pd-5{padding:0 5%;}
.pd-8{padding:0 8%;}
.pd-10{padding:0 10%;}
.pd-12{padding:0 12%;}
.pd-14{padding:0 14%;}
.pd-15{padding:0 15%;}

.l{float:left;}
.r{float:right;}
/* a:hover{color:inherit;} */
.wp-12{max-width:1200px;margin:0 auto;}
.logo a img{width:160px;}
.logo-bg{
 	background-size:cover;
 	padding:5px 5%;
 	border-bottom:1px solid rgba(64,46,43,0.25);
	max-width: 1200px;
	margin: 0 auto;
}
 
.menu-button{float: right;display: none;transform: translateY(8px);}
.lines-button{background-color:transparent;border:none;display:block;padding:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;user-select:none}
.lines{display:inline-block;width:28px;height:2px;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;
     position:relative;transform: translateY(-8px);}
.lines:after,.lines:before{display:inline-block;width:28px;height:2px;background:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;left:0;content:'';-webkit-transform-origin:2.21px center;transform-origin:2.21px center}
.lines:before{top:10px}
.lines:after{top:-10px}
 [role="header"] .menu-button:hover .lines,.menu-button:hover .lines:after,.menu-button:hover .lines:before{background-color:#fff}
 [role="header"] .menu-button.on .lines-button.x .lines{background:0 0}
 [role="header"] .menu-button.on .lines-button.x .lines:after,.menu-button.on .lines-button.x .lines:before{
	 -webkit-transform-origin:50% 50%;
	 transform-origin:50% 50%;
	 top:0;
	 width:31px;
	 }
 [role="header"] .menu-button.on .lines-button.x .lines:before{
	 -webkit-transform:rotate3d(0,0,1,45deg);
	 transform:rotate3d(0,0,1,45deg);
	 background: #fff;
	 }
 [role="header"] .menu-button.on .lines-button.x .lines:after{
	 -webkit-transform:rotate3d(0,0,1,-45deg);
	 transform:rotate3d(0,0,1,-45deg);
	 background: #fff;
	 }
 .fixed{position: fixed;width: 100%;height: 100%;top:0!important;left: 0!important;right: 0!important;bottom: 0!important}
 
 
.main-nav{
    height: 55px;
	width: 80%;
	margin-left:50px;
} 
#header .nav {
    /* max-width: 960px; */
	 max-width: 1100px;
    margin: 0px auto 0px;
	
}
#header .nav-list{width:65%;padding-top:10px;margin-left: 16%;}
.nav ul li{position:relative;float:left;width:19%;text-align: center;margin-right: 2px;font-size: 18px;line-height:40px;}
#header .nav-list li i{display: none;font-size: 22px;font-style: normal;color: #fff;position: absolute;right: 0;top:0;z-index: 99;
width: 40px;cursor: pointer;transition: transform .3s;transform-origin: center;}
.nav ul li.current a{color:#00bb5c;}


#header{position: fixed;
    top: 0;
    background: #fff; 
    left: 0;
    right: 0;
    z-index: 99999;
	}
.icon-bx{width:18%;margin-left: 1%;margin-top:20px;}
.icon-tpp a{float:left;position: relative;margin: 0 4px;font-size: 16px;}
.icon-tpp a.mov1{margin-left:20px;}
.icon-tpp a img{width:20px;height:20px;}

.null-kb{height:65px;}

.pt6{padding-top:60px;}
.pd5{padding-top:50px;}
.pd4{padding-top:40px;}
.pd3{padding-top:30px;} 
.mt1{margin-top:10px;}
.mt2{margin-top:20px;}
.mt3{margin-top:30px;}
.mt4{margin-top:40px;}
.mt5{margin-top:50px;}
.mt6{margin-top:60px;}
.mt7{margin-top:70px;}
.mt8{margin-top:80px;}
.relat{position:relative;}
.lbt .swiper-pagination-bullet-active {
    opacity: 1; 
    background: #4aa257; 
}
.lbt .swiper-button-prev,.lbt .swiper-button-next{
	width:32px;
	height:60px;
}
/* .lbt .swiper-button-prev{
	background:url(../images/lef_br.png);
	left:30px;
}
.lbt .swiper-button-next{
	background:url(../images/rig_br.png);
	right:30px;
} */


.mag-top{background:#00407C;height:100px;display: none;}
.top-search{
	position: relative;
	margin: 0 auto;
	max-width: 65.5555555556em;
	max-width: 73.75rem;
	padding-top: 42px;
}
.top-search form {
	position: relative;
}
.top-search input {
	width: 100%;
	background: transparent;
	border: 0;
	border-bottom: 1px solid rgba(255, 251, 241, 0.26);
	padding-left: 40px;
	color: #fff;
	outline: 0;
}
.top-search button {
	position: absolute;
	left: 0;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: transparent;
	border: 0;
	color: #fff;
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.close-search {
	position: absolute;
	z-index: 1;
	right: 20px;
	top: 20px;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.close-search::before{color:#fff;}
input::-webkit-input-placeholder{color:#fff;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#fff;
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#fff;
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#fff;
}

.ser-im-t{display:none;}
			
			

.company{padding-top:60px;padding-bottom: 50px;}
.h-tit{text-align:center;}
.hx-h{width:30px;height:3px;background:#333;margin:0 auto;margin-top:8px;}
.h-tit h1{font-size:24px;font-weight:500;}
.h-tit p{font-size:14px;color:#999;margin-top:5px;}
.comp_Bd{margin-top:30px;}
.com_m ul li{width:33.3%;float:left;}
.bt-b{background:#0b4c8c;height:40px;line-height:40px;text-align:center;color:#fff;font-size:18px;padding: 0 15px;}
.bt-b b{font-weight: 500;}
.lst-mg{margin:10px;}
.com_m ul li:hover .bt-b{background:#00bb5c;}



/* 新闻资讯 */
.news{padding-bottom: 40px;}
.news h2{font-size:18px;text-align: center;padding:40px 10px;}
.news-bb ul li{float:left;width:33.3%;margin-bottom: 40px;}
.news-bb ul li .new-list{margin:10px;}
.new-list h3{font-size:16px;margin-top:10px;}
.new-list p{font-size:14px;margin-top:10px;opacity:0.8;}
.new-list a.a-mt{display:block;margin-top:15px;color:#0b4c8c;opacity:0.8;}
.ellip{
	width: auto;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	word-wrap: break-word;
	word-break: break-all;
}
.sin-date{position:absolute;right:0;top:0;height:30px;line-height:30px;width:120px;
	text-align:center;color:#fff;background:#0b4c8c;font-size:14px;
}
.news-bb ul li:hover .a-mt{color:#00bb5c;}

/* 翻页 */
.xin-fan{margin-top: 35px;display: table;margin-left: auto;margin-right: auto;}
.xin-fan ul li{float:left;margin:5px;text-align:center;}
.xin-fan ul li a{background:#f3f3f3;width:50px;height: 35px;text-align: center;line-height: 35px;
    border-radius:5px;display: block;}
.xin-fan ul li.pages-t a{width: auto;padding: 0 5px}
.xin-fan ul li img{margin-top: 12px;margin-left: 18px;}
.xin-fan ul li.xin-curt a{background:#00bb5c;}
.xin-fan ul li.xin-curt a{color:#fff;}
.xin-fan ul li.c{background:#00bb5c;width:50px;height: 35px;line-height: 35px; border-radius:5px;display: block;}
.xin-fan ul li.c{color:#fff;}
.xin-fan ul li.p-pre {padding:0 5px;}
.xin-fan ul li.p-nex {padding:0 5px;}

.advt{
	background:url(../images/adv-bg.jpg)no-repeat;
	background-size:cover;
	padding:40px;
}
.about-us{padding:80px 10px;}
.zs-ab{font-size:108px;color:#00bb5c;opacity:0.1;font-weight:600;position:absolute;bottom:40px;left:0;letter-spacing: 5px;}
.ab-lef{width:49%;}
.ab-rht{width:49%;}
.ab-lef p{font-size: 16px;line-height: 32px;margin-top: 20px;}
.ad-st{
	color: #fff;
    margin-top: 10px;
    margin-left: 15px;
	width: 35%;
}
.ad-st b{font-size: 16px;font-weight: 500;}
.adv-slt{margin-top:40px;}
.advt-all h1{color:#fff;font-size:30px;}
.adv-slt ul li{margin-top:35px;}
.wz-p{
	position: absolute;
	background: #fff;
	padding: 40px;
	width: 48%;
	top: -20px;
	left: 44%;
}
.wz-p p{font-size:16px;line-height:30px;}
.lx-inf{padding:40px 10px;}
.lx-inf ul{
	display: table;
	margin-right: auto;
	margin-left: auto;
}
.lx-inf ul li{float:left;}
.xan-x{width:2px;height:50px;background:#999;margin:0 40px; margin-top:20px;}
.lx-inf ul li img{width: 40px;height: 40px;margin:auto;}
.lx-inf ul li b{font-size:16px;margin-top:15px;display: block;text-align: center;}

/* 产品展示 */
.lm-bgt{background:#f5f5f5;padding:15px 10px;}
.lm-b-show ul li{float:left;background:#0b4c8c;border-radius:100px;line-height:40px;height:40px;width:140px;text-align: center;margin-right:15px;}
.lm-b-show ul li a{color:#fff;font-size:16px;display:block;}
.lm-b-show ul li:last-child{margin-right:0;}
.lm-b-show ul li.p-curt{background:#00bb5c;}

.prod-show{padding:40px 10px;}
.prod-show ul li{float:left;width:33.3%;margin-bottom:15px;}
.pr-b{
	position: absolute;
    bottom: 0;
    width: 100%;
	background:none;
	padding:0;
	text-indent:15px;
}
.add{display:none;margin-right:20px;}
.prod-show ul li:hover .pr-b{background:#00bb5c;}
.prod-show ul li:hover .add{display:block;}

.prod-det{padding: 40px 10px;}
.table{width:100%;}
.table tr th{background:#00bb5c;color:#fff;font-size:16px;font-weight:500;height: 45px;
    vertical-align: middle;}
.table tr td{height:50px;text-align: center;font-size:16px;border:1px solid #ccc;vertical-align:middle;}



/* footer */
#footer{}
.foot{
	background:#373737;
	padding:40px 11%;
	color:#fff;
}
.fot-tp{}
.fot-lef{width:78%;}
.fot-rht{width:20%;}
.fot-rht p{text-align:center;margin-top:10px;}
.erm img{display:block;margin:auto;}
.fm-all ul li{
	border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 5px 0;
	margin: 5px 0;
	margin-bottom: 10px;
}
.fm-all ul li label{width:15%;display:inline-block;}
.fm-all ul li input{width:70%;background:none;border: none;}
.ent-tj button{display:block;width:90px;height:35px;line-height:35px;text-align:center;font-size:14px;
	border-radius:5px;background:#fff;margin-top: 28px;border: none;cursor: pointer;}
.fot-md{margin-top:30px;padding: 0 10%;}
.fot-rt{margin-top: 30px;margin-left: 10%;}
.fot-rt ul li{float:left;margin-right:65px;}
.fot-rt ul li a{color:#fff;}
.fot-rt ul li:last-child{margin-right:0;}
.fot-rt ul li b{font-size:18px;font-weight: 500;}
.fot-rt ul li p{font-size:16px;opacity:0.4;}

.addr_bot{border-top:1px solid rgba(255,255,255,0.1);background:#373737;padding:10px;}
.addr_bot p{font-size:14px;text-align:center;color:#ffff;opacity:0.34;}
.addr_bot p span{margin:0 12px;}
.ba-h{background:#202020;padding:10px;text-align:center;}
.ba-h p{opacity:0.38;color:#fff;}
.ba-h p a{color:#fff;}


.ny-lm{padding: 20px 9%;}
.nav-ny ul{overflow:hidden;}
.nav-ny ul li{float:left;font-size:14px;}
.ny-ind img{width:20px;padding-right:5px;}
.nan-current{color:#00bb5c;}

.news-detat{padding:40px 11%;}
.news-det-t{text-align:center;border-bottom:1px solid #d5d5d5;padding:15px 0;}
.news-det-t h2{font-size:24px;line-height: initial;}
.news-det-t p{font-size:14px;margin-top:10px;font-size:16px;}
.nr-sat{margin-top:30px;}
.nr-sat p{font-size:14px;line-height:28px;}
.n-xq img{display:block; margin:0 auto;margin-top:30px;margin-bottom:25px;}
.n-page{border:1px solid #d5d5d5;}
.n-page ul li{float:left;font-size:14px;padding: 10px 0;}
.n-page ul li:nth-child(1){width:40%;}
.n-page ul li:nth-child(2){width:18%;text-align: center;border-right:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
.n-page ul li:nth-child(3){width:40%;}
.c-lf img{margin:0 10px;width: 8px;height: 12px; margin-top: 5px;}
.re-bk{color:#00bb5c;}


.contact-box{padding:40px 20px;}
.lx_nr ul li{width:25%;float:left;}
.lx_nr ul li p{text-align:center;margin-top:15px;font-size:16px;}
.lx_icon img{width:85px;height:85px; margin: auto;}
.lx_nr ul li .lx_icon{border-right:1px solid #ccc;}
.lx_nr ul li:last-child .lx_icon{border-right:none;}
.map-box{padding-top:40px;}





@media screen and (min-width: 1500px)
{
	
	.int-logo{margin-top:80px;}
	.fot-md{padding:0 15%;}
	.fot-rt{margin-right:180px;}
	.fot-rt ul li{margin-right:80px;}
	.fot-tp {
	    padding: 0 12%;
	}
	.fot-let{margin-left: 8%;}
	
	
	
	
}
 @media screen and (min-width: 1440px){
	.logo-bg{padding:5px 5%;}
	.foot-nav ul li{float:left;margin-right: 100px;}
	.foot-nav ul li .ft-link ul li{padding:2px 0;float:unset;margin-right: 0;}
	
 }
 
 @media screen and (max-width: 1588px){
     #header .nav-list li{float: left;
         transition: all .3s;position: relative;}
	.pd-15{padding:0 6%;}
	.news-cont{padding:20px 5%;}
	
	
 }
 @media screen and (max-width: 1500px){
     /* #header .logo img{margin-top:12px;} */
	 .apply-job1{padding:20px 5%;}
	
 }
 @media screen and (max-width: 1440px){
	 .c-ict{width:80px;height:80px;margin-top:-50px;}
	 .pr_pic img{max-height:450px;}
	 .l-wz p{font-size:14px;}
	 .ny-crt{width:110px;height:110px;}
	 .ny-tit b{font-size:18px;padding-top: 30px;}
	 .ny-tit p{font-size:14px;margin-top:0;}
	 
	
	
 }
 @media screen and (max-width: 1340px){
	.t-lef {width: 45%;}
	.t-rht { width:54%;}
	.shu{margin:0 20px;}
	.cat-lef{padding:15px;}
	.pic_mt {position: absolute;right: -30px; bottom: 0px;}
	.ly_all{padding: 40px 5%;}
 }
 
 @media screen and (max-width: 1200px){
     #header .logo img{width:170px}
	 
 }
 
 
 
 
 
 @media screen and (max-width: 1100px){
	#header .nav {
		display: none;
		float: inherit;
		margin-top: 0;
		position: fixed;
		top: 85px;
		left: 0;
		bottom: 0;
		background: #fff;
		background: rgba(0,0,0,.9);
		z-index: 9999;
		margin-left: 0;
		right: 0;
		padding: 20px 0 20px;
		overflow-y: auto;
	}
	#header .nav-list li a {
		display: block;
		color: #ddd;
	}
	
	#header .nav-list li{float: inherit;line-height: 50px;width: 90%;margin:0 auto;text-align: center;border-bottom:1px solid #333;padding: 0;}
	#header .nav-list li a{display: block;color: #ddd}
	#header .nav-list li i{display: block;}
	#header .nav-list li i.on{transform: rotate(45deg);}
	#header .nav-list li .nav-sub{position: inherit;padding-top: 5px;text-align: center;width:90%;z-index: 9999;top:0;left:0;margin:0 auto;margin-bottom: 10px;}
	#header .nav-list li .nav-sub a{background: transparent;line-height: 40px;font-size: 14px;border-top: 1px solid #333}
	#header .nav-list li:hover .nav-sub{display: none}
		
	.menu-button{display: block;margin-top:0;transform: translateY(4px);padding:15px;background:#00bb5c;padding-bottom: 8px;}
	.main-nav{width:65%;}
	.icon-bx {
	    width: 100%;
	    margin-left: 0;
	    background: #fff;
		padding: 10px;
	}
	
	.ny-lm{padding:10px 3%;}
	
	#header .nav-list{width:100%;}
	
}








 
 
 @media screen and (max-width: 780px){
   
   
	.null-kb{display:block;}
	/* #header{padding: 0px 0;position:fixed;} */
    #header .nav{
		display: none; 
		float: inherit;
		margin-top: 0;
		 position:fixed;
		 top:0px;
		 left:0;
		 left:0;bottom:0; 
		 background: #fff;
		 background: rgba(0,0,0,.9);
		 z-index: 9999;
		 margin-left: 0;
		 right:30%;
         padding: 20px 0 20px;overflow-y: auto;
		} 
		.nav ul li{width:100%;}
		#header .logo img{width: 130px}
		.logo-bg{background:#fff;}
		.main-nav{width:auto;}
		#main {margin-top: 0px;}
		
		.icon-bx{background:none;}
		.icon-tpp a{color:#fff;}
		#ser_pc{display:none;}
		.ser-im-t{
			display:block;
			float: none;
			width: auto;
			margin-left: 10px;
		}
		.ser-im-t input {
		    border: 1px solid #969696;
		    background: none;
		    padding: 3px 10px;
		    color: #fff;
		}
		.ser-im-t a {
		    font-size: 16px;
		    color: #969696;
		}
		.null-kb{height:55px;}
		
		.com_m ul li{width:100%;}
		.foot{padding:40px 5%;}
		.fot-lef{width:100%;}
		.fot-rht{margin-top:30px;width:100%;}
		.fm-all ul li label{width:100%;}
		.news-detat {
		    padding: 40px 3%;
		    padding-top: 10px;
		}
		.fot-rt{margin-left:0;}
		.fot-rt ul li{margin-right:15px;}
		.fot-md{padding:0;}
		.news-bb ul li{width:100%;}
		.xin-fan ul li{width:50px;}
		
		.about-us{padding:30px 10px;}
		.advt{padding:40px 20px;}
		.wz-p{position:static;width:auto;margin-top:15px;}
		.ad-st{width:100%;}
		.lx-inf ul li{width:100%;margin-top: 25px;}
		.lx-inf ul li.xan-x{display:none;}
		
		.lm-b-show ul li{margin-bottom:10px;}
		.prod-show{padding:20px 10px;}
		.prod-det{padding: 20px 10px;}
		.table tr th{font-size:14px;border:1px solid #bfbfbf;}
		.table tr td{font-size:12px;}
		
	}
	
@media only all and (max-width: 768px){
	.main-nav {height: 0;}
	.section-nav {padding: 5px 5%;}
	.qh-tab ul li{margin-left:0;}
	
	.company{padding:40px 3%;}
	.cp-lef{width:100%;}
	.cp-rht {
	    width: 100%;
	    margin-top: 20px;
	}
	.ict-r img {width: 30px;height: 30px;}
	.ab-rht,.ab-lef{width:100%;}
	.zs-ab{position:static;font-size: 48px;line-height: 80px;}

	
}

@media screen and (max-width: 600px){
	.foot {
	    padding: 20px 5%;
	}
	.n-page ul li:nth-child(1){width:100%;}
	.n-page ul li:nth-child(2){width:100%;border-left:0;border-right:0;padding: 0;}
	.n-page ul li:nth-child(3){width:100%;}
	
	.prod-show ul li{width:100%;}
	.lm-b-show ul li{width:auto;padding:0 10px;height: 30px;
    line-height: 30px;}
	.lm-b-show ul li a{font-size:14px;}
	.lx_nr ul li{width:100%;}
	.lx_nr ul li p{height:60px;}
	.lx_nr ul li .lx_icon{border-right:none;}
	.contact-box{padding:20px 10px;}
	.map-box{padding-top:0;}
}

@media screen and (max-width: 480px){
    #header .logo{top:-15px;}
    #header .nav{
		display: none; float: inherit;margin-top: 0; 
		 top:0px;
		left:0;
		left:0;bottom:0; 
		background: #fff;
		background: rgba(0,0,0,.9);
		z-index: 9999;
		margin-left: 0;
		right:30%;
		padding: 20px 0 20px;overflow-y: auto;
		}
	#main {margin-top:0px;}
	.new-qh ul li{width:80px;height:36px;line-height:36px;}
	.fw-net ul li{width:100%;}
	.join_Bd ul li{width:100%;}
	
	
	
	
	
	
}
@media screen and (max-width: 326px) {
	#header .logo img{width: 130px}
	.menu-button {padding:10px;}
	.fw-net ul li{width:100%;}
	.fot-rt ul li b{font-size:14px;}
	.fot-rt ul li p{font-size:14px;}
	
}