@charset "utf-8";

body,html{

    width: 100%;overflow-x: hidden;

}



.infoot{

    background: #0b141b url(../img/h6.jpg) center top no-repeat;

    background-size: 100%;

    overflow: hidden;

    padding: 50px 20px;

}

.infoot .wrap{

    max-width: 1600px;

    position: relative;

    margin: 0 auto;

}

.infoot .box{

    position: relative;

    padding-left: 340px;

    padding-right: 200px;

}

.infoot .logo{

    position: absolute;

    top: 0;

    left: 0;

    border-right:1px #54524e solid;

    height: 124px;

    width: 300px;

    line-height: 124px;

}

.infoot .logo img{width: 260px;}

.infoot .text{

    color: #fff;

    font-size: 14px;

    line-height: 24px;

}

.infoot .contact{margin: 5px 0 0;}

.infoot .contact a{

    color: #c6c6c6;

    display: inline-block;margin-right: 15px;

    margin-bottom: 5px;

}

.infoot .contact a img{width: 20px;}

.infoot .contact a:hover{color: #fff;}

.infoot .code{

    position: absolute;

    text-align: center;

    right: 0;

    top: 0;

}

.infoot .code .img{width: 140px;height: 140px;line-height: 140px;text-align: center;background: #fff;}

.infoot .code .img img{

    width: 132px;height: 132px;

}

.infoot .code p{color: #fff;font-size: 16px;margin-top: 5px;}



.advantage{width: 100%;height: 100%;overflow: hidden;}

.advantage > .swiper-wrapper{width: 100%;height: 100%;}

.advantage > .swiper-wrapper> .swiper-slide{width: 100%;height: 100%;}





#advantage-menu{

    position: fixed;

    left: 10px;

    top: 50%;

    transform: translateY(-50%);

    z-index: 999;

}

#advantage-menu .swiper-pagination-bullet{

    display: block;

    width: 25px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    font-size: 14px;

    color: #828b93;

    margin: 15px 0;

    border-radius: 50%;

    opacity: 1;

    background: transparent;

    border: 0;

}

#advantage-menu .swiper-pagination-bullet-active{

    background-color: #0068b7;

    color: #fff;

}



.advantage1{

    width: 100%;overflow: hidden;position: relative;height: 100%;

    background: #043758;

}

.advantage2{

    width: 100%;overflow: hidden;position: relative;height: 100%;

    background:#027062;

}

.advantage3{

    width: 100%;overflow: hidden;position: relative;height: 100%;

    background: #e4a600;

}

.advantage4{

    width: 100%;overflow: hidden;position: relative;height: 100%;

    background: #026f82;

}

.advantage5{

    width: 100%;overflow: hidden;position: relative;height: 100%;

    background: #dc6f2d;

}

.advantage6{

    width: 100%;overflow: hidden;position: relative;height: 100%;

    background: #518500;

}

.adva-wrap{

    height: 100%;width: 100%;

    display: flex;display:-webkit-box;display: -ms-flexbox;display: -webkit-flex;

    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    -webkit-box-align: center;-ms-flex-align: center;

	-webkit-align-items: center;

}



.adva-wrap .so-main .mainbox{

    margin:0 auto;

    max-width: 1280px;

    padding:0 50px 0 30px;

    overflow:hidden;

    display: flex;display:-webkit-box;display: -ms-flexbox;display: -webkit-flex;

    -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;

    justify-content: center;

    align-items: center;

    -webkit-box-align: center;-ms-flex-align: center;

    -webkit-align-items: center;

    flex-wrap: wrap;

}

.txtleft{

    width:60%;overflow:hidden;color:#FFFFFF;

}

.so-main .txtleft h3{ font-size:34px; font-weight:100;}

.so-main .txtleft h3 i{ font-size:66px; font-weight:bold;}

.so-main .txtleft p{ 

    line-height:24px; font-size:14px; width:100%; 

    color:#cacaca; margin-top:10px; background:url(../images/d1s.png) left bottom no-repeat; padding-bottom:10px;

}

.so-main .txtleft .data{ padding:5px 0 5px 0; position:relative; margin-top:20px;}

