@charset "utf-8";
/* CSS Document */
* {	margin:0;padding:0;}
a {	text-decoration:none;}
body { margin: 0; padding: 0; height: 100%; font-size: 14px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; color: #333; }
dd, dl, dt, li, ol, ul { margin: 0; padding: 0; list-style: none }
input { font-size: 12px; font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; vertical-align: middle }
select { font-family: Arial; font-size: 12px }
textarea { font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑"; font-size: 12px }
.clear { clear: both; font-size: 0; }
a { text-decoration: none; transition: all .3s linear 0s; color: #333; }
:focus { outline: 0 }
p { line-height: 24px }
.fl { float: left }
.fr { float: right }



/*header*/
.warp { width: 1200px; margin: auto; }
.header { width: 100%; height: 80px; position: fixed; z-index: 666; top: 0; left: 0; right: 0; padding-bottom: 1px;transition: all .2s linear 0s; }
.header .wrap { position: relative; height: 80px; }
.nav>li>ul { display: none; background: rgba(0,0,0,.5); padding: 15px 0; overflow: hidden; }
.nav>li>ul li { float: none; line-height: 40px; }
.nav>li>ul a { height: 40px; font-size: 13px; }
.nav>li>ul a:hover { background: #2e8af9; color: #fff; }
.nav li.active span, .nav li:hover span { opacity: 1; filter: alpha(Opacity=100); }
.header.fixed { height: 80px; background: #fff url(../images/line.png) left bottom repeat-x; -o-box-shadow: 0 0 8px rgba(0,0,0,.2); -ms-box-shadow: 0 0 8px rgba(0,0,0,.2); -moz-box-shadow: 0 0 8px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.2); box-shadow: 0 0 8px rgba(0,0,0,.2); }
.header.fixed .wrap { height: 80px; }
.header.fixed .nav li { line-height: 80px; }
.header.fixed .nav li a { color: #666; border:1px solid #e5e5e5}
.header.fixed .nav span { background: #593d96; top: 80px; }
.header.fixed .nav>li>ul li { float: none; line-height: 80px; }
.header.fixed .nav>li>ul a { color: #fff; }

/*banner*/ 
.mcounter { position: relative; left: 0; right: 0; height: 102px; background: rgba(0,0,0,.3); z-index: 3; }
.mcounter_list { width: 300px; float: left; color: #fff; text-align: center; height: 82px; padding-top: 20px; }
.mcounter_list p { font-size: 14px; }
.mcounter_list p.number { margin: auto; display: inline-block; height: 43px; position: relative; }
.mcounter_list span.counterDX { font-size: 36px; line-height: 43px; }
.mcounter_list span.unit { font-size: 18px; position: absolute; top: -10px; right: -15px; }
.mcounter_list +.mcounter_list { background: url(../images/line.png) left center repeat-y; }


.banbox { width: 100%; height: 700px; position: fixed; top: 0; left: 0; right: 0; z-index:1; }
.banboxbg { width: 100%; height: 700px; z-index: 1; position: relative; }
.wy-mod-banner { width: 100%; margin-top: 0; height: 700px; position: relative; overflow: hidden }
.wy-mod-banner img { width: auto }
.wy-mod-banner .banners { width: 1920px; height: 700px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .banner { width: 1920px; height: 700px; overflow: hidden; position: absolute; left: 50%; margin-left: -960px }
.wy-mod-banner .focus { width: 960px; margin: 0 auto; padding-top: 700px; text-align: center }
.wy-mod-banner .focus a { text-decoration: none; z-index: 3; width: 80px; height: 3px; position: relative; display: inline-block; overflow: hidden; margin: 0; zoom: 1 }
.wy-mod-banner .focus a .bg-b { background: #fff; position: absolute; display: block; left: 0; top: 0; cursor: pointer; width: 80px; height: 3px }
.wy-mod-banner .focus a .inner { background: #593d96; position: absolute; left: 0; top: 0; z-index: 9; width: 0; height: 3px; transition: all 0.5s; }
.wy-mod-banner .focus a.on .inner, .wy-mod-banner .focus a:hover .inner { cursor: pointer; display: block; width: 80px; }
/*xm*/ 

.ys{ background:url(../images/bi.jpg) bottom center no-repeat #fff; text-align:center;position:relative; z-index: 3; padding:100px 0}
.bt{font-size:36px; margin-bottom:30px;}
.wz{color:#666; font-size:18px; line-height:30px; width:690px; text-align:center; margin:auto}
.gn{margin-top:50px; text-align:center; margin-left:180px; margin-bottom:30px}
.gn1, .gn2, .gn3, .gn4, .gn5{float:left; width:120px; text-align:center;  border-radius:10px; padding:20px 0}
.gn1, .gn2, .gn3, .gn4{margin-right:50px}
.tb1{background:url(../images/tb1.png) center no-repeat; width:41px; height:37px; margin-bottom:20px; margin-left:auto; margin-right:auto; margin-top:8px}
.tb2{background:url(../images/tb2.png) center no-repeat; width:48px; height:44px; margin-bottom:20px;margin-left:auto; margin-right:auto}
.tb3{background:url(../images/tb3.png) center no-repeat; width:44px; height:44px; margin-bottom:20px;margin-left:auto; margin-right:auto}
.tb4{background:url(../images/tb4.png) center no-repeat; width:39px; height:38px; margin-bottom:20px;margin-left:auto; margin-right:auto; margin-top:8px}
.tb5{background:url(../images/tb5.png) center no-repeat; width:29px; height:44px; margin-bottom:20px;margin-left:auto; margin-right:auto}

.gn1:hover, .gn2:hover, .gn3:hover, .gn4:hover, .gn5:hover{background:#2196f3; color:#fff}
.gn1:hover .tb1{background:url(../images/tb1_h.png) center no-repeat;}
.gn2:hover .tb2{background:url(../images/tb2_h.png) center no-repeat;}
.gn3:hover .tb3{background:url(../images/tb3_h.png) center no-repeat;}
.gn4:hover .tb4{background:url(../images/tb4_h.png) center no-repeat;}
.gn5:hover .tb5{background:url(../images/tb5_h.png) center no-repeat;}

.ysys{ background:#f7f7f7; text-align:center;position:relative; z-index: 3; padding:100px 0}
.ysbt{font-size:30px; margin-bottom:100px}
.ysbt p{font-size:16px; color:#999; margin-top:20px}
.ys1, .ys2, .ys3{float:left; width:400px; text-align:center}
.pic{ margin-bottom:30px; }
.des{font-size:20px; margin-bottom:20px}
.xj{width:268px; color:#999;text-align:center; margin:auto; line-height:30px}
.ysh1{margin-bottom:70px}

.ysys2{ background:#fff; text-align:center;position:relative; z-index: 3; padding:100px 0}
.ysbt{font-size:30px; margin-bottom:100px}
.ysbt p{font-size:16px; color:#999; margin-top:20px}
.ys1, .ys2, .ys3{float:left; width:400px; text-align:center}
.pic{ margin-bottom:30px; }
.des{font-size:20px; margin-bottom:20px}
.xj{width:280px; color:#999;text-align:center; margin:auto; line-height:30px}
.ysh1{margin-bottom:70px}
.zszt{height:2px; width:25px; background:#ff8b02; margin-left:auto; margin-right:auto; margin-bottom:30px}

.pic1{margin-bottom:40px}
.db{ background:#181818; position:relative; z-index: 3;}
.foot1{border-bottom:1px solid #333; padding-top:40px; color:#fff; padding-bottom:30px} 
.foot_wz{font-size:24px; float:left}
.foot_ri a{display:block; width:160px; height:40px; background:#2196f3; text-align:center; line-height:40px; color:#fff; float:right; border-radius:20px}
.bot{height:80px; line-height:80px; color:#666;}
.bot span{margin-left:30px}