/**
 * Common
 */
body { font-family: "Microsoft YaHei",Helvetica,Arial,sans-serif; }
a,
a:hover,
a:active,
a:link,
a:focus { color:inherit; text-decoration:none; outline:none; }

.pt50 { padding-top:50px; }
.pb50 { padding-bottom:50px; }

.col-nopad .col-xs-1,
.col-nopad .col-sm-1,
.col-nopad .col-md-1,
.col-nopad .col-lg-1,
.col-nopad .col-xs-2,
.col-nopad .col-sm-2,
.col-nopad .col-md-2,
.col-nopad .col-lg-2,
.col-nopad .col-xs-3,
.col-nopad .col-sm-3,
.col-nopad .col-md-3,
.col-nopad .col-lg-3,
.col-nopad .col-xs-4,
.col-nopad .col-sm-4,
.col-nopad .col-md-4,
.col-nopad .col-lg-4,
.col-nopad .col-xs-5,
.col-nopad .col-sm-5,
.col-nopad .col-md-5,
.col-nopad .col-lg-5,
.col-nopad .col-xs-6,
.col-nopad .col-sm-6,
.col-nopad .col-md-6,
.col-nopad .col-lg-6,
.col-nopad .col-xs-7,
.col-nopad .col-sm-7,
.col-nopad .col-md-7,
.col-nopad .col-lg-7,
.col-nopad .col-xs-8,
.col-nopad .col-sm-8,
.col-nopad .col-md-8,
.col-nopad .col-lg-8,
.col-nopad .col-xs-9,
.col-nopad .col-sm-9,
.col-nopad .col-md-9,
.col-nopad .col-lg-9,
.col-nopad .col-xs-10,
.col-nopad .col-sm-10,
.col-nopad .col-md-10,
.col-nopad .col-lg-10,
.col-nopad .col-xs-11,
.col-nopad .col-sm-11,
.col-nopad .col-md-11,
.col-nopad .col-lg-11,
.col-nopad .col-xs-12,
.col-nopad .col-sm-12,
.col-nopad .col-md-12,
.col-nopad .col-lg-12 { padding-left:0; padding-right:0; }

