@charset "utf-8";
/*合作伙伴*/
/*四大难题*/
.solveDifficulty{background: #F5F5FA;padding-bottom: 50px;}
.solveDifficulty .title{font-size: 30px;font-weight: bold;color: #333333;text-align: center;position: relative;padding-top: 40px;}
.solveDifficulty .title:before{content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: -12em;right: 0;margin: 0 auto;}
.solveDifficulty .title:after{content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: 0;right: -12em;margin: 0 auto;}
.solveDifficulty .difficulty{display: flex;width: 960px;margin: 50px auto 0;justify-content: space-between;}
.solveDifficulty .difficulty .item{width:185px;height: 210px;background: url("../images/hexagon.png") no-repeat;cursor: pointer;}
.solveDifficulty .difficulty .item.active{background: url("../images/hexagon_active.png") no-repeat;animation: swing 3s 1;-webkit-animation: swing 3s 1;}
@keyframes swing {
    0%{
        transform:rotateY(0deg);
    }
    25%{
        transform:rotateY(90deg);
    }
    50%{
        transform:rotateY(180deg);
    }
    75%{
        transform:rotateY(270deg);
    }
    100%{
        transform:rotateY(360deg);
    }
}
@-webkit-keyframes swing /*Safari and Chrome*/{
    0%{
        transform:rotateY(0deg);
    }
    25%{
        transform:rotateY(45deg);
    }
    50%{
        transform:rotateY(0deg);
    }
    75%{
        transform:rotateY(-45deg);
    }
    100%{
        transform:rotateY(0deg);
    }
}
.solveDifficulty .difficulty .item .img{width: 40px;margin: 65px auto 10px;}
.solveDifficulty .difficulty .item .house_w{background: url("../images/house.png");width: 38px;height: 40px;}
.solveDifficulty .difficulty .item.active .house_w{background: url("../images/house_w.png");}
.solveDifficulty .difficulty .item .ability_w{background: url("../images/ability.png");width: 42px;height: 30px;}
.solveDifficulty .difficulty .item.active .ability_w{background: url("../images/ability_w.png");width: 52px;height: 38px;}
.solveDifficulty .difficulty .item .efficiency_w{background: url("../images/efficiency.png");width: 36px;height: 36px;}
.solveDifficulty .difficulty .item.active .efficiency_w{background: url("../images/efficiency_w.png");}
.solveDifficulty .difficulty .item .risk_w{background: url("../images/risk.png");width: 32px;height: 32px;}
.solveDifficulty .difficulty .item.active .risk_w{background: url("../images/risk_w.png");}

.solveDifficulty .difficulty .item p{font-size: 24px;font-weight: 400;color: #333333;text-align: center;}
.solveDifficulty .difficulty .item.active p{color: #ffffff;}
.solveDifficulty .desc{text-align: center;font-size: 20px;font-family: Microsoft YaHei;font-weight: 400;color: #333333;margin: 20px 0 50px;}
.solveDifficulty .imgs{display: flex;width: 960px;margin: 0 auto;position: relative;}
.solveDifficulty .imgs .img_item{flex: 1;height: 345px;font-size: 14px;}
.solveDifficulty .imgs .img_item:nth-child(1){background: url("../images/group1.png") no-repeat;background-size: cover}
.solveDifficulty .imgs .img_item:nth-child(2){background: url("../images/group2.png") no-repeat;background-size: cover}

.solveDifficulty .imgs .img_item .box{width: 315px;height: 195px;background: rgba(0,0,0,.59);position: relative;top: 50%;transform: translateY(-50%);margin: 0 auto;}
.solveDifficulty .imgs .img_item:nth-child(2) .box{background: rgba(255,231,154,.59);color: #333333;}

.solveDifficulty .imgs .img_item:nth-child(1) .box p{text-align: center;padding: 10px 0;font-weight: 400;}
.solveDifficulty .imgs .img_item:nth-child(1) .box .subtitle{font-size: 20px;font-family: Microsoft YaHei;font-weight: bold;color: #FFFFFF;text-align: center;padding: 20px;}
.solveDifficulty .imgs .img_item:nth-child(2) .box p{text-align: center;padding: 10px 0;font-weight: 400;}
.solveDifficulty .imgs .img_item:nth-child(2) .box .subtitle{font-size: 20px;font-family: Microsoft YaHei;font-weight: bold;color: #333333;text-align: center;padding: 20px;}

.solveDifficulty .imgs .year,
.solveDifficulty .imgs .month,
.solveDifficulty .imgs .team{
    position: absolute;
    font-size: 18px;
    font-weight: bold;
}
.solveDifficulty .imgs .year{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2868FB;
    text-decoration: none;
    left: 395px;
    z-index: 11;
    padding: 5px 50px;
    top: 100px;
}
.solveDifficulty .imgs .month{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2868FB;
    text-decoration: none;
    left: 395px;
    z-index: 11;
    padding: 5px 40px;
    top: 160px;
}
.solveDifficulty .imgs .team{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #2868FB;
    text-decoration: none;
    left: 395px;
    z-index: 11;
    padding: 5px 15px;
    top: 220px;
}
.solveDifficulty .imgs .year:before,
.solveDifficulty .imgs .month:before,
.solveDifficulty .imgs .team:before{
    content: "";
    position: absolute;
    top:0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background: #ffffff;
    transform: skewX(-45deg);
}
.solveDifficulty .bottom{width: 100%;margin-top: 50px;}
.solveDifficulty .bottom .ppt{display: block;margin: 0 auto;width: 306px;height: 41px;font-size: 18px;color: #ffffff;background: #3B6FE8;border-radius: 20px;border: 0;}

.solveDifficulty .imgs .v,
.solveDifficulty .imgs .s{position: absolute;font-size: 18px;*font-weight: bold;}
.solveDifficulty .imgs .v{display: flex;justify-content: center;align-items: center;color: #2868FB;text-decoration: none;left: 390px;z-index: 11;padding: 5px 5px 5px 30px;top: 150px;}
.solveDifficulty .imgs .v:before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;z-index: -1;background: #ffffff;transform: skewX(345deg);box-shadow: 0 0 10px 2px #2868fb;}
.solveDifficulty .imgs .v:after{content: "";position: absolute;top:0;right: 0;bottom: 0;left: -5px;z-index: -1;background: #ffffff;transform: skewX(0deg);width: 90%;}
.solveDifficulty .imgs .v span{padding-left: 5px;transform: skewX(335deg);font-weight: bold;}

.solveDifficulty .imgs .s{display: flex;justify-content: center;align-items: center;color: #ffffff;text-decoration: none;left: 479px;z-index: 11;padding: 5px 23px 5px 30px;top: 165px;}
.solveDifficulty .imgs .s:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #2868FB;transform: skewX(345deg);}
.solveDifficulty .imgs .s:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 15px;z-index: -1;background: #2868FB;transform: skewX(0deg);width: 90%;box-shadow: 0 0 10px 2px #2868fb;}
.solveDifficulty .imgs .s span{position: absolute;padding-left: 5px;transform: skewX(27deg);left: 3px;font-weight: bold;}
#ability .imgs .year,#ability .imgs .team{padding: 5px 40px;}

/* 合作方式 */
.mode{height: 567px;background: url("../images/mode.jpg") no-repeat;}
.mode .title {font-size: 30px;font-weight: bold;color: #333333;text-align: center;position: relative;padding-top: 40px;}
.mode .title:before {content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: -10em;right: 0;margin: 0 auto;}
.mode .title:after {content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: 0;right: -10em;margin: 0 auto;}
.mode .flex{display: flex;justify-content: space-between;}
.mode .ways{width: 1160px;height: 223px;margin: 80px auto 0;}
.mode .ways .item{width: 369px;height: 223px;background: #ffffff;position: relative;}
.mode .ways .item .t{line-height: 70px;color: #333333;padding-left: 20px;font-family: Source Han Sans CN;}
.mode .ways .item .num{color: #3B6FE8;font-weight: bold;font-size: 38px;vertical-align: bottom;padding-right: 10px;font-family: CloudHeiChaoCuGBK;}
.mode .ways .item .desc{height: 114px;margin-left: 45px;border-left: 1px solid #3b6fe8;color: #666666;line-height: 26px;padding: 5px 40px 5px 30px;font-size: 14px;}
.mode .ways .item:before{content: '';position: absolute;width: 0;height: 0;    border-bottom: transparent 20px solid;border-right: transparent 20px solid;border-left: #3B6FE8 20px solid;right: 0;bottom: 9px;}
.mode .ways .item:after{content: '';position: absolute;width: 0;height: 0;border-left: transparent 37px solid;border-top: transparent 37px solid;border-bottom: #3B6FE8 37px solid;margin: auto;right: 0;bottom: 0;}
.mode .bot{width: 1160px;margin: 88px auto 0;position: relative;}
.mode .bot .wayBtn{margin: 0 auto;display: block;background: #ffffff;color: #3b6fe8;border-radius: 20px;height: 40px;width: 306px;border: 1px solid #3b6fe8;font-size: 18px;}
.mode .bot .telhover{display: none;width: 120px;height: 140px;text-align: center;box-shadow: -1px 1px 8px 0px rgb(157 157 157 / 66%);position: absolute;right: 0;background: #fff;border-radius: 8px;border: 1px solid #D3D3D3;top: -70px;}
.mode .bot .wayBtn:hover{background: #3b6fe8;color: #ffffff;}
.mode .bot .wayBtn:hover + .telhover{display: block;}
.mode .bot .telhover canvas{margin-top: 10px;}
.mode .bot .scanDesc{color: #666666;font-size: 14px;}
/*合作权益*/
.joinIn{}
.joinIn .title{font-size: 30px;font-weight: bold;color: #333333;text-align: center;position: relative;padding-top: 40px;}
.joinIn .title:before{content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: -13em;right: 0;margin: 0 auto;}
.joinIn .title:after{content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: 0;right: -13em;margin: 0 auto;}
.joinIn .content{display: flex;justify-content: space-between;flex-wrap: wrap;width: 1180px;margin: 50px auto 30px;}
.joinIn .content .item{width: 350px;height: 350px;margin-bottom: 30px;background: #ffffff;box-shadow: 0px 2px 13px 0px rgb(53 53 53 / 30%);border-radius: 8px;}
.joinIn .content .item .brand{background: url("../images/brand.png") no-repeat;height: 79px;background-size: cover;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.joinIn .content .item .data{background: url("../images/data1.png") no-repeat;height: 79px;background-size: cover;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.joinIn .content .item .product{background: url("../images/product1.png") no-repeat;height: 79px;background-size: cover;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.joinIn .content .item .technology{background: url("../images/technology.png") no-repeat;height: 79px;background-size: cover;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.joinIn .content .item .business{background: url("../images/business.png") no-repeat;height: 79px;background-size: cover;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.joinIn .content .item .train{background: url("../images/train.png") no-repeat;height: 79px;background-size: cover;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.joinIn .content .item .bot{position: relative;}
.joinIn .content .item .text{font-size: 20px;font-weight: bold;color: #ffffff;line-height: 50px;position: relative;padding-left: 25px;padding-top: 10px;}
.joinIn .content .item .text:before{content: "";width: 2.5em;height: 2px;position: absolute;left: 25px;bottom: 0;background: #ffffff;}
.joinIn .content .item p{color: #333333;font-size: 14px;padding-top: 20px;padding-left: 20px;}
.joinIn .content .item button{width: 220px;height: 40px;border: 1px solid #0E64FC;border-radius: 20px;background: #ffff;color: #0e64fc;margin: 40px auto 0;display: block;cursor: pointer;}
.joinIn .content .item:nth-child(3) button{margin-top: 20px;}
.joinIn .content .telhover{position: absolute;display: none;text-align: center;margin: 0 auto;width: 120px;height: 140px;background: #ffffff;top: -30px;right: -20px;left: unset;box-shadow: -1px 1px 8px 0px rgb(157 157 157 / 66%);border: 1px solid #D3D3D3;border-radius: 8px;z-index: 1;}
/*.joinIn .content .telhover:before{content: '';position: absolute;width: 0;height: 0;border-left: transparent 12px solid;border-right: transparent 12px solid;border-bottom: #f00 12px solid;margin: auto;top: -12px;left: 0;right: 0;}*/
.joinIn .content .telhover canvas{margin-top: 10px;}
.joinIn .content .telhover .scanDesc{padding: 0;}
.joinIn .content .bot:hover .telhover{display: block;}
.joinIn .content .btn:hover{background: #0e64fc;color: #ffffff;}
/*入驻流程*/
#criteria{background: #F5F5FA;}
#criteria .title{font-size: 30px;font-weight: bold;color: #333333;text-align: center;position: relative;padding-top: 40px;}
#criteria .title:before{content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: -10em;right: 0;margin: 0 auto;}
#criteria .title:after{content: "";position: absolute;border: 1px solid #333333;opacity: .39;width: 4em;top: 75%;left: 0;right: -10em;margin: 0 auto;}
#criteria .box{display: flex;width: 980px;margin: 0 auto;justify-content: space-between;padding: 50px 0 65px;}
#criteria .box .item{width: 165px;background: #ffffff;height: 190px;}
#criteria .box .approval img,#criteria .box .marketing img,
#criteria .box .resources img,#criteria .box .team img{width: 52px;margin: 40px auto 0;}
#criteria .box .resources img{margin-top: 30px;}
#criteria .box .item p{font-weight: 400;color: #333333;text-align: center;padding: 20px 40px 0;}
#criteria .box .approval p,#criteria .box .resources p,#criteria .box .team p{padding-top: 40px;}
#criteria .box .marketing p{padding-top:25px;}
#criteria .signUpImg{height: 148px;background: url("../images/signUpImg.png") no-repeat;background-size: cover;}
#criteria .signUpImg .text{text-align: center;position: relative;line-height: 128px;}
#criteria .immediately{font-size: 36px;font-weight: bold;}
#criteria .free{font-size: 36px;}
#criteria .num{padding: 0 10px;font-weight: bold;font-size: 66px;}
#criteria .signedUp{padding-left: 20px;font-size: 26px;}
#criteria .numed{font-size: 36px;font-weight: bold;padding: 0 10px;}
#criteria .remark{position: absolute;line-height: normal;bottom: 20px;font-size: 12px;padding-left: 100px;}
/*产品与服务*/
.height100{width:100%;height:100px;}
.page_cont{min-height:40vh;}
.location{display:flex;align-items:center;}
.location a{padding-right:20px;font-weight:400;font-size:12px;line-height:36px;color:rgba(255,255,255,0.6);background-image:url(../images/location_jt.svg);background-repeat:no-repeat;background-position:right;background-size:20px 20px;}
.location a:first-child{padding-right:10px;background-image:none;}
.location a:last-child{background-image:none;padding-right:0;}
.location a:hover{color:#fff;}
.page_ban{position:relative;width:100%;height:300px;overflow:hidden;}
.page_ban .pc_ban,.page_ban .mo_ban{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;}
.page_ban .mo_ban{display:none;}
.page_ban .ban_cont{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;}
.ban_cont h2{display:flex;align-items:center;font-weight:700;line-height:1.2;color:#FFFFFF;}
.ban_cont .ban_vr{display:inline-block;margin-left:28px;padding:11px 16px;background:#F28434;border-radius:20px 2px;background:#F28434;border-radius:20px 2px;}
.ban_cont .ban_vr span{font-weight:400;font-size:18px;line-height:24px;color:#FFFFFF;padding-right:25px;background-image:url(../images/vr_icon.svg);background-size:16px 16px;background-repeat:no-repeat;background-position:right;}
.ban_cont h3{padding-top:10px;margin-bottom:9px;font-weight:400;line-height:26px;color:#FFFFFF;}
.two_menu{padding-top:10px;padding-bottom:5px;background-color:#fff;border-bottom:1px solid #EEEEEE;width:100%;}
.two_menu ul{text-align:center;}
.two_menu ul li{display:inline-block;padding:0 16px;padding-bottom:4px;}
.two_menu ul li a{display:inline-block;height:48px;line-height:48px;border-radius:30px;font-weight:400;font-size:16px;color:#333333;padding:0 20px;}
.two_menu .active a{background-color:var(--blue);color:#fff;font-weight:700;}
.two_menu a:hover{background-color:var(--blue);color:#fff;}
.two_menu ul.big{text-align:center;}
.two_menu ul.big li{padding:0 8px;}
@media screen and (min-width:768px){
    .two_menu a{transition:background-color .3s;}
}
@media screen and (max-width:1366px){
    .ban_cont .ban_vr{padding:10px 16px;}
}
@media screen and (max-width:1260px){
    .height100{height:60px;}
}
@media screen and (max-width:991px){
    .ban_cont .ban_vr{padding:8px 10px;margin-left:20px;}
    .ban_cont .ban_vr span{font-size:16px;padding-right:20px;}
    .two_menu .container{max-width:100%;}
    .two_menu ul{text-align:left;}
    .two_menu ul li{padding:0 7px;padding-bottom:4px;}
    .two_menu ul li a{padding:0 14px;height:40px;line-height:40px;}
}
@media screen and (max-width:767px){
    .ban_cont .ban_vr{padding:5px 9px;margin-left:20px;}
    .ban_cont .ban_vr span{font-size:14px;background-size:14px 14px;padding-right:16px;}
    .two_menu{padding-bottom:10px;}
    .two_menu .container{padding-left:0;padding-right:0;}
}
@media screen and (max-width:375px){
    .two_menu .small{overflow:hidden;}
    .two_menu .small li{padding:0 6px;width:50%;float:left;}
    .two_menu ul li a{width:100%;padding:0 0;text-align:center;}
}
.pro_list {
    padding-bottom: 70px;
    background-image: url(../images/pro_pg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pro_list .pro_01 {
    position: relative;
    padding-top: 120px;
}

.pro_list .tit_ {
    position: relative;
    z-index: 1;
}

.pro_list .tit_ h2 {
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #142943;
}

.pro_list .tit_ h3 {
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
    color: #333333;
    margin-top: 10px;
}

.pro_list .tit_ .sub_ {
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #666666;
    margin-top: 20px;
}

.pro_list .img {
    position: absolute;
    right: 0;
    top: 0;
}

.pro_list .list_ {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 50px 0 0;
}

.pro_list .list_ .item {
    float: left;
    width: 33.33%;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    padding: 40px 50px;
}

.pro_list .list_ .item .t_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pro_list .list_ .item .t_ h2 {
    width: calc(100% - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
    color: #333333;
}

.pro_list .list_ .item .t_ img {
    transform: rotate(180deg);
}

.pro_list .list_ .item .des_ {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 17px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    height: 96px;
}

.pro_list .list_ .item .tag_ {
    margin-top: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pro_list .list_ .item .tag_ span {
    height: 28px;
    border: 1px solid #EEEEEE;
    margin-right: 9px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: #999999;
    padding: 0 10px;
}

.pro_list .list_ .item .t_ .hover {
    display: none;
}

@media(min-width:768px) {
    .pro_list .list_ .item:hover {
        transition: all .4s;
        background-color: var(--blue);
    }

    .pro_list .list_ .item:hover .t_ h2 {
        color: #ffffff;
    }

    .pro_list .list_ .item:hover .t_ .hover {
        display: block;
    }

    .pro_list .list_ .item:hover .t_ .org {
        display: none;
    }

    .pro_list .list_ .item:hover .des_ {
        color: #D6DFFC;
    }

    .pro_list .list_ .item:hover .tag_ span {
        border-color: #ffffff;
        color: #ffffff;
    }

}

.pro_list .pro_02 .list_ .item {
    width: 50%;
}
.pro_list .pro_03 .list_ .item {
    width: 50%;
}
@media(max-width:1200px) {
    .pro_list .list_ .item {
        width: 50%;
    }

}

@media(max-width:768px) {

    .pro_list .list_ .item,
    .pro_list .pro_02 .list_ .item {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 20px;
    }
    .pro_list .pro_03 .list_ .item {
        width: 100%;
        margin-bottom: 20px;
        padding: 20px 20px;
    }    

    .pro_list .img {
        width: 200px;
        top: 0px;
    }

    .pro_list .pro_01 {
        padding-top: 60px;
    }

}
@media(max-width:767px) {

.pro_list .img {
    width: 120px;
    top: 21px;
}

}
/*案例列表*/
.caselist .data {
	float: left;
	width: 23.5%;
	margin: 0 2% 30px 0;
	background: #fff;
}
.caselist .no {
	margin-right: 0;
}
.caselist .data .m a {
	display: block;
	overflow: hidden;
}
.caselist .data img {
	width: 100%;
	height: 200px;
	transition: 1s;
	-moz-transition: 1s;
	-webkit-transition: 1s;
	-o-transition: 1s;
}
.caselist .data img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.caselist .info {
	padding: 0 10px;
}
.caselist h2 {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: normal;
	overflow: hidden;
}
.caselist h2 em {
	float: right;
	margin-left: 10px;
	padding-left: 16px;
	font-size: 12px;
	color: #888;
	background: url(../images/see.png) no-repeat left center;
}
.casepage .pagination {
	margin-top: 0;
	margin-bottom: 10px;
*margin-top:30px;
}
/*内页*/
.article {
	background-color: #fff;
	padding: 20px;
	border: 1px #eaeaea solid;
	border-radius: 4px;
}
.article h1 {
	font-size: 24px;
	font-weight: normal;
	line-height: 1.5em;
}
.article .info {
	margin-bottom: 15px;
	padding-bottom: 10px;
	line-height: 30px;
	font-size: 12px;
	border-bottom: 1px #eee solid;
	color: #888;
}
.article .info em {
	color: #888;
	margin-right: 10px;
}
.article .info a {
	color: #888;
}
.article .cont {
	word-wrap: break-word;
}
.article .cont h1 {
	font-size: 18px;
	line-height: 1.5em;
	padding: 5px 0;
	margin: 20px 0;
	border-bottom: 1px #ddd solid;
}
.article .cont h2 {
	margin: 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.article .cont ol, .article .cont ul {
	margin: 0 0 20px 0;
}
.article .cont ol li, .article .cont ul li {
	list-style-position: inside;
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 6px;
	text-indent: 2em;
}
.article .cont ol li {
	list-style-type: decimal;
}
.article .cont ul li {
	list-style-type: disc;
}
.article .cont p {
	font-size: 15px;
	line-height: 26px;
	margin: 15px 0;
	text-indent: 2em;
}
.article .cont a {
	color: #0595c7;
}
.article .cont a:hover {
	text-decoration: underline;
}
.article .cont h6 {
	font-size: 15px;
	line-height: 26px;
	margin-bottom: 15px;
	font-weight: normal;
}
.article .cont blockquote {
	margin-left: 30px;
	background: #eee;
	border-left: 4px #ccc solid;
	padding: 0 5px 0 8px;
	margin-bottom: 15px;
}
.article .cont blockquote p {
	line-height: 24px;
	margin-bottom: 0;
	padding: 4px 0;
	font-size: 12px;
	margin: 0;
	text-indent: 0;
	font-size: 14px;
}
.article .cont img {
	max-width: 780px;
	height: auto;
}
.article .cont .aligncenter {
	display: block;
	margin: auto;
}
.article .cont pre {
	margin: 15px 0;
}
.article .copy {
	line-height: 30px;
	text-align: center;
	font-size: 13px;
	background-color: #efefef;
	border-radius: 3px;
	margin-bottom: 15px;
	color: #999;
	cursor: pointer;
}
.article .copy:hover {
	background: #0595c7;
	color: #fff;
}
.article .bdshare {
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.article div.tag {
	text-align: center;
	line-height: 60px;
}
.article .tag a {
	background: #0595c7;
	color: #fff;
	margin: 0 5px;
	padding: 3px 12px;
	border-radius: 2px;
}
.article .tag a:hover {
	opacity: .8;
}
.article .relatedposts h3 {
	font-size: 18px;
	line-height: 40px;
	border-bottom: 1px #eee solid;
	margin: 10px auto;
	font-weight: normal;
}
.article .relatedposts li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #bbb;
	background: url(../images/lidot.gif) no-repeat left center;
	padding-left: 10px;
}
.article .relatedposts li a {
	color: #777;
	font-size: 14px;
}
.article .relatedposts li a:hover {
	color: #0595c7;
}
.article table {
	width: 100%;
	margin: 10px auto;
	border-collapse: collapse;
}
.article td, .article th {
	line-height: 25px;
	border: 1px #ddd solid;
	vertical-align: middle;
	padding: 5px 10px;
	font-size: 14px;
}
/*解决方案*/
.solution_list {
    padding: 80px 0;
    background-color: #f4f7fd;
}

.solution_list .item {
    background: #FFFFFF;
    border-radius: 6px;
    height: 340px;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid transparent;
}

.solution_list .item .l_ {
    float: left;
    width: 340px;
    background-image: url(../images/solution_list_img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    padding: 50px 35px;
    position: relative;
}

.solution_list .item .l_:after {
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background: linear-gradient(141.22deg, #3460F2 0%, rgba(52, 96, 242, 0.31) 49.86%, rgba(52, 96, 242, 0) 86.51%);
}

.solution_list .item .l_ .text_ {
    position: relative;
    z-index: 2;
}

.solution_list .item .r_ {
    float: left;
    width: calc(100% - 340px);
    height: 100%;
}

.solution_list .item .l_ h2 {
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: #FFFFFF;
}

.solution_list .item .l_ .more_ {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
}

.solution_list .item .l_ .more_ span {
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    color: #FFFFFF;
    margin-right: 10px;
}

.solution_list .item .r_ {
    padding: 50px 50px 50px 50px;
}

.solution_list .item .r_ .box_ {
    height: 100%;
    overflow-y: auto;
    padding-right: 20px;
}

.solution_list .item .r_ .box_ .des_ {
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 60px;
    padding: 0 10px;
}

.solution_list .item .r_ .r_list {
    padding: 20px 0 0;
}

.solution_list .item .r_ .r_list:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
}

.solution_list .item .r_ .r_list .r_item {
    padding: 10px;
    float: left;
    width: 33.33%;
}

.solution_list .item .r_ .r_list .r_item_ {
    display: flex;
    align-items: flex-start;
    background-image: url(../images/solution_list_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 20px 30px;
    background-color: #F9FBFF;
    border: 1px solid #EEEEEE;
    border-radius: 6px;
}

.solution_list .item .r_ .r_list .r_item_ .num {
    width: 50px;
    flex-shrink: 0;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    color: var(--blue);
    font-size: 30px;
}

.solution_list .item .r_ .r_list .r_item_ span {
    flex-shrink: 0;
    width: calc(100% - 50px);
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #666666;
    height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.solution_list .item:hover {
    border: 1px solid var(--blue);
}

@media(max-width:1200px) {
    .solution_list .item .r_ .r_list .r_item {
        width: 50%
    }

}

@media(max-width:992px) {
    .solution_list .item {
        height: auto;
    }

    .solution_list .item .l_ {
        width: 100%;
        height: 300px;
    }

    .solution_list .item .r_ {
        width: 100%;
    }

}

@media(max-width:768px) {
    .solution_list .item .r_ {
        padding: 30px 20px;
    }

    .solution_list .item .r_ .r_list .r_item {
        width: 100%;
    }

    .solution_list .item .l_ {
        padding: 50px 20px;
    }
    .solution_list .item .l_ h2 {
        font-size:22px;
    }
    .solution_list .item .r_ .box_ {
        padding-right: 0;
    }
    .solution_list .item .r_ .r_list .r_item_ {
        padding: 30px 20px;
}
    .solution_list .item .r_ .r_list .r_item_ span {
        height: 72px;
        -webkit-line-clamp:3;
    }
    .solution_list .item .l_ .more_ img {
        width: 16px;
    }

}

