@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;height: 43px;line-height: 43px;margin-right: 17px;}
	.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 {width:100%;height:700px;background:#fff;overflow:hidden;position:relative;}
	.banner ul { position:absolute; left:0; top:0;width: 100%}
	.banner ul li {display:block;width:100%;height:700px;z-index:100;}
	.banner ul li img{position: absolute;left: 50%;margin-left: -960px;}
	.banner .con { position:absolute; left:50%; bottom:3%;z-index:101;margin-left: -55px;width: 110px;display: flex;justify-content: space-between}
	.banner .con a { float:left; margin-right:8px; display:block; width:20px; height:20px; border-radius:100%; background:#a9a8ab;z-index:101;}
	.banner .con a.active { background:#fff;}
	.banner .u { width:30px;height:20px;background:rgba(255,255,255,0.5); display:none;}
	.banner .left { position:absolute; top:40%;left:2%;z-index:103;}
	.banner .right { position:absolute; top:40%;right:2%;z-index:103;}

	/*.banner_box{position: relative;margin: 0 auto;overflow: hidden;height: 878px;width: 100%}
	.banner{position: relative}
	
	.banner_btn{position: absolute;bottom: 36px;left:50%;margin-left: -55px;width: 110px;display: flex;justify-content: space-between}
	.banner_btn span{display: block;width: 20px;border-radius: 50%;background-color:#a9a8ab;line-height: 20px;text-align: center;color: #fff;font-size: 13px;font-family: "宋体";float: left}
	.banner_btn .cur{background-color: #ff002d;}*/
	/*新闻简介*/
	.new_about{padding-top: 55px;max-width: 1200px;width: 1200px; margin: 0 auto;}
	/*简介*/
	.about_col{float: left;background-color: #f5f5f5;width: 426px;padding: 0 33px;padding-top: 40px;margin-right: 29px;padding-bottom: 26px;}
	.about_ti h1 a{display: block;font-size: 20px;color: #181818;font-weight: bold;float: left}
	.about_ti span a{display: block;color: #b3b3b3;font-weight: bold;float: left;line-height: 27px;margin-left: 8px}
	.about_ph{margin-top: 16px}
	.article h1 ,.article span {padding-top:6px}
	.article h1 a,.article span a{line-height:54px;}
	.article h1 a{font-size:17px;color: #393838;font-weight: bold;float: left}
	.article span a{font-family:"Georgia";font-size:12px;color: #797878;float: left;margin-left: 10px}
	.article p a{font-size: 13px;line-height: 23px;color: #797878;}
	.art_ti p a:hover{ color:#4680d1}
	.article h1 a:hover{ color:#4680d1}
	.about_tel{margin-top: 25px;}
	.about_tel a:nth-of-type(1) input{font-size:31px;font-family: "Candara";font-weight: bold;color: #fff;background-image: url(../image/tel.png);background-repeat: no-repeat;background-position: 9px center;padding-left:50px;background-color:#ff8600;width: 234px;line-height: 43px;margin-right: 2px;float: left;cursor: pointer}
	.about_tel a:nth-of-type(2) input{font-size:24px;color: #fff;text-align: center; background-color: #0168b7;width: 46px;line-height: 43px;float: left;cursor: pointer}
	.about_ph{width: 425;overflow: hidden}
	.about_col:hover img{transform: scale(1.2);transition: 2s}
	.about_ph img{width: 100%}
	/*新闻*/
	.news_col{float: left;padding-top:40px;}
	.news_left{float: left;width: 360px;margin-right: 29px;}
	.news_ti h1 a{ display: block; font-size: 20px;color: #181818;font-weight: bold;float: left}
	.news_ti span a{display: block;color: #b3b3b3;font-weight: bold;float: left;line-height: 27px;margin-left: 8px}
	.news_ph{margin-top: 16px}
	.article_new{padding: 0 20px;border: 1px solid #e6e6e6;padding-bottom:38px}
	.article_new h1,.article_new span{line-height:54px;padding-top:6px}
	.article_new span{margin-left: 10px}
	.article_new h1 a{font-size:17px;color: #393838;font-weight: bold;float: left}
	.article_new span a{font-family:"Georgia";font-size:12px;color: #797878;float: left;}
	.article_new p{font-size: 13px;line-height: 23px;color: #797878;}
	.article_new aside span {margin-top: 15px;float: left;margin-right: 10px}
	.article_new aside span a{font-size: 18px;font-family: "Arial";font-weight: bold;}
	.article_new aside span:hover{ color: #ff8600}
	.article_new aside a input{font-size: 13px;color: #fff;border-radius: 50%;background-color:#008cd0;line-height: 22px;margin-top: 36px; width: 22px;text-align: center;float: left;}
	.news_ri{float: right;width: 280px;height: 426px;margin-top: 50px}
	.news_ri section{margin-bottom: 18px}
	.news_ri time{color: #666666;background-image: url(../image/time.jpg);background-repeat: no-repeat;background-position: left center;padding-left: 18px;height: 473px;}
	.news_ri span{margin-top:12px;display: block;}
	.news_ri span a{color: #333}
	.news_ri span:hover a{color: #4680d1}
	.news_ri time:hover{color: #4680d1}
	.article_new .more:hover a{color: #ff8600}
	.article_new .more:hover input{background-color: #ff8600}
	.article_new h1 a:hover{ color:#4680d1}
	.news_left .about_ph{width: 360px;height: 192px;overflow: hidden}
	.news_left:hover img{transform: scale(1.2);transition: 2s}
	/*产品*/
	.product_box{background-image:url(../image/cp_bg.jpg);background-repeat: no-repeat;background-position: center top;margin-top:50px;height: 473px;overflow: hidden}
	.product{max-width: 1200px;width: 1200px; margin: 0 auto;padding-top: 50px}
	.pro_ti h1 a{display: block; font-size:32px;font-weight: bold;color: #fff;text-align: center;width: 100%;margin-bottom: 48px;}
	.pro_con{display: flex;justify-content: space-between}
	.pro_con dl{width: 200px;float: left;}
	.pro_con dt,.pro_con dd{background-color: rgba(0,0,0,0)}
	.pro_con dt{height: 148px;margin-bottom: 1px;padding:16px 0}
	.pro_con dt span{width:152px; height:152px; overflow:hidden;border-radius: 50%;background-color:#fff;margin: 0 auto;display: block;position: relative;}
	.pro_con dt span img{position: absolute;left: 50%;margin-left:-76px; top:0}
	.pro_con dl:nth-of-type(3) img{position: absolute;left: 50%;margin-left:-76px; top:0}
	.pro_con dd{height: 80px;padding-top: 20px}
	.pro_con dd h1 a{display: block; text-align: center;width: 100%;font-size: 20px;color: #fff;}
	.pro_con dd p a{display: block; text-align: center;width: 100%;font-size: 16px;color: #fff;line-height: 24px}
	.pro_con dl:hover dd h1 a{color: #008cd0;}
	.pro_con dl:hover dd p a{color: #008cd0;}
	.pro_con dl:hover dt span{background-color: #008cd0}
	.pro_con dl:hover .pro_1{display: block;}
	.pro_con dl:hover .pro_2{display: none;}
	.pro_con dl:hover img{z-index: 10}
	/*工程案例*/
	.case{max-width: 1200px;width: 1200px; margin: 0 auto;margin-top: 60px;overflow: hidden}
	.case_ti{width: 100%;text-align: center;}
	.case_ti h1 a{ display: block; font-size: 31px;font-weight: bold;color: #0168b7;}
	.case_ti p a{display: block; font-size: 15px;line-height: 75px;margin-bottom: 23px;color: #5c5b5b}
	.case_tog{position: relative;height: 277px;width: 1200px}
	.case_col{display: flex;justify-content: space-between;padding: 0 40px;position: absolute;width: 1120px}
	.case_col dl{width: 245px;height: 248px;border: 1px solid #e7e7e7;padding: 10px;float: left; margin-right:10px;}
	.case_col dt{width: 245px;height: 202px;}
	.case_col img{ width: 100%;height: 100%}
	.case_col dd{margin-top: 16px;}
	.case_col dd h1{width: 100%}
	.case_col dd h1 a{font-size:17px;margin-bottom: 5px;display: block; width: 100%;text-align: center;}
	.case_col dd p a{font-size:12px;line-height:23px;color: #797878}
	.case_col dl:hover{box-shadow:0px 4px 8px 0px rgba(140, 140, 140, 0.35);transition:2s;background-color: #0168b7;}
	.case_col dl:hover dd h1 a{color: #fff}
	.case_col dl:hover dd p a{color: #fff}
	/*压力容器定制专家*/
	.zj{max-width: 1200px;width: 1200px; margin: 0 auto;margin-top: 60px;}
	.zj_le{float: left}
	.zj_letop{background-image:url(../image/case_bg.jpg);width:544px;height: 282px;text-align: center;}
	.zj_letop h1 a{display: block;font-size: 31px;font-weight: bold;color: #0168b7;padding-top: 50px;}
	.zj_letop p{padding: 0 30px}
	.zj_letop p a{display: block; font-size: 18px;margin-top: 24px;line-height: 27px;margin-bottom: 30px;text-align: center;padding: 0 15px}
	.zj_letop span{display: block;background-color: #3b3739;width: 113px;height: 1px;margin-bottom: 20px;margin: 0 auto;margin-bottom: 22px;}
	.zj_letop input{padding-left: 4px; color: #424343;font-size: 13px;text-align: center;line-height:40px;background-color:rgba(0,0,0,0);border: 1px solid #3b3739;margin: 0 auto;width: 134px;}
	.zj_letop input:hover{background-color:#0168b7;color: #fff;border: none}
	.zj_letop input:hover{background-color:#0168b7;color: #fff;border: none}
	.zj_ri{width: 656px;background-color: #f0f0f0;height: 561px;float: right;position: relative;}
	.zj_ri>span{ float: right; width: 110px;height: 100px;color: #fff;font-size: 28px;font-weight: bold;line-height: 36px;letter-spacing: 2px;background-color: #0168b7;text-align: center;padding-top:13px;}
	.zj_ribaph{position: relative}
	.zj_ribaph img{position: absolute;left: 50%;margin-left: -270px;top:116px;}
	.zj_ribabu{position: absolute;right: 50px;bottom: 28px;width: 95px;display: flex;justify-content: space-between}
	.zj_ribabu span{border-radius: 50%;width: 15px;height: 15px; background-color:#fff;float: left;}
	.zj_ribabu .cur{background-color: #ff8600}

	.zj_ribaph{position: relative;height: 560px}
	.zj_ribaph .d1{width:100%;height:450px;display:block;position:absolute;left: 50%;margin-left: -330px;top:90px;}
	.zj_ribaph .d2{height:15px;clear:both;position:absolute;z-index:100;right: 50px;bottom: 28px;width: 140px;display: flex;justify-content: space-between}
	.zj_ribaph .d2 ul{float:left;position:absolute;right:-15px;bottom: -12px;display:inline;width:140px}
	.zj_ribaph .d2 li{border-radius: 50%;width: 15px;height: 15px; background-color:#fff;float: left;margin-right: 20px;}
	.zj_ribaph .d2 li.nuw{background-color: #ff8600}
	/*服务与支持*/
	.service{background-color: #f4f4f4;margin-top: 60px;background-image:url(../image/service_ti.png);background-repeat:  no-repeat;background-position: center  125px;overflow: hidden}
	.ser_con{max-width: 1200px;width: 1200px; margin: 0 auto;padding-top: 52px;}
	.ser_ti h1 a{display: block; width: 100%;text-align: center;margin-bottom: 18px;font-size: 34px;font-weight: bold;color: #0168b7}
	.ser_ti p a{display: block; width: 100%;text-align: center;margin-bottom: 22px;font-size: 18px;color: #666}
	.ser_new{padding: 0 22px;display: flex;justify-content: space-between;}
	.ser_new dl{float: left; width:356px;margin-top: 30px;overflow: hidden;margin-bottom: 46px;margin-right: 40px;}
	.ser_new dl:nth-of-type(3){margin-right: 0}
	.ser_new dt{height: 189px;overflow: hidden;}
	.ser_new dd p{height: 46px;width: 100%;text-overflow: ellipsis}
	.ser_new dd h1 a{font-size: 19px;color: #323232;line-height:63px;}
	.ser_new dd p a{font-size: 12px;color: #78797a;margin-top:22px;line-height: 23px;}
	.ser_new dl:hover dt img{transform: scale(1.1);transition:2s;}
	.ser_new dl:hover a{color: #1171bb}
	/*底部*/
	.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 #fff;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;}	

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

.htmleaf-links a{ color: rgba(255, 255, 255, 0.6);outline: none;text-decoration: none;-webkit-transition: 0.2s;transition: 0.2s;}
.htmleaf-links a:hover,.htmleaf-links a:focus{color:#74777b;text-decoration: none;}
.htmleaf-container{
	margin: 0 auto;position: absolute; left: 50%;margin-left: -960px;
}

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