@charset "utf-8";
/* CSS Document */


html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; border:none;}
input,button{overflow: visible;vertical-align:middle;outline:none}
/* h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;} */
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus=this.blur())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle;}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#999}
a:hover{text-decoration:none}
button,input[type=submit],input[type=reset],input[type=text],input[type=button],select,textarea{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur());border: none;}
body,th,td,button,input,select,textarea{  font-family:Arial, "微软雅黑"; font-size:12px;color:#666;}
body{background:#fff;}
.layout{ margin:0 auto; width: 1200px;}
.l,.left,.fl{ float:left}
.r,.right,.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}

/* 产品展示 */
.sycpdk {margin-top:20px; width:1180px;  margin:0 auto}
.sycpbt { padding-top:20px;width:240px; height:75px; border:#000000 px solid;}
.sycpbtzi {line-height:36px;color:#444444; font-size:30px; text-align:center;font-weight:bold;}
.sycpbtzi span { font-size:21px;font-weight:800; color:#777777; text-align:center;}
.sycplist { width:240px; color:#fff; }
.sycplisttop { width:240px; height:100px; line-height:100px; font-size:28px; letter-spacing:2px; text-align:center; background:#1e50af color:#fff;}
.sycplisttop span { color:#fff; font-weight:bold;}
.sycplist ul { width:238px; margin-top:20px; border-top:5px #1e50af solid; border-bottom:#1e50af 1px solid; border-left:#1e50af 1px solid; border-right:#1e50af 1px solid; height:890px;}
.sycplist li { width:210px; height:50px; line-height:50px; background:#ddd; text-align:center; float:left; margin-left:13px; margin-top:15px; font-size:16px; color:#1e50af;}
.sycplist li:hover a{
	background:#1e50af;
	color:#fff;
}
.sycplist li:nth-child(1) a{
	background:#1e50af;
	color:#fff;
}
.sycplist li a {color:#1e50af;width:100%; display:block;}

.woaicss {width:910px; overflow:hidden;border:#111 px solid;}
.woaicss1{
	width:896px;
	height:192px;
	overflow:hidden;
}
.woaicss_title {width:290px; height:164px;px;font-size:16px; float:left;}
.woaicss_con {display:block; width:598px; height:350px;overflow:hidden;border:#000000 px solid;}
.sycp1 {}
.sycp2 { margin-top:20px;}
.sycp3 { float:left; margin-right:20px;}
.sycp4 { float:left;}
.sycp5 { float:right; background:#1e50af; font-size:30px; letter-spacing:3px; line-height:164px; text-align:center;}

/* 介绍 */
.cpjsdk1 { height:700px; margin-top:50px; }
.cpjs1 {height:550px; width:1200px;border-top:#FFFFFF 1px solid; background:url(../images/cpjsbj1.jpg) no-repeat;}
.cpjstop1 { height:105px; width:160px; margin:-50px auto; background:url(../images/cpjstop1.png)center no-repeat;}
.cpjsdk2 {height:550px;}
.cpjs2 { width:1200px; height:700px;border:#FFf 1px solid; background:url(../images/cpjsbj2.jpg) top no-repeat;}
.cpjsdk3 { height:700px;margin-top:100px;border:#FFf 1px solid; }
.cpjs3 {height:700px;border:#FFf 1px solid; width:1200px; background:url(../images/cpjsbj3.jpg) top no-repeat;}
.cpjsdk4 {height:550px;}
.cpjs4 {height:700px; width:1200px;border:#FFf 1px solid;  background:url(../images/cpjsbj4.jpg) top no-repeat;}
.cpjszi1 { margin-top:450px; height:300px; width:360px; color:#000;text-align:center letter-spacing:2px;}
.cpjszi1 h1 { font-size:36px; color: #FF0000; text-align:center}
.cpjszi1 p { color:#000000; font-size:18px; text-align:center;}
.cpjszi1 a {color:#FF0000;}


/* 案例*/
.index6{ width:1200px; overflow:hidden; margin:0 auto; padding-top:30px;}
.index6_p{ font-size:46px;text-align:center; line-height:64px; color:#000;}
.index6_2p{ font-size:34px; font-family:Microsoft Yahei; text-align:center; line-height:40px; color:#FF0000;}
.index6_3p{ font-size:20px; font-family:Microsoft Yahei; text-align:center; line-height:50px; color:#6c6b6b; margin-bottom:30px;}
.index61{ width:990px; overflow:hidden; margin:0px auto; padding-top:30px; }
.index61_p{ font-size:46px;text-align:center; line-height:64px; color:#fff;}
.index61_2p{ font-size:34px; font-family:Microsoft Yahei; text-align:center; line-height:40px; color:#FF0000;}
.index61_3p{ font-size:20px; font-family:Microsoft Yahei; text-align:center; line-height:50px; color:#fff; margin-bottom:30px;}
.syaldk{ width:1160px; height:270px; margin-top:30px;}
.range{width:1080px; border:#FFFFFF px solid; margin-top:30px;}
.range  #range_nav{float:left;}
.range  #range_nav div{float:left; background:#fff; line-height:42px;text-align:center;color:#676767;font-size:16px;display:inline; cursor:pointer;}
.range  #range_nav #no_margin{margin:0;}
.range  #range_nav .over_nav{background:#ff0000;color:#fff;}
.range ul{display:none;}
.range .display{display:block;}
.range ul li{width:250px;float:left;height:218px; position:relative; margin-bottom:36px; z-index:0; margin-left:15px;}
.range ul li a{display:block;}
.range ul li a img{width:250px; height:188px;}
.range ul .no_margin{margin-left:0;}
.range ul li .bottom_div{ color:#fff; font-size:16px;z-index:66666; position:absolute;top:200px;height:43px; width:250px;text-align:center; line-height:43px;display:block; background:#ff0000; opacity:0.9}
.range ul li .msover .msobg{ position:absolute;top:0; left:0;width:250px;height:243px;background:#ff0000;opacity:0.8; z-index:99;filter:alpha(opacity=80);}
.range ul li .msover{width:250px; height:218px;color:#000;z-index:666;display:none;position:absolute;top:0; left:0;}
.range ul li .msover p{color:#fff;font-weight:bolder;text-align:center; z-index:9999; font-size:20px;width:250px; height:153px; position:absolute; top:0; left:0; padding-top:90px;}
.range ul li .msover p span{margin:22px auto 0 auto; width:124px;height:30px; border-radius:5px; border:1px #ffffff solid; left:86px; font-weight:normal;font-size:14px; line-height:30px; color:#ffffff; z-index:5; display:block; cursor:pointer;}
.range ul li .msover p span:hover{ background:#FFF;color:#ff0000;border:1px #ff0000 solid; zoom:1;}


/* 简介 */
/* .syaboutdk {  height:680px;} */
.title { width:350px; height:60px; background:url(../images/title.png) no-repeat;}
.title h1 { text-align:center; font-size:32px; line-height:32px; letter-spacing:2px; color:#000000;}
.title p { text-align:center; font-size:14px; line-height:28px; color:#c8c8c8; font-weight:600;}
.syabout {width:1200px; height:725px;padding-top:35px;}
.syabouts {height:275px;border: #FF0000 px solid;}
.syaboutsimg { width:355px; float:left; height:275px; }
.syabouts h1 { width:800px; float:right; height:40px; margin-top:35px;line-height:40px;border: #FF0000 px solid; letter-spacing:2px;  font-size:24px; color:#06b572;}
.syaboutszi { width:800px; float:right;border: #FF0000 px solid;margin-top:20px; font-size:16px; line-height:30px;}
.syaboutx { height:305px; margin-top:35px;}
.syaboutxz { width:840px;border: #FF0000 px solid; height:305px;}
.syaboutxztitle { width:840px; height:40px;}
.syaboutxztitle h1 { width:120px; margin-left:20px; float:left; letter-spacing:4px;}
.syaboutxztitleimg {width:690px; height:40px; float:right;}

.scroll_horizontal{position:relative;width:840px;height:195px; top:30px;}
.scroll_horizontal .box{overflow:hidden;position:relative;width:840px;height:195px;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px; }
.scroll_horizontal .list li{float:left;width:260px; height:195px; padding-left:10px; padding-right:10px;overflow:hidden;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;margin-top:-25px;width:40px;height:50px;background-image:url(../img/control.png);background-repeat:no-repeat;font:0/0 Microsoft YaHei;cursor:pointer;}
.scroll_horizontal .prev{left:5px;background-position:0 0;}
.scroll_horizontal .next{right:5px;background-position:-40px 0;}
.scroll_horizontal .prev:hover{background-position:0 -50px;}
.scroll_horizontal .next:hover{background-position:-40px -50px;}

.syaboutxy { width:310px;border: #FF0000 px solid; height:305px;background:url(../images/sylx.jpg) no-repeat;}
.syaboutxy p { color:#FFFFFF; font-size:17px; margin-top:180px; margin-left:30px;}




/* 招商加盟 */
.main1 {margin-bottom: 20px; margin-top:70px;background: #fff;}
.main1 .wrap {width: 1100px;overflow: hidden;margin: 0 auto;}
.tit_1 {width: 100%;margin-bottom: 20px;font-size: 16px;line-height: 30px;color: #888;text-align: center;background: url(../images/bg_4.png) center 80px no-repeat;}
.tit_1 h3 {color: #1e50af;line-height: 40px;font-size: 30px; text-align:center; font-weight:bold; letter-spacing:3px;}
.tit_1 h3 span{
	color:#333;
}
.b_box3 {width: 1150px;height: 232px;padding: 20px 0;background: url(../images/bg_7.jpg) 0 109px repeat-x;}
.b_box3 li {float: left;width: 180px;padding-top: 200px;height: 32px;line-height: 32px;text-align: center;font-size: 18px;color: #999;margin-right: 50px;background: url(../images/p1.jpg) 0 0 no-repeat;}
.b_box3 li:hover {color: #2C80FA;cursor: pointer;}
.b_box3 .l1 {background-position: 0 0;}
.b_box3 .l1:hover {background-position: 0 -250px;}
.b_box3 .l2 {background-position: -180px 0;}
.b_box3 .l2:hover {background-position: -180px -250px;}
.b_box3 .l3 {background-position: -360px 0;}
.b_box3 .l3:hover {background-position: -360px -250px;}
.b_box3 .l4 {background-position: -540px 0;}
.b_box3 .l4:hover {background-position: -540px -250px;}
.b_box3 .l5 {background-position: -720px 0;}
.b_box3 .l5:hover {background-position: -720px -250px;}
.b_box4 {border-top: 1px #ddd solid;padding-top: 10px;line-height: 24px;}







/* 介绍 */
.mskt { width:1200px; height:569px; background:url(../images/xcpx.jpg) no-repeat; margin:0 auto;}
.sydt { width:1200px; height:700px; text-align:center; font-size:32px; color:#000000; margin:0 auto; line-height:100px;}

/* 介绍 */

.ysz{
	width:100%;
	background:url("../images/bg_01.jpg") NO-REPEAT CENTER top;
	margin-top:50px;
	padding-bottom:50px;
	
}

/* 选择我们 */
.ys{background:#f2f2f2; overflow: hidden; clear: both; width:1200px; margin:0 auto; margin-top:50px;}
.ys h3{ overflow: hidden; height: 203px;}
.ys h3 i{ display: inline-block; float: left; width: 555px; text-align: right; font-size: 18px; color: #000; padding-top: 76px; font-weight: normal;}
.ys h3 i strong{ display: block; color: #012269; font-size: 24px; padding-top: 3px; font-weight: bold;}
.ys h3 em{ display: inline-block; float: left; padding-top: 49px; padding-left: 13px; font-size: 20px; font-weight: bold; }
.ys h3 em span{ display: inline-block; width:100px; height: 99px; font-size:16px;text-align: center; line-height: 99px; margin-right: 20px; color: #012269;}
.ys h3 em span.bg2{ color: #fff;}
.ys1{ overflow: hidden; margin-bottom:10px;}
.ys1 dl dt{ font-size: 0; float: left; width: 580px; height: 346px; padding: 10px; background: #fff; border: 1px solid #fff; box-shadow: 0 0 3px #d0daea; position: relative; overflow:hidden;}
.ys1 dl dt img{ width: 580px; height: 346px; background:url(../images/ybg_01.jpg) no-repeat;}
.ys1 .ys01{
	 width: 580px; height: 346px; background:url(../images/ybg_02.jpg) no-repeat;
}
.ys1 .ys02{
	 width: 580px; height: 346px; background:url(../images/ybg_03.jpg) no-repeat;
}
.ys1 .ys03{
	 width: 580px; height: 346px; background:url(../images/ybg_04.jpg) no-repeat;
}
.ys1 dl dt i{ display: inline-block; top: 0;position: absolute; left: 31px; width: 105px;font-weight:bold; padding-top: 30px; height: 81px; background: #1e50af; color: #ffde00; font-size: 48px; font-family: Tahoma; text-align: center; line-height: 100%;}
.ys1 dl dd{ width: 550px; float: right;}
.ys1 dl dd h4{ color: #000; font-size: 24px; padding: 66px 0 0px 30px;}
.ys1 dl dd h5{ color: #666; font-size: 18px; padding: 10px 0 24px 30px; font-weight:normal;}
.ys1 dl dd p{ margin-left: 32px;background:url(../images/y_ii.png) no-repeat left 5px; font-size: 14px; color: #666; margin-bottom: 10px; line-height:24px;}
.ys1 dl dd p span{
	display:inline-block;
	background:#1e50af;
	height:24px;
	width:24px;
	text-align:center;
	border-radius:12px;
	color:#f2f2f2;
	margin-right:10px;
	
}
.ys1 dl dd p i{ color: #012269;}
.ys1 dl dd p em{ display: block; padding-top: 10px;}
.ys1 dl dd p em span{ display: inline-block; padding-left: 38px; color: #012269; font-size: 14px;background:url(../images/y_ico.gif) no-repeat  25px 8px;}


.ys2 dl dt{ float: right;}.ys2 dl dd{ float: left; padding-left: 0px;}
.ys1 dl dd b{ display: block; font-size: 14px; color: #333; font-weight: normal; padding: 13px 0 5px 0;}
    /**/
.lc{background:url(../images/lc_bg.jpg) no-repeat center 0; height: 198px; overflow: hidden;}
.lc h3{ display: inline-block; float: left; width: 200px; padding-top:69px;}
.lc h3 a{ color: #012269; font-size: 18px; padding-left: 52px;}
.lc ul{ overflow: hidden;}
.lc ul li{ float: left; width: 200px; text-align: center;}
.lc ul li a{ color: #012269; font-size: 16px; font-weight: bold; padding-top: 91px; display: inline-block;}
.lc ul li.last{ padding-top: 66px; font-size: 12px; color: #333;}
.lc ul li i{ display: block; line-height: 45px; color:#012269; font-size: 24px;}
.lc ul li.last a{  padding-top: 0; width: 100px; height: 38px; line-height: 38px; text-align: center; color: #fff; background: #012269; font-weight: normal;}
 /*  选择我们结束 */


/*  工程案例 */
		.scrollpic {
	width: 1200px;
	margin:0px auto 0 auto;
	/* background:#eee; */
	/* height:450px; */
}
.scrollpicz{
	width:100%;
	background:#fff;
	/* background:url(../images/111.jpg) no-repeat bottom center; */
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 286px;
	overflow: hidden;
	 bordeR:2px solid #efefef; 
	
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
	padding-bottom:60px;
	
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
	/* bordeR:1px solid red; */
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:400px;
	/* background:#fff; */
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 380px;
	overflow:hidden;
	padding: 0;
	position: relative;
	height: 286px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #1e50af;
	filter: alpha(opacity=70);
	width: 380px;
	color: #fff;
	margin-right:3px;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 380px;
	line-height: 40px;
	border-bottom: 1px solid #f2f2f2;
	font-weight:100;
	color:#fff;
	text-align:center;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -250px;
	
	height:286px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#mybtns {
	/* margin-top:60px; */
	width: 1200px;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #1e50af;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/jt_l.png);
}
#mybtns #right {
	background-image: url(../images/jt_r.png);
}

#kinMaxShow {
	visibility: hidden;
	width: 100%;
	height: 500px;
	overflow: hidden;
}
/* 工程案例结束 */
.tit_1{
	padding-top:50px;

}

	.wenti_kr{
			width:1200px;
			margin:0 auto;
			
			padding-bottom:80px;
		}
		.wenti_kr h3{
			
			color:#0088cc;
			display:block;
			text-align:center;
			
		}
		.wenti_kr p{
			text-align:center;
			line-height:36px;
			font-size:14px;
		}
		.wenti_kr1{
			margin-top:40px;
			
		}
		.wenti_kr1 div{
			float:left;
			/* border:1px solid #666; */
			width:298px;
		}
	

		.wenti_kr1 div:nth-child(1) h5{
			background:url("../images/icon2.png") no-repeat  center;
			width:130px;
			height:130px;
			background-size:130px;
			margin:0 auto;
			display:block;	
				
		transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
	
		}
		.wenti_kr1 div:nth-child(2) h5{
			background:url("../images/icon3.png") no-repeat  center;
			width:130px;
			height:130px;
			background-size:130px;
			margin:0 auto;
			display:block;
				transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
		}
		.wenti_kr1 div:nth-child(3) h5{
			background:url("../images/icon4.png") no-repeat  center;
			width:130px;
			height:130px;
			background-size:130px;
			margin:0 auto;
			display:block;	
				transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
		}
		.wenti_kr1 div:nth-child(4) h5{
			background:url("../images/icon5.png") no-repeat  center;
			width:130px;
			height:130px;
			background-size:130px;
			margin:0 auto;
			display:block;	
				transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
		}
	/* 	.wenti_kr1 div:nth-child(5) h5{
			background:url("../images/icon6.png") no-repeat  center;
			width:100px;
			height:100px;
			background-size:100px;
			padding:0 36px 0 36px;
			display:block;	
		}
		.wenti_kr1 div:nth-child(6) h5{
			background:url("../images/icon7.png") no-repeat  center;
			width:100px;
			height:100px;
			background-size:100px;
			padding:0 36px 0 36px;
			display:block;	
		}
			.wenti_kr1 div:nth-child(7) h5{
			background:url("../images/icon8.png") no-repeat  center;
			width:100px;
			height:100px;
			background-size:100px;
			padding:0 36px 0 0px;
			display:block;	
		} */
		.wenti_kr1 div h4{
			text-align:center;
			font-size:16px;
			color:#1e50af;
			line-height:36px;
			margin-top:10px;
		}
		.wenti_kr1 div p{
			font-size:12px;
			line-height:28px;
			text-align:center;
			width:90%;
			margin:0 auto;

		}
		.wenti_kr1 div  p{
			font-size:14px;
			
		}
		.wenti_kr1 div:nth-child(1) h5:hover{
		background:url("../images/iconb1.png") no-repeat  center ;
		background-size:100px;
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
	}
	.wenti_kr1 div:nth-child(2) h5:hover{
		background:url("../images/iconb2.png") no-repeat  center ;
		background-size:100px;
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
	}
	.wenti_kr1 div:nth-child(3) h5:hover{
		background:url("../images/iconb3.png") no-repeat  center ;
		background-size:100px;
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
	}
	.wenti_kr1 div:nth-child(4) h5:hover{
		background:url("../images/iconb4.png") no-repeat  center ;
		background-size:100px;
		transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
	}
/* 	.wenti_kr1 div:nth-child(5) h5:hover{
		background:url("../images/iconb5.png") no-repeat  center ;
		background-size:100px;
	}
	.wenti_kr1 div:nth-child(6) h5:hover{
		background:url("../images/iconb6.png") no-repeat  center ;
		background-size:100px;
	}
	.wenti_kr1 div:nth-child(7) h5:hover{
		background:url("../images/iconb7.png") no-repeat  center ;
		background-size:100px;
	} */


/* 	产品中心 */
.index_cp{
	min-height:819px;
	/* background: url(../images/bg2.jpg) center no-repeat; */
	background:#f2f2f2;
}
.biaoti{
	padding-top:60px;
	padding-bottom:40px;
	width:100%;
}
.biaoti img{
	width:100%;
}
.index_2{
	
	
	width:1200px;
	margin:0 auto;

}
.title2,
.title2 b{
	color: #FFFFFF;
}
.index_2 .hd{
	
}
.index_2 .hd li{
	float: left;
	padding: 4px;
	width: 190px;
	height: 117px;
	cursor: pointer;
	color: #FFFFFF;
	line-height: 117px;
	font-size: 18px;
	color: #FFFFFF;
	margin-right: 2px;
	background: url(../images/ic4.png) right bottom no-repeat;
}
.index_2 .hd li p{
	padding: 0 5px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.index_2 .hd li em{
	display: block;
	padding-right: 20px;
	background: url(../images/arw1.png) right center no-repeat;
	font-weight: bold;
}
.index_2 .hd li.on p{
	background: url(../images/k.png) center no-repeat;
	padding: 0 10px;
}
.index_2 .bd{
	margin-top: 20px;
	background: #FFFFFF;
	bord
}
.index_2 .bd .fl{
	width: 486px;
	padding: 70px 56px 0;
}
.index_2 .bd .pich{
	float: right;
	width: 600px;
	height: 420px;
}
.index_2 .bd h3{
	font-size: 40px;
	color: #2f2f2f;
	line-height: 90px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index_2 .bd .hx{
	width: 40px;
	height: 1px;
	background: #1e3585;
}
.index_2 .bd p{
	font-size: 16px;
	color: #6f6f6f;
	line-height: 28px;
	/* height: 56px; */
	overflow: hidden;
	margin-top: 10px;
}
.index_2 .bd a.more{
	display: block;
	text-align: center;
	color: #FFFFFF;
	font-size: 14px;
	text-transform: uppercase;
	width: 270px;
	height: 40px;
	line-height: 40px;
	background: #1e3585;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	margin-top: 35px;
}
.more i{
	display: inline-block;
	vertical-align: top;
	margin: 0 3px;
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-ms-transition:all 0.5s;
}
.more:hover i{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
}



	.dakuai{
		width:100%;
		padding-bottom:40px;
		background:url(../images/bs_about_bg.png) no-repeat ;
	}
	.dakuai1{
		width:45%;
		float:left;
	/* 	background:#f6f6f6; */
		
	}
	.dakuai2{
		width:55%;
		float:left;
		/* background:#fff; */
	}
	.dakuai2 h1,.yxinwen1 h1{
		margin-top:4%;
		margin-left:6%;
		font-size:24px;
		color:#1e50af;
	}
	.yxinwen1 h1{
		margin-left:10%;
	}
	.dakuai2 h2,.yxinwen1 h2{
		font-size:22px;
		color:#666;
		font-weight:normal;
		line-height:24px;
		margin-top:1%;
		margin-left:6%;
	}
	.yxinwen1 h2{
		margin-left:10%;
	}
	.dakuai2 p,.yxinwen1 p{
		width:60%;
		font-sizE:14px;
		line-height:30px;
		margin-left:6%;
		color:#fff;
	}
	.yxinwen1 p{
		margin-left:10%;
	}
	.kuai2{
		width:10%;
		height:100%;
		background:#333;
	}
	.fangkuai,.fangkuai1{
		margin-left:6%;
		margin-top:5%;
		margin-bottom:1%;
		width:40px;
		height:2px;
		background:#fff;
	}
	.fangkuai1{
		margin-left:10%;
	}
.button {
margin-left:6%;
margin-top:4%;
 display: block;
 position: relative;
 background: #ffc000;
 color: #f2f2f2;
 width: 160px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 font-weight:normal;
 font-size: 16px;
 text-decoration: none;
 border-radius: 2px;
 overflow: hidden;
 -webkit-transition: all 0.15s ease-in;
 transition: all 0.15s ease-in;
}
.button:hover {
 background: #eab100;
}
.button:before {
 content: ' ';
 position: absolute;
 background: #fff;
 width: 25px;
 height: 50px;
 top: 0;
 left: -45px;
 opacity: 0.3;
 -webkit-transition: all 0.25s ease-out;
 transition: all 0.25s ease-out;
 -webkit-transform: skewX(-25deg);
         transform: skewX(-25deg);
}
.button:hover:before {
 width: 45px;
 left: 205px;
}


.yxinwen{
	width:100%;
	
}
.yxinwen1{
	width:33.333%;
	float:left;
}
.yxinwen2{
	width:33.33333%;
	float:left;
	border-left:1px solid #ddd;
	/* border-bottom:1px solid #ddd; */
	background:#f6f6f6;
	margin-bottom:1px;

}
.yxinwen2 img{
	width:100%;
	
}
.yxinwen2 img:hover{
	background:#333;
	opacity:0.8;
	filter:alpha(opacity=80);
	transition:all 0.6s ease-in-out;
	transform:scale(1.05);
}
.yxinwen2t{
	width:100%;
	overflow:hidden;
	
} 
.yxinwen2tt{
	width:100%;
	overflow:hidden;
	height:340px;
}

@media(max-width: 1600px) {
   .yxinwen2tt {
        height:300px;
    }
}
@media(max-width: 1366px) {
   .yxinwen2tt {
        height:250px;
    }
}
@media(max-width: 1200px) {
   .yxinwen2tt {
        height:240px;
    }
}
@media(max-width:998px) {
   .yxinwen2tt {
        height:240px;
    }
}


.yxinwen2t h4{
	margin-top:6%;
	margin-left:6%;
	font-size:24px;
	font-weight:normal;
	color:#333;
}
.yxinwen2t p{
	font-size:14px;
	margin-top:4%;
	margin-left:6%;
	line-height:30px;
	width:90%;
}
.yxinwen3{
	width:33.333%;
	float:left;
}

.button-effect{
  background-color:#2585d1;
  width:130px;
  margin-left:3%;
  margin-top:2%;
  margin-bottom:3%; 
}
.effect {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  text-transform: capitalize;
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  padding: 10px 0px;
  width: 130px;
  overflow: hidden;
  text-align:center;
}

.effect.effect-1 {
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.effect.effect-1:before {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 40px;
  -webkit-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.effect.effect-1:hover {
  text-indent: -20px;
}
.effect.effect-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}
.dakuai1t{

		width:100%;
		height:485px;
		background:url(../images/bg_001.jpg) no-repeat; 
		background-position:right top; 
		background-repeat:no-repeat;
		cursor:pointer;-webkit-transition:all 0.3s linear;
		margin-top:2%;
		margin-bottom:2%;
		
	}
/* .dakuai1t:hover{
	background-position:right bottom;
	transition:all 0.3s linear;} */




.news {background: #fff;}
.news .news_type {width: 375px;height: 56px;margin: 0 auto 35px auto;}
.news .news_type li {float: left;width: 183px;height: 54px;text-align: center;font-size: 18px;line-height: 54px;border: 1px solid #e9e9e9;background: #fff;}
.news .news_type li a {display: block;height: 54px; color: #333;}
.news .news_type li.cur {background: #1e50af;border-color: #1e50af;}
.news .news_type li.cur a {color: #fff;}

.news .news_con {}
.news .news_con .conbox {display: none;}
.news .news_con .conbox.cur {display: block;}
.news .news_con dl {float: left;width: 370px;margin-left: 45px;}
.news .news_con dl:first-child {margin-left: 0;}
.news .news_con dl dt {height: 285px;position: relative;overflow: hidden;margin-bottom: 35px;}
.news .news_con dl dt img {display: block;width: 370px;height: 285px;transition: all 0.5s;}
.news .news_con dl dd.dd1 {font-size: 16px;margin-bottom: 25px;}
.news .news_con dl dd.dd1 a {color: #333;}
.news .news_con dl dd.dd1 span {display: block;font-size: 13px;color: #999;margin-top: 5px;}
.news .news_con dl dd.dd2 {font-size: 13px;line-height: 22px;margin-bottom: 30px; color:#666;}
.news .news_con dl dd.dd2 a{ color:#666;}
.news .news_con dl dd.dd3 a {display: block;width: 131px;height: 37px;line-height: 37px;text-align: center;border: 1px solid #d1d1d1;border-radius: 27px;background: #fff; color:#333;}
.news .news_con dl:hover dt img {transform: scale(1.1);}
.news .news_con dl:hover dd.dd3 a {background: #1e50af;border-color: #1e50af;color: #fff;}


.al_li_zx{
	background:#fff;
	border-bottom:1px solid #f2f2f2;
}
.al_li_zx1{
	background:none;
	border-bottom:none;
}

	.al_li_zx ul{
		width:1200px;
		margin:0 auto;291 219
	}
	.al_li_zx ul li{
		width:280px;
		
		float:left;
		margin-right:18px;
		padding-bottom:30px;
	}
	.al_li_zx ul li img{
		width:280px;
		height:209px;
	}
	.al_li_zx ul li p{
		font-size:14px;
		height:40px;
		line-height:40px;
		text-align:center;
		background:#f2f2f2;
	}



/* .index_cp{
	background:#eee;
	
}


	.index_cp ul{
		width:1200px;
		margin:0 auto;291 219
	}
	.index_cp ul li{
		width:280px;
		
		float:left;
		margin-right:18px;
		padding-bottom:30px;
	}
	.index_cp ul li img{
		width:280px;
		height:209px;
	}
	.index_cp ul li p{
		font-size:14px;
		height:40px;
		line-height:40px;
		text-align:center;
		background:#fff;
	}
 */
	

	#index_main{
width:100%;
/* height:620px; */
	background:#f2f2f2;
}
.index_product_type{

	
	/* padding:80px 30px; */
	width:1200px;
	
	height:42px;
	position:relative;
	z-index:999;
	margin-top:10px;
	text-align:center; 
}
/* .index_product_type li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
}
.index_product_type li:hover{
	transform:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	-o-transform:translate(0,-10px);
	-ms-transform:translate(0,-10px);
	-webkit-box-shadow:0px 5px 15px #e5e5e5;
    -moz-box-shadow:0px 5px 15px #e5e5e5;
    box-shadow:0px 5px 15px #e5e5e5;
} */
.index_product_type > li{
	display:inline-block;
	height:50px;
	line-height:50px;
	
	/* border:1px solid #bb2f32; */
	/* border-right:1px solid #999; */
	width:180px;
	 text-align:center; 
	position:relative;
	padding:0;
	margin:0;
	margin-left:40px;
	
	/* border-bottom:2px solid #fff; 
	box-sizing:border-box; */
}
.index_product_type > li a{
	color:#fff;
	font-size:16px;
	display:block;
	width:100%;
	background:#1e50af;
	border:1px solid #1e50af;
}
.index_product_type > li a:hover{
border:1px solid #1e50af;
background:#fff;
	
}

.index_product_type > li a:hover{
	color:#1e50af;
}
.index_product_type > li:hover .index_product_sub{
	display:block;
}
.index_product_sub{
	position:absolute;
	left:0;
	top:50px;
	width:100%;
	display:none;
}
.index_product_sub > li{
	line-height:36px;
	background:#f8f8f8;
	width:100%;

	text-align:center;
}
.index_product_sub > li a:hover{
	background:#0088cc;
}
.index_product_sub > li a{
	color:#5d5c5c;
	font-size:16px;
	display:block;
}
.index_product_sub > li a:hover{
	color:#fff;
}
	/*产品分类结束*/
	/*产品展示开始*/
.index_product_list{
	width:840px;
	height:450px;
	overflow:hidden;
	border:1px solid red;
	/* border:3px solid #333; */
}
.index_product_lbqh{
	display:none;
	width:1200px;
	padding-bottom:80px;
	/* border:1px solid red; */
	/* margin-bottom:50px; */
/*
	position:absolute;
	left:0;
	top:0;
*/
}
.index_product_lhcrt{
	display:block;
}
/* .index_product_lbqh > li{
	float:left;
	width:384px;285
	height:272px;259px
	border:1px solid red;
	margin:30px 15px 0 0;
	position:relative;
	overflow:hidden;
} */
.index_product_lbqh > li{
	float:left;
	width:285px;/* 285 */
	height:259px;/* 259px */
	/* border:1px solid red; */
	margin:30px 15px 0 0;
	position:relative;
	overflow:hidden;
}
.index_product_lbqh > li > a{
	display:block;
	position:relative;
	font-size:18px;
	color:#fff;
}
/* .index_product_lbqh > li img{
	width:384px;285
	height:230px;219
} */
.index_product_lbqh > li img{
	width:285px;/* 285 */
	height:219px;/* 219 */
}
.index_product_lhzj{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	background:#e2e2e2;
	
	
	opacity:0.1;
	filter:alpha(opacity=10);
	transition:all 1s ease-in-out;
}
.index_product_border{
	width:365px;
	height:214px;
	border:1px solid #fff;
	position:absolute;
	top:7px;
	left:7px;
}
.index_product_lhzjn{
	width:100%;
	height:40px;
	/* border:1px solid red; */
	line-height:40px;
	position:absolute;
	left:0;
	top:220px;
	background:#ccc;
	text-align:center;
	color:#333;
	display:block;
	font-size:14px;
}
.index_product_sousuo{
	position:absolute;
	left:50%;
	top:80px;
	margin-left:-20px;
	width:40px;
	height:40px;
	border:1px solid #fff;
	background:url(../images/sousuo02.png) no-repeat center center;
	transition:all 1s ease-in-out;
}
.index_product_lbqh > li > a:hover .index_product_sousuo{
	opacity:0.6;
	filter:alpha(opacity=60);
}
.index_product_lbqh > li > a:hover .index_product_lhzj{
	opacity:0;
	filter:alpha(opacity=60);
}
/*
.index_product_lbqh > li > a:hover .index_product_lhzj{
	animation:ani 1s;
}
@keyframes ani{
	0%{opacity:0.5;}
	100%{opacity:0;}
}
*/
.index_product_lbqh li{
	border:1px solid #eee;
	box-sizing: border-box;

}
.index_product_lbqh > li img{
	transition:all 1s ease-in-out;
}
.index_product_lbqh > li:hover img{
	transform:scale(1.1);
}


