@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{display: block;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;}
	.nav_bo .cur{background-color: #fff;}
	
	/*简介*/
	.proin{background-color: #f4f5f6;padding-top: 50px;padding-bottom: 50px;}
	.proin_bg{background-color: #fff;max-width: 1100px;width: 1500px;margin: 0 auto;padding:50px;padding-bottom:35px;padding-top: 30px}
	.proin_ti{border-bottom: 1px solid #ccc;}
	.proin_ti section h1{font-size: 24px;color: #000;float: left;margin-left: 12px;margin-bottom:16px;}
	.proin_po{float: right;margin-top: 8px}
	.proin_po span a{line-height:14px;padding-left: 24px}
	.proin_po p a{line-height:14px;padding-left: 18px}
	.proin_po span{background-image: url(../image/shouye.jpg);background-position: left 4px;background-repeat: no-repeat; float: left}
	.proin_po p{background-image: url(../image/fx.jpg);background-position: left 4px;background-repeat: no-repeat; float: left}
	.proin_col{position: relative;}
	.proin_co{padding-top: 30px;}
	.pro_ti h1{font-size: 30px;width: 100%;text-align: center;color: #0b65a9}
	.proin_bph{margin-top:30px;}
	.proin_bph img{margin: 0 auto}
/*详细介绍*/
	.pro_xx{margin-top: 30px;}
	.pro_xxti{font-size:16px;color:#FFF;padding-left: 25px;background-image: url(../image/pro_xx.jpg);background-repeat: no-repeat;background-position: -1px top;width: 100%;line-height:40px}
	.pro_xx p{text-indent: 2em;margin-top:20px;font-size:15px;line-height:30px;}
	.pro_xxph {display: flex;justify-content: space-between;padding: 2em 4em;padding-bottom: 1em;height:307px;width:100%}
	.pro_xxph img{float: left;}
	.pro_xxph img:nth-of-type(1){margin-right: 80px;}
	
/*实力展示*/
	.pro_sl{margin-top: 40px;}
	.pro_slti{padding-bottom:12px;border-bottom: 1px solid #ccc}
	.pro_slti h1{font-size: 18px;font-weight: bold;color: #0b65a9;float: left;}
	.pro_slti span{color: #dedede;text-transform:uppercase;float: left;margin-top:4px}
	.pro_slco p{text-indent: 2em;margin-top:30px;font-size:15px;line-height:30px;}
	.pro_slco ul{display: flex;justify-content: space-between;margin: 20px auto;width: 100%}
	.pro_sl ul{width: 100%}
	.pro_sl ul img{float: left;margin-right: 8px;}
	.pro_xxph img:nth-of-type(3){margin-right: 80px;}
/*厂容厂貌*/
	.pro_cr{margin-top: 40px;}
	.pro_crti{padding-bottom:12px;border-bottom: 1px solid #ccc}
	.pro_crti h1{font-size: 18px;font-weight: bold;color: #0b65a9;float: left;}
	.pro_crti span{color: #dedede;text-transform:uppercase;float: left;margin-top:4px}
	.pro_crco p{text-indent: 2em;margin-top:30px;font-size:15px;line-height:30px;}
.pro_crco aside{height:785px}
	.pro_crco ul{display: flex;justify-content: space-between;margin: 20px auto;width: 100%}
	.pro_crco ul img{float: left}
	.pro_crco ul img:nth-of-type(1){margin-right:3px;}
/*联系华昱*/
	.pro_con{margin-top: 40px;}
	.pro_conti{padding-bottom:12px;border-bottom: 1px solid #ccc;margin-bottom: 40px}
	.pro_conti h1{font-size: 18px;font-weight: bold;color: #0b65a9;float: left;}
	.pro_conti span{color: #dedede;text-transform:uppercase;float: left;margin-top:4px}
	.pro_conco aside{float: left}
	.pro_conco aside h1{font-size: 16px;font-weight: bold;color: #0b65a9;margin-bottom: 10px}
	.pro_conco aside pre{line-height: 30px;}
	.pro_conco section{float: right}
/*切换*/
	.proin_tog{border-top: 1px dashed #ccc;display: flex; justify-content: space-between;margin-top: 40px;}
	.proin_tog h1{float: left}
	.proin_tog h2{float: right}
	.proin_tog h1 a,.proin_tog h2 a{line-height: 86px; font-size:18px;font-weight: normal}
/*产品轮播*/
	.pro_into{background-color: #f4f5f6;padding-top: 50px;padding-bottom: 50px;}
	.pro_intobg{background-color: #fff;max-width: 1100px;width: 1500px;margin: 0 auto;padding:50px;padding-bottom:60px;}
	.pro_intoti{border-bottom: 1px solid #ccc;margin-bottom: 30px;}
	.pro_intoti section h1{font-size: 24px;color: #000;margin-left: 12px;margin-bottom:16px;}
	.pro_intoco{justify-content: space-between;width: 100%}
	.pro_intoco dl{width: 250px;float: left;margin-right: 25px;}
	.pro_intoco dl:nth-of-type(4){margin-right: 0}
	.pro_intoco dt{border: 1px solid #dedede;height: 194px;}
	.pro_intoco dt img{margin: 0 auto;margin-top: 12px;}
	.pro_intoco dd a{display: block;text-align: center;font-size: 17px;line-height: 44px;}
	/*底部*/
	.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:15px;;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;}	
.fan_y{ width:1100px; float:left; line-height:30px; margin:25px auto 0;overflow:hidden; border-top:1px dotted #c5c7c8; padding-top:10px; text-align:left }
.fan_y a span{ margin:0 5px 0 0; font-size:14px;color:#1171ba; font-weight:bold; }
.fan_y a{  padding:0; text-align:left; font-size:14px; color:#575555;}
.fan_y a:hover{ text-decoration:underline;} 
.pro_d{ margin-top:30px;}
.pro_d p{ font-size:15px; line-height:30px;}

.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}