*{margin: 0;padding: 0;}
body{margin: auto;font:12px/25px  "microsoft yahei";color: #333;}
ul,li{list-style: none;}
a{text-decoration: none;color: #000;}
a:hover{ color: #FFA202;}
.clear{clear: both;}
/*head*/
.w1200 { width:1200px; margin:0px auto;}
.contain { width:1200px; margin:0px auto;}
.fl{ float: left;}
.fr{ float: right;}
.top{background-color: #e2e2e2;height: 30px;line-height: 30px;}
.top .w1200{display: flex;justify-content: space-between;}
.top .w1200 p a{color: #000;}
.top i{background: url(../images/top_tel.png) no-repeat left center;padding-left: 13px;margin-left: 10px;}
.logo img{margin: 15px 0px;}

.dhbg{background: url(../images/bg_nav.png);height: 49px;line-height: 48px;}
.nav .yjlm{float: left;background: url(../images/line_nav.png) no-repeat right top;width: 200px;height:49px;text-align: center;}
.nav .yjlm:last-child{background: none;}
.nav li a{font-size: 18px;color: #fff;}
.nav li .nav_xl{ display: none;background: #3467b6;text-align: center; position: absolute; z-index: 10000;}
.nav li .nav_xl .nav_xlnr{clear: both;line-height: 40px;margin: 0;padding: 0;}
.nav li .nav_xl .nav_xlnr a{border-bottom-style: none;padding: 0;font-size: 16px;display: block;}
.nav li:hover .nav_xl{display: inherit;z-index: 10000;position: relative;}
.nav_xlnr:hover{background: #f78400;}

.title{color: #2d589a;font-size: 26px;font-weight: bold;text-align: center;margin-top: 60px;}
.title span{color: #f78400;}
.title p{font-size: 12px;font-weight: normal;}
.line{background: url(../images/icon_gs.png) no-repeat center center;height: 40px;margin-bottom: 30px;}
.company {
	background: url("../images/about.jpg") no-repeat center;
	position: relative;
	padding: 88px 0 88px;
	margin-top: 100px;
}
.company .com-right {
	font-size: 16px;
	width: 50%;
	float: right;
}
.company .com-right .com-title {
	margin-bottom: 25px;
}
.company .com-right .com-title b {
	font-size: 36px;
	color: #2d589a;
	font-weight: 500;
	position: relative;
	display: inline-block;
}
.company .com-right .com-title b:after {
	display: block;
	content: '';
	width: 60px;
	height: 2px;
	background: #8b8b8b;
	position: absolute;
	left: 0;
	bottom: -20px;
}
.company .com-right .com-title small {
	font-size: 18px;
	color: #878787;
}
.company .com-right span {
	display: block;
	font-size: 25px;
	color: #575757;
	margin-bottom: 40px;
}
.company .com-right p {
	width: 285px;
	height: 50px;
	line-height: 50px;
	background: #2d589a;
	text-align: center;
	font-size: 24px;
	color: #fff;
	border-radius: 5px;
	margin-bottom: 25px;
}
.company .com-right small {
	line-height: 30px;
}
/* .company .contain {
	position: relative;
	height: 100%;
} */
.company .contain > p {
	float: right;
	font-size: 24px;
	color: #fff;
	background: url("../images/tel2.png") no-repeat right center;
	background-size: 60px;
	padding-right: 86px;
	line-height: 67px;
	margin-top: 14px;
}
.company .contain > p b {
	font-size: 40px;
}

.line2{background: url(../images/icon_cp.png) no-repeat center center;height: 40px;margin-bottom: 30px;}
.cpfl{width: 258px;background: url(../images/icon_fl.png) no-repeat 30px 30px #2d589a;padding: 20px 0px 0;float: left;}
.lists{width: 930px;float: right;}
.cpfl .zi{font-size: 18px;font-weight: bold;color: #fff;margin-left: 75px;}
.cpfl p{font-weight: normal;font-size: 14px;color: #fff;margin-left: 75px;}
.flnr{background-color: #f5f5f5;margin-top: 10px;border: 1px solid #fff;}
.flnr dl dt{height: 32px;background: url(../images/icon_fl2.png) no-repeat 20px 14px #ededed;}
.flnr dl{margin-top:19.8px;}
.flnr dt a{font-size: 14px;font-weight: bold;margin-left: 50px;line-height: 32px;}
.flnr dl dd{background: url(../images/icon_fl3.png) no-repeat 40px center;height: 38px;line-height: 38px;}
.flnr dl dd a{margin-left: 60px;font-weight: normal;}
.flnr dl:last-child dt{background: url(../images/icon_fl2.png) no-repeat 20px 22px #2d589a;line-height: 50px;height: 50px;}
.flnr dl:last-child dt a{color: #fff;line-height: 50px;}
.cp_more{text-align: center;}
.cp_more a{font-size: 26px;font-weight: bold;color: #fff;line-height:30px;}

.cpzs{margin-left: 285px;}
.cpzs a{display: block;text-align: center;float: left;margin-right: 15px;margin-top: 20px;}
.cpzs a img{width: 286px;height: 206px;}

.xwdt{height: 480px;background-color: #f5f5f5;padding-top: 1px;margin-top: 80px;}
.line3{width: 925px;border-bottom: 1px solid #2d589a;font-size: 12px;font-weight: normal;margin-left: 137px;margin-bottom: 30px;}
.xw{width: 580px;float: left;}
.xw img{float: left;}
.xw .vtime{float: right;margin-top: 10px;}
.xw dl{background: url(../images/icon_new.png) no-repeat left center;margin-left: 180px;border-bottom: 1px dashed #adadad ;line-height: 42px;}
.xw dl a{margin-left: 26px;}
.xwr{width: 580px;float: right;}
.xwr img{float: left;}
.xwr .vtime{float: right;margin-top: 10px;}
.xwr dl{background: url(../images/icon_new.png) no-repeat left center;margin-left: 180px;border-bottom: 1px dashed #adadad ;line-height: 42px;}
.xwr dl a{margin-left: 26px;}
#wrap3 {width: 100%;background: url(../images/lxwm.png) no-repeat center center;color: #fff;height: 320px;}
.lx dl {margin-left: 20px;float: left;width: 790px;margin-top: 80px;}
.lx dl span {font-size: 20px;font-weight: bold;	}
.lx dl dd {	font-size: 26px;font-weight: bold;}
.lx dl p {margin-bottom: 20px;font-size: 12px;}
.lx dl dt {background: url(../images/dh.png) no-repeat left center;font-size: 16px;font-weight: 600;padding-left: 30px;width: 240px;float: left;margin-bottom: 15px;
	height: 23px;line-height: 23px;}
.lx ul {float: left;width: 330px;margin-top: 80px;}
.lx ul li {background: url(../images/tel.png) no-repeat left center;height: 27px;line-height: 27px;padding-left: 33px;font-size: 25px;font-weight: 600;
	margin-bottom: 25px;}
.lx ul p {font-size: 20px;line-height: 28px;}

.line4{background: url(../images/icon_adv.png) no-repeat center center;height: 40px;margin-bottom: 30px;}
/*优势*/
.adv{background: url(../images/ysbj.jpg) no-repeat center center;}
.ys_bg1 {
	/* background: url(../images/ys_bg1.jpg) center top no-repeat; */
}
.ys_bg2 {
	/* background: url(../images/ys_bg2.jpg) center 1032px no-repeat; */
	height: 1762px;
}
.ys {
	width: 960px;
	margin: 0 auto;
	padding-top: 64px;
}
.y_tit {
	text-align: center;
	margin-bottom: 103px;
}
.y_tit em {
	display: block;
	color: #aaa;
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 12px;
}
.y_tit span {
	color: #222;
	font-size: 20px;
	font-weight: normal;
	display: block;
	margin-top: 10px;
}
.ys_part {
	overflow: hidden;
	zoom: 1;
	position: relative;
	height: 1440px;
}
.ys_part dt {
	color: #00a1e9;
	font-size: 28px;
	font-weight: bold;
	line-height: 32px;
	margin-bottom: 18px;
}
.ys_part dd {
	margin-left: 35px;
	line-height: 20px;
	color: #555;
	font-size: 14px;
	margin-bottom: 12px;
	background: url(../images/ys_li.gif) left 6px no-repeat;
	padding-left: 20px;
}
.ys_part dd em {
	color: #ff6600;
	font-weight: bold;
}
.ys_part dl {
	position: absolute;
}
.ys_part .y_dl1 {
	width: 456px;
	left: 0px;
	top: 50px;
}
.ys_part .y_dl2 {
	width: 480px;
	right: 1px;
	top: 410px;
}
.ys_part .y_dl3 {
	width: 470px;
	left: 0px;
	top: 816px;
}
.ys_part .y_dl4 {
	width: 458px;
	right: 0px;
	top: 1146px;
}
.y_dl1 dt {
	margin-left: 5px;
	background: url(../images/one.gif) left center no-repeat;
	padding-left: 42px;
}
.y_dl2 dt {
	background: url(../images/two.gif) left center no-repeat;
	padding-left: 56px;
}
.y_dl3 dt {
	background: url(../images/three.gif) left center no-repeat;
	padding-left: 49px;
	height: 67px;
}
.y_dl4 dt {
	background: url(../images/four.gif) left center no-repeat;
	padding-left: 58px;
}
.hold {
	position:absolute;
	width:450px;
	height:450px;
	clip:rect(0px,450px,225px,225px);
	left:0px;
	z-index: 1;
}
.pie {
	position:absolute;
	width:450px;
	height:450px;
	clip:rect(0px,225px,450px,0px);
	-moz-border-radius:225px;
	-webkit-border-radius:225px; 
	border-radius:225px; 
	background-color:#b4462d;
	-moz-transform:rotate(60deg);
	-webkit-transform:rotate(60deg);
	-o-transform:rotate(60deg);
	transform:rotate(60deg);
	z-index: 99;
}
.pie img{
	position:absolute;
	width:121px;
	height:91px;
	top:40px;
	left:80px;
	-moz-transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg);
	-o-transform:rotate(-60deg);
	transform:rotate(-60deg);
}
.pieborder{
	border:1px solid #fff;
	width: 0px;
	height: 225px;
	position: absolute;
	top:0px;
	left:225px;
	z-index: 999;
}
.piespan{
	position:absolute;
	top:0px;left:0px;
	width: 100%;
	height: 100%;
	-moz-border-radius:225px;
	-webkit-border-radius:225px; 
	border-radius:225px; 
	display: none;
	background: rgba(0,0,0,.5);
}
.pie:hover .piespan{
	display: block;
}
.yuanxin{
	width: 180px;
	height: 180px;
	background: #fff;
	border-radius: 90px;
	position: absolute;
	top:135px;
	left: 135px;
	z-index: 4;
}
.yuanxinc{
	display: block;
	padding-top:70px;
	width: 180px;
	text-align: center;
	color:#1f1f1f;
	font-size: 24px;
	font-weight: bold;
}
.yuanxinc1{
	display: block;
	width: 180px;
	text-align: center;
	color:#1f1f1f;
	font-size: 14px;
}
.erjimenu{
	width: 1055px;
	text-align: center;
	height: 40px;
	padding-bottom: 20px;
	overflow: hidden;
}
.erjimenu a{
	display: inline-block;
	line-height: 40px;
	font-size:14px;
	padding-right: 5px;
	color:#464646;
}
.jpzs{background-color: #f5f5f5;height: 420px;padding: 1px 0px;}
.line5{background: url(../images/icon_jp.png) no-repeat center center;height: 40px;margin-bottom: 30px;}
#demo {
	overflow: hidden;
	width: 1180px;
	margin-top: 20px;
	margin-left: 10px;
}
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
	overflow: hidden;
}
.dllist1 {
	margin: 0px auto;
}
.dllist1 dl {
	float: left;
	margin: 0px 10px 0px 10px;
	line-height: 32px;
	text-align: center;
}
.dllist1 dl a {
	width: 220px;
	height: 160px;
	display: inline-block;
	overflow: hidden;
}
.dllist1 dl img {
	width: 220px;
	height: 160px;
	cursor: pointer;
	transition: all 0.6s;
}
.dllist1 dl img:hover {
	transform: scale(1.1);
}


/*footer*/
.footer{background-color: #3e3e3e;padding: 40px 0 10px;}
.foot_nav{width: 33%;float: left;}
.footer p{color: #fff;font-size: 18px;font-weight: bold;margin-bottom: 30px;}
.foot_nav li{border-bottom: 1px solid #fff;width: 120px;float: left;margin-right: 30px;line-height: 50px;}
.foot_nav li a{color: #fff;font-size: 14px;}
.lxwm{width: 33%;float: left;margin-bottom: 20px;}
.lxwm li{font-size: 14px;color: #fff;line-height: 35px;margin-top: 55px;}
.ewm{width: 33%;float: left;}
.ewm img{margin-top: 30px;}
.bqsy{text-align: center;color: #fff;}
.banquan{ width: 100%;text-align: center;color: #fff;}


.prolist{}
.prolist dl{ float: left; width: 270px; height: 240px; display: block; margin: 15px 10px 0px 10px; border: 1px solid #CCCCCC; text-align: center;}
.prolist dl dt{ text-align: center;}
.prolist dl img{ margin: 3px;  display: block; padding: 1px; border: 1px solid #EEE; height: 200px; text-align: center;}


.message{line-height:24px;}
.message dt{float:left;clear:both;width:80px;margin-left:20px;height:30px;margin-top:10px;}
.message dd{float:left;margin-top:10px;}
.message input{line-height:24px;height:24px;}
.message p{clear:both;margin-left:200px;}
.sub{height:30px;width:60px;display:block;float:left;margin-left:30px;}
.e2 li{line-height:52px;background-image:url(../images/cion.jpg);background-position:left center;padding-left:10px;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#CCCCCC;	background-repeat:no-repeat;}
.e2 li span{float:right;}
.listimg{width:219px;float:left;margin:0px 5px;}
.listimg a{width:219px;}
.listimg a img{vertical-align:middle; width:219px; height:180px;}
.listimg p{line-height:40px; height:40px; text-align:center; width:219px; margin:0px auto;}
.slt{overflow:hidden;margin-top:10px;margin-bottom:10px;}
.timeBar{color:#666;line-height:36px;text-align:center;margin-top:20px;margin-right:auto;margin-bottom:10px;margin-left:auto;}
.time{background-color:#f3f3f3;border:1px solid #dedede;}
.guidbar_next{overflow:hidden;padding:10px 0px;border-top:1px solid #dadada;margin-top:20px;}
.guidbar_next li{width:330px;font-size:12px;color:#666;}
.guidbar_next li a{color:#333;}
.pre{text-align:left;float:left;}
.next{text-align:right;float:right;}
.page{padding-top:20px;padding-left:40px;height:30px;clear:both;}
.page strong{font-size:12px;}
.page li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #CCCCCC;}
.page li a{float:left;padding:2px 4px 2px;color:#333;display:block;line-height:17px;}
.page li a:hover{color:#000;text-decoration:none;padding:2px 4px 2px;}
.title3{height:36px; line-height:36px; color:#fff; font-size:14px; font-weight:bold; padding-left:10px; background-color:#1348ac;}
.title3 span{ float:right; color:#fff; padding-right:10px;}
.title3 a{ color: #fff;}
.content{line-height:36px;font-size:13px; padding:10px; }
.content p{ }
.content p a{ }
.mt5{ text-align: center;}
.ileft{ width:280px; float:left; margin-right:20px;margin-bottom: 20px;}
.iright{ width:900px; float:left;margin-bottom: 20px;}
.icpfl{ width: 280px;  background: #2d589a; }
.cpt{ height: 80px; background: #23467a; text-align: center; font-size: 22px; color: #fff; line-height: 80px;}
.cpt span{ font-size: 16px; padding-left: 6px;}
.cpb{ padding: 30px 20px;}
.cpb li{ height: 28px; line-height: 28px; background: #f8f8f8; text-align: center;}
.cpb li a{ font-size: 18px; color: #333333; display: block;}
.cpb li:hover{ background: #23467a;}
.cpb li:hover a{color: #fff;}
.cpb:nth-child(2) ul{ padding: 10px 0px}
.cpb ul dd{ line-height: 35px; text-align: center;}
.cpb ul dd a{ font-size: 14px; color: #ffffff; display: block;}
.cpb ul dd:hover{ background: #f8f8f8;}
.cpb ul dd:hover a{ color: #333;}
.nlx{ margin-top: 20px;}
.nlxt{ height: 40px; line-height: 40px; background: #2d589a; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ background: #f4f5f7; padding: 10px; line-height: 30px; font-size: 14px;}
.mup{background-color: #2d589a; height:42px;line-height: 42px;color:#fff; font-size:14px; padding-left: 30px;}
.mup a{color: #fff;}
.mup p{height:42px;float:left;padding-left: 15px;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#fff;}
.mup span a:hover{color:#ef8008;}
.sbj{ margin: 40px auto;}
.rytp{width:210px;float:left;margin:0px 5px;}
.rytp a{width:210px;height:210px;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:40px;height:40px;text-align:center;width:210px;margin:0px auto;}