﻿body { margin: 0; padding: 0; font-size: 13px; font-family: "Microsoft YaHei"; color: #323232;}
body, div, span, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, table, td, tr, th, p, font, b { padding: 0; margin: 0;}
li, dd, ol, ul { list-style: none;}
img { border: none;}
a { outline: none; blr: expression(this.onFocus=this.blur()); text-decoration: none; color: #323232}
a:hover { color: #E80415}
html { overflow-x: hidden}
.fr { float: right;}
.fl { float: left;}
.login { width: 1200px; margin: 0 auto; height: 35px; /*line-height: 35px;*/ padding: 30px 0; overflow: hidden;}
.login .logo { float: left; height: 35px;}
.login .tell { float: right; background: url(../images/tell.png) no-repeat left 9px; color: #9ec917; font-size: 18px; padding-left: 40px;}
.login span { float: right; color: #6e706f; font-size: 16px; margin-right: 34px;}
.login .logo a img { margin-top: -10px;}
.mw { min-width: 1200px; background: #eeeeee; height: 50px;/*padding: 3px 0 0 0;*/}
.mw .menu { width: 1200px; margin: 0 auto;}
.mw .menu:after { content: ""; clear: both; display: block;}
.mw .menu li { float: left; position: relative; height: 50px; padding: 0 39px;}
.mw .menu li a { font-size: 16px; color: #666; display: block; text-align: center; margin-top: 5px;}
.mw .menu li a p { font-size: 13px;}
.mw .menu li a:hover { color: #9ec917;}
.mw .menu li .aa { position: absolute; top: 41px; left: 0; z-index: 1000; width: 156px; display: none;}
.mw .menu li .aa dd { height: 30px; border-bottom: 1px solid #a6bf58; background: #b0d243;}
.mw .menu li .aa dd a { height: 30px; line-height: 30px; font-size: 14px; color: #fff; padding: 0 0 0 15px; text-align: left; background: url(../images/ejico.png) no-repeat 5px 12px;}
/* .banner{min-width:1200px; height:500px; margin:0 auto; position: relative;  overflow: hidden; z-index:-100}.banner ul li{display: none; z-index: 2; width: 100%; height:500px; position: absolute; left: 0px; top: 0px; overflow: hidden;}
.banner ul li a{ display:block; width:100%; height:100%;}.banner .page{ width:100%; height: 43px; background: none; position: absolute; left: 0px; bottom: 0px; z-index:5; text-align: center;}.banner .page em{ display: inline-block; width: 10px; height: 10px; margin-top: 17px; background: url(../images/dd1.png) no-repeat center center; margin-right: 10px; cursor: pointer;}.banner .page em.current{ width: 40px; background: url(../images/dd2.png) no-repeat center center;} */.xzus { width: 1200px; margin: 0 auto; padding: 40px 0; border-bottom:1px dashed #ccc; overflow: hidden;}
.xzus .title { height: 52px; /*background: url(../images/xline.jpg) no-repeat bottom center;*/ text-align: left; font-weight: 100; font-size: 28px; color: #9ec917;}
.xzus span { height: 42px; line-height: 42px; margin-top: 16px; display: block; font-size: 20px; color: #232124;}
.xzus .zsjs { line-height: 36px; padding-top: 16px; display: block; font-size: 16px; color: #232124; width: 790px; margin: 0 auto; overflow: hidden;}
.xzus p { line-height: 22px; display: block; font-size: 14px; color: #999; width: 760px; margin: 0 auto;}
.about{ padding-bottom:20px;}
.about img{ float:left; width:430px; height:300px;}.about p{ float:right; width:740px; color:#333;font:15px/34px "微软雅黑";}.about p a{ margin-left:5px; font:14px/34px "微软雅黑"; color:#d00;}.usl { width: 1248px; margin: 0 auto; overflow: hidden;}
.usl li { float: left; width: 262px; margin: 0 25px; border-bottom: 1px solid #ccc; border-top: 5px solid #ccc; padding: 22px 0 34px 0;}
.usl li h5 { font-weight: 100; height: 32px; display: block; font-size: 16px; color: #222;}
.usl li p { display: block; font-size: 13px; line-height: 22px; color: #999; height: 88px; overflow: hidden;}
.sybt { width: 1200px; margin: 0 auto; /*text-align: center;*/ padding: 40px 0 16px 0; overflow: hidden;}
.sybt .title { font-weight: 100; color: #9ec917; font-size: 30px;}
.sybt .title a{ float:right; font:14px/20px "微软雅黑"; color:#555; margin-top:20px;}.sybt .title a:hover{ text-decoration:underline}.sybt .fbt { color: #666; font-size: 20px; height: 40px; display: none;}
.sybt .xcd { color: #222; font-size: 16px; height: 40px; line-height: 30px; width: 1200px; margin: 0 auto;}
.sybt .xcd a { margin: 0 15px; color: #222; font-weight: 700;}
.sybt .xcd a:hover { color: #9ec917;}
.three { width: 1229px; margin: 0 auto; overflow: hidden;}
.three li { width: 391px; height: 263px; float: left; margin: 0 0 0 14px; overflow: hidden; position: relative;}
.three li .fwlm { position: absolute; top: 0; left: 0; text-align: center; line-height: 263px; font-size: 36px; color: #fff; display: block; width: 391px; height: 263px; font-weight: 100; background: url(../images/tm.png) repeat;}
.five { width: 1228px; margin: 0 auto; overflow: hidden;}
.five li { width: 391px; height: 263px; float: left; margin: 0 0 13px 13px; overflow: hidden; position: relative;}
.five li .fwlm { position: absolute; top: 0; left: 0; color: #fff; display: block; width: 348px; height: 243px; font-weight: 100; background: url(../images/tm.png) repeat; padding: 20px 28px 0 15px;}
.five li .fwlm p { font-size: 26px; margin-top: 16px;}
.five li .fwlm span { display: block; width: 59px; height: 3px; background: #fff;}
.ztw { min-width: 1200px; background: #eeeeee; height: 230px; padding: 30px 0;}
.ztw .ztp { width: 1200px; height: 230px; margin: 0 auto; position: relative}
.ztw .ztp .left { width: 50px; height: 70px; font-size: 20px; color: #fff; background: rgba(0,0,0,0.5); position: absolute; left: 0; top: 80px; line-height: 70px; text-align: center; cursor: pointer;}
.ztw .middle { width: 1200px; height: 230px; overflow: hidden;}
.ztw .middle a { display: block; width:280px; height: 225px; float: left; margin-right:20px;}
.ztw .ztp .right { width: 50px; height: 70px; font-size: 20px; color: #fff; background: rgba(0,0,0,0.5); position: absolute; right: 0; top: 80px; line-height: 70px; text-align: center; cursor: pointer;}
.mrzs { width: 1220px; margin: -20px auto 0 auto; overflow: hidden;}
.mrzs li { float: left; width: 285px; margin: 10px 10px 0 10px;}
.mrzs li em img { width: 285px; height: 196px; display: block; overflow: hidden; border-radius: 3px; border: 1px solid #cbcbcb;}
.mrzs li em img:hover { border-color: #9ec917;}
.mrzs li .zsbt { font-weight: 100; text-align: center; font-size: 18px; height: 30px; line-height: 30px; padding-top: 6px;}
.mrzs li .zsbt a { color: #242424;}
.mrzs li .zsbt a:hover { color: #9ec917;}
.mrzs li p { text-align: center; font-size: 14px; height: 34px; color: #666; display: block;}
.zhw { min-width: 1200px; /*background: #9dc816;*/ height: 416px; overflow: hidden; padding: 5px 0;}
.zhw .mrzh { width: 1200px; margin: 0 auto; overflow: hidden;}
.zhw .mrzh li { width: 296px; margin: 1px; overflow: hidden; float: left; padding: 1px}
.zhw .mrzh li img { border: 1px solid #fff}
.syxw { width: 1200px; margin: 15px auto 0 auto; padding-bottom:40px; border-bottom:1px dashed #ccc; overflow: hidden;}
.mtop { margin-top: -30px;}
.syxw .xwbt { height: 55px; line-height: 54px; background: url(../images/xwline.jpg) repeat-x;}
.syxw .xwbt .zbt { float: left; line-height: 54px; border-bottom: 1px solid #a4c60f; width: 300px; height: 54px; color: #9ec917;}
.syxw .xwbt .zbt span { float: left; font-size: 22px;}
.syxw .xwbt .zbt p { font-size: 14px; float: left; margin-left: 8px; line-height: 68px;}
.syxw .xwbt a { float: right; width: 34px; height: 18px; display: block; margin-top: 24px;}
.syxw .xwl { background: #fbfbfb; height: 270px; padding: 10px 0; margin-left: -24px; overflow: hidden;}
.syxw .xwl li { float: left; width: 380px; padding: 0 0 0 4px; margin: 10px 0 0 24px;}
.syxw .xwl li em img { width: 145px; height: 120px; display: block; overflow: hidden; float: left;}
.syxw .xwl li .xwjs { float: right; width: 220px;}
.syxw .xwl li .xwjs .title { font-weight: 100; height: 26px; line-height: 24px; overflow: hidden;}
.syxw .xwl li .xwjs .title a { color: #000;}
.syxw .xwl li .xwjs font { height: 28px; line-height: 20px; color: #565855; font-size: 13px; display: block;}
.syxw .xwl li .xwjs p { height: 44px; line-height: 22px; color: #333; font-size: 14px; overflow: hidden;}
.syxw .xwl li .xwjs .more { fheight: 22px; line-height: 22px;}
.syxw .xwl li .xwjs .more a { color: #9dc816;}
.hzw { min-width: 1200px; background: #f2f2f2; overflow: hidden; padding: 35px 0; margin-top: 44px;}
.hzw .hzhb { width: 1194px; margin: 0 auto; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; overflow: hidden;}
.hzw .hzhb li { border-bottom: 1px solid #b5b5b5; border-right: 1px solid #b5b5b5; float: left; width: 198px; height: 85px; overflow: hidden;}
.bsw { min-width: 1200px; background: #4b494a;}
.bsw .btom { width: 1200px; margin: 0 auto; padding: 30px 0; height: 215px; color: #fff;}
.bsw .btom .bz {  width: 480px; margin:0 auto; text-align:center;}
.bsw .btom .bz .wxlo { margin-top:10px;}.bsw .btom .bz .wxlo span { overflow: hidden;}
.bsw .btom .bz .wxlo .dlogo { float: left; margin: 0;}
.bsw .btom .bz .wxlo .dlogo em { width: 133px; height: 25px; overflow: hidden;}
.bsw .btom .bz .wxlo .dlogo p { height: 40px; line-height: 40px; font-size: 16px; display: block;}
.bsw .btom .bz .tell { line-height: 30px; font-size: 15px; width:100%;}.bsw .btom .bz .dyue { height: 54px;}
.bsw .btom .bz .dyue p { display: block; height: 23px; font-size: 14px;}
.bsw .btom .bz .dyue a { width: 31px; margin-right: 12px; height: 31px;}
.bsw .btom .br { float: left; width: 660px;}
.bsw .btom .br li { float: left; width: 165px;}
.bsw .btom .br .brbt { font-size: 18px;}
.bsw .btom .br .bra { line-height: 30px;}
.bsw .btom .br .bra a { line-height: 20px; color: #fff; display: block; margin-top: 15px}
.bsw .btom .br .bra a:hover { text-decoration: underline;}
.bsw .btom .br .yqlj { height: 80px; font-size: 13px; overflow: hidden; width: 755px;}
.bsw .btom .br .yqlj a { line-height: 20px; color: #bcbabc; margin-right: 10px; display: inline-block;}
.bsw .btom .br .yqlj a:hover { text-decoration: underline;}
.bq { min-width: 1200px; background: #403e3f; text-align: center; height: 40px; line-height: 40px; font-size: 14px; color: #bcbabc;}
.fmal { width:930px; float:right; overflow: hidden;}
.case li { float: left; width: 290px; margin: 0 12px 15px 0; overflow: hidden; border: 1px solid #ccc;}
.case li:hover { border-color: #9dc816;}
.case li em img { width: 290px; height: 255px;}
.case li .cpmc { height: 28px; line-height: 28px; padding: 14px 5px;}
.case li .cpmc span { float: left; font-size: 16px; cursor: pointer;}
.case li .cpmc a { float: right; width: 76px; height: 28px; line-height: 26px; background: #9dc816; color: #fff; text-align: center; font-size: 14px; display: block; border-radius: 4px;}

.game li{ position:relative; cursor:pointer;}
.game li em img{ width:100%; height:500px;}
.game li .er{ width:100%; height:500px; display:none; background-color:rgba(164, 208, 139, 0.8); text-align:center; padding-top:50%; box-sizing:border-box; position:absolute; top:0; left:0;}
.game li .er img{ max-width:200px; height:auto;}
.game li:hover .er { display:block;}

.fmal li { float: left; width:295px; margin: 0 15px 15px 0; overflow: hidden; border: 1px solid #ccc;}
.fmal li:nth-child(3n){ margin-right:0;}.fmal li:hover { border-color: #9dc816;}
.fmal li a { display: block;}
.fmal li a em img { width: 386px; height: 257px; overflow: hidden;}
.fmal li .cpmc { height: 28px; line-height: 28px; padding: 14px 5px;}
.fmal li .cpmc span { float: left; font-size: 16px; cursor: pointer;}
.fmal li .cpmc a { float: right; width: 76px; height: 28px; line-height: 26px; background: #9dc816; color: #fff; text-align: center; font-size: 14px; display: block; border-radius: 4px;}



.albt { padding: 30px 0 20px 0; width: 1200px; margin: 0 auto; height: 28px;}
.albt .almc { color: #333; font-weight: 100; font-size: 26px; border-left: 3px solid #9dc816; display: block; float: left; height: 28px; line-height: 28px; padding-left: 10px;}
.albt a { color: #666; font-size: 16px; float: right; padding-top: 8px;}
.albt a:hover { color: #9dc816;}
.man { width: 1200px; margin: 0 auto; padding: 16px 0 30px 0; overflow: hidden;}
.man .mz { float: left; width: 248px;}
.man .mz .zbt { width: 248px; height: 48px; background: #9dc816; font-size: 18px; color: #fff; line-height: 46px; text-align: center;}
.man .mz .zbt a{ color:#fff;}.man .mz .mnav { border: 1px solid #e0e0e0; border-bottom: none;}
.man .mz .mnav li { line-height: 46px; height: 46px; overflow: hidden; font-size: 14px; border-bottom: 1px solid #e0e0e0;}
.man .mz .mnav li a { color: #666; display: block; background: url(../images/mm.png) no-repeat 15px 20px; padding-left: 40px; font-size: 14px}
.man .mz .mnav li a:hover { color: #9dc816; display: block; background: #f7f7f7 url(../images/mh.png) no-repeat 15px 20px;}
.man .mz .mnav .cur a { color: #9dc816; display: block; background: #f7f7f7 url(../images/mh.png) no-repeat 15px 20px;}
.man .mz .mnav li .on { color: #9dc816; display: block; background: #f7f7f7 url(../images/mh.png) no-repeat 10px 20px;}
.man .mz .mtop { margin-top: 16px;}
.man .mz .lxz { border: 1px solid #e0e0e0; border-top: none; padding: 10px; color: #666; font-size: 14px; line-height: 26px;}
.man .mr { float: right; width: 912px;}
.man .mr .lmkj { border-bottom: 1px solid #dcdcdc; height: 46px; line-height: 46px;}
.man .mr .lmkj .lmmc { font-size: 18px; font-weight: 100; color: #9dc816; float: left;}
.man .mr .lmkj .kjdh { font-size: 14px; color: #666; float: right;}
.man .mr .lmkj .kjdh a { color: #666; margin:0 3px;}.man .mr .lmkj .kjdh a:hover { color: #9dc816;}
.man .mr .newsl li { height: 160px; margin: 25px 0 0 0;}
.man .mr .newsl li .zp { float: left; width: 222px; height: 150px; padding: 4px; border: 1px solid #dcdcdc;}
.man .mr .newsl li .xwxq { float: right; width: 650px;}
.man .mr .newsl li .xwxq em { font-style: normal; color: #666; padding-bottom: 8px; display: block;}
.man .mr .newsl li .xwxq span { height: 38px; font-size: 16px; display: block; line-height: 28px;}
.man .mr .newsl li .xwxq span a { color: #555;}
.man .mr .newsl li .xwxq span a:hover { color: #9dc816;}
.man .mr .newsl li .xwxq p { height: 72px; font-size: 14px; display: block; line-height: 24px; color: #999; overflow: hidden;}
.man .mr .newsl li .xwxq p a { color: #9dc816; cursor: pointer; margin-left: 10px;}
.fy { text-align: center; padding: 20px 0 10px 0; overflow: hidden;}
.fy span{ display:inline-block;}.fy a { padding: 5px 14px; margin: 0 3px; border: 1px solid #ccc; color: #4a4a4a; display:inline-block;}
.fy a:hover { background: #9dc816; border: 1px solid #9dc816; color: #fff;}
.fy .cur { background: #9dc816; border: 1px solid #9dc816; color: #fff;}
.man .mr .dy { padding: 10px 0 30px 0; line-height: 30px; font-size: 14px; color: #666;}
.man .mr .nybt { line-height: 50px; font-size: 20px; color: #333; overflow: hidden; text-align: center; font-weight: 100; padding-top: 16px;}
.man .mr .fbsj { height: 34px; font-size: 14px; line-height: 24px; color: #999; overflow: hidden; text-align: center; border-bottom: 1px dashed #ccc;}
.man .mr .sxp { height: 60px; font-size: 14px; line-height: 30px; color: #666; overflow: hidden;}
.man .mr .sxp .syp a { color: #666;}
.man .mr .sxp .syp a:hover { color: #9dc816;}
.man .mr .lyb { width: 500px; margin: 8px 0 8px 0; overflow: hidden; float: left; color: #3a2d25; font-size: 14px;}
.man .mr .lyb .kk { width: 284px; padding-left: 12px; height: 36px; line-height: 36px; overflow: hidden; color: #666; border: 1px solid #ccc; margin-left: 6px;}
.man .mr .lyb .kks { width: 384px; padding: 6px; height: 96px; line-height: 24px; overflow: hidden; color: #666; border: 1px solid #ccc; margin-left: 6px; margin-top: 11px;}
.man .mr .lyb b { padding: 0 5px; color: #f00;}
.man .mr .tjan { width: 90px; height: 42px; border: none; cursor: pointer; overflow: hidden; background: #f05928; font-size: 16px; line-height: 42px; color: #fff; margin: 11px 0 0 6px;}
.man .mr .lxnr {  overflow: hidden;  font-size: 14px; line-height: 32px; color: #666; margin: 8px 0;}
.man .mr .lrt { margin-top: 30px; text-align: center}
.pab dl { margin-top: 30px; margin-bottom: 20px; width: 297px; height: 370px; overflow: hidden; float: left; color: #FFF; background: url(../images/lx_2.jpg); margin-left: 10px; float: left}
.pab dl dt { width: 188px; height: 38px; line-height: 38px; font-size: 18px; text-align: center; border: 1px solid #FFF; margin: 30px auto 1em;}
.pab dl dd { width: 280px; margin: 0 auto; line-height: 26px;}
.team_info1 { font-size: 15px; color: #333; margin-top: 10px;}
.team_info1 img { float: right; margin: 32px 0 0 10px}
.nr_gy dl { border: 1px dashed #bcc0c0; margin-top: 30px; padding: 30px; font-size: 14px; overflow: auto}
.nr_gy dl dt { color: #136aac; font-size: 18px; float: left;}
.nr_gy dl dt span { font-size: 12px; display: block;}
.nr_gy dl dd { float: right; width: 700px;}
.banner { overflow: hidden; margin: 0 auto; position: relative; height: auto; min-width: 1200px;}
.banner .hd { height: 17px; overflow: hidden; position: absolute; right: 50%; bottom: 15px; z-index: 1; margin-right: -33px}
.banner .hd ul { overflow: hidden; zoom: 1; float: left;}
.banner .hd ul li { float: left; text-indent: -99999px; margin-right: 5px;  border-radius: 100px; width: 12px; height: 12px; line-height: 12px; text-align: center; background: #fff; cursor: pointer;}
 
.banner .hd ul li.on { color: #fff;  width: 24px;}
.banner .bd { position: relative; height: 100%; z-index: 0; left: 50%; margin-left: -960px;}
.banner .bd li { zoom: 1; vertical-align: middle; margin:0}



@media (min-width:1920px) {
 .banner .bd li img{max-width:67%; height:auto}
}

@media (min-width:1400px) {
 .banner .bd li img{max-width:100%; height:auto; text-align:center; margin:0 auto}
}





.banner_ctr { height: 90px; position: absolute; top: 50%; z-index: 2; left: 50%; margin-left: -600px;}
.banner_ctr a { display: block; width: 59px; height: 59px; background: url('../images/slider-arrow.png') no-repeat -59px 0; position: absolute; opacity: 0; filter: alpha(opacity=0); display: block;}
.banner_ctr a.prev { left: -90px;}
.banner_ctr a.next { right: -1280px; background-position: 0px 0px;}
.mrzh .hd { position: relative;}
.mrzh .hd .prev, .mrzh .hd .next { display: block; width: 50px; height: 100px; overflow: hidden; cursor: pointer; background: url("../images/slider-arrow1.png") no-repeat; position: absolute; z-index: 2; left: 2px; right: auto; top: 157px; background-position: -50px 0px;}
.mrzh .hd .next { background: url("../images/slider-arrow1.png") no-repeat; right: 0; top: 157px; left: auto;}
.fu { position: fixed; right: 0; top: 50%; margin-top: -80px; width: 55px; background: rgba(0,0,0,0.3); padding: 12px 0 0 0; border-radius: 5px 0 0 5px; z-index: 999999;}
.fu li { position: relative; cursor: pointer; width: 185px; height: 50px; border-radius: 5px 0 0 5px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin: 5px 0;}
.fu li:hover { margin-left: -130px; background-color: rgba(0,0,0,.3);}
.fu li a { width: 100%; height: 100%; display: block;}
.fu li img { float: left;}
.fu li span { font:16px/50px "微软雅黑"; color:#fff;}.fu li p { display: inline-block; *display: inline; *zoom: 1; font-size: 16px; color: #fff;}