/*common*/
body, div, ul, li, a, img, p, dl, dt, dd, h1, h2, h3, h4, span, strong, input, button { margin: 0; padding: 0; list-style: none; text-decoration: none; border: 0; list-style: none; }
body { font-size: 12px; font-family: 'Microsoft YaHei'; color: #666; background: #fff; }
a { color: #666; outline: 0; blr: expression(this.onFocus=this.blur()); }


a:hover { text-decoration: none; }
img { outline-width: 0px; vertical-align: top; }
.sj_banner { background: #54a7dd; color: #fff; }
.sj_banner_con { height: 620px; background: url(/images/sj_01.png) 700px bottom no-repeat; overflow: hidden; }
.title { padding-top: 46px; height: 54px; text-align: center; position: relative; }

.title span.txt { font-size: 32px; color: #373d41; line-height: 54px; display: inline-block; padding: 0px 18px; height: 54px; background: #fff; position: relative; z-index: 2;}
.title span.line { display: block; width: 100%; height: 1px; background: #efefef; position: absolute; top: 72px; left: 0px; z-index: 1; }
.des { text-align: center; margin-bottom: 24px; }
.des li { height: 48px; line-height: 48px; display: inline-block; margin: 0px 34px; font-size: 14px; color: #73777a; padding-left: 18px; background: url(/images/sj_dui.png) left center no-repeat; }

.mobile ul { margin-top: 30px; }
.mobile ul li { background: url(/images/mobile.png) no-repeat; height: 512px; width: 250px; float: left; margin: 0 25px; margin-bottom: 30px; }
.sj_wz { width: 221px; height: 392px; overflow: hidden; margin-left: 14px; background: #fff; margin-top: 60px; position: relative; }
.sj_wz .sj_img { width: 221px; height: 392px; }
.sj_hover { height: 392px; width: 221px;  background: url(/images/sj_hover.png) repeat; position: absolute; left: 0; top: 0; color: #fff; text-align: center; }
.sj_hover:hover { background: url(/images/sj_hoverh.png) repeat;  }
.sj_hover img { height: 100px; width: 100px; }
.sj_hover strong { display: block; height: 40px; line-height: 40px; font-size: 18px; font-weight: normal; padding-top: 60px; padding-bottom: 10px; }
.sj_hover span { display: block; height: 30px; line-height: 30px;  padding-top:10px; font-size:14px;}
.sj_hover a { display: block; height: 30px; line-height: 30px; color: #fff; background:url(/images/sj_fdj.png) 62px center no-repeat; padding-left:26px; font-size:16px;}
.wznzsm { padding: 20px 0px; }
.wznzsm dl { width: 300px; float: left; text-align: center; height: 200px; overflow: hidden; }
.wznzsm dl dt { padding-top: 30px; }
.wznzsm dl dd { padding: 10px 20px; line-height: 24px; }
.wznzsm dl dd strong { display: block; height: 30px; line-height: 30px; font-size: 18px; color: #333; font-weight: normal; }
.js_bcg { height: 140px; line-height: 140px; text-align: center; background: #333; font-size: 24px; margin-top: 30px; color: #fff; }
.js_bcg div { position: relative; }
.js_bcg div a { display: block; height: 40px; line-height: 40px; background: #f60; width: 100px; text-align: center; position: absolute; left: 50%; top: -20px; margin-left: -50px; border-radius: 3px; font-size: 18px; color: #fff; padding: 0 20px; box-shadow: 2px 2px 5px rgba(0,0,0,0.5); }
.js_bcg div a:hover { background: #f40; }

h4.mobile-tit { color: #999; font-size: 14px; text-align: center; margin-bottom: 30px; }
h4.mobile-tit span { display: block; padding-bottom: 30px; line-height: 2.0; }
h4.mobile-tit i { display: block; width: 40px; height: 1px; background-color: #bbb; margin: 0 auto; }
.mobile-banner { height: 710px; overflow: hidden; position: relative; background-color: #000; }
.mobile-banner-bg { width: 100%; height: 710px; background: url(/images/02index-banner-9.jpg) no-repeat center top; position: absolute; left: 0; top: 0; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.mobile-banner-video { position: absolute; left: 0; bottom: 0px; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }
.mobile-banner-txt { text-align: center; position: relative; margin: 100px 0 50px 0; }
.mobile-banner-txt h2 { font-size: 54px; line-height: 54px; color: #fff; }
.mobile-banner-txt h3 { font-size: 16px; line-height: 24px; color: #e8e8e8; padding: 40px 0 30px 0; font-weight: normal; }
.mobile-banner-txt p { font-size: 24px; line-height: 24px; color: #fff; padding-bottom: 38px; padding-top: 0px; }
.mobile-banner-txt a { width: 138px; height: 40px; border: 1px solid #fff; text-align: center; line-height: 40px; font-size: 16px; margin: 0 5px; display: inline-block; color: #fff; }
.mobile-banner-txt a.login-btn, .mobile-banner-txt a:hover { background-color: #ff6800; border-color: #ff6800; color: #fff; }
.mobile-banner-txt a.login-btn:hover { background-color: #ed6101; }
.mobile-banner-con { position: relative; text-align: center; }
.mobile-banner-con h4.mobile-tit { color: #e8e8e8; }
.mobile-banner-con ul { display: inline-block; }
.mobile-banner-con li { float: left; width: 238px; border-right: 1px solid rgba(242,242,242,.1); padding: 15px 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.mobile-banner-con li a { display: block; }
.mobile-banner-con li a:hover { text-decoration: none; }
.mobile-banner-con li .li-img { width: 238px; height: 62px; vertical-align: middle; text-align: center; display: table-cell; }
.mobile-banner-con li .li-img img { display: inline-block; }
.mobile-banner-con li .li-txt { text-align: center; padding-top: 20px; }
.mobile-banner-con li .li-txt strong { color: #fff; font-size: 14px; font-weight: normal; padding-bottom: 5px; display: block; line-height: 2.0; }
.mobile-banner-con li .li-txt span { color: #ccc; font-size: 12px; line-height: 12px; display: block; }