@charset "utf-8";
*{margin:0;padding:0;}
body{text-align: center;}
body,input,textarea{font-size: 100%;font-family:Microsoft Yahei,Arial,SimSun,Verdana, Geneva, sans-serif;color:#323232;}
input,textarea{outline:none; border:none;}
ol,ul,li{list-style: none;}
a{text-decoration:none;color:#333;}
a:hover{}
a,span,i,em,img{-webkit-transition: all 0.25s;-moz-transition: all 0.225;-ms-transition: all 0.225;-o-transition: all 0.225;transition: all 0.225;font-style: normal;}
img{vertical-align: middle;border:0;}
table {border-collapse: collapse;border-spacing: 0;}
.clear{clear:both;}
.hide{display: none !important;}

.top{ width:100%; margin:0 auto; z-index:999; background:#fff;}
.top .head{ width:1200px; margin:0 auto; overflow:hidden}
.top .head .logo{ float:left;}
.top .head ul{ float:right; overflow:hidden; height:110px;}
.top .head ul li{ float:left; width:100px; height:110px;}
.top .head ul li a{ text-align:center; display:block; width:100%; margin-top:30px; color:#333; font-size:14px }
.top .head ul li a h1{ font-size:14px; line-height:40px; font-weight:normal; color:#333; }
.top .head ul li span{ display:block;}
.top .head ul li.on{ background:#2097e6;}
.top .head ul li.on h1{ color:#fff;}


.top_icon{ width:240px; height:210px; background:url(../images/icon.png); background-repeat:no-repeat;}
.ems01{ width:100px; height:30px; background-position:-10px 0px;}
.ems02{ width:100px; height:30px; background-position:-10px -30px;}
.ems03{ width:100px; height:30px; background-position:-10px -60px;}
.ems04{ width:100px; height:30px; background-position:-10px -90px;}
.ems05{ width:100px; height:30px; background-position:-10px -120px;}
.ems06{ width:100px; height:30px; background-position:-10px -150px;}
.ems07{ width:100px; height:30px; background-position:-10px -180px;}

.top .head ul li.on .ems01{width:100px; height:30px; background-position:-130px 0px;}
.top .head ul li.on .ems02{ width:100px; height:30px; background-position:-130px -30px;}
.top .head ul li.on .ems03{ width:100px; height:30px; background-position:-130px -60px;}
.top .head ul li.on .ems04{ width:100px; height:30px; background-position:-130px -90px;}
.top .head ul li.on .ems05{ width:100px; height:30px; background-position:-130px -120px;}
.top .head ul li.on .ems06{ width:100px; height:30px; background-position:-130px -150px;}
.top .head ul li.on .ems07{ width:100px; height:30px; background-position:-130px -180px;}

/*banner*/
.wp_banner{ height:460px;  position: relative; }
.banner_zj, .banner_js { height:462px; width:100%; display:none;}
.banner_zj a { display:block; width:100%; height:462px; background:url(../img/banner_zj.jpg) no-repeat center center;}
.banner_js a { display:block; width:100%; height:462px; background:url(../img/banner_js.jpg) no-repeat center center;}
.wp_banner .bd {margin: 0 auto;position: relative;	z-index: 0;	overflow: hidden;}
.wp_banner .bd ul {	width: 100% !important;}
.wp_banner .bd li {	width: 100% !important;	height: 460px;	overflow: hidden;	text-align: center;background-repeat: no-repeat;  background-position: top center;}
.wp_banner .bd li a {	display: block;	height: 460px;}
.wp_banner .hd {	width: 100%;	position: absolute;	z-index: 1;	bottom: 12px;	left: 0;	height: 20px;	line-height: 30px;}
.wp_banner .hd ul {	text-align: center;}
.wp_banner .hd ul li {	cursor: pointer;	display: inline-block;	*display: inline;	zoom: 1;	width: 11px;	height: 11px;	margin-left:11px;	overflow: hidden;	background:url(../images/yuanhui1.png) no-repeat;line-height: 999px;border-radius: 5px;}
.wp_banner .hd ul .on {background:url(../images/yuanhong2.png) no-repeat;width: 42px; height:11px;}
.wp_banner .arrowbox { height: 1px; margin: 0 auto; max-width: 1200px; position: relative; width: 100%;}
.wp_banner .prev, .wp_banner .next { display: block; position: absolute; z-index: 1; top:-260px; left:-30px; z-index: 1; width: 50px; height: 50px; border-radius:25px; background: url(../images/slider-arrow1.png) -123px -142px #000 no-repeat;	cursor: pointer; filter: alpha(opacity=0); opacity: 0; transition: all 0.3s linear 0s;}
.wp_banner .next {left: auto;right:-30px;background-position: -2px -141px;}
.wp_banner:hover .prev { left:30px; filter: alpha(opacity=50); opacity: 0.5;}
.wp_banner:hover .next { right:30px; filter: alpha(opacity=50); opacity: 0.5;}

.title{ width:100%; margin:0 auto; padding-top:80px;}
.title .tils{ text-align:center; }
.title span{ display:block; width:60px; height:6px; background-color:#2097e6; margin:0 auto; margin-top:6px}
.coming{ width:100%; height:280px; background:#3b749a; margin-top:80px;}
.coming .comes{ width:1200px; margin:0 auto;  height:280px;background-image:url(../images/bgg.jpg);}
.coming .comes span{ background:#fff;}
.coming .comes .title{ padding-top:60px;}
.coming .comes p{ width:1100px; margin:0 auto; color:#fff; font-size:16px; line-height:32px; margin-top:40px; text-align:left; text-indent:2em;}

.picture{ width:1200px; margin:0 auto; margin-top:40px; }
.picture ul{overflow:hidden; width:1200px;}
.picture ul li{ width:360px; float:left; margin-left:60px;}
.picture ul li:first-child{ margin-left:0px;}
.picture ul li .picbox{ width:360px;}
.picture ul li .picbox img{ width:100%; height:auto;}
.picture ul li h1{ font-size:16px; line-height:36px; margin-top:10px; color:#333; text-align:center;}
.picture ul li p{ font-size:14px; line-height:28px; color:#333; text-align:left; text-indent:2em;}
.picture ul li p a{ font-weight:bold; color:#e62520}
.listss{ width:1200px; margin:0 auto; margin-top:80px; overflow:hidden}
.listss .phot{ width:480px; float:left;}
.listss .phot img{ width:100%; height:auto}
.listss .list{ float:right; width:680px;}
.listss .list .til{ overflow:hidden}
.listss .list .til span{ display:block; width:40px; height:40px; background:url(../images/pao.png); float:left}
.listss .list .til h2{ font-size:28px; line-height:50px; float:left; margin-left:8px; color:#2097e6}

.lists{ margin-top:6px; }
.lists li{ width:96%;  border-bottom:dashed 1px #e6e6e6;}
.lists li a{width:98%; margin:0 auto; overflow:hidden; display:block }
.lists li a em{ font-size:16px; float:left; line-height:56px; color:#333; text-indent:20px; background:url(../images/spot.png) -2px 18px no-repeat;}
.lists li a span{ font-size:12px; line-height:56px; float:right; color:#666;}

.cons{ width:1200px; overflow:hidden; margin:0 auto; margin-top:80px;}
.cons .online{ float:left; width:320px}
.cons .online dt{ width:100%;  background:#2097e6; height:80px;}
.cons .online dt h1{ font-size:24px; line-height:32px; font-weight:bold; color:#fff; padding-top:16px; text-align:center; }
.cons .online dt em{ font-size:12px; line-height:22px; font-weight:bold; color:#fff;text-transform:uppercase}
.cons .online dd{ overflow:hidden; border:solid 1px #e6e6e6; height:80px; border-top:none;}
.cons .online dd span{ float:left; display:block; width:40px; height:40px; margin:20px;}
.cons .online dd .rush{ float:left; border-left:solid 1px #e6e6e6; height:60px; margin-top:10px; padding-left:20px;}
.cons .online dd .rush h1{ font-size:20px; font-weight:normal; line-height:30px; text-align:left;color:#333;}
.cons .online dd .rush em{font-size:12px; line-height:22px; color:#333;text-transform:uppercase; text-align:left;}

.cons .online dd .rush h2{ font-size:16px; font-weight:normal; line-height:30px; text-align:left;color:#333;}
.cons .online dd .rush b{font-size:22px; line-height:30px; color:#333;text-align:left; font-weight:normal;}
.cons .online dd .rush p{font-size:18px; line-height:30px; color:#333;text-transform:uppercase; text-align:left;}

.cons .online dd.on{ border:solid 1px #2097e6;}
.cons .online dd.on .rush{border-left:solid 1px #2097e6; }
.cons .online dd.on .rush h1{color:#2097e6;}
.cons .online dd.on .rush em{color:#2097e6;}
.cons .online dd.on .rush h2{color:#2097e6;}
.cons .online dd.on .rush b{color:#2097e6;}
.cons .online dd.on .rush p{color:#2097e6;}


.icom{ width:80px; height:340px; background:url(../images/icom.png);}
.art01{ width:40px; height:40px; background-position:0 0;}
.art02{ width:40px; height:40px; background-position:0 -40px;}
.art03{ width:40px; height:40px; background-position:0 -80px;}
.art04{ width:40px; height:40px; background-position:0 -120px;}
.art05{ width:40px; height:40px; background-position:0 -160px;}
.art06{ width:40px; height:40px; background-position:0 -200px;}
.art07{ width:40px; height:40px; background-position:0 -240px;}
.art08{ width:40px; height:40px; background-position:0 -280px;}

.cons .online dd.on .art01{ width:40px; height:40px; background-position:-40px 0;}
.cons .online dd.on .art02{ width:40px; height:40px; background-position:-40px -40px;}
.cons .online dd.on .art03{ width:40px; height:40px; background-position:-40px -80px;}
.cons .online dd.on .art04{ width:40px; height:40px; background-position:-40px -120px;}
.cons .online dd.on .art05{ width:40px; height:40px; background-position:-40px -160px;}
.cons .online dd.on .art06{ width:40px; height:40px; background-position:-40px -200px;}
.cons .online dd.on .art07{ width:40px; height:40px; background-position:-40px -240px;}
.cons .online dd.on .art08{ width:40px; height:40px; background-position:-40px -280px;}
.right{ float:right; width:840px;}
.titels{ width:840px; margin:0 auto; height:50px; background:#2097e6}
.titels p{ font-size:16px; line-height:50px; color:#fff; text-indent:34px; text-align:left; background:url(../images/position.png) 10px 12px no-repeat;}
.titels p a{color:#fff;}


.article{width: 800px; margin:0 auto; margin-top:20px;}

.article h1{ font-size:24px; line-height:60px; color:#333; font-weight:bold;text-align:center;}

.article{ width:98%; margin:0 auto; margin-top:20px;}
.article .con_article *{ font-size:14px; line-height:32px; text-align:left; text-indent:2em; color:#333;}
.article .con_article img{ margin:20px auto; text-align:center;}



.foot{ width:100%; margin:0 auto; background:#333333; margin-top:80px;}

.foot .footer p{ width:100%; font-size:14px; line-height:32px; color:#fff; text-align:center; padding-top: 40px;}