.conbox{width: 1200px;position: relative;margin: auto;clear: both;}

.conbox2{width: 1200px;position: relative;margin: auto}



.tit{width: 100%;position: relative;clear: both;margin: 20px auto;text-align: center;color: #a61d3c}

.tit h1{font-size: 4.1em;margin-top:-10px;}

.tit p{font-size: 2.7em;}

.tit .sp1,.tit .sp2{width: 220px;height: 22px;position: absolute;top: 50%;margin-top: -11px;}

.tit .sp1{background: url(../images/span1bg.png);left: 250px}

.tit .sp2{background: url(../images/span2bg.png);right: 250px}





/*头部*/

.topbox{height: 80px;background-color: #000000;width: 100%;line-height: 80px;border-bottom: 2px solid #ffaf00}

.topbox .logo{width: 231px;height: 80px;position: relative;float: left;}

.topbox ul{float: left;}

.topbox ul a{color: #747685}

.topbox ul li{padding: 0 30px;font-size: 1.8em;float: left;/*background: url(../images/libg.png) no-repeat 0px 20px*/}

.topbox span{display: inline-block;float: right;color: #747685;font-size: 1.8em;background: url(../images/tel.png) no-repeat 0px 28px;padding-left: 30px}





/*banner*/

.banner{width: 100%;position: relative;}/*background-size: 100% 100%;*/

.bn1,.bn2,.bn3,.bn4,.bnyx{position: absolute;z-index: 9;opacity: 0}

.bn1{width: 43.75%;left: 15%;}

.bn2{width: 7.583%}

.bn3{width: 7.583%}

.bn4{width: 15.416%}

.bn2,.bn3,.bn4{bottom:10%;left: 0}

.bnyx{top:0;right: 0;width:24.1666%;}





/*首页新闻资讯*/

.index_news{background-color: #ececec;padding: 20px 0px;}

.index_news .in_video{width: 673px;height: 400px;position: relative;overflow: hidden;float: left;margin-right: 20px;background-color: #000000}



.index_news .zx{width: 500px;float: left;font-size: 2.8em;}

.index_news .zx span{color: #a61d3c}

.index_news .zx a{color: #333;float: right;}



.index_news ul{width: 500px;float: left;}

.index_news ul li{font-size: 1.5em;border-bottom: 1px solid #cccccc;padding-bottom: 5px;margin: 10px auto}

.index_news ul li span{float: right;}

.index_news ul a{color: #666;}





/*首页产品中心*/

.index_pd ul{width: 100%;}

.index_pd ul li{width: 383px;float: left;position: relative;font-size: 1.6em;margin: 20px auto;}

.index_pd ul li img{width: 100%;height: 287px;}

.index_pd ul li .zzao{width: 100%;height: 287px;background: #000000;position: absolute;top: 0;left:0;z-index: 9;opacity: 0.5}

.index_pd ul li .liulan{float: right;background: url(../images/liulanbg.png) no-repeat;padding-left: 25px;color: #666;font-size: 12px;}

.index_pd ul a{color: #333}

.index_pd ul li .pd_titi{border-bottom: 1px solid #cccccc}

.index_pd ul li .spt{border-bottom: 1px solid #a61d3c;padding-bottom: 4px;}

.index_pd ul li:hover .zzao{opacity:0}

.index_pd ul li.on{margin: 20px 25px;}





/*产品列表*/

.productlist ul{width: 100%;}

.productlist ul li{width: 383px;float: left;position: relative;font-size: 1.6em;margin: 20px auto;}

.productlist ul li img{width: 100%;height: 287px;}

.productlist ul li .zzao{width: 100%;height: 287px;background: #000000;position: absolute;top: 0;left:0;z-index: 9;opacity: 0.5}

.productlist ul li .liulan{float: right;background: url(../images/liulanbg.png) no-repeat;padding-left: 25px;color: #666;font-size: 12px;}

.productlist ul a{color: #333}

.productlist ul li .pd_titi{border-bottom: 1px solid #cccccc}

.productlist ul li .spt{border-bottom: 1px solid #a61d3c;padding-bottom: 4px;}

.productlist ul li:hover .zzao{opacity:0}

.productlist ul li.on{margin: 20px 25px;}





/*脚步*/

.footbox{width: 100%;background: #000000;margin-top: -10px;padding:30px 0;font-size: 1.2em;color: #666;border-top: 5px solid #ffaf00;margin-top: 30px;}





/*分页*/

#page{width: 100%;text-align: right;font-size: 1.2em;margin: 30px auto;}

#page span{display: inline-block;}

#page a{padding: 5px 10px 5px 10px;color: #333;border: 1px solid #cccccc;margin: 0 5px 0 5px;}

#page a.on{background-color: #283054;color: #fff}

#page a:hover{background-color: #cccccc;}





/*关于我们*/

.gywm_left{width: 300px;position: relative;float: left;margin-top: 20px}

.gywm_left img{width: 100%;position: relative;}



.gywm_right{width: 900px;position: relative;float: right;margin-top: 20px}

.gywm_right_p{font-size: 1.4em;color: #666;}

.gywm_right ul{width: 100%;position: relative;margin: 40px auto;}

.gywm_right ul li{width: 100%;position: relative;clear: both;margin: 20px auto;min-height: 271px;}

.gywm_right ul li img{width: 182px;height: 271px;position: relative;margin-right: 20px;float: left;}

.gywm_right ul li .name{margin-left: 202px;width: 110px;height: 30px;font-size: 1.6em;color: #fff;border-radius: 10px;background: #bc1b20;text-align: center;line-height: 30px;}

.gywm_right ul li p{font-size: 1.2em;position: relative;margin: 30px auto;color: #666}





/*联系我们*/

.lxwmcl{width: 320px;min-height: 180px;position: relative;border: 1px solid #cccccc;text-align: center;margin:60px 29px;float: left;padding: 10px;}

.titpt{position: absolute;top:-51px;left: 50%;margin-left: -51px;}

.lxwmcl .p1{margin: 50px 0 10px;font-size: 1.8em;color: #333}

.lxwmcl .p2{font-size: 1.5em;color: #333}





/*人才招聘*/

.rczp_left{width: 493px;position: relative;float: left;}

.rczp_left img{width: 100%;}

.rczp_right{width: 680px;position: relative;float: right;}

.rczp_right ul{width: 100%;position: relative;}

.rczp_right ul li span{float: right;}

.rczp_right ul li {width: 100%;position: relative;clear: both;margin: 10px auto;font-size: 14px;border-bottom: 1px dashed #cccccc;}

.rczp_right ul a{color: #333}





/*新闻列表*/

.xxk{width: 100%;position: relative;text-align: center;clear: both;}

.xxk a{display: inline-block;width: 130px;height: 44px;border: 1px solid #cccccc;text-align: center;line-height: 44px;border-radius: 10px;font-size: 1.6em;margin: 10px 10px;color: #666}

.xxk a.on{background-color: #ffb70a;color: #fff}

.xxk a:hover{background-color: #ffb70a;color: #fff}



.gsdt{width: 100%;position: relative;clear: both;margin: 30px auto;}

.gsdt li{width: 365px;float: left;height: 300px;margin: 10px auto;position: relative;border-radius: 0px 30px;overflow: hidden;}
.gsdt li img{width: 100%;height: 300px;}
.gsdt .time2{padding-left: 20px;position: absolute;text-align:left;height: 40px;background-color: rgba(0,0,0,0.5);color: #fff;line-height: 40px;font-size: 1.4em;width: 100%;left: 0;top: 0}
.gsdt .tit2{padding-right: 20px;position: absolute;text-align:right;height: 40px;background-color: rgba(0,0,0,0.5);color: #fff;line-height: 40px;font-size: 1.4em;width: 100%;left: -20px;bottom:0;}


/*
.gsdt li .time{width:45px;float: left;position: relative; }

.gsdt li .time img{width: 100%;height: 48px;}

.gsdt li .time span{display: block;width: 100%;text-align: center;font-size: 1.5em;color: #666;}

.gsdt li .con{width: 320px;position: relative;float: left;}

.gsdt li .con img{width: 100%;}

.gsdt li .con h1{font-size: 1.6em;border-bottom: 1px solid #cccccc;padding-bottom: 10px;font-weight: 300}

.gsdt li .con a{color: #333}

.gsdt li .con p{font-size: 1.4em;color: #666}

.gsdt li .con p a{display: block;float: right;color: #666}
*/
.gsdt li.on{margin: 10px 52px;}



.mtbd{width: 100%;position: relative;clear: both;margin: 30px auto;display: none;}

.mtbd li{width: 365px;float: left;min-height: 317px;margin: 10px auto;position: relative;}

.mtbd li .time{width:45px;float: left;position: relative; }

.mtbd li .time img{width: 100%;height: 48px;}

.mtbd li .time span{display: block;width: 100%;text-align: center;font-size: 1.5em;color: #666;}

.mtbd li .con{width: 320px;position: relative;float: left;}

.mtbd li .con img{width: 100%;}

.mtbd li .con h1{font-size: 1.6em;border-bottom: 1px solid #cccccc;padding-bottom: 10px;font-weight: 300}

.mtbd li .con a{color: #333}

.mtbd li .con p{font-size: 1.4em;color: #666}

.mtbd li .con p a{display: block;float: right;color: #666}

.mtbd li.on{margin: 10px 52px;}



.pcnone{display:none;}



/*人才招聘*/

.zhaop2 ul{width: 100%;position: relative;min-height: 400px;}
.zhaop2 ul li{cursor: pointer;width: 240px;height: 160px;background-color: red;border-radius: 30px 0;overflow:hidden;position: relative;float: left;margin: 10px 30px;}
.zhaop2 ul li p{width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;color: #fff;font-size: 1.4em;}
.zhaop2 ul li img{width: 100%;height: 160px;}

.xuesk{width: 100%;height: 100%;position: fixed;z-index: 99;left: 0;top: 0;background-color: rgba(0,0,0,0.7);display: none;cursor: pointer;}
.xuesk.on{display: block;}
.zhaop2_view{display: none;width: 100%;background-color: #eeeeee;padding-bottom: 10px;border-bottom: 2px solid #da810f;min-height: 300px;margin: 20px auto;position: fixed;top:50%;margin-top: -150px;}
.zhaop2_view h1{text-align: center;height: 50px;background-color: #da810f;color: #fff;line-height: 50px;font-size: 2.2em;font-weight: 300;}
.zhaop2_view.on{display: block;}



/*新闻详情*/

.view_h1{width: 100%;position: relative;text-align: center;font-weight: 300;color: #333;font-size: 2em;margin: 30px auto 0px;}

.view_p{width: 100%;font-size: 1.2em;color: #666;text-align: center;margin-bottom: 5px;}

.view_p span{margin: 0 5px;}

.view_div{min-height: 400px;font-size: 1.2em}


.pageList {
	height: 30px;
	margin: 0 auto;
	clear: both;
	padding-top: 11px;
	padding-bottom: 5px;
	width: 500px;
}
.pageList ul li {
	float: left;
	display: inline;
}
.pageList ul.l {
	text-decoration: none;
	float: left;
	color: gray;
	font-family: arial;
	font-size: 12px;
	font-style: normal;
	line-height: 23px;
	padding-left: 10px;
}
.pageList ul.l em {
	font-style: normal;
}
.pageList ul.r {
	float: left;
	font-size: 12px;
	font-family: arial;
	color: #999;
	padding-left: 5px;
	font-weight: normal;
}
.pageList ul.l a {
	text-decoration: none;
}
.pageList ul li {
	line-height: 25px;
	color: #999999;
	float: left;
}
.pageList ul li a {
	border: 1px solid #E4E4E4;
	color: #3A3C3B;
	margin: 0 2px;
	padding: 6px 10px;
	text-decoration: none !important;
}
.pageList ul li a.selected,.pageList ul li a: hover {
	background-color: #ddd;
	color: white;
}




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

	.ipdnone{display: none ! important;}

	.conbox{width: 96%;}

	.conbox2{width: 96%;}

	.index_news .in_video{width: 100%;}

	.index_news .zx{width: 100%}

	.index_pd ul li{width: 100%}

	.index_pd ul li img{height: auto}

	.index_pd ul li .zzao{height: 0}

	.tit .sp1{left: 0}

	.tit .sp2{right: 0}

	.index_news ul{width: 100%}



	.ipnav{width: 40px;height: 40px;position: absolute;display: block;right: 30px;top:20px;z-index: 99;}

	.ipnav img{width: 40px;}



	.topbox ul{width: 100px;position: absolute;right: 0;z-index: 999;background-color:#000333;top: 80px;display: none;}

	.topbox ul li{width: 100%;padding: 0;text-align: center;height: 40px;line-height: 40px;color: #fff;font-size: 14px;border-bottom: 1px solid #fff}



	/*产品列表*/

	.productlist ul li{width: 45%;margin: 2.5% 2.5%;}

	.productlist ul li img{height: auto;}

	.productlist ul li .zzao{height: 0}



	/*新闻列表*/

	.gywm_left{width: 100%}

	.gywm_right{width: 100%}



	/*联系我们*/

	.lxwmcl{width: 100%;margin: 50px 0;padding:0;}



	/*人才招聘*/

	.rczp_right{width: 100%;}

	.rczp_right ul li span{display: block;float: none;}



	/*新闻中心*/

	.gsdt li{width: 100%;}

	.mtbd li{width: 100%;}

}

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

	.ipnone{display: none ! important;}



	.tit .sp1{left: -170px;}

	.tit .sp2{right: -170px;}

	.index_news ul li span{display: block;clear: both;}



	/*产品列表*/

	.productlist ul li{width: 100%;margin:0;}


	.zhaop2 ul li{float: none;margin: 10px auto}




}