/******WEB端样式******/
@media (min-width: 1025px) {

    .index_mobile, .suspension-mobile{display: none;}
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0px; padding:0px;}
    table{ border-collapse:collapse; border-spacing:0;}
    fieldset,img{border:0;}
    em,strong,th,i{ font-weight:normal; font-style:normal;}
    ol,ul{ list-style-type:none; list-style-position:outside;}
    caption,th{ text-align:left;}
    h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
    body{font-family:'MicroSoft YaHei'; font-size:14px;}
    div{margin-left:auto;margin-right:auto;}
    a{text-decoration:none;}
    .clearfix:after {
       content: ".";
       display: block;
       height: 0;
       clear: both;
       visibility: hidden;
       font-size: 0;
    }
    .clearfix {display:inline-block;}
    *html .clearfix {height:1%;}
    .clearfix {display: block;}
    .clearfix {zoom: 1;}
    .f_r{float:right;_display:inline;}
    .f_l{float:left;_display:inline;}
    .center{text-align: center !important;}
    .disnone{display: none;}
    .text-left{text-align: left;}
    .text-right{text-align: right;}
    .w1200{width: 1200px;margin:auto;}
    img {
        -ms-interpolation-mode: bicubic;
        -moz-interpolation-mode: bicubic;
        -webkit-interpolation-mode: bicubic;
        transition: all 0.6s ease;
        -webkit-transition: all 0.6s ease;
        -moz-transition: all 0.6s ease;
        -ms-transition: all 0.6s ease;
    }

