@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td{margin:0; padding:0;}
body, button, input, select, textarea{font-family:"微软雅黑";}
h1{font-size:18px;}
h2{font-size:16px;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}
address, cite, dfn, em, var{font-weight:normal; font-style:normal;}
code, kbd, pre, samp, tt{}
small{font-size:12px;}
ul, ol{list-style:none;}
a{text-decoration:none;}
a:hover{color:#f72818; text-decoration:underline;}
abbr[title], acronym[title]{border-bottom:1px dotted; cursor:help;}
q:before, q:after{content:'';}
legend{color:#000;}
fieldset, img{border:none;}
button, input, select, textarea{font-size:100%;}
table{border-collapse:collapse; border-spacing:0;}
hr{border:none; height:1px;}
html{overflow-y:scroll;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-table}
* html .clearfix{height:1%}
.clearfix{display:block;}
/*css common*/
.l{float:left;}
.r{float:right;}
.cl{height:0; font-size:0; clear:both;}
.red{color:#900;}
.hide{display:none;}
.cont{width:1200px; margin:0 auto;}
body{}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.hdMask { position: absolute; width: 100%; height: 100px; background: #000; left: 0; top: 0; filter:alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity:0.6; opacity: 0.5; z-index: 10;}
.hd { position: absolute;width:100%;  height: 100px; top: 0; z-index: 20;}
.logo { width: 226px; height: 33px; margin-top: 30px; margin-left:60px;}
.logo img { display: inline-block; width: 226px; height: 33px;}
.nav { height: 100px;}
.nav li { float: left; height: 100px; position:relative;}
.nav li a { display: block; height: 100px; line-height: 100px; padding: 0 40px; font-size: 20px; color: #FFF; }
.nav li.act::after,.nav li:hover::after{content: '';position: absolute;bottom: 19px;left: 53%;margin-left: -13px;width:22px;height:3px;background:rgba(255,255,255,1);border-radius:2px;}
.nav li:hover{-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.nav li a:hover{ text-decoration:none;}
.hdR { height: 38px; margin-top: 30px; margin-right:60px;}
.hdR a { margin-left: 26px; font-size: 16px; text-align:center; line-height:38px; display:block; float:left;}
.hdR a.login { width:88px; height:38px; background:#fff; border-radius:20px; color:#333;} 
.hdR a.login:hover{ background:#f72818;color:#fff;} 
.hdR a.reg{ color:#fff;width:88px; height:38px;border-radius:20px; border:1px solid #fff;}
.hdR a.reg:hover{ background:#f72818;color:#fff; border:1px solid #f72818}

/*banner*/
.banner{ background:url(../images/banner.jpg) no-repeat top center; height:560px; padding-top:240px;}
.banner .bannertext{ background:url(../images/ad.png) no-repeat center; width:764px; height:212px; }
.banner a.banner_jion{ display:block; background:url(../images/home_jion.png) no-repeat; width:200px; height:64px; margin:30px auto 0 auto;}
.banner a.banner_jion:hover{  background:url(../images/home_jion_hover.png) no-repeat;}
.index_title{ height:120px; background:url(../images/index_title-1.png) no-repeat center center #f7f7f7;}
.in_cont1{ background:url(../images/home_bg1.jpg) no-repeat; height:448px;}
.in_cont1 .in_adv{ width:1200px; margin:0 auto;}
.in_cont1 .in_adv ul{ width:700px;}
.in_cont1 .in_adv li{ width:260px; margin:88px 82px 0 0;}
.in_cont1 .in_adv li i{ display:block; float:left; width:26px; height:26px; padding:0 10px 0 0;}
.in_cont1 .in_adv li .inadv_icon1{ background:url(../images/home_icon1.png) no-repeat; }
.in_cont1 .in_adv li .inadv_icon2{ background:url(../images/home_icon2.png) no-repeat; }
.in_cont1 .in_adv li .inadv_icon3{ background:url(../images/home_icon3.png) no-repeat; }
.in_cont1 .in_adv li .inadv_icon4{ background:url(../images/home_icon4.png) no-repeat; }
.in_cont1 .in_adv li strong{ display:block; height:26px; line-height:26px; font-size:18px; color:#333333;}
.in_cont1 .in_adv li p{ font-size:15px; color:#333333; line-height:24px; padding:10px 0 0 0;}
.in_rich_title{ height:180px; background:url(../images/index_title-2.png) no-repeat center center;} 
.advTab{ background:url(../images/home_bg2.jpg) no-repeat center; height:740px;}
.advTabCon{ width:900px; margin:0 auto; overflow:hidden; height:660px;}
.advTabConL{ color:#fff; width:522px; padding:220px 0 0 0;}
.advTabConL strong{ font-size:26px;}
.advTabConL p{ padding:30px 0 0 0; font-size:18px; line-height:36px;}
.advTabConR{ padding:110px 0 0 0;}
.advTabNav{ height:80px; width:1200px; margin:0 auto;}
.advTabNav li{ float:left; height:80px; line-height:80px; width:300px; text-align:center; color:#a7a8a9; font-size:26px; cursor:pointer;}
.advTabNav li.act{ color:#fff; background:#373737;}
/*合作伙伴*/
.partner_title{ height:180px; background:url(../images/index_title-3.png) no-repeat center center;}
.partner_cont{ width:1200px; margin:0 auto; height:320px;}
.partner_cont .client_list { clear:both; }
.partner_cont .client_list li { width:20%; float:left; margin-bottom:20px; cursor:pointer;}
.partner_cont .client_list li img { width:180px; height:90px; margin:0 auto;border:1px solid #eeeeee; border-radius:4px;  padding:10PX;}
.trans_effect { -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;  transition:all 0.6s ease-in-out;}
.trans_effect:hover { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2);}
.in_news_title{  height:120px; background:url(../images/index_title-4.png) no-repeat center center #f7f7f7;}
.inNews_cont{width:1200px; margin:0 auto; padding:60px 0 60px 0; overflow:hidden;}
.inNews_cont li{ width:500px; float:left; padding:0 100px 20px 0;}
.inNews_cont .inNews_title{ display:block; width:500px; height:36px; line-height:36px; color:#333333; font-size:17px; overflow:hidden; font-weight:bold;}
.inNews_cont .inNews_ms{ width:360px; height:26px; line-height:26px; overflow:hidden; color:#666666; font-size:16px; display:block; float:left;}
.inNews_cont span{ height:26px; line-height:26px; float:right; color:#999999; font-size:14px;}
.inNews_cont a:hover{color:#f72818; text-decoration:underline;}
.foot{ height:92px; background:#1e1e1e; text-align:center; line-height:30px; font-size:14px; color:#868686; padding:30px 0 0 0;}

/**********在线客服*************/
.kfBtn { position: fixed; width: 60px; height: 218px; right: 0; top: 300px; cursor: pointer;}
.kfZone { position: fixed; padding: 5px 5px 5px 0; background: #202020; right: -250px; top: 300px;}
.kfZoneL { cursor: pointer;}
.kfZoneR { width: 180px; background: #FFF;}
.kfZoneR dl {}
.kfZoneR dl dt { margin-left: 5px; margin-top: 12px; font-size: 14px; color: #333; font-weight: bold;}
.kfZoneR dl dd { margin-left: 8px; padding: 9px 0 5px 0; font-size: 12px; color: #666; border-bottom: 1px solid #ddd;}
.kfZoneR dl dd span { display: flex; margin-right: 5px; vertical-align: 6px;line-height:25px;}
.kfZoneR dl dd a { display: inline-block;}
.kfZoneR dl dd a img { display: block;}


/*广告主*/
.adver_banner{ background:url(../images/adv_banner.jpg) no-repeat center top; height:500px;}
.adver_process{ height:134px; background:url(../images/process.jpg) no-repeat center center;}
.adver_advantage{ height:526px; background:#f7f7f7; border-top:1px solid #e1e1e1;}
.adverTage_title{ height:180px; line-height:180px; color:#333333; font-size:42px; text-align:center;}
.adver_advantage ul{ width:1200px; margin:0 auto;}
.adver_advantage li{ width:300px; float:left; text-align:center;}
.adver_advantage i{ height:118px; width:118px; background:url(../images/ys_icon.png) no-repeat; display:block; margin:0 0 0 92px;}
.adver_advantage strong{ font-size:18px; color:#333333; padding:28px 0 10px 0px; display:block;}
.adver_advantage p{ line-height:30px; font-size:16px; color:#333333;}
.adver_advantage i.adverTage_two{ background-position:-138px 0;}
.adver_advantage i.adverTage_three{ background-position:-276px 0;}
.adver_advantage i.adverTage_four{ background-position:-414px 0;}
.adver_advantage i.webmaster_one{ background-position:0 -138px;}
.adver_advantage i.webmaster_two{ background-position:-138px -138px;}
.adver_advantage i.webmaster_three{ background-position:-276px -138px;}
.adver_advantage i.webmaster_four{ background-position:-414px -138px;}
.web_banner{ background:url(../images/web_banner.jpg) no-repeat center top; height:500px;}

/*常见问题*/
.problem_cont { width: 1200px; margin: 52px auto 0; padding-bottom: 50px;}
.problem_cont ul li { position: relative; height: 50px; line-height: 50px;}
.problem_cont ul li a { margin-left: 38px; font-size: 16px; color: #666;}
.problem_cont ul li a:hover { text-decoration: none; color: #f72818;}
.problem_cont ul li span { position: absolute; font-size: 16px; color: #666; right: 30px; top: 0;}
.problem_cont ul li:nth-child(odd) { background: #f9f9f9;}
.page { height: 30px; margin-top: 60px; text-align: center;}
.page a { display: inline-block; width: 28px; height: 28px; line-height: 28px; margin: 0 5px; text-align: center; color: #999; font-size: 14px; border: 1px solid #e5e5e5;}
.page a.a1 { width: 58px;}
.page a:hover { color: #FFF; text-decoration: none; border-color: #f72818; background: #f72818;}
.page span { display: inline-block; width: 30px; height: 30px; line-height: 30px; margin: 0 5px; color: #FFF; font-size: 14px; text-align: center; background: #f72818;}

.problem_banner{ background:url(../images/problem_banner.jpg) no-repeat center top; height:500px;}
.ann_banner{ background:url(../images/ann_banner.jpg) no-repeat center top; height:500px;}

/*新闻动态*/
.annDetailWrap { width: 1178px; margin: 25px auto 100px auto;}
.annDetail_mbx { height: 30px; padding-left: 14px; font-size: 12px; color: #333; border-bottom: 1px solid #e5e5e5; background: url("../images/jt2.png") no-repeat 0 5px;}
.annDetail_mbx a { font-size: 12px; color: #333;}
.annDetail_title { margin-top: 78px; padding-bottom: 25px; text-align: center; border-bottom: 1px dashed #ddd;}
.annDetail_title h2 { font-size: 30px; color: #333; font-weight: 100;}
.annDetail_title span { display: block; margin-top: 5px; font-size: 14px; color: #666;}
.annDetailCon { margin-top: 48px;}
.annDetailCon p { margin-bottom: 8px; font-size: 16px; color: #333;}
/******登录注册********/
.login_bg{ height: 764px; background: url("../images/login_bg.jpg") no-repeat center top;}
.login_cont { width: 1200px; height: 603px; margin: auto;}
.login_left { float: right; width: 470px; height: 420px; margin-top: 224px; background: #fff; border-radius:10px;}
.login_left h1 { height: 100px; line-height: 100px; text-indent: 32px; font-size: 26px; color: #333; font-weight:normal;}
.loginL_cont { width:392px; margin: 0px auto 20px 34px;}
.loginL_cont p { height: 48px; margin-bottom: 20px;}
.loginL_cont p input { width: 390px; height: 46px; font-size: 14px; color: #666; border: 1px solid #b6b6b6; border-radius:4px;}
.loginL_cont p input.username { width: 350px; line-height: 38px; padding-left: 38px; border: 1px solid #e5e5e5; background: #FFF url("../images/icon.png") no-repeat 10px 12px;}
.loginL_cont p input.password { width: 350px; line-height: 38px; padding-left: 38px; border: 1px solid #e5e5e5; background: #FFF url("../images/icon.png") no-repeat 10px -60px;}
.loginL_cont p.p3 { position: relative; height: 16px; line-height: 16px; margin-bottom: 30px; margin-top:10px;}
.loginL_cont p label { font-size: 12px; color: #666;}
.loginL_cont p input.chk { width: 15px; height: 15px; margin-right: 5px; vertical-align: -3px; *vertical-align: 1px;}
.loginL_cont p span { position: absolute; margin-right: 5px; font-size: 12px; color: #f00; right: 0; top: 0; *top: 4px;}
.loginL_cont p input.btn { width: 392px; height: 50px; font-size: 18px; color: #FFF; border: none; border-radius: 4px; background: #f72818; cursor: pointer;}
.loginZoneBot { height: 50px; line-height: 50px; background: #FFF;}
.loginZoneBot span { float: left; margin-left: 40px; font-size: 14px; color: #666;}
.loginZoneBot a { float: right; margin-right: 40px; font-size: 14px; color: #f72818;}

.register {width: 1200px; margin: 50px auto;}
.register_title { height: 39px; border-bottom: 1px solid #ddd;}
.register_title span { float: left; width: 148px; height: 38px; line-height: 38px; margin-right: 10px; text-align: center; border: 1px solid #ddd; border-bottom: none; background: #f7f7f7; cursor: pointer;}
.register_title span.act { height: 39px; background: #FFF;}
.register_title a { float: right; margin-top: 18px; font-size: 12px; color: #777;}
.register_title a:hover { color: #f72818 }

.regTabCon { padding-top: 10px; padding-bottom: 50px; border-top: none;}
.regTabCon dl { margin-left: 214px; margin-top: 50px;}
.regTabCon dl dt { height: 30px; color: #333; font-size: 18px;}
.regTabCon dl dt em { margin: 0 5px;}
.regTabCon dl dd { height: 30px; margin-top: 30px; }
.regTabCon dl dd label { display: inline-block; width: 134px; height: 30px; line-height: 30px; text-align: right; font-size: 14px; color: #333;}
.regTabCon dl dd label i { display: inline-block; margin-right: 6px; font-size: 16px; font-style: normal; color: red; vertical-align: -2px;}
.regTabCon dl dd input { width: 395px; height: 33px; line-height: 33px; padding-left: 5px; font-size: 12px; border: 1px solid #ddd; vertical-align: middle;}
.regTabCon dl dd span { margin-left: 14px; font-size: 12px; color: #999;}
.regTabCon dl dd span.err { color: red;}
.regTabCon dl dd span.corr { color: green;}
.regTabCon dl dd select { width: 402px; height: 33px; line-height: 33px; padding-left: 5px; font-size: 12px; border: 1px solid #bbc4d3; vertical-align: middle; *vertical-align: -12px;}
.regTabCon dl dd select option { color: #333;}
.regTabCon dl dd select.sel1 { width: 100px;}
.regTabCon dl dd select.sel2 { width: 100px; margin-left: 10px;}
.regTabCon p { width: 1112px; margin: 50px auto 0; text-align: center;}
.regTabCon p input { width: 233px; height: 40px; margin-left: 90px; color: #FFF; font-size: 16px; border: none; border-radius: 4px; background: #f72818; cursor: pointer;}


/*----------helpCenet.html-----------*/
.problem_wrap{background-color: #fff;padding-bottom:50px; width:1200px; margin:0 auto;}
.problem_box{padding:20px 0;}
.tit-tab{height:115px;line-height:115px;border-bottom: 1px solid #eee; margin-bottom:20px;}
.tit-tab span{display: inline-block;margin:0 19%;height:100%;text-align: center;font-size: 24px;color: #333;cursor: pointer;}
.tit-tab span.ly-icon{margin:0 14%;text-indent: 55px;background:url(icon.png) no-repeat -4px -245px;}
.tit-tab span.active{color: #1e8ff2;border-bottom:2px solid #00a3ff;}
.tit-tab span.ly-icon.active{background:url(icon.png) no-repeat -4px -144px;}
.problem_box h3{padding: 20px 0;margin:0 20px;border-bottom:1px dashed #eee;position: relative;cursor: pointer;font-size:16px;}
.problem_box h3 i{position: absolute;right:0;top:15px;display: inline-block;height:30px;width:30px; }
.problem_box h3 i.icon{background:url(icon.png) no-repeat -14px -389px ;}
.problem_box h3 i.icon-hov{background:url(icon.png) no-repeat -14px -361px ;}
.ad-question div,.web-question div{display: none;padding: 20px 0;margin: 0 20px;font-size: 15px;color: #999;line-height:30px;border-bottom:1px dashed #eee;}
.problem_box div.show{display: block;}
.ad-question{display: none;}



.btnNav{display: none;position: absolute;left: 0;top: 0;width: 40px;height: 100%;background: url(../images/ico_nav.png) center no-repeat;background-size: auto 25px;}
.nav-white{background-color: #fff;box-shadow:0px 5px 14px 0px rgba(0, 0, 0, 0.14);}
.nav-white .nav-logo{background-image: url(../images/white_logo@2x.png);}
.nav-white ul li a{color: #333333;}
.nav-white ul li.cur a,.nav-white ul li:hover a{color: #0E6FED;}
.nav-white ul li.cur:after{background-color: #0E6FED;}
.nav-white .nav-user a{border-color: #0E6FED;color: #0E6FED;}
.nav-white .nav-user a:hover{background-color: #0E6FED;color: #fff;}
@media (min-width: 768px) and (max-width: 1280px) {
    body>div {zoom: .8}
    .serve {zoom: 1;}
    .serve .text-title {font-size: 40px}
    .serve .text-intr {font-size: 22px;padding: 14px 0 20px;}
    .serve .colunm-text p {font-size: 15px;line-height: 28px;}
    .serve img {width: 400px;margin-right: 100px}
}

@media (max-width: 767px){
    .register{width: 100%}
    .container{max-width: 650px;width: 100%;}
    .cross-carousel{background-size: 30%;}
    .cross-carousel a{zoom: .4\9;bottom: 200px\9;transform:scale(0.4);-webkit-transform:scale(0.4);-moz-transform:scale(0.4);-ms-transform:scale(0.4);-o-transform:scale(0.4);bottom: 120px;}
    .btnNav{display: block;}
    .in_cont1 .in_adv ul{ width:80%; padding:20px; display:block;}
    .in_cont1{ height:540px; background-color:#e8e8e8;}
    .in_cont1 .in_adv li{ width:34%; margin:20px 0 0 0; clear:both;}
    .btnNav{display: block;}
    .hd{text-align: center;height: 100px;background-color: #000;box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.14); position:relative; z-index:999;}

    .navMask{position: fixed;z-index: 3;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
    .logo{ background-size: 90%;margin: 12px auto;clear:both; width:180px;}
    .logo img {  width:150px; height:24px; padding: 10px 0 0 10px;}
    .nav { height: 40px; margin-left: 10px; display:block; float:left;}
    .nav li { float: left; height: 40px; position:relative;}
    .nav li a { display: block; height: 40px; line-height: 40px; padding: 0 8px; font-size: 14px; color: #FFF; }
    .nav li.act::after,.nav li:hover::after{content: '';position: absolute;bottom: 2px;left: 68%;margin-left: -13px;width:12px;height:3px;background:rgba(255,255,255,1);border-radius:2px;}
    .nav li:hover{-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
    .nav li a:hover{ text-decoration:none;}
    .hdR { height: 38px; margin-top: 20px; margin-right:12px;}
    .hdR a { margin-left: 12px; font-size: 16px; text-align:center; line-height:38px; display:block; float:left;}
    .hdR a.login { width:44px; height:18px; background:#fff; border-radius:20px; color:#333; border:1px solid #999;font-size:12px;line-height:18px; text-align:center;}
    .hdR a.login:hover{ background:#f72818;color:#fff;}
    .hdR a.reg{ color:#fff;width:44px; height:18px;border-radius:20px; border:1px solid #fff; border:1px solid #999; font-size:12px; line-height:18px; text-align:center;}
    .hdR a.reg:hover{ background:#f72818;color:#fff; border:1px solid #f72818}
    .banner .bannertext{ background-size:85%; width:100%;}

    .in_rich_title{ height:180px; background:url(../images/index_title-2.png) no-repeat center center;}
    .advTab{ background:url(../images/home_bg2.jpg) no-repeat center; height:740px;}
    .advTabCon{width:80%;margin:0 auto; overflow:hidden; height:660px;}
    .advTabConL{ color:#fff; width:100%; padding:30px 0 0 0;}
    .advTabConL strong{ font-size:26px;}
    .advTabConL p{ padding:10px 0 0 0; font-size:16px; line-height:26px;}
    .advTabConR{ padding:20px 0 0 0; float:left;}
    .advTabNav{ height:80px; width:100%; margin:0 auto;}
    .advTabNav li{ float:left; height:80px; line-height:80px; width:25%; text-align:center; color:#a7a8a9; font-size:16px; cursor:pointer;}
    .advTabNav li.act{ color:#fff; background:#373737;}
    .partner_cont .client_list { clear:both; }
    .partner_cont .client_list li { width:16%; float:left; margin-bottom:20px; cursor:pointer;}
    .partner_cont .client_list li img { width:80%;   margin:0 auto;border:1px solid #eeeeee; border-radius:4px;  padding:10PX; height:45px;}
    .partner_cont{ width:1200px; margin:0 auto; height:200px;}
    .inNews_cont .inNews_ms{ width:80%;}
    .inNews_cont li{ width:90%; float:left; padding:0 100px 20px 20px;}
    .adver_advantage ul{ width:100%;}
    .adver_advantage ul li{ width:50%; height: 320px;}
    .adver_advantage i{ margin:0 0 0 35px;}
    .adver_advantage{ height:830px;}
    .tit-tab span{ width:40%; float:left; font-size: 20px;}
    .tit-tab span.ly-icon{ margin:0 5px; text-indent:0px;}
    .login_cont{ width:98%;}
    .login_left{ width:100%;}
    .loginL_cont p input.username,.loginL_cont p input.password,.loginL_cont p input.btn{ width:80%;}
    .regTabCon dl{ margin-left: 10px;}
    .regTabCon dl dd label{width:120px;}
    .regTabCon dl dd input,.regTabCon dl dd select{ width:62%;}
    .regTabCon dl dd span{ display: block; text-align:left; padding-left: 110px;}
    .regTabCon dl dd{ height: inherit;}
    .regTabCon p{ width:100%;}
    .adver_banner{ background-size: 90%; width:100%;}
    .page a{ margin-bottom: 10px;}
    .ann_banner,.adver_banner,.web_banner,.problem_banner{ background-size: cover; height: 200px;  }
    .adver_process{ background-size: cover; height: 29px; }
    .problem_box{ padding: 0;}
    .tit-tab{ height: 80px; line-height: 80px;}
    .problem_cont{ margin-top:20px;}
}