/*================================= DLM页面========================= */
/* ----------------------------banner------------------------- */
.yun-detail *{box-sizing:border-box;}
.yun-detail{width:100%;background: #151515;padding-top:70px;background-size: 700px!important;}
.dtbanner{position: relative;width:100%;height:400px;}



@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){
}
@media (min-width:1367px) and (max-width: 1440px){
}
@media (min-width:1441px) and (max-width: 1680px){
}
@media (min-width:1680px) and (max-width: 1920px){}

@media screen and (max-width: 1366px) {
    .yun-detail{background-size: 600px!important;}
}


/*------------------------- 锚点----------------------------- */
.detbtm-md{position: absolute;bottom:0px;left:0px;width:100%;height:48px;}
.detbtm-md ul li{width:25%;height:100%;float:left;line-height:48px;-webkit-transition:all 0.4s;transition:all 0.4s;}
.detbtm-md ul li a{
    
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    display: block;
    line-height:48px;
    height: 48px;
}
.detbtm-md ul li.on{background: #00B259;}
.detail-info{padding-top:100px;}
.detail-info h2{
    line-height: 32px;
    font-size: 32px;
    color: #FFFFFF;
    margin-bottom:24px;
}
.detail-info p{
    line-height: 32px;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom:40px;
}
.detail-info a{

    display:block;
    float:left;
    width:136px;
    height:38px;
    line-height: 38px;
    border:1px solid #fff;
    text-align:center;
    font-size: 14px;
    color: #FFFFFF;
    margin-right: 16px;
}
.dtbanner .detail-info a:hover {
    background: #fff;
    color: #21252E;
}
.detail-img img{display: block;width:auto;height:auto;float:right;}

@media (min-width:320px) and (max-width:768px){
    /* 菜单 */
    .yun_moremenu .detbtm-md ul li a{width:60%;text-align: center;margin:0 auto;}
    .detail-info a{font-size:12px;}
}
@media (min-width:769px) and (max-width: 1024px){}
@media (min-width:1025px) and (max-width: 1280px){}
@media (min-width:1281px) and (max-width: 1366px){}
@media (min-width:1367px) and (max-width: 1440px){}
@media (min-width:1441px) and (max-width: 1680px){}
@media (min-width:1680px) and (max-width: 1920px){}

.container-tit h2{margin-bottom: 86px;}
@media screen and (max-width: 1366px) {
    .container-tit h2{margin-bottom: 56px;}
    .yun-detail{background-size: 600px!important;}
}

@media screen and (max-width: 768px){
    .container-tit h2{margin-top: 40px;}
    .yun-detail{background-size: 100%!important;}
    .detail-info p{max-width: 100%!important;}
}

@media (min-width:320px) and (max-width:768px){
    /* 3级banner */


.yun-detail{padding-top: 90px;}
    .dtbanner{height:auto;min-height:auto;padding-bottom: 50px;}
    .detail-info{padding-top:150px;overflow: hidden;}

    .detail-info h2{font-size:24px!important;margin-bottom: 10px;}
    .detail-info p{font-size:16px;}
    .detail-info a{font-size:16px;border: 1px solid #eee;}
}

/* -----------------------------------------------产品功能---------------------------------- */
.erji-cpgn{background:#F4F4F4;padding:64px 0px;width:100%;position: relative;}
.cpgn-bg{position: absolute;bottom:0px;left:0;width:100%;height:295px;background:#fff;z-index:1;}
.gnitem{height:444px;background:#fff;border: 1px solid #E5E5E5;}
.gnitem .item-pic{width:100%;background:#333;overflow: hidden;}
.gnitem .gninfo{width:100%;height:auto;}
.gnitem .gninfo .infopd{padding:0px 16px!important;}
.gnitem .gninfo .infopd h2{width:100%;background:#fff;margin-top:-24px;line-height:64px;padding-top:20px;
    font-size: 24px;
    color: #21252E;
    text-align: center;
    position: relative;
}
.gnitem .gninfo .infopd p{
    
    padding:0px 34px 46px;
    font-size: 16px;
    color: #505363;
    letter-spacing: 0;
    line-height: 28px;
}
.customer-value{width:100%;margin:64px 0 24px;}
.customer-value .value-item{width:31.1%;float:left;margin-bottom:40px;position: relative;
    template/default/css/common.css margin-right:48px;
}
.customer-value .value-item:nth-of-type(3n){margin-right:0;} 
.customer-value .value-item .value-pd{padding:40px 0 0 24px;overflow: hidden;}
.customer-value .value-item .leftbg{width:100px;float:left;padding-top:10px;}
.customer-value .value-item .leftbg img{width:100%;height:auto;}
.customer-value .value-item .valueinfo{width:73%;float:right;height:100%;}
.customer-value .value-item .valueinfo .infobg{background: url('/static/images/icon_dh.svg') no-repeat bottom right #192B37;
    padding:42px 16px;
    display:table-cell;  
    vertical-align:middle;
    margin-top: 42px;
}
.customer-value .value-item .valueinfo .infobg p{font-size: 16px;color: #FFFFFF;letter-spacing: 0;line-height:35px;font-weight:500;}
.customer-value .value-item .valueinfo h2{
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #D2691E;
    height: 24px;
}

@media (min-width:320px) and (max-width:768px){
    /* 功能产品 */
    .DMLlist{display:block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .DML-cpgn .gnitem{width:100%;height:auto;min-height:480px;margin-right:0;margin-bottom:30px;}
    .cpgn-bg{display: none;}
    .gnitem .gninfo .infopd h2{font-size:40px;}
    /* 客户价值 */
    .khvalue{padding:64px 0px;}
    .customer-value .value-item{width:100%;margin-right:0;margin-bottom:30px;}
    .customer-value .value-item .valueinfo .infobg{height:140px;background-size:30px auto;}
    .customer-value .value-item .valueinfo .infobg p{font-size:26px;line-height:32px;}
    .customer-value .value-item .valueinfo h2{padding:20px 0px 0px 120px;}
    .customer-value{margin: 64px 0px 0px;}
    .customer-value .value-item .leftbg img{margin:0;}
    .customer-value .value-item .value-pd{padding: 42px 24px 20px;}
}
@media (min-width:769px) and (max-width: 1024px){}
@media (min-width:1025px) and (max-width: 1280px){}
@media (min-width:1281px) and (max-width: 1366px){
    .DML-cpgn .gnitem{width:23%;}
    .customer-value .value-item .valueinfo h2{padding-left:50px;}
}
@media (min-width:1367px) and (max-width: 1440px){
    .DML-cpgn .gnitem{width:23%;}
    .customer-value .value-item .valueinfo h2{padding-left:50px;}
}
@media (min-width:1441px) and (max-width: 1680px){
    .DML-cpgn .gnitem{width:23%;}
}
@media (min-width:1680px) and (max-width: 1920px){}
@media screen and (max-width: 1366px) {
    .erji-cpgn{padding:48px 0;}
    .gnitem .gninfo .infopd p{padding:0 16px 32px;}
}
@media screen and (max-width: 1600px) {
    .customer-value .value-item{width: 25%;}
    .customer-value .value-item .leftbg{width: 90px;}
}
@media screen and (max-width: 1366px) {
    .customer-value{margin:48px 0;}
    .customer-value .value-item .leftbg{width: 80px;}
    .cpgn-bg{height: 280px;}
    .customer-value .value-item{margin-right: 40px;}
}
@media screen and (max-width: 1200px) {
     .customer-value .value-item{margin-right: 2%;}
     .customer-value .value-item .valueinfo{width: 70%;}
}
@media screen and (max-width: 768px) {
    .customer-value .value-item{margin-right: 0px;width:100%;}
}
/* -----------------------------------------产品展示----------------------------------- */
.product-show{padding:64px 0 80px;}
.porlist{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.itemshow{width:400px;height:433px;background: #EEF1F7;float:left;margin-right:40px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.itemshow:hover{-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.2);box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.itemshow:last-child{margin:0;}
.showpd{padding:8px;}
.showpd .showpic{height:220px;overflow: hidden;}
.showpd .showtt{padding:32px;}
.itemshow h2{
    
    font-size: 20px;
    color: #21252E;
    letter-spacing: 0;
    line-height: 20px;
    margin-bottom:24px;
} 
.itemshow p{
    
    font-size: 14px;
    color: #21252E;
    letter-spacing: 0;
    line-height:24px;
} 

@media (min-width:320px) and (max-width:768px){
    .showpd .showpic{height: auto;}
    /* 产品展示 */
    .porlist{display:block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .product-show .porlist .itemshow{width:100%;margin-right:0;margin-bottom:30px;height:auto;}
    .itemshow p{line-height:1.5;}
    .itemshow h2{font-size:20px;line-height:1.5;margin-bottom: 10px;}
}

@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){}
@media (min-width:1367px) and (max-width: 1440px){
    .showpd .showtt{padding: 20px 20px 30px;}
    .gnitem .item-pic{background:none;}
}
@media (min-width:1441px) and (max-width: 1680px){
}
@media (min-width:1680px) and (max-width: 1920px){}
@media screen and (max-width: 1366px) {
    .product-show{padding-top: 20px}
}
/* -------------------------------------------------DML页面-------------------------------------- */
.yun_moremenu{width:100%;background:#fff;position: relative;}
.yun_moremenu .detbtm-md{position: static;margin:80px 0px;}
.yun_moremenu .detbtm-md ul li{background: #EFEFEF;border-right:1px solid #fff;width:24.9%;}
.yun_moremenu .detbtm-md ul li:last-child{border:none;}
.yun_moremenu .detbtm-md ul li.on{background: #00B259;}
.yun_moremenu .detbtm-md ul li.on a{color:#fff;}
.yun_moremenu .detbtm-md ul li a{color: #21252E;}

/* -----------------------------------------------产品功能------------------------------------ */
.DMLlist{position: relative;z-index: 2;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.DML-cpgn .gnitem{width:23.75%;float:left;margin-right:24px;-webkit-transition: all 0.3s;transition: all 0.3s;cursor: pointer;position: relative;}
.DML-cpgn .gnitem:last-child{margin-right:0;}
.DML-cpgn .gnitem:hover{-webkit-box-shadow:0 5px 8px rgba(0,0,0,0.2);box-shadow:0 5px 8px rgba(0,0,0,0.2);}
.gnitem .item-pic img{-webkit-transition:all 0.4s;transition:all 0.4s;height:100%!important;width:auto;}
.DML-cpgn .gnitem:hover .item-pic img{-webkit-transform: scale(1.02);transform: scale(1.02);}
.DML-cpgn .gnitem::after{
    display: block;
    content:'';
    width:0px;
    height:4px;
    position: absolute;
    bottom:-4px;
    background:#00B259;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.DML-cpgn .gnitem:hover::after{width: 100%;}    

@media (min-width:320px) and (max-width:768px){
    /* 功能产品 */
    .DMLlist{display:block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .DML-cpgn .gnitem{width:100%;height:auto;min-height:480px;margin-right:0;margin-bottom:30px;}
    .cpgn-bg{display: none;}
    .gnitem .gninfo .infopd h2{font-size:40px;}
    .gnitem .item-pic img{-webkit-transition:all 0.4s;transition:all 0.4s;height:auto!important;max-width:100%;width:100%;}

}

@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){
    .DML-cpgn .gnitem{width:23%;}
}
@media (min-width:1367px) and (max-width: 1440px){
    .DML-cpgn .gnitem{width:23%;}
}
@media (min-width:1441px) and (max-width: 1680px){
    .DML-cpgn .gnitem{width:23%;}

}
@media (min-width:1680px) and (max-width: 1920px){}
@media screen and (max-width: 1366px) {
    .yun_moremenu .detbtm-md{margin:56px 0px;}
}

/*------------------------------------------------应用场景----------------------------- */
.container-tit p{margin-bottom: 64px;}
.yun-yycj {min-height:auto;background: #F4F4F4;padding:64px 0px;}
.yun-yycj .container-tit h2{margin-bottom:46px;}
.yycjlist{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.yycjlist .yycjitem{width:32%;float:left;
    margin-right: 24px;
    background:url('/static/images/17e855b6-92e9-4ffb-9fe7-eceddc28ca4b.png') repeat-x center bottom #FFFFFF !important;
    border: 1px solid #E5E5E5;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);
            box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);
    height: 0px;padding-bottom: 50px;
}
.yycjlist .yycjitem:nth-of-type(3n){margin-right:0;}
.yycjlist .yycjitem .contpd{padding:50px 64px 0px 80px!important;}
.yycjlist .yycjitem .contpd h2{
    
    font-size: 20px;
    color: #21252E;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom:16px;
    font-weight:bold;
}
.yycjlist .yycjitem .contpd p{
    
    font-size: 16px;
    color: #21252E;
    letter-spacing: 0;
    line-height:1.5;
}
/* 媒体查询 */

@media (min-width:320px) and (max-width:768px){
    /* 应用场景 */
    .yycjlist{display:block;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
    .yycjlist .yycjitem{width:100%;margin-right:0;margin-bottom:30px;height:auto;min-height:250px;}
    .yycjlist .yycjitem .contpd h2{font-size:38px;}
    .yycjlist .yycjitem .contpd p{font-size:14px;}
}

@media (min-width:769px) and (max-width: 1024px){}

@media (min-width:1025px) and (max-width: 1280px){}

@media (min-width:1281px) and (max-width: 1366px){
    .yycjlist .yycjitem{width:32%;}
    .yycjlist .yycjitem .contpd{padding: 50px 40px 0px;}
    .showpd .showtt{padding: 20px 20px 30px;}
    .gnitem .item-pic{background:none;}
}
@media (min-width:1367px) and (max-width: 1440px){

    .showpd .showtt{padding: 20px 20px 30px;}
    .gnitem .item-pic{background:none;}
}
@media (min-width:1441px) and (max-width: 1680px){
    .DML-cpgn .gnitem{width:23%;}
}
@media (min-width:1680px) and (max-width: 1920px){}
@media screen and (max-width: 1500px) {
    .yycjlist .yycjitem{width: 31.9%;}
}
@media screen and (max-width: 1366px) {
    .container-tit p{margin-bottom: 48px;line-height: 1.5;}
.yun-yycj {padding:48px 0px;margin-bottom: 48px;}
.yun-yycj .container-tit h2{margin-bottom:32px;}
.yycjlist .yycjitem{width: 31.5%;}
.yycjlist .yycjitem .contpd{padding: 32px 40px 0px 48px!important;}
}
@media screen and (max-width: 1200px) {

    .yycjlist .yycjitem .contpd{padding: 24px 24px 0px 24px!important;}
}
@media screen and (max-width: 768px) {
    .yycjlist .yycjitem{margin-right: 0px;width:100%;}
}

@media screen and (max-width: 900px){
    .detbtm-md{position: static!important;height: auto;overflow: hidden;box-shadow:none!important;background: #fff!important;}
    .yun_moremenu .detbtm-md{height: auto;overflow: hidden;}
    .detbtm-md ul{display: block;}
    .yun_moremenu .detbtm-md{margin:20px 0;}
    .detbtm-md ul li{width: 50%;float: left;box-sizing:border-box;height: 24px;line-height: 24px;}
    .detbtm-md ul li a{font-size: 16px!important;line-height: 1.5;padding:10px 0;color: #000!important;}
    .yun_moremenu .detbtm-md ul li a{width: 100%;font-size: 14px!important;}
    .detail-info a{margin-bottom: 10px;}
    .erji-cpgn{padding:0px 0 24px;overflow: hidden;}
    .container-tit h2{margin-top: 24px;}
    .yun-yycj{padding:0px 0 24px;overflow: hidden;}
    .container-tit p{margin-bottom: 24px;}
    .product-show{padding:0px 0 32px;}
    .yun-yycj{margin-bottom: 20px;}
}