/* button */
.m-btn { position:relative; display:inline-block; padding:12px 30px; border:1px solid #fff; font-size:14px; color:#fff; vertical-align:middle; border-radius:4em; cursor:pointer; white-space:nowrap; }
.m-btn:hover { opacity:.8; }

.m-btn-i { position:absolute; right:10px; top:50%; margin-top:-10px; font-size:20px; vertical-align:middle; }
.m-btn-angle { border-radius:2px; }

.m-btn-sm { padding:8px 26px; }

.m-btn-default { border-color:#e6e6e6; color:#333; }
.m-btn-default.m-btn-fill,
.m-btn-default:hover { background-color:#e6e6e6; }

.m-btn-primary { border-color:#5f7fc5; color:#333; }
.m-btn-primary.m-btn-fill,
.m-btn-primary:hover { background-color:#5f7fc5; color:#fff; }

.m-btn-success { border-color:#8cc63e; color:#333; }
.m-btn-success.m-btn-fill,
.m-btn-success:hover { background-color:#8cc63e; color:#fff; }
/* button end */

.m-title { max-width:780px; margin:0 auto; padding:30px 0; color:#000; text-align:center; }
.m-title-h { margin-top:0; margin-bottom:6px; font-size:38px; }
.m-title-sub { font-size:12px; }
.m-title-p { margin-top:10px; font-size:14px; line-height:1.6; color:#949692; }
.m-title-white { color:#fff; }
.m-title-white .m-title-p { color:inherit; }

/* bg */
.bg-1 { background:url(../images/bg_01.jpg) no-repeat center top; background-size:cover; }
.bg-2 { background:url(../images/bg_02.png) no-repeat center top; background-size:cover; }
.bg-3 { background:url(../images/bg_03.jpg) no-repeat center top; background-size:cover; }
.bg-4 { background:url(../images/bg_04.jpg) no-repeat center top; background-size:cover; }
.bg-5 { background:url(../images/bg_05.jpg) no-repeat center top; background-size:cover; }
.bg-6 { background:url(../images/bg_06.jpg) no-repeat center top; background-size:cover; }
/* bg end */

/* icon */
.i { display:inline-block; background-repeat:no-repeat; vertical-align:middle; }

.i-head,
.i-heads,
.i-book { width:70px; height:70px; background-position:center center; }
.i-head { background-image:url(../images/icon_head.png); }
.i-heads { background-image:url(../images/icon_heads.png); }
.i-book { background-image:url(../images/icon_book.png); }

.i-head-sm,
.i-badge,
.i-star,
.i-analysis { width:64px; height:64px; background-position:center center; }
.i-head-sm { background-image:url(../images/icon_head_sm.png); }
.i-badge { background-image:url(../images/icon_badge.png); }
.i-star { background-image:url(../images/icon_star.png); }
.i-analysis { background-image:url(../images/icon_analysis.png); }

.i-crown,
.i-cap,
.i-phone,
.i-rock,
.i-dock,
.i-persons,
.i-set,
.i-conf,
.i-share,
.i-scan { width:72px; height:72px; background-position:center center; }
.i-crown { background-image:url(../images/icon_crown.png); }
.i-cap { background-image:url(../images/icon_cap.png); }
.i-phone { background-image:url(../images/icon_phone.png); }
.i-rock { background-image:url(../images/icon_rock.png); }
.i-dock { background-image:url(../images/icon_dock.png); }
.i-persons { background-image:url(../images/icon_persons.png); }
.i-set { background-image:url(../images/icon_set.png); }
.i-conf { background-image:url(../images/icon_conf.png); }
.i-share { background-image:url(../images/icon_share.png); }
.i-scan { background-image:url(../images/icon_scan.png); }

.i-home,
.i-persons2,
.i-pent,
.i-tea,
.i-shop,
.i-money,
.i-training,
.i-tourism { width:58px; height:58px; background-position:center center; }
.i-home { background-image:url(../images/icon_home.png); }
.i-persons2 { background-image:url(../images/icon_persons2.png); }
.i-pent { background-image:url(../images/icon_pent.png); }
.i-tea { background-image:url(../images/icon_tea.png); }
.i-shop { background-image:url(../images/icon_shop.png); }
.i-money{background-image:url(../images/icon_money.png); }
.i-training{background-image:url(../images/icon_training.png); }
.i-tourism{background-image:url(../images/icon_tourism.png); }

.i-user,
.i-userlist,
.i-app2,
.i-persons3 { width:54px; height:54px; background-position:center center; }
.i-user { background-image:url(../images/icon_user.png); }
.i-userlist { background-image:url(../images/icon_userlist.png); }
.i-app2 { background-image:url(../images/icon_app2.png); }
.i-persons3 { background-image:url(../images/icon_persons3.png); }

.i-checked,
.i-checked-yellow { width:16px; height:14px; }
.i-checked { background-image:url(../images/icon_checked.png); }
.i-checked-yellow { background-image:url(../images/icon_checked_yellow.png); }

.i-app,
.i-liteapp { width:32px; height:32px; }
.i-app { background-image:url(../images/icon_app.png); }
.i-liteapp { background-image:url(../images/icon_liteapp.png); }

.i-arrow-down { width:13px; height:14px; background-image:url(../images/icon_arrow_down.png); }
.i-angle-left { width:9px; height:14px; background-image:url(../images/icon_angle_left.png); }
.i-pk { width:56px; height:56px; background-image:url(../images/icon_pk.png); }
/* icon end*/

/* flag */
.flag { vertical-align:middle; }
.flag-item,
.flag-body { display:table-cell; vertical-align:inherit; }
.flag-body { width:100%; }
.flag-top { vertical-align:top; }
.flag-bottom { vertical-align:bottom; }
.flag-middle { vertical-align:middle; }
/* flag end */

/* 两边对齐 */
.justify { text-align:justify; /*font-size:0;*/ line-height:0; text-align-last:justify; vertical-align:top; }
.justify:after,
.justify-item,
.justify-place { display:inline-block; vertical-align:inherit; line-height:1.2; text-align:left; text-align-last:auto; }
.justify:after { content:''; width:100%; height:0; overflow:hidden; }
.justify-place { height:0 !important; padding-top:0 !important; padding-bottom:0 !important; margin-top:0 !important; margin-bottom:0 !important; border-top:0 !important; border-bottom:0 !important; outline:0 !important; opacity:0; overflow:hidden; }
.justify-top { vertical-align:top; }
.justify-middle { vertical-align:middle; }
.justify-bottom { vertical-align:bottom; }
/* 两边对齐 end */

/* 图片容器比例自适应 */
.resimg { position:relative; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.resimg:after { content:''; display:block; width:100%; height:0; podding-top:0; }
.resimg-img { position:absolute; left:0; top:0; width:100%; }
/* 计算公式 y/x*100 */
.resimg[data-ratio="16:9"]:after { padding-top:56.25%; }
.resimg[data-ratio="9:16"]:after { padding-top:177.77%; }
.resimg[data-ratio="3:4"]:after { padding-top:133.33%; }
.resimg[data-ratio="4:3"]:after { padding-top:75%; }
.resimg[data-ratio="1:1"]:after { padding-top:100%; }

/* 图片容器比例自适应 end */

/* 单行省略 */
.ellipsis { overflow:hidden; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; }
/* 单行省略 end */

.limit-w { max-width:100%; }
.link { color:#5f7fc5; }
.part { padding-top:50px; padding-bottom:50px; }
.part .prod{padding-left:0; padding-right:0;}
/**
 * Common end
 */

/* banner */
.banner { height:400px; line-height:400px; }
.banner-item { position:relative; height:100%; }
.banner-img { position:absolute; z-index:-1; width:100%; height:100%; }
.banner-text { display:inline-block; color:#fff; line-height:1.2; vertical-align:middle; }
.banner-h { font-size:36px; font-weight:bold; }
.banner-p { margin:16px 0; font-size:18px; }
.banner-btn { margin-top:10px; }
/* banner end */

/* list */
.m-list { margin:0 30px 50px; padding:0; border-left:1px solid #cfcfcf; list-style:none; }
.m-list-item { position:relative; padding-left:30px; margin-bottom:20px; }
.m-list-h { height:36px; line-height:36px; margin:0; font-size:16px; color:#565951; font-weight:bold; }
.m-list-p { display:none; font-size:14px; color:#949692; line-height:1.6; }
.m-list-i { position:absolute; left:-18px; top:0; width:36px; height:36px; line-height:34px; background-color:#fff; border:1px solid #cfcfcf; font-size:16px; color:#949692; text-align:center; font-style:normal; border-radius:50%; }
.m-list-item.active .m-list-p { display:block; }
.m-list-item.active .m-list-i { left:-22px; top:-4px; width:44px; height:44px; line-height:36px; background-color:#5f7fc5; border:4px solid #ccd6ec; color:#fff; }
/* list end */

/* 方案核心 */
.graphic { margin:50px 30px; }
.graphic-p { margin:20px 10px 0 10px; font-size:14px; color:#fff; line-height:1.6; text-align:center; }

.circle-item { width:200px; height:200px; padding-top:26px; margin:0 auto; background:url(../images/circle.png) no-repeat; background-size:100%; text-align:center; font-size:22px; color:#fff; font-weight:bold; }
.circle-item p { margin-bottom:0; }
.circle-item .i+p { margin-top:10px; }
/* 方案核心 end */

/* 核心功能 */
.tab { display:inline-block; width:200px; margin:0; padding:0; border-right:2px solid #5a5a5a; list-style:none; }
.tab-item { position:relative; display:inline-block; margin-right:40px; }
.tab-item+.tab-item { margin-top:20px; }
.tab-item-a { display:inline-block; padding:20px 40px; border:1px solid transparent; background-color:rgba(255,255,255,.06); font-size:14px; color:#fff; font-weight:bold; text-align:center; }
.tab-item-p { margin:10px 0 0 0; color:#fff; }
.tab-item-i { display:none; position:absolute; left:191px; top:0; bottom:0; width:9px; border-right:2px solid #5f7fc5; }
.tab-item-i .i { position:absolute; top:50%; right:-2px; margin-top:-4px; }

.tab-item.active .tab-item-a { border-color:#5a5a5a; }
.tab-item.active .tab-item-i { display:block; }

.ttable-wrap { padding-left:50px; }
.ttable { width:100%; display:none; table-layout:fixed; overflow:hidden; }
.ttable.active { display:table; visibility:visible; height:auto; }

.ttable-td { padding:0 10px 30px; vertical-align:top; }

.ttable-t { font-size:16px; color:#fff; margin-bottom:10px;}
.ttable-p { font-size:14px; color:#959595; }
/* 核心功能 end */

/* 我们的优势 */
.card { position:relative; overflow:hidden; }
.card-img { width:100%; min-height:100%; }
.card-mask { position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 20px 0; color:#fff; text-align:center; -webkit-transform:translateY(36px); -ms-transform:translateY(36px); transform:translateY(36px); -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; }
.card-h { margin:20px 0; font-size:22px; font-weight:bold; }
.card-p { margin-bottom:20px; }
.card-p,
.card-btn { opacity:0; visibility:hidden; -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; }
.card:hover .card-mask { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); background-color:rgba(95, 127, 197, .6); }
.card:hover .card-mask-green { background-color:rgba(140, 198, 62, .6); }
.card:hover .card-p,
.card:hover .card-btn { opacity:1; visibility:visible; }

.card-sm { height:242px; }
.card-sm .card-mask { padding-top:30px; }
/* 我们的优势 end */

/* 品牌实力 */
.tad { margin-bottom:30px; text-align:center; }
.tad-h { font-size:50px; }
.tad-p { margin:0 0 0 6px; font-size:18px; text-align:left; }
.tad-p+.tad-p { font-size:22px; }
/* 品牌实力 end */

/* 优惠套餐 */
.prod { margin-right:-1px; margin-bottom:-1px; border:1px solid #dbdbdb; background-color:#fff; text-align:center; -webkit-transition:border-color .4s, -webkit-transform .4s; transition:border-color .4s, -webkit-transform .4s; -o-transition:border-color .4s, transform .4s; transition:border-color .4s, transform .4s; transition:border-color .4s, transform .4s, -webkit-transform .4s; }
.prod-h { min-height:150px; margin:0; padding:20px 10px; background-color:#f6f6f6; color:#000; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; overflow:hidden; }
.prod-b { padding:20px; }
.prod-t { font-size:18px; line-height:30px; color:inherit; font-weight:bold; }
.prod-p,
.prod-p-through { font-size:14px; color:#898989; line-height:1.6; }

.prod-li { min-height:160px; }
.prod-p { margin:24px 0; }
.prod-p-through { text-decoration:line-through; }
.prod-nowrap { white-space:nowrap; }
.prod-p-lg { font-size:1.4em; }
.prod-p-xl { font-size:1.8em; }
.prod-p-hl { color:#f03827; }
.prod-p .i { margin:0 6px; }
.prod-ani-bg,
.prod-ani-c { -webkit-transition:background-color .4s, color .4s, border-color .4s; -o-transition:background-color .4s, color .4s, border-color .4s; transition:background-color .4s, color .4s, border-color .4s; }

.prod:hover { z-index:1; border-color:#5f7fc5; -webkit-transform:scale(1.06); -ms-transform:scale(1.06); transform:scale(1.06); }
.prod:hover .prod-ani-bg { background-color:#5f7fc5; color:#fff; }
.prod:hover .prod-ani-c { color:#fff; }

.prod.prod-primary:hover { border-color:#8cc63e; }
.prod.prod-primary:hover .prod-ani-bg { background-color:#8cc63e; }
/* 优惠套餐 end */

/* tab2 */
.tab2 { margin-bottom:0; list-style:none; }
.tab2-item { position:relative; padding-bottom:40px; text-align:center; }
.tab2-item:after { content:''; display:none; position:absolute; bottom:0; left:0; right:0; width:0; margin:0 auto; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #f5f5f6; }

.tab2-a { display:inline-block; padding:20px; -webkit-transition:all .4s; -o-transition:all .4s; transition:all .4s; }
.tab2-a:hover { -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); box-shadow:0 0 10px rgba(0,0,0,.2); }
.tab2-p { margin-top:20px; font-size:18px; color:#000; font-weight:bold; }

.tab2-item.active:after { display:block; }
/* tab2 end */

.media-wrap { display:none; }
.media-wrap.active { display:block; }
.media { margin:0 20px; padding:20px; -webkit-transition:all .6s; -o-transition:all .6s; transition:all .6s; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; cursor:default; }
.media-item { padding:0 10px; }
.media:hover { background-color:#fff; -webkit-box-shadow:0 0 30px rgba(0,0,0,.2); box-shadow:0 0 30px rgba(0,0,0,.2); }
.media-h { font-size:16px; font-weight:bold; }
.media-p { font-size:14px; color:#7f7f7f; }

/* PK table */
.table2 { width:800px; table-layout:fixed; }
.table2 tr:nth-child(odd) { background-color:#f9f7fa; }
.table2-t { position:relative; padding:10px 0; background-color:#8cc63e; font-size:18px; color:#fff; font-weight:bold; text-align:center; }
.table2-t:after { content:''; position:absolute; top:100%; left:0; border-right:133px solid transparent; border-left:133px solid transparent; border-top:10px solid #8cc63e; }
.table2 tbody tr+tr { border-top:1px solid #e6e6e6; }
.table2 tbody td,
.table2 tbody th { padding:20px 30px; text-align:center; vertical-align:middle; }
.table2 tbody th { font-size:16px; font-weight:bold; }
.table2 tbody td { border-left:1px solid #e6e6e6; }
.table2-wrap { width:802px; max-width:96%; margin:0 auto; border:1px solid #e6e6e6; overflow:auto; }
/* PK table end */

/* clover */
.clover { margin:2px 10px; padding:20px; background-color:#fff; }
.clover-1,
.clover-4 { border-radius:0 2em 0 2em; }
.clover-2,
.clover-3 { border-radius:2em 0 2em 0; }

.clover-i { width:50px; margin:0; font-size:30px; color:#a3a3a3; text-align:center; }
.clover-t { font-size:20px; color:#000; font-weight:bold; }
.clover-p { font-size:16px; color:#000; }
.clover-a { position:absolute; width:114px; height:114px; line-height:114px; background-color:#8cc63e; border:2px solid #e8e5e5; text-align:center; }

.clover-1 .clover-a { bottom:0; right:0; border-radius:100% 0 0 0; }
.clover-2 .clover-a { bottom:0; left:0; border-radius:0 100% 0 0; }
.clover-3 .clover-a { top:0; right:0; border-radius:0 0 0 100%; }
.clover-4 .clover-a { top:0; left:0; border-radius:0 0 100% 0; }

.clover-2,
.clover-4 { text-align:right; }

.clover-1 .clover-i,
.clover-3 .clover-i { margin-right:10px; border-right:1px solid #e5e5e5; }
.clover-2 .clover-i,
.clover-4 .clover-i { margin-left:10px; border-left:1px solid #e5e5e5; }
/* clover end */

/* banner2 */
.banner2 { font-size:0; text-align:center; white-space:nowrap; }
.banner2-wrap,
.banner2-btn-l,
.banner2-btn-r { display:inline-block; font-size:14px; vertical-align:middle; }
.banner2-wrap { width:90%; overflow:hidden; }

.banner2-items { white-space:nowrap; }
.banner2-item { display:inline-block; width:100%; padding:20px; white-space:normal; vertical-align:top; }

.banner2-box { padding:40px 20px; background-color:#fff; border-radius:4px; overflow:hidden; }
.banner2-img-box {  }
.banner2 img.banner2-img { margin:0 20px; width:180px; }
.banner2-t { font-size:18px; color:#000; font-weight:bold; }
.banner2-p { height:156px; font-size:14px; color:#727272; line-height:1.6; overflow:hidden; }
.banner2-qr { margin-top:20px; text-align:center; }
.banner2 .banner2-qr img { display:inline-block; margin:10px; width:94px; }

.banner2-btn-l,
.banner2-btn-r { width:5%; font-size:30px; color:#fff; cursor:pointer; text-align:center; }
/* banner2 end */

.ad { text-align:center; }
.ad-btn { display:inline-block; padding:40px; }

/* foot */
.foot { padding:40px; text-align:center; color:#fff; }
.foot-h { font-size:30px; font-weight:bold; margin-bottom:10px;}
.foot-p { margin-bottom:50px; font-size:18px; }
/* foot end */


/**
 * 响应式
 */
/* xl */
@media (min-width: 1200px) {

}
/* xl end */

/* md */
@media (max-width: 1199px) {
    .hide-md { display:none; }
    .graphic { margin-left:10px; margin-right:10px; }

    .banner2 img.banner2-img { width:140px; }
}
/* md end */

/* sm */
@media (max-width: 991px) {
    .hide-sm { display:none; }

    .tab { width:100%; padding-bottom:30px; margin-bottom:30px; border-right:0; border-bottom:2px solid #5a5a5a; text-align:center; }
    .tab-item { margin:0; }
    .tab-item-i,
    .tab-item.active .tab-item-i { display:none; }

    .ttable-wrap { padding-left:0; }
}
/* sm end */

/* xs */
@media (max-width: 767px) {
    .tab-item+.tab-item { margin:0; }
    .tab-item-a{padding:5px 12px;}
    .tab2-item.active .tab2-a { -webkit-box-shadow:0 0 10px rgba(0,0,0,.2); box-shadow:0 0 10px rgba(0,0,0,.2); }
    .tab2-item.active:after { display:none; }
}
/* xs end */

@media (max-width: 470px) {
    .part{padding-top:30px; padding-bottom:30px;}
    .m-title{padding:15px 0;}
    .m-title-h{font-size:24px;}
    .banner2-img-box { display:block; width:100%; text-align:center; }
    .banner2-img-box img.banner2-img { display:inline-block; }
    .banner{height:220px; line-height:220px;}
    .banner-h{font-size:20px;}
    .table2 tbody td, .table2 tbody th{padding:10px 10px;}
    .foot-h{font-size:22px; line-height:1.6;}
}

/**
 * 响应式 end
 */