@charset "utf-8";
.section{ background: url(../images/bg-1.jpg) repeat-x 0 0; padding-bottom: 20px;}
.section-title{ padding-top: 52px;}
/*.section-describe{ background: #F1F8FE; padding-bottom: 20px;}*/

/*.section-partner{ background: none}*/
.section-fw .section-title{ display: block;}

.banner-01{ color: #fff;}
.banner-01 .title{ font-size: 45px; margin-top: 52px; line-height: 1em;}
.banner-01 .sub-title{ font-size: 24px; margin-top: 18px; margin-bottom: 38px;}
.banner-btn{ display: inline-block; height: 40px; line-height: 40px; padding: 0 24px; font-size: 18px;
    background-color:#ff8633; color: #fff; box-shadow:0 0 8px 1px rgba(0,0,0,0.1); transition: background-color 0.4s;}
.banner-btn:hover{ background-color:#fb7012; color: #fff;}

.banner-btn-skin2{ border:#04F5CB solid 1px; background-color:transparent; color: #04F5CB;}
.banner-btn-skin2:hover{ background-color:transparent; color: #04F5CB;}

.banner-02{color: #fff;}
.banner-02 .title{ font-size: 36px; margin-top: 160px; line-height: 1.4; }
.banner-02 .sub-title{ font-size: 24px; margin-top:40px; margin-bottom: 60px; color: #04F5CB;}

.banner-03{color: #fff;}
.banner-03 .title{ font-size: 46px; margin-top: 120px; line-height: 1.4; }
.banner-03 .sub-title{ font-size: 30px; margin-top:30px; margin-bottom: 160px; }
.banner-03 .banner-btn{ border:#fff solid 1px; background-color:transparent; color: #fff; padding: 0 30px;}
.banner-03 .banner-btn:hover{ background-color:transparent; color: #fff;}

.section-home-nav{ position: fixed; left: 0; right: 0; top: 0; z-index: 1000;
    background-color: #fff; background-color: rgba(255,255,255,0.9); line-height: 44px; border-bottom: #eee solid 1px;}
.section-home-nav li{ float: left;width: 14.2%;/*width: 16.66%;*/ text-align: center;}
.section-home-nav li a{ display: block; font-size: 16px;}
.section-home-nav .cur{ border-bottom:#0070c9 solid 2px; }
.section-home-nav .cur,.section-home-nav .cur a{ color: #0070c9;}

.section-pk .head{font-size:24px; margin-bottom: 28px; text-align: center;  }
.section-pk .head .iconfont{ font-size:46px; vertical-align: middle;}
.section-pk .head-pc,
.section-pk .head-cloud,
.section-pk .head-img{vertical-align: middle; line-height: 50px;}
.section-pk .icon-pc{ margin-right:40px; }
.section-pk .icon-cloud{ margin-left:40px; font-size: 50px;}
.section-pk .head-cloud{ color: #0070c9;}
.section-pk .head-img{ margin: 0 20px;}
.section-pk .head-img img{ vertical-align:middle; margin-top:-4px;}

.pc-con{ text-align: center;}
.pk-pc,.pk-cloud{display: inline-block; *display: inline;*zoom:1;}
.pk-pc{ margin-right: 12px;}
.pk-cloud{ margin-left: 12px;}
.pk-pc li,
.pk-cloud li{
    height:34px; line-height: 34px; margin-bottom:4px; font-size: 14px;
}
.pk-pc li{text-align: right;}
.pk-cloud li{ text-align: left;}
.pk-pc .txt,.pk-cloud .txt{ display: inline-block;}
.pk-pc .txt{ background-color: #e8e8e8; padding-left: 95px; padding-right: 60px; }
.pk-cloud .txt{ background-color: #3091fe;color: #fff;padding-left: 60px; padding-right: 95px;}
.li-1 .txt{ background-color:#3091fe;}
.li-2 .txt{ background-color:#489dfd;}
.li-3 .txt{ background-color:#5da8fd;}
.li-4 .txt{ background-color:#70b2fe;}
.li-5 .txt{ background-color:#63abfe;}

.li-6 .txt{ background-color:#3f97fc;}
.li-7 .txt{ background-color:#63abfe;}
.li-8 .txt{ background-color:#70b2fe;}
.li-9 .txt{ background-color:#5da8fd;}
.li-10 .txt{ background-color:#489dfd;}
.li-11 .txt{ background-color:#3091fe;}

.section-pk{ background: #fff; padding-bottom: 0;}
.pk-inbox-2{ background: #f7f7f7; padding: 46px 0;}
.pk-inbox-1{ margin-bottom:46px;}
.home-title-sub{ font-size: 24px; color: #666; font-weight: 400; margin-bottom: 18px; text-align: center;}
.pk-list{ margin-right: -34px;}
.pk-list li{ text-align: center}
.pk-list .img{ margin-bottom: 12px; text-align: center; position: relative; z-index: 2;}
.pk-list img{width: 55px; height: 55px; }
.pk-list .in{ margin-right: 34px; padding:26px 26px; background: #f7f7f7;}
.cloud-good .in{background: #efefef;}
.cloud-good .in.odd{ background: #dddddd;}
.pk-list .h{ margin-bottom: 20px; font-size: 18px;  transition: color 0.3s;}
.pk-list .des{ color: #888; font-size: 15px; line-height: 1.5; transition: color 0.3s;}
.pk-list .txt{ position: relative;padding-bottom: 9px; }
.pk-list .txt:after,.pk-list .txt:before{
    content: "";
    width: 50%; display:block; height: 2px;line-height: 0; font-size: 0;
    position: absolute; bottom: 0;
}
.pk-list .txt:before{left: 0; background:#767575;}
.pk-list .txt:after{right: 0; background:#40b5df; }
.home-title-sub-2{ color:#0070c9;}
.pc-bad .in{ position: relative;}
.pc-bad .in:before{ content: ""; width: 100%; height: 52px; background: #fff; position: absolute; left: 0; top: 0; z-index: 1; }
.pk-list li:hover,
.pk-list li:hover .des{color: #333;}


.section-news ul{ margin-right: -24px;}
.section-news .inner{ margin-right: 24px;}
.section-news .h,.section-news .h a{ font-size: 18px;}
.section-news .des{ white-space: normal;}
.section-news .ia{ width: 120px; height:80px; margin-right: 18px;}

.tab-001{}
.tab-001 .tab{ width: 25%; height: 184px; float: left;position: relative; cursor:pointer; border-bottom: #2A8DEA solid 1px; border-top: transparent solid 1px}
.tab-001 .h{ font-size: 20px; font-weight: 400; color: #0070c9; /*border-left: #0070c9 solid 6px;*/ padding:0 18px; margin-top: 16px;}
.tab-001 .des{ padding: 10px 18px; color: #0070c9; line-height: 1.75; text-align: justify;}
.tab-001 .before{ text-align: center; position: absolute; left: 0;right: 0; bottom: 0; top: 0; z-index: 10;
    background: #fff; color: #0070c9; }
.tab-001 .before .title{ font-size: 18px;}
.tab-001 .before .iconfont{ font-size: 54px; margin-top: 38px; margin-bottom: 4px;}
.tab-001 .before .line{ width: 1px; display: inline-block;vertical-align: middle;  border-right:#eee solid 1px;
    position: absolute;right:0; bottom: 30px; top: 30px;
}
.tab-001 .tab:first-child .before:after{display: none;}

.tab-001 .after{border-left:#2A8DEA solid 1px;border-right:#2A8DEA solid 1px; height: 100%; overflow: hidden; background-color:#F1F8FE;
    margin: 0 0; position: relative;}
.tab-001 .cur .before{ display: none;}
.tab-001 .cur .after{ display: block;}
.tab-001 .cur{ border-bottom-color: transparent;border-top-color: #2A8DEA;}
.section-describe .tab-con{ padding: 24px; text-align: center; background-color:#f1f8fe;}
.section-describe img{ max-width: 100%;}
.tab-show{ display: none;}

.tab-002 .tab-head,.tab-002 .tab-con{
    height: 408px;
}
.tab-002 .tab-head{ width: 250px; padding: 0 25px; height: 408px;
    background: #fff; border: #eee solid 1px; margin-right: 30px;}
.tab-002 .tab{ padding: 25px 0; font-size: 20px; color: #666;}
.tab-002 .tab-con{background: #fff; border: #eee solid 1px;}

.tab-002 .tab-show{ padding: 25px;}
.tab-002 .tab-show-title{ width: 100%; clear: both; font-size: 16px; border-bottom: #ddd dashed 1px;
    padding-bottom: 12px; margin-bottom: 16px;}
.tab-show-info{ width: 450px; margin-right: 20px;}
.tab-show-info img{ width:100%; height: 200px; margin-bottom: 16px;}
.tab-002 .title{ font-size: 15px; margin-bottom: 8px; font-weight:700; display: block;}
.tab-002 .recomd-item{ margin-bottom: 18px;}
.tab-002 .info{ color: #999; margin-top: 4px;}
.tab-002 .info-2{ line-height: 1.75;}

.tab-002 .tab{ position: relative; cursor: pointer; border-top: #eee solid 1px;}
.tab-002 .tab:first-child{ border-top: none;}
.tab-002 .tab .j{position: absolute; right:-50px; top:50%; margin-top: -12px;
    display: none; line-height: 0; height: 0; font-size: 0;}
.tab-002 .tab .j:after,
.tab-002 .tab .j:before{content: ""; display:block; width:0; height:0; border-style:solid;border-width:12px;
    position: absolute; right: 0; top: 0;}
.tab-002 .tab .j:after{ border-color:transparent transparent transparent #fff; right:1px;}
.tab-002 .tab .j:before{ border-color:transparent transparent transparent #ddd; }
.tab-002 .tab.cur{color: #0070c9; }
.tab-002 .tab.cur .j{ display: block;}

.tab-002 .iconfont{ font-size: 24px; vertical-align: middle; margin-right: 6px;}



.header-tab{text-align: center;padding:50px 0;}
.header-tab .tab,.header-tab .tab a{font-size: 30px;}
.header-tab .tab{ display: inline-block; font-weight: 400;border-bottom: transparent solid 2px; padding: 0 18px 4px 18px;}
.header-tab .cur{ border-bottom-color:#2A8DEA;}

.footer{ margin-top: 30px;}