@charset "utf-8";

div[class^='m-']{
    display: none;
}

.l-head{
    position: relative;
    z-index: 9;
    border-bottom: 1px solid rgba(255,255,255,.3);
    margin-bottom: -83px;
}
.l-head .cont{
    height: 82px;
}
.l-head .cont .nav{
    width: calc(100% - 54px - 70px);
    -webkit-align-self: stretch;
    align-self: stretch;
}
.l-head .cont .nav>li{
    -webkit-flex: auto;
    flex: auto;
    position: relative;
    border-right: 1px solid rgba(255,255,255,.3);
}
.l-head .cont .nav>li:last-child{
    border-right: none;
}
.l-head .cont .nav>li a{
    -webkit-display: flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    font-size: 16px;
    color: white;
}
.l-head .cont .nav>li a:hover{
    text-decoration: underline;
}
.l-head .cont .nav>li ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 15px 0 12px;
    transform: translateX(-50%);
    background: rgba(255,255,255,.8);
}
.l-head .cont .nav>li:hover ul{
    display: block;
}
.l-head .cont .nav>li ul a{
    white-space: nowrap;
    padding: 3px 20px;
    font-size: 14px;
    color: black;
}
.l-foot{
    display: none!important;
    padding: 15px 0;
    background: #ECECEC;
}
.l-foot *,
.l-foot a{
    line-height: 32px;
    font-size: 12px;
    color: #a1a1a1;
}
.l-foot a:hover{
    text-decoration: underline;
}
.l-foot2{
    padding: 17px 0;
    font-size: 12px;
    color: white;
    background: #484848;
}
.l-foot2 a{
    color: white;
}
.l-foot2 a:hover{
    text-decoration: underline;
}
.l-ce{
    position: fixed;
    top: 70%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    z-index: 10;
    width: 44px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    background: white;
}
.l-ce .hove{
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    padding: 15px 0;
    cursor: pointer;
}
.l-ce .hove>span{
    display: inline-block;
    width: 14px;
    line-height: 17px;
    color: #23AEAB;
}
.l-ce .hove:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 8px;
    height: 100%;
}
.l-ce .hide{
    position: absolute;
    bottom: 0;
    right: 52px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.15);
    padding: 20px;
    background: white;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}