/**
    


    /*****Update_Log******/

    .com-pad{padding-top: 80px;}
    .com-pad-1{padding-left: 20px;}
    .com-pad-2{padding-left: 50px;}
    .section-index-5{padding-bottom: 80px;}
    .section-index-5 .section-wrapper{position: relative;}
    .section-index-5 .box{width: 1100px;border-left: 5px solid #9cccfc;border-right: 5px solid #9cccfc;padding: 0 50px 10px;}
    .section-index-5 .box .func-lists{list-style-type: none;padding:0;}
    .section-index-5 .box-wrap{border-bottom: 1px solid #9cccfc;padding-bottom: 10px;}
    .section-index-5 .box-wrap.last{border-bottom: none;padding-top: 20px;}
    .section-index-5 .update{font-size: 48px;text-align: left;position: absolute;left: 0;top: 50px;}
    .section-index-5 .gif-img-l{position: absolute;left: 40px;top: 120px;}
    .section-index-5 .gif-img-r{position: absolute;right: 30px;top: 10px;}
    .t-al-r{text-align: right;}
    .t-al-l{text-align: left;}
    .t-al-c{text-align: center;}
    .Span-box-h3{font-size: 36px;line-height: 40px;color: #333333; padding-top: 10px;}
    .func-lists{list-style-type:circle;text-align: left;padding: 30px 25px;}
    .func-lists li{font-size: 24px;line-height: 50px;color: #333333;}
    .func-lists li ul li{font-size: 18px;line-height: 30px;color: #888888; padding-left: 50px;}
    .Span08-toggle{font-size: 18px;color: #888888;vertical-align: top;margin-left: 35px;cursor: pointer;}
    .Span08 .Span03Box .Span08-toggle img{margin-left: 10px;}
    .color-1{color: #9cccfc;}
    .color-2{color: #888888;}
    .color-3{color:#ffffff;}
    .color-4{color: #2ab6ed}
    .fsize-1{font-size: 18px;}
    .fsize-2{font-size: 24px;}
    .fsize-3{font-size: 36px;}
    .fsize-4{font-size: 14px; line-height: 2;}
    .fsize-48{font-size: 48px;}

    .func-lists li.color-1{color: #888888;}

   

   
    /*****mobile meau_top *****/
    .mob-b2c-nav,
    .mob-lite-nav,
    .mob-watch-nav,
    .mob-wechat-nav{width: 100%;background-color: #fff; position: absolute;top: 5em;overflow: hidden;border-bottom: 1px solid #ddd;z-index:6;}
    .mob-b2c-nav .l{float: left;width: 33%; height: 1em;line-height: 1em;font-size: 2em;text-align: center;margin: 1em 0;}
    .mob-wechat-nav .l,
    .mob-lite-nav .l{ width: 33%;float: left;height: 1em;line-height: 1em;font-size: 2em;text-align: center;margin: 1em 0;}
    .mob-watch-nav .l{ width: 40%;float: left;height: 1em;line-height: 1em;font-size: 2em;text-align: center;margin: 1em 0;}
    .mob-b2c-nav .r{float: right; width: 67%;height: 3em;line-height: 4em;font-size: 1.6em;overflow: hidden;}
    .mob-lite-nav .r,
    .mob-wechat-nav .r{float: right;width: 65%; height: 3em;line-height: 3em;font-size: 2em;overflow: hidden;}
    .mob-watch-nav .r{float: right;width: 60%; height: 3em;line-height: 3em;font-size: 2em;overflow: hidden;}
    .mob-b2c-nav ul,
    .mob-lite-nav ul,
    .mob-watch-nav ul,
    .mob-wechat-nav ul{width: 100%;overflow: hidden;}
    .mob-b2c-nav  ul a,
    .mob-lite-nav  ul a,
    .mob-watch-nav  ul a,
    .mob-wechat-nav ul a{display: block;width: 100%;height: 100%;-webkit-tap-highlight-color:transparent;}
    .mob-b2c-nav ul.nav li{float: left;text-align: center;width: 33.33%;font-size: 1.2em;line-height: 3;}
    .mob-wechat-nav ul.nav li,
    .mob-watch-nav ul.nav li,
    .mob-lite-nav ul.nav li{float: right;text-align: center;width: 33.3%;}
    .mob-b2c-nav ul.nav li.active a,
    .mob-wechat-nav ul.nav li.active a,
    .mob-lite-nav ul.nav li.active a{color: #2daa3f;}
    .mob-b2c-nav ul.nav li img,
    .mob-lite-nav ul.nav li img,
    .mob-wechat-nav ul.nav li img{vertical-align: middle;width:10%;}
    .mob-b2c-nav .have-child img,
    .mob-lite-nav .have-child img,
    .mob-wechat-nav .have-child img{
        transform: rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg);/* Safari 和 Chrome */
        -o-transform:rotate(0deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .mob-b2c-nav .have-child.curr img,
    .mob-lite-nav .have-child.curr img,
    .mob-wechat-nav .have-child.curr img{
        transform: rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
        -o-transform:rotate(180deg);
        -webkit-transition:0.5s ease;
        -moz-transition:0.5s ease;
        -o-transition:0.5s ease;
        transition:0.5s ease;
    }
    .view-wrap,.fa-wrap{position: fixed;width: 100%; top:3em;z-index:8;}
    .view-wrap .view-nav-child,ul.nav-child{ width:100%; background-color: #fff; position: absolute; left: 0; top: 8.06em;display:none;z-index: 8;overflow: hidden;}
    .view-wrap .view-nav-child li,ul.nav-child.show{z-index: 9;}
    .view-wrap .view-nav-child li,ul.nav-child li{height: 3em;line-height: 3em; font-size: 1.5em;border-bottom:1px solid #ddd;}
    .view-wrap .view-nav-child li a,ul.nav-child li a{display: block;height: 100%;width: 90%;padding-left: 10%;text-decoration: none;}

    /****mobile meau_top end****/

.letter{
  display: inline-block;
  font-weight: 900;
  font-size: 8em;
  margin: 0.2em;
  position: relative;
  color: #00B4F1;
  transform-style: preserve-3d;
  perspective: 400;
  z-index: 1;
}
.letter:before, .letter:after{
  position:absolute;
  content: attr(data-letter);
  transform-origin: top left;
  top:0;
  left:0;
}
.letter, .letter:before, .letter:after{
  transition: all 0.3s ease-in-out;
}
.letter:before{
  color: #fff;
  text-shadow:
    -1px 0px 1px rgba(255,255,255,.8),
    1px 0px 1px rgba(0,0,0,.8);
  z-index: 3;
  transform:
    rotateX(0deg)
    rotateY(-15deg)
    rotateZ(0deg);
}
.letter:after{
  color: rgba(0,0,0,.11);
  z-index:2;
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg,1deg);
}
.letter:hover:before{
  color: #fafafa;
  transform:
    rotateX(0deg)
    rotateY(-40deg)
    rotateZ(0deg);
}
.letter:hover:after{
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(40deg)
    rotateZ(0deg)
    skew(0deg,22deg);
}