.so-main .txtleft .data i{ width:13px; height:13px; display:inline-block; background-color:#add920; color:#000000;}

.so-main .txtleft .data i.y2{ background-color:#1273b2;}

.so-main .txtleft .data i.y3{ background-color:#088951;}

.so-main .txtleft .data i.y4{ background-color:#1273b2;}

.so-main .txtleft .data i.y5{ background-color:#cf3a79;}

.so-main .txtleft .data i.y6{ background-color:#7fc8e5;}

.so-main .txtleft .data i.y7{ background-color:#0e7097;}

.so-main .txtleft .data i.y8{ background-color:#3a7dcf;}

.so-main .txtleft .data i.y9{ background-color:#fbb963;}

.so-main .txtleft .data i.y10{ background-color:#ffc700;}

.so-main .txtleft .data i.y11{ background-color:#359de1;}

.so-main .txtleft .data i.y12{ background-color:#ff9b00;}

.so-main .txtleft .data i.y13{ background-color:#c155a9;}

.so-main .txtleft .data li{ color:#FFF; line-height:20px; font-size:16px; margin-top:14px;} 

.so-main .txtright{width: 40%;text-align:center;overflow:hidden;}

.so-main .txtright img{ max-width:100%;max-height: 400px;}

.so-main1 .txtleft{padding-right: 90px;}

.so-main2 .txtleft{padding-left: 60px;}

.so-main2 .txtright{text-align: left;padding-right: 60px;} 

.so-main3 .txtleft{ padding-right:10px;}

.so-main3 .txtleft p{ color:#fff;}

.adva-wrap .so-main3 .mainbox{max-width: 1400px;}

.so-main3 .txtright{padding-right: 40px;}





.so-main4 .txtleft{ text-align:center;width:100%;} 

.so-main4 .txtleft p{ 

    font-size:16px; color:#ffffff; max-width:329px; margin:20px auto 0 auto;

    background-position: center bottom;

}

.so-main4 .txtleft .data { text-align:center;}

.so-main4 .txtleft .data li{ 

    margin-right:20px; width:auto; display:inline-block; text-align:left; float:none;

}

.so-main4 .txtright{ width:100%;padding-top: 50px;} 

.so-main5 .txtleft p{ color:#fff;}

.adva-wrap .so-main5 .mainbox{max-width: 1400px;}

.so-main5 .txtleft{padding-right: 40px;}

.so-main5 .txtright{padding-right: 40px;}

.so-main6 .txtleft p{ color:#fff;}

.so-main6 .txtleft{ padding-right:50px;}

.so-main6 .txtright{padding-right: 40px;}



 

 

@media only screen and (max-width:1375px){

    .so-main2 .txtleft{padding-left: 30px;}

    .so-main2 .txtright{padding-right: 30px;}

    .so-main3 .txtleft{ padding-right:30px;}

    .so-main .txtleft h3 i{ font-size:45px;}

    .so-main1 .txtright{padding-right: 40px;}

    .so-main1 .txtleft{padding-right: 0;}

    .so-main2 .txtleft{padding-right: 40px;}

}

@media only screen and (max-width:1000px){

     .so-main .txtleft h3{ font-size:24px;}

     .so-main .txtleft h3 i{ font-size:35px;}

     .so-main4 .txtright{ padding-top:40px;}

}

@media only screen and (max-width:768px){

    .so-main .txtright>img{max-width: 80%;}

    .so-main .txtleft{ width:100%;}

    .so-main .txtright{width: 100%;}

    .so-main .txtright img{max-width: 80%;}

    .so-main1 .txtright{padding-right: 0;}

    .so-main1 .txtright{padding-top: 30px;}

    .so-main2 .txtright{padding-bottom: 30px;padding-right: 0;}

    .so-main2 .txtleft{padding-left: 0;padding-right: 0;}

    .so-main3 .txtright{padding-right: 0;padding-top: 20px;}

    .so-main3 .txtright img{max-width: 400px;}

    .so-main3 .txtleft{padding-right: 0;}

    .so-main5 .txtleft{padding-right: 0;margin-top: 30px;}

    .so-main5 .txtright{padding-right: 0;}

    .so-main5 .txtright img{max-width: 50%;}

    .so-main6 .txtleft{ padding-right:0;}

    .so-main6 .txtright{padding-right: 0;margin-top: 20px;}

    .so-main6 .txtright img{max-width: 50%;}

}

@media only screen and (max-width:640px){

    .so-main .txtleft p{line-height: 1.8;margin-top: 10px;}

    .so-main4 .txtleft .data li{ width:100%;}

    .so-main4 .txtright img{ width:100%;max-width: 100%;}

    .so-main5 .txtleft{ margin-top:20px;}

 }

 



 @media only screen and (max-width:420px){

    .so-main5 .txtright img{width: 50%;}

    .so-main .txtleft h3{ font-size:20px;}

    .so-main .txtleft h3 i{ font-size:24px;}

    .so-main .txtleft .data{margin-top: 0;}

    .so-main5 .txtleft h3{font-size: 18px;}

    .so-main5 .txtleft h3 i{font-size: 26px;}

}

 

@media only screen and (max-width:400px){

    .so-main .txtleft p{

        font-size: 12px;

        padding-bottom: 12px;

    }

    .so-main3 .txtright img{max-width: 50%;}

}



.price-box{

	background-image: url('../img/price-hero.jpg');

    background-size: cover;

    background-position: 50% 50%;

	padding-bottom: 90px;

}

.price-title{text-align: center;color: #fff;width: 1200px;margin: 0 auto;padding:130px 0 50px 0;}

.price-title h1{font-size:3rem;letter-spacing:.1rem;font-weight: normal;}

.price-title h3{font-size:1.8rem;letter-spacing:.02rem;font-weight: normal;}

.price-converter{overflow: hidden;width: 1200px;margin: 20px auto;}

.price-aside{float:right;text-align: right;background:rgb(64, 70, 91) none repeat scroll 0% 0%;padding: 12px 18px;color: #fff;}

.price-aside h1{font-weight: normal;font-size: 26px;}

#price-types{margin-top: 10px;}

#price-types a{display: inline-block;border: 1px solid rgb(255, 255, 255);color: rgb(255, 255, 255);padding:0 5px;}

#price-types a.active{border: 1px solid #df5b10;background: #df5b10;}



.price-wrapper-box{width:1200px;margin: 0 auto;}

.price-wrapper{position: relative;top: -100px;background: #fff;border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    border-bottom: 1px solid #ddd;}

.price-wrapper .plan-headers{overflow: hidden;}

.price-wrapper .plan-headers .item{box-sizing: border-box;width: 33.33%;float: left;text-align: center;vertical-align: middle; padding:30px 30px;height: 190px;border-right: 1px solid #ddd;border-top: 1px solid #ddd;cursor: pointer;background: rgb(238, 238, 238) none repeat scroll 0% 0%;}

.price-wrapper .plan-headers .item h4{font-size:28px;margin: 0 0 10px 0;}

.price-wrapper .plan-headers .item p{font-size: 16px;}

.price-wrapper .plan-headers .item.active{background: #fff;}



.price-tabs{text-align: center;padding: 30px 0;}

.price-tabs .price-item{display: none;}

.price-tabs .price-item.active{display: block;}

.price-tabs .price-item .type{position: relative;top: -22px;color: rgb(245, 112, 36);font-size: 16px;}

.price-tabs .price-item .num{color: rgb(245, 112, 36);font-size:48px;}

.price-tabs .price-item .time{color: #bbb;font-size: 16px;}

.price-tabs .price-item .bottom{color: #bbb;font-size: 16px;}



.price-wrapper .plan-body{width: 880px;margin: 0 auto;}

.price-wrapper .plan-body .item{display: none;overflow: hidden;}

.price-wrapper .plan-body .item.active{display: block;}



.price-wrapper .plan-body .item .left{width: 50%;box-sizing: border-box;float: left;}

.price-wrapper .plan-body .item .right{width: 50%;box-sizing: border-box;float: right;}

.price-wrapper .plan-body .item .plan-points p{padding: 17px 20px 17px 44px;background:url(../img/icon.png) no-repeat left 13px;cursor: pointer;}

.price-wrapper .plan-body a{display: block;background-color: #f57024;box-shadow: inset 0 -2px 0 0 rgba(0,0,0,0.1);padding: 10px 20px;width: 250px;color: #fff;text-align: center;font-size: 32px;border-radius: 5px;margin:20px auto;}

.price-wrapper .plan-body a:hover{background-color: #df5b10;}



.plan-lis p{overflow: hidden;border-bottom:dashed 1px #DDD;width: 700px;margin:0 auto;}

.plan-lis p .t{float: left;}

.plan-lis p .p{float: right;}