.l-ce .hide.active{
    opacity: 0!important;
    visibility: hidden!important;;
}
.l-ce:hover .hide{
    opacity: 1;
    visibility: visible;
}
.l-ce .hide .wrap{
    position: relative;
    width: 280px;
}
.l-ce .hide .wrap .clos{
    position: absolute;
    right: 0;
    height: 20px;
    cursor: pointer;
}
.l-ce .hide li{
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 0 15px;
}
.l-ce .hide li:last-child{
    margin-bottom: 0;
}
.l-ce .hide .p-img{
    width: 30px;
    height: 30px;
    margin: 0 8px 0 0;
}
.l-ce a{
    text-decoration: none!important;
}
.l-ce .hide .text{
    width: 220px;
}
.l-ce .hide .text p:nth-child(1){
    color: #373d41;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.l-ce .hide li:hover .text p:nth-child(1){
    color: #23AEAB;
}
.l-ce .hide .text p:nth-child(2){
    font-size: 12px;
    color: #9b9ea0;
}
.lm-midd,
.l-cont{
    /* 解决margin塌陷 */
    overflow: hidden;
}
.s-loca{
    border-bottom: 1px solid #EFEFEF;
    margin: 0 0 20px;
    padding: 18px 0;
}
.s-loca *,
.s-loca a{
    font-size: 12px;
    color: #9c9c9c;
}
.s-loca a:hover{
    text-decoration: underline;
}
.s-loca img{
    position: relative;
    top: -2px;
    margin: 0 10px 0 0;
}
.s-sideWrap{
    position: relative;
    z-index: 99;
    margin: -160px 0 0;
}
.s-sideWrap .p-wrap{
    min-height: 160px;
    padding: 75px 0 0;
    background: white;
}
.s-side{
    margin-bottom: 70px;
    text-align: center;
}
.s-side li{
    display: inline-block;
    margin: 0 0 15px;
}
.s-side li a{
    display: inline-block;
    border: 1px solid #EEEEEE;
    margin: 0 8px;
    padding: 0 29px;
    line-height: 46px;
    color: #818181;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-side li a.active,
.s-side li:hover a{
    border: 1px solid white;
    color: white;
    background: url("../img/side-b.png") repeat-x center;
    background-size: auto 100%;
}
@media screen and (min-width: 1801px){
    .s-sideWrap .p-wrap{
        width: 90%;
    }
}
@media screen and (max-width: 768px){
    .s-sideWrap {
        margin: -.8rem 0 0;
    }
    .s-sideWrap .p-wrap {
        min-height: 1.6rem;
        padding: .55rem 0 0;
    }
    .s-side li a {
        margin: 0 5px;
        padding: 0 19px;
        line-height: 36px;
    }
}
.s-page{
    padding: 50px 0;
	text-align: center;
}
.s-page .pagination{
	display: inline-block;
}
.s-page .pagination li{
	display: inline-block;
	border: 1px solid #E1E1E1;
	margin-right: 1px;
	padding: 4px 0;
	width: 33px;
	text-align: center;
}
.s-page .pagination li span,
.s-page .pagination li a{
	font-size: 14px;
	text-align: center;
	display: inline-block;
	color: #3B3B3B;
}
.s-page .pagination .active{
	background: #5B5B5B;
}
.s-page .pagination .active span{
	color: white;
}
.s-prodS>.titl{
    margin: 0 0 15px;
}
.s-prodS>img{
    max-width: 100%;
    padding: 20px 0;
}
.s-prodS img{
    max-width: 100%;
    height: auto!important;
}
.s-sx{
    padding: 50px 0;
	text-align: center
}
.s-sx a:hover{
	text-decoration: underline;
}
.s-prod>.titl{
    position: relative;
    overflow: hidden;
}
.s-prod>.titl .bg .wrap{
    position: relative;
    height: 255px;
}
.s-prod>.titl .wrap canvas{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-60%);
    -moz-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
    -o-transform: translateY(-60%);
    transform: translateY(-60%);
}
.s-prod>.titl .cont{
    position: absolute;
    top: 0;
    width: 100%;
}
.s-prod>.titl .cont img{
    margin-top: 30px;
}
.s-prod>.titl .p-titl .wrap{
    margin-top: 25px;
}
.s-prod .cont .item{
    position: relative;
    overflow: hidden;
}
.s-prod .cont .item img{
    max-width: 100%;
}
.s-prod .cont .item .two{
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 60px 50px;
}
.s-prod .cont .item .two{
    opacity: 1;
}
.s-prod .cont .item:hover .two{
    opacity: 0;
}
.s-prod .cont .item .two .wrap{
    max-width: 100%;
}
.s-prod .cont .item .two p:nth-child(1){
    margin-bottom: 14px;
    line-height: 22px;
    font-size: 22px;
    color: white;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-prod .cont .item .two p:nth-child(2){
    color: white;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}
.s-prod .cont .item .thre{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    color: white;
    background: rgba(15,53,171,.7);
    overflow: hidden;
}
.s-prod .cont .item:hover .thre{
    opacity: 1;
}
.s-prod .cont .item .thre .wrap{
    max-width: 80%;
}
.s-prod .cont .item .thre img{
    max-height: 54px;
    margin: 0 0 40px;
}
.s-prod .cont .item .thre p:nth-child(2){
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-prod .cont .item .thre .p-hr{
    width: 56px;
    margin: 22px 0 30px;
    background: #566DB4;
}
.s-prod .cont .item .thre p:nth-child(4){
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    text-overflow:ellipsis;
}
.s-prod .more{
    padding: 40px 0;
    background: #0F35AB;
}
.s-prod .more a{
    font-size: 16px;
    color: white;
}
.s-prod .more a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 1024px){
    .s-prod .cont .item .two{
        padding: 40px 40px;
    }
}
@media screen and (max-width: 768px){
    .s-prod>.titl .bg .wrap {
        height: 3.5rem;
    }
    .s-prod>.titl .wrap canvas{
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .s-prod>.titl .cont img{
        width: .24rem;
        margin-top: .3rem;
    }
    .s-prod>.titl .p-titl .wrap {
        margin-top: .3rem;
    }
    .s-prod .cont .item:hover img{
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    .s-prod .cont .item .two{
        padding: .4rem .4rem;
    }
    .s-prod .cont .item:hover .two{
        opacity: 1;
    }
    .s-prod .cont .item .two p:nth-child(1){
        margin-bottom: 10px;
        line-height: 16px;
        font-size: 16px;
    }
    .s-prod .cont .item .thre {
        visibility: hidden;
    }
    .s-prod .more{
        padding: .4rem 0;
    }
    .s-prod .more a{
        font-size: 14px;
    }
}
.s-make{
    background: url("../img/make-b.png") no-repeat center;
    background-size: cover;
}
.s-make .cont{
    padding: 0 5% 120px;
}
.s-make .cont .pic{
    -webkit-order: 2;
    order: 2;
    max-width: 820px;
    margin: 0 1.8vw 0 5.2vw;
    text-align: center;
}
.s-make .cont .pic img{
    max-width: 100%;
}
.s-make .cont .text{
    max-width: 242px;
    min-width: 242px;
    text-align: center;
}
.s-make .cont .text:nth-child(2){
    -webkit-order: 1;
    order: 1;
}
.s-make .cont .text:nth-child(3){
    -webkit-order: 3;
    order: 3;
}
.s-make .cont .text .item:nth-child(1){
    margin-bottom: 120px;
}
.s-make .cont .text img{
    margin: 0 0 20px;
}
.s-make .cont .text p:nth-child(2){
    margin: 0 auto;
    font-size: 18px;
    color: #474848;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-make .cont .text .p-hr{
    display: inline-block;
    width: 48px;
    margin: 22px 0 10px;
    background: #D1D1D1;
}
.s-make .cont .text p:nth-child(4){
    line-height: 30px;
    color: #8e8e8e;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media screen and (min-width: 1025px){
    .s-make .cont .pic{
        -webkit-flex: 3;
        flex: 3;
    }
    .s-make .cont .text{
        -webkit-flex: 1;
        flex: 1;
    }
}
@media screen and (max-width: 1024px){
    .s-make .cont{
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    .s-make .cont .pic{
        -webkit-order: 1;
        order: 1;
        width: 100%;
        margin: 0 0 70px;
    }
    .s-make .cont .text:nth-child(2){
        margin-bottom: .6rem;
    }
    .s-make .cont .text .item:nth-child(1) {
        margin-bottom: .6rem;
    }
}
@media screen and (max-width: 768px){
    .s-make .cont {
        padding-bottom: .8rem;
    }
}
@media screen and (max-width: 600px){
    .s-make .cont .text {
        width: 100%;
        max-width: none;
    }
}
.s-abou{
    padding: 165px 7vw;
    background: url("../img/abou-b.png") no-repeat center;
    background-size: cover;
}
.s-abou *,
.s-abou a{
    color: white;
}
.s-abou .titl{
    position: relative;
}
.s-abou .titl:before{
    content: '';
    position: absolute;
    top: 13px;
    left: -6vw;
    width: 5vw;
    height: 1px;
    background: #223989;
}
.s-abou .titl p:nth-child(1){
    margin: 0 0 22px;
    line-height: 28px;
    font-size: 28px;
}
.s-abou .titl p:nth-child(2){
    line-height: 30px;
    font-size: 30px;
}
.s-abou .cont{
    position: relative;
    width: calc(58vw - 7vw);
    line-height: 45px;
    margin: 65px 0;
    padding: 50px 40px 50px 0;
    background: rgba(27,39,84,.8) url("../img/abou-i.png") bottom right no-repeat;
}
.s-abou .cont:before{
    content: '';
    position: absolute;
    top: 0;
    left: -7vw;
    width: 7vw;
    height: 100%;
    background: rgba(27,39,84,.8);
}
.s-abou .more{
    display: inline-block;
    position: relative;
    border: 1px solid #223989;
    padding: 14px 0 0 50px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-abou .more:hover{
    padding: 14px 0 0 78px;
}
.s-abou .more:after{
    content: '';
    position: absolute;
    right: -21px;
    top: 50%;
    width: 42px;
    height: 1px;
    background: #223989;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-abou .more:hover:after{
    right: -31px;
}
@media screen and (min-width: 768px){
    .s-abou .more{
        width: 208px;
        height: 54px;
    }
}
@media screen and (max-width: 768px) {
    .s-abou {
        padding: 1.3rem 7vw;
    }
    .s-abou .titl:before {
        top: 8px;
    }
    .s-abou .titl p:nth-child(1) {
        margin: 0 0 10px;
        line-height: 18px;
        font-size: 18px;
    }
    .s-abou .titl p:nth-child(2) {
        line-height: 18px;
        font-size: 18px;
    }
    .s-abou .cont{
        width: calc(85vw - 7vw);
        line-height: 24px;
        margin: .6rem 0;
        padding: .5rem .4rem .5rem 0;
    }
    .s-abou .more {
        padding: .14rem 1rem .14rem .5rem;
    }
}
.s-bran{
    background: #F7FAFC;
}
.s-bran .item{
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 450px;
}
.s-bran .item .text img{
    opacity: 0;
}
.s-bran .item .text{
    position: relative;
}
.s-bran .item .text .two{
    opacity: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 58px 30px;
    background: white;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-bran .item:hover .text .two{
    opacity: 0;
}
.s-bran .item .text .two p:nth-child(1){
    font-size: 16px;
    color: #979797;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-bran .item .text .two p:nth-child(2){
    margin: 30px 0 20px;
    font-size: 16px;
    color: #6d6d6d;
}
.s-bran .item .text .two p:nth-child(3){
    line-height: 30px;
    color: #999999;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
}
.s-bran .item .text .thre{
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 28px 30px;
    color: white;
    background: #0F35AB;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-bran .item:hover .text .thre{
    opacity: 1;
}
.s-bran .item .text .thre>p:nth-child(1){
    margin: 30px 0 20px;
    font-size: 16px;
}
.s-bran .item .text .thre>p:nth-child(2){
    line-height: 30px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
}
.s-bran .item .text .thre div{
    margin: 28px 0 0;
}
.s-bran .item .text .thre div p:nth-child(1){
    font-size: 16px;
}
.s-bran .item .pic{
    position: relative;
}
.s-bran .item .pic .shad{
    opacity: 0;
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    border: 1px solid rgba(255,255,255,.4);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-bran .item:hover .pic .shad{
    opacity: 1;
}
.s-bran .more{
    padding: 40px 0;
}
.s-bran .more a{
    font-size: 16px;
    color: #939394;
}
.s-bran .more a:hover{
    text-decoration: underline;
}
@media screen and (max-width: 1799px) and (min-width: 1350px){
    .s-bran .cont{
        height: 600px;
        overflow: hidden;
    }
}
@media screen and (min-width: 900px){
    .s-bran .item:nth-child(even) .text{
        -webkit-order: 1;
        order: 1;
    }
}
@media screen and (max-width: 768px){
    .s-bran .more{
        padding: .4rem 0;
    }
    .s-bran .more a{
        font-size: 14px;
    }
}
@media screen and (max-width: 475px){
    .s-bran .item{
        width: 96%;
    }
    .s-bran .item .p-img2{
        width: 100%!important;
        height: auto!important;
    }
    .s-bran .item .text .p-img2{
        display: none;
    }
    .s-bran .item .text .two{
        position: static;
        padding: .5rem .3rem;
    }
    .s-bran .item .text .two p:nth-child(2) {
        margin: .3rem 0 .2rem;
    }
    .s-bran .item img{
        width: 100%;
        height: auto!important;
        top: 0!important;
        left: 0!important;
    }
}
.s-ctct .map{
    width: 65vw;
}
.s-ctct .cont{
    width: 35vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 80px 50px;
    background: #0F35AB;
}
.s-ctct .cont .titl{
    margin: 0 0 40px;
    color: white;
}
.s-ctct .cont .titl .p-hr{
    width: 45px;
    height: 2px;
    background: #B9CAFF;
}
.s-ctct .cont .titl p:nth-child(2){
    margin: 18px 0 10px;
    line-height: 28px;
    font-size: 28px;
}
.s-ctct .cont .comp{
    margin: 0 0 32px;
}
.s-ctct .cont .comp p:nth-child(1){
    font-size: 16px;
    color: #b9caff;
}
.s-ctct .cont .comp p:nth-child(2){
    margin: 0 0 38px;
    font-size: 12px;
    color: #4566cd;
}
.s-ctct .cont .comp .p-hr{
    width: 28vw;
    background: #3454B7;
}
.s-ctct .cont .list li img{
    position: relative;
    top: 10px;
}
.s-ctct .cont .list li p{
    width: calc(100% - 40px);
    line-height: 40px;
    font-size: 16px;
    color: #b9caff;
}
.s-ctct .more{
    display: inline-block;
    position: relative;
    border: 1px solid #284AB4;
    margin: 35px 0 0;
    padding: 14px 0 0 50px;
    color: #b9cafe;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-ctct .more:hover{
    padding: 14px 0 0 65px;
}
.s-ctct .more:after{
    content: '';
    position: absolute;
    right: -21px;
    top: 50%;
    width: 42px;
    height: 1px;
    background: #284AB4;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-ctct .more:hover:after{
    right: -31px;
}
@media screen and (min-width: 768px){
    .s-ctct .more{
        width: 208px;
        height: 54px;
    }
}
@media screen and (max-width: 768px){
    .p-box.no-wrap{
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .s-ctct .map{
        width: 100%;
        min-height: 60vh;
    }
    .s-ctct .cont{
        width: 100%;
        padding: .8rem .5rem;
    }
    .s-ctct .cont .titl {
        margin: 0 0 .4rem;
    }
    .s-ctct .cont .titl p:nth-child(2) {
        margin: .35rem 0 .2rem;
        line-height: 18px;
        font-size: 18px;
    }
    .s-ctct .cont .comp p:nth-child(2) {
        margin: 0 0 .5rem;
    }
    .s-ctct .cont .list li img {
        max-height: .22rem;
    }
    .s-ctct .cont .list li p {
        width: calc(100% - .5rem);
        line-height: 28px;
        font-size: 14px;
    }
    .s-ctct .more {
        padding: .14rem 1rem .14rem .5rem;
    }
}
.s-part{
    width: 85%;
    margin: 60px auto 0;
    background: url("../img/part-b.png") no-repeat center;
    background-size: auto 100%;
}
.s-part .p-titl .wrap{
    margin-top: 160px;
    margin-bottom: 90px;
}
.s-part .p-img{
    width: 125px;
    height: 70px;
}
.s-part .swiper-container{
    display: none;
    width: calc(125px * 8);
    padding: 0 0 118px;
}
.s-part .swiper-container.size1920{
    display: block;
}
.s-part .swiper-container .swiper-slide{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.s-part .item{
    margin: 0 0 75px;
}
@media screen and (max-width: 1876px){
    .s-part .swiper-container{
        padding: 0 0 80px;
    }
}
@media screen and (max-width: 1760px){
    .s-part .swiper-container{
        padding: 0 0 50px;
    }
}
@media screen and (max-width: 1668px){
    .s-part .p-titl .wrap {
        margin-top: 140px;
        margin-bottom: 70px;
    }
    .s-part .swiper-container{
        padding: 0 0 50px;
    }
}
@media screen and (max-width: 1592px){
    .s-part .p-titl .wrap {
        margin-top: 120px;
        margin-bottom: 60px;
    }
    .s-part .swiper-container{
        padding: 0 0 50px;
    }
}
@media screen and (max-width: 1508px){
    .s-part .p-titl .wrap {
        margin-top: 100px;
        margin-bottom: 40px;
    }
    .s-part .swiper-container{
        padding: 0 0 50px;
    }
}
@media screen and (max-width: 1405px){
    .s-part .item {
        margin: 0 0 55px;
    }
}
@media screen and (max-width: 1300px){
    .s-part .swiper-container.size1920{
        display: none;
    }
    .s-part .swiper-container.size1300{
        display: block;
    }
    .s-part .swiper-container{
        width: calc(125px * 7);
    }
    .s-part .swiper-container {
        padding: 0 0 20px;
    }
}
@media screen and (max-width: 1230px){
    .s-part{
        height: 665px!important;
        background-size: 100% 100%;
    }
}
@media screen and (max-width: 1194px){
    .s-part .swiper-container.size1300{
        display: none;
    }
    .s-part .swiper-container.size1194{
        display: block;
    }
    .s-part .swiper-container{
        width: calc(125px * 6);
    }
}
@media screen and (max-width: 750px){
    .s-part{
        height: 330px!important;
    }
    .s-part .p-titl .wrap {
        margin-top: 48px;
        margin-bottom: 20px;
    }
    .s-part .swiper-container {
        padding: 0px 0 0;
    }
    .s-part .swiper-container.size1194{
        display: none;
    }
    .s-part .swiper-container.size750{
        display: block;
    }
    .s-part .swiper-container{
        width: calc(125px * 2);
    }
}
.s-seoP .sect1 .cont{
    margin-top: -15px;
}
.s-seoP .sect1 .cont p{
    line-height: 50px;
    font-size: 16px;
    color: #666666;
}
@media screen and (max-width: 768px){
    .s-seoP .sect1 .cont p {
        line-height: 28px;
        font-size: 14px;
=    }
}
.s-seoP .sect2{
    margin-top: 20px;
    padding: 0 0 70px;
}
.s-seoP .sect2 .item{
    width: 380px;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(202, 202, 202, 0.4);
    -moz-box-shadow: 0px 1px 5px 1px rgba(202, 202, 202, 0.4);
    box-shadow: 0px 1px 5px 1px rgba(202, 202, 202, 0.4);
}
.s-seoP .sect2 .item .titl{
    position: relative;
    width: 100%;
    height: 184px;
    padding: 38px 0 0;
    background: url("../img/seoP-adva-b1.png") no-repeat center;
    background-size: cover;
}
.s-seoP .sect2 .item:nth-child(2) .titl{
    background: url("../img/seoP-adva-b2.png") no-repeat center;
}
.s-seoP .sect2 .item:nth-child(3) .titl{
    background: url("../img/seoP-adva-b3.png") no-repeat center;
}
.s-seoP .sect2 .item .titl p:nth-child(1){
    line-height: 46px;
    font-size: 32px;
    color: #fff;
}
.s-seoP .sect2 .item .titl p:nth-child(2){
    font-size: 12px;
    color: #fff;
}
.s-seoP .sect2 .item .icon{
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%,50%);
    -moz-transform: translate(-50%,50%);
    -ms-transform: translate(-50%,50%);
    -o-transform: translate(-50%,50%);
    transform: translate(-50%,50%);
    width: 114px;
    height: 114px;
    border: 1px solid #D1D1D1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: white;
}
.s-seoP .sect2 .item .desc{
    border: 1px solid #D4D4D4;
    border-top: none;
    padding: calc(57px + 15px) 45px 15px;
    line-height: 40px;
    color: #898989;
}
.s-seoP .sect2 .item .desc p{
    height: 120px;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;
}
@media screen and (max-width: 768px){
    .s-seoP .sect2 {
        margin-top: 0;
        padding-bottom: .3rem;
    }
    .s-seoP .sect2 .item {
        width: 100%;
        margin: 0 0 .5rem;
    }
    .s-seoP .sect2 .item:last-child{
        margin-bottom: 0;
    }
    .s-seoP .sect2 .item .titl {
        height: 2.28rem;
        padding: .38rem 0 0;
    }
    .s-seoP .sect2 .item .titl p:nth-child(1) {
        line-height: 32px;
        font-size: 18px;
    }
    .s-seoP .sect2 .item .icon{
        width: 1.14rem;
        height: 1.14rem;
    }
    .s-seoP .sect2 .item .icon img{
        height: .57rem;
    }
    .s-seoP .sect2 .item .desc {
        padding: calc(.57rem + 15px) .45rem 15px;
        line-height: 28px;
        color: #898989;
    }
    .s-seoP .sect2 .item .desc p{
        height: auto;
    }
}
.s-seoP .sect3 .cont{
    margin: 25px 0 0;
    padding: 0 0 100px;
}
.s-seoP .sect3 .item{
    width: 186px;
}
.s-seoP .sect3 .item .titl{
    position: relative;
    width: 186px;
    height: 182px;
    color: #4A9BFF;
    background: url("../img/seoP-step-b.png") no-repeat center;
    background-size: 100% 100%;
}
.s-seoP .sect3 .item .titl:after{
    content: '';
    position: absolute;
    right: -110px;
    width: 67px;
    height: 19px;
    background: url("../img/seoP-step-i.png") no-repeat center;
    background-size: 100% 100%;
}
.s-seoP .sect3 .item:last-child .titl:after{
    display: none;
}
.s-seoP .sect3 .item>p{
    margin: 24px 0 0;
    line-height: 24px;
    color: #7B7B7B;
}
@media screen and (max-width: 768px){
    .s-seoP .sect3 .cont {
        -webkit-justify-content: center;
        justify-content: center;
        margin: .15rem 0 0;
        padding: 0 0 .3rem;
    }
    .s-seoP .sect3 .item {
        width: 100%;
        margin: 0 0 .6rem;
    }
    .s-seoP .sect3 .item .titl{
        margin: 0 auto;
    }
    .s-seoP .sect3 .item .titl:after {
        display: none;
    }
    .s-seoP .sect3 .item>p {
        margin: .24rem 0 0;
    }
}
.s-seoP .sect4{
    padding: 0 0 100px;
    background: url("../img/seoP-guar-b.png") no-repeat center;
    background-size: cover;
}
.s-seoP .sect4 .p-wrap{
    width: 980px;
}
.s-seoP .sect4 .p-titl2 .wrap{
    margin: 98px 0 75px;
}
.s-seoP .sect4 .p-titl2 *{
    color: white;
}
.s-seoP .sect4 .p-titl2 p:nth-child(2){
    color: #b5cbe7;
}
.s-seoP .sect4 .icon{
    width: 150px;
    height: 150px;
    border: 1px solid #7CAFE7;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.s-seoP .sect4 .item .titl{
    margin: 17px 0 10px;
}
.s-seoP .sect4 .item .titl p:nth-child(1){
    font-size: 18px;
    color: white;
}
.s-seoP .sect4 .item .titl p:nth-child(2){
    text-transform: uppercase;
    font-size: 12px;
    color: #b5cbe7;
}
.s-seoP .sect4 .item>p{
    line-height: 30px;
    color: white;
}
@media screen and (max-width: 768px){
    .s-seoP .sect4{
        padding: 0 0 .5rem;
    }
    .s-seoP .sect4>.p-wrap {
        width: 96%;
    }
    .s-seoP .sect4 .p-titl2 .wrap {
        margin: .9rem 0 .7rem;
    }
    .s-seoP .sect4 .cont.p-wrap {
        width: calc(33vw * 2.3);
    }
    .s-seoP .sect4 .icon {
        width: 1.5rem;
        height: 1.5rem;
        margin: 0 auto;
    }
    .s-seoP .sect4 .icon img{
        height: .6rem;
    }
    .s-seoP .sect4 .item{
        width: 33vw;
        margin: 0 0 .5rem;
    }
    .s-seoP .sect4 .item .titl p:nth-child(1) {
        font-size: 16px;
    }
    .s-seoP .sect4 .item>p {
        line-height: 24px;
    }
}
.s-seoP .sect5{
    padding: 0 0 75px;
}
.s-seoP .sect5 .p-titl2 .wrap{
    margin: 88px 0 65px;
}
.s-seoP .sect5 .item{
    width: 33.3%;
    border-right: 1px solid#EDEDED;
}
.s-seoP .sect5 .item:last-child{
    border-right: none;
}
.s-seoP .sect5 .item .titl{
    font-size: 18px;
    color: #333333;
}
.s-seoP .sect5 .item .p-hr{
    display: inline-block;
    width: 44px;
    height: 3px;
    margin: 18px 0 10px;
    background: -webkit-linear-gradient(to right,#3D88FF,#23BCFF);
    background: -o-linear-gradient(to right,#3D88FF,#23BCFF);
    background: -moz-linear-gradient(to right,#3D88FF,#23BCFF);
    background: linear-gradient(to right,#3D88FF,#23BCFF);
}
.s-seoP .sect5 .item .desc{
    line-height: 30px;
    color: #a9a8a8;
}
@media screen and (max-width: 768px){
    .s-seoP .sect5{
        padding-bottom: .75rem;
    }
    .s-seoP .sect5 .p-titl2 .wrap {
        margin: .88rem 0 .45rem;
    }
    .s-seoP .sect5 .item {
        width: 100%;
        border-right: none;
        margin: 0 0 .4rem;
    }
    .s-seoP .sect5 .item:last-child{
        margin-bottom: 0;
    }
    .s-seoP .sect5 .item img{
        height: .67rem;
    }
    .s-seoP .sect5 .item .titl {
        margin: .1rem 0 0;
        font-size: 16px;
    }
    .s-seoP .sect5 .item .p-hr{
        margin: .18rem 0 .1rem
    }
    .s-seoP .sect5 .item .desc {
        line-height: 24px;
    }
}
.btn-bott{
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    margin: 0 0 75px;
    padding: 14px 35px;
    background: #0060FF;
}
.btn-bott span{
    position: relative;
    top: 3px;
    margin: 0 16px 0 0;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
@media screen and (max-width: 768px){
    .btn-bott {
        margin: 0 0 .65rem;
        padding: .2rem .6rem;
    }
    .btn-bott span {
        top: 1px;
        margin: 0 16px 0 0;
        font-size: 14px;
    }
    .btn-bott img{
        height: .4rem;
    }
}
.s-caseL{
    margin-bottom: -75px;
}
.s-caseL .item{
    position: relative;
    width: 520px;
    margin: 0 0 75px;
}
.s-caseL .item img{
    position: absolute;
    top: 18px;
    left: 62px;
    width: 398px;
    height: 249px;
}
.s-caseL .item .shad{
    position: relative;
    z-index: 99;
    width: 100%;
    height: 303px;
    background: url("../img/caseL-b.png") no-repeat center;
    background-size: 100%;
}
.s-caseL .item .titl p:nth-child(1){
    margin: 27px 0 9px;
    font-size: 18px;
    color: #373737;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-caseL .item .titl p:nth-child(2){
    color: #9f9e9e;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media screen and (min-width: 1801px){
    .s-caseL .p-wrap{
        width: 90%;
    }
}
@media screen and (max-width: 1800px){
    .s-caseL .item{
        width: 380px;
    }
    .s-caseL .item img {
        position: absolute;
        top: 13px;
        left: 45px;
        width: 291px;
        height: 182px;
    }
    .s-caseL .item .shad{
        height: 222px;
    }
}
@media screen and (max-width: 768px){
    .s-caseL {
        margin-bottom: -.5rem;
    }
    .s-caseL .item{
        width: 3.5rem;
        margin: 0 0 .5rem;
    }
    .s-caseL .item img {
        position: absolute;
        top: .09rem;
        left: .4rem;
        width: 2.7rem;
        height: 1.8rem;
    }
    .s-caseL .item .shad{
        height: 2rem;
    }
    .s-caseL .item .titl p:nth-child(1) {
        margin: .25rem 0 .05rem;
        font-size: 16px;
    }
}
.s-bdP .s-seoP .sect2{
    margin-bottom: -42px;
}
.s-bdP .s-seoP .sect2 .item{
    margin-bottom: 42px;
}
.s-bdP .s-seoP .sect2 .item:nth-child(4) .titl {
    background: url(../img/seoP-adva-b4.png) no-repeat center;
}
.s-bdP .s-seoP .sect2 .item:nth-child(5) .titl {
    background: url(../img/seoP-adva-b5.png) no-repeat center;
}
.s-bdP .s-seoP .sect2 .item:nth-child(6) .titl {
    background: url(../img/seoP-adva-b6.png) no-repeat center;
}
.s-bdP .sect3{
    margin-bottom: 150px;
}
.s-bdP .sect3 .p-titl2 .wrap{
    margin-bottom: 48px;
}
.s-bdP .sect3 .item{
    width: 342px;
    -webkit-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    -moz-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
}
.s-bdP .sect3 .item>.titl{
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 342px;
    height: 137px;
    background: url("../img/fullP-pric-b.png");
}
.s-bdP .sect3 .item>.titl p:nth-child(1){
    margin: 0 0 15px;
    line-height: 29px;
    font-size: 29px;
    color: white;
}
.s-bdP .sect3 .item>.titl p:nth-child(2){
    line-height: 12px;
    font-size: 12px;
    color: white;
}
.s-bdP .sect3 .item>.cont{
    height: 527px;
    border: 1px solid #D6D6D6;
    border-top: none;
    padding: 40px 0;
}
.s-bdP .sect3 .item>.cont .titl{
    font-size: 18px;
    color: #686868;
}
.s-bdP .sect3 .item>.cont .titl span{
    color: #2884e3;
}
.s-bdP .sect3 .item>.cont .list{
    margin: 16px 0 40px;
    line-height: 46px;
    font-size: 16px;
    color: #686868;
}
.s-bdP .sect3 .item a{
    display: inline-block;
    border: 1px solid #DEDEDE;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 9px 46px;
    color: #686868;
}
@media screen and (max-width: 768px){
    .s-bdP .sect3 {
        margin-bottom: .5rem;
    }
    .s-bdP .sect3 .p-titl2 .wrap {
        margin-bottom: .48rem;
    }
    .s-bdP .sect3 .p-wrap .cont{
        -webkit-justify-content: center;
        justify-content: center;
    }
    .s-bdP .sect3 .item{
        margin-bottom: .4rem;
    }
    .s-bdP .sect3 .item:last-child{
        margin-bottom: 0;
    }
    .s-bdP .sect3 .item>.titl {
        width: 342px;
        height: 2.2rem;
    }
    .s-bdP .sect3 .item>.titl p:nth-child(1) {
        margin: 0 0 .1rem;
        font-size: 18px;
        color: white;
    }
    .s-bdP .sect3 .item>.cont {
        height: auto;
        padding: .5rem 0;
    }
    .s-bdP .sect3 .item>.cont .titl {
        font-size: 16px;
    }
    .s-bdP .sect3 .item>.cont .list {
        margin: .16rem 0 .4rem;
        line-height: 32px;
        font-size: 14px;
    }
}
.s-abP .sect{
    position: relative;
    z-index: 99;
}
.s-abP .sect .p-wrap{
    width: 90%;
    min-height: 165px;
    margin: -165px auto 0;
    padding: 80px 100px;
    background: white url("../img/abouP-cont-b.png") no-repeat center left;
}
.s-abP .sect .titl h5{
    white-space: nowrap;
    line-height: 29px;
    font-size: 29px;
}
.s-abP .sect .titl img{
    margin: 70px 0 0;
}
.s-abP .sect .cont{
    max-width: 55vw; 
    padding: 0 40px;
}
.s-abP .sect .cont h5{
    margin: 0 0 24px;
    font-size: 18px;
}
.s-abP .sect .cont p{
    line-height: 45px;
}
.s-abP .sect .cont p:last-child,
.s-abP .sect .cont p:nth-last-child(2){
    margin: 18px 0 0;
    line-height: 35px;
    font-size: 12px;
    color: #cecece;
}
.s-abP .sect .pic{
    width: 545px;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    padding: 20px;
    background: url("../img/abouP-cont-b2.png") no-repeat center;
    background-size: 100% 100%;
}
.s-abP .sect .pic img{
    width: 100%;
}
@media screen and (max-width: 768px){
    .s-abP .sect .p-wrap {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .4rem .4rem;
    }
    .s-abP .sect .titl h5 {
        line-height: 18px;
        font-size: 18px;
    }
    .s-abP .sect .titl img{
        display: none;
    }
    .s-abP .sect .cont {
        max-width: none;
        padding: 0 0;
    }
    .s-abP .sect .cont h5 {
        margin: .3rem 0 .14rem;
        font-size: 14px;
    }
    .s-abP .sect .cont p {
        line-height: 24px;
    }
    .s-abP .sect .cont p:last-child {
        margin: .18rem 0 0;
        line-height: 24px;
    }
    .s-abP .sect .pic{
        margin: .4rem 0 0;
        padding: .2rem;
    }
}
.s-abP .sect2{
    padding: 0 0 100px;
}
.s-abP .sect2 .titlB{
    padding: 40px 0 60px;
}
.s-abP .sect2 .titlB p{
    font-weight: bold;
    font-size: 30px;
}
.s-abP .sect2 .titlB p span{
    position: relative;
    top: -2px;
    font-size: 18px;
}
.s-abP .sect2 .item{
    position: relative;
    width: 280px;
    border: 1px solid #D6D6D6;
    -webkit-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    -moz-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    margin: 0 0 32px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    overflow: hidden;
}
.s-abP .sect2 .item:hover{
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0);
    -moz-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0);
    box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0);
}
.s-abP .sect2 .item .wrap{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-abP .sect2 .item:hover .wrap{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.s-abP .sect2 .item .show{
    opacity: 1;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-abP .sect2 .item:hover .show{
    opacity: 0;
}
.s-abP .sect2 .item .show .p-img{
    -webkit-align-items: flex-end;
    align-items: flex-end;
    width: 278px;
    height: 264px;
    border-bottom: 1px solid #D6D6D6;
    background: white;
}
.s-abP .sect2 .item .show .titl{
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 125px;
    padding: 38px 0 0;
    background: white;
}
.s-abP .sect2 .item .show .titl p:nth-child(1){
    margin: 0 0 10px;
    font-size: 18px;
    color: #5b5b5a;
}
.s-abP .sect2 .item .show .titl p:nth-child(2){
    line-height: 14px;
    color: #aeaeae;
}
.s-abP .sect2 .item .shad{
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    background: #FFFFFF;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-abP .sect2 .item:hover .shad{
    opacity: 1;
    z-index: 99;
}
.s-abP .sect2 .item  .shad .desc{
    width: 100%;
    height: 264px;
    border-bottom: 1px solid #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 32px;
    background: url("../img/abouP-team-b.png") no-repeat center;
}
.s-abP .sect2 .item  .shad .desc p{
    line-height: 36px;
    color: white;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
    overflow:hidden;
    text-overflow:ellipsis;
}
.s-abP .sect2 .item  .shad .p-img{
    width: 102px;
    height: 102px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: -51px auto 0;
    overflow: hidden;
}
.s-abP .sect2 .item .shad .p-hr{
    width: 1px;
    height: 15px;
    margin: 0 auto;
    background: #D6D6D6;
}
.s-abP .sect2 .item .shad .titl p:nth-child(1){
    margin: 6px 0 10px;
    font-size: 18px;
    color: #5b5b5a;
}
.s-abP .sect2 .item .shad .titl p:nth-child(2){
    line-height: 14px;
    color: #aeaeae;
}
@media screen and (max-width: 768px){
    .s-abP .sect2 {
        padding: 0 0 0;
    }
    .s-abP .sect2 .titlB {
        padding: 40px 0 .6rem;
    }
    .s-abP .sect2 .titlB p {
        font-size: 18px;
    }
    .s-abP .sect2 .titlB p span {
        top: -1px;
        font-size: 14px;
    }
    .s-abP .sect2 .item{
        width: 47vw;
        margin: 0 0 .4rem;
    }
    .s-abP .sect2 .item .show .p-img {
        width: 47vw;
        height: 3.2rem;
    }
    .s-abP .sect2 .item .show .titl {
        height: 1.85rem;
        padding: .46rem 0 0;
    }
    .s-abP .sect2 .item .show .titl p:nth-child(1) {
        margin: 0 0 .1rem;
        font-size: 16px;
    }
    .s-abP .sect2 .item .shad .desc {
        height: 3.2rem;
        padding: .3rem .3rem;
    }
    .s-abP .sect2 .item .shad .desc p {
        line-height: 24px;
        -webkit-line-clamp: 4;
    }
    .s-abP .sect2 .item .shad .p-img {
        width: 1.3rem;
        height: 1.3rem;
        margin: -.65rem auto 0;
    }
    .s-abP .sect2 .item .shad .titl p:nth-child(1) {
        margin: 0 0 .1rem;
        font-size: 16px;
    }
}
.s-ctctP>.p-wrap{
    position: relative;
    z-index: 99;
    width: 90%;
    margin: -165px auto 0;
    padding: 125px 0 0;
    background: white;
}
.s-ctctP .sect{
    margin: 0 0 55px;
}
.s-ctctP .sect .titl{
    margin: 0 0 20px;
}
.s-ctctP .sect .titl p:nth-child(1){
    font-weight: bold;
    font-size: 16px;
    color: #7f7f7f;
}
.s-ctctP .sect .titl p:nth-child(2){
    font-size: 14px;
    color: #c1c1c1;
}
.s-ctctP .map{
    border-bottom: 1px solid #EEEEEE;
    margin: 0 auto 100px;
    padding: 0 0 13px;
}
@media screen and (max-width: 768px){
    .s-ctctP>.p-wrap {
        margin: -.7rem auto 0;
        padding: .5rem .1rem 0;
        background: white;
    }
    .s-ctctP .sect {
        margin: 0 0 .55rem;
    }
    .s-ctctP .sect .titl {
        margin: 0 0 .15rem;
    }
    .s-ctctP .sect .titl p:nth-child(2) {
        font-size: 12px;
    }
    .s-ctctP .map {
        margin: 0 auto .5rem;
    }
}
.s-branP .sect{
    background: url("../img/branP-how-b.png") no-repeat center top;
    background-size: 100% auto;
}
.s-branP .sect .desc{
    margin: -10px 0 0;
    font-size: 16px;
}
.s-branP .sect .list{
    margin-bottom: -86px;
    padding: 105px 0;
}
.s-branP .sect .item{
    margin: 0 0 86px;
    padding: 0 75px;
}
.s-branP .sect .item:nth-child(1){
    padding-left: 0;
}
.s-branP .sect .item:nth-child(4){
    padding-right: 0;
}
.s-branP .sect .item .p-img{
    width: 162px;
    height: 160px;
    margin: 0 auto;
    background: url("../img/branP-how-ib.png") no-repeat center;
}
.s-branP .sect .item .p-img img{
    position: relative;
    top: -4px;
}
.s-branP .sect .item p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.s-branP .sect .item p:nth-child(1){
    margin: 18px 0 9px;
    font-size: 18px;
}
.s-branP .sect .item p:nth-child(2){
    color: #727272;
}
.s-branP .sect2{
    padding: 140px 0;
    background: url("../img/branP-set-b.png") no-repeat center;
    background-size: 100% 100%;
}
.s-branP .sect2 *{
    color: white;
}
.s-branP .sect2 .p-wrap{
    width: 1045px;
}
.s-branP .sect2 .item{
    margin-bottom: 30px;
}
.s-branP .sect2 .item:last-child{
    margin-bottom: 0;
}
.s-branP .sect2 .item:nth-child(2) .text{
    -webkit-order: 2;
    order: 2;
    margin: 0 0 0 auto;
}
.s-branP .sect2 .item .titl{
    margin: 0 0 20px;
}
.s-branP .sect2 .item .titl p:nth-child(1){
    line-height: 36px;
    font-size: 36px;
}
.s-branP .sect2 .item .titl p:nth-child(2){
    margin: 9px 0 27px;
    text-transform: uppercase;
    line-height: 12px;
    font-size: 12px;
}
.s-branP .sect2 .item .titl .p-hr{
    width: 50px;
    height: 2px;
    background: white;
}
.s-branP .sect2 .item .desc p{
    line-height: 42px;
    font-size: 16px;
}
.s-branP .sect2 .item .pic img{
    max-width: 500px;
}
.s-branP .sect2 .item:nth-child(2) .pic{
    margin: 0 auto 0 0;
}
.s-branP .btn-bott{
    margin-top: 75px;
}
@media screen and (max-width: 768px){
    .s-branP .sect .desc {
        font-size: 14px;
    }
    .s-branP .sect .list {
        margin-bottom: -.5rem;
        padding: .7rem 0;
    }
    .s-branP .sect .item {
        margin: 0 0 .5rem;
        padding: 0 .4rem!important;
    }
    .s-branP .sect .item .p-img {
        width: 1.62rem;
        height: 1.6rem;
        background-size: 100%;
    }
    .s-branP .sect .item .p-img img{
        height: .7rem;
    }
    .s-branP .sect .item p:nth-child(1) {
        margin: 6px 0 2px;
        font-size: 16px;
    }
    .s-branP .sect2 {
        padding: 1rem 0;
    }
    .s-branP .sect2 .p-wrap {
        width: 90%;
    }
    .s-branP .sect2 .item .text {
        -webkit-order: 2;
        order: 2;
    }
    .s-branP .sect2 .item .titl p:nth-child(1) {
        line-height: 16px;
        font-size: 16px;
    }
    .s-branP .sect2 .item .titl p:nth-child(2) {
        margin: 9px 0 .4rem;
    }
    .s-branP .sect2 .item .desc p {
        line-height: 24px;
        font-size: 14px;
    }
    .s-branP .sect2 .item .pic{
        margin-bottom: .5rem!important;
    }
    .s-branP .sect2 .item .pic img {
        max-width: 100%;
    }
    .s-branP .btn-bott {
        margin-top: .95rem;
    }
}
.s-shopP .sect{
    padding: 0 0 100px;
}
.s-shopP .sect .p-titl2 .wrap{
    margin: 78px 0 85px;
}
.s-shopP .sect .text p{
    line-height: 50px;
    color: #5b5b5b;
}
.s-shopP .sect2{
    padding: 0 0 160px;
    background: url("../img/b2cP-appl-b.png") no-repeat center;
    background-size: cover;
}
.s-shopP .sect2 .p-titl2{
    margin: 0 0 80px;
}
.s-shopP .sect2 .p-titl2 .wrap{
    margin-top: 95px;
}
.s-shopP .sect2 .p-titl2 p:nth-child(1){
    color: white;
}
.s-shopP .sect2 .p-titl2 p:nth-child(2){
    color: #ceced0;
}
.s-shopP .sect2 .item{
    width: 183px;
}
.s-shopP .sect2 .item .icon{
    width: 150px;
    height: 150px;
    border: 1px solid #7ABBEE;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin: 0 auto;
}
.s-shopP .sect2 .item .icon img{
    height: 55px;
}
.s-shopP .sect2 .item .titl{
    margin: 15px 0 18px;
}
.s-shopP .sect2 .item .titl p:nth-child(1){
    font-size: 18px;
    color: white;
}
.s-shopP .sect2 .item .titl p:nth-child(2){
    font-size: 12px;
    color: #b5cbe7;
}
.s-shopP .sect2 .item .desc{
    line-height: 30px;
    color: white;
}
.s-shopP .sect3 .list{
    padding: 30px 0;
}
.s-shopP .sect3 .item{
    margin: 0 0 50px;
    padding: 0 41px;
}
.s-shopP .sect3 .item p{
    margin: 10px 0 0;
    font-size: 16px;
    color: #4f4e4e;
}
@media screen and (max-width: 768px){
    .s-shopP .sect {
        padding: 0 0 .9rem;
    }
    .s-shopP .sect .p-titl2 .wrap {
        margin: .78rem 0 .55rem;
    }
    .s-shopP .sect .pic{
        margin: 0 0 .4rem;
    }
    .s-shopP .sect .pic img{
        max-width: 100%;
    }
    .s-shopP .sect .text p {
        line-height: 30px;
    }
    .s-shopP .sect2 {
        padding: 0 0 .4rem;
    }
    .s-shopP .sect2 .p-titl2 {
        margin: 0 0 .2rem;
    }
    .s-shopP .sect2 .p-titl2 .wrap {
        margin-top: .95rem;
    }
    .s-shopP .sect2 .list{
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    .s-shopP .sect2 .item {
        width: 3.2rem;
        margin: 0 0 .4rem;
    }
    .s-shopP .sect2 .item .icon {
        width: 2.5rem;
        height: 2.5rem;
    }
    .s-shopP .sect2 .item .icon img {
        height: .9rem;
    }
    .s-shopP .sect2 .item .titl {
        margin: 15px 0 .2rem;
    }
    .s-shopP .sect2 .item .titl p:nth-child(1) {
        font-size: 16px;
    }
    .s-shopP .sect2 .item .desc {
        line-height: 24px;
    }
    .s-shopP .sect3 .list {
        padding: .1rem 0 .6rem;
    }
    .s-shopP .sect3 .item{
        margin: 0 0 .3rem;
        padding: 0 10px;
    }
    .s-shopP .sect3 .item img{
        height: .86rem;
    }
    .s-shopP .sect3 .item p {
        margin: 6px 0 0;
        font-size: 14px;
    }
}
.s-appP .sect .p-titl2 .wrap {
    margin: 95px 0 75px;
    text-align: center;
}
.s-appP .sect .item{
    position: relative;
    width: 210px;
    margin: 0 16px 60px;
}
.s-appP .sect .item .icon:after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 45px;
    left: 165px;
    width: 198px;
    height: 1px;
    background: #F2F4FF;
}
.s-appP .sect .item:nth-child(4n) .icon:after{
    display: none;
}
.s-appP .sect .item .titl{
    margin: 40px 0 0;
    font-size: 16px;
    color: #232323;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}
.s-appP .sect .item .p-hr{
    width: 32px;
    height: 2px;
    margin: 13px 0 12px;
    background: #CDCDCD;
}
.s-appP .sect .item .desc{
    line-height: 32px;
    color: #7e7e7e;
    /*display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    text-overflow:ellipsis;*/
}
@media  screen and (max-width: 768px){
    .s-appP .sect .p-titl2 .wrap {
        margin: .95rem 0 .55rem;
    }
    .s-appP .sect .item {
        width: 47%;
        margin: 0 0 .5rem;
    }
    .s-appP .sect .item .icon img{
        height: 1.3rem;
    }
    .s-appP .sect .item .icon:after {
        top: .7rem;
        left: 2.5rem;
        width: 2.17rem;
    }
    .s-appP .sect .item:nth-child(even) .icon:after{
        display: none;
    }
    .s-appP .sect .item .titl {
        margin: .2rem 0 0;
        font-size: 14px;
    }
    .s-appP .sect .item .p-hr {
        margin: 13px 0 5px;
    }
    .s-appP .sect .item .desc {
        line-height: 24px;
    }
}
.s-appP .sect2{
    padding: 0 0 120px;
}
.s-appP .sect2 .desc{
    margin: -20px 0 50px;
    color: #7a7a7a
}
.s-appP .sect2 .item{
    width: 160px;
}
.s-appP .sect2 .item .text{
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 160px;
    height: 110px;
    color: white;
    background: url("../img/appP-syst-b.png") no-repeat center;
    background-size: 100% 100%;
}
.s-appP .sect2 .item:nth-child(even) .text{
    -webkit-order: 2;
    order: 2;
}
.s-appP .sect2 .item .text p:nth-child(1){
    line-height: 18px;
    font-size: 18px;
}
.s-appP .sect2 .item .text .p-hr{
    width: 16px;
    height: 2px;
    margin: 10px 0 10px;
    background: white;
}
.s-appP .sect2 .item .text p:nth-child(3){
    line-height: 12px;
    font-size: 12px;
}
@media  screen and (max-width: 768px){
    .s-appP .sect2 {
        padding: 0 0 .9rem;
    }
    .s-appP .sect2 .desc {
        margin: -20px 0 .5rem;
    }
    .s-appP .sect2 .item {
        width: 100%;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .s-appP .sect2 .item>*{
        width: 3.5rem!important;
        height: calc(3.5rem / (160/110))!important;
    }
    .s-appP .sect2 .item .text p:nth-child(1) {
        line-height: 16px;
        font-size: 16px;
    }
}
.s-appP .sect3{
    padding: 0 0 70px;
    background: url("../img/appP-solu-b.png") no-repeat center;
    background-size: cover;
}
.s-appP .sect3 .p-wrap{
    width: 1088px;
}
.s-appP .sect3 .p-titl2 p:nth-child(1){
    color: white;
}
.s-appP .sect3 .p-titl2 p:nth-child(2){
    color: #b5cbe7;
}
.s-appP .sect3 .desc{
    margin: -20px 0 70px;
    color: white;
}
.s-appP .sect3 .item{
    margin: 0 0 55px;
    padding: 0 61px;
}
.s-appP .sect3 .item .p-img{
    width: 150px;
    height: 150px;
    border: 1px solid #7199DD;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.s-appP .sect3 .item .titl{
    margin: 17px 0 0;
}
.s-appP .sect3 .item .titl p:nth-child(1){
    margin: 0 0 2px;
    font-size: 18px;
    color: white;
}
.s-appP .sect3 .item .titl p:nth-child(2){
    text-transform: uppercase;
    font-size: 12px;
    color: #b5cbe7;
}
@media screen and (max-width: 768px){
    .s-appP .sect3 {
        padding: 0 0 .4rem;
    }
    .s-appP .sect3 .p-wrap {
        width: 96%;
    }
    .s-appP .sect3 .desc {
        margin: -20px 0 .5rem;
    }
    .s-appP .sect3 .item {
        margin: 0 0 .5rem;
        padding: 0 .1rem;
    }
    .s-appP .sect3 .item .p-img {
        width: 2rem;
        height: 2rem;
    }
    .s-appP .sect3 .item .p-img img{
        height: 1rem;
    }
    .s-appP .sect3 .item .titl p:nth-child(1) {
        font-size: 16px;
    }
}
.s-appP .sect4{
    margin: 0 0 65px;
}
.s-appP .sect4 .item{
    width: 192px;
    height: 84px;
    border: 1px solid #EBEAEA;
    margin: 0 0 12px;
}
.s-appP .sect4 .item .p-img{
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
}
.s-appP .sect4 .item.more{
    -webkit-flex-direction: column;
    flex-direction: column;
    line-height: 16px;
    font-size: 16px;
    color: #BDBDBD;
    background: #F1F1F1;
}
.s-appP .sect4 .item.more p{
    margin: 7px 0 0;
}
@media screen and (max-width: 768px){
    .s-appP .sect4 {
        margin: 0 0 .75rem;
    }
    .s-appP .sect4 .item {
        width: 49%;
        height: 84px;
        margin: 0 0 12px;
    }
}
.s-newsL .item{
    border-bottom: 1px solid #F2F1F1;
    padding: 32px 0;
}
.s-newsL .item:nth-child(1){
    padding-top: 0;
}
.s-newsL .item img{
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-newsL .item:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.s-newsL .item .text{
    width: 592px;
}
.s-newsL .item .text .titl{
    margin: 0 0 12px;
    font-size: 16px;
    color: #3d3d3d;
}
.s-newsL .item .text .desc{
    line-height: 40px;
    color: #858585;
}
.s-newsL .item .text .p-hr:nth-child(3){
    opacity: 1;
    width: 140px;
    height: 2px;
    margin: 10px 0 0;
    background: #E6E4E3;
}
.s-newsL .item:hover .text .p-hr:nth-child(3){
    opacity: 0;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-newsL .item .text .p-hr:nth-child(4){
    position: relative;
    top: -2px;
    left: -73px;
    width: 0;
    height: 2px;
    background: #4377D3;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-newsL .item:hover .text .p-hr:nth-child(4){
    width: calc(100% + 73px);
}
.s-newsL .item .text .date{
    margin: 17px 0 0;
    font-size: 18px;
    color: #787878;
}
@media screen and (max-width: 768px){
    .s-newsL .p-img2{
        width: 100%!important;
        height: auto!important;
        margin: 0 0 .2rem;
    }
    .s-newsL .p-img2 img{
        width: 100%;
        height: auto;
        top: 0!important;
        left: 0!important;
    }
    .s-newsL .item {
        padding: 17px 0 11px;
    }
    .s-newsL .item .text .titl{
        font-size: 14px;
    }
    .s-newsL .item:hover .text .p-hr:nth-child(4){
        display: none;
    }
    .s-newsL .item .text .date{
        font-size: 12px;
    }
    .s-newsL .item .text .titl {
        margin: 0 0 5px;
    }
    .s-newsL .item .text .desc {
        line-height: 26px;
    }
    .s-newsL .item .text .date {
        margin: 5px 0 0;
    }
}
.s-sellP .sect{
    padding: 0 0 50px;
    background: url("../img/sellP-syst-b.png") no-repeat center;
    background-size: cover;
}
.s-sellP .sect .item{
    position: relative;
    margin: 0 0 35px;
}
.s-sellP .sect .item .wrap{
    -webkit-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.3);
    -moz-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.3);
    box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.3);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-sellP .sect .item:hover .wrap{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.s-sellP .sect .item .shad{
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-sellP .sect .item:hover .shad {
    opacity: 1;
}
.s-sellP .sect .item .shad .titl{
    position: relative;
    width: 380px;
    height: 260px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 72px 0 0;
    text-align: center;
    background: url("../img/seoP-adva-b1.png") no-repeat center;
    background-size: cover;
}
.s-sellP .sect .item .shad .titl p:nth-child(1){
    margin: 0 0 28px;
    font-size: 30px;
    color: #fff;
}
.s-sellP .sect .item .shad .titl p:nth-child(2){
    font-size: 18px;
    color: #fff;
}
.s-sellP .sect .item .shad .titl .p-img{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -moz-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    -o-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    width: 114px;
    height: 114px;
    border: 1px solid #D1D1D1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: white;
}
.s-sellP .sect .item .shad .bott{
    height: 160px;
    border: 1px solid #D4D4D4;
    border-top: none;
    background: white;
}
.s-sellP .sect .item .shad .bott a{
    width: 171px;
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 81px 0 0;
    padding: 12px 22px 0 0;
    font-size: 18px;
    color: white;
    background: url("../img/sellP-syst-btnb.png") no-repeat center;
}
.s-sellP .sect .item .show{
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #D6D6D6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 0;
    background: #fff;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-sellP .sect .item:hover .show{
    opacity: 0;
    z-index: -1;
}
.s-sellP .sect .item .show .titl{
    margin: 16px 0 28px;
    line-height: 28px;
    font-size: 28px;
    color: #575757;
}
.s-sellP .sect .item .show .high{
    width: 298px;
    height: 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 20px;
    padding: 5px 0 0;
    font-size: 18px;
    color: #fff;
    background: url("../img/sellP-syst-tb.png") no-repeat center;
    background-size: 100% 100%;
}
.s-sellP .sect .item .show .desc{
    width: 73%;
    margin: 0 auto;
    line-height: 40px;
    color: #898989;
}
.s-sellP .sect2{
    padding: 0 0 150px;
}
.s-sellP .sect2 .cont{
    position: relative;
}
.s-sellP .sect2 .item{
    position: absolute;
}
.s-sellP .sect2 .item:nth-child(2){
    top: 50px;
    left: 0;
}
.s-sellP .sect2 .item:nth-child(3){
    top: 50px;
    right: 0;
}
.s-sellP .sect2 .item:nth-child(4){
    bottom: -150px;
    left: 0;
}
.s-sellP .sect2 .item:nth-child(5){
    bottom: -110px;
    right: 0;
}
.s-sellP .sect2 .item .wrap{
    position: relative;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-sellP .sect2 .item:hover .wrap{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.s-sellP .sect2 .shad{
    opacity: 0;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-sellP .sect2 .item:hover .shad{
    opacity: 1;
}
.s-sellP .sect2 .shad .titl{
    width: 107px;
    height: 107px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 29px;
    font-size: 24px;
    background: url("../img/sellP-plan-tb.png") no-repeat center;
    background-size: 100%;
}
.s-sellP .sect2 .shad .desc{
    width: 288px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin: 22px auto 0;
    padding: 35px 28px;
    line-height: 30px;
    color: white;
    background: url("../img/sellP-plan-cb.png") no-repeat center;
    background-size: 100% 100%;
}
.s-sellP .sect2 .show{
    opacity: 1;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 325px;
    border: 1px solid #D4D4D4;
    padding: 30px 28px;
    -webkit-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    -moz-box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    box-shadow: 0px 1px 32px 1px rgba(202, 202, 202, 0.4);
    background: white;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.s-sellP .sect2 .item:hover .show{
    opacity: 0;
    z-index: -1;
}
.s-sellP .sect2 .show .titl{
    margin: 0 0 20px;
    font-size: 24px;
}
.s-sellP .sect2 .show .desc{
    line-height: 26px;
    color: #898989;
}
.s-sellP .sect3{
    height: 871px;
    background: url("../img/sellP-visu-b.png") no-repeat center;
    background-size: cover;
}
.s-sellP .sect3 .p-titl2 .wrap {
    margin: 95px 0 38px;
}
.s-sellP .sect3 .p-titl2 p:nth-child(1){
    color: white;
}
.s-sellP .sect3 .p-titl2 p:nth-child(2){
    color: #9cc6f5;
}
.s-sellP .sect3 .righ{
    width: 50%;
    margin: 120px 0 0;
}
.s-sellP .sect3 .righ .titl{
    margin: 0 0 30px;
}
.s-sellP .sect3 .righ .titl p:nth-child(1){
    font-size: 18px;
    color: white;
}
.s-sellP .sect3 .righ .titl p:nth-child(1) span{
    font-size: 20px;
    color: #faff72;
}
.s-sellP .sect3 .righ .titl p:nth-child(2){
    font-size: 12px;
    color: #9cc6f5;
}
.s-sellP .sect3 .righ .list li{
    position: relative;
    padding: 0 0 0 23px;
    line-height: 38px;
    color: white;
}
.s-sellP .sect3 .righ .list li:before{
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 9px;
    height: 9px;
    background: url("../img/sellP-visu-i.png") no-repeat center;
}
.s-sellP .sect3 .righ a{
    width: 171px;
    height: 49px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 58px 0 0 25px;
    padding: 12px 22px 0 0;
    text-align: center;
    font-size: 18px;
    color: white;
    background: url(../img/sellP-syst-btnb.png) no-repeat center;
}
.s-sellP .sect4{
    padding: 0 0 40px;
}
.s-sellP .sect4 .p-wrap{
    width: 1012px;
}
.s-sellP .sect4 .item{
    margin: 0 0 50px;
}
.s-sellP .sect4 .item>*{
    width: 445px;
}
.s-sellP .sect4 .item:nth-child(even) .text{
    -webkit-order: 2;
    order: 2;
}
.s-sellP .sect4 .item .titl .num{
    font-weight: bold;
    line-height: 70px;
    font-size: 70px;
    color: #0062D0;
}
.s-sellP .sect4 .item .titl p:nth-child(2){
    margin: 16px 0 12px;
    line-height: 32px;
    font-size: 32px;
}
.s-sellP .sect4 .item .titl p:nth-child(3){
    line-height: 24px;
    font-size: 24px;
}
.s-sellP .sect4 .item .titl p:nth-child(3) span{
    color: #0062d0;
}
.s-sellP .sect4 .item .titl p:nth-child(4){
    margin: 8px 0 0;
    font-family: Arial;
    line-height: 18px;
    font-size: 12px;
    color: #cacaca;
}
.s-sellP .sect4 .item ul{
    margin: 28px 0 0;
}
.s-sellP .sect4 .item ul p{
    position: relative;
    padding: 0 0 0 20px;
    line-height: 40px;
    color: #808081;
}
.s-sellP .sect4 ul p:before{
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 9px;
    height: 9px;
    background: url("../img/sellP-what-i.png") no-repeat center;
}
.s-sellP .sect4 .item:nth-child(even) .pic{
    margin: 0 auto 0 0;
}
.btn-bott2 p{
    display: inline-block;
    color: white;
}
.btn-bott2 p span{
    top: 1px;
    font-weight: normal;
    font-size: 18px;
}
@media screen and (max-width: 768px){
    .s-sellP .sect {
        padding: 0 0 .4rem;
    }
    .s-sellP .sect .p-titl2 p:nth-child(1) {
        line-height: 24px;
    }
    .s-sellP .sect .item{
        width: 100%;
        margin-bottom: .4rem;
    }
    .s-sellP .sect .item .shad .titl {
        width: 100%;
        height: 3.2rem;
        padding: .8rem 0 0;
    }
    .s-sellP .sect .item .shad .titl p:nth-child(1) {
        margin: 0 0 8px;
        font-size: 18px;
    }
    .s-sellP .sect .item .shad .titl p:nth-child(2) {
        font-size: 14px;
    }
    .s-sellP .sect .item .shad .titl .p-img{
        width: 1.7rem;
        height: 1.7rem;
    }
    .s-sellP .sect .item .shad .titl .p-img img{
        height: 1rem;
    }
    .s-sellP .sect .item .shad .bott {
        height: 2.7rem;
    }
    .s-sellP .sect .item .shad .bott a {
        width: 2.7rem;
        height: .8rem;
        margin: 1.3rem 0 0;
        padding: .16rem 22px 0 0;
        font-size: 14px;
        background-size: 100% 100%;
    }
    .s-sellP .sect .item .show{
        padding-top: .6rem;
    }
    .s-sellP .sect .item .show img{
        height: 1rem;
    }
    .s-sellP .sect .item .show .titl {
        margin: 16px 0 .3rem;
        line-height: 18px;
        font-size: 18px;
    }
    .s-sellP .sect .item .show .high {
        width: 80vw;
        height: 35px;
        margin: 0 auto .2rem;
        padding: 5px 0 0;
        font-size: 14px;
    }
    .s-sellP .sect .item .show .desc {
        line-height: 24px;
    }
    .s-sellP .sect2 {
        padding: 0 0 .9rem;
    }
    .s-sellP .sect2 .cont{
        position: static;
    }
    .s-sellP .sect2 .cont>img{
        max-width: 100%;
    }
    .s-sellP .sect2 .item{
        position: static;
        margin-top: .8rem;
    }
    .s-sellP .sect2 .show{
        display: none;
    }
    .s-sellP .sect2 .shad{
        opacity: 1;
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    .s-sellP .sect3{
        height: auto;
        padding: 0 0 .7rem;
    }
    .s-sellP .sect3 .p-titl2 .wrap {
        margin: 1rem 0 38px;
    }
    .s-sellP .sect3 .p-titl2 p:nth-child(1) {
        line-height: 24px;
    }
    .s-sellP .sect3 .righ {
        width: 100%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        margin: 0 0 0;
        padding: .6rem .4rem;
        background: rgba(255,255,255,.9);
    }
    .s-sellP .sect3 .righ *{
        color: black!important;
    }
    .s-sellP .sect3 .righ .titl {
        margin: 0 0 .3rem;
    }
    .s-sellP .sect3 .righ .titl p:nth-child(1){
        font-size: 16px;
    }
    .s-sellP .sect3 .righ .titl p:nth-child(1) span {
        font-size: 16px;
        font-weight: bold;
    }
    .s-sellP .sect3 .righ .list li {
        position: relative;
        padding: 0 0 0 23px;
        line-height: 26px;
    }
    .s-sellP .sect3 .righ .list li:before {
        top: .18rem;
    }
    .s-sellP .sect3 .righ a {
        width: 2.7rem;
        height: .8rem;
        margin: .4rem 0 0;
        padding: .16rem 22px 0 0;
        font-size: 14px;
        color: white!important;
        background-size: 100% 100%;
    }
    .s-sellP .sect4 {
        padding: 0 0 0;
    }
    .s-sellP .sect4 .p-wrap {
        width: 92%;
    }
    .s-sellP .sect4 .item {
        margin: 0 0 .5rem;
    }
    .s-sellP .sect4 .item>* {
        width: 100%;
    }
    .s-sellP .sect4 .item .text {
        -webkit-order: 2;
        order: 2;
    }
    .s-sellP .sect4 .item li {
        padding: 0 0 0 20px;
        line-height: 24px;
    }
    .s-sellP .sect4 li:before {
        top: .15rem;
    }
    .s-sellP .sect4 .item .pic{
        margin: 0 0 .3rem!important;
    }
    .s-sellP .sect4 .item img {
        max-width: 90%;
    }
    .s-sellP .sect4 .item .titl .num {
        line-height: 20px;
        font-size: 20px;
    }
    .s-sellP .sect4 .item .titl p:nth-child(2) {
        margin: .2rem 0 .2rem;
        line-height: 18px;
        font-size: 18px;
    }
    .s-sellP .sect4 .item .titl p:nth-child(3) {
        line-height: 16px;
        font-size: 16px;
    }
    .s-sellP .sect4 .item ul {
        margin: .3rem 0 0;
    }
    .s-sellP .sect4 .item ul p {
        padding: 0 0 0 20px;
        line-height: 28px;
    }
    .btn-bott2 p span {
        display: block;
        margin: 0 0 0 0;
        font-size: 14px;
    }
    .btn-bott2 img{
        position: relative;
        left: -.3rem;
    }
}
.s-newsS .p-wrap>p:nth-child(1){
    font-size: 16px;
}
.s-newsS .p-wrap>p:nth-child(2){
    margin: 0 0 10px;
    font-size: 12px;
}
@media screen and (max-width: 768px){
    .s-side{
        margin-top: .5rem!important;
        margin-bottom: .5rem!important;
    }
    .s-sx {
        padding: .5rem 0;
    }
    .s-newsS .p-wrap>p:nth-child(1) {
        font-size: 14px;
    }
}