@charset "utf-8";
/*2018 12.18 sx 腾讯企业邮箱 start*/
/*banner start*/
.sub-station-banner{ height: 586px; position: relative; top: 0; left: 0; min-width: 1200px; overflow: hidden;margin-top: 80px;}
.sub-banner-inner{height: 586px;width: 1920px; overflow: hidden; position: relative; top: 0; left: 50%; margin-left: -960px;}
.sub-station-banner .hd.sub-station-dot{bottom: 14px;width: 1200px;left: 370px;font-size: 0;position: absolute;z-index: 1;text-align: center;cursor: pointer;[;letter-spacing: -4px;];[;word-spacing: -4px;];}
.sub-station-banner .hd.sub-station-dot>ul{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;padding: 5px 15px;border-radius: 10px;background: url(../images/transparent50fff.png) repeat;font-size: 0;text-align: center;}
.sub-station-banner .hd.sub-station-dot li{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;width: 10px;height: 10px;font-size: 0;color: #999;margin: 0 5px;border-radius: 50%;background: #7b695c;[;letter-spacing: normal;];[;word-spacing: normal;];}
.sub-station-banner .hd.sub-station-dot li:hover{background: #fff;color: #fff;}
.sub-station-banner .hd.sub-station-dot li.on{background: #fff;}
.sub-banner-appointment{ width: 350px; height: 490px;position: absolute; left: 50%; margin-left: 310px; top: 50%;margin-top: -245px;background-color: white;border-radius: 5px; text-align: center;}
.appointment-box{ padding: 30px 50px 0; }
.appointment-box h3{color: #4497df;font-size: 18px;line-height: 1;margin-bottom: 20px;}
.form-piece{margin-bottom: 10px;overflow: hidden;width: 100%;line-height: 40px;}
.form-piece input,.form-piece textarea{width: 228px;border: 1px solid #dbdbdb;font-size: 12px;padding: 11px 0 11px 20px;}
.form-piece textarea{resize: none;height: auto;}
.form-info{margin-bottom: 5px;}
.btn-sq{display: block;width: 100%;height: 36px;line-height: 36px;color: white;text-align: center;background-color: #4497df;font-size: 16px;border-radius: 2px;}
.tips{color: #333;margin-top: 10px;}
.tips a{color: #2272a6;}
/*banner end */
/*什么是企业邮箱 start*/
.big-til{text-align: center;line-height: 1;padding: 70px 0 50px;}
.big-til h3{font-size: 30px;color: #010101;}
.big-til .line{position: relative;width: 373px;height: 3px;background-color: #e2e2e2;margin: 20px auto 0;}
.big-til .line span{position: absolute;width: 70px;height: 4px;background-color: #4497df;left: 50%;margin-left: -35px;top: 50%;margin-top: -2px;}
.big-til .s-til{color: #666;font-size: 14px;margin-top: 15px;}
.what-info{color: #666;font-size: 16px;line-height: 2;}
.what-info span{color: #fff;font-weight: bold;}
.what-info{position: relative;padding-top: 20px;}
.triangle{position: absolute;width: 38px;height: 23px;top: 0;background: url(../images/triangle.png) no-repeat;left: 50%;margin-left: -19px;}
.what-info .desc{position: relative;color: white;background-color: #4497df;border-radius: 10px;padding: 25px 180px 30px;text-align: center;font-size: 16px;line-height: 1.8;}
/*什么是企业邮箱 end*/
/*企业邮箱类型 start*/
.mail-class{}
.mail-class ul li{float: left;width: 23%;text-align: center;color: #666;margin-left: 2%;}
.mail-class i{*display: inline;*zoom: 1;display: inline-block;width: 85px;height: 73px;background: url(../images/class-icon.png) no-repeat;}
.mail-class .name{color: #333;font-size: 18px;margin: 20px 0 10px}
.mail-class .info{position: relative;padding-left: 20px;text-align: left;}
.mail-class .circle{position: absolute;left: 0;top: 7px;width: 7px;height: 7px;background: #2371c2;border-radius: 100%;}
.mail-class .icon2{background-position: -85px 0;}
.mail-class .icon3{background-position: -170px 0;}
.mail-class .icon4{background-position: -255px 0;}
.btn-zx{text-align: center;padding: 40px 0 70px;}
.btn-zx a{*display: inline;*zoom: 1;display: inline-block;width: 190px;height: 44px;border-radius: 44px;line-height: 44px;border: 1px solid #4497df;font-size: 16px;color: #4497df;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.btn-zx a:hover{background-color: #4497df;color: white}

/*企业邮箱类型 end*/
/*banner gg start*/
.banner-gg{position: relative;height: 334px;min-width: 1200px;overflow: hidden}
.gg-bg{height: 334px;width: 1920px; overflow: hidden; position: absolute; top: 0; left: 50%; margin-left: -960px;}
.banner-gg .w1200{position: relative;z-index: 1;height: 334px;text-align: center;}
.banner-gg a{*display: inline;*zoom: 1;display: inline-block;margin-top: 220px;width: 190px;height: 44px;border-radius: 44px;line-height: 44px;border: 1px solid ;font-size: 16px;color: white;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.banner-gg a:hover{background-color: white;color: #4497df}
/*banner gg end */
/*价格 start*/
.compare_container{margin-bottom: 70px;}
.pack-con{text-align: center;width: 298px;height: 506px;position: relative;border: 1px solid #d2d2d2;border-radius: 6px;margin-left: 52px;overflow: hidden}
.pack-con:first-child{margin-left: 105px;}
.pack-con .top-bg{width: 100%;background-color: #adadad;height: 18px;}
.pack-con .til{color: #333;font-size: 24px;margin-top: 20px;line-height: 1;}
.pack-con .sub-til{color: #666;margin-top: 10px;line-height: 1;font-size: 14px;}
.btn-kt{*display: inline;*zoom: 1;display: inline-block;width: 135px;height: 42px;line-height: 42px;border-radius: 6px;color: white;background-color: #adadad;margin-top: 16px;margin-bottom: 15px;}
.pack-con .bottom-txt{margin-top: 20px;line-height: 1;color: #555;text-align: left}
.pack-con .txt{position: relative;margin-left: 80px;margin-bottom: 23px;}
.pack-con .txt i{position: absolute;width: 13px;height: 11px;background: url(../images/choose-icon.png) no-repeat;left: 0;top: 50%;margin-top: -5px;}
.pack-con .txt span{padding-left: 25px;}
.pack-con .bottom-txt .gray{color: #999;}
.pack-con .price{position: relative;color: #333;font-size: 0;font-weight: bold;line-height: 1;margin-top: 10px;}
.pack-con .price font,.pack-con .price span{*display: inline;*zoom: 1;display: inline-block;font-size: 30px;}
.pack-con .price span{color: #333;font-size: 12px;margin-left: 5px;}
.pack-con .btn-group{margin-top: 8px;}
.pack-con .btn-group a{*display: inline;*zoom: 1;display: inline-block;margin: 0 4px;width: 112px;height: 40px;line-height: 40px;border-radius: 6px;font-size: 14px;border: 1px solid #adadad;}
.btn-buy{background-color: #adadad;color: white}
.btn-use{color: #adadad;}
.pack-con.active{border-color: #2371c2}
.pack-con.active .top-bg{background-color: #2371c2}
.pack-con.active .price{color: #2371c2;}
.pack-con.active .btn-group a{border-color: #2371c2}
.pack-con.active .btn-buy{background-color: #2371c2}
.pack-con.active .btn-use{color: #2371c2;}
.pack-con.active .btn-kt{background-color: #2371c2;}
.pack-con.active .txt i{background-position: -13px 0;}
/*价格 end*/
/*产品优势 start*/
.big-gray{min-width: 1200px;width: 100%;background-color: #f8f9fb;overflow: hidden;}
.comp_advan ul li{width: 50%;text-align: center;color: #666;margin-bottom: 55px;float: left;}
.comp_advan i{color: #4497df;font-size: 100px;font-style: normal;line-height: 1;margin-bottom: 15px;}
.comp_advan .til{color: #333;font-size: 18px;margin-bottom: 10px;}
.comp_advan .info{text-align: left;width: 355px;margin-left: 140px;}
.comp_advan .info p{position: relative;margin-bottom: 5px;padding-left: 20px;}
.comp_advan .circle{position: absolute;left: 0;top: 7px;width: 7px;height: 7px;background: #2371c2;border-radius: 100%;}
/*产品优势 end*/
/*为什么选择 start*/
.why-choose{margin-top: 45px;}
.why-choose-box{margin: 0 70px 80px;}
.left-reason{width: 691px;}
.left-reason ul{font-size: 0;border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;}
.left-reason ul li{*display: inline;*zoom: 1;display: inline-block;text-align: center;width: 229px;height: 229px;border-left: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;position: relative;overflow: hidden;}
.left-reason .show-box{position: relative;z-index: 1;}
.left-reason i{*display: inline;*zoom: 1;display: inline-block;width: 70px;height: 65px;background: url(../images/why-choose.png) no-repeat;margin-top: 65px;-webkit-transition: margin-top .3s;-moz-transition: margin-top .3s;transition: margin-top .3s;}
.left-reason .til{color: #2a8ae2;font-size:16px;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;margin-top: 5px;font-weight: bold;}
.left-reason .txt{color: white;font-size: 12px;text-align: left;margin: 10px 35px 0;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.left-reason .hide-box{position: absolute;width: 100%;height: 100%;background-color: #2a8ae2;top: -100%;left: -100%;}
.left-reason li.active i{margin-top: 30px;background-position: 0 -65px;}
.left-reason li.active .til{color: white;}
.left-reason .icon2{background-position: -70px 0;}
.left-reason .icon3{background-position: -140px 0;}
.left-reason .icon4{background-position: -210px 0;}
.left-reason .icon5{background-position: -280px 0;}
.left-reason .icon6{background-position: -350px 0;}
.left-reason li.active .icon2{background-position: -70px -65px;}
.left-reason li.active .icon3{background-position: -140px -65px;}
.left-reason li.active .icon4{background-position: -210px -65px;}
.left-reason li.active .icon5{background-position: -280px -65px;}
.left-reason li.active .icon6{background-position: -350px -65px;}
/*为什么选择 end*/
/*功能展示 start*/
.function-show{margin-top: 65px;}
.function-con{margin-bottom: 40px;border: 1px solid #e2e2e2;border-radius: 6px;position: relative;overflow: hidden;}
.function-con .left-til{position: relative;width: 248px;height: 276px;background-color: #4497df;text-align: center;}
.glgn .left-til{height: 368px;}
.function-con .left-til .show-box{color: white;*display: inline;*zoom: 1;display: inline-block;vertical-align: middle;font-size: 20px;font-weight: bold;}
.function-con .left-til .show-box i{*display: inline;*zoom: 1;display: inline-block;width: 85px;height: 75px;background: url("../images/function-left.png") no-repeat;}
.function-con .left-til .show-box .icon2{background-position: -85px 0;}
.function-con .right-list {width: 950px;}
.function-con .right-list ul{overflow: hidden;}
.function-con .right-list ul li{float: left;width: 20%;height: 92px;text-align: center;color: #666;font-size: 14px;line-height: 1;}
.function-con .right-list ul li i{*display: inline;*zoom: 1;display: inline-block;width: 50px;height: 50px;background: url("../images/function-icons.png") no-repeat;margin-top: 8px;}
.function-con .right-list ul li .icon2{background-position: -50px 0;}
.function-con .right-list ul li .icon3{background-position: -100px 0;}
.function-con .right-list ul li .icon4{background-position: -150px 0;}
.function-con .right-list ul li .icon5{background-position: -200px 0;}
.function-con .right-list ul li .icon6{background-position: 0 -50px;}
.function-con .right-list ul li .icon7{background-position: -50px -50px;}
.function-con .right-list ul li .icon8{background-position: -100px -50px;}
.function-con .right-list ul li .icon9{background-position: -150px -50px;}
.function-con .right-list ul li .icon10{background-position: -200px -50px;}
.function-con .right-list ul li .icon11{background-position: 0 -100px;}
.function-con .right-list ul li .icon12{background-position: -50px -100px;}
.function-con .right-list ul li .icon13{background-position: -100px -100px;}
.function-con .right-list ul li .icon14{background-position: -150px -100px;}
.function-con .right-list ul li .icon15{background-position: -200px -100px;}
.function-con .right-list ul li .icon16{background-position: 0 -150px;}
.function-con .right-list ul li .icon17{background-position: -50px -150px;}
.function-con .right-list ul li .icon18{background-position: -100px -150px;}
.function-con .right-list ul li .icon19{background-position: -150px -150px;}
.function-con .right-list ul li .icon20{background-position: -200px -150px;}
.function-con .right-list ul li .icon21{background-position: 0 -200px;}
.function-con .right-list ul li .icon22{background-position: -50px -200px;}
.function-con .right-list ul li .icon23{background-position: -100px -200px;}
.function-con .right-list ul li .icon24{background-position: -150px -200px;}
.function-con .right-list ul li .icon25{background-position: -200px -200px;}
.function-con .right-list ul li .icon26{background-position: 0 -250px;}
.function-con .right-list ul li .icon27{background-position: -50px -250px;}
.function-con .right-list ul li .icon28{background-position: -100px -250px;}
.function-con .right-list ul li .icon29{background-position: -150px -250px;}
.function-con .right-list ul li .icon30{background-position: -200px -250px;}
.function-con .right-list ul li .icon31{background-position: 0 -300px;}
.function-con .right-list ul li .icon32{background-position: -50px -300px;}
.function-con .right-list ul li .icon33{background-position: -100px -300px;}
.mid{*display: inline;*zoom: 1;display: inline-block;height: 100%;width: 0;vertical-align: middle;}
/*功能展示 end*/
/*整合方案 start*/
.programme{text-align: center;}
.programme img{margin-bottom: 65px;}
/*整合方案 end*/
/*用户 start*/
.custom-box{padding-bottom: 100px;}
/*.custom-box ul li{float: left;width: 25%;height: 100px;}*/
/*.custom-box ul li i{display: block;width: 100%;height: 100%;background: url("../images/tx-mail/custom-img.jpg") no-repeat;}*/
/*.custom-box .icon2{background-position: -300px 0;}*/
/*.custom-box .icon3{background-position: -600px 0;}*/
/*.custom-box .icon4{background-position: -900px 0;}*/
/*.custom-box .icon5{background-position: 0 -100px;}*/
/*.custom-box .icon6{background-position: -300px  -100px;}*/
/*.custom-box .icon7{background-position: -600px  -100px;}*/
/*.custom-box .icon8{background-position: -900px  -100px;}*/
.more_brands .brands_table table {
    border-collapse: collapse;
    width: 100%;
}
.more_brands .brands_table table td {
    border: 1px solid #E0E0E0;
    width: 25%;
    height: 112px;
    text-align:center;
}
.brand_logo {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    background-repeat: no-repeat;
    background-image: url(../images/brand_logos-se898a810f3.png);
    background-size: 150px 2809px
}
.brand_logo_1 {
    background-position: 0 0;
    height: 70px;
    width: 150px
}

.brand_logo_10 {
    background-position: 0 -80px;
    height: 70px;
    width: 150px
}

.brand_logo_11 {
    background-position: 0 -160px;
    height: 70px;
    width: 150px
}

.brand_logo_12 {
    background-position: 0 -240px;
    height: 70px;
    width: 150px
}

.brand_logo_13 {
    background-position: 0 -320px;
    height: 70px;
    width: 150px
}

.brand_logo_14 {
    background-position: 0 -400px;
    height: 70px;
    width: 150px
}

.brand_logo_15 {
    background-position: 0 -480px;
    height: 70px;
    width: 150px
}

.brand_logo_16 {
    background-position: 0 -560px;
    height: 70px;
    width: 150px
}

.brand_logo_17 {
    background-position: 0 -640px;
    height: 80px;
    width: 80px
}

.brand_logo_18 {
    background-position: 0 -730px;
    height: 70px;
    width: 150px
}

.brand_logo_19 {
    background-position: 0 -810px;
    height: 70px;
    width: 150px
}

.brand_logo_2 {
    background-position: 0 -890px;
    height: 70px;
    width: 150px
}

.brand_logo_20 {
    background-position: 0 -970px;
    height: 70px;
    width: 150px
}

.brand_logo_21 {
    background-position: 0 -1050px;
    height: 70px;
    width: 150px
}

.brand_logo_22 {
    background-position: 0 -1130px;
    height: 70px;
    width: 150px
}

.brand_logo_23 {
    background-position: 0 -1210px;
    height: 80px;
    width: 80px
}

.brand_logo_24 {
    background-position: 0 -1300px;
    height: 70px;
    width: 150px
}

.brand_logo_25 {
    background-position: 0 -1380px;
    height: 38px;
    width: 127px
}

.brand_logo_26 {
    background-position: 0 -1428px;
    height: 41px;
    width: 135px
}

.brand_logo_27 {
    background-position: 0 -1479px;
    height: 39px;
    width: 148px
}

.brand_logo_28 {
    background-position: 0 -1528px;
    height: 40px;
    width: 149px
}

.brand_logo_29 {
    background-position: 0 -1578px;
    height: 72px;
    width: 106px
}

.brand_logo_3 {
    background-position: 0 -1660px;
    height: 70px;
    width: 150px
}

.brand_logo_30 {
    background-position: 0 -1740px;
    height: 69px;
    width: 103px
}

.brand_logo_31 {
    background-position: 0 -1819px;
    height: 39px;
    width: 116px
}

.brand_logo_32 {
    background-position: 0 -1868px;
    height: 41px;
    width: 130px
}

.brand_logo_33 {
    background-position: 0 -1919px;
    height: 80px;
    width: 80px
}

.brand_logo_34 {
    background-position: 0 -2009px;
    height: 70px;
    width: 150px
}

.brand_logo_35 {
    background-position: 0 -2089px;
    height: 70px;
    width: 150px
}

.brand_logo_36 {
    background-position: 0 -2169px;
    height: 80px;
    width: 80px
}

.brand_logo_37 {
    background-position: 0 -2259px;
    height: 70px;
    width: 150px
}

.brand_logo_4 {
    background-position: 0 -2339px;
    height: 70px;
    width: 150px
}

.brand_logo_5 {
    background-position: 0 -2419px;
    height: 70px;
    width: 150px
}

.brand_logo_6 {
    background-position: 0 -2499px;
    height: 70px;
    width: 150px
}

.brand_logo_7 {
    background-position: 0 -2579px;
    height: 70px;
    width: 150px
}

.brand_logo_8 {
    background-position: 0 -2659px;
    height: 70px;
    width: 150px
}

.brand_logo_9 {
    background-position: 0 -2739px;
    height: 70px;
    width: 150px
}
/*用户 end*/
.choose-bank a:hover{color: white}
.footerbg {
    height: 300px;
    background-image: url(../images/footerbg.jpg) ;
    background-size: 100% 100%;
}

.footergm h2 {
    padding-top: 90px;
    margin-bottom: 40px;
    text-align: center;
}
.footergm a{
    display: block;
    width:144px;
    height:40px;
    box-sizing: border-box;
    border:1px solid #4497DF;
    border-radius: 4px;
    text-align: center;
    line-height: 36px;
    color:#2a8ae2;
    font-size: 14px;
    margin: auto;
}

#sub_btn {
    display: inline-block;
    border-radius: 45px;
    color: white;
    background-color: #4497df;
    padding: 11px 30px;
}
*{box-sizing: border-box}