@charset "utf-8";
/* CSS Document */
body,div,a,input,td,select,button{font-size:14px;color:#000; font-family:"Microsoft YaHei";}
img{border:0}
ul,li,form,input,p,select,body,div,span,dl{margin:0;padding:0; font-family:"微软雅黑"}
body{background:#fff;}

html{width:100%;}

li{list-style-type: none;}
input{outline:medium;}
em, b,h1,h2,h3,h4,h5,h6 { font-style:normal;font-weight:500;padding:0;margin:0; }
a:link  { color:#595757; text-decoration:none;}
a:visited  {color:#595757;text-decoration:none;}
a:hover  { color:#fe941e;text-decoration:none;}
textarea{font-family:"Microsoft YaHei";}
.clearfix{ clear:both;}



.web_top{width:100%; margin:0 auto; text-align:center; min-width:1200px; background:url(../images/logobg.png) repeat-x bottom;}
.dh_tel{ text-align:left; height:40px; color:#ffffff; font-size:14px; line-height:40px; background-color:#0178ca;  transition:all 0.2s linear;}
.dh_tel .span1{ padding-left:20px;}
.dh_tel .span2{ padding-right:20px; float:right; display: inline-block; background:url(../images/toptel.png) no-repeat left center; padding-left:30px;}
.dh_tel a{ float:right; margin-right:30px; color:#FFFFFF;}
.dh_tel a:hover{ color:#FF0000;}

.web_menu{ width:100%; height:80px;  }

.web_logo{width:440px; height:80px; float:left; margin-left:20px;background:url(../images/logo.png) no-repeat;transition:all 0.3s linear;}
.dh_menu{width:720px; margin-right:20px;  float:right;}
.dh_menu li.dh_l{margin-left:0; float:right; width:140px; text-align:center;}

.dh_menu li a{color:#000000;position:relative;display:block;padding:20px 0 0px 0; margin-left:0px; font-size:16px; float:left; height:40px; z-index:10; text-align:center; width:140px;}
.dh_menu li span.bkg { display:block; width:0px; height:80px; position:absolute; top:0; background:#f89826; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s; z-index:9}
.dh_menu li:hover  span.bkg,.dh_menu li.cur  span.bkg {width:140px; margin-left:-50%;}
.dh_menu li a span{ display:block; color:#666666; font-size:11px; font-family:Verdana, Arial, sans-serif}
.dh_menu li:hover a{ color:#ffffff;}
.dh_menu li:hover a span{ color:#ffffff;}



.soll_dh_p{height:87px;background:rgba(255,255,255,1.0); box-shadow: 0px 5px 5px rgba(0,0,0,0.1)}
.soll_dh_p .dh_tel{ display:none;}
.soll_dh_p .web_menu{ height:87px;}
.soll_dh_p .web_logo{background:url(../images/logo.png) 0 -95px no-repeat;height:87px;}
.soll_dh_p .web_dh{margin-top:0;}
.soll_dh_p .dh_menu{margin-top:15px;}
.soll_dh_p li a{color:#000000; padding:10px 0 0px 0;}
.soll_dh_p li a:after { background:#0753a4;}
.soll_dh_p .dh_tel{ color:#333333; }


.nav li{

		position:relative;
		text-align:center;
	}
.nav li .sub-nav{
		position:absolute;
		top:80px;
		left:0px;
		width:140px;
		list-style:none;
		background:rgba(255,255,255,0.95);
		display:none;
		z-index:100;
	}
	
	.soll_dh_p .nav li .sub-nav{
		position:absolute;
		top:60px;
		left:28px;
		width:150px;
		list-style:none;
		background:rgba(255,255,255,1.0);
		display:none;
		z-index:100;
	}
	.nav li .sub-nav li{
		text-align:center;
		clear:left;
		width:140px;
		height:40px;
		line-height:40px;
		position:relative;
		border-bottom:1px #FFFFFF solid;
	}
	.nav li .sub-nav li a{
		height:40px;
		line-height:40px;
		width:140px;
		padding:0;
		display:inline-block;
		font-size:14px;
		margin:0px;
		color:#666666;
		
	}
	.nav li .sub-nav li a:hover{color:#000000; height:40px; background-color:#b6b6b6;}
	.nav li .sub-nav li a:after {content:''; display:inline-block; width:0%; height:0px; position:absolute; top:0; background:none; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s; }
	
	.sub-nav li:hover  a:after,.sub-nav li.cur  a:after {width:100%; margin-left:0px; color:#000000}
	
	
	.soll_dh_p li a:after {content:''; display:inline-block; width:0%; height:3px; position:absolute; top:0; background:#0753a4; left:50%; margin-left:0; transition:all 0.25s 0.1s; -webkit-transition:all 0.25s 0.1s; color:#0753a4}
	
	.soll_dh_p li:hover  a:after,.soll_dh_p li.cur  a:after {width:100%; margin-left:-35px; }



.hjianjie{ width:1200px; margin:0 auto; margin-top:60px;}
.hjianjie_1{ width:580px; float:left;}
.hjianjie_1 img{ width:100%;}
.hjianjie_2{ width:560px; float:right;}
.hjianjie_2_1{ font-size:30px; color:#000000; line-height:50px; text-align:left; padding-top:30px;}
.hjianjie_2_1 span{ border-bottom:1px #000000 solid; width:80px;  display:inline-block; vertical-align:5px;}
.hjianjie_2_2{ font-size:16px; color:#000000; line-height:30px; text-align:left; text-transform:uppercase;}
.hjianjie_2_3{ margin-top:40px; text-align:left;}
.hjianjie_2_3 p{ font-size:15px; color:#666666; line-height:30px; margin:15px 0px; text-indent:2em;}
.hjianjie_2_4{ margin-top:30px; text-align:right;}
.hjianjie_2_4 a{ display:block; width:160px; height:40px; background-color:#0178ca; line-height:40px; color:#FFFFFF; font-size:15px; text-align:center;}
.hjianjie_2_4 a:hover{background-color:#f89826;}


.hyoushi{ width:100%; background:url(../images/hysbg1.jpg) no-repeat center; padding:60px 0px; margin-top:60px;}
.hyoushi_1{width:1200px; margin:0 auto;}
.hyoushi_1_1{ width:130px; margin:0 auto; border-bottom:2px #ffffff solid; padding-bottom:10px; font-size:30px; color:#ffffff; text-align:center;}
.hyoushi_1_2{ width:300px; margin:0 auto; padding-top:10px; font-size:16px; color:#ffffff; text-transform:uppercase; text-align:center;}
.hyoushi_2{width:1200px; margin:0 auto; margin-top:50px;}

.hyoushi_2_1{ width:360px; margin-right:60px; background:rgba(255,255,255,0.9); padding:40px 0px; float:left; hyoushi_2_1_2}
.hyoushi_2_1_1{ width:80px; height:80px; margin:0 auto;  }
.hyoushi_2_1_2{ width:360px; text-align:center; margin:0 auto;  margin-top:20px; color:#000000; line-height:30px; font-size:21px;}
.hyoushi_2_1_3{ width:300px; margin:0 auto;text-align:center; margin:0 auto;  margin-top:20px; color:#000000; line-height:24px; font-size:15px; height:72px;}

.hysicon1{background:url(../images/hysicon1.png) no-repeat center;}
.hysicon2{background:url(../images/hysicon2.png) no-repeat center;}
.hysicon3{background:url(../images/hysicon3.png) no-repeat center;}
.hysicon4{background:url(../images/hysicon4.png) no-repeat center;}
.hyoushi_2_1:hover .hysicon1{background:url(../images/hysicon11.png) no-repeat center;}
.hyoushi_2_1:hover .hysicon2{background:url(../images/hysicon22.png) no-repeat center;}
.hyoushi_2_1:hover .hysicon3{background:url(../images/hysicon33.png) no-repeat center;}
.hyoushi_2_1:hover .hysicon4{background:url(../images/hysicon44.png) no-repeat center;}

.hyoushi_2_1last{ margin-right:0px;}
.hyoushi_2_1:hover{ background:rgba(248,152,38,0.9);}
.hyoushi_2_1:hover .hyoushi_2_1_2{color:#ffffff;}
.hyoushi_2_1:hover .hyoushi_2_1_3{color:#ffffff;}


.gongyi{ width:100%; background:#e6e6e6 url(../images/ruijiabg.jpg) no-repeat center top; margin-top:60px; padding:50px 0px;}
.fanwei{ width:1200px; margin:0 auto; }
.title{width:1200px; margin:0 auto;}
.title_1{ width:800px; margin:0 auto; height:60px; line-height:60px; color:#000000; font-size:36px; text-align:center;}
.title_2{width:1200px; margin:0 auto;  line-height:30px; color:#666666; font-size:16px; text-align:center;}
.title_3{ width:800px; margin:0 auto; text-align:center; height:13px; margin-top:0px; font-size:14PX;}
.title_3 img{ margin:0 auto;}
.titwhite{ color:#FFFFFF;}

.gongyi_1{width:1200px; padding-top:40px; overflow-x:hidden; }
.hjiance_2{ width:1230px; margin-top:60px;}
.hjiance_2_1{ width:282px; margin-right:24px; padding:30px 0px 30px 0px; float:left; position:relative; top:0px; background-color:#FFFFFF;
transition: all 0.2s;
-moz-transition: all 0.2s;
-mz-transition: all 0.2s;
-webkit-transition: all 0.2s; 
-o-transition: all 0.2s;}

.hjiance_2_1_1{ width:262px; margin:0 auto; margin-top:10px;}
.hjiance_2_1_1 img{ width:262px;}
.hjiance_2_1_2{ width:100px; height:80px; margin:0 auto; color:#000000; font-size:24px; line-height:80px; margin-top:20px; text-align:left; padding-left:90px; }

.hhyoushi1{background: url(../images/111.jpg) no-repeat center left; background-size:76px 76px; }
.hhyoushi2{background: url(../images/333.jpg) no-repeat center left; background-size:76px 76px; line-height:40px;}
.hhyoushi3{background: url(../images/222.jpg) no-repeat center left; background-size:76px 76px;}
.hhyoushi4{background: url(../images/444.jpg) no-repeat center left; background-size:76px 76px;}

.hjiance_2_1_3{ width:242px; height:90px; margin:0 auto; color:#454545; font-size:15px; line-height:30px; margin-top:30px; text-align:center; overflow:hidden;}

.hjiance_2_1_4{ width:360px; height:4px; margin:0 auto;  margin-top:20px; border-top:1px #e74c3c solid; text-align: center; font-size:0px;}

.hjiance_2_1:hover{top:-15px;
box-shadow:2px 2px 5px #999999;
-moz-box-shadow:2px 2px 5px #999999;
-webkit-box-shadow:2px 2px 5px #999999; 
-ms-box-shadow:2px 2px 5px #999999;
-o-box-shadow:2px 2px 5px #999999; 
}

.gongyi_2{width:1200px; padding-top:30px; text-align:center; }
.gongyi_2_1{ display:inline-table; width:40px; height:40px; color:#000000; font-size:30px;   line-height:35px; background-color:#FFFFFF; margin:0px 10px; text-align:center; cursor:pointer;}
.scroll-img {
	width: 1200px;
	padding-top:40px; overflow-x:hidden; 
	font-size: 0;
	margin:0 auto;
}
.scroll-img ul {
	width: 9900px;
	
	margin: 0;
}
.scroll-img ul li {
    float:left;
	padding: 0px;
	width:380px;
	margin-right:30px;
}



.hyingyong{ width:100%; margin-top:60px; }
.hyingyong_1{ width:1200px; margin:0 auto;}
.hyingyong_2{ width:1200px; margin:0 auto; margin-top:40px;}
.case_2{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px;}
.case_2_1{ width:1216px;}
.case_2_1_1{ width:288px; height:216px; float:left; position:relative; height:auto; overflow:hidden; margin:20px 0px; margin-right:16px; }
.case_2_1_1 img{ width:100%;}

.nhove .txt{width:100%; height:40px; background:url(../images/hhzx66.png) repeat; position:absolute; left:0px; bottom:0px;}
.nhove .txt h3{color:#ffffff;font-size:15px;font-weight:100; line-height:40px; margin:0px; text-align:center; font-family:Microsoft YaHei UIRegular,Microsoft YaHei;}
.nhove .txt h4{color:#fff; font-size:13px; line-height:0px; margin:0px; font-weight:normal;}
.nhove .txt p{color:#fff; margin-top:10px; font-size:13px; line-height:20px; font-family:Microsoft YaHei UIRegular,Microsoft YaHei; padding:0px 15px;}


.hpro{ width:100%; margin-top:60px; background:url(../images/picbg.jpg) no-repeat center top; padding:60px 0px; padding-bottom:80px;}
.hpro_1{ width:1200px; margin:0 auto;}

.hpro_2{ width:1200px; margin:0 auto; overflow:hidden;}
.hpro_2_1{ width:1230px;}
.hpro_2_1_1{ width:380px; float:left; margin:15px 30px 15px 0px; overflow:hidden; position: relative;}

.hpro_2_1_1 img{ width:380px; transition: 0.5s;}
.hpro_2_1_1:hover img{ transform: scale(1.2);}

.hpro_2_1_1 .text-desc{position: absolute; background-color: #000;  opacity: 0; top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0; transition: 0.5s; text-align:center; line-height:260px; }
.hpro_2_1_1:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding:0px; opacity: 0.6; color:#FFFFFF; vertical-align:middle;}

.hpro_3{ width:1200px; height:40px; margin:0 auto; margin-top:40px; margin-bottom:30px; background:url(../images/picicon.jpg) repeat-x center; text-align:center;}
a.hpronav{ display:inline-table; width:100px; height:38px; background-color:#FFFFFF; border:1px #000000 solid; text-align:center; font-size:16px; color:#000000; line-height:38px; margin:0px 15px;}
a.hpronav:hover{ border:1px #e60011 solid; color:#e60011;}

.hpro_4{ width:1200px; margin:0 auto; margin-top:40px; margin-bottom:40px; text-align:center;}
.hpro_4 .product_1{ display:inline-block; padding:0px 50px; border:1px #FFFFFF solid; line-height:40px; color:#FFFFFF; margin:0 10px; font-size:16px;}
.hpro_4 .product_1:hover{color:#ffff33; border:1px #ffff33 solid;}




.hnews{ width:1200px; margin:0 auto; margin-top:60px; margin-bottom:60px;}
.hnews_1{ width:1200px;}
.hnews_1_1{ width:700px; float:left; text-align:left;}
.hnews_1_1_1{ font-size:30px; color:#000000; line-height:50px; text-align:left;}
.hnews_1_1_1 span{ border-bottom:1px #000000 solid; width:80px;  display:inline-block; vertical-align:5px;}
.hnews_1_1_2{ font-size:16px; color:#000000; line-height:30px; text-align:left; text-transform:uppercase;}
.hnews_1_2{ width:150px; float:right; padding-top:20px; text-align:center;}
.hnews_1_2 a{ display:block; width:150px; height:40px; line-height:40px; background-color:#0178ca; color:#FFFFFF; font-size:15px; border-radius:25px;}
.hnews_1_2 a:hover{background-color:#f89826;}


.hnews_2{ width:1200px; margin-top:50px; overflow:hidden;}
.hnews_2_1{ width:1280px;}
.hnews_2_1_1{ width:370px; float:left; margin-right:45px;}
.hnews_2_1_1_1{ width:370px; height:200px; overflow:hidden;}
.hnews_2_1_1_1 img{ width:100%;}
.hnews_2_1_1_2{ background:#f6f6f6; padding:15px; width:340px;}
.hnews_2_1_1_2_1{ width:340px; height:50px; overflow:hidden;}
.hnews_2_1_1_2_1{ font-size:16px; color:#000000; line-height:50px;}
.hnews_2_1_1_2_2{ width:340px; height:90px; line-height:30px; color:#666666; font-size:15px; overflow:hidden; text-align:left;}
.hnews_2_1_1_2_3{ height:40px; text-align:left; background:url(../images/hxwicon.png) no-repeat center right; line-height:40px; color:#999999; font-size:14px;}

.hnews_2_1_1:hover .hnews_2_1_1_2{background-color:#f89826;}
.hnews_2_1_1:hover .hnews_2_1_1_2_1{ color:#FFFFFF;}
.hnews_2_1_1:hover .hnews_2_1_1_2_2{color:#FFFFFF;}
.hnews_2_1_1:hover .hnews_2_1_1_2_3{color:#FFFFFF;}


.hfanwei_1{width:1200px; margin:0 auto;}
.hfanwei_1_1{ width:130px; margin:0 auto; border-bottom:2px #000000 solid; padding-bottom:10px; font-size:30px; color:#000000; text-align:center;}
.hfanwei_1_2{ width:300px; margin:0 auto; padding-top:10px; font-size:16px; color:#000000; text-transform:uppercase; text-align:center;}

.homepro{ background:#f3f3f3; padding:60px 0px;}
.pro{}
.pro-bg{
	
}
.pro-title{
	text-align: center;
	font-weight: bold;

}
.pro-title h4{
	font-size: 40px;
	font-weight: bold;
	color: #bbbbbb;
	font-family:"Times New Roman", Times, serifl;
	text-transform: uppercase;
}
.pro-title h1{
	font-size: 30px;
	color: #000000;
	font-weight:bold;
	
	margin-top:0px;
}
.fenlei{
	width:1200px;
	margin:0 auto;
	margin-top:40px;
	text-align:center;
}
.fenlei li{
display:inline-block;
	text-align: center;
	border: 1px solid #0178ca;
	background:#0178ca;
	line-height: 42px;
	width: 140px;
	margin: 0px 10px;
	color: #fff;
	font-size: 16px;
}

.fenlei li:hover{
	background: #f89826; border: 1px solid #f89826;
}
.fenlei  li:hover{
	color: #fff;
}


.pro-con{ width:1200px; margin:0 auto; overflow:hidden; margin-top:10px;}
#ScrollBox{ width:1230px;}
#ScrollBox li{ width:380px; float:left; margin-top:30px; margin-right:30px;}
.cp-tp{ width:380px; height:285px; overflow:hidden;}
.cp-tp img{ width:100%; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s;}
.cp-tp img:hover{transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.cp-bt{ width:380px; height:40px; text-align:center;}
a .cp-bt { font-size:15px; color:#333333; line-height:40px;}
a:hover .cp-bt {color:#3b63ab;}



.hfooter{ width:100%; background-color:#232323; padding:40px 0px 10px 0px; margin-top:0px;}

.hfooter_1{ width:1200px; margin:0 auto;}
.hfooter_1_1{width:450px; float:left; text-align:left;}
.hfooter_1_2{width:200px; float:left; margin-left:100px;  text-align:left;}
.hfooter_1_3{width:340px; float:right;  text-align:left;}

.hfooter_1_1_1{ width:80px; border-bottom:2px #FFFFFF solid; padding-bottom:5px; line-height:40px; font-size:18px; color:#FFFFFF; font-weight:bold;}
.hfooter_1_1_2{ margin-top:20px;}
.hfooter_1_1_2 a{ display:inline-block; font-size:15px; color:#CCCCCC; line-height:40px; text-align:left; width:150px;}
.hfooter_1_1_2 a:hover{color:#f58103;}
.hfooter_1_2_2{ margin-top:30px; text-align:left;}
.hfooter_1_2_2 img{ width:120px;}

.hfooter_1_3_2{margin-top:20px; text-align:left;}
.hfooter_1_3_2_1{background:url(../images/bicon2.png) no-repeat center left; padding-left:28px; font-size:15px; color:#CCCCCC; line-height:40px;}
.hfooter_1_3_2_2{background:url(../images/bicon2.png) no-repeat center left; padding-left:28px; font-size:15px; color:#CCCCCC; line-height:40px;}
.hfooter_1_3_2_3{background:url(../images/bicon3.png) no-repeat center left; padding-left:28px; font-size:15px; color:#CCCCCC; line-height:40px;}


.hfooter_2{ width:100%; height:50px; border-top:1px #666666 solid; margin-top:40px;}
.hfooter_2_1{ width:1200px; margin:0 auto; line-height:50px; font-size:15px; color:#cccccc; text-align:center;}
.hfooter_2_1 font{ float:right;}
.hfooter_2_1 a{font-size:15px; color:#CCCCCC; line-height:50px; }
.hfooter_2_1 a:hover{color:#f58103;}