@charset"utf-8";
.clear {
    clear:both;
    height:0;
    line-height:0;
    font-size:0;
    margin:0;
    padding:0;
    border:0
}
.ellipsis {
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    -moz-text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.timeS {
    font-size:12px;
    margin-bottom:5px
}
.webBanner_comm {
    clear:both;
    width:100%;
    height:200px;
    background:url(../images/website/bannerbg2.png) no-repeat center
}
.banner_comm {
    height:100%;
    background:url(../images/website/banner2.jpg) no-repeat
}
.middle {
    width:960px;
    margin:auto;
    font-size:12px
}
.middle_new {
    width:1037px;
    margin:0 auto;
    font-size:12px
}
.lineWhite {
    clear:both;
    width:100%;
    border-top:1px solid #fff;
    line-height:0;
    height:0;
    font-size:0
}
.whiteLayer {
    clear:both;
    display:block;
    width:100%;
    height:32px;
    background:url(../images/website/whitelayer.png) center 0 no-repeat
}
.bannerLineShadow {
    clear:both;
    width:960px;
    height:22px;
    margin:auto
}
.grayTitle {
    color:#afafaf;
    font-size:14px
}
.grayTitle3 {
    color:#fff;
    font-size:14px;
    font-weight:bold
}
.grayTitle_title {
    color:#333;
    font-size:14px;
    line-height:40px
}
.grayContent {
    font-size:14px;
    color:#666
}
.grayBack {
    background-color:#f6f7f7
}
.redText {
    color:#8b7c7f
}
.blueText {
    color:#0178de
}
.blueBack {
    background-color:#4173ae
}
.blueBack2 {
    background-color:#389cda
}
.blueText2 {
    color:#3f423b
}
.grayTitle2 {
    color:#213e62;
    font-size:16px;
    font-weight:bold
}
.pagenation {
    clear:both;
    float:right;
    width:auto;
    height:30px;
    text-align:center;
    padding-top:20px
}
.pageNo {
    float:left;
    width:30px;
    height:22px;
    margin-top:4px
}
.pageNo a {
    display:block;
    width:30px;
    height:22px;
    line-height:20px;
    background:url(../images/website/pageno.png) no-repeat;
    text-decoration:none
}
.pageNo span {
    display:block;
    width:30px;
    height:22px;
    line-height:20px
}
.pageEllipsis_case {
    float:left;
    width:30px;
    height:22px;
    background:url(../images/website/ellipsis_case.png) no-repeat;
    margin-top:2px
}
.pageEllipsis_new {
    display:inline-block;
    width:21px;
    height:20px;
    zoom:1;
    *display:inline;
    background:url(../images/website/ellipsis_new.jpg) no-repeat
}
.pageEllipsis_model {
    float:left;
    width:30px;
    height:22px;
    background:url(../images/website/ellipsis_model.png) no-repeat;
    margin-top:2px
}
.pagePrev {
    float:left;
    width:35px;
    height:29px;
    margin-left:20px
}
.pagePrev .prevShow {
    display:block;
    width:35px;
    height:29px;
    background:url(../images/website/prevshow.png) no-repeat
}
.pagePrev .prevHide {
    display:block;
    width:35px;
    height:29px;
    background:url(../images/website/prevhide.png) no-repeat
}
.pageLine {
    float:left;
    width:2px;
    height:26px;
    background:url(../images/website/pageline.png) no-repeat
}
.pageNext {
    float:left;
    width:35px;
    height:29px;
    margin-right:40px
}
.pageNext .nextShow {
    display:block;
    width:35px;
    height:29px;
    background:url(../images/website/nextshow.png) no-repeat
}
.pageNext .nextHide {
    display:block;
    width:35px;
    height:29px;
    background:url(../images/website/nexthide.png) no-repeat
}
.webRegCount {
    width:100%;
    height:56px;
    background:#f8f8f8;
    margin-bottom:18px;
    position:relative;
    z-index:100;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.2) inset
}
.regCountLeft {
    float:left;
    height:100%;
    font-size:20px;
    font-family:"微软雅黑", "黑体";
    color:#333;
    padding-top:7px;
    margin-left:20px
}
.regCountMiddle {
    float:left;
    height:50px;
    line-height:50px;
    padding-left:20px
}
.regCountMiddle .ico {
    float:left;
    width:16px;
    height:100%;
    background:url(../images/website/regcountico.gif) 0 58% no-repeat
}
.regCountMiddle .textDiv {
    float:left;
    position:relative;
    width:215px;
    margin-left:10px;
    height:100%;
    line-height:55px;
    overflow:hidden
}
.regCountMiddle .textDiv .regCountText {
    position:absolute;
    width:100%;
    height:100%;
    font-family:微软雅黑;
    font-size:14px
}
.regCountRight {
    float:right
}
.regCountRight .ico {
    position:relative;
    float:left;
    width:32px;
    height:32px;
    margin-right:15px;
    margin-top:9px
}
.regCountRight .weixin {
    background:url(../images/website/comm.png) 0 -270px no-repeat
}
.regCountRight .phone {
    background:url(../images/website/comm.png) 0 -313px no-repeat
}
.regCountRight .bdshare_t {
    background:url(../images/website/comm.png) 0 -355px no-repeat
}
.regCountRight .weibo {
    background:url(../images/website/comm.png) 0 -397px no-repeat
}
.regCountRight .ts {
    background:url(../images/website/comm.png) 0 -439px no-repeat
}
.regCountRight .weixin_b {
    background:url(../images/website/regcountrightweixin0.png)
}
.regCountRight .weixin_b:hover {
    background:url(../images/website/regcountrightweixin1.png)
}
.regCountRight .phone_b {
    background:url(../images/website/regcountrightphone0.png)
}
.regCountRight .phone_b:hover {
    background:url(../images/website/regcountrightphone1.png)
}
.regCountRight .bdshare_t_b {
    background:url(../images/website/regcountrightbdshare0.png)
}
.regCountRight .bdshare_t_b:hover {
    background:url(../images/website/regcountrightbdshare1.png)
}
.regCountRight .weibo_b {
    background:url(../images/website/regcountrightweibo0.png)
}
.regCountRight .weibo_b:hover {
    background:url(../images/website/regcountrightweibo1.png)
}
.regCountRight .ts_b {
    background:url(../images/website/regcountrightts0.png)
}
.regCountRight .ts_b:hover {
    background:url(../images/website/regcountrightts1.png)
}
.regCountRight .weixin .weixinContent {
    display:none;
    position:absolute;
    top:38px;
    left:-68px;
    width:168px;
    height:197px;
    background:url(../images/website/logoweixin_new.png) -53px -52px no-repeat
}
.regCountRight .phone .phoneContent {
    display:none;
    position:absolute;
    top:38px;
    left:-138px;
    width:272px;
    height:54px;
    line-height:60px;
    background:url(../images/website/qrcode.png) -283px -114px no-repeat;
    font-size:18px;
    font-family:"微软雅黑", "黑体";
    text-align:center;
    z-index:100
}
.regCountRight .weibo a {
    display:block;
    width:100%;
    height:100%
}
.regCountRight .ts a {
    display:block;
    width:100%;
    height:100%
}
.webHead {
    width:100%;
    height:87px;
    background:#fff;
    border-bottom:solid #e5e5e5 1px;
    min-width:1200px
}
.head {
    height:100%
}
.firstView {
    display:none
}
.headLeft {
    float:left;
    width:165px;
    height:100%;
    background:#fff
}
.headLeft a {
    display:block;
    width:240px;
    height:80px;
    background:url(../images/website/headfoot2.png) -210px -120px no-repeat
}
.headLogo {
    float:left;
    width:215px;
    height:100%
}
.headRight {
    float:right;
    width:280px;
    height:80px
}
.headRight .register {
    float:left
}
.headRight .login {
    float:left
}
.headRight .reg {
    display:block;
    width:130px;
    height:44px;
    line-height:44px;
    margin-top:20px;
    margin-left:70px;
    text-align:center;
    background-color:#4a68ec;
    font-size:15px;
    font-family:"微软雅黑";
    border-radius:5px;
    color:#fff
}
.headRight .login {
    display:block;
    background-color:#fff;
    border:1px solid #eee;
    width:58px;
    height:44px;
    margin-top:19px;
    margin-left:15px;
    font-size:15px;
    font-family:"微软雅黑";
    border-radius:3px;
    color:#333;
    line-height:44px;
    text-align:center
}
.headTop {
    height:28px;
    width:100%
}
.headTopDiv {
    float:right
}
.headTopLeft {
    float:left;
    background:url(../images/website/headfoot2.png) -230px -46px no-repeat;
    width:20px;
    height:28px
}
.headTopMiddle {
    float:left;
    background:url(../images/website/topmiddle.png) repeat-x;
    height:28px;
    font-size:12px
}
.headTopRight {
    float:left;
    background:url(../images/website/headfoot2.png) -258px -46px no-repeat;
    width:20px;
    height:28px
}
.headTopText {
    float:left;
    color:#fff;
    line-height:28px;
    height:28px;
    padding:0 2px 0 2px
}
.headTopText a {
    text-decoration:none;
    color:#fff;
    letter-spacing:.5mm
}
.headTopLine {
    float:left;
    background:url(../images/website/headfoot2.png) -290px -52px no-repeat;
    _background:url(../images/website/headfoot2.gif) -290px -53px no-repeat;
    width:6px;
    height:28px
}
.headBottom {
    float:right;
    height:69px;
    width:100%;
    position:relative
}
.headBottomLeft {
    width:355px;
    height:69px;
    position:absolute;
    top:-12px
}
.headRegCount {
    display:inline-block;
    line-height:36px;
    font-size:20px;
    color:#f3f9ff;
    font-family:"微软雅黑";
    text-shadow:3px 1px 4px #464646
}
.headSlogan {
    display:inline-block;
    clear:both;
    width:358px;
    height:29px;
    background:url(../images/website/headfoot2.png) -201px 0 no-repeat
}
.headBottomMiddle {
    float:right;
    padding-top:16px;
    padding-right:27px
}
.headBottomMiddle_zc {
    float:left;
    width:94px;
    height:32px;
    background:url(../images/website/headfoot2.png) 0 0 no-repeat
}
.headBottomMiddle_zc:hover {
    float:left;
    width:94px;
    height:32px;
    background:url(../images/website/headfoot2.png) 0 -39px no-repeat
}
.headBottomMiddle_login {
    float:left;
    width:67px;
    height:32px;
    background:url(../images/website/headfoot2.png) -109px 0 no-repeat
}
.headBottomMiddle_login:hover {
    float:left;
    width:67px;
    height:32px;
    background:url(../images/website/headfoot2.png) -109px -39px no-repeat
}
.headBottomRight {
    float:right;
    width:225px;
    height:100%
}
.headRegLog {
    float:left;
    position:relative;
    top:15px
}
.webNav {
    float:left;
    height:100%;
    position:relative;
    font-size:14px;
    padding:0 20px 0 105px
}
/*.nav {
    float:left;
    height:70px;
    margin:0 11px;
    _margin:0 11px;
    position:relative
}
.nav a, .nav .topbar_btn {
    display:inline-block;
    *zoom:1;
    *display:inline;
    height:80px;
    line-height:80px;
    text-decoration:none;
    font-size:16px;
    font-family:"微软雅黑";
    color:#333
}
.nav a:hover, .nav .topbar_btn:hover {
    color:#0058ae
}
.nav .checkLine {
    position:absolute;
    left:0;
    bottom:12px;
    display:inline-block;
    width:100%;
    _width:expression(eval(this.parentNode.offsetWidth));
    height:2px;
    line-height:2px;
    font-size:2px;
    background:#12b5b2;
    opacity:0;
    filter:alpha(opacity=0);
    transition:all .1s
}*/
.navHover .checkLine {
    opacity:1;
    filter:alpha(opacity=100);
    bottom:20px
}
.navCheck a {
    font-size:16px;
    font-family:"微软雅黑";
    color:#0058ae;
    font-weight:bold
}
.navCheck .checkLine {
    opacity:1;
    filter:alpha(opacity=100);
    bottom:20px
}
.footLineGray {
    clear:both;
    width:100%;
    border-top:1px solid #b8b8b8;
    line-height:0;
    height:0;
    font-size:0
}
.footLineWhite {
    clear:both;
    width:100%;
    border-top:1px solid #fff;
    line-height:0;
    height:0;
    font-size:0
}
.webFoot {
    clear:both;
    width:100%;
    background-color:#ddd;
    color:#777;
    font-family:微软雅黑
}
.webFont, .footCpy {
    color:#777
}
.foot {
    height:100%
}
.footLinks {
    text-align:center
}
.footLinks span {
    margin:0 3px
}
.footLinks a {
    color:#777;
    text-decoration:none
}
.footCpy {
    text-align:center;
    line-height:25px
}
.footCpy a {
    text-decoration:none
}
.footLinks a, .footCpy a {
    color:#525252
}
.footCert {
    text-align:center
}
.webBottom {
    clear:both;
    width:100%;
    height:10px
}
.pray {
    height:40px;
    background:url(../images/website/pray.jpg) center #000 no-repeat
}
.bigBanner_index {
    width:100%;
    height:400px;
    background:url(../images/website/bigbanner_bg4.jpg) center no-repeat
}
.bigBannerGif {
    position:absolute;
    top:121px;
    left:38px;
    _top:120px;
    _left:38px;
    width:150px;
    height:200px;
    background:url(../images/website/bigbannergif.gif) no-repeat
}
.bigBannerLink {
    position:absolute;
    top:242px;
    left:-349px;
    display:block;
    width:165px;
    height:49px;
    background:url(../images/website/all3.png) 0 -701px no-repeat
}
.bigBannerLink:hover {
    background:url(../images/website/all3.png) 0 -763px no-repeat
}
.webBanner_index {
    position:relative;
    float:left;
    width:480px;
    height:210px;
    overflow:hidden
}
.webBanner_index a {
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0
}
.webBanner_index .btn {
    position:absolute;
    top:82px;
    width:25px;
    height:45px;
    text-align:center;
    cursor:pointer;
    background:#000;
    opacity:.5;
    filter:alpha(opacity=50);
    transition:left .3s ease-out, right .3s ease-out, background-color .3s
}
.webBanner_index .btn:hover {
    background-color:#009e96
}
.webBanner_index .btn .jt {
    display:inline-block;
    width:10px;
    height:16px;
    margin-top:14px
}
.webBanner_index .prevBtn {
    left:-25px
}
.webBanner_index .nextBtn {
    right:-25px;
    _right:-26px
}
.webBanner_index .prevBtn .prevJt {
    background:url(../images/website/all3.png) -162px -395px no-repeat
}
.webBanner_index .nextBtn .nextJt {
    background:url(../images/website/all3.png) -162px -365px no-repeat
}
.webIndexContent {
    padding-top:30px
}
.buildStep_index {
    float:left;
    width:485px;
    height:210px;
    margin-left:30px
}
.buildStep_index .title {
    height:29px;
    color:#333;
    border-bottom:1px solid #dfdfdf
}
.buildStep_index .title a {
    float:right;
    color:#2b82d1;
    margin-top:6px;
    text-decoration:none
}
.buildStep_index .title a:hover {
    color:#f30
}
.buildStep_index .content {
    padding:28px 0 0 18px
}
.buildStep_index .content .buildStepDiv {
    float:left;
    width:106px
}
.buildStep_index .content .buildStepDiv .buildStepImg {
    display:block;
    width:100%;
    height:110px
}
.buildStep_index .content .buildStepDiv .img1 {
    background:url(../images/website/all3.png) -318px 0 no-repeat
}
.buildStep_index .content .buildStepDiv .img2 {
    background:url(../images/website/all3.png) -318px -173px no-repeat
}
.buildStep_index .content .buildStepDiv .img3 {
    background:url(../images/website/all3.png) -318px -333px no-repeat
}
.buildStep_index .content .buildStepDiv .buildStepText {
    width:100%;
    height:40px;
    line-height:44px;
    text-align:center;
    font-family:"微软雅黑", "黑体";
    font-size:18px
}
.buildStep_index .content .buildStepJt {
    float:left;
    width:65px;
    height:100%;
    text-align:center
}
.buildStep_index .content .buildStepJt .jt {
    display:inline-block;
    width:11px;
    height:18px;
    background:url(../images/website/all3.png) -94px -381px no-repeat;
    margin-top:48px
}
.indexModelDiv {
    padding-top:55px
}
.indexModelDiv .title {
    height:29px;
    color:#333;
    border-bottom:1px solid #dfdfdf
}
.indexModelDiv .title a {
    float:right;
    color:#2b82d1;
    margin-top:6px;
    text-decoration:none
}
.indexModelDiv .title a:hover {
    color:#f30
}
.indexModelDiv .content {
    padding:30px 0
}
.indexModelDiv .content .modelDiv {
    position:relative;
    float:left;
    width:311px;
    height:182px;
    margin:0 8px;
    _margin:0 6px;
    background:url(../images/website/modelandmobicase.png) 0 0 no-repeat
}
.indexModelDiv .content .modelDiv .mobiModelDiv {
    position:absolute;
    top:32px;
    left:233px;
    width:71px;
    height:126px
}
.indexModelDiv .content .modelDiv #modelDivPosition1 {
    position:absolute;
    top:22px;
    left:6px;
    width:222px;
    height:146px;
    background:url(../images/website/modelandmobicase.png) 0 -242px no-repeat
}
.indexModelDiv .content .modelDiv #modelDiv1 {
    display:block;
    position:absolute;
    top:32px;
    left:233px;
    width:71px;
    height:126px;
    background:url(../images/website/modelandmobicase.png) -227px -255px no-repeat
}
.indexModelDiv .content .modelDiv #modelDivPosition2 {
    position:absolute;
    top:22px;
    left:6px;
    width:222px;
    height:146px;
    background:url(../images/website/modelandmobicase.png) 0 -413px no-repeat
}
.indexModelDiv .content .modelDiv #modelDiv2 {
    display:block;
    position:absolute;
    top:32px;
    left:233px;
    width:71px;
    height:126px;
    background:url(../images/website/modelandmobicase.png) -227px -425px no-repeat
}
.indexModelDiv .content .modelDiv #modelDivPosition3 {
    position:absolute;
    top:22px;
    left:6px;
    width:222px;
    height:146px;
    background:url(../images/website/modelandmobicase.png) 0 -583px no-repeat
}
.indexModelDiv .content .modelDiv #modelDiv3 {
    display:block;
    position:absolute;
    top:32px;
    left:233px;
    width:71px;
    height:126px;
    background:url(../images/website/modelandmobicase.png) -227px -595px no-repeat
}
.indexModelDiv .content .modelDiv .hoverLink {
    display:none;
    position:absolute;
    top:24px;
    left:5px;
    width:223px;
    height:142px;
    z-index:1
}
.indexModelDiv .content .modelDiv .hoverText2 {
    display:block;
    display:none;
    position:absolute;
    top:192px;
    left:1px;
    width:311px;
    height:20px;
    text-decoration:none;
    text-align:center;
    color:#000;
    font-size:16px;
    font-family:"微软雅黑"
}
.indexModelDiv .content .modelDiv .mobiModel {
    position:absolute;
    bottom:-8px;
    right:-40px;
    width:97px;
    _width:76px;
    height:135px;
    z-index:5
}
.indexModelDiv .content .modelDiv #mobiModel1 {
    background:url(../images/website/modelandmobicase.png) -309px -30px no-repeat;
    _background:url(../images/website/modelandmobicase2.png) -7px -6px no-repeat
}
.indexModelDiv .content .modelDiv #mobiModel2 {
    background:url(../images/website/modelandmobicase.png) -309px -181px no-repeat;
    _background:url(../images/website/modelandmobicase2.png) -7px -157px no-repeat
}
.indexModelDiv .content .modelDiv #mobiModel3 {
    background:url(../images/website/modelandmobicase.png) -309px -332px no-repeat;
    _background:url(../images/website/modelandmobicase2.png) -7px -308px no-repeat
}
.newsAndBlog_index {
    float:left;
    width:485px;
    height:427px
}
.newsAndBlogIndexDiv {
    overflow:hidden
}
.newsIndexDiv {
    height:205px
}
.blogIndexDiv {
    height:220px
}
.newsAndBlogIndexDiv .title {
    height:29px;
    color:#333;
    border-bottom:1px solid #dfdfdf
}
.newsAndBlogIndexDiv .title a {
    float:right;
    color:#2b82d1;
    margin-top:6px;
    text-decoration:none
}
.newsAndBlogIndexDiv .title a:hover {
    color:#f30
}
.newsAndBlogIndexDiv .content {
    padding-top:15px
}
.newsAndBlogIndexDiv .content .newsIndexImg {
    position:relative;
    float:left;
    width:250px;
    height:136px;
    border:1px solid #dedede;
    background:url(../images/website/all3.png) 0 0 no-repeat;
    margin-top:4px
}
.newsAndBlogIndexDiv .content .newsIndexImg a {
    position:absolute;
    top:81px;
    left:117px;
    display:block;
    width:66px;
    height:24px
}
.newsAndBlogIndexDiv .content .blogIndexImg {
    position:relative;
    float:left;
    width:250px;
    height:159px;
    border:1px solid #dedede;
    background:url(../images/website/all3.png) 0 -160px no-repeat;
    margin-top:4px
}
.newsAndBlogIndexDiv .content .blogIndexImg a {
    position:absolute;
    top:93px;
    left:117px;
    display:block;
    width:66px;
    height:24px
}
.newsAndBlogIndexDiv .content .list {
    float:left
}
.newsAndBlogIndexDiv .content .list .newsLink_index {
    width:230px;
    height:24px;
    line-height:24px
}
.newsAndBlogIndexDiv .content .list .newsLink_index .dot {
    display:inline-block;
    width:18px;
    height:100%;
    background:url(../images/website/all3.png) -230px -359px no-repeat
}
.newsAndBlogIndexDiv .content .list .newsLink_index .new {
    display:inline-block;
    width:35px;
    height:100%;
    background:url(../images/website/newsico.gif) 10px center no-repeat
}
.newsAndBlogIndexDiv .content .list .newsLink_index a {
    color:#333;
    text-decoration:none
}
.newsAndBlogIndexDiv .content .list .newsLink_index a:hover {
    text-decoration:underline
}
.caseAndModel_index {
    float:left;
    width:485px;
    height:425px;
    border:1px solid #ddd;
    margin-left:30px;
    overflow:hidden
}
.caseAndModel_index .title {
    position:relative;
    height:34px;
    color:#333;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.caseAndModel_index .title a {
    float:right;
    color:#2b82d1;
    margin:10px 10px 0 0;
    text-decoration:none
}
.caseAndModel_index .title a:hover {
    color:#f30
}
.caseAndModel_index .title .titleDiv {
    position:absolute;
    top:0;
    left:0;
    width:97px;
    height:34px;
    line-height:34px;
    border-bottom:1px solid #ccc;
    text-align:center;
    font-size:16px;
    font-family:'微软雅黑', '黑体';
    cursor:default
}
.caseAndModel_index .title .caseTitleDiv {
    border-right:1px solid #ccc
}
.caseAndModel_index .title .modelTitleDiv {
    border-right:1px solid #fff
}
.caseAndModel_index .title .titleDiv_check {
    border-bottom-color:#fff;
    border-right-color:#ccc
}
.caseAndModel_index .content {
    padding:15px;
    color:#fff;
    text-align:center
}
.caseAndModel_index .content .contentLeft {
    float:left;
    width:270px;
    height:360px
}
.caseAndModel_index .content .contentLeft .leftDiv {
    position:relative;
    height:175px
}
.caseAndModel_index .content .contentLeft .tradeDiv {
    position:absolute;
    top:0;
    left:0;
    width:270px;
    height:175px;
    background:#000;
    opacity:0;
    filter:alpha(opacity=0);
    text-decoration:none
}
.caseAndModel_index .content .contentLeft .tradeDiv .name {
    color:#fff;
    padding-top:75px;
    font-size:16px;
    font-weight:bold
}
.caseAndModel_index .content .contentLeft .tradeDiv .link {
    height:16px;
    line-height:16px;
    font-size:12px;
    padding-top:15px
}
.caseAndModel_index .content .contentLeft .tradeDiv .link span {
    display:inline-block;
    width:12px;
    height:16px;
    background:url(../images/website/all3.png) -239px -392px no-repeat;
    margin-right:10px
}
.caseAndModel_index .content .contentLeft .tradeDiv .link a {
    color:#fff
}
.caseAndModel_index .content .contentRight {
    float:left;
    width:175px;
    height:360px;
    margin-left:10px
}
.caseAndModel_index .content .contentRight .rightDiv {
    position:relative;
    height:112px
}
.caseAndModel_index .content .contentRight .tradeDiv {
    position:absolute;
    top:0;
    left:0;
    width:175px;
    height:112px;
    background:#000;
    opacity:0;
    filter:alpha(opacity=0);
    text-decoration:none
}
.caseAndModel_index .content .contentRight .tradeDiv .name {
    color:#fff;
    padding-top:48px;
    font-size:14px;
    font-weight:bold
}
.caseAndModel_index .content .contentRight .tradeDiv .link {
    height:16px;
    line-height:16px;
    font-size:12px;
    padding-top:15px
}
.caseAndModel_index .content .contentRight .tradeDiv .link span {
    display:inline-block;
    width:12px;
    height:16px;
    background:url(../images/website/all3.png) -239px -392px no-repeat;
    margin-right:10px
}
.caseAndModel_index .content .contentRight .tradeDiv .link a {
    color:#fff
}
.caseAndModel_index .content .contentLeft .case1 {
    background:url(../images/website/photo.jpg) -270px -395px no-repeat
}
.caseAndModel_index .content .contentLeft .case2 {
    margin-top:10px;
    background:url(../images/website/photo.jpg) -270px -590px no-repeat
}
.caseAndModel_index .content .contentLeft .model1 {
    background:url(../images/website/photo.jpg) -270px 0 no-repeat
}
.caseAndModel_index .content .contentLeft .model2 {
    margin-top:10px;
    background:url(../images/website/photo.jpg) -270px -195px no-repeat
}
.caseAndModel_index .content .contentRight .case3 {
    background:url(../images/website/photo.jpg) -560px -395px no-repeat
}
.caseAndModel_index .content .contentRight .case4 {
    margin-top:12px;
    background:url(../images/website/photo.jpg) -560px -527px no-repeat
}
.caseAndModel_index .content .contentRight .case5 {
    margin-top:12px;
    background:url(../images/website/photo.jpg) -560px -659px no-repeat
}
.caseAndModel_index .content .contentRight .model3 {
    background:url(../images/website/photo.jpg) -560px 0 no-repeat
}
.caseAndModel_index .content .contentRight .model4 {
    margin-top:12px;
    background:url(../images/website/photo.jpg) -560px -132px no-repeat
}
.caseAndModel_index .content .contentRight .model5 {
    margin-top:12px;
    background:url(../images/website/photo.jpg) -560px -264px no-repeat
}
.caseAndModel_index .mobiContent {
    padding:28px 0 0 30px
}
.caseAndModel_index .mobiContent .contentLeft {
    float:left;
    width:174px;
    height:300px;
    padding:35px 7px 0 7px;
    background:url(../images/website/modelandmobicase.png) -750px -29px no-repeat
}
.caseAndModel_index .mobiContent .contentLeft .bigImg1 {
    width:174px;
    height:259px;
    background:url(../images/website/modelandmobicase.png) -430px -840px no-repeat
}
.caseAndModel_index .mobiContent .contentLeft .bigImg2 {
    width:174px;
    height:259px;
    background:url(../images/website/modelandmobicase.png) -430px -300px no-repeat
}
.caseAndModel_index .mobiContent .contentLeft .bigImg3 {
    width:174px;
    height:259px;
    background:url(../images/website/modelandmobicase.png) -430px -30px no-repeat
}
.caseAndModel_index .mobiContent .contentLeft .bigImg4 {
    width:174px;
    height:259px;
    background:url(../images/website/modelandmobicase.png) -430px -567px no-repeat
}
.caseAndModel_index .mobiContent .contentRight {
    float:left;
    width:240px;
    margin-left:22px;
    padding-top:3px
}
.caseAndModel_index .mobiContent .contentRight .smallImg {
    float:left;
    width:100px;
    height:152px;
    border:1px solid #bcbbc3
}
.caseAndModel_index .mobiContent .contentRight .smallImg:hover {
    opacity:.8;
    filter:alpha(opacity=80)
}
.caseAndModel_index .mobiContent .contentRight .smallImg1 {
    margin:0 20px 20px 0;
    background:url(../images/website/modelandmobicase.png) -620px -510px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg2 {
    margin:0 0 20px 0;
    background:url(../images/website/modelandmobicase.png) -620px -190px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg3 {
    margin:0 20px 20px 0;
    background:url(../images/website/modelandmobicase.png) -620px -30px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg4 {
    margin:0 0 20px 0;
    background:url(../images/website/modelandmobicase.png) -620px -350px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg1 {
    margin:0 20px 20px 0;
    background:url(../images/website/modelandmobicase.png) -621px -510px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg2 {
    margin:0 0 20px 0;
    background:url(../images/website/modelandmobicase.png) -621px -190px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg3 {
    margin:0 20px 20px 0;
    background:url(../images/website/modelandmobicase.png) -621px -30px no-repeat
}
.caseAndModel_index .mobiContent .contentRight .smallImg4 {
    margin:0 0 20px 0;
    background:url(../images/website/modelandmobicase.png) -621px -350px no-repeat
}
.feature {
    float:left;
    width:114px;
    height:163px;
    padding:20px 16px 12px 24px;
    margin-right:13px;
    border:1px solid #e0e0e0;
    cursor:pointer
}
.feature-hover {
    background-color:#f8f8f8
}
.feature .img {
    width:64px;
    height:55px;
    margin:0 auto
}
.feature .img1 {
    background:url(../images/website/all3.png) 0 -483px no-repeat
}
.feature .img2 {
    background:url(../images/website/all3.png) -98px -483px no-repeat
}
.feature .img3 {
    background:url(../images/website/all3.png) -199px -480px no-repeat
}
.feature .img4 {
    background:url(../images/website/all3.png) -295px -483px no-repeat
}
.feature .img5 {
    background:url(../images/website/all3.png) -391px -483px no-repeat
}
.feature .img6 {
    background:url(../images/website/all3.png) -490px -483px no-repeat
}
.feature .title {
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#000;
    padding:18px 0 12px 0
}
.feature .content {
    line-height:20px;
    color:#888
}
.search_index {
    margin-top:30px;
    height:42px;
    line-height:42px;
    background:#eee
}
.search_index #searchInput {
    float:left;
    width:245px;
    height:18px;
    margin:10px 0 0 10px
}
.search_index .searchBtn {
    float:left;
    width:53px;
    height:24px;
    margin:10px 0 0 8px;
    background:url(../images/website/all3.png) 0 -366px no-repeat
}
.search_index .searchBtn:hover {
    background:url(../images/website/all3.png) 0 -390px no-repeat
}
.search_index .keyword {
    float:left;
    margin-left:30px;
    height:100%
}
.search_index .keyword a {
    color:#000;
    text-decoration:none
}
.search_index .keyword a:hover {
    text-decoration:underline
}
.search_index .keyword .line {
    padding:0 12px;
    color:#999
}
.clientSays_index {
    margin-top:30px
}
.clientSays_index .content {
    position:relative;
    width:1000px;
    height:245px;
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd
}
.clientSays_index .content .contentDiv {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.clientSays_index .content .contentDiv .left {
    float:left;
    position:relative;
    width:315px;
    height:100%
}
.clientSays_index .content .contentDiv .left .photo {
    position:absolute;
    top:60px;
    left:50px;
    width:125px;
    height:125px;
    background:#06C
}
.clientSays_index .content .contentDiv#saysContent1 .left .photo {
    background:url(../images/website/photo.jpg) 0 -376px no-repeat
}
.clientSays_index .content .contentDiv#saysContent2 .left .photo {
    background:url(../images/website/photo.jpg) -125px -376px no-repeat
}
.clientSays_index .content .contentDiv#saysContent3 .left .photo {
    background:url(../images/website/photo.jpg) 0 -376px no-repeat
}
.clientSays_index .content .contentDiv#saysContent4 .left .photo {
    background:url(../images/website/photo.jpg) -125px 0 no-repeat
}
.clientSays_index .content .contentDiv#saysContent5 .left .photo {
    background:url(../images/website/photo.jpg) -125px -376px no-repeat
}
.clientSays_index .content .contentDiv#saysContent6 .left .photo {
    background:url(../images/website/photo.jpg) 0 -376px no-repeat
}
.clientSays_index .content .contentDiv#saysContent7 .left .photo {
    background:url(../images/website/photo.jpg) 0 -125px no-repeat
}
.clientSays_index .content .contentDiv#saysContent8 .left .photo {
    background:url(../images/website/photo.jpg) -126px -376px no-repeat
}
.clientSays_index .content .contentDiv .left .text {
    position:absolute;
    top:95px;
    left:200px;
    font-family:'微软雅黑', '黑体'
}
.clientSays_index .content .contentDiv .left .text .name {
    display:inline-block;
    height:28px;
    font-size:18px;
    color:#5178bb
}
.clientSays_index .content .contentDiv .left .text .jobTitile {
    font-size:14px;
    color:#aeaeae
}
.clientSays_index .content .contentDiv .line {
    float:left;
    height:118px;
    border-left:1px solid #ddd;
    margin:65px 10px 0 10px;
    font-size:0
}
.clientSays_index .content .contentDiv .right {
    float:left;
    height:100%;
    position:relative
}
.clientSays_index .content .contentDiv .right .text {
    position:absolute;
    top:80px;
    left:30px;
    width:570px;
    line-height:26px;
    font-size:16px;
    color:#333
}
.clientSays_index .list {
    position:relative;
    width:1002px;
    height:116px
}
.clientSays_index .list .box {
    position:absolute;
    top:1px;
    left:1px;
    display:block;
    width:246px;
    height:54px;
    border:1px solid #80cfcb;
    transition:left .3s ease-out, top .3s ease-out
}
.clientSays_index .list .saysLink {
    float:left;
    width:250px;
    height:58px;
    line-height:58px;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-family:'微软雅黑', '黑体'
}
.clientSays_index .list #saysLink1 {
    background:#00879a;
    border-left:1px solid #00879a
}
.clientSays_index .list #saysLink2 {
    background:#019e97
}
.clientSays_index .list #saysLink3 {
    background:#00a0ea
}
.clientSays_index .list #saysLink4 {
    background:#0168b7;
    border-right:1px solid #0168b7
}
.clientSays_index .list #saysLink5 {
    background:#00798a;
    border-left:1px solid #00798a
}
.clientSays_index .list #saysLink6 {
    background:#008f86
}
.clientSays_index .list #saysLink7 {
    background:#0190d2
}
.clientSays_index .list #saysLink8 {
    background:#005ca5;
    border-right:1px solid #005ca5
}
.promote_index {
    margin-top:30px;
    height:42px;
    line-height:42px;
    background:#eee
}
.promote_index .title {
    float:left;
    width:80px;
    height:100%;
    text-align:right;
    text-decoration:none;
    color:#333
}
.promote_index .content {
    float:left;
    width:920px;
    height:100%;
    overflow:hidden
}
.promote_index .content .linkDiv {
    height:auto
}
.promote_index .content .linkDiv a {
    display:inline-block;
    width:auto;
    height:42px;
    padding-right:20px;
    color:#555;
    text-decoration:none
}
.promote_index .content .linkDiv a:hover {
    text-decoration:underline
}
.webFunc {
    float:left;
    width:642px;
    _width:640px;
    height:344px
}
.func_index {
    float:left;
    width:314px;
    height:167px;
    margin:0 7px 10px 0;
    _margin:0 2px 10px 0
}
.funcTop {
    width:314px;
    height:13px;
    _font-size:1px;
    background:url(../images/website/funcnewsbg.png) 0 0 no-repeat
}
.funcMiddle {
    width:314px;
    height:141px;
    background:url(../images/website/funcnewsbg.png) -315px 0 repeat-y
}
.funcLeft {
    float:left;
    width:126px;
    height:128px;
    margin:7px 0 0 2px;
    _margin:7px 0 0 2px
}
.funcLeftImg1 {
    background:url(../images/website/all2.png) -135px -1255px no-repeat
}
.funcLeftImg2 {
    background:url(../images/website/all2.png) -138px -1410px no-repeat
}
.funcLeftImg3 {
    background:url(../images/website/all2.png) 0 -1415px no-repeat
}
.funcLeftImg4 {
    background:url(../images/website/all2.png) 0 -1255px no-repeat
}
.funcRight {
    float:left;
    width:150px;
    margin:14px 0 0 10px;
    text-align:right
}
.funcTitle {
    font-family:"微软雅黑";
    font-size:16px;
    color:#213e62;
    height:28px;
    line-height:28px
}
.funcPrice {
    font-family:"宋体";
    font-size:13px;
    color:#666;
    height:25px;
    line-height:25px;
    font-weight:bold
}
.funcContent {
    padding-left:6px;
    line-height:22px;
    color:#999;
    text-align:left
}
.funcBtn {
    float:right;
    margin-top:4px;
    width:87px;
    height:26px
}
.funcBtnGraw {
    display:block;
    width:87px;
    height:26px;
    background:url(../images/website/all.png) 0 -339px no-repeat
}
.funcBtnFree {
    display:block;
    width:87px;
    height:26px;
    background:url(../images/website/all.png) -147px -260px no-repeat
}
.funcBtnFree:hover {
    background:url(../images/website/all.png) -147px -339px no-repeat
}
.funcBtnPro:hover {
    background:url(../images/website/all.png) -147px -755px no-repeat
}
.funcBtnGrawPro2:hover {
    background:url(../images/website/all.png) 0 -755px no-repeat
}
.funcBtnGrawBiz:hover {
    background:url(../images/website/all.png) 0 -260px no-repeat
}
.funcBottom {
    width:314px;
    height:13px;
    background:url(../images/website/funcnewsbg.png) -632px 0 no-repeat
}
.webIndexNews {
    float:left;
    width:314px;
    height:344px;
    overflow:hidden
}
.newsTop {
    width:314px;
    height:13px;
    _font-size:1px
}
.newsMiddle {
    width:314px;
    height:auto
}
.newsDiv {
    width:267px;
    height:100%;
    margin:auto
}
.newsTitle {
    width:267px;
    height:23px;
    border-bottom:1px dashed #b5b3b5
}
.newsTitleLeft {
    float:left;
    width:210px;
    height:100%;
    font-size:14px;
    color:#333;
    margin-left:10px
}
.newsTitleLeft a {
    font-size:14px;
    color:#333;
    text-decoration:none
}
.newsTitleRight {
    float:left;
    height:100%;
    line-height:23px;
    font-size:12px
}
.newsTitleRight a {
    text-decoration:none;
    color:#608bc5
}
.newsContent {
    width:267px;
    height:auto;
    margin-top:5px
}
.newsList {
    width:100%;
    height:27px;
    line-height:27px
}
.newsListLeft {
    float:left;
    height:27px
}
.newsList font {
    color:#608bc5;
    font-size:12px
}
.newsList a {
    color:#666;
    text-decoration:none
}
.newsList a:hover {
    text-decoration:underline
}
.newsTime {
    float:right;
    width:70px;
    height:100%;
    color:#828282
}
.newsIcon {
    float:left;
    width:30px;
    _width:25px;
    height:27px;
    background:url(../images/website/icon2.png) 0 40% no-repeat
}
.news {
    float:left;
    width:235px;
    color:#828282
}
.newsDiv .promoteContent {
    height:135px;
    overflow:hidden;
    position:relative
}
.promoteLine {
    width:100%;
    height:27px;
    line-height:27px;
    color:#828282
}
.promoteList0 {
    float:left;
    width:133px;
    height:27px;
    line-height:27px;
    border-right:1px dotted #b5b3b5
}
.promoteList1 {
    float:left;
    width:133px;
    height:27px;
    line-height:27px
}
.promotes {
    float:left;
    width:93px;
    padding-left:30px;
    _padding-left:25px;
    margin-right:10px;
    _margin-right:5px;
    background:url(../images/website/icon2.png) 0 center no-repeat
}
.promotes a {
    color:#828282;
    text-decoration:none
}
.promotes a:hover {
    text-decoration:underline
}
.newsBottom {
    width:314px;
    height:13px
}
.tg_title {
    width:314px;
    height:auto;
    padding-top:15px
}
.tg_title a {
    color:#666;
    text-decoration:none;
    line-height:25px;
    letter-spacing:.2mm
}
.tg_title a:hover {
    text-decoration:underline;
    color:#608bc5
}
.jzHelp {
    width:237px;
    padding-left:30px;
    _padding-left:25px;
    background:url(../images/website/icon2.png) 0 center no-repeat
}
.jzHelp a {
    color:#828282;
    text-decoration:none
}
.jzHelp a:hover {
    text-decoration:underline
}
.indexSeo {
    margin-top:100px
}
.webLink_index {
    clear:both;
    width:100%;
    background-color:#e8e8e8;
    margin-top:40px;
    border-top:5px solid #d8d8d8
}
.link_index {
    padding:8px 0 10px 0;
    position:relative
}
.linkLine {
    position:absolute;
    left:245px;
    top:25px;
    bottom:25px;
    width:2px;
    height:auto;
    *height:expression(document.getElementById("link_index").offsetHeight - 50);
    background:url(../images/website/linkline2.png) repeat-y
}
.linkLine2 {
    position:absolute;
    left:480px;
    _left:485px;
    top:25px;
    bottom:25px;
    width:2px;
    height:auto;
    *height:expression(document.getElementById("link_index").offsetHeight - 50);
    background:url(../images/website/linkline2.png) repeat-y
}
.linkTitle {
    width:100%;
    height:41px;
    line-height:41px;
    text-align:center;
    color:#666;
    letter-spacing:3px
}
.linkTitle span {
    color:#a4a4a4;
    letter-spacing:0
}
.linkTitle span:hover {
    color:#00658f
}
.linkLeft {
    float:left;
    width:250px
}
.linkLeftContent {
    width:230px;
    padding:0 10px
}
.linkLeftPicture {
    float:left;
    height:26px;
    margin:0 18px 15px 0
}
.linkLeftPicture a {
    display:block;
    height:26px
}
.linkLeftPic1 {
    width:56px;
    background:url(../images/website/all.png) 6px -784px no-repeat;
    _background:url(../images/website/all.gif) 6px -784px no-repeat
}
.linkLeftPic1:hover {
    background:url(../images/website/all.png) -141px -784px no-repeat;
    _background:url(../images/website/all.gif) -141px -784px no-repeat
}
.linkLeftPic2 {
    width:60px;
    background:url(../images/website/all.png) 8px -813px no-repeat;
    _background:url(../images/website/all.gif) 8px -813px no-repeat
}
.linkLeftPic2:hover {
    background:url(../images/website/all.png) -139px -813px no-repeat;
    _background:url(../images/website/all.gif) -139px -813px no-repeat
}
.linkLeftPic3 {
    width:60px;
    background:url(../images/website/all.png) 8px -842px no-repeat;
    _background:url(../images/website/all.gif) 8px -842px no-repeat
}
.linkLeftPic3:hover {
    background:url(../images/website/all.png) -139px -842px no-repeat;
    _background:url(../images/website/all.gif) -139px -842px no-repeat
}
.linkLeftPic4 {
    width:67px;
    background:url(../images/website/all.png) 7px 0 no-repeat;
    _background:url(../images/website/all.gif) 7px 0 no-repeat
}
.linkLeftPic4:hover {
    background:url(../images/website/all.png) -140px 0 no-repeat;
    _background:url(../images/website/all.gif) -140px 0 no-repeat
}
.linkLeftPic6 {
    width:38px;
    background:url(../images/website/all.png) 5px -369px no-repeat;
    _background:url(../images/website/all.gif) 5px -369px no-repeat
}
.linkLeftPic6:hover {
    background:url(../images/website/all.png) -142px -369px no-repeat;
    _background:url(../images/website/all.gif) -142px -369px no-repeat
}
.linkLeftPic7 {
    width:56px;
    background:url(../images/website/all.png) 0 -964px no-repeat;
    _background:url(../images/website/all.gif) 0 -964px no-repeat
}
.linkLeftPic7:hover {
    background:url(../images/website/all.png) -147px -964px no-repeat;
    _background:url(../images/website/all.gif) -147px -964px no-repeat
}
.linkLeftPic8 {
    width:61px;
    background:url(../images/website/all.png) 5px -397px no-repeat;
    _background:url(../images/website/all.gif) 5px -397px no-repeat
}
.linkLeftPic8:hover {
    background:url(../images/website/all.png) -142px -397px no-repeat;
    _background:url(../images/website/all.gif) -142px -397px no-repeat
}
.linkLeftPic9 {
    width:56px;
    background:url(../images/website/all.png) -46px -813px no-repeat;
    _background:url(../images/website/all.gif) -46px -813px no-repeat
}
.linkLeftPic9:hover {
    background:url(../images/website/all.png) -194px -813px no-repeat;
    _background:url(../images/website/all.gif) -194px -813px no-repeat
}
.linkMiddle {
    float:left;
    width:460px
}
.linkMiddleContent {
    width:440px;
    padding:0 0 0 20px
}
.linkUl {
    width:100%;
    height:auto;
    padding:0
}
.linkUl li {
    float:left;
    padding-right:15px;
    height:23px
}
.linkUl li a {
    color:#a4a4a4;
    text-decoration:none;
    line-height:23px
}
.linkUl li a:hover {
    color:#00658f
}
.linkMiddle .linkUrl {
    display:inline-block;
    padding-right:10px;
    height:23px;
    line-height:23px;
    color:#a4a4a4;
    text-decoration:none
}
.linkMiddle .linkUrl:hover {
    color:#00658f
}
.linkRight {
    float:left;
    width:235px
}
.linkRighContentt {
    width:220px;
    padding:0 0 0 15px
}
.linkRightPicture {
    float:left;
    height:23px;
    margin:0 11px 15px 0
}
.linkRightPicture a {
    display:block;
    height:23px
}
.linkRightPic1 {
    width:53px;
    background:url(../images/website/all.png) 0 -290px no-repeat;
    _background:url(../images/website/all.gif) 0 -290px no-repeat
}
.linkRightPic1:hover {
    background:url(../images/website/all.png) -147px -290px no-repeat;
    _background:url(../images/website/all.gif) -147px -290px no-repeat
}
.linkRightPic2 {
    width:47px;
    background:url(../images/website/all.png) 0 -25px no-repeat;
    _background:url(../images/website/all.gif) 0 -25px no-repeat
}
.linkRightPic2:hover {
    background:url(../images/website/all.png) -147px -25px no-repeat;
    _background:url(../images/website/all.gif) -147px -25px no-repeat
}
.linkRightPic3 {
    width:63px;
    background:url(../images/website/all.png) 0 -908px no-repeat;
    _background:url(../images/website/all.gif) 0 -908px no-repeat
}
.linkRightPic3:hover {
    background:url(../images/website/all.png) -147px -908px no-repeat;
    _background:url(../images/website/all.gif) -147px -908px no-repeat
}
.linkRightPic4 {
    width:64px;
    background:url(../images/website/all.png) 0 -931px no-repeat;
    _background:url(../images/website/all.gif) 0 -931px no-repeat
}
.linkRightPic4:hover {
    background:url(../images/website/all.png) -147px -931px no-repeat;
    _background:url(../images/website/all.gif) -147px -931px no-repeat
}
.linkRightPic5 {
    width:59px;
    background:url(../images/website/all.png) 0 -991px no-repeat;
    _background:url(../images/website/all.gif) 0 -991px no-repeat
}
.linkRightPic5:hover {
    background:url(../images/website/all.png) -147px -991px no-repeat;
    _background:url(../images/website/all.gif) -147px -991px no-repeat
}
.linkRightPic6 {
    width:60px;
    background:url(../images/website/all.png) 0 -48px no-repeat;
    _background:url(../images/website/all.gif) 0 -48px no-repeat
}
.linkRightPic6:hover {
    background:url(../images/website/all.png) -147px -48px no-repeat;
    _background:url(../images/website/all.gif) -147px -48px no-repeat
}
.linkRightPic7 {
    width:59px;
    background:url(../images/website/all.png) 0 -887px no-repeat;
    _background:url(../images/website/all.gif) 0 -887px no-repeat
}
.linkRightPic7:hover {
    background:url(../images/website/all.png) -147px -887px no-repeat;
    _background:url(../images/website/all.gif) -147px -887px no-repeat
}
.linkRightPic8 {
    width:64px;
    background:url(../images/website/all.png) 0 -868px no-repeat;
    _background:url(../images/website/all.gif) 0 -868px no-repeat
}
.linkRightPic8:hover {
    background:url(../images/website/all.png) -147px -868px no-repeat;
    _background:url(../images/website/all.gif) -147px -868px no-repeat
}
.serviceBox {
    width:188px;
    height:316px;
    position:absolute;
    top:250px;
    z-index:100;
    background:url(../images/website/servicebox4.png)
}
.serviceBox2 {
    width:188px;
    height:400px;
    position:absolute;
    top:250px;
    z-index:100;
    background:url(../images/website/servicebox.png)
}
.serviceBox .serviceTitle {
    position:absolute;
    top:118px;
    right:20px;
    width:90px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#013684;
    text-decoration:none
}
.serviceBox .serviceTitle:hover {
    color:#f30
}
.serviceBox .serviceText {
    position:absolute;
    top:185px;
    left:56px;
    width:112px;
    height:27px;
    line-height:30px;
    text-align:center;
    color:#013684;
    cursor:pointer;
    font-size:12px
}
.serviceBox .serviceText2 {
    position:absolute;
    top:220px;
    left:56px;
    width:112px;
    height:27px;
    line-height:30px;
    text-align:center;
    color:#013684;
    cursor:pointer;
    font-size:12px
}
.serviceBox .serviceText3 {
    position:absolute;
    top:175px;
    left:59px;
    width:112px;
    height:27px;
    line-height:30px;
    text-align:center;
    color:#013684;
    cursor:pointer;
    font-size:12px
}
.serviceBox .serviceText4 {
    position:absolute;
    top:212px;
    left:59px;
    width:112px;
    height:27px;
    line-height:30px;
    text-align:center;
    color:#013684;
    cursor:pointer;
    font-size:12px
}
.serviceBox .oemServiceTitle2 {
    position:absolute;
    top:329px;
    right:26px;
    width:90px;
    height:28px;
    line-height:28px;
    text-align:center;
    font-size:16px;
    color:#013684;
    text-decoration:none
}
.serviceBox .oemServiceTitle2:hover {
    color:#f30
}
.serviceBox .oemServiceText {
    position:absolute;
    top:268px;
    left:56px;
    width:112px;
    height:27px;
    line-height:30px;
    text-align:center;
    color:#013684;
    cursor:pointer;
    font-size:14px
}
.serviceBox .oemServiceText2 {
    position:absolute;
    top:362px;
    left:61px;
    width:112px;
    height:27px;
    line-height:30px;
    text-align:center;
    color:#013684;
    cursor:pointer;
    font-size:14px
}
.serviceBox .servicePhone2 {
    position:absolute;
    top:50px;
    right:11px;
    width:130px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#557fb9;
    font-family:"微软雅黑";
    font-size:14px
}
.webBanner_proFunc {
    clear:both;
    width:100%;
    height:200px;
    background:url(../images/website/bannerbg_2.png) repeat-x
}
.banner_proFun {
    height:100%;
    background:url(../images/website/banner_2.jpg) no-repeat
}
.webProFunc {
    clear:both;
    height:auto
}
.proTableDiv {
    width:960px;
    height:auto;
    position:relative
}
.proFuncHead {
    font-family:'微软雅黑', sans-serif;
    clear:both;
    display:block;
    width:960px;
    height:46px;
    position:relative;
    overflow:hidden;
    border-collapse:collapse;
    font-size:18px;
    padding-left:4px
}
.tableHead {
    float:left;
    height:100%;
    position:relative
}
.tableHead p {
    line-height:18px;
    font-size:12px;
    padding:0 8px 16px 8px;
    letter-spacing:normal;
    margin:0;
    color:#fff
}
.tableHead1 {
    border-collapse:collapse;
    height:auto;
    width:210px
}
.tableHead2 {
    border-collapse:collapse;
    height:auto;
    width:185px
}
.tableHead3 {
    border-collapse:collapse;
    height:auto;
    width:185px
}
.tableHead4 {
    position:relative;
    margin-left:-1px;
    border-collapse:collapse;
    height:auto;
    width:185px
}
.tableHead5 {
    margin-left:-1px;
    border-collapse:collapse;
    height:auto;
    width:185px
}
.tableHead6 {
    display:none
}
.tableHead7 {
    border-collapse:collapse;
    height:auto;
    width:185px;
    display:none
}
.tableHeadBottom1 {
    position:relative;
    width:215px;
    height:72px;
    line-height:72px
}
.tableHeadBottom2 {
    position:relative;
    width:185px;
    height:auto;
    line-height:72px;
    color:#333;
    text-align:center;
    font-size:18px
}
.tableHeadBottom3 {
    position:relative;
    width:185px;
    height:auto;
    line-height:72px;
    color:#333;
    text-align:center;
    font-size:18px
}
.tableHeadBottom4 {
    position:relative;
    width:185px;
    height:auto;
    color:#333;
    text-align:center;
    font-size:18px;
    line-height:72px
}
.tableHeadBottom5 {
    position:relative;
    width:185px;
    height:auto;
    color:#333;
    text-align:center;
    font-size:18px;
    line-height:72px
}
.tableHeadBottom7 {
    display:none;
    position:relative;
    width:185px;
    height:auto;
    color:#333;
    text-align:center;
    font-size:18px;
    line-height:72px
}
.tableHeadBottom6 {
    display:none
}
.thactive {
    background-color:#389cda;
    color:#fff;
    border:1px solid #389cda;
    z-index:1
}
.thactive .tableHeadBottom1 {
    color:#fff
}
.thactive .tableHeadBottom2 {
    color:#fff
}
.thactive .tableHeadBottom3 {
    color:#fff
}
.thactive .tableHeadBottom4 {
    color:#fff
}
.thactive .tableHeadBottom5 {
    color:#fff
}
.tableHeadPic {
    width:192px;
    height:100%;
    text-align:center;
    font-size:19px;
    color:#fff;
    background:#4173ad;
    line-height:61px;
    font-weight:bold;
    letter-spacing:5px
}
.tableHeadClone {
    width:960px;
    height:60px;
    margin:0 auto
}
.tableHeadClone .tableHead1 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead2 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead3 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead4 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead5 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead6 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead7 {
    border-color:#1d7ebb
}
.tableHeadClone .tableHead1 .tableHeadBottom1 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.tableHeadClone .tableHead2 .tableHeadBottom2 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.tableHeadClone .tableHead3 .tableHeadBottom3 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.tableHeadClone .tableHead4 .tableHeadBottom4 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.tableHeadClone .tableHead5 .tableHeadBottom5 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.tableHeadClone .tableHead6 .tableHeadBottom6 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.tableHeadClone .tableHead7 .tableHeadBottom7 {
    line-height:44px;
    font-size:16px;
    color:#fff;
    padding-top:6px
}
.hot {
    display:block;
    width:70px;
    height:70px;
    background:url(../images/website/hot.png) no-repeat;
    _background:url(../images/website/hot.gif) no-repeat;
    position:absolute;
    top:-7px;
    left:-6px;
    _top:-8px;
    _left:-6px
}
.smallhot {
    display:block;
    width:33px;
    height:33px;
    background:url(../images/website/smallhot.png) no-repeat;
    _background:url(../images/website/smallhot.gif) no-repeat;
    position:absolute;
    top:9px;
    left:-1px
}
.proFuncContent {
    clear:both;
    display:block;
    position:relative;
    width:960px;
    height:auto;
    text-align:center
}
.hide {
    display:none
}
.proTrPrice {
    clear:both;
    display:block;
    width:956px;
    height:40px;
    color:#f30;
    font-size:16px;
    padding-left:4px
}
.proTrFirst {
    clear:both;
    display:block;
    width:960px;
    height:60px;
    font-family:"微软雅黑"
}
.proTrSecond1 {
    clear:both;
    display:block;
    width:960px;
    height:60px
}
.proTrSecond2 {
    clear:both;
    display:block;
    width:960px;
    height:60px;
    font-family:"微软雅黑"
}
.proTrSecond3 {
    clear:both;
    display:block;
    width:960px;
    height:75px
}
.proTrInde {
    clear:both;
    display:block;
    width:944px;
    height:60px;
    text-align:center;
    background:#f0f4f6;
    line-height:60px;
    font-family:"微软雅黑";
    color:#666;
    font-size:18px;
    padding-left:16px
}
.proTrTitle {
    clear:both;
    display:block;
    width:960px;
    height:55px;
    text-align:left;
    line-height:65px;
    font-family:"微软雅黑";
    color:#f30;
    font-size:20px;
    border-bottom:2px solid #ff704c
}
.proTrBtn {
    clear:both;
    display:block;
    width:960px;
    height:70px;
    position:relative;
    margin-bottom:63px
}
.proTd1-1 {
    float:left;
    width:215px;
    color:#333;
    font-size:14px;
    position:relative
}
.proTd1-1 .details {
    display:inline-block;
    position:absolute;
    top:11px;
    width:16px;
    height:16px;
    background:url(../images/website/wenhao.png) no-repeat
}
.proTd1-2 {
    float:left;
    width:215px;
    color:#333;
    font-size:14px
}
.proTd1-2 span {
    letter-spacing:0
}
.proTd2 {
    float:left;
    width:185px;
    font-size:14px;
    color:#333
}
.proTd3 {
    float:left;
    width:185px;
    font-size:14px;
    color:#333
}
.proTd4 {
    float:left;
    width:185px;
    font-size:14px;
    color:#333
}
.proTd5 {
    float:left;
    width:185px;
    font-size:14px;
    color:#333
}
.proTd6 {
    display:none;
    font-size:14px;
    color:#333
}
.proTd7 {
    display:none
}
.proIndeLeft {
    float:left;
    width:154px;
    height:40px;
    line-height:40px;
    color:#33649e;
    font-size:14px;
    background:#fcfcfc;
    font-family:"微软雅黑"
}
.proIndeRight {
    float:left;
    width:728px;
    height:40px;
    position:relative
}
.heightPrice {
    height:40px;
    font-family:"微软雅黑";
    color:#f30;
    margin-left:-2px
}
.heightPrice2 {
    height:40px;
    font-family:"微软雅黑";
    color:#f30
}
.heightFirst {
    height:60px;
    line-height:60px
}
.heightSecond1 {
    height:60px;
    line-height:60px;
    font-family:"微软雅黑"
}
.heightSecond2 {
    height:34px;
    line-height:34px;
    font-family:"微软雅黑";
    padding-top:13px;
    padding-bottom:13px
}
.heightSecond3 {
    height:74px;
    line-height:74px
}
.heightBtn {
    height:65px
}
.mark {
    background:#f0f4f6
}
.proLineTop {
    border-top:1px solid #d8d8d8
}
.proBottom {
    height:65px;
    line-height:65px
}
.proLineDottedBottom {
    border-bottom:1px dotted #dfdfdf;
    font-family:"微软雅黑"
}
.support {
    display:inline-block;
    width:21px;
    height:54px;
    background:url(../images/website/yes3_w.jpg) 0 50% no-repeat
}
.supportGray {
    display:inline-block;
    width:21px;
    height:54px;
    background:url(../images/website/yes3_g.jpg) 0 50% no-repeat
}
.nosupport {
    display:inline-block;
    width:21px;
    height:54px;
    background:url(../images/website/no3_w.jpg) 0 50% no-repeat
}
.nosupportGray {
    display:inline-block;
    width:21px;
    height:54px;
    background:url(../images/website/no3_g.jpg) 0 50% no-repeat
}
.xiala {
    display:inline-block;
    width:184px;
    height:10px;
    background:url(../images/website/down.png) no-repeat;
    position:absolute;
    left:282px;
    cursor:pointer
}
.xiala2 {
    display:inline-block;
    width:184px;
    height:10px;
    background:url(../images/website/down.png) no-repeat;
    position:absolute;
    right:262px;
    cursor:pointer
}
.shangshou {
    display:inline-block;
    width:184px;
    height:10px;
    background:url(../images/website/up.png) no-repeat;
    position:absolute;
    left:282px;
    cursor:pointer
}
.shangshou2 {
    width:184px;
    height:10px;
    background:url(../images/website/up.png) no-repeat;
    position:absolute;
    right:262px;
    cursor:pointer
}
.website {
    width:214px;
    height:100%;
    background:url(../images/website/website.jpg) 0 50% no-repeat
}
.proOpen {
    display:inline-block;
    width:120px;
    line-height:40px;
    background:#f40;
    margin-top:15px;
    font-family:"微软雅黑";
    font-size:18px;
    color:#fff;
    cursor:pointer;
    -moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius:5px
}
.proOpen:hover {
    background:#2fb518
}
.proBuy {
    display:inline-block;
    width:120px;
    line-height:40px;
    background:#f40;
    margin-top:15px;
    font-family:"微软雅黑";
    font-size:18px;
    color:#fff;
    cursor:pointer;
    -moz-border-radius:5px;
    webkit-border-radius:5px;
    border-radius:5px
}
.proBuy:hover {
    background:#2fb518
}
.proFoot {
    display:block;
    width:884px;
    height:29px;
    background:url(../images/website/foot.png) no-repeat
}
.mao {
    width:50px;
    height:163px;
    position:fixed;
    bottom:30px;
    font-size:14px;
    font-family:"微软雅黑";
    z-index:100px;
    margin-left:1000px;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop)+600)
}
.mao .backTop {
    width:47px;
    height:47px;
    background:url(../images/website/backtop.jpg) center no-repeat;
    cursor:pointer
}
.mao .backTop:hover {
    background:url(../images/website/backtop_h.jpg) center no-repeat
}
.mao .backComputer {
    width:47px;
    height:47px;
    background:#b5b5b5;
    margin-top:7px;
    font-size:14px;
    color:#fff;
    cursor:pointer
}
.mao .backComputer:hover {
    background:#f30
}
.mao .backPhone {
    width:47px;
    height:47px;
    background:#b5b5b5;
    margin-top:7px;
    font-size:14px;
    color:#fff;
    cursor:pointer
}
.mao .backPhone:hover {
    background:#f30
}
.mao .backWeixin {
    width:47px;
    height:47px;
    background:#b5b5b5;
    margin-top:7px;
    font-size:14px;
    color:#fff;
    cursor:pointer
}
.mao .backWeixin:hover {
    background:#f30
}
.mao .backFeature {
    width:30px;
    height:30px;
    margin:auto;
    padding:8px;
    line-height:15px
}
.headDiv {
    width:100%;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:60px;
    display:none;
    z-index:1000;
    opacity:.9;
    -moz-opacity:.9;
    filter:alpha(opacity=90);
    _position:absolute;
    _left:0;
    _top:expression(eval(document.documentElement.scrollTop))
}
.proBorderRight, .proBorderLeft, .proBorderBottom {
    display:none;
    position:absolute;
    background-color:transparent;
    width:1px
}
.proBorderRight, .proBorderLeft {
    top:-1px;
    border-left:1px solid #389cda
}
.proBorderBottom {
    border-bottom:1px solid #389cda
}
.proBanner {
    width:100%;
    height:auto;
    background:#faf1eb
}
.proBannerImg {
    width:960px;
    height:270px;
    background:url(../images/website/banner_3.png) no-repeat;
    margin:0 auto
}
.webBanner_reg {
    clear:both;
    width:100%;
    height:74px;
    background:url(../images/website/bannerbg.png) 0 0 repeat-x
}
.banner_reg {
    height:171px;
    background:url(../images/website/banner_3.png) center no-repeat
}
.arrow_reg {
    display:block;
    width:81px;
    height:64px;
    background:url(../images/website/arrow.png) no-repeat;
    position:absolute;
    left:385px;
    top:33px
}
.regContent {
    clear:both;
    display:block;
    width:806px;
    height:auto;
    margin:auto;
    padding-top:25px
}
.regStep {
    clear:both;
    display:block;
    width:100%;
    height:80px
}
.regStepLeft {
    float:left;
    width:180px;
    height:100%
}
.regStepOne {
    float:left;
    width:195px;
    height:100%;
    background:url(../images/website/one.png) no-repeat
}
.regToRight {
    float:left;
    width:60px;
    height:100%;
    background:url(../images/website/toright.png) 0 22px no-repeat
}
.regStepTwo {
    float:left;
    width:240px;
    height:100%;
    background:url(../images/website/two.png) no-repeat
}
.regLine1 {
    clear:both;
    width:100%;
    height:16px;
    background:url(../images/website/dotted.png) 50% 0 no-repeat
}
.regLine2 {
    clear:both;
    width:500px;
    height:0;
    line-height:0;
    font-size:0;
    border-top:1px dotted #d7d7d7
}
.regIframe {
    width:100%;
    height:465px
}
.regFoot {
    clear:both;
    width:808px;
    height:33px;
    background:url(../images/website/foot.png) no-repeat;
    margin:auto;
    margin-bottom:20px
}
.successContent {
    clear:both;
    display:block;
    width:100%;
    height:580px
}
.successPaper {
    display:block;
    width:790px;
    height:380px;
    background-color:#fff;
    position:relative;
    margin:auto
}
.sucPaperSmile {
    position:absolute;
    left:130px;
    top:70px
}
.sucPaperPhone {
    position:absolute;
    right:30px;
    bottom:10px
}
.sucPaperText {
    position:absolute;
    left:180px;
    top:200px;
    display:block;
    width:500px;
    height:30px;
    line-height:30px;
    font-size:14px;
    color:#838383;
    background:url(../images/website/ico.png) no-repeat 0 10px;
    padding-left:30px
}
.sucPaperText a {
    color:#004dcc
}
.sucPaperBg {
    position:absolute;
    right:0;
    bottom:0
}
.successBottom {
    clear:both;
    display:block;
    width:790px;
    height:7px;
    margin:auto
}
.sucBotLeft {
    float:left;
    width:7px;
    height:7px;
    background:url(../images/website/botleft.png) no-repeat
}
.sucBotMiddle {
    float:left;
    width:776px;
    height:7px
}
.sucBotRight {
    float:left;
    width:7px;
    height:7px;
    background:url(../images/website/botright.png) no-repeat
}
.webPrice {
    clear:both;
    height:auto
}
.webPrice .proDiv {
    margin-left:38px;
    height:30px;
    font-size:12px
}
.webPrice .proDiv .text {
    display:inline-block;
    height:15px;
    padding-left:30px;
    color:#333;
    background:url(../images/website/pro315.gif) 5px 0 no-repeat
}
.webPrice .proDiv a {
    color:#09c;
    text-decoration:none
}
.priceBanner {
    width:883px;
    height:100px;
    margin:0 auto 20px auto;
    background:url(../images/website/banner.png) no-repeat
}
.priceDiv {
    width:883px;
    height:auto;
    padding:0 39px 21px 38px
}
.priceHead {
    clear:both;
    display:block;
    width:881px;
    height:58px;
    line-height:58px;
    text-align:center;
    color:#fff;
    font-size:14px;
    border:1px solid #d2d2d2;
    font-family:"微软雅黑"
}
.priceHead1 {
    float:left;
    width:125px;
    height:100%;
    border-right:1px solid #9bceeb;
    font-family:"微软雅黑"
}
.priceHead2 {
    float:left;
    width:351px;
    height:100%;
    border-right:1px solid #9bceeb
}
.priceHead2Top {
    width:100%;
    height:30px;
    line-height:30px;
    border-bottom:1px solid #9bceeb;
    text-align:center
}
.priceHead2Top a {
    color:#fff799;
    font-size:12px;
    text-decoration:none
}
.priceHead2Bottom {
    width:100%;
    height:29px;
    line-height:28px;
    font-size:12px
}
.priceHead21 {
    float:left;
    width:116px;
    height:100%;
    border-right:1px solid #9bceeb
}
.priceHead24 {
    float:left;
    width:116px;
    height:100%;
    border-right:1px solid #9bceeb;
    font-size:14px;
    color:#fff6db;
    text-shadow:1px 1px 1px #426895;
    font-weight:bold
}
.priceHead22 {
    float:left;
    width:116px;
    height:100%;
    border-right:1px solid #9bceeb
}
.priceHead23 {
    float:left;
    width:117px;
    height:100%
}
.priceHead3 {
    float:left;
    width:300px;
    height:100%;
    border-right:1px solid #9bceeb
}
.priceHead4 {
    float:left;
    width:102px;
    height:100%
}
.priceLine {
    clear:both;
    width:881px;
    height:90px;
    line-height:90px;
    text-align:center;
    background-color:#fff;
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
    border-bottom:1px solid #ededed
}
.priceTd1 {
    float:left;
    width:125px;
    height:100%;
    border-right:1px solid #ededed;
    position:relative;
    font-family:"微软雅黑";
    font-size:14px;
    color:#000
}
.priceTd_1 {
    float:left;
    width:125px;
    height:100%;
    border-right:1px solid #ededed;
    position:relative;
    font-family:"微软雅黑";
    font-size:14px;
    color:#111;
    text-indent:24px;
    display:table-cell;
    vertical-align:middle
}
.priceTd_1 img {
    _margin:16px 0
}
.priceTd1 a {
    text-decoration:none
}
.priceTd1 a:hover {
    text-decoration:underline
}
.priceTd1 img {
    position:absolute;
    top:10px;
    right:10px
}
.priceTd2 {
    float:left;
    width:351px;
    height:100%;
    border-right:1px solid #ededed
}
.priceTd21 {
    float:left;
    width:116px;
    height:100%;
    border-right:1px solid #ededed;
    font-family:"微软雅黑";
    color:#000
}
.priceTd22 {
    float:left;
    width:116px;
    height:70px;
    padding:11px 0;
    border-right:1px solid #ededed;
    line-height:32px;
    font-family:"微软雅黑";
    color:#000
}
.priceTd23 {
    float:left;
    width:117px;
    height:46px;
    padding:11px 0;
    line-height:32px;
    font-family:"微软雅黑";
    color:#000
}
.priceTd24 {
    float:left;
    width:116px;
    height:100%;
    border-right:1px solid #ededed;
    font-family:"微软雅黑";
    color:#f20;
    font-weight:bold
}
.priceTd3 {
    float:left;
    width:288px;
    height:100%;
    border-right:1px solid #ededed;
    text-align:left;
    padding-left:12px;
    font-family:"微软雅黑";
    color:#999
}
.priceTd31 {
    float:left;
    width:270px;
    height:52px;
    border-right:1px solid #ededed;
    padding:10px 15px;
    line-height:25px;
    text-align:left;
    font-family:"微软雅黑";
    color:#999
}
.priceTd32 {
    float:left;
    width:272px;
    height:60px;
    border-right:1px solid #ededed;
    padding:15px 14px;
    line-height:20px;
    text-align:left;
    font-family:"微软雅黑";
    color:#999
}
.priceRefund {
    color:#09c
}
.priceTd4 {
    float:left;
    width:102px;
    height:100%
}
.priceTd4 .buyBtn {
    display:inline-block;
    width:89px;
    height:29px;
    line-height:29px;
    background-color:#389cda;
    margin-top:20px;
    text-decoration:none;
    font-size:14px;
    font-family:"微软雅黑";
    color:#fff
}
.priceTd4 .buyBtn:hover {
    background-color:#42abe2
}
.priceTd4 .buyPop {
    display:inline-block;
    width:89px;
    height:29px;
    line-height:29px;
    background-color:#f77b1b;
    margin-top:20px;
    text-decoration:none;
    font-size:14px;
    font-family:"微软雅黑";
    color:#fff
}
.priceTd4 .buyPop:hover {
    background-color:#f88e1e
}
.oldPrice {
    text-decoration:line-through
}
.newPrice {
    font-weight:bold
}
.newPrice2 {
    color:#444;
    font-weight:bold
}
.newPrice3 {
    color:#000;
    font-weight:bold
}
.newPrice3_2 {
    color:#595959;
    font-weight:bold
}
.newPrice3_3 {
    color:#ff6500;
    font-weight:bold;
    font-size:14px
}
.newPrice3_4 {
    color:#f20;
    font-weight:bold;
    font-size:16px
}
.priceBackGray {
    background:url(../images/website/backgray.png) repeat-x
}
.priceTd22 .ad {
    color:#fff;
    background:#ff6500;
    font-family:"微软雅黑";
    padding:2px 5px
}
.priceBottom {
    clear:both;
    width:881px;
    height:48px;
    line-height:55px;
    text-align:center;
    background-color:#fff;
    border-left:1px solid #ededed;
    border-right:1px solid #ededed
}
.priceTd5 {
    float:left;
    width:351px;
    height:100%;
    border-right:1px solid #ededed;
    letter-spacing:3px;
    font-family:"微软雅黑";
    color:000
}
.priceTd6 {
    float:left;
    width:391px;
    height:100%;
    text-align:left;
    padding-left:12px;
    font-family:"微软雅黑";
    color:#b5acad
}
.priFoot {
    clear:both;
    width:100%;
    height:15px;
    background:url(../images/website/foot.png) no-repeat
}
.webContact {
    clear:both;
    display:block;
    width:100%;
    height:550px
}
.contactPaper {
    display:block;
    width:807px;
    height:400px;
    background-color:#fff;
    position:relative;
    margin:auto;
    border-top:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9
}
.contactPaper .imgContact {
    position:absolute;
    top:65px;
    left:90px
}
.contactPaper .people {
    position:absolute;
    bottom:30px;
    right:55px
}
.contactDotted {
    width:650px;
    height:0;
    line-height:0;
    font-size:0;
    margin:auto;
    margin-top:135px
}
.contactText {
    position:absolute;
    display:block;
    width:500px;
    height:auto;
    left:55px;
    font-size:14px
}
.contactText .conTextLine {
    width:auto;
    height:35px;
    line-height:35px;
    padding-left:40px;
    font-family:"微软雅黑";
    color:#21709b
}
.contactText .conTextLine a {
    font-family:"微软雅黑";
    color:#21709b
}
.contactText .conTextLine a:hover {
    color:#f30
}
.contactBottom {
    clear:both;
    display:block;
    width:809px;
    height:7px;
    margin:auto
}
.conBotLeft {
    float:left;
    width:7px;
    height:7px;
    background:url(../images/website/botleft.png) no-repeat
}
.conBotMiddle {
    float:left;
    width:795px;
    height:7px;
    background:url(../images/website/botmiddle.png) repeat-x
}
.conBotRight {
    float:left;
    width:7px;
    height:7px;
    background:url(../images/website/botright.png) no-repeat
}
.webAlliance {
    clear:both;
    display:block;
    width:100%;
    height:auto
}
.webAlliance .banner {
    width:100%;
    background:url(../images/website/bnr.jpg) center no-repeat;
    height:360px
}
.alliancePaper1 {
    width:100%;
    height:360px;
    background:#fff
}
.alliancePaper1 .content {
    font-size:16px;
    color:#000;
    text-align:center;
    width:1080px;
    margin:0 auto;
    line-height:36px;
    font-family:"微软雅黑";
    padding-top:92px;
    height:100%
}
.alliancePaper1 .content .btn1 {
    width:200px;
    height:50px;
    background:#d7322d;
    color:#fff;
    font-size:22px;
    text-align:center;
    line-height:50px;
    display:block;
    margin:51px auto
}
.alliancePaper1 .content .btn1:hover {
    background:#e14641
}
.alliancePaper2 {
    width:100%;
    height:400px;
    background:url(../images/website/l1.jpg) center no-repeat
}
.alliancePaper2 .content {
    font-size:16px;
    color:#000;
    text-align:center;
    width:1080px;
    margin:0 auto;
    line-height:36px;
    font-family:"微软雅黑";
    height:100%
}
.alliancePaper2 .content .contentRight {
    width:435px;
    height:auto;
    float:right;
    text-align:left;
    margin-top:114px
}
.alliancePaper2 .content .btn2 {
    width:168px;
    height:42px;
    background:#d7322d;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:42px;
    display:block;
    margin-top:28px
}
.alliancePaper2 .content .btn2:hover {
    background:#e14641
}
.alliancePaper3 {
    width:100%;
    height:400px;
    background:url(../images/website/l2.jpg) center no-repeat
}
.alliancePaper3 .content {
    font-size:16px;
    color:#000;
    text-align:center;
    width:900px;
    margin:0 auto;
    line-height:30px;
    font-family:"微软雅黑";
    height:100%
}
.alliancePaper3 .content .contentLeft {
    width:400px;
    height:auto;
    float:left;
    text-align:left;
    margin-top:100px
}
.alliancePaper3 .content .btn3 {
    width:168px;
    height:42px;
    background:#d7322d;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:42px;
    display:block;
    margin-top:28px
}
.alliancePaper3 .content .btn3:hover {
    background:#e14641
}
.alliancePaper4 {
    width:100%;
    height:400px;
    background:url(../images/website/l3.jpg) center no-repeat
}
.alliancePaper4 .content {
    font-size:16px;
    color:#000;
    text-align:center;
    width:1080px;
    margin:0 auto;
    line-height:36px;
    font-family:"微软雅黑";
    height:100%
}
.alliancePaper4 .content .contentRight {
    width:435px;
    height:auto;
    float:right;
    text-align:left;
    margin-top:114px
}
.alliancePaper4 .content .btn4 {
    width:168px;
    height:42px;
    background:#d7322d;
    color:#fff;
    font-size:18px;
    text-align:center;
    line-height:42px;
    display:block;
    margin-top:28px
}
.alliancePaper4 .content .btn4:hover {
    background:#e14641
}
.alliancePaper5 {
    width:100%;
    height:400px;
    background:url(../images/website/l4.jpg) center no-repeat
}
.alliancePaper5 .content {
    font-size:16px;
    color:#000;
    text-align:center;
    width:670px;
    margin:0 auto;
    line-height:36px;
    font-family:"微软雅黑";
    height:100%
}
.alliancePaper5 .content .contentCenter {
    width:100%;
    height:auto;
    float:left;
    text-align:left;
    padding-top:250px;
    margin-left:25px
}
.alliancePaper5 .content .btn5 {
    width:200px;
    height:50px;
    background:#d7322d;
    color:#fff;
    font-size:22px;
    text-align:center;
    line-height:50px;
    display:block;
    float:left;
    margin-left:50px
}
.alliancePaper5 .content .btn5:hover {
    background:#e14641
}
.alliancePaper {
    width:788px;
    height:auto;
    margin:auto;
    background-color:#fff;
    padding:40px 62px 60px 48px;
    font-size:14px;
    letter-spacing:1px;
    margin-bottom:50px;
    border:1px solid #eaeaea;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px
}
.alTitle {
    width:100%;
    height:47px;
    border-bottom:1px dotted #d9d9d9;
    padding-top:15px
}
.alTitle span {
    float:left;
    display:block;
    width:90px;
    height:35px;
    line-height:35px;
    background-color:#33649e;
    color:#fff;
    text-align:center
}
.alTitle a {
    float:right;
    display:inline-block;
    line-height:60px;
    text-decoration:none;
    color:#33649e;
    margin-right:30px
}
.alContent {
    clear:both;
    width:100%;
    height:auto
}
.alContent .alText {
    width:770px;
    height:auto;
    padding:20px 20px 20px 0;
    text-indent:2em;
    line-height:23px
}
.alInvPic {
    clear:both;
    width:100%;
    height:265px;
    background:url(../images/website/inverstment.png) 28px 10px no-repeat;
    position:relative
}
.alInvPic a {
    display:block;
    position:absolute;
    width:120px;
    height:32px;
    top:40px;
    left:40px
}
.alCoopPic {
    clear:both;
    width:100%;
    height:620px;
    background:url(../images/website/cooperation.png) center no-repeat;
    margin:20px 0;
    position:relative;
    font-size:12px;
    letter-spacing:normal
}
.alCoopPic .title {
    position:absolute;
    width:150px;
    height:auto;
    top:50px;
    left:28px;
    font-size:14px
}
.alCoopPic .circle1 {
    position:absolute;
    width:95px;
    height:auto;
    line-height:25px;
    top:25px;
    left:360px;
    color:#fff
}
.alCoopPic .circle2 {
    position:absolute;
    width:90px;
    height:auto;
    line-height:25px;
    top:275px;
    left:99px;
    color:#fff
}
.alCoopPic .circle3 {
    position:absolute;
    width:90px;
    height:auto;
    line-height:23px;
    top:263px;
    right:87px;
    color:#fff
}
.alCoopPic .circle4 {
    position:absolute;
    width:95px;
    height:auto;
    line-height:21px;
    bottom:14px;
    left:360px;
    color:#fff
}
.alCoopPic .square1 {
    position:absolute;
    width:150px;
    height:auto;
    top:145px;
    left:180px;
    color:#00a006
}
.alCoopPic .square2 {
    position:absolute;
    width:107px;
    height:auto;
    line-height:18px;
    top:195px;
    right:196px;
    color:#00a487
}
.alCoopPic .square3 {
    position:absolute;
    width:110px;
    height:auto;
    bottom:150px;
    left:195px;
    color:#b10092
}
.alCoopPic .square4 {
    position:absolute;
    width:190px;
    height:auto;
    line-height:20px;
    bottom:140px;
    right:160px;
    _right:140px;
    color:#cd9000
}
.squareText {
    clear:both;
    width:100%;
    height:auto;
    text-indent:-1em;
    _text-indent:-9px;
    padding-left:20px
}
.alCoopPic a {
    display:block;
    position:absolute;
    width:auto;
    height:16px;
    line-height:16px;
    background:url(../images/website/view.png) no-repeat;
    bottom:0;
    right:110px;
    padding-left:50px;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    color:#b3b3b3
}
.alExtPic {
    clear:both;
    width:100%;
    height:347px;
    background:url(../images/website/extend.png) no-repeat
}
.webProject {
    clear:both;
    display:block;
    width:100%;
    height:auto;
    background:url(../images/website/shadow_comm.png) center 0 no-repeat
}
.projectPaper {
    width:820px;
    height:auto;
    margin:auto;
    background-color:#fff;
    padding:40px;
    font-size:14px;
    margin-bottom:50px;
    border:1px solid #eaeaea;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomleft:6px;
    -moz-border-radius-bottomright:6px
}
.projectTitle {
    width:740px;
    height:51px;
    line-height:65px;
    border-bottom:1px dotted #dadada;
    background:url(../images/website/leaf.png) 10px 0 no-repeat;
    padding-left:50px;
    font-weight:bold
}
.projectText {
    clear:both;
    width:790px;
    height:auto;
    line-height:23px;
    padding:30px 0 40px 30px;
    color:#595959;
    font-size:12px;
    position:relative
}
.projectPic {
    display:block;
    width:347px;
    height:176px;
    background:url(../images/website/peitu.png) no-repeat;
    position:absolute;
    top:0;
    right:0
}
.projectBottom {
    clear:both;
    width:750px;
    height:80px;
    line-height:80px;
    padding:0 35px;
    text-align:right;
    font-size:12px;
    letter-spacing:1px;
    border-top:1px dotted #dbdbdb
}
.projectBottom span {
    display:inline-block;
    width:35px;
    height:26px;
    background:url(../images/website/contact.png) no-repeat
}
.webSeoCase {
    clear:both;
    width:998px;
    height:auto;
    margin:auto;
    margin-top:8px;
    margin-bottom:30px;
    font-size:14px;
    color:#595959
}
.webSeoCase .caseConTitle {
    color:#595959
}
.webSeoCase .caseTitle {
    color:#484848
}
.webSeoCase .caseConList .caseForm {
    float:left;
    width:285px;
    height:auto;
    border:0;
    padding:15px 35px;
    padding-left:0;
    border-bottom:1px solid #ccc
}
.webSeoCase .caseConList .caseForm img {
    margin:10px
}
.webSeoCase .caseTop {
    background:#f2f2f2;
    height:54px;
    line-height:54px;
    width:960px;
    margin-left:12px
}
.seoCaseTop {
    width:940px;
    height:40px;
    line-height:40px;
    background:#f8f8f8;
    margin-left:10px
}
.seoCaseTitle {
    font-size:16px;
    font-weight:bold;
    margin-left:20px;
    _margin-left:10px;
    font-family:"Microsoft Yahei"
}
.seoCaseTop a {
    text-decoration:none;
    color:#595959
}
.seoCaseTop a:hover {
    color:#33649e
}
.seoCaseContent {
    clear:both;
    width:100%;
    height:auto
}
.seoCaseConTop {
    width:100%;
    height:12px
}
.seoCaseConMiddle {
    height:auto;
    padding:10px
}
.seoCaseConTitle {
    width:auto;
    height:30px;
    line-height:30px;
    padding-left:20px
}
.seoCaseTotal {
    float:right;
    padding-right:45px;
    color:#33649e
}
.seoCaseConList {
    clear:both;
    width:100%;
    height:auto
}
.seoCaseConList .seoCaseForm {
    float:left;
    width:250px;
    height:240px;
    padding:10px 20px 0 15px
}
.seoCasePic {
    width:215px;
    height:120px;
    background:url(../images/website/casepic.png) no-repeat;
    padding:13px 0 1px 19px
}
.seoCasePic a {
    display:block;
    width:200px;
    height:108px;
    overflow:hidden
}
.seoCasePic a img {
    display:block;
    width:200px;
    height:200px
}
.seoCaseConBottom {
    width:100%;
    height:18px
}
.webProCase {
    clear:both;
    width:877px;
    height:auto;
    margin:auto;
    margin-bottom:30px;
    text-shadow:1px 1px #fff;
    font-family:"微软雅黑"
}
.proCaseTop {
    width:100%;
    height:40px;
    line-height:40px
}
.proCaseTitle {
    font-size:24px;
    font-weight:bold;
    margin-left:20px
}
.proCaseTop a {
    text-decoration:none;
    color:#595959
}
.proCaseTop a:hover {
    color:#33649e
}
.proCaseContent {
    clear:both;
    width:100%;
    height:auto
}
.proCaseConTop {
    width:100%;
    height:12px
}
.proCaseConMiddle {
    width:857px;
    height:auto;
    padding:10px
}
.proCaseConList {
    clear:both;
    width:100%;
    height:auto
}
.proCaseConList .proCaseForm {
    float:left;
    width:250px;
    height:50px;
    padding:0 10px 10px 25px
}
.proCaseText {
    clear:both;
    width:100%;
    height:21px;
    line-height:21px;
    text-align:left;
    padding:0;
    letter-spacing:2px;
    text-shadow:1px 1px #fff
}
.proCaseLink a {
    text-decoration:underline;
    letter-spacing:0
}
.proCaseConBottom {
    width:100%;
    height:18px
}
.proCaseLinkTitle {
    float:left;
    text-align:left;
    width:56px
}
.proCaseLinkContent {
    float:left;
    text-align:left;
    width:194px
}
.proCaseKeywordTitle {
    float:left;
    text-align:left;
    width:50px
}
.proCaseKeywordContent {
    float:left;
    text-align:left;
    width:145px
}
.proCaseKeywordDiv {
    text-align:left;
    width:145px
}
.mobiTableDiv {
    padding:10px 60px 10px 60px
}
.mobiTableDiv_in {
    background:#fff;
    padding:17px
}
.mobiTableBorderRight {
    border-right:1px #c2c2c2 solid
}
.mobiTableDivHead3 span {
    margin-left:5px
}
.mobiTableDiv_inTable {
    border:1px solid #c2c2c2;
    border-bottom:0
}
.mobiTableDivHead {
    background:#dfe4e8;
    height:54px
}
.mobiTableDivHead div {
    width:200px;
    height:54px;
    float:left;
    text-align:center;
    line-height:54px;
    font-size:16px;
    color:#000;
    text-shadow:0 1px 0 rgba(255, 255, 255, 0.4);
    font-family:"微软雅黑"
}
.mobiTableDivHead .mobiTableDivHead2 {
    width:200px;
    background:url(../images/website/mianfei.png) 21% 50% no-repeat;
    _background:url(../images/website/mianfei_gif.gif) 21% 50% no-repeat
}
.mobiTableDivHead .mobiTableDivHead3 {
    width:200px;
    background:url(../images/website/xuancai.png) 21% 50% no-repeat;
    _background:url(../images/website/xuancai_gif.gif) 21% 50% no-repeat
}
.mobiTableDivHead .mobiTableDivHead4 {
    width:200px;
    background:url(../images/website/yingxiao.png) 23% 50% no-repeat
}
.mobiTableBorder {
    border-bottom:1px #c2c2c2 solid
}
.mobiTableMiddle1 {
    height:60px
}
.mobiTableDivMiddle1Td {
    width:200px;
    height:60px;
    float:left;
    line-height:60px;
    text-indent:.8em
}
.mobiTableDivMiddle1Td2 {
    width:200px;
    text-align:center
}
.mobiTableDivMiddle1Td p {
    margin:0;
    padding:0;
    line-height:30px;
    text-align:center;
    font-size:14px;
    color:#b11213;
    font-weight:600
}
.mobiTableDivMiddle1Td p span {
    color:#666;
    font-size:12px;
    margin-left:2px;
    font-weight:normal
}
.mobiTableDivMiddle1Td p a {
    display:block;
    width:91px;
    height:26px;
    margin:0 auto;
    color:#fff;
    line-height:26px;
    cursor:pointer;
    background:url(../images/website/buttonblue.png) 0 0 no-repeat;
    text-indent:-9999em
}
.mobiTableDivMiddle1Td p a:hover {
    background:url(../images/website/buttonblue.png) 0 100% no-repeat
}
.mobiTableMiddle2Left {
    width:90px;
    height:200px;
    float:left;
    font-size:14px;
    padding-left:10px;
    background:#dfe4e8
}
.mobiTableMiddle2RightTd {
    float:left;
    width:200px;
    text-align:center
}
.mobiTableBorderRightLast {
    width:200px
}
.mobiTableMiddle2RightIn {
    height:24px
}
.mobiTableMiddle2RightIn div {
    padding:5px 0
}
.mobiTableMiddle2RightIn .mobiTableMiddle2RightTd1 {
    float:left;
    width:190px;
    padding-left:10px
}
.mobiTableMiddle2RightTd span {
    display:block;
    background:url(../images/website/rightmail.gif) 50% 50% no-repeat;
    margin:0 auto;
    text-indent:-9999em
}
.mobiTableMiddle2RightTd span.nosupport {
    background:url(../images/website/wrongmail.gif) 50% 50% no-repeat
}
.mobiHeight {
    height:50px
}
.mobiHeight div {
    line-height:20px
}
.mobiHeight .mobiTableMiddle2RightTd span {
    height:40px
}
.mobititle1 {
    height:151px;
    *height:150px;
    _height:160px;
    padding-top:150px
}
.mobititle2 {
    height:150px;
    *height:151px;
    _height:160px;
    padding-top:100px
}
.mobiTdEven {
    background:#f4f4f4
}
.mobiFoot {
    width:840px;
    height:15px;
    background:url(../images/website/foot.png) 50% 50% no-repeat;
    margin-bottom:10px
}
.mobiClear {
    clear:both
}
.mobiTableTdSingle {
    float:left;
    width:210px;
    height:14px;
    padding:5px 0;
    text-align:center
}
.mobiTableTdSingleRight {
    float:left;
    width:210px;
    height:14px;
    padding:5px 0;
    text-align:center
}
.mobiTableTdSingle .mailSupport {
    display:block;
    background:url(../images/website/rightmail.gif) 50% 50% no-repeat
}
.mobiTableTdSingle .mailNoSupport {
    display:block;
    background:url(../images/website/wrongmail.gif) 50% 50% no-repeat
}
.pagenation_news {
    clear:both;
    float:right;
    height:25px;
    margin:30px 0;
    text-align:center
}
.pagePrev_news {
    float:left;
    width:23px;
    height:23px;
    line-height:23px;
    border:1px solid #dadada;
    margin:0 5px;
    color:#999;
    text-decoration:none;
    background:#fff;
    transition:background-color .2s ease-out
}
.pageNo_news {
    float:left;
    width:23px;
    height:23px;
    line-height:23px;
    border:1px solid #dadada;
    margin:0 5px;
    color:#999;
    text-decoration:none;
    background:#fff;
    transition:background-color .2s ease-out
}
.pageNext_news {
    float:left;
    width:23px;
    height:23px;
    line-height:23px;
    border:1px solid #dadada;
    margin:0 5px;
    color:#999;
    text-decoration:none;
    background:#fff;
    transition:background-color .2s ease-out
}
.pagePrev_news:hover {
    border-color:#999;
    background:#b1b1b1;
    color:#fff
}
.pageNo_news:hover {
    border-color:#999;
    background:#b1b1b1;
    color:#fff
}
.pageNext_news:hover {
    border-color:#999;
    background:#b1b1b1;
    color:#fff
}
.pageEllipsis_news {
    float:left;
    width:22px;
    height:22px;
    line-height:20px
}
.pageNow_news {
    float:left;
    width:23px;
    height:23px;
    line-height:23px;
    border:1px solid #4175b5;
    margin:0 5px;
    color:#fff;
    background:#4a81c1
}
.newsBottom {
    width:100%;
    height:35px
}
a {
    text-decoration:none
}
ul li {
    list-style:none;
    float:left
}
.hide {
    display:none
}
.fk-banner-wrap, .fk-banner {
    height:200px;
    min-width:1200px
}
.fk-banner-wrap .fk-banner {
    min-width:auto
}
.fk-banner-list {
    white-space:nowrap;
    width:100%;
    font-size:0
}
.fk-banner-list .fk-banner {
    position:relative;
    width:100%;
    display:inline-block;
    _zoom:1;
    *display:inline
}
.fk-banner-list .fk-freeModel {
    width:120px;
    height:38px;
    color:#4667f5;
    border-radius:19px;
    text-align:center;
    line-height:38px;
    font-size:16px;
    background:#fff;
    display:block;
    margin:120px 0 0 357px;
    position:relative
}
.fk-banner-responsive .fk-freeModel {
    margin-left:377px
}
.fk-banner-reg {
    background:url(../images/website/banner-reg.jpg) no-repeat center center
}
.fk-ask-panel {
    width:182px;
    background:#fff;
    box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius:4px;
    overflow:hidden;
    position:absolute;
    z-index:4
}
.fk-ask-panel .f-ask-telWrap {
    height:56px;
    background:url(../images/website/home_ico.png) no-repeat -296px -1236px;
    text-align:center;
    color:#fff;
    padding-top:30px
}
.fk-ask-panel .f-ask-qqWrap {
    padding-bottom:14px
}
.fk-ask-panel .f-tel-txtWrap, .fk-ask-panel .fk-icon-tel, .fk-ask-panel .fk-icon-wx, .fk-ask-panel .f-qq-txtWrap {
    display:inline-block;
    *display:inline;
    _zoom:1;
    vertical-align:middle;
    width:auto;
    text-align:left
}
.fk-ask-panel .fk-icon {
    width:30px;
    height:30px;
    background:url(../images/website/home_ico.png) no-repeat -297px -1077px
}
.fk-ask-panel .f-tel-txtWrap .f-txt {
    font-size:16px;
    line-height:1
}
.fk-ask-panel .f-tel-txtWrap .f-tel {
    font-size:14px;
    line-height:1;
    padding-top:8px
}
.fk-ask-panel .fk-icon-wx {
    background-position:-356px -1075px;
    width:33px;
    height:33px
}
.fk-ask-panel .f-qq-hd {
    padding-top:30px;
    font-size:18px;
    color:#4ca5ee;
    padding-bottom:25px;
    text-align:center
}
.fk-ask-panel .f-qq-list {
    width:auto
}
.fk-ask-panel .f-qq-item {
    height:30px;
    line-height:30px;
    background:#ccc;
    width:100px;
    border-radius:15px;
    text-align:center;
    margin:0 auto 16px auto;
    overflow:hidden;
    background:#4fbce8;
    color:#fff;
    display:block
}
.fk-ask-panel .f-qq-item-proxy {
    background:#fff;
    color:#4ca5ee;
    background:#fff;
    border:solid 1px #4ca5ee;
    height:30px;
    width:98px
}
.fk-ask-panel .f-qq-item-before, .fk-ask-panel .f-qq-item-after, .fk-ask-panel .f-qq-item-proxy:hover {
    background:url(../images/website/home_ico.png) no-repeat -297px -1130px;
    color:#fff;
    border-color:#fff;
    border-color:transparent
}
.fk-ask-panel .f-qq-item-before:hover, .fk-ask-panel .f-qq-item-after:hover {
    background:url(../images/website/home_ico.png) no-repeat -297px -1174px
}
.fk-toolArea {
    width:80px;
    height:240px;
    font-size:0;
    text-align:center;
    z-index:99;
    right:20px;
    position:fixed;
    top:274px;
    right:20px;
    _position:absolute;
    _top:expression(eval(document.documentElement.scrollTop)+274);
    _right:20px
}
.fk-toolArea .f-toolItem {
    width:60px;
    height:60px;
    border-radius:50%;
    margin:0 10px;
    margin-bottom:14px;
    box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3);
    position:relative;
    background:#fff
}
.fk-toolArea .f-toolAskItem {
    width:79px;
    height:79px;
    margin:0;
    margin-bottom:20px;
    background:url(../images/website/home_ico.png) no-repeat -1505px -90px
}
.fk-toolArea .f-toolRebackItem .f-toolBlock, .fk-toolArea .f-toolRefeedItem .f-toolBlock {
    overflow:hidden;
    border-radius:50%
}
.fk-toolArea .f-icon {
    width:20px;
    height:20px;
    background:url(../images/website/home_ico.png) no-repeat -498px -1080px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-10px;
    margin-top:-10px;
    display:block
}
.fk-toolArea .f-icon-reback {
    background-position:-553px -1080px
}
.fk-toolArea .f-icon-ask {
    width:30px;
    height:30px;
    margin-left:-15px;
    margin-top:-15px;
    background-position:-428px -1075px
}
.fk-toolArea .f-toolBlock {
    display:block;
    width:100%;
    height:100%
}
.fk-toolArea .f-toolAskItem {
    position:relative
}
.fk-toolArea .f-toolAskItem.disable .fk-ask-panelWrap {
    display:none
}
.fk-toolArea .f-toolAskItem.left .fk-ask-panelWrap {
    transition:all .3s;
    left:0;
    width:0;
    padding:8px 0
}
.fk-toolArea .f-toolAskItem.left:hover .fk-ask-panelWrap {
    width:182px;
    padding:8px;
    left:-190px
}
.fk-toolArea .f-toolAskItem.left .fk-ask-panel {
    margin-left:0
}
.fk-toolArea .f-toolAskItem.left .f-subArea, .fk-toolArea .f-toolAskItem.left:hover .f-subArea {
    left:-12px
}
.fk-toolArea .f-toolAskItem:hover .f-subArea {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:120px
}
.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap {
    position:absolute;
    left:100px;
    top:0;
    display:block;
    font-size:14px;
    overflow:hidden;
    width:182px;
    height:365px;
    padding:8px 0;
    margin:-8px
}
.fk-toolArea .f-toolAskItemHover .fk-ask-panel, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panel {
    margin-left:-184px
}
.fk-toolArea .f-toolAskItemHover .fk-ask-panel {
    transition:all .3s .01s
}
.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap, .fk-toolArea .f-toolAskItemUnHover .fk-ask-panelWrap {
    display:block;
    width:0
}
.fk-toolArea .f-toolAskItemHover .fk-ask-panelWrap {
    transition:width .3s
}
.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panel {
    margin-left:0
}
.fk-toolArea .f-toolAskItemHover:hover .fk-ask-panelWrap {
    width:182px;
    padding:8px
}
.fk-toolArea .f-toolRefeedItem {
    font-size:14px;
    line-height:60px
}
.fk-toolArea .f-toolRefeedItem .f-txt {
    color:#333;
    opacity:0;
    filter:alpha(opacity=0);
    color:#fff;
    transition:opacity .3s
}
.fk-toolArea .f-toolRefeedItem .f-icon-refeed {
    filter:alpha(opacity=100);
    opacity:1;
    transition:opacity .3s
}
.fk-toolArea .f-toolRefeedItem:hover .f-icon-refeed {
    opacity:0;
    filter:alpha(opacity=0)
}
.fk-toolArea .f-toolRefeedItem:hover .f-txt {
    opacity:1;
    color:#333;
    filter:alpha(opacity=100)
}
.button {
    display:block;
    color:inherit;
    vertical-align:middle;
    z-index:1;
    -webkit-backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale
}
.button:focus {
    outline:0
}
.button>span {
    vertical-align:middle
}
.button--nina {
    box-sizing:border-box;
    background:#7986cb;
    color:#fff;
    overflow:hidden;
    -webkit-transition:background-color .3s;
    transition:background-color .3s
}
.button--nina>span {
    display:inline-block;
    opacity:0;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s
}
.button--nina::before {
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s
}
.button--nina:hover {
    background-color:rgba(255, 255, 255, .8)
}
.button--nina:hover::before {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
.button--nina:hover>span {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.button--nina:hover>span:nth-child(1) {
    -webkit-transition-delay:.045s;
    transition-delay:.045s
}
.button--nina:hover>span:nth-child(2) {
    -webkit-transition-delay:.09s;
    transition-delay:.09s
}
.button--nina:hover>span:nth-child(3) {
    -webkit-transition-delay:.135s;
    transition-delay:.135s
}
.button--nina:hover>span:nth-child(4) {
    -webkit-transition-delay:.18s;
    transition-delay:.18s
}
@media screen and (max-width:1680px) {
    .fk-banner-list .fk-freeModel {
        margin-left:234px
    }
    .fk-banner-responsive .fk-freeModel {
        margin-left:254px
    }
}
@media screen and (max-width:1200px) {
    .fk-banner-list .fk-freeModel {
        margin-left:6px
    }
    .fk-banner-responsive .fk-freeModel {
        margin-left:26px
    }
}


.fk-banner {
    height:200px;
    margin:0 auto;
    position:relative
}
.headDiv {
    height:140px;
    border-bottom:0;
    opacity:.95
}
.proFuncHead {
    width:1200px;
    height:auto;
    clear:both;
    overflow:visible
}
.tableHeadClone {
    height:140px;
    background:0;
    text-align:center;
    margin:0 auto;
    padding:0;
    float:none
}
.tableHeadClone .table-title {
    position:relative;
    top:0;
    height:inherit;
    display:inline-block;
    zoom:1;
    width:1200px;
    overflow:visible
}
.tableHead .table-cell {
    border-right:solid #f0f0f5 1px;
    border-bottom:solid #f0f0f5 1px
}
.tableBody .table-cell {
    border-right:solid #f0f0f5 1px
}
.table-title .table-cell {
    height:139px;
    background:#fff;
    float:left;
    text-align:center
}
.table-title .table-cell .cell-content {
    cursor:pointer
}
.table-title .table-classic {
    position:relative
}
.table-title .table-classic-area {
    width:116px;
    height:82px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-58px;
    margin-top:-42px
}
.table-classic-top, .table-classic-bottom {
    width:auto;
    height:auto;
    position:absolute;
    z-index:1;
    font-size:16px;
    font-family:"微软雅黑";
    color:#333
}
.table-classic-top {
    top:0;
    right:0
}
.table-classic-bottom {
    bottom:0;
    left:0
}
.table-classic-area .f-tri {
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    border-right:solid transparent 58px;
    border-left:solid #e3e3e6 58px;
    border-top:solid transparent 41px;
    border-bottom:solid #e3e3e6 41px
}
.table-classic-area .f-whiteTri {
    top:1px;
    border-bottom-color:#fff;
    border-left-color:#fff
}
.headDiv .cell-content {
    width:inherit;
    height:138px
}
.headDiv .txt-wap {
    padding:33px 0 18px 0
}
.headDiv .txt {
    font-size:16px;
    font-family:"微软雅黑";
    color:#333
}
.headDiv .btn-wrap {
    width:124px;
    height:38px;
    line-height:38px;
    margin:0 auto
}
.website {
    background:0
}
.headDiv .free-btn, .headDiv .start-btn, .headDiv .stand-btn, .headDiv .prem-btn, .headDiv .pro-btn, .websiteTab .coop-btn, .websiteTab .crown-btn {
    font-size:14px;
    font-family:"微软雅黑";
    display:block;
    border-radius:19px;
    color:#fff
}
.websiteTab .free-btn {
    background-color:#9bbed2
}
.websiteTab .coop-btn {
    background-color:#f8ac64
}
.websiteTab .start-btn {
    background-color:#21d5ee
}
.websiteTab .stand-btn {
    background-color:#35cf88
}
.websiteTab .pro-btn {
    background-color:#34abf9
}
.websiteTab .crown-btn {
    background-color:#f4c434
}
.websiteTab .table-cell-free {
    border-bottom:2px solid #9bbed2
}
.websiteTab .table-cell-coop {
    border-bottom:2px solid #fac332
}
.websiteTab .table-cell-start {
    border-bottom:2px solid #21d5ee
}
.websiteTab .table-cell-stand {
    border-bottom:2px solid #35cf88
}
.websiteTab .table-cell-pro {
    border-bottom:2px solid #34abf9
}
.websiteTab .table-cell-crown {
    border-bottom:2px solid #f4c434
}
.mallTab .free-btn {
    background-color:#9bbed2
}
.mallTab .stand-btn {
    background-color:#fe9675
}
.mallTab .prem-btn {
    background-color:#f6b45f
}
.mallTab .pro-btn {
    background-color:#d065f8
}
.mallTab .table-cell-free {
    border-bottom:2px solid #9bbed2
}
.mallTab .table-cell-stand {
    border-bottom:2px solid #fe9675
}
.mallTab .table-prem-stand {
    border-bottom:2px solid #f6b45f
}
.mallTab .table-cell-pro {
    border-bottom:2px solid #d065f8
}
.fk-tab {
    height:165px
}
.fk-wrap {
    width:1200px;
    margin:0 auto;
    height:76px;
    padding-top:30px;
    position:relative;
    color:#333;
    text-decoration:none
}
.fk-tab .fk-tmpWrap {
   // width:324px;
    height:38px;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto
}
.productIntroduce {
    text-align:center;
    font-size:30px;
    color:#333;
    margin-top:18px;
    margin-bottom:18px
}
.slogan {
    text-align:center;
    font-size:16px;
    color:#929293
}
.fk-tab .fk-tabItem {
    width:128px;
    height:36px;
    line-height:36px;
    border:1px solid #eee;
    text-align:center;
    background-color:#fff;
    font-size:16px;
    font-family:"微软雅黑";
    border-radius:28px;
    color:#333;
    margin-top:16px;
    cursor:pointer
}
.fk-tab .fk-tabLine {
    position:absolute;
    background:#2f82ff;
    width:90px;
    height:4px;
    top:71px;
    display:block;
    left:0
}
.fk-tab .fk-tabItem-active {
    border:1px solid #2f82ff;
    color:#fff;
    background-color:#2f82ff
}
.website, .mall {
    left:0;
    width:100%;
    height:auto;
    margin-bottom:130px
}
.abstract, .tableDiv {
    width:1200px;
    margin:0 auto;
    padding:0;
    float:none
}
.abstract {
    height:486px;
    margin-top:60px;
    float:none
}
.tableDiv {
    height:auto;
    margin-top:65px
}
.free, .start, .stand, .professional, .abstract .coop, .crown, .prem {
    height:486px;
    display:inline-block;
    background-color:#fff;
    float:left;
    border-radius:7px;
    overflow:hidden
}
.background {
    width:inherit;
    height:155px;
    display:table-cell;
    vertical-align:middle;
    color:#fff;
    text-align:center
}
.background .title {
    font-size:18px;
    font-family:"微软雅黑"
}
.background .btn, .background .price-txt {
    font-size:14px;
    font-family:"微软雅黑"
}
.background .price-num {
    font-size:22px;
    font-family:"微软雅黑"
}
.background .price-btn {
    width:133px;
    height:30px;
    line-height:30px;
    margin:0 auto;
    border:1px solid rgba(255, 255, 255, 0.3);
    border-radius:19px
}
.background .price-txt {
    margin:10px 0
}
.info {
    widows:inherit;
    height:331px;
    font-size:14px;
    font-family:"微软雅黑";
    position:relative;
    text-align:center;
    color:#333
}
.info .desc {
    padding-top:30px;
    margin:0 auto;
    display:inline-block;
    text-align:left
}
.info .desc span {
    display:block;
    padding-bottom:20px
}
.info .desc-btn {
    display:block;
    width:124px;
    height:38px;
    line-height:38px;
    text-align:center;
    margin:0 auto;
    bottom:60px;
    position:absolute;
    left:0;
    right:0;
    color:#fff;
    border-radius:19px
}
.tableDiv .table-title {
    width:initial;
    height:140px
}
.tableDiv .table-cell {
    border-right:solid #f0f0f5 1px;
    border-bottom:solid #f0f0f5 1px;
    font-size:16px;
    font-family:"微软雅黑";
    color:#333
}
.tableDiv .table-classic {
    border-top-left-radius:7px
}
.tableDiv .site {
    border-top-right-radius:7px
}
.tableDiv .version {
    line-height:140px
}
.tableDiv .version .table-cell-free, .tableDiv .version .table-cell-pro, .tableDiv .version .table-cell-start, .tableDiv .version .table-cell-stand {
    height:285px
}
.tableDiv .version .table-cell-crown {
    height:285px;
    border-top-right-radius:7px
}
.tableDiv .table-content {
    height:auto;
    text-align:center
}
.tableDiv .table-content .tableBody-block {
    margin-bottom:4px
}
.tableBody-block .table-left {
    width:120px;
    background:#fff;
    float:left;
    font-size:16px;
    font-family:"微软雅黑";
    color:#333
}
.tableBody-block .table-right {
    background:#fff;
    float:left
}
.table-right .table-right-row {
    float:left
}
.table-right .table-right-row .option {
    float:left;
    width:202px;
    font-size:14px;
    font-family:"微软雅黑";
    color:#333;
    height:60px;
    line-height:60px
}
.table-right .table-right-row .result {
    float:left;
    width:291px;
    height:60px;
    line-height:60px;
    font-size:14px;
    font-family:"微软雅黑"
}
.tableDiv .classDesc {
    line-height:normal;
    width:100%;
    height:100%
}
.tableDiv .vNode {
    display:inline-block;
    zoom:1;
    height:100%;
    vertical-align:middle
}
.tableDiv .smallDescWrap {
    display:inline-block;
    vertical-align:middle;
    margin:0 auto
}
.tableDiv .smallDesc {
    color:#666;
    font-size:12px;
    font-family:"微软雅黑"
}
.website .free .desc-btn {
    background-color:#9bbed2
}
.website .start .desc-btn {
    background-color:#21d5ee
}
.website .stand .desc-btn {
    background-color:#35cf88
}
.website .professional .desc-btn {
    background-color:#34abf9
}
.website .prem .desc-btn {
    background-color:#34abf9
}
.website .crown .desc-btn {
    background-color:#f4c434
}
.website .start .background {
    background:url(../images/website/start.png) center center no-repeat
}
.website .free .background {
    background:url(../images/website/free.png) center center no-repeat
}
.website .stand .background {
    background:url(../images/website/stand.png) center center no-repeat
}
.website .crown .background {
    background:url(../images/website/crown.png) center center no-repeat
}
.website .professional .background {
    position:relative;
    background:url(../images/website/pro.png) center center no-repeat
}
.website .prem .background {
    position:relative;
    background:url(../images/website/bg03.png) center center no-repeat
}
.website .professional .background .tip {
    width:53px;
    height:53px;
    position:absolute;
    top:0;
    background-image:url(../images/website/hot.png);
    background-repeat:no-repeat
}
.website .tableDiv .version .table-cell-free {
    border-top:4px solid #9bbed2
}
.website .tableDiv .version .table-cell-start {
    border-top:4px solid #21d5ee
}
.website .tableDiv .version .table-cell-stand {
    border-top:4px solid #35cf88
}
.website .tableDiv .version .table-cell-pro {
    border-top:4px solid #34abf9
}
.website .tableDiv .version .table-cell-crown {
    border-top:4px solid #f4c434
}
.website .table-verison, .website .table-verison .table-right {
    height:244px
}
.website .table-verison .table-left {
    height:244px;
    line-height:244px
}
.website .table-webSpace, .website .table-webSpace .table-right {
    height:183px
}
.website .table-webSpace .table-left {
    height:183px;
    line-height:183px
}
.website .table-basicSys, .website .table-basicSys .table-right {
    height:244px
}
.website .table-basicSys .table-left {
    height:244px;
    line-height:244px
}
.website .table-interact, .website .table-interact .table-right {
    height:731px
}
.website .table-interact .table-left {
    height:731px;
    line-height:731px
}
.website .table-member, .website .table-member .table-right {
    height:182px
}
.website .table-member .table-left {
    height:182px;
    line-height:182px
}
.website .table-seo, .website .table-seo .table-right {
    height:243px
}
.website .table-seo .table-left {
    height:243px;
    line-height:243px
}
.website .table-seo, .website .table-seo .table-right {
    height:365px
}
.website .table-seo .table-left {
    height:365px;
    line-height:365px
}
.website .table-safe, .website .table-safe .table-right {
    height:486px
}
.website .table-safe .table-left {
    height:486px;
    line-height:486px
}
.website .table-service, .website .table-service .table-right {
    height:426px
}
.website .table-service .table-left {
    height:426px;
    line-height:426px
}
.website .table-thirdSuport, .website .table-thirdSuport .table-right {
    height:243px
}
.website .table-thirdSuport .table-left {
    height:243px;
    line-height:243px
}
.website .table-languageVersion, .website .table-languageVersion .table-right {
    height:731px
}
.website .table-languageVersion .table-left {
    height:731px;
    line-height:731px;
    border-bottom-left-radius:7px
}
.website .table-languageVersion .table-right .last {
    border-bottom-right-radius:7px
}
.mall .free, .mall .stand, .mall .professional, .mall .prem {
    width:275px
}
.mall .stand, .mall .professional, .mall .prem {
    margin-left:33px
}
.mall .free .desc-btn {
    background-color:#9bbed2
}
.mall .stand .desc-btn {
    background-color:#fe9675
}
.mall .professional .desc-btn {
    background-color:#d065f8
}
.mall .prem .desc-btn {
    background-color:#f6b45f
}
.mall .free .background {
    background:url(../images/website/free.png) center center no-repeat
}
.mall .stand .background {
    position:relative;
    background:url(../images/website/mallstand.png) center center no-repeat
}
.mall .professional .background {
    background:url(../images/website/mallpro.png) center center no-repeat
}
.mall .prem .background {
    position:relative;
    background:url(../images/website/mallprem.png) center center no-repeat
}
.mall .stand .background .tip {
    width:53px;
    height:53px;
    position:absolute;
    right:1px;
    top:0;
    background-image:url(../images/website/hot.png);
    background-repeat:no-repeat
}
.mall .prem .background .tip {
    width:53px;
    height:53px;
    position:absolute;
    right:1px;
    top:0;
    background-image:url(../images/website/hot.png);
    background-repeat:no-repeat
}
.mall .table-title .table-cell, .mallTab .table-title .table-cell {
    width:218px;
    background-color:#fff
}
.mall .table-title .table-cell-mid, .mallTab .table-title .table-cell-mid {
    width:323px
}
.mall .tableDiv .version .table-cell-free {
    border-top:4px solid #9bbed2
}
.mall .tableDiv .version .table-cell-stand {
    border-top:4px solid #fe9675
}
.mall .tableDiv .version .table-cell-prem {
    border-top:4px solid #f6b45f
}
.mall .tableDiv .version .table-cell-pro {
    border-top:4px solid #d065f8
}
.mall .table-right .table-right-row .result {
    width:218px
}
.mall .table-design, .mall .table-design .table-right {
    height:365px
}
.mall .table-design .table-left {
    height:365px;
    line-height:365px
}
.mall .table-mall, .mall .table-mall .table-right {
    height:243px
}
.mall .table-mall .table-left {
    height:243px;
    line-height:243px
}
.mall .table-member, .mall .table-member .table-right {
    height:304px
}
.mall .table-member .table-left {
    height:304px;
    line-height:304px
}
.mall .table-product, .mall .table-product .table-right {
    height:243px
}
.mall .table-product .table-left {
    height:243px;
    line-height:243px
}
.mall .table-order, .mall .table-order .table-right {
    height:304px
}
.mall .table-order .table-left {
    height:304px;
    line-height:304px
}
.mall .table-marketing, .mall .table-marketing .table-right {
    height:487px
}
.mall .table-marketing .table-left {
    height:487px;
    line-height:487px
}
.mall .table-seo, .mall .table-seo .table-right {
    height:243px
}
.mall .table-seo .table-left {
    height:243px;
    line-height:243px
}
.mall .table-data, .mall .table-data .table-right {
    height:304px
}
.mall .table-other, .mall .table-other .table-right {
    height:243px
}
.mall .table-other .table-left {
    height:243px;
    line-height:243px
}
.mall .table-data .table-left {
    height:304px;
    line-height:304px
}
.mall .table-space, .mall .table-space .table-right {
    height:182px
}
.mall .table-space .table-left {
    height:182px;
    line-height:182px
}
.mall .table-safeAndService, .mall .table-safeAndService .table-right {
    height:304px
}
.mall .table-safeAndService .table-left {
    height:304px;
    line-height:304px;
    border-bottom-left-radius:7px
}
.mall .table-safeAndService .table-right .last {
    border-bottom-right-radius:7px
}
.mall .table-version, .mall .table-version .table-right {
    height:426px
}
.mall .table-version .table-left {
    height:426px;
    line-height:365px
}
.mall .table-version .last {
    border-top-right-radius:7px
}
.icon-no {
    width:16px;
    height:16px;
    display:block;
    background-repeat:no-repeat;
    margin:22px auto;
    background-image:url("../images/website/icon-wrong.png")
}
.icon-yes {
    width:24px;
    height:16px;
    display:block;
    background-repeat:no-repeat;
    margin:22px auto;
    background-image:url("../images/website/icon-right.png")
}
.f-dot {
    display:inline-block;
    width:3px;
    height:3px;
    background:#333;
    vertical-align:middle;
    margin-right:10px
}
.floatTool {
    width:96px;
    height:483px;
    position:fixed;
    margin-left:-120px;
    font-family:'微软雅黑';
    font-size:14px;
    z-index:10000;
    display:none;
    margin-top:100px
}
.floatTool .title {
    width:90px;
    height:100%;
    float:left;
    margin-top:63px
}
.floatTool .option {
    width:80px;
    height:33px;
    line-height:33px;
    text-align:right;
    font-size:13px;
    color:#e6e6e6
}
.floatTool .ruler {
    width:2px;
    height:483px;
    float:left;
    background:url(../images/website/ruler.png) center center no-repeat
}
.floatTool .point {
    position:absolute;
    width:9px;
    height:9px;
    background-color:#98afd2;
    border-radius:4.5px;
    right:0;
    top:76px
}
.floatTool .option:hover {
    cursor:pointer
}
@media(max-width:1450px) {
    .floatTool_outer {
        display:none
    }
}
.website_version {
    box-shadow:0 0 17px 3px rgba(207, 221, 213, 0.35);
    -webkit-transition:all .5s
}
.website_version:hover {
    box-shadow:0 0 15px 2px rgba(217, 223, 231, .8);
    -webkit-transform:translate3d(0, -10px, 0);
    transform:translate3d(0, -10px, 0)
}
.btn-wrap .desc-btn {
    position:relative
}
.btn-wrap .desc-btn, .info .desc-btn {
    color:inherit;
    vertical-align:middle;
    z-index:1;
    -webkit-backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale;
    box-sizing:border-box;
    overflow:hidden;
    -webkit-transition:background-color .3s;
    transition:background-color .3s
}
.btn-wrap .desc-btn:focus, .info .desc-btn:focus {
    outline:0
}
.btn-wrap .desc-btn>span, .info .desc-btn>span {
    vertical-align:middle;
    display:inline-block;
    opacity:0;
    color:#fff;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0);
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s
}
.btn-wrap .desc-btn::before, .info .desc-btn::before {
    content:attr(data-text);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    color:#fff;
    -webkit-transition:-webkit-transform .3s, opacity .3s;
    transition:transform .3s, opacity .3s
}
.table-cell-free .desc-btn:hover, .website .free .desc-btn:hover {
    background-color:#96b7c9
}
.table-cell-coop .desc-btn:hover, .website .coop .desc-btn:hover {
    background-color:#19cae2
}
.table-cell-start .desc-btn:hover, .website .start .desc-btn:hover {
    background-color:#19cae2
}
.table-cell-stand .desc-btn:hover, .website .stand .desc-btn:hover {
    background-color:#2ccf81
}
.table-cell-pro .desc-btn:hover, .website .professional .desc-btn:hover {
    background-color:#239cec
}
.table-cell-crown .desc-btn:hover, .website .crown .desc-btn:hover {
    background-color:#ebb526
}
.btn-wrap .desc-btn:hover::before, .info .desc-btn:hover::before {
    opacity:0;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
}
.btn-wrap .desc-btn:hover>span, .info .desc-btn:hover>span {
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0)
}
.btn-wrap .desc-btn:hover>span:nth-child(1), .info .desc-btn:hover>span:nth-child(1) {
    -webkit-transition-delay:.045s;
    transition-delay:.045s
}
.btn-wrap .desc-btn:hover>span:nth-child(2), .info .desc-btn:hover>span:nth-child(2) {
    -webkit-transition-delay:.09s;
    transition-delay:.09s
}
.btn-wrap .desc-btn:hover>span:nth-child(3), .info .desc-btn:hover>span:nth-child(3) {
    -webkit-transition-delay:.135s;
    transition-delay:.135s
}
.btn-wrap .desc-btn:hover>span:nth-child(4), .info .desc-btn:hover>span:nth-child(4) {
    -webkit-transition-delay:.18s;
    transition-delay:.18s
}


.coop {
	display: none;
}

.abstract .coop {
	display: none;
}

.website .free,
.website .start,
.website .stand,
.website .professional,
.website .crown {
	width: 270px;
	overflow: hidden;
	cursor: pointer;
}

.website .start,
.website .stand,
.website .professional,
.website .crown {
	margin-left: 25px;
}

.website .professional .background .tip {
	right: -1px;
}

.website .table-title .table-cell,
.websiteTab .table-title .table-cell {
	width: 215px;
	background-color: #fff;
}

.website .table-title .table-cell-mid,
.websiteTab .table-title .table-cell-mid {
	width: 323px;
}

.website .table-right .table-right-row .result {
	width: 215px;
}

.website .tableBody-block .table-right {
	width: 1067px;
}

.tableBody-block .table-right {
	width: 1079px;
}

.container {
	width: 5760px;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}

.list {
	width: 5760px;
	height: 200px;
	position: absolute;
}

.list>a {
	float: left;
	width: 1920px;
	height: 200px;
}

.pointer {
	position: absolute;
	width: 60px;
	bottom: 5px;
	text-align: center;
}

.pointer>span {
	cursor: pointer;
	display: inline-block;
	width: 7px;
	height: 7px;
	background: rgba(1, 1, 1, 0);
	border-radius: 50%;
	border: 1px solid white;
}

.pointer .on {
	background: white;
	width: 14px;
	border-radius: 16px;
}



.main .nav{
    width:1200px;
    margin: 0 auto;
    height: 48px;
    line-height: 48px;
}
.main .nav_txt{
    float: left;
    color: #222;
    font-size: 13px;
}
.main .nav_bar{
    float: right;
}
.main .nav_bar li{
    float: left;
    width: 80px;
    text-align: center;
}
.main .nav_bar li a{
    line-height: 48px;
    font-size: 15px;
    color: #222;
    display: inline-block;
    transition: 0.2s;
}
.main .nav_bar li:hover a{
    color: #3288ff;
    border-bottom: 3px solid #3288ff;
}
.main .nav_bar .active{
    color: #3288ff!important;
    border-bottom: 3px solid #3288ff;
}