@charset "utf-8";

/********全局设置*********/
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, dl {list-style-type: none}
*{box-sizing: border-box}
h1, h2, h3, h4, h5, h6 {font-weight: 500;line-height: 1.1;color: inherit}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small {
	font-weight: 400;	line-height: 1;	color: #999}
h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {	font-size: 65%}
h4, h5, h6 {margin-top: 10px;margin-bottom: 10px}
h4 small, h5 small, h6 small, h4 .small, h5 .small, h6 .small {	font-size: 75%}
h1 {font-size: 36px}  h2 {font-size: 30px} h3 {font-size: 24px}
h4 {font-size: 18px}  h5 {font-size: 14px} h6 {font-size: 12px}
html ,body{font-family:"Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "黑体", Arial, sans-serif;height:100%;font-size: 12px;color:#000;max-width: 1920px;}
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"] {-webkit-appearance: none;
	outline: 0}
hr{ border:0px; border-bottom:1px solid #999; margin:10px auto;}
img {border: 0;	vertical-align: middle}
a img, img {-ms-interpolation-mode: bicubic;}
a{text-decoration:none;color:#000;}
.left{float: left}
.right{float: right}
.hidden{ overflow: hidden;}
/**********************************************/

.top{position: relative;}

.slideBox{ width:100%; height:500px; overflow:hidden; position:relative;}
/*************.slideBox .hd{ height:15px; overflow:hidden; position:absolute; left:135px; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:8px;  width:15px; height:15px;  background:#fff; cursor:pointer;border-radius: 50%;opacity: 0.5 }
.slideBox .hd ul li.on{opacity:1; }***************/
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ display:block; width: 100% }

.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.head{position: absolute;top:20px;width: 100%;}
.head .nav{width: 1140px;height: 80px;margin:auto;background: rgba(252,254,255,0.85);border-radius:4px;padding:0 20px;}
.head .nav ul{margin-left: 20px;}
.head .nav ul li{width: 108px;background: url(../images/line.jpg) no-repeat right;text-align: center;line-height: 80px;float: left}
.head .nav ul li:last-child{background: none;}
.head .nav ul li a{font-size: 16px;display: block;width: 93px;margin: auto;}
.head .nav ul li a:hover{background: url(../images/active.png) no-repeat bottom;}

.top .bottom{position: absolute;bottom:0;width: 100%;height: 70px;background: rgba(30,30,30,0.7);}
.top .bottom ul{width: 1140px;margin: auto;}
.top .bottom ul li{box-sizing: border-box;width: 33.333333333333%;margin: 5px 0;float: left;padding: 0 5px;}
.top .bottom ul li img{border: 1px solid #fff;box-shadow: 0 0 14px 3px #000;float: left;width: 90px;position: relative}
.top .bottom ul li img:hover{bottom:10px;}
.top .bottom ul li p{float: left;color: #fff;width: 270px;margin-left: 10px;line-height: 25px;}

.mid{width: 100%;}
.mid .m1{background: #fff;padding: 20px 0;text-align: center;font-size: 18px;}
.mid .m1 p{margin: 5px;}
.mid .m2{background: #E4E5E7;overflow: hidden;padding: 30px 0}
.mid .m2 ul{width: 1140px;/*overflow: hidden;*/margin: auto}
.mid .m2 ul li{width: 32%;float: left;position: relative; margin:15px 0 0 15px; box-shadow:2px -2px 5px #666;}
.mid .m2 ul li:hover{box-shadow:none;}
.mid .m2 ul li img{width: 100%;}
.mid .m2 ul li a{position: absolute;left: 0px;bottom: 10px;width: 95%;height: 40px;line-height:40px;background: url(../images/m2-h.jpg) right center no-repeat;padding-left: 10px;}
.mid .m2 ul li a:hover{background: url(../images/m2-b.jpg) right center no-repeat;color: #fff}
.mid .m3{background: #4E6B7B;padding: 50px 0;text-align: center;font-size: 18px;overflow: hidden}
.mid .m3 .dt{width: 1140px;margin: auto;color: #fff}
.mid .m3 .dt>div.left a{color: #fff;margin-top: 40px;display: block;font-size: 14px;}

.slideBox-a{float:right;overflow:hidden; position:relative;width: 900px}
.slideBox-a .hd{ height:15px; overflow:hidden; position:absolute; left:50%; bottom:0; z-index:1; }
.slideBox-a .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox-a .hd ul li{ float:left; margin-right:8px;  width:15px; height:15px;  background:#fff; cursor:pointer;border-radius: 50%; }
.slideBox-a .hd ul li.on{background:#0288E1;}
.slideBox-a .bd{ position:relative; height:100%; z-index:0;   }
.slideBox-a .bd li{ zoom:1; vertical-align:middle; }
.slideBox-a .bd li div.left{width: 600px;margin-left: 20px;}
.slideBox-a .bd li div.left p{font-size: 14px;text-align: left;line-height: 25px;;}
.slideBox-a .bd li div.left a{color:  #8DA5B2;float: left;font-size: 14px;}

.slideBox-a .prev,
.slideBox-a .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox-a .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox-a .prev:hover,
.slideBox-a .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox-a .prevStop{ display:none;  }
.slideBox-a .nextStop{ display:none;  }

.bot{width: 100%;background: #222222;color: #999999;}
.bot .b1,.bot .b2{width: 1140px;margin: auto;padding: 30px 0;overflow: hidden}
.bot .b1>ul{overflow: hidden}
.bot .b1>ul>li{width: 33.3333%;box-sizing: border-box;padding:0 10px;float: left}
.bot .b1 h2{font-size: 18px;margin-bottom: 10px;color: #fff}
.bot .b1>ul>li li{margin: 10px 0;line-height: 20px;}

.bot .b1 .web{padding: 10px 0;overflow: hidden}
.bot .b1 .web  img.left{margin-right: 15px;}
.bot .b1 .web div.left p:last-child{margin-top: 10px;}

.bot .b2 .b-logo{float: left}
.bot .b2 .b-nav{overflow: hidden;float: left;margin-left: 20px;}
.bot .b2 .b-nav li{float: left;border-right: 1px solid #fff;}
.bot .b2 .b-nav li:last-child{border: none}
.bot .b2 .b-nav li a{color: #fff;font-size: 14px;padding: 0 10px;margin: 0 10px}

.bot .b2 .wx{float: right}



/*********************************/
.header{background: #fff;width: 100%;padding: 10px 0;overflow: hidden}
.container{width: 1140px;margin: auto;overflow: hidden}
.header .logo,.header .nav{float: left;}
.header .nav{margin-left: 40px;}
.header .nav ul{overflow: hidden}
.header .nav ul li{float: left;font-size: 14px;margin: 0 20px;line-height: 51px;}
.header .nav ul li a{border: 1px solid transparent;padding: 5px;border-radius: 20px;}
.header .nav ul li:hover a{border: 1px solid #047DD0;}

.cp{margin-top: 40px;overflow: hidden}
.cp .l-nav{width: 305px;float: left}
.cp .l-nav .top{color: #5B5555;}
.cp .l-nav .top h2{font-size: 25px;font-weight: bold}
.cp .l-nav .top h2 span{color: #0191C8;}

.cp .l-nav .cd .top{height: 20px;background: #D6D6D6;border-top-left-radius: 4px;border-top-right-radius: 4px;}
.cp .l-nav .cd {background: url(../images/cp-line.jpg) repeat-y;}
.cp .l-nav .cd a{padding: 5px; display:block;}
.cp .l-nav .cd a.on{color:#C00; background:#e7e7e7; font-weight:600;}
.cp .l-nav .cd .mtit{ font-weight:600; text-indent:15px; font-size:14px; }
.cp .l-nav .cd .sdrop_1 a{ text-indent:20px; display:block;}
.cp .l-nav .cd .sdrop_2{ padding:5px 0; }
.cp .l-nav .cd .sdrop_2 a{ text-indent:35px; }
.cp .l-nav .cd li{margin: 10px 0;padding: 0px 0 7px;border-bottom: 1px solid #D3D3D3}

.cp .cp-xx{width: 800px;float: right}
/*.cp .cp-xx h2{font-size: 25px;font-weight: bold;text-align: center;padding-bottom: 15px;background: url(../images/cp-h2.jpg) no-repeat bottom center;}*/
.cp .cp-xx .htit{border-bottom:3px solid #fddc01; height:40px; line-height:40px;}
.cp .cp-xx .htit h2{font-size: 22px;font-weight: bold;padding:0 15px;/*background: url(../images/cp-h2.jpg) no-repeat left bottom;*/
border-bottom:3px solid #0183fd; display:inline-block; float:left; height:40px;}
.cp .cp-xx .htit .page{ float:right; margin:-5px 15px 0 0; }
.cp .cp-xx .htit .page a{ display:inline-block; background:#f90; color:#fff; margin-left:5px; height:28px; line-height:28px; padding:0 15px; border-radius:3px;}
.cp .cp-xx .htit .page a:hover,.cp .cp-xx .htit .page a.on{ background:#f30; box-shadow:1px 1px 3px #000;}

.cp .cp-xx ul li{overflow: hidden;margin: 20px 0;}
.cp .cp-xx ul li img{float: left; width:300px; height:215px;}
.cp .cp-xx ul li .art{float: left;margin-left: 20px;width: 450px;}
.cp .cp-xx ul li .art strong{font-size: 20px;}
.cp .cp-xx ul li .art p{line-height: 25px;font-size: 14px;margin:20px 0;}
.cp .cp-xx ul li .art a{padding: 10px;background: #0183FD;color: #fff;display: inline-block}


.service .container{padding: 30px 0}
.service .top{overflow: hidden}
.service .top h2{text-align: center;font-size: 26px;margin-bottom: 30px;padding-bottom: 15px; border-bottom: 1px solid #000;}
.service .art{margin-top: 40px;}
.service .art h2{text-align: center;font-size: 26px;margin-bottom: 30px;padding-bottom: 15px; border-bottom: 1px solid #000;}
.service .art p{text-indent: 2em;line-height: 20px;margin: 20px 0}

.service .contact{margin-top: 40px;}
.service .contact h2{text-align: center;font-size: 26px;margin-bottom: 30px;}



/***********************************************/

.cont-txt h2{
	color:#fff;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #26a5e5;
	padding-bottom: 2px;
	padding-top: 45px;

	margin: 0 auto;
}
.cont-txt p{
	margin-top: 42px;
	margin-left: 35px;
}
/*******form*******/
.hz form .-input{
	overflow: hidden;
	margin: 20px 0;
}
.hz form .input-group{
	overflow: hidden;
	width:350px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.hz form .input-group span{

	padding: 6px 12px;
	font-size: 18px;
	font-weight: normal;

	border-radius: 4px;
}
.hz form .input-group input{
	padding: 6px 12px;
	font-size: 18px;
	border: none;
	display: table-cell;
	width: 278px;
}
.hz form  textarea{
	padding: 6px 12px;
	font-size: 18px;
	width:730px;
	height: 180px;
	resize: none;
	border-radius: 5px;
	border: 1px solid #ccc;
}



/*********************************/

.news{width: 800px;margin: auto;}
.news p{padding: 5px 0;border-bottom:1px dashed #000;margin: 5px 0;}


/*********************************/
.art .ry{overflow: hidden}
.art .ry li{width: 33.33333333333333%;float: left}
.art .ry li {text-align: center}