/*! reset css */
@charset "utf-8";
* { font-family: "微软雅黑", microsoft yahei, "宋体"; }
a { color: #079cda; text-decoration: none; outline: none; }
body { overflow-x:hidden; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; resize: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
input:-webkit-autofill {
 -webkit-box-shadow: 0 0 0px 1000px white inset;
}
img { vertical-align: middle; }
.huiyuanbtn{paddin:0 10px;}
.btnbuy{background:#0e8e4b;padding:6px 15px;cursor:pointer;color:#fff !important;}
.color1{background:#0e8e4b !important;}
.color2{background:#f2682a !important;}
.none{display:none;}
/********开始首页头部*******/
.top.active { box-shadow: 0px 0px 10px #e4e4e4; }
.top .logo { float: left; display: block; position: relative; width: 100%; height: 100%; width: 165px; height: 60px; }
.top .logo img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.top .nav { float: right; }
.top .nav .register { float: right; padding: 16px 0; padding-right: 18px; }
.top .nav .register a { margin: 0 3px; display: inline-block; line-height: 28px; border-radius: 3px; padding: 0 12px; border: #cbcbcc solid 1px; color: #555; }
.top .nav .register a:hover { background: #e6e6e6; }
.top .nav .register a.a1 { background: #3c7ae6; border: #3c7ae6 solid 1px; color: #fff; }
.top .nav .register a.a1:hover { background: #2955a2; }
.top .nav .navbar { float: right; }
.top .nav .navbar > ul > li { float: left; position: relative; }
.top .nav .navbar > ul > li > a { line-height: 60px; padding: 0 15px; margin: 0 5px; display: inline-block; }
.top .nav .navbar > ul > li.hasSubnav > a { background: url(../images/ico02.png) no-repeat right center; }
.top .nav .navbar > ul > li .subnav { position: absolute; width: 298px; background: #fff; margin-left: -149px; left: 50%; top: 60px; padding: 10px 0; display: none; box-shadow: 0px 2px 6px #ddd; }
.top .nav .navbar > ul > li .subnav ul { width: 99px; float: left; text-align: center; }
.top .nav .navbar > ul > li .subnav ul li { line-height: 32px; }
.top .nav .navbar > ul > li .subnav ul li a { color: #555; font-size: 12px; }
.top .nav .navbar > ul > li .subnav ul li a:hover { color: #3c7ae6; }
.top .nav .navbar > ul > li .subnav.t1 { width: 748px; position: absolute; top: 60px; left: 0; display: none; background: #fff; text-align: left; padding: 0px 35px 0px 0px; }
.top .nav .navbar > ul > li .subnav.t1 dl { padding: 15px 0 15px 45px; width: 155px; float: left; }
.top .nav .navbar > ul > li .subnav.t1 dl.first { width: 240px; min-height: 258px; border-right: #f5f5f5 solid 1px; }
.top .nav .navbar > ul > li .subnav.t1 dl.first dd a { color: #333; line-height: 17px; display: block; margin-top: 10px; }
.top .nav .navbar > ul > li .subnav.t1 dl.first dd span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 28px; color: #999; }
.top .nav .navbar > ul > li .subnav.t1 dl dt { line-height: 30px; width: 100%; color: #333; margin-bottom: 2px; font-weight: bold; }
.top .nav .navbar > ul > li .subnav.t1 dl dd { color: #747678; line-height: 28px; font-size: 12px; }
.top .nav .navbar > ul > li .subnav.t1 dl dd a { color: #747678; }
.top .nav .navbar > ul > li .subnav.t1 dl dd a:hover { color: #3383ff; }
.top-height { height: 60px; }
.top .nav .navbar > ul > li > a.active, .top .nav .navbar > ul > li .subnav ul li a.active { color: #3c7ae6; }
/********开始首页头部**********/
/********开始首页banner**********/
.i-banner { height: 560px; position: relative; }
.i-banner .bxslider li { height: 560px; }
.i-banner .bxslider li .terrace { text-align: center; font-size: 52px; color: #fff; font-family: '黑体'; margin-top: 170px; }
.i-banner .bxslider li .ioa { color: #fff; font-size: 28px; text-align: center; margin-top: 43px; font-family: '黑体'; }
.i-banner .bxslider li .sup { margin-top: 95px; text-align: center; }
.i-banner .bxslider li .sup a { display: inline-block; color: #fff; font-size: 14px; width: 182px; text-align: center; height: 50px; line-height: 48px; margin: 0 11px; border-radius: 3px; }
.i-banner .bxslider li .sup a.a1 { background: #3c7ae6; border: #3c7ae6 solid 1px; }
.i-banner .bxslider li .sup a.a2 { border: #fff solid 1px; }
.i-banner .bxslider li .text-left { text-align: left; }
.i-banner .bx-wrapper .bx-pager.bx-default-pager a { width: 20px; height: 3px; background: #ced0d0; margin: 0 6px; }
.i-banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .i-banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }
.i-banner .bx-wrapper .bx-pager, .i-banner .bx-wrapper .bx-controls-auto { bottom: 20px; }
/********结束首页banner**********/
/********开始首页移动办公列表**********/
.move-office { color: #282c32; font-size: 28px; padding-top: 75px; }
.office-info { text-align: center; color: #919191; font-size: 16px; margin-top: 22px; line-height: 25px; }
.i-product { width: 100%; float: left; margin-top: 10px; }
.i-product dl { margin-top: 15px; width: 100%; float: left; }
.i-product dl dt { width: 100%; float: left; font-size: 14px; color: #53565b; position: relative; line-height: 32px; font-weight: bold; }
.i-product dl dt em { position: absolute; right: 0; top: 50%; display: block; background: #e4e4e4; width: 1124px; height: 1px; }
.i-product dl dt.last em { width: 1005px; }
.i-product dl dd { float: left; margin: 0 25px; margin-top: 10px; border-radius: 6px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.i-product dl dd:hover { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -o-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); }
.i-product dl dd > a { width: 100px; height: 100px; text-align: center; display: block; }
.i-product dl dd > a i { display: block; position: relative; width: 100%; height: 100%; height: 74px; }
.i-product dl dd > a i img { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.i-product dl dd > a em { color: #555; }
.i-product dl dd:hover { box-shadow: 0px 0px 15px #ddd; }
.i-product dl dd.more { line-height: 100px; padding-left: 50px; }
.i-product dl dd.more > a { width: auto; height: auto; display: inline-block; color: #3c7ae6; }
.i-product dl dd.more:hover { box-shadow: none; }
/********结束首页移动办公列表**********/
/********开始首页龙腾CRM能帮到您什么？**********/
.effect-title { width: 100%; float: left; text-align: center; color: #282c32; font-size: 28px; margin-top: 70px; margin-bottom: 20px; font-family: '黑体'; }
.effect { width: 100%; float: left; background: #f5f5f5; margin-top: 55px; min-height: 540px; font-family: '黑体'; }
.effect dl { float: left; width: 400px; padding: 0 18px; height: 113px; overflow: hidden; margin-top: 50px; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; }
.effect dl:hover { -webkit-transform: translate(0, -5px); -moz-transform: translate(0, -5px); -o-transform: translate(0, -5px); -ms-transform: translate(0, -5px); transform: translate(0, -5px); }
.effect dl dt { float: left; width: 56px; }
.effect dl dd { float: right; width: 292px; }
.effect dl dd.t1 { font-size: 18px; color: #282c32; height: 30px; line-height: 26px; }
.effect dl dd.t2 { font-size: 14px; color: #999; line-height: 20px; }
/********结束首页龙腾CRM能帮到您什么？**********/
/********开始首页协同办公，选择龙腾CRM**********/
.select-ioa .take_phone { float: left; margin-top: 20px; }
.effect-list { float: right; width: 550px; margin-top: 30px; }
.effect-list dl { width: 100%; float: left; margin-top: 30px; }
.effect-list dl dt { float: left; margin-right: 30px; }
.effect-list dl:hover dt img { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; -ms-transition: all 0.7s; transition: all 0.7s; }
.effect-list dl dd.t1 { color: #53565b; font-size: 18px; line-height: 36px; }
.effect-list dl dd.t2 { font-size: 14px; color: #999; }
/********结束首页协同办公，选择龙腾CRM**********/
/********开始首页行业方案**********/
.i-industry { background: #f5f5f5; }
.industry-list { width: 1220px; float: left; margin-top: 23px; }
.industry-list li { position: relative; margin: 10px 0px; float: left; padding: 0 10px; }
.industry-list li a { display: block; position: relative; overflow: hidden; width: 285px; height: 285px; }
.industry-list li a img { transition-duration: 5000ms; transition-timing-function: ease-out; transform: scale(1, 1); -webkit-transform: scale(1, 1); -webkit-transition-duration: 5000ms; -webkit-transition-timing-function: ease-out; -o-transition-duration: 5000ms; -o-transition-timing-function: ease-out; -o-transform: scale(1, 1); -moz-transition-duration: 5000ms; -moz-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -ms-transition-duration: 5000ms; -ms-transition-timing-function: ease-out; -ms-transform: scale(1, 1); width: 285px; height: 285px; }
.industry-list li a img:hover { transform: scale(1.2, 1.2); transition-duration: 5000ms; transition-timing-function: ease-out; -webkit-transform: scale(1.2, 1.2); -webkit-transition-duration: 5000ms; -webkit-transition-timing-function: ease-out; -o-transform: scale(1.2, 1.2); -o-transition-duration: 5000ms; -o-transition-timing-function: ease-out; -moz-transform: scale(1.2, 1.2); -moz-transition-duration: 5000ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1.2, 1.2); -ms-transition-duration: 5000ms; -ms-transition-timing-function: ease-out; }
.industry-list li a span { position: absolute; left: 0; bottom: 0; line-height: 44px; background: url(../images/ico01.png) repeat; text-align: center; font-size: 16px; color: #fff; width: 100%; }
.industry-more { text-align: center; width: 100%; float: left; margin: 42px 0 50px; }
.industry-more a { display: inline-block; width: 180px; height: 50px; line-height: 50px; text-align: center; border: #3c7ae6 solid 1px; border-radius: 2px; color: #3c7ae6; }
.industry-more a:hover { color: #fff; background: #3c7ae6; }
/********结束首页行业方案**********/
/********开始首页案例列表**********/
.case-list { width: 100%; float: left; margin-top: 15px; padding-bottom: 50px; }
.case-list.case-list02 li { background: url(../images/case_list02.png) no-repeat; }
.case-list li { width: 20%; float: left; height: 80px; margin-top: 16px; background: url(../images/case_list.png) no-repeat; cursor: pointer; }
.case-list li.t1 { background-position: 18px 0px; }
.case-list li.t1:hover { background-position: 18px -397px; }
.case-list li.t2 { background-position: -198px 0px; }
.case-list li.t2:hover { background-position: -198px -397px; }
.case-list li.t3 { background-position: -430px 0px; }
.case-list li.t3:hover { background-position: -430px -397px; }
.case-list li.t4 { background-position: -672px 0px; }
.case-list li.t4:hover { background-position: -672px -397px; }
.case-list li.t5 { background-position: -900px 0px; }
.case-list li.t5:hover { background-position: -900px -397px; }
.case-list li.t6 { background-position: 18px -107px; }
.case-list li.t6:hover { background-position: 18px -504px; }
.case-list li.t7 { background-position: -198px -107px; }
.case-list li.t7:hover { background-position: -198px -504px; }
.case-list li.t8 { background-position: -430px -107px; }
.case-list li.t8:hover { background-position: -430px -504px; }
.case-list li.t9 { background-position: -672px -107px; }
.case-list li.t9:hover { background-position: -672px -504px; }
.case-list li.t10 { background-position: -900px -107px; }
.case-list li.t10:hover { background-position: -900px -504px; }
.case-list li.t11 { background-position: 18px -208px; }
.case-list li.t11:hover { background-position: 18px -605px; }
.case-list li.t12 { background-position: -198px -208px; }
.case-list li.t12:hover { background-position: -198px -605px; }
.case-list li.t13 { background-position: -430px -208px; }
.case-list li.t13:hover { background-position: -430px -605px; }
.case-list li.t14 { background-position: -672px -208px; }
.case-list li.t14:hover { background-position: -672px -605px; }
.case-list li.t15 { background-position: -900px -208px; }
.case-list li.t15:hover { background-position: -900px -605px; }
.case-list li.t16 { background-position: 18px -310px; }
.case-list li.t16:hover { background-position: 18px -707px; }
.case-list li.t17 { background-position: -198px -310px; }
.case-list li.t17:hover { background-position: -198px -707px; }
.case-list li.t18 { background-position: -430px -310px; }
.case-list li.t18:hover { background-position: -430px -707px; }
.case-list li.t19 { background-position: -672px -310px; }
.case-list li.t19:hover { background-position: -672px -707px; }
.case-list li.t20 { background-position: -900px -310px; }
.case-list li.t20:hover { background-position: -900px -707px; }
/********结束首页案例列表**********/
/********开始首页支持多个终端**********/
.responsive { background: #f5f5f5; width: 100%; float: left; }
.device-list { width: 100%; float: left; height: 185px; position: relative; margin-top: 55px; }
.device-list > dl { width: 152px; float: left; text-align: center; cursor: pointer; }
.device-list > dl dd { margin-top: 20px; line-height: 30px; transition: all 300ms ease 0s; font-size: 16px; }
.device-list > dl:hover dd { color: #3c7ae6; }
.device-list > dl dt { width: 100%; height: 54px; background: url(../images/device.png) no-repeat; transition: all 200ms ease 0s; }
.device-list > dl.t1 dt { background-position: 0 0; }
.device-list > dl.t2 dt { background-position: -150px 0; }
.device-list > dl.t3 dt { background-position: -309px 0; }
.device-list > dl.t4 { float: right; }
.device-list > dl.t4 dt { background-position: -715px 0; }
.device-list > dl.t5 { float: right; }
.device-list > dl.t5 dt { background-position: -867px 0; }
.device-list > dl.t6 { float: right; }
.device-list > dl.t6 dt { background-position: -1011px 0; }
.device-list > dl:hover.t1 dt { background-position: 0px -54px; }
.device-list > dl:hover.t2 dt { background-position: -150px -54px; }
.device-list > dl:hover.t3 dt { background-position: -309px -54px; }
.device-list > dl:hover.t4 dt { background-position: -715px -54px; }
.device-list > dl:hover.t5 dt { background-position: -867px -54px; }
.device-list > dl:hover.t6 dt { background-position: -1011px -54px; }
.device-list .two-code { position: absolute; left: 50%; top: -35px; width: 140px; margin-left: -70px; text-align: center; }
.device-list .two-code dt { margin-bottom: 5px; }
.device-list .two-code dd { line-height: 24px; }
.go-register { text-align: center; width: 100%; float: left; margin-bottom: 55px; }
.go-register a { width: 182px; height: 50px; line-height: 50px; text-align: center; color: #fff; background: #3c7ae6; display: inline-block; border-radius: 2px; }
/********结束首页支持多个终端**********/
/********开始首页底部**********/
.footer { width: 100%; float: left; background:rgba(23, 43, 77, 1); padding: 10px 0 0 0; }
.footer .menu { float: left; margin-top: 30px; }
.footer .menu dl { float: left; padding-left: 25px; width: 133px; }
.footer .menu dl dt { font-size: 15px; color: #fff; height: 42px; line-height: 30px; }
.footer .menu dl dd { line-height: 28px; color: #a7a6a6; font-size: 13px; }
.footer .menu dl dd a { color: #a7a6a6; font-size: 13px; font-family: '黑体'; }
.footer .menu dl dd a:hover { color: #fff; }
.footer .menu dl.last { width: auto; }
.public-signal { float: right; margin-top: 75px; padding-right: 32px; }
.public-signal dd { line-height: 40px; color: #c4c0c0; text-align: center; }
.copyright { width: 100%; text-align: center; float: left; margin-top: 62px; color: #6b6b6b; font-size: 13px; font-family: '黑体'; line-height: 20px; }
.copyright p { font-size:12px }
/********结束首页底部**********/
/********开始首页在线客服**********/
.menuFree:hover { background-position: 0 -49px; }
.menuQQ { background-position: -50px 0; }
.menuQQ:hover { background-position: -49px -49px; }
.menuTel { background-position: -97px 0; }
.menuTel:hover { background-position: -97px -49px; }
.menuEr { background-position: -145px 0; }
.menuEr:hover { background-position: -145px -49px; }
.QRCodeP { display: none; text-align: center; height: 190px; width: 160px; background-color: #fff; position: fixed; top: 30%; right: 55px; border-radius: 3px; box-shadow: 0 0 15px #ddd; z-index: 9999; }
.QRCodeP ul { padding-top: 10px; }
.QRCodeP ul li span { display: inline-block; font-size: 14px; color: #444444; font-weight: bold; }
.QRCodeP ul li img { display: inline-block; padding: 10px; width: 140px; height: 140px; }
.Telephonep { top: 30%; right: 55px; }
.Telephone { width: 250px; height: 160px; z-index: 80; display: none; background-color: #fff; position: fixed; border-radius: 3px; box-shadow: 0px 0px 15px #ddd; padding: 10px 15px; }
.Telephone h4 { font-size: 16px; color: #3c7ae6; border-bottom: #e4e4e4 solid 1px; line-height: 40px; width: 100%; float: left; }
.Telephone ul { width: 100%; float: left; margin: 10px 0; }
.Telephone ul li { width: 50%; float: left; text-align: left; line-height: 26px; }
.Telephone ul li a { color: #999; }
.indexIcon { background: url(../images/indexicon.png) no-repeat; display: block; height: 100%; width: 100%; }
.Telephone ul li .TelIcon01 { float: left; width: 17px; height: 16px; display: inline-block; background-position: 0 0; }
.TElCont { display: inline-block; float: left; text-align: left; padding-left: 5px; }
.Telephone ul li h3 { color: #333333; font-size: 14px; font-weight: bold; padding-bottom: 5px; }
.Telephone ul li span { display: block; font-size: 12px; color: #686868; padding-bottom: 5px; }
.EMQQ { z-index: 80; display: none; width: 300px; height: 215px; background-color: #fff; position: fixed; border-radius: 3px; box-shadow: 0px 0px 15px #ddd; padding: 10px 15px; }
.EMQQ h4 { font-size: 16px; color: #3c7ae6; border-bottom: #e4e4e4 solid 1px; line-height: 40px; width: 100%; float: left; }
.EMQQP { top: 30%; right: 55px; }
.EMQQ ul li { width: 33.33%; float: left; margin-top: 20px; text-align: center; }
.EMQQ ul li span { display: block; margin: 0 auto; margin-top: 20px; }
/********结束首页在线客服**********/

DIV.skpage { TEXT-ALIGN: center; clear: both; padding: 10px; margin: 20px 10px 10px 10px; }
DIV.skpage A { MARGIN: 2px; COLOR: #333333; TEXT-DECORATION: none; border: 1px solid #CCCCCC; font-size: 13px; font-style: normal; font-weight: normal; padding: 5px 8px 5px 8px; background-color: #F9F9F9; }
DIV.skpage A:hover { COLOR: #000000; border: 1px solid #CCCCCC; background-color: #D0D0D0; }
.skpage i { padding: 5px 8px 5px 8px; FONT-WEIGHT: bold; MARGIN: 2px; COLOR: #fff; BACKGROUND-COLOR: #333333; border: 1px solid #333333; font-style: normal }
DIV.skpage SPAN.disabled { BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid; background-color: #FFFFFF; }
DIV.skpage INPUT { border: 1px solid #CCCCCC; margin: 0px; padding: 0px; }
/*! button */
.pure-button { display: inline-block; line-height: normal; white-space: nowrap; vertical-align: baseline; text-align: center; cursor: pointer; font-family: inherit; font-size: 14px; padding: 0 20px; height: 34px; color: #404040; border: 1px solid #d9d9d9; background-color: #fff; border-radius: 2px; -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: none; }
a.pure-button { line-height: 32px; height: 32px; text-decoration: none; }
/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.page_m { margin-top:80px; margin-bottom:10px; }
#ycode { color: #4d4d4d; border: 1px solid #dddddd; font-size: 14px; padding: 10px 10px; vertical-align: middle; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width:100px; }
.ab01 { width:650px; float:left; padding-top:60px; }
.ab02 { width:500px; float:left; text-align:center; padding-bottom:50px; }
/*login style*/
.login-box { width: 758px; border: 1px solid #dedede; margin: 0 auto; background-color: #fff; padding: 45px 0; margin-top:80px; }
.login-box h2 { text-align:center; height:60px; font-size:24px; }
.login-box .form { width: 400px; margin: 0 auto; font-size: 16px; }
.login-box .form .input-box { border: 1px solid #d0d0d0; padding: 0 10px; }
.login-box .form .input-box li { padding: 10px 0; }
.login-box .form .input-box li.email { border-bottom: 1px solid #e3e3e3; }
.login-box .form .input-box label { margin-right: 5px; }
.login-box .form .input-box .input { height: 36px; padding: 0 5px; width: 330px; border:none; }
.login-box .form .input-box .error { color: #d70000; }
.login-box .form .login-other { margin: 15px 0 30px; overflow: hidden; }
.login-box .form .login-other .remember-login { float: left; }
.login-box .remember-login label { margin-left: 3px; }
.login-box .form .login-other .forgot-pswd { float: right; }
.login-box .form .pure-button { width: 100%; height: 38px; line-height: 38px; font-size: 16px; color:#fff; }
.reg_now { width:400px; margin:0 auto; padding:20px 0; }
a.shareIco1 { background: url(../images/loginbgicon.png) -98px -50px no-repeat; width:35px; height:30px; display: inline-block; margin-bottom:-8px }
.home_news { clear:both; }
/*.pure-button:focus */
.pure-button-hover, .pure-button:hover { background: #f7f7f7; outline: 0; }
.pure-button-active, .pure-button:active { border-color: #bfbfbf; background-color: #e5e5e5; }
.pure-button[disabled], .pure-button-disabled, .pure-button-disabled:hover, .pure-button-disabled:focus, .pure-button-disabled:active { border: none; background-image: none; opacity: 0.40; cursor: not-allowed; box-shadow: none; }
.button-primary, .button-selected, a.button-primary, a.button-selected { color: #fff; background-image: linear-gradient(-90deg, #079cda, #0e6fb9); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#079cda", endColorstr="#0e6fb9");
}
.button-secondary { color: #079cda; }
.export { margin-right: 10px; }
.button-primary:hover, .button-primary:active { background: #75cdf2; border-color: #3db2e2; }
.button-green, a.button-green { color: #fff; background-color: #53c22d; border-color: #53ad13; }
.button-green:hover, .button-green:active { background-color: #a4e68e; border-color: #90d162; }
/**
 * custome reset
 */
li { list-style: none; }
input, select, textarea { }
.button-primary i, .button-selected i, a.button-primary i, a.button-selected i, .button-secondary i { margin-right: 8px; }
/***form****/
.form { font-size: 14px; color: #424141; }
.form input { color: #424141; }
.form .form-control-group { margin-bottom: 15px; }
.form .form-control-group .label { display: inline-block; text-align: right; font-weight: bold; color: #000000; vertical-align: middle; }
.form .form-control-group .label-top { vertical-align: top; line-height: 40px; }
.form .form-control-group .label-sm { width: 70px; }
.form .form-control-group .label-md { width: 90px; }
.form .form-control-group .label-lg { width: 120px; }
.form .form-control-group .label-bl { display: block; margin-bottom: 5px; text-align: left; }
.form .form-control-group .input, .form .form-control-group .select { border: 1px solid #d0d0d0; display: inline-block; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .form-control-group .input-lg, .form .form-control-group .input-md { width: 425px; height: 40px; padding: 0 5px; }
.form .form-control-group .textarea-lg { width: 445px; padding: 5px; height: 120px; vertical-align: top; border: 1px solid #d0d0d0; }
.form .form-control-group .input-md { width: 255px; }
.form .form-control-group .input-sm, .form .form-control-group .select-sm { width: 130px; padding: 0 5px; height: 30px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */
.form .form-control-group .input-sm, .form .form-control-group .select-sm {
padding-right: 0;
}
}
.form .form-control-group .input:focus { border-color: #079cda; }
.form .form-control-group .require { color: red; font-size: 24px; vertical-align: top; line-height: 40px; margin-left: 3px; }
.form .form-control-group input.error { border: 1px solid #ff0000; }
.form .form-control-group span.error { color: #ff0000; margin-left: 10px; vertical-align: middle; }
.form .form-control-group .hint { margin-left: 10px; color: #777; font-size: 12px; }
.form .error-msg { color: #d70000; margin-bottom: 15px; }
.form .form-control-group .calendar-selector { position: relative; padding-right: 20px; background-color: #fff; padding: 0; }
.form .calendar-selector input { width: 100%; padding: 0 5px; line-height: 28px; }
.form .calendar-selector input::-ms-clear {
 width:0;
height:0;
}
.form .calendar-selector .icon-calendar, .form .calendar-selector .icon-remove { position: absolute; right: 0; top: 2px; }
.contact-input-group { min-height: 40px; line-height: 40px; padding: 0 5px; position: relative; background-color: #fff; }
.form .form-control-group .contact-input-group { height: auto; }
.contact-input-group .contact-trigger { border: 1px solid #d0d0d0; background-color: #f8f8f8; text-align: center; position: absolute; right: 0; top: 0; height: 40px; width: 44px; cursor: pointer; }
.form-control-group .radio-group, .form-control-group .checkbox-group { display: inline-block; vertical-align: top }
.form-control-group .checkbox-group.disable-toggle { vertical-align: inherit; }
.form-control-group .radio-group .radio-item, .form-control-group .checkbox-group .checkbox-item { margin-bottom: 10px; cursor: default; }
.form-control-group .checkbox-item span { display: inline-block; vertical-align: middle; }
.form-control-group .select-group { display: inline-block; vertical-align: middle; position: relative; }
.select-caret { position: absolute; top: 16px; right: 10px; border: 4px solid transparent; border-top: 4px solid #929292; }
.placeholder { color: #aaa; }
.top-notify { position: fixed; top: 120px; width: 100%; z-index: 9999; text-align: center; height: 0; opacity: 0; }
.top-notify .notify-msg { display: inline-block; background: #000; background-color: rgba(0, 0, 0, 0.7); border-radius: 4px; padding: 15px 55px 15px 25px; color: #fff; font-size: 16px; }
.top-notify i { position: relative; left: -35px; top: -2px; cursor: pointer; }
/* dialog style */
.egeui-dialog { background-color: #fff; position: relative; }
.egeui-dialog:focus { outline: none; }
.egeui-dialog .egeui-dialog-close { position: absolute; top: 15px; right: 15px; cursor: pointer; }
.egeui-dialog .egeui-dialog-title { height: 50px; line-height: 50px; padding-left: 22px; font-size: 20px; border-bottom: 1px solid #cecece; box-shadow: 0 2px 1px #EFEFEF; margin-bottom: 3px; }
.egeui-dialog .egeui-dialog-content { background-color: #f8f8f8; }
.egeui-dialog .dialog-action { padding: 18px 30px; text-align: right; }
.egeui-dialog .dialog-action button { margin-left: 10px; padding-left: 30px; padding-right: 30px; }
.egeui-dialog .dialog-action .error-msg { color: #d70000; font-size: 14px; margin-right: 15px; }
/* Confirm Box */
.egeui-confirmbox { padding: 20px; text-align: center; background-color: #f8f8f8; min-width: 500px; }
.egeui-confirmbox:focus { outline: none; }
.egeui-confirmbox .egeui-confirmbox-title { padding: 10px 0 20px; font-size: 24px; color: #079cda; }
.egeui-confirmbox .egeui-confirmbox-message { font-size: 16px; padding-bottom: 40px; border-bottom: 1px solid #079cda; }
.egeui-confirmbox .egeui-confirmbox-action { padding-top: 20px; }
.egeui-confirmbox .egeui-confirmbox-action button { margin: 0 5px; width: 95px; }
.egeui-confirmbox.no-title { padding: 30px 20px 40px; }
.egeui-confirmbox.no-title .egeui-confirmbox-message { border: none; padding: 10px 0; line-height: 24px; }
/* autocomplete style */
.egeui-select { border: 1px solid #ccc; max-height: 400px; overflow: auto; width: 300px; background-color: #fff; }
.egeui-select ul li { padding: 5px; line-height: 20px; }
.egeui-select ul li.item-selected { background-color: #fafafa; cursor: default; }
.contact-selector input { line-height: 20px; height: 20px; margin: 8px 8px 8px 0; float: left; }
.contact-selector span, .pill-contact span { padding: 0 5px 0 10px; line-height: 24px; height: 24px; background-color: #effaff; color: #079cda; border-radius: 10px; float: left; font-size: 12px; margin: 8px 8px 0 0; }
.contact-selector span i, .pill-contact span i { margin-left: 5px; cursor: pointer; width: 16px; height: 16px; }
.contact-select ul li { padding-left: 10px; color: #999; font-size: 14px; line-height: 35px; white-space: nowrap; overflow: hidden; }
.contact-select ul li.item-selected { background-color: #f5f5f5; }
.contact-select ul li .name { color: #333; }
.contact-select ul li span { vertical-align: middle; }
.contact-select .item-list { overflow: auto; }
.contact-select .item-list li .icon-checkbox { background-position: 0 -448px; }
.contact-select .item-list li .icon-checkbox.checked { background-position: -25px -448px; }
.contact-select .check-all { margin: 0 10px; border-bottom: 1px solid #eee }
.contact-select .check-all li { padding-left: 0; cursor: default; }
.contact-select .check-all li { display: inline-block; margin-right: 30px; }
/*egeui tip*/
.egeui-tip { background-color: #242424; background-color: rgba(54, 54, 54, 0.95); color: #fff; border-radius: 4px; padding: 10px 12px; font-size: 12px; line-height: 18px; }
.egeui-tip:after { content: ' '; position: absolute; }
/*top*/
.tip-top { margin-top: -11px; }
.tip-top:after { bottom: -10px; left: 50%; margin-left: -9px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid rgba(54, 54, 54, 0.9); }
/*bottom*/
.tip-bottom { margin-top: 11px; }
.tip-bottom:after { top: -10px; left: 50%; margin-left: -9px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(54, 54, 54, 0.9); }
/*left*/
.tip-left { margin-left: -11px; }
.tip-left:after { right: -10px; top: 50%; margin-top: -9px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-left: 10px solid rgba(54, 54, 54, 0.9); }
/*right*/
.tip-right { margin-left: 11px; }
.tip-right:after { left: -10px; top: 50%; margin-top: -9px; border-bottom: 10px solid transparent; border-top: 10px solid transparent; border-right: 10px solid rgba(54, 54, 54, 0.9); }
/* app-download */
.download-dialog { padding: 20px 36px; overflow: hidden; }
.download-app, .download-sync { padding: 32px 16px; overflow: hidden; }
.download-2wm { float: left; width: 164px; height: 164px; background: url(../images/2wm-downloads_b09be7d.png); }
.download-2wm.app-enterprise { background: url(../images/qrcode-enterprise_1a6095c.png); }
.download-2wm-small { width: 74px; height: 74px; background-size: 74px; }
.download-btns { float: left; padding-left: 30px; border-left: 1px solid #c3c3c3; margin-left: 30px; }
.download-btns a { display: block; width: 251px; height: 68px; border-radius: 4px; font-size: 22px; line-height: 68px; text-align: center; color: #fff; }
.download-btns .download-ios { margin-bottom: 24px; border: 1px solid #0589c0; background-color: #079cda; }
.download-btns .download-ios:hover, .download-btns .download-ios:active { border-color: #3db2e2; background-color: #75cdf2; }
.download-btns .download-android { border: 1px solid #53ad13; background-color: #53c22d; }
.download-btns .download-android:hover, .download-btns .download-android:active { border-color: #82c96a; background-color: #aee29c; }
.download-btns .icon { margin-right: 8px; }
.download-sync { border-top: 1px dashed #c3c3c3; }
.download-sync-logo { float: left; width: 140px; height: 130px; margin: 10px 12px; background: url(../images/sync_69ed565.png) no-repeat center 0; }
.download-windows, .download-mac { width: 251px; height: 68px; background: url(../images/sync-coming_0af3d89.png); }
a.download-windows, a.download-mac { background: url(../images/download-sync_6024d5e.png); }
.download-mac, a.download-mac { margin-top: 24px; background-position: 0 -68px; }
.hidden { display: none; }
.register-demo { cursor:pointer; }
.register-demo-dialog { padding: 35px 50px 0; }
.register-demo-dialog .form { font-size: 16px; }
.register-demo-dialog .form .form-control-group .label { margin-right: 10px; }
/* 浮动菜单 */
.floatmenu { position: fixed; bottom: 200px; right: 10px; z-index: 500; }
.floatmenu .item { height: 42px; width: 42px; margin-bottom: 5px; position: relative; }
.floatmenu .blk { display: block; height: 100%; width: 100%; border-radius: 3px; background: url(../images/floatmenu.png) no-repeat; cursor: pointer; }
.floatmenu .weibo .blk { background-position: 0 0; }
.floatmenu .qq .blk { background-position: -42px 0; }
.floatmenu .wechat .blk { background-position: -84px 0; }
.floatmenu .mobile { display:none; }
.floatmenu .mobile .blk { background-position: -126px 0; }
.floatmenu .ask .blk { background-position: -168px 0; }
.floatmenu .backtop .blk { background-position: -210px 0; }
.floatmenu .weibo .blk:hover { background-position: 0 -42px; }
.floatmenu .qq .blk:hover { background-position: -42px -42px; }
.floatmenu .wechat .blk:hover { background-position: -84px -42px; }
.floatmenu .mobile .blk:hover { background-position: -126px -42px; }
.floatmenu .ask .blk:hover { background-position: -168px -42px; }
.floatmenu .backtop .blk:hover { background-position: -210px -42px; }
.floatmenu .popover { display: none; position: absolute; right: 42px; top: 0; padding-right: 15px; text-align: center; }
.floatmenu .item:hover .popover { display: block; }
.floatmenu .popover .popover-arr { position: absolute; top: 15px; right: 9px; background: url(../images/popover_arr_l.png) no-repeat; height: 11px; width: 7px; }
.floatmenu .ask .popover p { text-align: left; }
.floatmenu .ask .popover p i { margin-right: 4px; }
.floatmenu .popover .popover-bd { width: 140px; padding: 10px; border-radius: 4px; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px rgba(0, 0, 0, 0.1); border: 1px solid #d8d8d8; background: #fff; }
.floatmenu .popover label { font-weight: bold; display: block; padding: 4px 0 0; }
.floatmenu .popover p { color: #999; padding: 0 5px 4px; font-size: 12px }
.floatmenu .popover img { width: 140px; height: 140px; }
.floatmenu .popover .btn { display: block; background: #86bf2f; color: #fff; border-radius: 3px; margin: 5px 5px 10px; height: 30px; line-height: 28px; }
.floatmenu .backtop { }
/*产品页*/

.hm-mod-feature { width: 1048px; margin: 38px auto 0; padding-bottom:15px; }
.hm-mod-feature .feature-list { font-size: 0; opacity: 0; filter: alpha(opacity=0); position: relative; top: 50px; }
.hm-mod-feature .feature-list .list-item { width: 226px; height: 85px; overflow-y: hidden; display: inline-block; *display:inline;
 *zoom:1;
padding: 16px 26px 16px 94px; margin-bottom: 10px; position: relative; text-decoration: none; color: #333; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.hm-mod-feature .feature-list .list-item:hover { cursor: pointer; background-color: #e8f3f9; }
.hm-mod-feature .feature-list .list-item h4 { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.hm-mod-feature .feature-list .list-item p { line-height: 20px; font-size: 12px; color: #888; }
.hm-mod-feature .feature-list .list-ico { position: absolute; top: 18px; left: 10px; height: 72px; width: 72px; border-radius: 3px; }
.hm-mod-feature .feature-list .list-ico-task { background:url(../images/1001.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-goal { background:url(../images/1004.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-report { background:url(../images/8007.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-doc { background:url(../images/1010.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-crm { background:url(../images/1003.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-blog { background:url(../images/1007.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-chat { background:url(../images/1008.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-sign { background:url(../images/8006.png) no-repeat; }
.hm-mod-feature .feature-list .list-ico-wfl { background:url(../images/1011.png) no-repeat; }
.hm-mod-feature .feature-more { margin: 30px auto 0; display: block; width: 214px; height: 44px; line-height: 44px; color: #55c1e7; border: 1px solid #55c1e7; border-radius: 3px; text-align: center; font-size: 14px; font-weight: bold; text-decoration: none; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.hm-mod-feature .feature-more:hover { color: #fff; background: #55c1e7; }
.page_ty { padding-top:3px; }
.page_ty td { padding:5px; }
.page_ty a.btn_ty { background:#229DD3; padding:4px 10px 4px 10px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size:14px; }
.page_ty a.btn_ty:hover { background:#F63; }
.pro-icon { width: 80px; height: 80px; display: inline-block; vertical-align: top; background: url(../images/home-icons_9a9663e.png) no-repeat; }
.footer-icon { width: 50px; height: 50px; margin-right: 16px; }
.back-icon { background-position: -400px -240px; width: 13px; height: 13px; }
.back-icon-white { background-position: -400px -320px; }
/*footer icon position*/
.footer-qq { background-position: -400px 0; }
.footer-qq:hover { background-position: -480px 0; }
.footer-email { background-position: -400px -80px; }
.footer-email:hover { background-position: -480px -80px; }
.footer-telphone { background-position: -400px -160px; }
.footer-telphone:hover { background-position: -480px -160px; }
a, a:active, a:hover, a:link, a:visited { color: inherit; text-decoration: none; }
app.f3231d2….css:1 .a-blank {
 display: inline-block;
 width: 100%;
 height: 100%;
}
.home_w { width:1100px; margin:0 auto; }
/*      Ʒҳ  icon position*/
.icon-prod-11 { background-position: 0 0; }
.icon-prod-21 { background-position: 0 -80px; }
.icon-prod-31 { background-position: 0 -160px; }
.icon-prod-41 { background-position: 0 -240px; }
.icon-prod-51 { background-position: 0 -320px; }
.icon-prod-61 { background-position: 0 -400px; }
.icon-prod-71 { background-position: 0 -480px; }
.icon-prod-81 { background-position: 0 -560px; }
.icon-prod-91 { background-position: 0 -640px; }
.icon-prod-101 { background-position: 0 -720px; }
.icon-prod-111 { background-position: 0 -800px; }
.icon-prod-121 { background-position: 0 -880px; }
.icon-prod-131 { background-position: 0 -960px; }
.icon-prod-141 { background-position: 0 -1040px; }
.icon-prod-151 { background-position: 0 -1120px; }
.icon-prod-12 { background-position: -80px 0; }
.icon-prod-22 { background-position: -80px -80px; }
.icon-prod-32 { background-position: -80px -160px; }
.icon-prod-42 { background-position: -80px -240px; }
.icon-prod-52 { background-position: -80px -320px; }
.icon-prod-62 { background-position: -80px -400px; }
.icon-prod-72 { background-position: -80px -480px; }
.icon-prod-82 { background-position: -80px -560px; }
.icon-prod-92 { background-position: -80px -640px; }
.icon-prod-102 { background-position: -80px -720px; }
.icon-prod-112 { background-position: -80px -800px; }
.icon-prod-122 { background-position: -80px -880px; }
.icon-prod-132 { background-position: -80px -960px; }
.icon-prod-142 { background-position: -80px -1040px; }
.icon-prod-152 { background-position: -80px -1120px; }
/*      ҵҳ  icon position*/
.icon-building { background-position: -320px -80px; }
.icon-ad { background-position: -320px 0; }
.icon-internet { background-position: -320px -160px; }
.icon-banking { background-position: -320px -240px; }
.icon-consult { background-position: -320px -320px; }
.icon-plus { background-position: -320px -400px; }
.icon-plus-white { background-position: -320px -480px; }
/*    ҳ  icon position*/
.icon-building-effect { background-position: -160px -320px; }
.icon-building-anytime { background-position: -160px -400px; }
.icon-building-commu { background-position: -160px -80px; }
.icon-building-search { background-position: -160px -480px; }
.icon-ad-effect { background-position: -160px -560px; }
.icon-ad-anytime { background-position: -160px -640px; }
.icon-ad-commu { background-position: -160px -720px; }
.icon-ad-search { background-position: -160px -800px; }
.icon-banking-effect { background-position: -160px 0; }
.icon-banking-anytime { background-position: -160px -80px; }
.icon-banking-commu { background-position: -160px -160px; }
.icon-banking-search { background-position: -160px -240px; }
.icon-internet-effect { background-position: -160px -880px; }
.icon-internet-anytime { background-position: -160px -80px; }
.icon-internet-commu { background-position: -160px -960px; }
.icon-internet-search { background-position: -160px -800px; }
.icon-consult-effect { background-position: -160px -880px; }
.icon-consult-anytime { background-position: -160px -80px; }
.icon-consult-commu { background-position: -160px -800px; }
.icon-consult-search { background-position: -160px -1040px; }
/* home main icon */
.icon-prod-14 { background-position: -240px 0; }
.icon-prod-24 { background-position: -240px -80px; }
.icon-prod-34 { background-position: -240px -160px; }
.icon-prod-44 { background-position: -240px -240px; }
.icon-prod-54 { background-position: -240px -320px; }
.icon-prod-64 { background-position: -240px -400px; }
.icon-prod-74 { background-position: -240px -480px; }
.icon-prod-84 { background-position: -240px -560px; }
.icon-prod-94 { background-position: -240px -640px; }
.icon-leftQuote { width: 31px; height: 30px; background-position: -400px -400px; }
.icon-more { width: 11px; height: 15px; background-position: -400px -480px; }
.icon-video { width: 32px; height: 32px; background-position: -480px -240px; }
a:hover .icon-video, .icon-video:hover { background-position: -480px -320px; }
.home-page { min-width: 1200px; }
.container { position: relative; margin: 0 auto; background: transparent; z-index: 2; }
.header { position: relative; background: #fff; min-width: 1200px; width: 100%; height: 76px; border-bottom: 1px solid #dcdcdc; -webkit-box-shadow: 0 1px 3px rgba(225, 225, 225, 0.5); -moz-box-shadow: 0 1px 3px rgba(225, 225, 225, 0.5); -ms-box-shadow: 0 1px 3px rgba(225, 225, 225, 0.5); -o-box-shadow: 0 1px 3px rgba(225, 225, 225, 0.5); box-shadow: 0 1px 3px rgba(225, 225, 225, 0.5); z-index: 10; }
.header.header-anim { position: fixed; left: 0; top: 0; background-color: transparent; background-color: rgba(255, 255, 255, 0.85); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d8ffffff', EndColorStr='#d8ffffff');
}
.header_zw { position: fixed; left: 0; top: 0; width: 100%; height: 70px; z-index: 9; }
.header .container { width: 1260px; padding: 0 20px; }
.header .logo { float: left; padding-top: 10px; }
.header .logo a { display: block; }
.header .title { float: left; margin: 22px 0 0 15px; border-left: 1px solid #c3c3c3; padding-left: 15px; font-size: 20px; color: #424141; }
.header .welcome { float: right; max-width: 390px; margin-top: 25px; font-size: 14px; margin: 26px 0 0 0; color: #999; }
.header .site-nav { float: right; float: right; line-height: 74px; }
.header .site-nav .concat-us { height: 21px; line-height: 21px; padding: 0 15px 0 14px; display: inline-block; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.header .site-nav .concat-us .icon { height: 16px; transform: translateY(-10%); margin-right: 8px; }

.header .site-nav .shiyong-btn { height: 32px; font-size: 14px; line-height: 32px; text-align: center; color: #fff; margin-left: 12px; margin-top: 20px; float: left; }
.header .site-nav .shiyong-btn a.kaitong { background-image: linear-gradient(-90deg, #ea5427, #b90e5d); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#ea5427", endColorstr="#b90e5d");
cursor: pointer; display: inline-block; min-width:90px; height: 100%; color:#FFF; padding:0 5px; border-radius: 15px;}

.header .site-nav .tiyan-btn { height: 32px; font-size: 14px; line-height: 32px; text-align: center; color: #fff; margin-left: 12px; margin-top: 20px; float: left; }
.header .site-nav .tiyan-btn a.yanshi { background-image: linear-gradient(-90deg, #079cda, #0e6fb9); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#079cda", endColorstr="#0e6fb9");cursor: pointer; display: inline-block; min-width:90px; height: 100%; color:#FFF; padding:0 5px; border-radius: 15px;}
.header .site-nav .tiyan-btn a.shiyong { background-image: linear-gradient(-90deg, #ea828b, #d67d53); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#ea828b", endColorstr="#d67d53");cursor: pointer; display: inline-block; min-width:90px; height: 100%; color:#FFF; padding:0 5px; border-radius: 15px;}

.header .site-nav .user-btn{ width: 160px; height: 32px; font-size: 16px; line-height: 32px; text-align: center; margin-left: 12px; margin-top: 20px; float: left; border: 1px dashed #ddd; padding: 0 10px;}
.header .site-nav .user-btn a {padding:0 10px; }

.header .site-nav .demo { font-size: 16px; }
.header .site-nav .demo a { color: #079cda; text-decoration: underline; }

.liebiaoset { position:absolute; top:32px; right:0; background:#fff; z-index:666; border:1px solid #ddd; min-width:300px; min-height:90px; overflow:hidden; box-shadow: 0 5px 8px rgba(189, 188, 188, 0.25), 0 5px 8px rgba(125, 124, 124, 0.22); display:none; border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.liebiaoset ul { padding:30px 5px; }
.liebiaoset ul a { margin:5px; background:#f00; padding:6px 15px; cursor:pointer; }
.liebiaoset ul a.kt_mfb{background:#0e8e4b;}
.liebiaoset ul a.kt_syb{background:#d33242;}

.help-contact { float: right; margin-top: 14px; vertical-align: top; }
.help-contact img { vertical-align: top; }
.help-qq { display: inline-block; width: 102px; height: 21px; padding: 20px 0 0 25px; margin-right: 40px; background: url(../images/help-qq_bb5d362.png) no-repeat; text-align: center; font-size: 12px; color: #424141; }
h5 { font-size: 32px; text-align: center; }
/* home main */
.home_notice { border-bottom:1px solid #ccc; background:#fbfbfb; box-shadow:0 3px 5px rgb(218, 222, 223); /* ױ   Ӱ*/ }
.home_notice .mainok { height:60px; line-height:60px; width:1200px; margin:0 auto; }
.home_notice .mainok a { color:#404040; }
.navigation { float: left; vertical-align: middle; height: 74px; line-height: 74px; font-size: 16px; text-align: center; padding-left: 30px; margin-right: 0; }
.navigation li { float: left; padding: 0 20px; }
.navigation li .on { border-bottom: 3px solid #079cda; color: #079cda; }
.navigation a { color: #333; padding-bottom: 12px; }
.navigation a:hover, .navigation a.active { color: #079cda; }
.try-now, .try-demo { display: inline-block; width: 206px; height: 60px; border: 1px solid #999; border-radius: 4px; margin-top: 100px; margin-right: 20px; color: #000; font-size: 24px; line-height: 60px; text-align: center; background-color: #ebe6e9; }
.video-play-button { display: inline-block; margin-top: 40px; margin-left: 111px; font-size: 20px; line-height: 34px; color: #666; }
.video-play-button .icon-video { margin-right: 12px; }
.video-play-button:hover { color: #079cda; }
.resize-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }
.resize-bg img { display: block; width: 100%; height: 100%; }
.section { position: relative; border-bottom: 1px solid #e1e1e1; }
/** home hot **/
.hot-list { overflow: hidden; }
.hot-list li { float: left; width: 33.33%; height: 200px; border-left: 1px solid #e1e1e1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hot-list li a { display: block; width: 100%; height: 100%; padding: 32px 18px 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.hot-list li img { float: left; }
.hot-text { margin-top: 20px; margin-left: 198px; }
.hot-text strong { display: block; font-size: 18px; color: #404040; }
.hot-text span { display: block; font-size: 14px; color: #424141; margin-top: 10px; }
.hot-list li:first-child { border-left: 0; }
/** join-action **/
.join-action { text-align: center; }
.join-action a.pure-button { height: 52px; margin: 0 110px; padding: 0 45px; font-size: 22px; line-height: 52px; color: #fff; }
.goto-try { border-color: #079cda; color: #079cda; }
/** home section **/
.section h5 { padding-top: 20px; line-height: 200px; }
.section-content { position: relative; height: 550px; }
.more-info li { margin-bottom: 50px; }
.more-info .pro-icon { vertical-align: middle; }
.more-info .more-text { display: inline-block; max-width: 380px; margin-left: 10px; vertical-align: middle; }
.more-info .more-text strong { display: block; font-size: 20px; color: #404040; }
.more-info .more-text span { display: block; font-size: 14px; color: #424141; margin-top: 10px; }
.section-image { position: absolute; }
/** main section **/
.main.section { padding-top: 70px; background: url('../images/banner.jpg') repeat-x center bottom; border-bottom: 0; }
.main.section .container { height: 590px; }
.main.section h5 { padding-top: 148px; padding-left: 15px; font-size: 50px; line-height: 120px; text-align: left; }
.main.section .join-action { text-align: left; }
/** product section **/
.product-content { padding-top: 25px; }
.product-content .more-info { position: absolute; left: 50%; top: 33px; margin-left: 90px; }
.product-content .section-image { left: 50%; top: 0; margin-left: -653px; }
/** mobile section **/
.main-mobile.section { background: #f9fafc; }
.mobile-content { height: 625px; }
.mobile-content .more-info { position: absolute; left: 50%; top: 30px; margin-left: -550px; }
.mobile-content .section-image { right: 60px; bottom: 0; }
/** secure section **/
.secure-content { height: 460px; }
.secure-content .more-info { position: absolute; left: 50%; top: 0; margin-left: 60px; }
.secure-content .section-image { left: 200px; bottom: 10px; }
/** profession-list **/
.main-profession.section h5 { padding-top: 30px; }
.profession-list { width:1000px; margin: 0 auto; margin-top:-30px; padding-bottom:65px; text-align:center; }
.profession-list li { position: relative; float: left; height: 300px; margin: 0 5px 10px; }
.profession-list .item1 { width: 300px; }
.profession-list .item2 { width: 606px; }
.profession-item strong { position: absolute; left: 0; bottom: 0; padding: 0 26px; font-size: 24px; line-height: 43px; color: #fff; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000', EndColorStr='#99000000');
}
.profession-item p { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background: rgba(0, 186, 255, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E500baff', EndColorStr='#E500baff');
}
.profession-item:hover p { display: block; }
.profession-item p .text-more { display: block; margin-top: 120px; font-size: 16px; text-align: center; white-space: nowrap; }
.profession-item p .goto-more { display: block; margin-top: 55px; margin-right: 10%; font-size: 14px; line-height: 18px; text-align: right; }
.profession-item p .goto-more .icon-more { margin-left: 6px; }
.profession-add { color: #fff; text-align: center; background: #079cda; cursor: pointer; }
.profession-add .pro-icon { margin-top: 60px; margin-bottom: 40px; }
.profession-add strong, .profession-add span { display: block; }
.profession-add strong { font-size: 22px; }
.profession-add span { font-size: 14px; }
/** partner **/
.main-partner.section { border-bottom: 0; }
.main-partner.section h5 { line-height: 160px; }
.partner-list { width: 960px; height: 190px; margin: 80px auto 0; font-size: 16px; }
.partner-list li { display: none; }
.partner-list li.active { display: block; }
.partner-list span { display: block; color: #999; padding-left: 54px; }
.partner-list .icon-leftQuote { margin-left: -54px; margin-top: -12px; margin-right: 23px; }
.partner-list strong { display: block; margin-top: 24px; text-align: right; color: #404040; }
.partner-list-nav { width: 815px; height: 180px; margin: 0 auto; border-top: 1px solid #c9d6e4; }
.partner-logos { display: inline-block; height: 70px; background: url(../images/partner-logos_c5c6d7f.png) no-repeat; }
.voyage-logo { width: 120px; background-position: 0 0; }
.active .voyage-logo, .voyage-logo:hover { background-position: 0 -70px; }
.kakao-logo { width: 85px; background-position: -120px 0; }
.active .kakao-logo, .kakao-logo:hover { background-position: -120px -70px; }
.xiangyuan-logo { width: 70px; background-position: -205px 0; }
.active .xiangyuan-logo, .xiangyuan-logo:hover { background-position: -205px -70px; }
.zju-logo { width: 70px; background-position: -275px 0; }
.active .zju-logo, .zju-logo:hover { background-position: -275px -70px; }
.t-financial-logo { width: 170px; background-position: -345px 0; }
.active .t-financial-logo, .t-financial-logo:hover { background-position: -345px -70px; }
.partner-list-nav li { position: relative; float: left; margin: 0 30px; padding-top: 20px; cursor: pointer; }
.partner-list-nav li .arrow { display: none; position: absolute; top: -1px; left: 50%; width: 0; height: 0; margin-left: -11px; border-top: 11px solid #c9d6e4; border-left: 11px solid transparent; border-right: 11px solid transparent; }
.partner-list-nav li.active .arrow { display: block; }
.partner-list-nav li .arrow::before {
content: " ";
position: absolute;
top: -12px;
left: -11px;
width: 0;
height: 0;
border-top: 11px solid #fff;
border-left: 11px solid transparent;
border-right: 11px solid transparent;
}
/* other page */
.other-container { min-width: 1200px; min-height: 660px; padding-top: 60px; background: #f5f5f5; overflow: hidden; }
.other-container .container { max-width: 1160px; min-width: 1160px; overflow: visible; }
.page_o { padding-top: 20px; margin-top:80px; }
.nav-list { float: left; width: 215px; }
.nav-list li { height: 53px; padding-left: 30px; line-height: 53px; font-size: 20px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 4px solid #f5f5f5; cursor: pointer; }
.nav-list .selected { background: #fff; border-top-color: #e5e5e5; border-bottom-color: #e5e5e5; border-left-color: #079cda; }
.main-content { display: none; min-height: 600px; margin-left: 214px; padding: 0 37px; margin-bottom: 40px; border: 1px solid #e5e5e5; background-color: #fff; }
.main-content.show { display: block; }
.hr-email { text-align: right; margin-top: -30px; font-size: 14px; color: #424141; line-height: 30px; }
.about-title { padding: 0 30px; min-height: 130px; margin-bottom: 30px; border: 1px solid #e6e6e6; background-color: #fbfbfb; }
.about-title .title-text { padding-top: 36px; padding-bottom: 14px; font-size: 20px; color: #000; }
.about-title .title-user { font-size: 16px; color: #424141; text-align: right; }
.article-title { position: relative; font-size: 20px; line-height: 58px; height: 58px; border-bottom: 1px solid #e5e5e5; }
.article-title strong { color: #079cda; }
.article-title .update-time { position: absolute; right: 10px; top: 0; font-size: 16px; color: #999; }
.article { margin-bottom: 80px; }
.article dt, .article h2 { margin: 16px 0 0px 0; font-size: 22px; color: #000; }
.article dt, .article h3 { margin-bottom:30px; color: #B3B3B3; }
.article dd, .article p { font-size: 16px; line-height: 2.5; color: #424141; margin: 8px 0; margin-bottom: 30px; }
.about .article dd { margin: 0; paddin: 8px 0; }
.ques-list { padding: 13px 20px; margin-bottom: 60px; }
.ques-list li { list-style-type: disc; color: #079cda; }
.ques-title { position: relative; margin-left: -20px; padding-left: 20px; font-size: 16px; line-height: 40px; border-bottom: 1px solid #fff; cursor: pointer; }
.ques-title .icon { display: none; position: absolute; right: 10px; top: 10px; }
.ques-title:hover, .open .ques-title { background-color: #fafafa; border-bottom-color: #e5e5e5; }
.ques-title:hover .icon, .open .ques-title .icon { display: block; }
.ques-content { display: none; padding: 10px 0; color: #424141; font-size: 16px; line-height: 33px; }
.open .ques-content { display: block; }
.content { line-height:25px; background:#fff; padding:10px 10px 20px 10px; min-height:600px; }
.content h2 { text-align:center; line-height:45px; margin-bottom:10px; font-size: 20px; color: #000; border-bottom:1px dotted #ccc; }
.gg_list { line-height:25px; background:#fff; padding:10px 10px 20px 10px; border-bottom:1px dotted #ccc; margin-bottom:10px; }
.gg_list h2 { line-height:35px; margin-bottom:10px; font-size: 20px; color: #000; }
.gg_list h2 span { float:right; }
/* footer */
.footer { min-width: 1200px; border-top: 1px solid #e5e5e5; font-size: 14px; background: rgba(23, 43, 77, 1); }
.footer .container { max-width: 1200px; min-width: 1200px; margin: 0 auto; height: 186px; }
.footer .container-up { width: 100%; height: 122px; border-bottom: 1px solid #eeeeee; overflow: hidden; padding-left:60px; }
.footer .ewm { float: left; margin-top: 3px; text-align:center; }
.footer .contact { float: left; height: 50px; margin: 40px 0 32px; }
.footer .contact .contact-text { width: auto; height: 40px; display: inline-block; vertical-align: top; margin-top: 6px; }
.footer .contact .contact-text .block { display: block; color: #999; }
.footer .contact .contact-text p { color: #999; }
.footer .contact-text .qq-link { color: #404040; }
.footer .contact-text .qq-link:hover { text-decoration: underline; }
.footer .left { width: 33%; }
.footer .middle { width: 32%; }
.footer .right { width: 33%; }
.footer .container-bottom { height: 45px; padding: 17px 17px 0px 17px; border-top: 1px solid #fff; }
.footer .nav { float: left; }
.footer .nav a { color: #404040; margin-right: 25px; }
.footer .copyright { float: right; color: #999; }
.footer .beian { color: #079cda; }
.footer .hot-recommend { float: right; position: relative; margin-left: 20px; padding-right: 15px; }
.footer .hot-recommend .title { position: relative; border: 1px solid #fbfbfb; padding: 5px 0px 0 10px; margin-top: -6px; z-index: 2; height: 21px; overflow: hidden; }
.footer .hot-recommend .title > div.icon { background: url('../images/all-icons_256158e.png') no-repeat -32px -329px; width: 15px; height: 20px; }
.footer .hot-recommend .content { position: absolute; bottom: 27px; right: 15px; overflow: hidden; width: 1115px; background-color: white; border: 1px solid #ccc; display: none; padding: 15px; text-align: left; color: black; }
.footer .hot-recommend .content .introduction { line-height: 1.9; }
.footer .hot-recommend .content > ul.labels { border-top: 1px dashed #ccc; margin-top: 10px; padding-top: 10px; overflow: hidden; font-size: 12px; }
.footer .hot-recommend .content > ul.labels a { color: black; text-decoration: none; float: left; width: 80px; margin: 10px 0 10px 20px; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid black; height: 14px; line-height: 16px; }
.footer .hot-recommend .content > ul.labels li:first-child a, .footer .hot-recommend .content > ul.labels li:nth-child(12) a {
margin-left: 0;
}
.footer .hot-recommend .content > .links { border-top: 1px dashed #ccc; margin-top: 10px; padding: 20px 0 0 0; color: #7c7c7c; }
.footer .hot-recommend .content > .links li { display: inline-block; }
.footer .hot-recommend .content > .links a { margin-right: 10px; font-size: 13px; color: #7c7c7c; }
.footer .hot-recommend:hover .title { border: 1px solid #ccc; border-top-color: #fff; background-color: #fff; }
.footer .hot-recommend:hover .content { display: block; }
/*    ҳ  ײ */
.footer .hot-recommend.two .content > ul.labels { border-top: none; margin-top: 0; padding-top: 0; }
/*  ҵ    ҳ  */
.pro-container { min-width: 1200px; overflow: hidden; }
.back-white { background: #fff; }
.back-nonwhite { background-color: #f9fafc; }
.pro-container .pro-title { position: relative; width: 100%; height: 530px; border-bottom: 1px solid #cdcdcd; overflow: hidden; }
.ie-image { display: none; position: absolute; top: 0; left: 0; }
.pro-container .pro-title .back { display: block; margin-left: 13%; padding-top: 120px; width: 80px; font-size: 14px; line-height: 21px; color: #000; position: relative; z-index: 9; }
.pro-container .pro-title .back .back-icon { margin-top: 4px; }
.pro-container .pro-title .text-color { color: #fff; }
.pro-title .title { text-align: center; position: relative; z-index: 8; }
.pro-title .title strong { color: #079cda; font-size: 40px; }
.pro-title .title p { color: #000; font-size: 34px; margin-top: 10px; }
.pro-title .title .text-color { color: #fff; }
.pro-container .pro-content { width: 1160px; margin: 32px auto; overflow: hidden; }
.pro-container .pro-content .pro-item { width: 508px; margin: 43px 34px; display: inline-block; }
.pro-content .pro-text { margin-left: 23px; width: 400px; display: inline-block; vertical-align: top; }
.pro-content .pro-text strong { font-size: 20px; color: #404040; }
.pro-content .pro-text p { font-size: 14px; color: #424141; margin-top: 10px; }
.building-extra { background: url(../images/building-extra_235b17c.jpg) repeat-x; }
.building { background: url(../images/building_362a934.jpg) no-repeat; background-position: center; height: 100%; width: 100%; }
.pro-title .building-title { margin-top: -15px; }
.ad { background: url(../images/ad-industry_5c2d8f4.jpg) no-repeat; background-position: center; background-size: cover; }
.pro-title .ad-title { margin-top: 100px; }
.internet-extra { background: url(../images/internet-extra_642d92d.jpg) repeat-x; }
.internet { background: url(../images/internet_abc67d8.jpg) no-repeat; background-position: center bottom; height: 100%; width: 100%; }
.pro-title .internet-title { margin: 90px 0 0 42%; }
.banking { background: url(../images/banking_d891dfd.jpg) no-repeat; background-position: center; background-size: cover; }
.pro-title .banking-title { margin-top: 50px; }
.pro-title .banking-title.title p { margin-top: 20px; }
.consult { background: url(../images/consult_4c982fe.jpg) no-repeat; background-position: center bottom; }
.pro-title .consult-title { margin-top: 190px; }

.profession { background: url(../images/profession_c71b973.jpg) no-repeat; background-position: center bottom; }
.pro-list { width: 300px; height: 158px; border: 1px solid #bad6e1; border-radius: 2px; margin: 30px 36px; float: left; text-align: center; background: #fff; }
.pro-list:hover { background: #eef4fe; }
.pro-list .list-item { padding-top: 35px; display: block; height: 123px; }
.pro-list .list-item .list-text { display: inline-block; padding: 10px; text-align: left; }
.pro-list .list-item .list-center { padding-top: 20px; }
.pro-list .list-item strong { font-size: 24px; color: #404040; }
.pro-list .list-item p { font-size: 16px; color: #999; }

.page_pro { margin-top:80px; }
.product { background: url(../images/pro_bg.jpg) center bottom no-repeat; position:absolute; }
.prod-title { width: 350px; color: #fff; position: relative; z-index: 9; margin-left:55%; margin-top:120px; }
.prod-title strong { font-size: 31px; }
.prod-title p { font-size: 16px; margin-top: 10px; color: #fff; line-height:35px; }
.prod-title h2 { width: 160px; height: 50px; font-family: "΢   ź "; font-size: 30px; color: #FFF; background: #7dc771; text-align: center; line-height: 48px; font-weight: normal; margin-top:15px; }
.prod-title h2 a { color:#fff; cursor:pointer; }
.prod-wrap { width: 100%; border-top: 1px solid #e1e1e1; padding: 80px 0; }
.pro-container .first { border-top: none; }
.prod-container { width: 1160px; margin: 0 auto; overflow: hidden; }
.prod-wrap .big-title { text-align: center; font-size: 36px; color: #404040; margin-bottom: 40px; }
.prod-container .prod-item { margin: 30px 34px; width: 508px; height: 85px; display: inline-block; }
.prod-container .prod-item .pro-icon { vertical-align: middle; }
.prod-container .prod-text { display: inline-block; vertical-align: middle; margin-left: 20px; width: 400px; }
.prod-container .prod-text strong { font-size: 20px; color: #404040; }
.prod-container .prod-text p { font-size: 14px; color: #424141; margin-top: 10px; }
 @media screen and (min-width: 1566px) {
.ad {
background-size: cover;
}
}
@media screen and (min-width: 1700px) {
.banking {
background-size: cover;
}
}
@media screen and (min-width: 1921px) {
.consult, .ad, .product, .profession {
background-size: cover;
}
}
/** add-profession-dialog **/
.add-profession-dialog { width: 615px; }
.add-profession-dialog .error-msg { display: block; width: 380px; margin: 0 auto 5px; text-align: left; }
.add-profession-dialog-title { padding-top: 15px; font-size: 24px; line-height: 90px; text-align: center; }
.add-profession-dialog form { text-align: center; }
.add-profession-dialog form a { text-decoration: underline; }
.add-profession-dialog .form-control-group .input-lg, .add-profession-dialog .form-control-group .textarea-lg { width: 380px; padding: 0 12px; color: #000; }
.add-profession-dialog .form-control-group .textarea-lg { height: 100px; padding-top: 5px; }
.add-profession-dialog .form-title { width: 380px; margin: 0 auto 15px; text-align: left; }
.add-profession-dialog .form-title strong { font-size: 18px; line-height: 36px; }
.add-profession-dialog .form-title span { display: block; font-size: 14px; }
.egeui-dialog .add-profession-dialog-action { padding: 5px 0 45px; text-align: left; }
.egeui-dialog .add-profession-dialog-action .add { display: block; width: 380px; height: 40px; margin: 0 auto; font-size: 16px; }
.egeui-dialog .add-profession-dialog-action .error-msg { display: block; width: 380px; margin: 0 auto; }
/* price */
.center-box { width: 400px; margin: 80px auto; }
.center-box.large { width: 1140px; margin-top: 80px; overflow: hidden; padding-bottom: 50px; }
.center-box .title { text-align: center; margin-bottom: 45px; }
.center-box .title strong { font-size: 36px; color: #000; }
.center-box .title p { font-size: 18px; margin-top: 18px; color: #424141; }
/*plan list */
.plan:hover { transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -moz-transform: rotateY(360deg); transition: 0.8s all; -webkit-transition: 0.8s all; -moz-transition: 0.8s all; -o-transition: 0.8s all; -ms-transition: 0.8s all; }
.plan .head { padding: 0 0 0 25px; height: 60px; line-height: 60px; }
.plan .head .edition { font-size: 20px; float: left; }
.plan .head .hint { font-size: 16px; float: right; }
.plan .plan-info { padding: 20px 36px 0; height: 218px; font-size: 16px; border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; color: #424141; }
.plan .plan-info li { height: 36px; line-height: 36px; margin-bottom: 20px; }
.plan .plan-info li span { padding-left: 10px; }
.plan .foot { text-align: center; padding: 0 0 40px; border: 1px solid #d9d9d9; border-top-color: #eee; }
.plan .foot .button-secondary { border-color: #079cda }
.plan-list { width: 1140px; overflow:hidden; padding-left:30px; margin-bottom:20px; }
.plan-list .plan { background-color: #fff; width: 330px; margin-right: 40px; float: left; }
.plan-list .head { padding: 0; border: 1px solid #d9d9d9; border-bottom: 0; height: auto; text-align: center; }
.plan-list .head .edition { float: none; font-size: 28px; }
.plan-list .head .hint { float: none; font-size: 20px; color: #fff; background-color: #079cda; }
.plan-list .plan-info li { margin-bottom: 10px; color: #7499b7; }
.plan-list .foot { border-top: 0; }
.plan-list .foot .button-secondary { width: 150px; height: 40px; padding: 0; font-size: 16px; line-height: 40px; }
.plan-list .plan2 .head { border-color: #079cda; }
.plan-list .plan2 .edition { color: #079cda; }
.plan-list .plan2 .plan-info { border-color: #079cda; }
.plan-list .plan2 .foot { border-color: #079cda; }
.plan-list .plan2 .foot .button-secondary { border-color: #0589c0; color: #fff; background-color: #079cda; }
.demo-now { font-size: 16px; text-align: center; }
.demo-now a { font-size: 16px; text-decoration: underline; }
/** egeui-video **/
.egeui-video { background: #000; }
.egeui-video:focus { outline: none; }
.egeui-video-close { position: absolute; right: 5px; top: 8px; cursor: pointer; z-index: 999; }
.home-row-4 { padding: 50px 0 30px }
.home-row-4 h2 { font-size:40px; text-align: center; padding: 15px 20px }
.home-row-4 h2+p { text-align: center; font-size: 18px; max-width: 680px; padding: 0 20px; margin: 0 auto; line-height: 1.8em }
.user-voice-box { max-width: 1080px; margin: auto; margin-top: 40px }
.user-voice-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.user-voice-box .bx-viewport { margin-bottom: 50px }
.user-voice-box .user-voice { float: left; margin: 0 20px; width: 500px }
.user-voice-box .user-voice:first-child .pop { background: #7685ac }
.user-voice-box .user-voice:first-child .avatar:before { border-top: 20px solid #7685ac }
.user-voice-box .pop { background: #00c8f2; height: 210px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 18px; color: #fff; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.user-voice-box .pop>p { width: 380px; margin: auto; line-height: 1.8em }
.user-voice-box .avatar { padding-left: 20px; padding-top: 30px; position: relative }
.user-voice-box .avatar:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.user-voice-box .avatar:before { position: absolute; top: -5px; left: 40px; content: ""; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 20px solid #00c8f2 }
.user-voice-box .avatar>img { float: left; margin-right: 15px; height: 74px; width: 74px; border-radius: 100%; background: #eff4f5 }
.user-voice-box .avatar>h4 { font-size: 22px; padding-top: 4px; line-height: 1.5em; margin-bottom: 5px }
.user-voice-box .avatar>p { font-size: 16px }
.home-row-5 { padding: 50px 0; background: #eff4f5 }
.home-row-5 h2 { font-size: 32px; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; padding: 0 20px }
.home-row-5 h2+p { text-align: center; font-size: 18px; max-width: 680px; padding:20px; padding-bottom:40px; margin: 0 auto; line-height: 40px; }
.logo-list { margin-top: 30px; margin-bottom: 20px; width:1160px; margin:0 auto;    border-right: 1px solid #eff4f5;
    border-bottom: 1px solid #eff4f5; }
.logo-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.logo-list li { float: left; width: 231px; height: 140px; background: #fff; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; position: relative; z-index: 1; border-left: 1px solid #eff4f5;
    border-top: 1px solid #eff4f5; }
.logo-list li:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); z-index: 2 }
.logo-list img { max-width: 85%; margin: auto }
.logo-list li>a { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; text-align: center; vertical-align: middle }
.logo-list.skrollable-before li { -webkit-transform: scale3d(0.9, 0.9, 0.9); -moz-transform: scale3d(0.9, 0.9, 0.9); -ms-transform: scale3d(0.9, 0.9, 0.9); -o-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); opacity: 0 }
.logo-list+.join { background: #fff; padding: 25px 30px }
.logo-list+.join:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.logo-list+.join h3 { float: left; font-size: 30px; line-height: 48px }
.logo-list+.join .btn-lg { float: right }
.app-banner { height: 510px; background: url(../images/app-banner.png) no-repeat center; background-size: cover; position: relative }
.app-banner .info { padding-top: 80px; text-align: center }
.app-banner .info h2 { color: #fff; font-size: 45px; display: inline-block; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0 40px 20px 40px; margin-bottom: 30px; line-height: 1.5em }
.app-banner .info a { clear: both; height: 60px; line-height: 60px; font-size: 20px; border-radius: 6px; border: 1px solid #21d376; color: #21d376; display: block; width: 200px; text-align: center; margin: 0 auto }
.app-banner .info a i { line-height: 60px; margin-left: 4px }
.app-banner .stat { background: rgba(74, 144, 226, 0.85); padding: 15px 0; color: #fff; position: absolute; width: 100%; left: 0; bottom: 0 }
.app-banner .stat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.app-banner .stat ul { float: left }
.app-banner .stat li { float: left; margin-right: 65px }
.app-banner .stat h5 { font-size: 18px; float: left; padding-left: 10px; border-left: 2px solid #00c8f2; margin-right: 15px; line-height: 18px; margin-top: 22px }
.app-banner .stat h5+p { font-size: 40px; float: left; line-height: 48px; font-family: 'Open Sans', sans-serif; font-weight: 300 }
.app-banner .stat .btn-lg { float: right }
.bx-wrapper { position: relative; margin: 0 auto 0; padding: 0; *zoom:1;
-ms-touch-action: pan-y; touch-action: pan-y }
.bx-wrapper img { max-width: 100%; display: block }
.bxslider { margin: 0; padding: 0 }
.bx-viewport { -webkit-transform: translatez(0) }
.bx-controls-direction { position: absolute; width: 100%; left: 0; top: 30% }
.bx-controls-direction .bx-next, .bx-controls-direction .bx-prev { position: absolute; top: 0; height: 46px; width: 46px; border: 1px solid #e2eaec; border-radius: 100%; line-height: 46px; text-align: center; text-indent: -9999px; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s }
.bx-controls-direction .bx-next:hover, .bx-controls-direction .bx-prev:hover { border-color: #21d376 }
.bx-controls-direction .bx-next:after, .bx-controls-direction .bx-prev:after { -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s; font-family: "kf5-website"; position: absolute; text-indent: 0; color: #999; left: 0; top: 0; font-size:0px; text-align: center; width: 45px }
.bx-controls-direction .bx-next:hover:after, .bx-controls-direction .bx-prev:hover:after { color: #21d376 }
.bx-controls-direction .bx-next { right: -60px }
.bx-controls-direction .bx-next:after { content: "\e608"; background:url(/style/images/right.png) no-repeat; left: 9px; top: 8px; }
.bx-controls-direction .bx-prev { left: -60px }
.bx-controls-direction .bx-prev:after { content: "\e607"; background:url(/style/images/left.png) no-repeat; left: 6px; top: 8px; }
.bx-pager { text-align: center }
.bx-pager-item { display: inline-block; margin: 0 5px }
.bx-pager-item>a { display: block; text-indent: -9999px; height: 10px; width: 10px; border: 1px solid #21d376; border-radius: 100% }
.bx-pager-item>a.active { background: #21d376 }
.customers-row-1 { background: url(../images/banner-customers.png) no-repeat center; background-size: cover; height: 608px }
.customers-row-1>.info { position: relative; top: 180px; text-align: center; z-index: 2 }
.customers-row-1 h2 { color: #fff; font-size: 48px; margin-bottom: 20px; padding: 0 20px }
.customers-row-1 p { font-size: 18px; color: #fff; max-width: 680px; padding: 0 20px; text-align: center; margin: 0 auto; margin-bottom: 30px; line-height: 1.8em }
.customers { background: #eff4f5 }
.customers-content { padding-top: 60px; background: #eff4f5 }
.customers-content article { padding-bottom: 30px; border-bottom: 1px solid #e2eaec; margin-bottom: 50px }
.customers-content article:last-child { border-bottom: none; margin-bottom: 0 }
.customers-content h3 { font-size: 24px; margin-bottom: 10px }
.customers-content h3+p { font-size: 16px; line-height: 1.8em; margin-bottom: 10px }
.customers-content .logo-list { margin-top: 20px }
.customers-content .logo-list li { height: 175px; width: 280px; margin: 5px }
.customers-content .logo-list li>a { height: 175px; width: 100% }
.customers-content .user-voice:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.customers-content .quotes, .customers-content .avatar { float: left }
.customers-content .quotes { font-size: 16px; position: relative; padding-left: 35px; padding-right: 35px; margin-right: 50px; padding-top: 35px; max-width: 870px }
.customers-content .quotes:before { content: ""; height: 30px; width: 30px; position: absolute; left: 0; top: 15px; background: url(../images/quotes-1.png) no-repeat 0 0 }
.customers-content .quotes:after { content: ""; height: 30px; width: 30px; position: absolute; right: 0; top: 15px; background: url(../images/quotes-1.png) no-repeat right }
.customers-content .avatar { min-width: 210px; margin-top: 10px }
.customers-content .avatar img { float: left; margin-right: 15px; height: 74px; width: 74px; border-radius: 100%; background: #fff }
.customers-content .avatar h4 { font-size: 20px; padding-top: 8px }
.customers-content .avatar h4+p { font-size: 16px }
.developer-row-1 { background: url(../images/banner-developer.png) no-repeat center; background-size: cover }
#newsArea { width: 100%; line-height:60px; color: #252525; font-size: 17px; }
#divNewsMain { margin: 0 auto; width: 1180px; }
#divBroadcast { margin-top: 22px; margin-left: 4px; float: left; width: 30px; background: url(../images/broadcast.png) no-repeat; }
#divRollContent { float: right; width: 1146px; padding-top:18px; }
#divRollContent ul { height: 25px; overflow: hidden; line-height: 25px; list-style-type: none; }
#divRollContent ul a { float: left; color: #252525; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 800px; }
#divRollContent ul a:link { color: #252525; text-decoration: none }
#divRollContent a:visited { color: #252525; text-decoration: none }
#divRollContent a:hover { text-decoration: none; }
.newsdate { float: right; }
.news-list { margin:20px 0; min-height:510px; }
.news-list li { float:left; padding:6px; width:260px; margin: 9px; transition: all 0.3s linear 0s; }
.news-list li:hover { background:#fff; }
.news-img { background:#079cda; width:260px; height:160px; overflow:hidden; text-align:center; }
.news-img img { max-width: 100%; }
.news-list-content { border:1px solid #079cda; border-top:none; padding:0 10px 4px; }
.news-list li h1 { padding: 6px 0; transition: all 0.3s linear 0s; border-bottom: 1px dashed #aaa; }
.news-list li p { font-size: 12px; text-indent: 2em; color: #666; line-height: 25px; transition: all 0.3s linear 0s; padding: 6px 0; }
.news-list-bottom { font-size:12px; color:#aaa; border-top:1px dashed #aaa; padding:6px 0; }
.news-list-bottom span { font-size:12px; color:#aaa; }
.news-title { text-align:right; margin-bottom:20px; }
.news-title h1 { text-align:center; font-size:20px; }
.news-title span { font-size:12px; color:#aaa; }
.news-content { min-height:510px; line-height: 30px; }
.mcnext { margin:40px 0 20px; }
.content-container { background: #f5f5f5; }
.news-tuijian { max-width:1160px; min-width:1160px; margin:0 auto; padding:30px 0; }
.news-tuijian h1 { padding-bottom:10px; border-bottom: 1px dashed #aaa; margin-bottom: 10px; }
.news-tuijian li { float:left; width:372px; margin-right:6px; padding: 4px; border-right:1px dashed #aaa; transition: all 0.3s linear 0s; }
.news-tuijian li:nth-child(3) {
border-right:none;
}
.tuijian-img { width: 160px; height: 120px; overflow: hidden; background: #079cda; float:left; margin-right:10px; }
.tuijian-img img { max-width:100%; }
.news-tuijian li h2 { font-size:16px; margin: 4px 0 6px; color:#333; }
.news-tuijian li p { font-size:12px; text-indent:2em; line-height:22px; padding: 0 10px; color:#999; }
.news-tuijian li:hover { background:#fff; }
/*您可以通过三种方式获取龙腾CRM的贴心服务开始*/

.Service { padding: 50px 0; width:100%; text-align: center; }
.Service .title { width:100%; text-align: center; font-size: 30px; line-height: 50px; color: #111; }
.section-01 .list-box { padding: 20px 0; overflow: hidden; margin-top: 50px; }
.section-01 .list { width: 1180px; margin: 0 auto; }
.section-01 .list .list-item { width: 360px; height: 400px; float: left; text-align: center; padding-top: 46px; box-shadow: 0 4px 30px 0 hsla(0, 0%, 90%, .89); border-radius: 4px; margin-right: 50px; }
.section-01 .list .list-item .icon-pic { width: 100px; }
.section-01 .list .list-item .list-item-tit { font-size: 22px; line-height: 40px; margin-top: 30px; }
.section-01 .list .list-item .list-item-desc { width: 80%; font-size: 15px; line-height: 1.5; color: #777; margin: 10px auto 0; }
.section-01 .list .list-item .list-item-btn { font-size: 16px; line-height: 36px; width: 120px; margin: 30px auto 0; color: #0e6fb9; border: 1px solid #0e6fb9; border-radius: 20px; }
.section-01 .list .list-item .login-registration { cursor: pointer; }
.section-01 .list-item:last-child { margin-right:0px; }
.section-01 .list .list-item:last-child .list-item-btn { border-left: 0 none; border-right: 0 none; border-radius: initial; white-space: nowrap; }
.section-01 .list .list-item .login-registration:hover .a-blank, .section-01 .list .list-item .login-registration:hover span { width: 100%; height: 100%; display: inline-block; background-image: linear-gradient(-90deg, #079cda, #0e6fb9); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#079cda", endColorstr="#0e6fb9");
cursor: pointer; }
.section-01 .list .list-item .login-registration:hover { color: #fff; overflow: hidden; }
/*您可以通过三种方式获取龙腾CRM的贴心服务结束*/

/*用了很多管理软件却还在被问题困扰？*/
.section-02 { background: #f9fafc; }
.section-02 .title { overflow: hidden; width: 100%; padding-bottom: 20px; }
.section-02 .title h2 { font-weight: normal; text-align: center; font-size: 30px; color: #242424; }
.section-02 .title h2 em { color: #f1682d; }
.section-022 ul { width: 1200px; margin: 0 auto; height: 360px; margin-top: 50px; }
.section-022 li { float: left; width: 240px; margin: 0 30px; }
.section-022 .span01 { background: url(/style/images/s02-01.png) no-repeat center top; }
.section-022 .span02 { background: url(/style/images/s02-02.png) no-repeat center top; }
.section-022 .span03 { background: url(/style/images/s02-03.png) no-repeat center top; }
.section-022 .span04 { background: url(/style/images/s02-04.png) no-repeat center top; }
.section-022 li span { display: block; width: 239px; height: 239px; margin: 0 auto; margin-bottom: 5px; text-align: center; font-size: 18px; color: #333; line-height: 350px; position: relative; }
.section-022 li img { display: block; margin: 0 auto; margin-bottom: 25px;     margin-top: 25px;}
.section-022 li p { font-size: 14px; color: #5c5c5c; line-height: 26px; text-align: justify; position: relative;    padding-bottom: 57px; }
/*龙腾CRM的4大极致体验开始*/
.section3 { padding-top:70px; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.section3 { background: url(/style/images/s03-bg.jpg) no-repeat center; background-size: cover; }
.fp-tableCell { /* display: table-cell;*/ vertical-align: middle; width: 100%; height: 100%; }
.section3 h2 { text-align: center; font-size: 30px; color: #fff; font-weight: normal; }
.section3 p { text-align: center; font-size: 18px; color: #fff; margin: 10px 0 5px 0; }
.section3 .tlogo img { display: block; margin: 25px auto; -webkit-animation:tlo 4s infinite linear; }
.section3 .tiyan { overflow:hidden; width:1200px; height:564px; position:relative; margin:0 auto; margin-top: 50px; }
.section3 .tiyan>img { display:block; position:absolute; z-index:1 }
.section3 .yuan { left:50%; top:0; margin-left:-282px; z-index:0; animation:yuan infinite linear 20s }
.section3 .tiyan .xx01 { left:466px; top:74px; }
.section3 .tiyan .xx02 { right:374px; top:141px; }
.section3 .tiyan .xx03 { left:475px; top:275px; }
.section3 .tiyan .xx04 { left:410px; top:135px; }
.section3 .tlogo { overflow:hidden; width:139px; height:139px; background:url(/style/images/s03-y.png) no-repeat center; position:absolute; z-index:2; left:550px; top:213px; }
.section3 .tlogo img { display:block; margin:25px auto; animation:tlo 4S infinite linear; }
.section3 i { display:block; position:absolute; }
.section3 i { display:block; position:absolute; }
.section3 .i01 { width:265px; height:122px; background:url(/style/images/s03-x01.png) no-repeat right center; left:171px; top:8px; }
.section3 .i02 { width:255px; height:112px; background:url(/style/images/s03-x02.png) no-repeat left center; right:200px; top:9px; }
.section3 .i03 { width:239px; height:96px; background: url(/style/images/s03-x03.png) no-repeat left center; right:200px; bottom:38px; }
.section3 .i04 { width:269px; height:96px; background:url(/style/images/s03-x04.png) no-repeat right center; left:195px; bottom:38px; }
.section3 .wen { overflow:hidden; width:232px; height:76px; background:url(/style/images/s03-wen.png) no-repeat center; padding:30px 15px; position:absolute }
.section3 h3 { font-weight:normal; font-size:26px; color:#fff; margin-bottom:10px; }
.section3 span { display:block; font-size:15px; line-height:20px; color:#f5f5f5 }
.section3 .wen01 { left:42px; top:106px; }
.section3 .wen02 { right:50px; top:106px; }
.section3 .wen03 { right:50px; bottom:88px; }
.section3 .wen04 { left:42px; bottom:88px; }
 @keyframes yuan { from {
transform:rotate(0deg)
}
to { transform:rotate(360deg) }
}
@keyframes tlo { from {
transform:rotateY(0deg)
}
to { transform:rotateY(360deg) }
}
/*满足企业4大需求 一个平台全搞定*/
 
 /*section4*/
.section4 { background:url(/style/images/s04-bg.jpg) no-repeat center bottom; background-size:cover; padding-top:60px; }
.section4 .hand { display:block; position:absolute; left:50%; bottom:0; margin-left:220px; top: 230px; }
.section4 ul { width:1090px; margin:0 auto; margin-top:20px; }
.section4 li { overflow:hidden; width:100%; margin-bottom:30px; position:relative }
.section4 li img { display:block; float:left; width: 80px; height: 80px; }
.section4 li .wen { overflow:hidden; margin-left:12px; float:left }
.section4 li h3 { font-weight:normal; font-size:22px; color:#161616; margin-top:20px; margin-bottom:10px; }
.section4 li p { font-size:14px; color:#282828; }
.section4 .title h2 { font-weight: normal; text-align: center; font-size: 30px; color: #242424; }
.section4 .title { overflow: hidden; width: 100%; padding-bottom: 85px; /* background: url(../images/title.png) no-repeat center bottom; */ position: relative; z-index: 1; }
.section4 p { text-align: center; font-size: 18px; color: #fff; margin: 10px 0 5px 0; }
<!--
部署方式开始--> .cel { clear:both }
.section-03 { width: 100%; height: 650px; background: url(/style/images/section-03-bg.bca0c4c.png) no-repeat 50%; }
.section-03 .base-title { color: #fff; }
.section-03 .base-title { width: 100%; text-align: center; padding-top: 60px; }
.section-03 .base-title .title { font-size: 30px; line-height: 50px; color: #fff; }
.section-03 .base-title .desc { font-size: 16px; line-height: 40px; color: #fff; }
.section-03 .list { width: 1216px; margin: 40px auto 0; padding-left: 18px; overflow: hidden; }
.section-03 .list .list-item { float: left; width: 315px; height: 370px; background-color: #fff; text-align: center; border-radius: 4px; margin-right: 135px; overflow:hidden; }
.section-03 .list .list-item .pic { padding: 50px 45px 0; width: 130px; }
.section-03 .list .list-item:last-child { margin-right: 0; }
.section-03 .list .list-item .desc { line-height: 26px; color: #777; margin-top: 5px; padding: 0px 45px 0; font-size: 14px; text-align: left; }
.section-03 .list .list-item .tit { font-size: 18px; line-height: 40px; color: #333; margin-top: 10px; text-align: center; }
.section-03 .list .list-item .pic { width: 130px; }
/*CRM服务体系开始*/
.section-04 { padding: 50px 0 0; background-color: #f7f7fa; }
.section-04 .base-title { width: 100%; text-align: center; }
.section-04 .base-title .title { font-size: 30px; line-height: 50px; color: #111; }
.section-04 .base-title .desc { font-size: 16px; line-height: 40px; color: #777; }
.section-04 .container { overflow: hidden; width: 1280px; margin: 0 auto; margin-top: 50px; }
.section-04 .container .left { float: left; width: 50%; text-align: right; }
.section-04 .container .left .left-pic { width: 668px; }
.section-04 .container .right { float: left; width: 46%; padding-left: 50px; }
.section-04 .container .right .right-item { margin-bottom: 40px; }
.section-04 .container .right .right-item .tit { font-size: 22px; line-height: 40px; }
.section-04 .container .right .right-item .tit .icon { width: 36px; margin-right: 10px; vertical-align: middle; margin-bottom: 5px; }
.section-04 .container .right .right-item .desc { font-size: 16px; line-height: 30px; color: #777; padding-left: 54px; }
/*资讯*/


.section-06 { padding: 50px 0 50px; }
.section-06 .base-title { width: 100%; text-align: center; }
.section-06 .base-title .title { font-size: 30px; line-height: 50px; color: #111; }
.section-06 .base-title .desc { font-size: 16px; line-height: 40px; color: #777; }
.section-06 .container { height: 560px; overflow: hidden; width: 1157px; margin: 60px auto 0; }
.section-06 .container .left { width: 540px; height: 530px; margin-right:23px; background-color: #fff; float: left; }
.section-06 .container .left .tit { padding: 0 20px; line-height: 60px; font-size: 18px; }
.section-06 .container .left .knowledge-img { width: 500px; display: inline-block; height: 300px; margin-left: 20px; }
.section-06 .container .left .news-tit { height: 28px; font-size: 24px; padding: 0 20px; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer;    padding-bottom: 5px; }
.section-06 .container .left .news-desc { padding: 0 20px; font-size: 16px; line-height: 25px; color: #777; }
.section-06 .container .left .news-footer { padding: 0 20px; margin: 5px 0; line-height: 30px; overflow: hidden; }
.section-06 .container .left .news-footer .time { color: #777; float: left; }
.section-06 .container .left .news-footer .more { float: right; color: #dd1313; font-size: 16px; cursor: pointer; }
.section-06 .container .right { width: 564px; height: 530px; padding: 0 10px 0px 20px; background-color: #fff; float: left; }
.section-06 .container .right .box { width: 564px; height: 50%; }
.section-06 .container .right .box .box-tit { padding: 20px 0; font-size: 18px; }
.section-06 .container .right .box .box-content { width: 100%; padding-bottom: 20px; overflow: hidden; }
.section-06 .container .right .box .box-content .box-pic-div { float: left; }
.section-06 .container .right .box .box-content .box-pic { width: 270px; display: block; }
.section-06 .container .right .box .box-content .list { float: left; height: 100%; }
.section-06 .container .right .box .box-content .list .item { width: 266px; padding-left: 21px; font-size: 16px; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.section-06 .container .right .box .box-content .list .item span { color: #777; }
.section-06 .container .right .box .box-content .list .more { width: 266px; line-height: 40px; font-size: 16px; color: #dd1313; text-align: right; margin-top: 10px; cursor: pointer; }
.section-06 .container .right .box .box-content .list .item a:hover { color: #dd1313; }
.section-06 .container .right .box .box-content .list .item a:hover span { color: #dd1313; }
.contetntcp { }
.contetntcp .data-list { margin-top: 50px; }
.contetntcp .data-list .item-label { text-align: center; font-size: 30px; color: #111; margin-bottom:40px; }
.contetntcp .data-list .item-list-box { width: 1200px; height: 498px; background: #fff; box-shadow: 0 1px 18px 0 #e3e5e7; border-radius: 3px; margin: 0 auto; }
.contetntcp .data-list .item-list-box .item-list { float: left; width: 24.9%; height: 249px; text-align: center; border-right: 1px solid #f0f3f7; border-bottom: 1px solid #f0f3f7; }
.contetntcp .data-list .item-list-box .item-list:nth-child(4n) {
border-right: 0px solid #f0f3f7;
}
.contetntcp .data-list .item-list-box .item-list .fa{margin:35px 0 15px 0;font-size:50px;color:#0f81c7;}
.contetntcp .data-list .item-list-box .item-list .k-pic { width: 60px; margin-top: 40px; margin-bottom: 5px; }
.contetntcp .data-list .item-list-box .item-list .k-title { font-size: 18px; color: #111; margin-bottom: 11px; }
.contetntcp .data-list .item-list-box .item-list .text-box { color: #999; line-height: 24px; width: 215px; margin: 0 auto; text-align: left; font-size:14px }
 .contetntcp .data-list:nth-child(4) .item-list-box {
 height: 249px;
}
.contetntcp { padding-bottom: 100px; }
.jieshao{ width:98%; margin:0 auto;}


.head-cont { margin: 0 auto; overflow: hidden; position: relative; width: 100%; }
.logo-des { background: url(/style/images/logo_des.png) no-repeat; display: inline-block; .display:block;
.float:left;
height: 24px; *margin-top:40px;
margin-left: 12px; width: 231px; }
.top-nav { float: right; font-size: 0; margin-top: 29px; position: relative; z-index: 1; }
.top-nav a { color: #000; cursor:pointer; display: inline-block; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; width: 111px; padding-right:4px; }
.top-nav a.current { background:url(/style/images/top_nav_active.png) no-repeat; color: #fff; }
.main { margin: 0 auto; width: 100%; }
.pro-switch { height: 550px; overflow: hidden; position: relative; width: 100%; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 550px; }
.no-js .slides > li:first-child { display: block; }
.flexslider { margin: 0 auto; position: relative; width: 100%; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flexslider .slides { zoom: 1; }
.flex-direction-nav { *height: 0;
}
.flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(/style/images/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter:alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 5px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { background: url(/style/images/dot.png) no-repeat 0 -16px; display:block; height: 16px; overflow: hidden; text-indent:-99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active { background-position: 0 0; }
#j_tslm { border-bottom:1px solid #E2E2E3; margin-top:22px; overflow:hidden; padding-bottom:40px; *padding-bottom:20px;
}
.mod-tit { background: no-repeat; color:#303236; font-size: 28px; height: 50px; line-height: 50px; margin:32px 0; padding-left: 60px; }
.tszl { background-image: url(/style/images/tit_tslm.png); }
.about { background-image: url(/style/images/tit_about.png); }
.pro-list { font-size: 0; }
.pro-list li { background-color: #11b4fe; border: 4px solid #d3d5db; display: inline-block; *float:left;
height: 120px; margin-right: 38px; width: 120px; }
.pro-list li.last { margin-right: 0; }
.news-mod-cont { background-color: #f7f7f7; overflow: hidden; padding: 30px; _zoom: 1; }
.news-mod { width: 342px; }
.news-mod-tit { background: url(/style/images/line.png) no-repeat 0 100%; color: #3e3f43; font-size: 16px; font-weight: 700; margin-bottom: 15px; padding-bottom: 12px; }
.more, .fr { float: right; }
.more { color: #168eff; text-decoration: none; }
.fl { float: left; }
.date { color: #7b7b7b; float: right; }
.txt-list li, .news-list li { color: #3e3f43; display: block; padding: 6px 0; }
.news-list li a, .txt-list li a { color: #2c6ba6; text-decoration: none; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
#j_tslm ul li { width: 128px; height: 128px; border: 0; background-color: transparent; }
#j_tslm ul a { width: 128px; height: 128px; display: block; position: relative; z-index: 0; text-decoration: none }
#j_tslm ul div { position: absolute; top: 0; left: 0; width: 120px; height: 120px; border: 4px solid #d3d5db; }
#j_tslm a .front { z-index: 2; -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .3s linear;
-moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .3s linear;
-o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -moz-transform .3s linear;
}
#j_tslm a .back { z-index: 1; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: -webkit-transform .3s linear;
-moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -moz-transition: -moz-transform .3s linear;
-o-transform: rotateY(-180deg); -o-transform-style: preserve-3d; -o-backface-visibility: hidden; -o-transition: -o-transform .3s linear;
-ms-transform: rotateY(-180deg); -ms-transform-style: preserve-3d; -ms-backface-visibility: hidden; -ms-transition: -ms-transform .3s linear;
}
#j_tslm a:hover .front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -ms-transform: rotateY(180deg); }
#j_tslm a:hover .back { z-index: 3; zoom: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); }
button { display: block; width: 240px; height: 50px; line-height: 50px; text-align: center; color: #fff; background-image: linear-gradient(-90deg, #079cda, #0e6fb9); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#079cda", endColorstr="#0e6fb9");
 transition: background-color .2s;
margin: 40px auto 0; font-size: 20px; border:0; outline:none; }
.hint { width:493px; height:711px; margin:0 auto; background:#fff; position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-359px; z-index:111; display:none; }
/*.hint-in1{width:500px;height:70px;background:#ff6600;position:relative;}*/
.hint1 { width:48px; height:47px; background:url(/style/images/hint1.png) no-repeat; -webkit-background-size:48px 47px; background-size:48px 47px; top:12px; left:98px; position:absolute; z-index:111; }
.hint3 { width:38px; height:37px; background:url(/style/images/hint3.png) no-repeat; -webkit-background-size:38px 37px; background-size:38px 37px; position:absolute; top:7px; right:7px; }
.hint3:hover { width:38px; height:37px; background:url(/style/images/hint33.png) no-repeat; -webkit-background-size:38px 37px; background-size:38px 37px; position:absolute; top:7px; right:7px; }
.hint-in2 { line-height:150px; font-size:20px; text-align:center; color:#ff6600; }
.hint-in3 { font-size:22px; width:190px; height:50px; background:#ff7800; color:#f4e8df; position:absolute; bottom:50px; left:155px; text-align:center; line-height:50px; border-radius:6px; }
.hintl { width:493px; height:332px; margin:0 auto; background:#fff; position:fixed; top:50%; left:50%; margin-left:-250px; margin-top:-166px; z-index:111; display:none; }
.hintl-in1 { width:500px; height:70px; background:#ff6600; position:relative; }
.hintl1 { width:48px; height:47px; background:url(/style/images/hint2.png) no-repeat; -webkit-background-size:48px 47px; background-size:48px 47px; top:12px; left:98px; position:absolute; z-index:111; }
.hintl2 { line-height:70px; color:#f4e8df; font-size:26px; padding-left:156px; }
.hintl3 { width:38px; height:37px; background:url(/style/images/hint3.png) no-repeat; -webkit-background-size:38px 37px; background-size:38px 37px; position:absolute; top:7px; right:7px; }
.hintl-in2 { line-height:150px; font-size:20px; text-align:center; color:#ff6600; }
.hintl-in3 { font-size:22px; width:90px; height:50px; background:#ff7800; color:#f4e8df; position:absolute; bottom:50px; left:108px; text-align:center; line-height:50px; border-radius:8px; }
.hintl-in4 { font-size:22px; width:90px; height:50px; background:#d1cfcd; color:#fff; position:absolute; bottom:50px; right:108px; text-align:center; line-height:50px; border-radius:8px; }
.message_popup { padding: 220px 50px 15px; background: url(/style/images/message_bg.jpg) no-repeat top; }
.joinbody .rel { position: relative }
.joinbody .l { float: left }
.joinbody .r { float: right }
.joinbody .box { width: 1120px; margin: 0 auto; position: relative }
.joinbody .bdleft { border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8 }
.joinbody .bdright { border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8 }
.joinbody .box7.bdleft { border-bottom: none; margin-bottom: 50px }
.joinbody .leftbox, .joinbody .rightbox { width: 50% }
.joinbody .box1 .leftbox { width: 400px; padding: 80px }
.joinbody .box.box1 { margin-top: 100px }
.joinbody .box1 .leftbox { padding-top: 52px }
.joinbody .box2 .leftbox { padding: 45px 0; text-align: center }
.joinbody .box2 .rightbox { padding-top: 150px }
.joinbody .box3 .leftbox { width: 400px; padding: 130px 80px 0 }
.joinbody .box3 .rightbox { text-align: center; padding: 35px 0 50px; width: auto }
.joinbody .box4 .leftbox { padding: 45px 0; text-align: center }
.joinbody .box4 .rightbox { padding-top: 200px }
.joinbody .box5 .leftbox { width: 400px; padding: 130px 80px 0 }
.joinbody .box5 .rightbox { text-align: center; padding: 35px 0 50px; width: auto }
.joinbody .box6 .leftbox { padding: 45px 0; text-align: center }
.joinbody .box6 .rightbox { padding-top: 140px }
.joinbody .box7 .leftbox { width: 520px; padding: 130px 0 0 80px }
.joinbody .box7 .rightbox { text-align: center; padding: 50px 0; width: auto }
.joinbody .box2 .rightbox, .joinbody .box4 .rightbox, .joinbody .box6 .rightbox { width: auto; margin-left: 50%; padding-right: 60px }
.joinbody .rightboxAb { position: absolute; bottom: 20px; right: 0 }
.joinbody .container h3 { font-size: 30px; color: #555; line-height: 2em }
.joinbody .container .word { font-size: 14px; color: #888; line-height: 1.5em; padding-bottom: 10px; padding-top: 15px }
.joinbody .container .link { padding-top: 10px; line-height: 1.5em; font-size: 14px; border-top: 1px solid #e5e5e5; color: #555 }
.joinbody .container .golink { color: #0b99f3 }
.joinbody .container .golink:hover { color: #0981cd }
.joinbody .container .brief { color: #555; font-size: 14px; line-height: 1.5em; margin-top: 10px }
.joinbody .container .img_brief { position: absolute; width: 100%; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .6); line-height: 44px; color: #fff; text-align: center; font-size: 16px }
.bw_Circle { position: absolute; width: 20px; height: 20px; border: 1px solid #7fc5f3; background-color: #fff; z-index: 3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(ie-css3.htc) }
.blueCircle { position: absolute; width: 10px; height: 10px; background-color: #7fc5f3; z-index: 4; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(ie-css3.htc) }
.greyCircle { position: absolute; background-color: #d8d8d8; width: 8px; height: 8px; z-index: 3; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; behavior: url(ie-css3.htc) }
.joinbody .blueCircle { left: 50%; top: 50%; margin-left: -5px; margin-top: -5px }
.joinbody .bdleft .bw_Circle { left: -11px; top: -11px }
.joinbody .bdleft .greyCircle { left: -4px; bottom: -4px }
.joinbody .bdright .bw_Circle { right: -11px; top: -11px }
.joinbody .bdright .greyCircle { right: -4px; bottom: -4px }
.joinbody .footer { background-color: #414141; padding: 90px 0; text-align: center }
.joinbody .howjoin { color: #fff; font-size: 28px; line-height: 2em; width: 550px; text-align: left; margin: 0 auto }
.joinbody img { vertical-align: middle }
.joinbody .bt-btn { margin-bottom: 30px }
.joinbody .ml40 { margin-left: 40px }

.aniuu{ 
    width: 140px;
    height: 40px;
    border-radius: 40px;

    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background-image: linear-gradient(-90deg, #da7207, #f79605);
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr="#079cda", endColorstr="#0e6fb9"}