body{font-family:'\5FAE\8F6F\96C5\9ED1'; font-size:12px; color:#666; background: #232323;overflow-x: hidden; }
a{ transition:all 0.3s; text-decoration:none;}
a:hover{ text-decoration:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {    color: #666;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color: #666;}
.wrap{width: 1200px; margin: 0 auto;  }
.bodynow{overflow: hidden;}
.lan{color: #27a9ff!important}
.bgfff{background: #fff}


.header{background: #333;width: 100%;height: 80px}
.logo{display: inline-block;width: 110px;height: 80px; background: url(../images/logo.png) no-repeat left center; float: left;}
.nav{float: left;padding: 20px 0 0 45px; display: inline-block; position: relative;z-index: 100}
.nav li{display: inline-block;float: left; margin:0 15px; position: relative;}
a.navlink{display: inline-block;padding-right: 20px;line-height: 40px;color: #ccc;font-size: 15px;}
.nav li.now a.navlink,.nav li:hover a.navlink{color: #27a9ff}
.icon1{display: inline-block;width: 20px;height: 40px; position: absolute;right: 0;top: 0; background: url(../images/icon1a.png) no-repeat right center; transition: all 0.3s}
.nav li:hover .icon1{background: url(../images/icon1b.png) no-repeat right center;}
.navb{width: 120px; position: absolute;left: 50%; margin-left: -60px;top: 30px;padding: 30px 0 0;
	opacity:0;transform:rotateX(-90deg);transform-origin:0 0;transition:opacity .1s .2s,visibility .1s .3s;transition:transform .3s,opacity .1s .2s,visibility .1s .3s;
visibility:hidden;backface-visibility:hidden
}
.navbm{background: #fff;box-shadow: 0 1px 5px 0 rgba(0,0,0,.3)}
.navbm a{display: block;width: 100%; text-align: center;border-bottom: 1px solid #eee; line-height: 35px;color: #333;font-size: 14px;}
.navbm a:hover{color: #27a9ff}
.navb span{display: inline-block;width: 20px; height: 12px; background: url(../images/icon3.png) no-repeat center center; position: absolute;left: 50%; margin-left: -10px; top: 20px;}
.nav li:hover .navb{opacity:1;transform:rotateX(0);transition:opacity .1s;transition:transform .3s,opacity .1s;transition:transform .3s,opacity .1s;
visibility:visible}
.ssbox{display: inline-block;float: left;margin:21px 0 0 10px; border:1px solid #707070; border-radius: 5px;width: 160px;height: 36px; transition: all 0.3s}
.ss_input{float: left;border:none;font-family:'\5FAE\8F6F\96C5\9ED1'; background: none; height: 38px;width: 120px; padding: 0 10px; box-sizing: border-box;color: #ccc;font-size: 12px;}
.ss_btn{float: right;width: 35px; height: 38px; background: url(../images/icon2a.png) no-repeat center center; cursor: pointer;border:none;transition: all 0.3s}
.ssbox:hover{border:1px solid #fff;}
.ssbox:hover .ss_btn{background: url(../images/icon2b.png) no-repeat center center;}
.ssr{display: inline-block;float: right;padding: 20px 0 0; line-height: 40px;}
.ssr a{display: inline-block;line-height: 40px;color: #ccc;font-size: 12px; vertical-align: middle;}
.ssr span{ color: #707070; display: inline-block;line-height: 40px; vertical-align: middle; padding: 0 8px }
.ssr a:hover{color: #27a9ff; font-weight: bold; }
.banner{overflow: hidden; position: relative;  z-index: 10;}
.banner .swiper-slide{text-align: center;}
.banner .swiper-slide img{max-width: 100%; vertical-align: top;}
.bannerb{ position: absolute;text-align: center; z-index: 10; bottom: 15px!important }
.bannerb .swiper-pagination-bullet{border-radius: 50%!important;background: none!important; border:2px solid #fff;width: 8px!important; height: 8px!important; opacity: 1!important; display: inline-block!important;margin: 0 5px!important}
.bannerb .swiper-pagination-bullet-active{ background: #fff!important }
.taoz{}
.taoz li{float: left;display: inline-block;width: 290px;height: 130px; border-radius: 10px; overflow: hidden; margin-right: 13px;}
.taoz li:nth-child(4){margin-right: 0}
.taozm{width: 290px; height: 130px; display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size: 15px; font-weight: bold;}
.taozm span,.taozm img{vertical-align: middle;}
.taozm span{margin-right: 20px}
.icon4a{background: url(../images/icon4a.png) no-repeat center center;}
.icon4b{background: url(../images/icon4b.png) no-repeat center center;}
.icon4c{background: url(../images/icon4c.png) no-repeat center center;}
.icon4d{background: url(../images/icon4d.png) no-repeat center center;}
.jpss{background: url(../images/icon5.png) no-repeat center center;height: 150px; box-sizing: border-box;padding: 35px 150px 0}
.jpsst{ background:rgba(255,255,255,0.7);border-radius: 5px; padding: 0 0 0 25px }
.jpss_input{float: left;border:none;height: 55px;width: 780px;font-family:'\5FAE\8F6F\96C5\9ED1'; color: #333;font-size: 14px; border:none; background: none}
.jpss_btn{float: right;border:none; height: 55px; width: 75px;background: url(../images/icon6.png) no-repeat center center; cursor: pointer;}
.jpssb{padding: 5px}
.jpssb a{display: inline-block;line-height: 35px;color: #fff;font-size: 14px; margin-right: 25px;}
.jpssb a:hover{color: #27a9ff}
.title{text-align: center;}
.title b{display: inline-block; color: #27a9ff;font-size: 35px;padding: 0 15px; line-height: 40px; vertical-align: middle;}
.title span{display: inline-block;width: 55px; height: 1px;background: #535353; vertical-align: middle;}
.tjlb,.tjlbc{}
.tjlb li,.tjlbc li,.tjlb5 li{ transition: all 0.3s; float: left;display: inline-block;width: 285px;border-radius: 10px 10px 0 0; background: #1b1b1b; height: 290px; overflow: hidden;margin: 0 20px 20px 0}
.tjlbt{ position: relative;height: 180px; z-index: 1 }
.tjlbt span{display: inline-block;width: 70px; z-index: 10; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 12px; border-radius: 3px;background: rgba(0,0,0,0.7); position: absolute;top: 20px; left: 15px; transition: all 0.3s}
.tjlbt img{vertical-align: top;width: 285px; height: 180px; border-radius: 10px 10px 0 0;transition: all 0.3s; position: relative;z-index: 1}
.tjlbb{background: #1b1b1b;margin-top: -10px;padding: 10px 15px 15px; box-sizing: border-box; height: 120px; position: relative;z-index: 10}
.tjlbbt{padding: 8px 0; line-height: 22px; color: #fff; font-size: 12px;transition: all 0.3s}
.tjlbbt p{width: 100%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; height: 22px; line-height: 22px;}
.tjlbbb span{display: inline-block;transition: all 0.3s;line-height: 25px;background: #222; border-radius: 15px;font-size: 12px; color: #666; /*width: 70px;*/ text-align: center; margin-right: 10px;}
.tjlbbb img{float: right;width: 25px; height: 25px;padding:0 1px;}
.tjlb li:hover .tjlbt span,.tjlbc li:hover .tjlbt span,.tjlb5 li:hover .tjlbt span{background: rgba(39,169,255,0.7);}
.tjlb li:hover .tjlbbt,.tjlbc li:hover .tjlbbt,.tjlb5 li:hover .tjlbbt{color: #27a9ff}
.tjlb li:hover .tjlbbb span,.tjlbc li:hover .tjlbbb span,.tjlb5 li:hover .tjlbbb span{color: #fff;}
.tjlb li:hover,.tjlbc li:hover,.tjlb5 li:hover{transform: translateY(-5px);}
.tjlb li:nth-child(4n){margin-right: 0}
.tjlbc li:nth-child(3n){margin-right: 0}
.tjlb5 li:nth-child(3n){margin-right: 0}
 
.tjlb2 li:nth-child(3n){margin-right: 0}
.tjlb2 li:nth-child(4n){margin-right: 20px}
.icon8{display: inline-block;width: 122px;height: 37px; text-align: center; line-height: 37px; color: #999;font-size: 12px; background:url(../images/icon8a.png) no-repeat center center}
.icon8:hover{color: #27a9ff;background:url(../images/icon8b.png) no-repeat center center}
.footer{background: #333;padding: 35px 0 0}
.footertl{display: inline-block;float: left;width: 265px;}
.footertl h2{ line-height: 30px; padding-bottom: 10px; color: #f8fafa;font-size: 16px; }
.footertl p{line-height: 30px;color: #ccc;font-size: 14px;}
.footertl p a{display: inline-block;line-height: 30px;color: #ccc;font-size: 14px;}
.footertl p a:hover{color: #27a9ff}
.footertr{float: right;width: 126px;}
.footertr img{width: 126px; height: 126px; vertical-align: top;border-radius: 5px;}
.footertr p{text-align: center; color: #ccc;font-size: 14px;line-height: 40px;}
.footerb{text-align: center;padding: 20px 0 5px; line-height: 28px;color: #666;font-size: 12px;}
.footerb a{color: #666; margin-right: 15px}
.footerb a:hover{color: #27a9ff}
.float{position: fixed;right: 0;top: 50%;width: 70px; margin-top: -172px; z-index: 10}
.float a{display: inline-block;margin-bottom: 1px; position: relative;}
.floatm{width: 70px;height: 68px; transition: all 0.3s; display: table-cell;vertical-align: middle;text-align: center;background: #434343; cursor: pointer; }
.floatm:hover{ background: #27a9ff }
.floatm p{color: #fff;font-size: 12px; line-height: 24px;}
.wximg{position: absolute;top: 0;right: 70px; opacity: 0; transition: all 0.3s; display: none;width:200px;}
.gzwm:hover .wximg{right: 75px; opacity: 1; display: block;}
.weizhi{background: url(../images/icon10.png) no-repeat left center;padding: 15px 0 15px 25px;line-height: 30px; color: #fff;font-size: 14px;}
.weizhi a{color: #fff;}
.weizhi a:hover{color: #27a9ff}
.weizhi2{background: url(../images/icon10.png) no-repeat 30px center #1b1b1b;padding: 10px 0 10px 55px;line-height: 30px; color: #fff;font-size: 14px;}
.weizhi2 a{color: #fff;}
.weizhi2 a:hover{color: #27a9ff}
.cjt{background: #1b1b1b; padding: 10px 100px 10px 45px; line-height: 30px;}
a.cjlink{display: inline-block;line-height: 30px;padding: 0 15px; margin-right: 5px;color: #666;font-size: 12px;border-radius: 5px;}
a.cjlink:hover,a.cjlinknow{color: #fff; background: #0d0d0d}
.icon11{display: inline-block;background: url(../images/icon11.png) no-repeat right center; padding-right: 20px;line-height: 30px;color: #666;font-size: 12px;}
.icon11:hover,.icon11now{background: url(../images/icon11b.png) no-repeat right center; color: #fff}
.cjleft{width: 895px; float: left;}
.cjright{width: 290px; float: right;}
.page{text-align: center;}
.page a{display: inline-block;border-radius: 3px;border:1px solid #a0a0a0;width: 28px; margin:0 9px; height: 28px; line-height: 28px; text-align: center;color: #999;font-size: 14px;}
.page a:hover,.page a.now{color: #fff;background: #27a9ff; border:1px solid #27a9ff;}
.page a:first-child,.page a:last-child{font-family: '宋体';font-weight: bold;}
.tjzy{background: #1e1e1e; border-radius: 5px 5px 0 0; overflow: hidden;}
.icon12{ background: #121212;text-align: center; transition: all 0.3s }
.icon12 span{display: inline-block;background: url(../images/icon12.png) no-repeat left center; color: #fff;line-height: 50px; font-size: 18px;padding-left: 35px;}
.tjzy:hover .icon12{ background: #27a9ff; }
.tjzym{padding: 0 20px}
.tjzym li{border-bottom: 1px solid #313131;padding: 18px 0}
.tjzyml{float: left;width: 100px; height: 70px; border-radius: 5px; overflow: hidden;}
.tjzyml img{width: 100px; height: 70px; border-radius: 5px; transition: all 0.3s}
.tjzymr{float: right;width: 135px;}
.tjzymr h2{color: #fff; line-height: 20px; height: 40px;font-size: 12px; padding-bottom: 5px; transition: all 0.3s}
.tjzymr p{color: #999;font-size: 12px;}
.tjzym li:hover .tjzyml img{transform: scale(1.1,1.1);}
.tjzym li:hover .tjzymr h2{color: #27a9ff}
a.gdlan{color: #666;}
a.gdlan:hover{color: #27a9ff}
.wytw{background: #1b1b1b; border-radius: 5px 5px 0 0; }
.icon13{border-radius: 5px 5px 0 0;text-align: center; background: #121212; transition: all 0.3s}
.icon13 span{background: url(../images/icon12.png) no-repeat left center; color: #fff;padding-left: 35px; font-size: 18px; line-height: 45px;}
.wytw:hover .icon13{background: #27a9ff}
.wytwm{padding: 10px 20px  6px;}
.wytwm li{}
.wytwm li a{display: inline-block; line-height: 35px; color: #fff;white-space: nowrap;width: 100%; overflow: hidden;height: 35px;text-overflow:ellipsis;font-size: 12px;}
.wytwm li a:hover{color: #27a9ff}
.cjt2{background: #1b1b1b; padding: 10px 25px; line-height: 30px;}
.xqleft{float: left;width: 895px; background: #1e1e1e; box-sizing: border-box;padding: 25px 30px}
.xqt{}
.xqtl{float: left;width: 70px; text-align: left;}
.xqtl img{vertical-align: top;width: 50px;height: 50px; border-radius: 10px;padding:2px;}
.xqtr{float: left;width: 765px}
.xqtr h2{color: #fff; color: #fff;font-size: 18px; line-height: 40px;}
.icon16{display: inline-block;background: url(../images/icon16.png) no-repeat left center; line-height: 35px;color: #999;font-size: 14px; padding-left: 30px;}
.icon14{display: inline-block;background: url(../images/icon14.png) no-repeat left center; line-height: 35px;color: #999;font-size: 14px; padding-left: 30px;}
.icon15a{padding: 0!important;width: 31px!important; height: 35px !important; margin:0 5px 0 0!important; background: url(../images/icon15a.png) no-repeat center center!important; opacity: 0.7!important;}
.icon15b{padding: 0!important;width: 31px!important; height: 35px !important; margin:0 5px 0 0!important; background: url(../images/icon15b.png) no-repeat center center!important;opacity: 0.7!important;}
.icon15c{padding: 0!important;width: 31px!important; height: 35px !important; margin:0 5px 0 0!important; background: url(../images/icon15c.png) no-repeat center center!important;opacity: 0.7!important;}
.icon15d{padding: 0!important;width: 31px!important; height: 35px !important; margin:0 5px 0 0!important; background: url(../images/icon15d.png) no-repeat center center!important;opacity: 0.7!important;}
.icon15e{padding: 0!important;width: 31px!important; height: 35px !important; margin:0 5px 0 0!important; background: url(../images/icon15e.png) no-repeat center center!important;opacity: 0.7!important;}
.icon15a:hover,.icon15b:hover,.icon15c:hover,.icon15d:hover,.icon15e:hover{opacity: 1!important;}
.xqm{padding: 20px 15px 35px; font-size: 14px; line-height: 28px; color: #666;}
.xqm img{max-width: 100%; height: auto}
.ycan{border:2px dashed #27a9ff; border-radius: 5px;padding: 20px 30px; color: #fff; line-height: 30px;font-size: 14px;}
.ycan a{display: inline-block;color: #fff; background: #27a9ff;border-radius: 3px; line-height: 30px;padding: 0 15px;font-size: 14px;}
.icon17{width: 400px;height: 100px; border-radius: 5px}
.icon17m{display: table-cell;vertical-align: middle;width: 400px; height: 100px;  padding: 0 45px;box-sizing: border-box;color: #fff;font-size: 14px;line-height: 20px;}
.icon17m h2{color: #fff;font-size: 16px;line-height: 20px;padding-bottom: 15px;transition: all 0.3s;font-weight:bold;height:31px;}
.icon17a{background: url(../images/icon17a.png) no-repeat center center;}
.icon17b{background: url(../images/icon17b.png) no-repeat center center;}
.icon17m span{color: #fff;transition: all 0.3s;font-weight:bold;}
.icon17:hover h2,.icon17:hover span{color: #27a9ff}
.tjlb3{}
.tjlb3 li{float: left;display: inline-block;width: 270px;border-radius: 10px 10px 0 0; background: #1b1b1b; height: 290px; overflow: hidden;margin: 0 12.5px 20px 0}
.tjlbt3{ position: relative;height: 180px; z-index: 1 }
.tjlbt3 span{display: inline-block;width: 70px; z-index: 10; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 12px; border-radius: 3px;background: rgba(0,0,0,0.7); position: absolute;top: 20px; left: 15px; transition: all 0.3s}
.tjlbt3 img{vertical-align: top;width: 270px; height: 180px; border-radius: 10px 10px 0 0;transition: all 0.3s; position: relative;z-index: 1}
.tjlb3 li:hover .tjlbt3 span{background: rgba(39,169,255,0.7);}
.tjlb3 li:hover .tjlbt3 img{transform: scale(1.1,1.1);}
.tjlb3 li:nth-child(3n){margin-right: 0}
.xxleft{float: left;width: 895px; background: #fff;}
.xxlt{padding: 20px 30px}
.xxltl{float: left;width: 90px;height: 90px; border-radius: 50%}
.xxltl img{width: 90px;height: 90px; border-radius: 50%}
.xxltr{float: left;width: 590px;padding-left: 30px;padding-top: 25px; line-height: 25px;color: #999;font-size: 14px;}
.xxltr h2{line-height: 40px;font-weight: bold;color: #27a9ff;font-size: 25px;}
.sqt{background: #f6f6f6; padding: 12px 30px; border-bottom: 1px solid #e5e5e5}
a.sqlink{display: inline-block;line-height: 30px;border-radius: 3px;color: #333; box-sizing: border-box; font-size: 14px;margin-right: 10px;min-width: 70px;text-align: center;padding: 0 15px}
a.sqlink:hover,a.sqlinknow{color: #fff;background: #27a9ff}
.sqlink2{display: inline-block;background: url(../images/icon11.png) no-repeat right center; padding-right: 20px;line-height: 30px;color: #333;font-size: 12px;}
.sqlink2:hover,.sqlink2now{ color: #000; font-weight: bold;}
.sqlb{}
.sqlb li{border-bottom: 1px solid #e5e5e5;padding: 9px 30px; cursor: pointer;}
.sqlbtxt1{display: inline-block;width: 70px;text-align: center;line-height: 30px; border-radius: 3px;transition: all 0.3s;color: #666;font-size: 12px; background: #e8e8e8}
.sqlbtxt2{display: inline-block;line-height: 30px;padding-left: 10px;color: #333;font-size: 14px; transition: all 0.3s}
.sqlbtxt3{display: inline-block;line-height: 30px; float: right;color: #999;font-size: 14px;transition: all 0.3s}
.sqlb li:hover .sqlbtxt1{background: #93d4ff; color: #fff;}
.sqlb li:hover .sqlbtxt2,.sqlb li:hover .sqlbtxt3{color: #27a9ff}
.sqrt{background: #fff;}
.sqrtl{float: left;width: 97px;border-right: 1px solid #eee;height: 80px}
.sqrtlm{display: table-cell;vertical-align: middle;text-align: center;width: 97px; height: 80px;color: #27a9ff; font-size: 12px; line-height: 20px;}
.sqrtlm h2{color: #27a9ff; font-weight: bold;font-size: 20px;line-height: 30px;}
.sqrtl2{float: left;width: 97px;height: 80px}
.qdao{ cursor: pointer; float: left;width: 95px;height: 80px; line-height: 80px; text-align: center;color: #fff; font-size: 30px; font-weight: bold;background: url(../images/icon18.png) no-repeat center center;}
.icon19{ background: #121212;text-align: center; }
.icon19 span{display: inline-block;background: url(../images/icon19.png) no-repeat left center; color: #fff;line-height: 50px; font-size: 18px;padding-left: 35px;}
.tcbg{ display: none; background: #000; opacity: 0.7; width: 100%; height: 100%; position: fixed;left: 0;top: 0; z-index: 1000}
.tcqd{display: none;background: url(../images/icon20.jpg) no-repeat center top #fff;width: 1000px;position: fixed;left: 50%; margin-left: -500px;top: 50%;z-index: 1001;padding: 128px 0 0; margin-top: -307px}
.tc_yearfee{    
    display: none;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    width: 400px;
    height: 400px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
    z-index: 1001;
    margin-top: -307px;
}
.tc_yearfee .qdm{padding:0 !important;}
.tc_yearfee .qdm img{width: 400px;height:310px;}
.tc_yearfee .close{
    display: inline-block;width: 70px;height: 70px; position: absolute;right: 0;top: 0;background: url(../images/icon23.png) no-repeat center center; cursor: pointer;color: #222;
}
.tc_yearfee .pay{
    
}
.qdtxt{  display: inline-block;background: #fff;padding: 0 15px;line-height: 50px;border-radius: 25px;color: #666;font-size: 18px;}
.qdm{padding: 55px 95px 0}
.qdm li{display: inline-block;float: left;width: 150px; margin:0 70px 5px 0;}
.qdmt{display: table-cell;vertical-align: middle;text-align: center;width: 150px;height: 90px;background: #f5f5f5;border-radius: 5px}
.qdmt p{ color: #666;font-size: 14px;line-height: 25px; }
.qdm li h2{line-height: 35px;text-align: center; color: #666;font-size: 16px;}
.qdm li.now .qdmt{ background: #d6efff }
.qdm li.now .qdmt p,.qdm li.now h2{ color: #27a9ff } 
.qdm li:nth-child(4){margin-right: 0}
.qdm li:nth-child(7){margin-right: 0;width: 370px}
.qdm li:nth-child(7) .qdmt{width: 370px}
a.ljqd{display: inline-block;background: #27a9ff;color: #fff;width: 160px;height: 50px;line-height: 50px; text-align: center;border-radius: 3px;font-size: 18px;}
.qdb{border-top: 1px solid #eee;padding: 10px 95px; line-height: 30px;color: #666;font-size: 14px;}
.icon22{background: url(../images/icon22.png) no-repeat left center; padding-left: 18px; font-weight: bold;}
.icon22b{background: url(../images/icon22.png) no-repeat left center; padding-left: 18px; font-weight: bold; text-decoration: underline;}
.dhjl{color: #27a9ff;text-decoration: underline;font-size: 14px;}
.icon23{display: inline-block;width: 70px;height: 70px; position: absolute;right: 0;top: 0;background: url(../images/icon23.png) no-repeat center center; cursor: pointer;}
.hft{ border-bottom: 1px solid #eee;padding: 30px 30px 15px; line-height: 25px;color: #999;font-size: 14px; }
.hft h2{color: #333;font-weight: bold;line-height: 30px; font-size: 20px;}
.hfb{padding: 30px}
.hfbt img{max-width: 100%; height: auto}
.hflb{}
.hflb li{border-top: 1px solid #eee;padding: 20px 15px 10px 0}
.hflbl{float: left;width: 75px; text-align: center;}
.hflbl img{vertical-align: top;border-radius: 50%;width: 40px;height: 40px;}
.hflbl p{line-height: 25px; padding: 10px 0 0;color: #000;font-size: 14px;}
.hflbr{float: right;width: 735px}
.hflbrb{background: #f8f8f8; line-height: 30px; padding: 5px;color: #666;font-size: 12px; margin-bottom: 10px}
a.huilan{color: #999}
a.huilan:hover{color: #27a9ff}
.hftj{border:1px solid #eee;border-radius: 5px;padding: 12px 10px}
.hftjl{border:1px solid #27a9ff;border-radius: 3px;height: 40px; box-sizing: border-box;padding: 0 20px; float: left;width: 720px;font-family:'\5FAE\8F6F\96C5\9ED1';font-size: 12px; color: #666;}
input.hftjl:-ms-input-placeholder {    color: #999;}
input.hftjl::-webkit-input-placeholder {    color: #999;}
.hftjr{float: right;border-radius: 3px;border:none;width: 80px;height: 40px;color: #fff;background: #27a9ff;cursor: pointer;font-family:'\5FAE\8F6F\96C5\9ED1';font-size: 12px;}
.hfbb{background: #eee; border-radius: 3px;padding: 30px 0; line-height: 30px; text-align: center;color: #333;font-size: 20px;}
.hfbb a{color: #333; font-weight: bold;margin:0 10px;}
.hfbb a:hover{color: #27a9ff}
.grl{float: left;width: 220px;background: #fff; height: 660px}
.grlt{display: table-cell;vertical-align: middle; text-align: center; width: 220px;height: 150px; background: url(../images/img14.jpg) no-repeat center center;}
.grlt img{width: 70px;height: 70px; border-radius: 50%; vertical-align: middle;}
.grltr{display: inline-block;color: #fff;font-size: 14px;line-height: 25px; text-align: left; vertical-align: middle; }
a.shji{display: inline-block;border:1px solid #fff; color: #fff;border-radius: 3px; line-height: 30px;width: 150px;font-size: 14px;}
.grlnav{}
.grlnav li{border-bottom: 1px solid #e5e5e5; cursor: pointer;padding: 5px 20px; transition: all 0.3s}
.grlnav li a{display: inline-block;line-height: 50px;color: #333;font-size: 14px;width: 100%; background: url(../images/icon24.png) no-repeat right center;}
.grlnav li:hover,.grlnav li.now{background: #eee}
.grlnav li:hover a,.grlnav li.now a{font-weight: bold;}
.grr{float: right;background: #fff;min-height: 660px; box-sizing: border-box;padding: 25px 30px;width: 960px}
.grzl{}
.grzl li{ border-bottom:1px solid #eee; padding:15px 0; line-height:30px; color:#999; font-size:14px;}
.grzll{ display:inline-block; width:58px; line-height:30px; text-align:left; color:#333; font-size:14px; vertical-align:middle}
.grtx{ display:inline-block; vertical-align:middle}
.grtx img{ border-radius:50%; width:100px; height:100px;}
.grtxr{ vertical-align:middle;display:inline-block; line-height:24px; padding:0 0 0 30px;}
.ghtx{ display:inline-block; position:relative; border:1px solid #e6e6e6; height:40px; line-height:38px; box-sizing:border-box;  color:#333;width: 105px; text-align: center; cursor:pointer; float:right; margin-top:30px; cursor: pointer;}
.file{ border:none; width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; opacity:0;cursor: pointer;}
.xiug{ display:inline-block; width:105px; height:36px; border:1px solid #e6e6e6; text-align:center; color:#333; font-size:12px; cursor:pointer; vertical-align:middle; line-height:36px; }
.tcxg{ width:490px; background:#fff; position:fixed; left:50%; margin-left:-245px; z-index:1001; padding:15px 0 35px; top:50%; margin-top:-214px; display:none}
.chk2{ display: none; } 
.chk2 + label { border:1px solid #d7d7d7; width:14px; height:14px; display:inline-block; vertical-align:middle; border-radius:50%; box-sizing:border-box} 
.chk2 + label:active,.chk2:checked + label { background:url(../images/icon28.png) no-repeat center center #cf0000; border:none;} 
.zcbox2{width: 360px;margin: 0 auto}
.tcxg h2{ text-align:center; line-height:35px; padding-bottom:20px; border-bottom:1px solid #eee; color:#333; font-size:24px; margin-bottom:20px;}
.close{ display:inline-block; width:30px; height:30px; background:url(../images/icon25.png) no-repeat center center; position:absolute; top:15px; right:10px; cursor:pointer}
.zc_input{border: 1px solid #e6e6e6; height: 45px; box-sizing: border-box;padding: 0 15px; box-sizing: border-box;width: 100%;font-family:"\5FAE\8F6F\96C5\9ED1"; color: #666; font-size: 14px;}
.btn160{width: 160px;height: 50px;text-align: center;border: none;cursor: pointer;font-family:"\5FAE\8F6F\96C5\9ED1";color: #fff;font-size: 16px; background: #27a9ff; border-radius: 3px}
.btn160b{border: none;background: #eee;color: #666;font-size: 16px;font-family:"\5FAE\8F6F\96C5\9ED1";cursor: pointer;width: 160px;height: 48px;border-radius: 3px}
.grzl li:first-child{padding: 0 0 15px}
.dhjil{}
.dhjil tr{border-bottom: 1px solid #eee}
.dhjil th{line-height: 60px; background: #f6f6f6; color: #333;font-size: 14px;}
.dhjil td{line-height: 40px; padding: 10px 0;color: #666;font-size: 14px;}
.dhjil td img{width: 60px; height: 40px; margin:0 10px 0 20px; vertical-align: middle;}
.dhjil2 td{padding: 0; line-height: 44px;}
.chzhi{display: inline-block;line-height: 30px; background: #27a9ff; border-radius: 5px;width: 80px;text-align: center;}
.chzhi span{display: inline-block;background: url(../images/icon26.png) no-repeat left center;color: #fff; line-height: 30px;padding-left: 25px;font-size: 14px;}
.qiand{display: inline-block;line-height: 30px; background: #27a9ff; border-radius: 5px;width: 80px;text-align: center;}
.qiand span{display: inline-block;background: url(../images/icon27.png) no-repeat left center;color: #fff; line-height: 30px;padding-left: 25px;font-size: 14px;}
.pllb{}
.pllbt{border-bottom: 1px solid #eee;line-height: 60px; background: #f6f6f6; color: #333;font-size: 14px;}
.pllbt span{display: inline-block;float: left;text-align: center;width: 485px; font-weight: bold; line-height: 60px;}
.pllbt b{display: inline-block;line-height: 60px; float: right;width: 115px;text-align: center;color: #333;font-size: 14px;}
.pllb li{border-bottom: 1px solid #eee;padding-left: 15px;}
.pllb li a{display: inline-block;line-height: 44px;color: #666;font-size: 14px;}
.pllb li a:hover{color: #27a9ff}
.pllb li span{display: inline-block;float: right;width: 115px; text-align: center;line-height: 44px;color: #666;font-size: 14px;}
.bg{background: url(../images/bg.jpg) no-repeat center center;height: 640px; box-sizing: border-box;padding: 85px 0 0}
.zhc{width: 865px;margin:0 auto;border-radius: 10px; background: #fff; height: 460px; overflow: hidden;}
.zhcl{width: 390px; background: #333;box-sizing: border-box;padding: 30px 0 0 55px;height: 460px; float: left;}
.zhcl h2{color: #fff;font-weight: bold;line-height: 50px;font-size: 18px;}
.zhcl li{padding:10px 0; line-height: 35px; background: url(../images/icon29.png) no-repeat left center; padding-left: 40px;color: #ccc;font-size: 14px;}
.zhcr{float: right;width: 475px;}
.zhcrm{width: 320px; margin:0 auto;padding: 30px 0 0}
.zhcrmt{line-height: 40px; padding-bottom: 20px; text-align: center;color: #333;font-size: 30px;}
.input100{width: 100%; box-sizing: border-box;padding: 0 15px;border:1px solid #eee;height: 45px;font-family:'\5FAE\8F6F\96C5\9ED1';color: #333;font-size: 14px;}
.zhcrmb{width: 100%; box-sizing: border-box;border:1px solid #eee;}
.input190{width: 190px; box-sizing: border-box;padding: 0 15px;border:none;height: 43px;font-family:'\5FAE\8F6F\96C5\9ED1';color: #333;font-size: 14px;}
.input100:-ms-input-placeholder,.input190:-ms-input-placeholder{    color: #ccc;}
.input100::-webkit-input-placeholder,.input190::-webkit-input-placeholder{    color: #ccc;}
.yzmbtn{float: right;width: 80px;margin:6px 10px 0 0; border:none; height: 30px; background: #eee;color: #999;font-size: 12px;text-align: center;cursor: pointer;font-family:'\5FAE\8F6F\96C5\9ED1';}
.chk{ display: none; } 
.chk + label { border:1px solid #e6e6e6; width:15px; height:15px; display:inline-block; vertical-align:middle;} 
.chk + label:active, .chk:checked + label { background:url(../images/icon20.png) no-repeat center center;} 
.btn100{  border:none; background:#333;  width:100%; height:45px; cursor:pointer; text-align: center;font-family:"\5FAE\8F6F\96C5\9ED1";font-size: 14px; color: #fff;}
.colc00{color: #c00 !important}
.imgbox{text-align: center;}
.imgbox img{max-width: 100%; height: auto; vertical-align: top;}
.jytop{border-bottom: 3px solid #27a9ff;padding: 35px 30px 20px; line-height: 40px; background: url(../images/icon31.jpg) no-repeat center bottom;}
.icon35{background: url(../images/icon35.png) no-repeat left center;padding-left: 30px; line-height: 40px; color: #333;font-size: 16px}
.jym{padding: 25px 30px}
.jytitle{line-height: 40px;color: #333;font-size: 16px;}
.chk3{ display: none; } 
.chk3 + label { background:url(../images/icon34a.jpg) no-repeat center center; border:none; width:14px; height:14px; display:inline-block; vertical-align:middle; border-radius:50%; box-sizing:border-box} 
.chk3 + label:active,.chk3:checked + label { background:url(../images/icon34b.jpg) no-repeat center center ; border:none;} 
.fktxt{border:1px solid #e5e5e5;height: 180px; width: 100%; padding: 10px; box-sizing: border-box;line-height: 35px;font-size: 14px; color: #666;font-family:"\5FAE\8F6F\96C5\9ED1";}
.fktxt:-ms-input-placeholder{    color: #ccc;}
.fktxt::-webkit-input-placeholder {    color: #ccc;}
.scjt{display: inline-block;background: #27a9ff;border-radius: 3px; color: #fff;font-size: 14px; width: 130px;height: 50px;line-height: 50px; text-align: center; position: relative;}
.scjt_file{width: 100%; height: 100%; position: absolute;left: 0;top: 0; opacity: 0;}
.fkbox{border:1px solid #eee;display: inline-block;width: 790px; padding: 0 20px 0 55px}
.icon32{background: url(../images/icon32.jpg) no-repeat 20px center;}
.icon33{background: url(../images/icon33.jpg) no-repeat 20px center;}
.fk_input{border:none; width: 100%;height: 45px;font-family:"\5FAE\8F6F\96C5\9ED1";color: #666;font-size: 14px;}
.fk_input:-ms-input-placeholder{    color: #ccc;}
.fk_input::-webkit-input-placeholder {    color: #ccc;}
.img17{ background: url(../images/img17.jpg) no-repeat center top;height: 150px;padding: 30px 0 0;box-sizing: border-box; text-align: center; }
.img17 h2{text-align: center;line-height: 50px;color: #333;font-size: 25px; font-weight: bold;}
.img17 span{display: inline-block;border:1px dashed #7d7d7d;border-radius: 3px;padding: 0 60px;line-height: 45px;color: #333;font-size: 18px;}
.xjzc{margin:30px 40px; border:1px solid #eee;}
.cztitle{background: #f6f6f6;color: #333;font-weight: bold;padding-left: 20px; line-height: 50px;font-size: 14px;}
.xjzcm{padding: 0 0 40px 20px; display: inline-block;width: 405px;}
.xjzcm li{padding: 10px 0 0; border-bottom: 1px solid #eee; line-height: 40px;color: #333;font-size: 14px;}
.xjzcm_input{border:none;height: 40px;width: 200px;font-family:"\5FAE\8F6F\96C5\9ED1"; color: #666;font-size: 14px;}
.xjzcm_input:-ms-input-placeholder{    color: #ccc;}
.xjzcm_input::-webkit-input-placeholder {    color: #ccc;}
.xzcz{border:1px solid #eee;margin:30px 40px;}
.xzczm{padding: 50px 0 40px; text-align: center;}
.xzczm li{display: inline-block;width: 178px;text-align: center;color: #666;font-size: 14px; margin:0 90px; cursor: pointer; position: relative;}
.xzczmt{width: 180px;height: 180px; display: table-cell;vertical-align: middle;text-align: center; }
.czsm{padding: 0 40px 30px; color: #999;font-size: 14px; line-height: 25px;}
.chk4{ display: none; } 
.chk4 + label { cursor: pointer;  border:none; width:178px; height:178px; display:inline-block; position: absolute;left: 0;top: 0;border:1px solid #d2d2d2; } 
.xzczm li:nth-child(1) .chk4 + label:active,.xzczm li:nth-child(1) .chk4:checked + label { border:1px solid #00b700; } 
.xzczm li:nth-child(2) .chk4 + label:active,.xzczm li:nth-child(2) .chk4:checked + label { border:1px solid #009fe8; } 
.czse{padding: 45px 40px 0}
.czse li{float: left;width: 360px; margin-right: 20px;position: relative;padding: 0 30px;box-sizing: border-box;}
.czsem{display: table-cell;vertical-align: middle;width: 300px;height: 200px; text-align: center;}
.czseb{border-top: 1px dashed #eee;color: #999;font-size: 14px;line-height: 22px; padding-top: 15px}
.chk5{ display: none; } 
.chk5 + label { cursor: pointer;  border:none; width:358px; height:198px; display:inline-block; position: absolute;left: 0;top: 0;border:1px solid #eee; } 
.chk5 + label:active,.chk5:checked + label { border:1px solid #27a9ff; } 
.czse li:nth-child(3){margin: 0}
.xybox{background: #fff;width: 960px;z-index: 1001; display: none; position: fixed;left: 50%; top: 50%;margin-top: -245px; margin-left: -480px;box-sizing: border-box;padding: 15px}
.xyboxm{height: 460px; overflow: auto;}
.xyboxm h2{color: #333; text-align: center; position: relative; font-size: 24px; border-bottom: 1px solid #eee;line-height: 35px; margin-bottom: 20px;padding-bottom: 15px;}
.xyboxm h2 .close{top: 5px}
.xyboxm p{color: #666;font-size: 13px; line-height: 24px;}
.bshareDiv{opacity: 0!important;display: none!important;}
@media screen and (max-width:1370px){

}
@media screen and (max-height:900px){

}


/*page*/
.pager{text-align: center;}
.pager a{border:1px solid #a0a0a0;padding:5px 10px;background:#FFF;line-height:40px;font-size:14px;color:#a0a0a0;margin-right:10px;border-radius: 3px;}
.pager a:hover{background:#27a9ff;color:#FFF;border:1px solid #27a9ff;}
.pager span{border:1px solid #24aae1;padding:5px 10px;background:#27a9ff;line-height:40px;font-size:14px;color:#FFF;margin-right:10px;border-radius: 3px;}