::-webkit-scrollbar{
    width:5px;
    height:5px;
    background-color: #fff;
}
::-webkit-scrollbar-track{
    border-radius: 10px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    background-color: #000;
}
.w1520{
    width:1520px;
    margin: 0 auto;
    position: relative;
}
.inline-banner{
    position:relative;
    z-index:1;
    width:100%;
    overflow:hidden;
}
.inline-banner .img{
    position:relative;
    width:100%;
    background-size:cover !important;
}
.inline-banner img{
    position:relative;
    width:100%;
    display: none;
}
.inline-banner img.pic{
    display: block;
}
.inline-banner .inline-fonts{
    width:452px;
    text-align: center;
    height: 212px;
    position: absolute;
    top:0;
    bottom:0;
    right:10%;
    margin:auto 0;
}
.inline-banner .inline-fonts h2{
    font-size: 60px;
    color: #4679ea;
    line-height: 132px;
    position:relative;
    margin-bottom: 31px;
}
.inline-banner .inline-fonts h2:before{
    content:"";
    background: #4679ea;
    width:90px;
    height:1px;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -45px;
}
.inline-banner .inline-fonts p{
    font-size:20px;
    color:#4679ea;
    line-height:49px;
}
.intro-p2p{
    padding:91px 0 100px;
    position:relative;
}
.inline-title{
    width: 100%;
    text-align: center;
}
.inline-title h2{
    font-size:30px;
    color:#222;
    line-height:47px;
}
.inline-title p{
    font-size:16px;
    color:#666;
    line-height:35px;
}
.w1180{
    width:1180px;
    position:relative;
    margin:0 auto;
}
.intro-p2p-list{
    padding-top: 71px;
}
.intro-p2p-list li{
    float: left;
    width:24%;
    margin-left: 14%;
    box-shadow:0 0 5px rgba(186,192,196,.5);
    text-align: center;
    transition:box-shadow 0.3s;
}
.intro-p2p-list li:first-child{
    margin-left:0;
}
.intro-p2p-list li img{
    margin-bottom: 16px;
}
.intro-p2p-list li a{
    display: block;
    width:100%;
    padding:69px 16% 33px;
}
.intro-p2p-list li h2{
    font-size:16px;
    color:#333;
    line-height:36px;
    padding-bottom: 14px;
    margin-bottom: 20px;
    position:relative;
}
.intro-p2p-list li h2:after{
    content:"";
    width:40px;
    height:1px;
    background:#4572cb;
    position:absolute;
    left:50%;
    bottom:0;
    margin-left: -20px;
}
.intro-p2p-list li p{
    font-size:12px;
    color:#555;
    line-height:18px;
    height:90px;
    overflow:hidden;
}
.business-p2p{
    padding:92px 0 36px;
    background:url(../img/img07.jpg) no-repeat center;
    background-size: cover;
    position:relative;
    overflow:hidden;
}
.business-p2p .inline-title h2{
    color:#fff;
}
.business-p2p .inline-title p{
    color:#949494;
}
.business-p2p-list{
    padding-top: 70px;
    width:100%;
}
.business-p2p-list li{
    float: left;
    width:16.6667%;
    text-align: center;
    margin-bottom: 53px;
    position: relative;
    left:0;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.business-p2p-list li img{
    height:70px;
    margin-bottom: 9px;
}
.business-p2p-list li p{
    font-size:18px;
    color:#fefefe;
    line-height:38px;
}
.scene-p2p{
    padding:92px 0 84px;
    position:relative;
    overflow:hidden;
}
.tab-lists{
    width:100%;
    padding:60px 0 0;
}
.tab-lists .title{
    width:100%;
    text-align: center;
    font-size:0;
    padding-bottom: 105px;
}
.tab-lists .title li{
    font-size:20px;
    color:#222;
    line-height:42px;
    margin:0 6.2%;
    display: inline-block;
    position:relative;
    cursor: pointer;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.tab-lists .title li:after{
    content:"";
    width:0;
    left:50%;
    position: absolute;
    bottom:0;
    background:#4c74c5;
    height:1px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.tab-lists .title li.hover{
    color:#4c74c5;
}
.tab-lists .title li.hover:after{
    width:100%;
    left:0;
}
.tab-lists .content{
    width:84%;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.tab-lists .content-box{
    display: none;
}
.tab-lists .content-box.active{
    display: block;
}
.tab-lists .content-box .right{
    width:54%;
    float: right;
    position:relative;
    left:50%;
    opacity: 0;
    text-align: center;
}
.tab-lists .content-box .right img{
    max-width:100%;
    height:auto !important;
}
.tab-lists .content-box .left{
    width:44%;
    float: left;
    position:relative;
    left:-50%;
    opacity: 0;
}
.tab-lists .content-box h2{
    font-size:24px;
    color:#222;
    line-height:42px;
    padding-top: 23px;
    padding-left: 5%;
}
.tab-lists .content-box .fonts{
    font-size:18px;
    color:#666;
    margin-left: 11%;
}
.tab-lists .content-box dl{
    width:100%;
    text-align: center;
}
.tab-lists .content-box dd{
    float: left;
    width:25%;
    margin-top: 55px;
}
.tab-lists .content-box img{
    max-width: 100%;
    height:50px;
    margin-bottom: 10px;
}
.tab-lists .content-box p{
    font-size:14px;
    color:#666;
    line-height:30px;
}
.case-p2p{
    padding:90px 0 100px;
    background:#f5f5f5;
    width:100%;
    position: relative;
    overflow:hidden;
}
.case-p2p #main{
    margin-top:39px;
    width: 100%;
    position: relative;
    display: none;
}
.case-p2p #main .box{
    width:460px;
    background: #fff;
    padding-bottom: 60px;
    transition: box-shadow 0.3s;
    opacity: 0;
    filter: alpha(opacity=0);
}
.case-p2p #main a{
    display: block;
    width:100%;
}
.case-p2p #main img{
    width:100%;
}
.case-p2p .more{
    display: block;
    margin:60px auto 0;
    width:160px;
    height:40px;
    text-align: center;
    line-height:38px;
    border:1px solid #ccc;
    font-size:16px;
    color:#999;
    border-radius: 10px;
}
.case-p2p #main.on .box {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 30px;
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}
.case-p2p #main.on{
    height:auto !important;
}
.advantage-p2p{
    padding:90px 0 100px;
}
.advantage-p2p .fotns-lists{
    padding:78px 0 70px;
    width:79%;
    margin:0 auto;
}
.advantage-p2p .fotns-lists li{
    width:33.33%;
    text-align: center;
    float: left;
    position:relative;
}
.advantage-p2p .fotns-lists li:after{
    content:"";
    width:1px;
    height:80%;
    position: absolute;
    left:0;
    top:10%;
    background:#aaa;
}
.advantage-p2p .fotns-lists li:first-child:after{
    display: none;
}
.advantage-p2p .fotns-lists h2{
    font-size:60px;
    color:#222;
    font-family: "Helvetica Neue LT Pro";
    font-weight: lighter;
    line-height:73px;
}
.advantage-p2p .fotns-lists .add{
    position: relative;
    top: -15px;
}
.advantage-p2p .fotns-lists p{
    font-size:18px;
    color:#787878;
    line-height:37px;
}
.advantage-p2p .picture-list{
    width:100%;
}
.advantage-p2p .picture-list li{
    width:14.47%;
    float: left;
    height:108px;
    cursor: pointer;
    line-height:108px;
    margin-right: 2.56%;
    text-align: center;
    box-shadow:0 0 5px rgba(186,192,196,.3);
    margin-bottom: 10px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.advantage-p2p .picture-list li:nth-child(6n){
    margin-right: 0;
}
.advantage-p2p .picture-list img{
    max-width:94%;
    max-height:94%;
    vertical-align: middle;
}
.survey-nav{
    position:fixed;
    top:50%;
    left:5%;
    display: none;
    margin-top:-125px;
    z-index:4;
}
.survey-nav li{
    display: block;
    padding-left: 18px;
    font-size:16px;
    color:#999;
    line-height:50px;
    cursor: pointer;
    height:50px;
    background:url(../img/img33.png) no-repeat left center;
}
.survey-nav li.hover{
    background:url(../img/img33_h.png) no-repeat left center;
}
.inline-banner .inline-fonts.o2o{
    right:auto;
    left:10%;
    text-align: left;
}
.inline-banner .inline-fonts.o2o h2{
    color:#648ae3;
}
.inline-banner .inline-fonts.o2o h2:before{
    color:#547bd5;
    left:0;
    margin-left:0;
}
.inline-banner .inline-fonts.o2o p{
    color:#5c82dc;
}
.intro-p2p-list.o2o li h2:after{
    background:#eaa2a2;
}
.inline-banner .quality-fonts{
    position: absolute;
    top:50%;
    left:10%;
    margin-top: -116px;
}
.inline-banner .quality-fonts h3{
    font-size:24px;
    color:#fff;
    text-transform: uppercase;
    line-height:29px;
}
.inline-banner .quality-fonts h2{
    font-size:50px;
    color:#fff;
    line-height:86px;
    padding:64px 0 23px;
}
.inline-banner .quality-fonts p{
    font-size:20px;
    color:#fefefe;
    line-height:29px;
}
.intro-p2p-list.quality li h2:after{
    background:#f9b140;
}
.inline-banner .inline-fonts.o2o.res h2,.inline-banner .inline-fonts.o2o.res p{
    color:#658cff;
}
.inline-banner .inline-fonts.o2o.res h2:before{
    background:#658cff;
}
.intro-p2p-list.res li h2:after{
    background:#7ab262;
}
.intro-p2p-list.ten li h2:after{
    background:#eb7814;
}
.inline-banner .inline-fonts.o2o.ten h2,.inline-banner .inline-fonts.o2o.ten p{
    color:#ef9410;
}
.inline-banner .inline-fonts.o2o.ten h2:before{
    background:#ef9410;
}
.inline-banner .inline-fonts.oa{
    text-align: right;
    width:auto;
}
.inline-banner .inline-fonts.oa h2,.inline-banner .inline-fonts.oa p{
    color:#fff;
}
.inline-banner .inline-fonts.oa h2:before{
    background:#fff;
    left:auto;
    right:0;
    margin-left: 0;
}
.intro-p2p-list.oa li h2:after{
    background:#76cec9;
}
.inline-banner .inline-fonts.o2o.per h2,.inline-banner .inline-fonts.o2o.per p{
    color:#7b75ff;
}
.inline-banner .inline-fonts.o2o.per h2:before{
    background:#7b75ff;
}
.intro-p2p-list.per li h2:after{
    background:#21ceb5;
}
.business-p2p-list.stock li{
    width:20%;
}
.inline-banner .inline-fonts.cash{
    text-align: right;
}
.inline-banner .inline-fonts.cash h2{
    color:#fff;
}
.inline-banner .inline-fonts.cash h2:before{
    background:#fff;
    left:auto;
    margin-left: 0;
    right:0;
}
.intro-p2p-list.cash li h2:after{
    background:#fcd42d;
}
.case-portant{
    width:100%;
    background:#f5f5f5;
    padding:90px 0 100px;
    text-align: center;
}
.case-portant .picture{
    text-align: center;
    max-width:100%;
    height:auto !important;
    padding-top: 70px;
}
.case-framework .inline-title h2{
    color:#fff;
}
.case-framework .inline-title p{
    color:#ddd;
}
.case-framework{
    padding:90px 0 50px;
    background:url(../img/pic62.jpg) no-repeat center;
    background-size:cover;
}
.case-framework-list{
    width:83%;
    margin:0 auto;
    position:relative;
    padding-top: 70px;
}
.case-framework-list li{
    float: left;
    width:100%;
    padding-bottom: 20px;
}
.case-framework-list li h2{
    float: left;
    width:12%;
    font-size:18px;
    color:#fff;
    line-height:40px;
}
.case-framework-list li dl{
    float: right;
    width:88%;
}
.case-framework-list li dd{
    float: left;
    margin:0 3% 30px 0;
    width:17.6%;
    text-align: center;
    line-height:38px;
    font-size:16px;
    color:#ddd;
    border:1px solid #8f8f8f;
}
.case-framework-list li dd:nth-child(5n){
    margin-right: 0;
}
.scene-p2p.cash{
    background:#f5f5f5;
}
.scene-p2p.cash .tab-lists .content-box .right{
    padding-top: 95px;
}
.cash-model{
    padding:90px 0 100px;
    text-align: center;
}
.cash-model .picture{
    text-align: center;
    max-width:100%;
    height:auto !important;
    padding-top: 70px;
}
.cash-model .links{
    display: block;
    width:108px;
    text-align: center;
    line-height:28px;
    border:1px solid #6199ba;
    font-size:14px;
    color:#6199ba;
    border-radius:14px;
    margin:40px auto 0;
}
.footer-top{
    width:100%;
    background: #f6f6f6;
    padding: 98px 0 155px;
}
.footer-top .left{
    float: left;
    width:43%;
    padding-left:4%;
}
.footer-top h2{
    margin-bottom: 13px;
    font-size: 16px;
    color: #010101;
    font-weight:bold;
    line-height: 54px;
    border-bottom: 1px solid #ddd;
}
.footer-top .left p{
    font-size:14px;
    color:#767676;
    line-height:36px;
}
.footer-top .left .bold{
    color:#222;
}
.footer-top .left p img{
    margin-left:5%;
    width:13px;
}
.footer-top .left .foot-qq{
    padding-top: 33px;
}
.footer-top .left a{
    width:23%;
    margin-right: 5%;
    line-height:33px;
    border:1px solid #9e9e9e;
    color:#222;
    padding-left: 8%;
    display: block;
    float: left;
    background:url(../img/footer02.png) no-repeat 14% center;
    background-size:15px auto !important;
     transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.footer-top .right{
    width:37%;
    float: right;
    padding-right: 5%;
}
.footer-top .code-box{
    padding-top: 14px;
}
.footer-top .code-box img{
    width:24%;
    float: left;
    margin-right:9%;
}
.footer-bot{
    padding:38px 0;
    background:#222;
    text-align: center;
}
.footer-bot p{
    font-size:14px;
    color:#636363;
    line-height:24px;
}
.footer-bot p a{
    color:#636363;
     transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.footer-bot .company-links{
    width:100%;
    text-align: center;
    font-size:0;
    padding-top:24px;
}
.footer-bot .company-links a{
    font-size:14px;
    color:#636363;
    line-height:30px;
    margin: 0 5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.header{
    position:relative;
    z-index:5;
}

.content-box{
    position:relative;
    z-index:1;
    opacity:0;
    filter:alpha(opacity=0);
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.content-box.show{
   opacity:1;
    filter:alpha(opacity=100);
}
#header{
    width:100%;
    padding:30px 6.25%;
    position:fixed;
    top:0;
    left:0;
    z-index: 3;
    opacity:0;
    filter:alpha(opacity=0);
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
#header.show{
   opacity:1;
    filter:alpha(opacity=100);
}
#header.scroll{
    background: rgba(0,0,0,.5);
    padding: 20px 5%;
}
#header .logo{
    width:132px;
    display: block;
    margin:0 auto;
    position:relative;
    top:0;
}
#header .logo img{
    width:100%;
}
#header .news-links{
    float: left;
    width:20px;
    height:29px;
    margin-right: 2.4%;
    background:url(../img/header02.png) no-repeat center;
    position:relative;
    top:0;
    background-size: 100% auto;
}
#header .search-btn{
    float: left;
    width:20px;
    height:29px;
     background:url(../img/header03.png) no-repeat center;
    position:relative;
    top:0;
    background-size:100% auto;
}
.header-nav-btn{
    float: right;
    width:32px;
    height:22px;
    cursor: pointer;
    position:relative;
    margin-top: 3px;
    top:0;
}
.header-nav-btn span{
    width:100%;
    height:2px;
    background:#fff;
    display: block;
    position:absolute;
    right:0;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.header-nav-btn span.line1{
    top:0;
}
.header-nav-btn span.line2{
    width:24px;
    top:10px;
}
.header-nav-btn span.line3{
    bottom:0;
}
.header-nav-btn.hover span.line2{
    opacity:0;
}
.header-nav-btn.hover span.line1{
    transform: rotate(45deg);
    top:10px;
}
.header-nav-btn.hover span.line3{
    transform: rotate(-45deg);
    bottom:10px;
}
.header-box{
    position:relative;
    width:100%;
    z-index: 5;
}
.header-nav{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,.9);
    width:100%;
    height:100%;
    z-index: 4;
    display: none;
    padding-top: 10.416vw;
}
.header-nav ul{
    display: block;
    margin:0 auto;
}
.header-nav li{
    width:16.66%;
    float: left;
    text-align: center;
}
.header-nav .title{
    font-size:24px;
    color:#fff;
    line-height:42px;
}
.header-nav .con{
    padding-top: 19px;
    display: block;
}
.header-nav .con a{
    font-size:16px;
    color:#e6e6e6;
    line-height:40px;
    display:block;
    width:100%;
    position:relative;
    left:0;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.search-alert {
  position: fixed;
  z-index:11;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}
.search-alert .cent-form .tex {
  border: none;
  font-size: 66px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #555;
  background: none;
  font-family: "Base-font";
  padding-left: 88px;
  padding-right: 80px;
  background: url(../img/ico_36.png) no-repeat 35px 60px;
}
.search-alert .cent-form .sub-butn {
  border: none;
  height: 100px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 100px;
  color: #555;
  text-align: right;
  background: none;
  font-family: "Base-font";
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}
.intro-p2p-list.wechat li{
    width:18.4%;
    margin-left: 2%;
}
.intro-p2p-list.wechat li:first-child{
    margin-left: 0;
}
.wechat-function{
    padding:90px 0 37px;
    width:100%;
    background:url(../img/we07.jpg) no-repeat center;
    background-size:cover;
    background-attachment:fixed;
}
.wechat-function .inline-title h2{
    color:#fff;
}
.wechat-function .inline-title p{
    color:#fff;
    opacity:0.5;
}
.wechat-function-list{
    width:100%;
    text-align: center;
    padding-top: 70px;
}
.wechat-function-list li{
    width:16.6667%;
    float: left;
    margin-bottom: 53px;
}
.wechat-function-list li img{
    height:70px;
    margin-bottom: 10px;
}
.wechat-function-list li p{
    font-size:16px;
    color:#fff;
    line-height:36px;
}
#canvas{
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index:1;
    height: 100%;
}
.welcome-banner{
    overflow:hidden;
    position:relative;
    background:#174aa3;
}
.welcome-banner .wel-banner-list{
    position:absolute;
    z-index: 2;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.wel-banner-list .swiper-pagination-bullet{
    width:20px;
    height:2px;
    background:#fff;
    border-radius:0;
    opacity:1;
    margin:0 8px !important;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.wel-banner-list .swiper-pagination-bullet-active{
   width:35px;
}
.wel-banner-list .swiper-slide{
    overflow:hidden;
}
.wel-banner-list .swiper-slide a{
    display: block;
    width:100%;
    height:100%;
}
.wel-banner-list .con-box{
    width:1200px;
    height:515px;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
.wel-banner-list .swiper-slide .picture-box{
    width:50.25%;
    float: right;
    height:515px;
    line-height:515px;
    position:relative;
    top: -200%;
    animation-delay: 0.5s;
}
.wel-banner-list .swiper-slide img{
    max-width:100%;
    max-height:100%;
}
.wel-banner-list .fonts{
    position:absolute;
    top:50%;
    left:-70%;
    margin-top: -64px;
    animation-delay: 0.5s;
}
.wel-banner-list .fonts p{
    font-size:22px;
    color:#fff;
    text-transform:uppercase;
    line-height:50px;
}
.wel-banner-list .fonts h2{
    font-size:40px;
    color:#fff;
    line-height:77px;
    text-shadow: 0 5px 30px rgba(44,46,83,.3);
}
.wel-banner-list .swiper-slide.hover .fonts{
    left:0;
}
.wel-banner-list .swiper-slide.hover .picture-box{
    top:0;
}
.inline-banner .inline-fonts.o2o.web h2,.inline-banner .inline-fonts.o2o.web p{
    color:#9081e2;
}
.inline-banner .inline-fonts.o2o.web h2:before{
    background:#9081e2;
}
.intro-p2p-list.web li{
    width:18.42%;
    margin:0 3.28%;
}
.website-list{
    width:100%;
    padding:92px 0 100px;
    background:#f5f5f5;
}
.website-list-tit{
    width:100%;
    text-align: center;
    font-size:0;
    padding:40px 0 70px;
}
.website-list-tit li{
    display: inline-block;
    font-size:18px;
    color:#444;
    margin:0 2.3%;
    line-height:40px;
    position:relative;
}
.website-list-tit li a{
    color:#444;
    font-size: 16px;
}
.website-list-tit li img{
    width:18px;
}
.website-list-tit li:after{
    content:"";
    width:0;
    height: 2px;
    background:#4572cb;
    position: absolute;
    bottom:0;
    left:50%;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.website-list-tit li.hover a{
    color:#4572cb;
}
.website-list-tit li.hover:after{
    width:100%;
    left:0;
}
.website-list-con{
    width:100%;
}
.website-list-con li{
    float: left;
    width:32%;
    margin-right: 2%;
    overflow:hidden;
    position:relative;
    margin-bottom: 40px;
}
.website-list-con li:nth-child(3n){
    margin-right: 0;
}
.website-list-con li a{
    display: block;
    width:100%;
    position:relative;
}
.website-list-con li .picture-box{
    width:100%;
    z-index: 1;
}
.website-list-con li .con{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,.3);
    text-align: center;
    height:100%;
    z-index: 2;
    transition: background .3s;
    -moz-transition: background .3s; /* Firefox 4 */
    -webkit-transition: background .3s; /* Safari 和 Chrome */
    -o-transition: background .3s; /* Opera */
}
.website-list-con li h2{
    font-size:18px;
    color:#fff;
    width:100%;
    padding:0 2%;
    line-height:30px;
    position: absolute;
    top:0;
    bottom:0;
    margin:auto 0;
    left:0;
    height:30px;
}
.website-list-con li p{
    font-size:14px;
    color:#fffefe;
    line-height:24px;
    width:100%;
    padding:0 2%;
    position: absolute;
    left:0;
    bottom:24px;
    opacity:0;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.ajax-more{
    width:160px;
    border:1px solid #ccc;
    border-radius:5px;
    font-size:16px;
    color:#999;
    line-height:38px;
    text-align: center;
    display: block;
    cursor: pointer;
    margin:60px auto 0;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.website-info-top{
    width:100%;
    background:#f5f5f5;
    padding:24px 0 16px;
}
.website-info-top .left{
    width:50%;
    float: left;
    padding:0 3% 0 10.4%;
}
.website-info-top .right{
    width:50%;
    background:#fff;
    float: right;
    padding:0 10.4% 20px 4.12%;
    min-height:460px;
}
.website-info-top h2{
    font-size:26px;
    color:#222;
    line-height:90px;
    position:relative;
    margin:23px 0 21px;
}
.website-info-top h2:after{
    content:'';
    width:60px;
    height:2px;
    background:#555;
    position: absolute;
    bottom:0;
    left:0;
}
.website-info-top dd{
    font-size:16px;
    color:#222;
    line-height:21px;
    margin-bottom: 9px;
    padding-left: 16px;
    background:url(../img/web10.jpg) no-repeat left center;
}
.website-info-top p{
    font-size:16px;
    color:#555;
    line-height:30px;
}
.website-info-top .links{
    width:39px;
    height:39px;
    background:url(../img/web08.png) no-repeat center;
    background-size:100% 100%;
    margin-top:10%;
    display: block;
}
.website-info-center{
    background:#f5f5f5;
    padding:40px;
    margin-top: 30px;
    text-align: center;
}
.website-info-center img{
    max-width:100%;
    height:auto !important;
}
.website-info-center p{
    font-size:14px;
    color:#555;
    line-height:26px;
}
.website-info-bottom{
    padding:90px 0 60px;
}
.website-info-bottom .title{
    font-size:28px;
    color:#222;
    line-height:48px;
    margin-bottom: 30px;
}
.inline-banner .inline-fonts.o2o.app h2,.inline-banner .inline-fonts.o2o.app p{
    color:#3872bb;
}
.inline-banner .inline-fonts.o2o.app h2:before{
    background:#3872bb;
}
.inline-banner.news{
    width:100%;
    position:relative;
}
.inline-banner.news #demo-canvas{
    position: absolute;
    top:0;
    left:0;
}
.inline-banner.news .news-title{
    font-size:70px;
    color:#fff;
    font-family: "Arial";
    text-align: center;
    width:100%;
    line-height:136px;
    height:136px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    margin:auto 0;
}
.inline-banner.news .news-title:after{
    content: '';
    width:50px;
    height:2px;
    background:#fff;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -25px;
}
.inline-banner.news.about .news-title:after{
    bottom:24px;
}
.news-list-title{
    padding:90px 0 70px;
    text-align:left;
}
.news-list-title a{
    float: left;
    font-size:28px;
    color:#999999;
    line-height:48px;
    margin-right: 5.2%;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.news-list-title a.hover{
    color:#4c74c5;
}
.news-list-box{
    padding-bottom:100px;
}
.news-list-con li{
    float: left;
    width:32%;
    margin-right: 2%;
    margin-bottom: 40px;
    border:1px solid #eee;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.news-list-con li.inline{
    border:none;
    position: relative;
    left:0;
}
.news-list-con li:nth-child(3n){
    margin-right: 0;
}
.news-list-con li a{
    display: block;
    width:100%;
}
.news-list-con li .con{
    padding:20px 4%;
}
.news-list-con li .left{
    float: left;
    position: relative;
    text-align: center;
    padding-right:4%;
    margin-right: 4%;
}
.news-list-con li .left:before{
    content: '';
    width:1px;
    height:100%;
    background:#ddd;
    position: absolute;
    top:0;
    right:0;
}
.news-list-con li h3{
    font-size:50px;
    color:#555;
    line-height:50px;
    font-weight:normal;
}
.news-list-con li h4{
    font-weight:normal;
    font-size:14px;
    color:#555;
    line-height:16px;
    margin-top: 10px;
}
.news-list-con li h2{
    font-size:16px;
    color:#333;
    line-height:38px;
    height:38px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-list-con li p{
    font-size:12px;
    color:#666;
    line-height:30px;
    height:30px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-info-box{
    padding:74px 6.25% 86px;
    background:#f5f5f5;
}
.news-info-box .title{
    padding-bottom: 16px;
    border-bottom:1px solid #ddd;
}
.news-info-box .bdsharebuttonbox{
    float: right;
    margin-top: 4px;
}
.news-info-box .bdsharebuttonbox a{
    margin:0;
    padding:0;
    width:24px;
    height:24px;
    background-size:100% auto !important;
}
.news-info-box .bdsharebuttonbox a.bds_tsina{
    background:url(../img/news04.png) no-repeat center;
    margin-right:28px;
}
.news-info-box .bdsharebuttonbox a.bds_weixin{
    background:url(../img/news05.png) no-repeat center;
}
.news-info-box h2{
    font-size:20px;
    color:#222;
    line-height:30px;
    font-weight: bold;
}
.news-info-box p{
    font-size:12px;
    color:#555;
    line-height:22px;
}
.news-info-con{
    padding:23px 0 54px;
    border-bottom:1px solid #ddd;
}
.news-info-con p{
    font-size:14px !important;
    color:#333 !important;
    line-height:24px !important;
    padding-bottom: 24px !important;
    word-break: break-all;
}
.news-info-con p span{
    font-size:14px !important;
    color:#333 !important;
    line-height:24px !important;
}
.news-info-con img{
    max-width:100%;
    height: auto !important;
}
.news-info-page{
    padding-top: 46px;
}
.news-info-page .left{
    float: left;
    width:70%;
    overflow:hidden;
}
.news-info-page .left p{
    font-size:16px;
    color:#333;
    line-height:46px;
    height: 46px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news-info-page .left a{
    color:#333;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.news-info-page .return{
    float: right;
    margin-top: 48px;
    padding-left:34px;
    font-size:16px;
    color:#333;
    line-height:43px;
    background:url(../img/news06.png) no-repeat left center;
    background-size:20px auto;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
#display{
    position: absolute;
    z-index: 0;
    display: block;
    cursor: default;
    top:0;
    left:0;
}
#blachole {
    position: absolute;
    top: 60px;
    right: 60px;
    width: 120px;
    height: 120px;
}
.inline-banner.news.about .news-title{
    font-size:70px;
    line-height:100px;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}
.inline-banner.news.about .news-title p{
    font-size:30px;
    text-transform:uppercase;
    line-height:48px;
    margin-top:30px;
}
.w1200{
    width:1200px;
    position:relative;
    margin:0 auto;
}
.about-intro{
    padding:90px 0 87px;
    text-align: center;
}
.about-intro h2{
    font-size:30px;
    color:#000;
    line-height:49px;
}
.about-intro .fonts{
    padding:66px 0 44px;
}
.about-intro .fonts p{
    font-size:16px;
    color:#555;
    line-height:30px;
    padding-bottom: 26px;
}
.about-intro ul{
    width:100%;
}
.about-intro li{
    float: left;
    width:33.33%;
    position:relative;
}
.about-intro li:after{
    content:"";
    width:1px;
    height: 80%;
    position: absolute;
    top:10%;
    left:0;
    background:#787878;
}
.about-intro li:first-child:after{
    display: none;
}
.about-intro li h3{
    font-size:80px;
    color:#222;
    font-family: "Helvetica Neue LT Pro";
    font-weight: lighter;
    line-height:69px;
}
.about-intro li p{
    font-size:24px;
    color:#787878;
    line-height:57px;
}
.about-intro li .add {
    position: relative;
    top: -8px;
}
.about-ideo{
    background:#f5f5f5;
    padding:89px 0 100px;
}
.about-title{
    font-size:30px;
    color:#222;
    line-height:50px;
    text-align: center;
}
.about-ideo-list{
    padding-top: 69px;
    width:100%;
}
.about-ideo-list li{
    float: left;
    width:21%;
    margin:0 6%;
    cursor: pointer;
    text-align: center;
    border-radius:5px;
    overflow:hidden;
    box-shadow:0 0 10px rgba(186,192,196,.5);
    padding:56px 3% 33px;
}
.about-ideo-list li img{
    height: 80px;
}
.about-ideo-list li h2{
    font-size:18px;
    color:#222;
    line-height:67px;
    position:relative;
    margin:5px 0 19px;
}
.about-ideo-list li h2:after{
    content:"";
    width:40px;
    height: 1px;
    background:#a1bcff;
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -20px;
}
.about-ideo-list li p{
    font-size:12px;
    color:#222;
    line-height:20px;
    min-height:100px;
}
.about-history{
    padding:81px 0 102px;
    position:relative;
    background:url(../img/a06.jpg) no-repeat center bottom;
    background-size:cover;
}
.about-history .picture{
    float: right;
    width:42.7%;
}
.about-history-box{
    position: absolute;
    top:50%;
    left:7%;
    width:40%;
    margin-top: -89px;
}
.about-history-box h2{
    font-size:24px;
    color:#222;
    line-height:35px;
    padding-bottom: 16px;
    position:relative;
}
.about-history-box h2:after{
    content:"";
    width:55px;
    height:1px;
    background:#222;
    position: absolute;
    bottom:0px;
    left:0;
}
.about-history-box h3{
    font-size:20px;
    color:#222;
    line-height:60px;
    margin-bottom: 12px;
}
.about-history-box p{
    font-size:16px;
    color:#676767;
    line-height:27px;
}
.about-service{
    background:#f5f5f5;
    padding:92px 0 60px;
}
.about-service-list{
    padding-top: 71px;
    width:90%;
    margin:0 auto;
}
.about-service-list li{
    width:48%;
    padding:60px 18% 78px 4%;
    background-color:#fff;
    float: left;
    margin-bottom: 40px;
    background-position:88% center;
    background-repeat: no-repeat;
    background-size:auto 50%;
}
.about-service-list li:nth-child(2n){
    float: right;
}
.about-service-list li.ico1{
    background-image: url(../img/a07.png);
}
.about-service-list li.ico2{
    background-image: url(../img/a08.png);
}
.about-service-list li.ico3{
    background-image: url(../img/a09.png);
}
.about-service-list li.ico4{
    background-image: url(../img/a10.png);
}
.about-service-list li h2{
    font-size:26px;
    color:#222;
    line-height:46px;
    padding-bottom: 12px;
}
.w860{
    width:860px;
    margin:0 auto;
    position: relative;
}
.about-service-list li p{
    font-size:12px;
    color:#555;
    line-height:22px;
    min-height:44px;
}
.about-pcooperation{
    padding:92px 0 100px;
    background:url(../img/a20.jpg) no-repeat center;
    background-size:cover;
}
.about-pcooperation form{
    padding-top: 73px;
}
.about-pcooperation input[type="text"]{
    width:46.5%;
    float: left;
    border:1px solid #ccc;
    line-height:43px;
    height: 45px;
    margin-bottom: 30px;
    background:none;
    font-size:16px;
    color:#555;
    padding:0 10px;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-pcooperation input[type="text"]:nth-child(2n){
    float: right;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #555;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #555;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#555;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #555;
}
.about-pcooperation textarea{
    width:100%;
    background:none;
    font-size:16px;
    color:#555;
    line-height:26px;
    height:200px;
    margin-bottom: 40px;
    resize:none;
    border:1px solid #ccc;
    padding:4px 10px;
    float: left;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-pcooperation .btn{
    width:100%;
    float: left;
}
.about-pcooperation input[type="submit"]{
    width:150px;
    background:#ccc;
    height: 45px;
    line-height:45px;
    padding:0;
    display: block;
    margin:0 auto;
    border:none;
    font-size:14px;
    color:#fff;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-talent{
    padding:90px 0 100px;
}
.about-talent-list{
    position: relative;
    width:92%;
    margin:70px auto 0;
}
.about-talent-list:before{
    content:"";
    width:100%;
    height: 1px;
    background:#ccc;
    position: absolute;
    left:0;
    top:50%;
    z-index: 0;
    margin-top: 19px;
}
.about-talent-list li{
    float: left;
    position: relative;
    z-index: 1;
    width:8.6%;
    cursor: pointer;
    text-align: center;
    margin:0 4%;
}
.about-talent-list li .pic-box{
    width:100%;
    border-radius:8px 8px 0 0;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-talent-list li .bb{
    height: 100px;
    line-height:100px;
}
.about-talent-list li img{
    max-width:100%;
    max-height:90px;
    vertical-align: bottom;
}
.about-talent-list li h2{
    font-size:12px;
    color:#000;
    line-height:30px;
    width:40px;
    height: 30px;
    margin:0 auto;
    background:#fff;
    text-transform: uppercase;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-talent-list li .con{
    padding:4px 3% 6px;
    background:#f5f5f5;
    border-radius:0 0 8px 8px;
    overflow:hidden;
    text-align: center;
    position: relative;
    top:50px;
    opacity:0;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-talent-list li p{
    font-size:12px;
    color:#c60000;
    line-height:18px;
    min-height:54px;
}
.about-process{
    padding:92px 0 100px;
}
.about-process .about-process-list{
    width:92%;
    margin:120px auto 0;
    padding:0 6%;
    position: relative;
}
.about-process .about-process-list:before{
    content:"";
    width:100%;
    height:1px;
    background:#888;
    position: absolute;
    top:50%;
    left:0;
    margin-top: -0.5px;
}
.about-process .about-process-list li{
    float: left;
    width:11.11%;
    text-align: center;
    padding:0 0 61px 0;
    position: relative;
    background:url(../img/a27.png) no-repeat bottom center;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-process .about-process-list li p{
    font-size:12px;
    color:#666;
    width:100%;
    line-height:22px;
    position: absolute;
    left:0;
    bottom:24px;
}
.about-process .about-process-list li:nth-child(2n){
    padding:61px 0 0 0;
    background:url(../img/a27.png) no-repeat top center;
    margin-top: 96px;
}
.about-process .about-process-list li:nth-child(2n) p{
    top:24px;
    bottom:auto;
}
.about-process .about-process-list .pic-box{
    width:45px;
    height: 45px;
    margin:0 auto;
    border-radius:50%;
    background-color:#f5f5f5;
    background-repeat:no-repeat;
    background-position:center;
    background-size:auto 25px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.about-process .about-process-list .pic-box.ico1{
    background-image:url(../img/a11.png);
}
.about-process .about-process-list .pic-box.ico2{
    background-image:url(../img/a12.png);
}
.about-process .about-process-list .pic-box.ico3{
    background-image:url(../img/a13.png);
}
.about-process .about-process-list .pic-box.ico4{
    background-image:url(../img/a14.png);
}
.about-process .about-process-list .pic-box.ico5{
    background-image:url(../img/a15.png);
}
.about-process .about-process-list .pic-box.ico6{
    background-image:url(../img/a16.png);
}
.about-process .about-process-list .pic-box.ico7{
    background-image:url(../img/a17.png);
}
.about-process .about-process-list .pic-box.ico8{
    background-image:url(../img/a18.png);
}
.about-process .about-process-list .pic-box.ico9{
    background-image:url(../img/a19.png);
}
.about-process .about-process-list li.hover{
    background:url(../img/a27_h.png) no-repeat bottom center;
}
.about-process .about-process-list li.hover:nth-child(2n){
    background:url(../img/a27_h.png) no-repeat top center;
}
.about-process .about-process-list li.hover .pic-box{
    background-color:#4c74c5;
}
.about-process .about-process-list li.hover .pic-box.ico1{
    background-image:url(../img/a11_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico2{
    background-image:url(../img/a12_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico3{
    background-image:url(../img/a13_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico4{
    background-image:url(../img/a14_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico5{
    background-image:url(../img/a15_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico6{
    background-image:url(../img/a16_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico7{
    background-image:url(../img/a17_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico8{
    background-image:url(../img/a18_h.png);
}
.about-process .about-process-list li.hover .pic-box.ico9{
    background-image:url(../img/a19_h.png);
}
.right-navigation{
    position:fixed;
    top:50%;
    right:0;
    width:60px;
    height: 200px;
    margin-top: -100px;
    z-index:2;
}
.right-navigation li{
    width:60px;
    position:absolute;
    right:0;
    top:0;
    background:#4c74c5;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.right-navigation li:nth-child(2){
    top:70px;
}
.right-navigation li:nth-child(3){
    top:140px;
}
.right-navigation li .con{
    width:60px;
    text-align: center;
    height:60px;
    background:#4c74c5;
    position: relative;
    z-index: 2;
    border-radius:5px;
    transition: all .3s;
    -moz-transition: all .3s; /* Firefox 4 */
    -webkit-transition: all .3s; /* Safari 和 Chrome */
    -o-transition: all .3s; /* Opera */
}
.right-navigation li a{
    display: block;
    width:100%;
    height:100%;
}
.right-navigation li .pic{
    margin:8px 0 1px;
    height:26px;
}
.right-navigation .con p {
    font-size:12px;
    color:#fff;
    line-height:25px;
}
.right-navigation .scr-box{
    width:180px;
    height:60px;
    position: absolute;
    left:0;
    top: 0px;
    border-radius:5px;
    padding: 0 10px;
    text-align: left;
    z-index: 1;
    background-color:#4c74c5;
    background-repeat:no-repeat;
    background-size: auto 26px;
    background-position:center right 10px;
}
.right-navigation .scr-box.ico1{
    background-image:url(../img/nav01.png);
}
.right-navigation .scr-box.ico2{
    background-image:url(../img/nav02.png);
}
.right-navigation .scr-box img{
    width:26px;
    float: left;
    margin:17px 8px 0 0;
}
.right-navigation .scr-box h3{
    font-size:14px;
    color:#fff;
    line-height:60px;
}
.right-navigation .scr-box p{
    font-size:12px;
    color:#fff;
    line-height:20px;
    margin-top:10px;
}
.right-navigation .scr-box h2{
    font-size:14px;
    color:#fff;
    line-height:22px;
}
.right-navigation li.scrolltop{
    display: none;
}
.welcome-lists{
    width:100%;
    background:#f6f6f6;
    padding:100px 0;
}
.welcome-lists li{
    width:48.6%;
    position: relative;
}
.welcome-lists li a{
    display: block;
    width:100%;
}
.welcome-lists li .con{
    width:35%;
    background:#496db5;
    padding:20px 30px 29px;
    position: absolute;
    bottom:0;
    right:0;
    z-index: 2;
}
.welcome-lists li h2{
    font-size:18px;
    color:#fefefe;
    line-height:38px;
    letter-spacing: 5px;
    margin-bottom: 13px;
}
.welcome-lists li p{
    font-size:14px;
    color:#fefefe;
    line-height:24px;
    letter-spacing: 2px;
    margin-bottom: 53px;
}
.welcome-lists li .more{
    width:80px;
    display: block;
    border:1px solid #fff;
    text-align: center;
    font-size:12px;
    color:#fff;
    line-height:28px;
    text-transform: uppercase;
    border-radius:5px;
    letter-spacing:4px;
}
.welcome-customer{
    padding:69px 0 40px;
}
.welcome-title{
    text-align: center;
    width:100%;
}
.welcome-title h2{
    font-size:30px;
    color:#000;
    line-height:48px;
    margin-bottom: 14px;
}
.welcome-title p{
    font-size:16px;
    color:#363535;
    line-height:35px;
}
.welcome-customer ul{
    width:100%;
    padding-top: 70px;
}
.welcome-customer li{
    float: left;
    width:14.6%;
    margin-right: 2.4%;
    margin-bottom: 60px;
    background:#fff;
    text-align: center;
    box-shadow:0 0 10px rgba(186,192,196,.3);
}
.welcome-customer li:nth-child(6n){
    margin-right: 0;
}
.welcome-customer li a{
    display: block;
    width:100%;
}
.welcome-customer li img{
    width:100%;
}
.welcomne-center{
    width:100%;
    position: relative;
    overflow:hidden;
    background:url(../img/wel20.jpg) no-repeat center;
    background-size:cover;
    padding:82px 0;
}
.w1060{
    width:1060px;
    margin:0 auto;
    position:relative;
}
.particles-js-canvas-el{
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
}
.welcomne-center h2{
    font-size:20px;
    color:#fff;
    line-height:36px;
    float: left;
    letter-spacing:2px;
    position:relative;
    z-index: 3;
}
.welcomne-center .more{
    float: right;
    width:120px;
    line-height:34px;
    text-align: center;
    border:1px solid #fff;
    font-size:14px;
    letter-spacing:4px;
    color:#fff;
    border-radius:10px;
    position:relative;
    z-index: 3;
}
.company-news{
    padding:94px 0 93px;
}
.company-news-pc{
    padding-top: 70px;
}
.company-news-pc li{
    float: left;
    width:31.5%;
    margin-right: 2.75%;
}
.company-news-pc li .picture-box,.company-news-mobile li .picture-box{
    width:100%;
}
.company-news-pc li:nth-child(3n){
    margin-right: 0;
}
.company-news-pc li h2{
    font-size:16px;
    color:#222;
    line-height:36px;
    margin:20px 0 13px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.company-news-pc li p{
    font-size:14px;
    color:#555;
    line-height:24px;
    height: 48px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.company-news-pc li .more{
    background:#f6f6f6;
    margin-top: 38px;
    width:140px;
    text-align: center;
    line-height:40px;
    font-size:12px;
    color:#222222;
}
.company-news-mobile{
    margin-top: 30px !important;
    height: 0;
    overflow:hidden;
    z-index: 1;
}
.inline-news{
    padding-bottom: 79px;
}
.inline-news-list{
    padding-top:80px;
}
.inline-news-list li{
    width:31.5%;
    margin-right: 2.75%;
    padding:0 1.6%;
    margin-bottom: 80px;
    position: relative;
    left:0;
}
.inline-news-list li:nth-child(3n){
    margin-right: 0;
}
.inline-news-list li a{
    display: block;
    width:100%;
}
.inline-news-list li .left{
    float: left;
    padding-right:2%;
    border-right:1px solid #ddd;
    text-align: center;
    margin-right: 2%;
}
.inline-news-list li h3{
    font-size:40px;
    color:#222;
    line-height:53px;
}
.inline-news-list li .time{
    font-size:12px;
    color:#222;
    line-height:30px;
}
.inline-news-list li h2{
    font-size:18px;
    color:#010101;
    line-height:22px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:1;
}
.inline-news-list li .fonts{
    margin-top: 13px;
    font-size:12px;
    color:#363535;
    line-height:22px;
    height: 44px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}
.welcome-case{
    padding:72px 0 60px;
}
.welcome-case .website-list-tit li:after{
    display: none;
}
.welcome-solution{
    padding:116px 0 156px;
    background:url(../img/wel23.png) no-repeat center bottom;
}
.welcome-solution .left{
    width:18%;
    float: left;
}
.welcome-solution .left h3{
    font-size:24px;
    color:#bbb;
    line-height:20px;
    text-transform:uppercase;
}
.welcome-solution .left h2{
    font-size:26px;
    color:#333;
    line-height:63px;
    margin-bottom: 75px;
}
.welcome-solution .left p{
    font-size:18px;
    color:#888;
    line-height:30px;
}
.welcome-solution .right{
    width:70.5%;
    float: right;
}
.welcome-solution .right li{
    float: left;
    width:23.32%;
    margin-right: 2.23%;
    margin-bottom: 24px;
    padding:14px 1.86% 11px;
    background:#fff;
    border-radius:5px;
    overflow:hidden;
    position: relative;
    box-shadow:0 0 10px rgba(186,192,196,.5);
}
.welcome-solution .right li:nth-child(4n){
    margin-right: 0;
}
.welcome-solution .right .pic-box{
    width:3.5983vw;
    height: 3.5983vw;
    background:#fff;
    border-radius:5px 0 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.welcome-solution .right .ico {
    width: 100%;
    height: 100%;
    opacity:1;
    background-size: 52.6% auto !important;
    display: block;
}
.welcome-solution .right .ico.ico2 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.welcome-solution .right h2{
    font-size:20px;
    color:#5b5b5b;
    line-height:32px;
    moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.welcome-solution .right p{
    font-size:14px;
    color:#999;
    line-height:22px;
    word-break:break-all;
}
.welcome-solution .right h3{
    font-size:14px;
    color:#999;
    line-height:33px;
    padding-top: 40px;
    margin-top: 8px;
    position: relative;
}
.welcome-solution .right h3:after{
    content:"";
    width:1px;
    height: 40px;
    position: absolute;
    top:0;
    left:0;
    background:#ddd;
}
.welcome-product-box .picture-bgbox {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
}
.welcome-product-box {
    background: #f6f6f6;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.welcome-product-box .picture-bgbox .picture-bg{
    display: block;
    width:100%;
    height:100%;
    background:url(../img/wel19.jpg) no-repeat center;
    position: absolute;
    top:0;
    left:0;
    z-index:-1;
    transition:all 0s;
}
.welcome-product-box .picture-bgbox .picture-bg.hover{
    z-index:2;
}
.welcome-product{
    padding:90px 0 70px;
    position: relative;
    z-index: 3;
}
.welcome-product-list{
    padding:70px 5% 30px !important;
}
.welcome-product-list .swiper-slide{
    background:#fff;
    text-align: center;
    padding:40px 2.1% 23px;
    box-shadow:0 0 15px rgba(158,171,180,.5);
}
.welcome-product-list .swiper-slide a{
    display: block;
    width:100%:
}
.welcome-product-list .swiper-slide .picture{
    height:55px;
}
.welcome-product-list .swiper-slide .list-content{
    margin-top:47px;
    position: relative;
    width:100%;
}
.welcome-product-list .swiper-slide h2{
    font-size:14px;
    color:#636363;
    line-height:26px;
}
.welcome-product-list .swiper-slide dl{
    width:70%;
    margin:0 auto;
    display: block;
    padding-top: 22px;
}
.welcome-product-list .swiper-slide dd{
    float: left;
    width:46%;
    margin-right: 8%;
    line-height:26px;
    background:#ececec;
    font-size:14px;
    color:#636363;
    margin-bottom: 30px;
}
.welcome-product-list .swiper-slide dd:nth-child(2n){
    margin-right: 0;
}
.welcome-product-list .swiper-slide .pos-top{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    background:#fff;
    opacity:0;
    filter:alpha(opacity=0);
    moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.welcome-product-list .swiper-slide p{
    font-size:16px;
    color:#333;
    line-height:28px;
    height:224px;
}
.welcome-product-list .swiper-slide .more{
    width:120px;
    height:40px;
    text-align: center;
    line-height:40px;
    background:#4c74c5;
    font-size:14px;
    color:#fff;
    border-radius:5px;
    margin:37px auto 0;
}
.pageload-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    background:#496db5;
    visibility: hidden;
}
.pageload-overlay.show {
    visibility: visible
}
.pageload-overlay svg {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}
.pageload-overlay svg path {
    fill: #fff
}
.loading {
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -mos-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align:center;
/* disable selection and cursor changes */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor:default;
}

/* Text align it the center of screen and connect the looped animation for 2.5 seconds */
.loading .text{
    position: absolute;
    top: 50%;
    left:0;
    z-index:5;
    text-align: center;
    width:100%;
    font-family: 'Open Sans';
    font-weight: 100;
    color: #f2f2f2;
    font-size:30px;
    line-height:48px;
    margin-top: -24px;
    text-transform: uppercase;
-webkit-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
-moz-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
-ms-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
-o-animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
animation: text 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
}

/* Create a container for animation*/
.loading .spinner {
    position: relative;
    width: 5em;
    height: 5em;
    color:#fff;
}

.loading .spinner:before,
.loading .spinner:after {
    content: "";
    position: relative;
    display: block;
}

/* Create cube and set animation*/
.loading .spinner:before {
    -webkit-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    -moz-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    -ms-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    -o-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    width: 10em;
    height: 10em;
    background-color: #DB2F00;
}

/* Create shadow and set animation*/
.loading .spinner:after {
    -webkit-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    -moz-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    -ms-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    -o-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    position: relative;
    bottom: -1.75em;
    height: .25em;
    border-radius: 50%;
    background-color: #322b27;
}

/* Animation keys */
/* from cube to circle */
@-webkit-keyframes spinner {
    50%     {
            -webkit-border-radius: 50%;
            -webkit-transform: scale(.5) rotate(360deg);
            background-color: #13A3A5; }
    100% {
            -webkit-transform: scale(1) rotate(720deg);
            background-color: #DB2F00; }
}

@-moz-keyframes spinner {
    50%     {
            -moz-border-radius: 50%;
            -moz-transform: scale(.5) rotate(360deg);
            background-color: #13A3A5;}
    100%    {
            -moz-transform: scale(1) rotate(720deg);
            background-color: #DB2F00; }
}

@-mos-keyframes spinner {
    50%     {
            -mos-border-radius: 50%;
            -mos-transform: scale(.5) rotate(360deg);
            background-color: #13A3A5; }
    100%    {
            -mos-transform: scale(1) rotate(720deg);
            background-color: #DB2F00; }
}

@-o-keyframes spinner {
    50%     {
            -o-border-radius: 50%;
            -o-transform: scale(.5) rotate(360deg);
            background-color: #13A3A5; }
    100%    {
            -o-transform: scale(1) rotate(720deg);
            background-color: #DB2F00; }
}

@keyframes spinner {
    50%     {
            border-radius: 50%;
            transform: scale(.5) rotate(360deg);
            background-color: #13A3A5; }
    100%    {
            transform: scale(1) rotate(720deg);
            background-color: #DB2F00; }
}


/* animation shadow */
@-webkit-keyframes shadow {
    50%     {
            -webkit-transform: scale(.5);
            background-color: #322b27; }
}

@-moz-keyframes shadow {
    50%     {
            -moz-transform: scale(.5);
            background-color: #322b27; }
}

@-mos-keyframes shadow {
    50%     {
            -mos-transform: scale(.5);
            background-color: #322b27; }
}

@-o-keyframes shadow {
    50%     {
            -o-transform: scale(.5);
            background-color: #322b27; }
}

@keyframes shadow {
    50%     {
            transform: scale(.5);
            background-color: #322b27; }
}

/* animation text */
@-webkit-keyframes text {
    0%      { -webkit-transform: scale(1,1); }
    50%     { -webkit-transform: scale(.5,.5); }
    100%    { -webkit-transform: scale(1,1); }
}

@-moz-keyframes text {
    0%      { -moz-transform: scale(1,1); }
    50%     { -moz-transform: scale(.5,.5); }
    100%    { -moz-transform: scale(1,1); }
}

@-mos-keyframes text {
    0%      { -mos-transform: scale(1,1); }
    50%     { -mos-transform: scale(.5,.5); }
    100%    { -mos-transform: scale(1,1); }
}

@-o-keyframes text {
    0%      { -o-transform: scale(1,1); }
    50%     { -o-transform: scale(.5,.5); }
    100%    { -o-transform: scale(1,1); }
}

@keyframes text {
    0%      { transform: scale(1,1); }
    50%     { transform: scale(.5,.5);}
    100%    { transform: scale(1,1); }
}
.inline-banner .quality-fonts.dsyd h3,.inline-banner .quality-fonts.dsyd h2,.inline-banner .quality-fonts.dsyd p{
    color:#497abb;
}
.inline-banner .quality-fonts.dsyd p{
    width:53%;
}
.case-p2p #main.market .box{
    width:350px;
}
.market-function{
    padding:90px 0 40px;
}
.market-function-list{
    width:91%;
    margin:0 auto;
    padding-top: 70px;
}
.market-function-list li{
    width:21.7%;
    float: left;
    cursor: pointer;
    margin:0 4.3% 60px 0;
    text-align: center;
    padding:37px 0 30px;
    box-shadow:0 0 20px rgba(227,227,227,.6);
    moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.market-function-list li:nth-child(4n){
    margin-right: 0;
}
.market-function-list li img{
    height:104px;
    margin-bottom:38px;
}
.market-function-list li p{
    font-size:18px;
    color:#333;
    line-height:30px;
}
.free-request-scheme{
    width:600px;
    height:400px;
    position: fixed;
    top:50%;
    left:50%;
    background:url(../img/wel35.png) no-repeat center;
    margin:-200px 0 0 -300px;
    border-radius:15px;
    overflow:hidden;
    padding:9px 0 0;
    box-shadow: 0 0 20px rgba(90,93,221,.3);
    display: none;
}
.free-request-scheme .close{
    width:14px;
    height:14px;
    position: absolute;
    top:15px;
    right:15px;
    background:url(../img/wel36.png) no-repeat center;
    background-size:100% auto;
    cursor: pointer;
}
.free-request-scheme h2{
    font-size:32px;
    color:#fff;
    text-align: center;
    line-height:90px;
}
.free-request-scheme form{
    width:44%;
    display: block;
    margin:0 auto;
}
.free-request-scheme input[type="text"]{
    border:1px solid #fff;
    width:100%;
    line-height:28px;
    height:30px;
    padding:0 7px;
    font-size:12px;
    color:#fff;
    background:none;
    margin-bottom: 20px;
     moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.free-request-scheme textarea{
    width:100%;
    padding:1px 7px;
    height:88px;
    border:1px solid #fff;
    font-size:12px;
    color:#fff;
    background:none;
    resize:none;
    line-height:28px;
    margin-bottom: 30px;
     moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.free-request-scheme input[type="submit"]{
    padding:0;
    width:150px;
    height:40px;
    text-align: center;
    line-height:40px;
    border:none;
    background:#ebbd1c;
    color:#fff;
    font-size:16px;
    display: block;
    margin:0 auto;
    border-radius:5px;
}
.free-request-scheme input[type="text"]:focus,.free-request-scheme textarea:focus{
    border-color: #ebbd1c;
}
.free-request-scheme input::-webkit-input-placeholder,.free-request-scheme textarea::-webkit-input-placeholder {
color: #eee;
}
.free-request-scheme input:-moz-placeholder,.free-request-scheme textarea:-moz-placeholder {
color: #eee;
}
.free-request-scheme input::-moz-placeholder,.free-request-scheme textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#eee;
}
.free-request-scheme input:-ms-input-placeholder,.free-request-scheme textarea:-ms-input-placeholder {
color: #eee;
}