@charset "utf-8";
/* CSS Document */
*{margin:0px;padding: 0;font-size: 14px;color: #333; font-family: "微软雅黑";}
a{color: #333;text-decoration:none;outline:none; }
a:hover{text-decoration: none;}
ul,li,ol{list-style:none;}
a:hover{ color:#4680d1;}
b{font-weight: normal}
em,i{ font-style:normal;}
ol{ list-style:none;}
h1{font-weight: normal}
input{outline: none;border: none;display: block;}
dl{list-style: none}
dd{margin: 0}
img{border: none}
.clear{clear: both}
	.header{max-width: 1200px;width: 1200px; margin: 0 auto}
	.logo{float: left;margin-top: 16px}
	.nav{ float: right; width:950px; margin:0 auto;}
	.nav>ul{ float:right; position:relative; z-index:99;width:949px; height:42px; margin:0 auto;padding-left:75px}
	.nav>ul>li{ float:left;background-image: url(../image/nav.png);background-position: right center;background-repeat: no-repeat;}
	.nav>ul>li:nth-of-type(9){background-image:url();}
	.nav >ul >li>a{  font-size:15px;color:#4d4c4c;  padding:0 23px;float:left}
	.nav >ul >li>a:hover{color:#0168b7 }
	.nav ul li dl a{ font-size:14px; color:#888888; background-image:none}
	.nav ul li dl a:hover{ color:#008fd5; padding-bottom:20px;}
	/* 二级下拉 */
	.nav ul li dl { position:absolute; top:42px; left:90px; background: #f0f0f0; border-top: 1px solid #dfdfe0; height:220px; width:900px; overflow:hidden; 
	padding:30px 30px;padding-bottom: 0;display:none;}
	.nav ul li dl dt{ float:left; width:300px;}
	.nav ul li dl dt ul{width:394px; padding:0px; margin:0px;}
	.nav ul li dl dt ul li{ float:left; padding:10px 0  10px 0; margin-right:10px; height:24px; line-height:24px; width:135px;border-bottom: 1px solid #8c8c91; margin-left:17px }
	.nav ul li dl dt ul li a{ width:130px; color:#000; font-size:15px;display: block;text-align: center}
	.nav ul li dl dt ul li a:hover{ background:none; font-weight: bold; }

	.nav ul li dl dd ul { float:right; width:560px; margin:0 auto;}
	.nav ul li dl dd ul li {width:250px; float:left; padding-left:30px; }
	.nav ul li dl dd ul li a { display: block; padding: 10px 10px 0;color:#000;display: block;text-align: center}
	.nav ul li dl dd ul li a:hover {color:#008fd5;}
	.nav ul li dl dd ul li a span{ display: block; line-height:40px; height: 40px; overflow: hidden; font-size: 15px; }
	.header_top{margin-top: 11px;margin-bottom:11px;float: right}
	.header_top a{margin-right: 10px}
	.header_ic,.header_ic a,.header_sea{float: left}
	.header_ic img{margin: 10px 0px}
	.header_sea{margin-left: 12px;width: 182px;}
	.header_sea input{display: block;background-color: #f0f0f0;padding-left: 14px;line-height:32px;width: 132px;background-image:url(../image/search.png);background-repeat: no-repeat;background-position: 145px center;color: #999;width: 168px; margin-right: 2px;}
	/*banner*/
	.banner_box{position: relative;margin: 0 auto;overflow: hidden;height:279px;width: 100%}
	.banner{position: relative}
	.banner img{position:absolute;left:50%;margin-left: -960px;}
	/*下导航*/
	.nav_bo{background-color: #1171ba;line-height: 58px;}
	.nav_bo ul{max-width: 1200px;margin: 0 auto}
	.nav_bo li{padding: 0 32px;float: left;}
	.nav_bo li a{color: #fff;font-size: 16px;font-weight: bold;}
	.nav_bo li:hover{background-color: #fff}
	.nav_bo li:hover a{color: #1171ba;}
	/*简介*/
	.pro{background-color: #f4f5f6;padding-top: 50px;padding-bottom: 50px;overflow: hidden;}
	.pro_bg{background-color: #fff;max-width: 1200px;width: 1100px;margin: 0 auto; padding:50px;padding-top: 30px; overflow: hidden;padding-bottom: 50px;}
	.pro_ti{border-bottom: 1px solid #ccc;}
	.pro_ti section h1{font-size: 24px;color: #000;float: left;margin-left: 12px;margin-bottom:16px;}
	.pro_po{float: right;margin-top: 8px}
	.pro_po span a{line-height:14px;padding-left: 24px}
	.pro_po p a{line-height:14px;padding-left: 18px}
	.pro_po span{background-image: url(../image/shouye.jpg);background-position: left 4px;background-repeat: no-repeat; float: left}
	.pro_po p{background-image: url(../image/fx.jpg);background-position: left 4px;background-repeat: no-repeat; float: left}
	.pro_co{padding-top:40px;}
	.pro_co h1{color:#0b65a9;font-size: 36px;font-weight: bold;margin-bottom: 40px;}
	.pro_co p{font-size: 16px;line-height: 30px;margin-bottom: 20px;}
	.pro_col:nth-of-type(1){margin-top: 40px;}
	.pro_col:nth-of-type(1) p{float: left;width: 550px;height: 260px;text-overflow: ellipsis;background-image: url(../image/new_lc.png);background-position: bottom right;background-repeat: no-repeat;margin-top: 20px}
	.pro_col:nth-of-type(1) img{float: right;margin-bottom: 30px}
	.pro_col:nth-of-type(2) p{float: right;width: 550px;height: 260px;text-overflow: ellipsis;background-image: url(../image/new_lc.png);background-position: bottom right;background-repeat: no-repeat;margin-top: 30px;}
	.pro_col:nth-of-type(2) img{float: left;margin-top: 20px;}
/*底部*/
	.footer_top{background-color: #2c81c3;width: 100%;overflow: hidden}
	.footer_topcon{max-width: 1200px;width: 1200px; margin:0 auto;}
	.footer_logo{float: left;margin: 10px;margin-left: 0;}
	.footer_topcon span{float: left;line-height: 57px;color: #fff;border-left: 1px solid #5298ce;padding-left:27px;margin-left: 70px;margin-top: 14px;font-size: 18px;}
	.footer_topcon ul{float: right;margin-right:20px;margin-top: 31px;}
	.footer_topcon li{padding: 0 19px;float: left}
	.footer_topcon li a{line-height:18px;;font-size: 18px;color: #fff;}
	.footer_con{padding:30px 39px;padding-bottom: 20px;background-color: #0168b7}
	.footer_conco{max-width: 1200px;width: 1200px; margin:0 auto;display: flex;justify-content: space-between}
	.footer_conco *{color: #fff}
	.footer_conco dl{float: left;margin-right: 102px;}
	.footer_conco dl:nth-of-type(7){margin-right:0}
	.footer_conco dt{margin-bottom: 16px;}
	.footer_conco dt a{padding-bottom: 10px;font-size: 16px;font-weight: bold;display: block;}
	.footer_conco dl:nth-of-type(3) dt{width: 64px;}
	.footer_conco dt:hover a{color: #fff;}
	.footer_conco dt:hover{border-bottom: 1px solid #fff;margin-bottom: 15px}
	.footer_conco dd a{font-size: 13px;line-height: 29px;display: block;color: #88acc7; width: 100%}
	.footer_conco dd a:hover{color:#fff }
	.footer_fo{background-color: #404040;}
	.footer_foco{max-width: 1200px;width: 1200px; margin: 0 auto;}
	.footer_foco span a{color:#fff;line-height: 54px;float: left;}	

.items1 ul li {float: left; margin-top: 20px;margin-right: 13px;}
.items1 ul li img {border: 1px solid #D4D4D4;height: padding: 4px;}
.items1 ul li span {display: block;line-height: 20px; text-align: center;font-size: 14px; color:#686666}

.pic{width:100%;height:279px;overflow:hidden;}
.pic ul li{width:100%;height:279px;position:relative;}
.pic_xx{width: 1200px;position: relative;margin: 0 auto}
.pic ul li img{position:absolute;right:10px;top:100px;}
.banner{
position: relative;
overflow: hidden;
}
.banner-view{
	position: absolute;
	height: 279px;
 
	background-color: #090b22;
	background-repeat: no-repeat;overflow: hidden;
}
.banner-view i{
	position: relative;
	display: block;
	float: left;
	background-repeat: no-repeat;
}
.banner-btn{
	position: absolute;
	width: 100%;
	height: 0;
	top: 45%;
	font-size: 20px;
	z-index: 1000;
}
.banner-btn span{
	display: block;
	float: left;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	color: #74dcff;
	cursor: pointer;
	font-weight: 800;
}
.banner-btn span:hover{
	background-color: rgba(0,0,0,0.6);
}
.banner-btn span + span{
	float: right;
}
.banner-number{
	position: absolute;
	bottom: 35px;
	width: 100%;
	height: 0;
	font-size: 0;
	text-align: center;
	z-index: 1000;
}

.banner-number  > *:hover,
.banner-number  > *.on{
	background-color: #ffc300;
}
.banner-progres{
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 3px;
	z-index: 1000;
}
.banner-progres i{
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 3px;
	display: block;
	height: 100%;
	width: 0;
}
#banner1,#banner2{overflow: hidden}
.htmleaf-container{position:absolute;left:50%;margin-left:-960px}