/*战略 begin*/

.row10 .left{width: 220px;float: left;}
.row10 .left .csr_nav{border-left: 1px solid #E6E7E8;}
.row10 .left .csr_nav.active{position: fixed;background: #fff;padding-top: 15px;margin-top: 0;z-index: 99;background: #fff}
.row10 .left .csr_nav li {border-bottom: none;margin-bottom: 20px;}
.row10 .left .csr_nav a{margin-left: -1px;color: #707070;padding: 0 1em 0 20px;border-left: 2px solid transparent;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;transition: all 0s;display: block;}
.row10 .left .csr_nav a.hover,
.row10 .left .csr_nav a:hover {font-weight: bold;background: transparent;color: #111;border-left: 2px solid #E73522;}
.row10 .right{overflow: hidden;}
.row10 .csr_tab{padding-top: 30px;}
.row10 .csr_tab .tab_list .tit{font-size: 36px;color: #111;line-height: 50px;margin-bottom: 30px}
.row10 .csr_tab .tab_list:not(:last-child){margin-bottom: 70px;padding-bottom: 70px;border-bottom: 1px solid #EBEBEB;}
.row10 .csr_tab .tab_list .img img{max-width: 100%}

.row10 .right .icon{float: left;width: 110px;margin-right: 40px;}
.row10 .right .text{overflow: hidden;}
.row10 .right .text .list_tit{color: #3C68DE;font-weight: bold;margin-bottom: 10px;}
.row10 .right .text .txt{position: relative;padding-left: 20px;}
.row10 .right .text .txt_cont{float: left;width: 43%;margin-right: 14%;}
.row10 .right .text .txt_cont:nth-child(2){margin-right: 0;}
.row10 .right .text .txt:before{content: "·";color: #3C68DE;display: block;position: absolute;top: 0;left: 0;font-size: 15px;font-weight: bold;}
.row10 .right .icon .list{margin-top: 10px;}
.row10 .right .icon .list .img img{width: 100%}
.row10 .right .icon .list>img.row10_img_app{display: none;}
.row10 .right .text .list{min-height: 192px;padding-top: 30px;}
.row10 .right .text .list:last-child{min-height: initial;}

@media only screen and (max-width: 1450px){
    /* .row10 .left {width: 340px} */
}
@media only screen and (max-width: 900px){
    .row10 .left .csr_nav.active{width: 100%}
    .row10 .right .icon {width: 60px;margin-right: 12px;}
    .row10 .right .text .list {min-height: 230px;padding-top: 20px;}
    .row10 .right .text .txt {font-size: 13px;line-height: 26px;}
    .row10 .csr_tab .tab_list .tit {font-size: 22px;line-height: 28px;margin-bottom: 20px;}
}
@media only screen and (max-width: 768px){
    .row10 .left {width: 100%;float: none}
    .row10 .csr_tab {padding-top: 0;}
    .row10 .csr_tab .tit {margin: 20px 0 8px}
    .row10 .csr_tab .tab_list:not(:last-child) {margin-bottom: 30px;padding-bottom: 30px;}
    .row10 .left .csr_nav ul{overflow-x: auto;display: flex;}
    .row10 .left .csr_nav ul li{width: auto !important;margin-right: 22px;margin-bottom: 0;-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;}
    .row10 .left .csr_nav ul li:last-child{margin-right: 0}
    .row10 .left .csr_nav ul li a{padding: 0;padding-bottom: 10px;border-left: none;border-bottom: 2px solid transparent;}
    .row10 .left .csr_nav a.hover{border-left: none;border-bottom: 2px solid #E73522;}
    .row10 .left .csr_nav a:hover{border-left: none}
    .row10 .left .csr_nav{border-left: none;margin: 30px 0;position: relative}
    .row10 .left .csr_nav:after {content: '';display: block;position: absolute;left: -20px;right: -20px;bottom: 0;border-bottom: 1px solid #E3E4E5;}
    .row10 .right .text .txt_cont{float: none;width: 100%;margin-right: 0;}
    .row10 .right .icon .list>img.row10_img_app{display: inline-block;height: 160px;}
    .row10 .right .icon .list>img.row10_img_pc{display: none;}
}
/*战略 end*/

/*AI + 双碳 begin*/
.row12 .left{width: 20%;margin-right: 20px;float: left}
.row12 .box1 .left .tit{margin-bottom: 20px;}
.row12 .box1 .txt{overflow: hidden;margin-top: 20px;font-size: 14px;line-height: 26px;}
.row12 .box2 .csr_list .list:not(:last-child){margin-bottom: 40px;}
.row12 .csr_list .list .text {border-bottom: 1px solid #E3E4E5;}

@media only screen and (max-width: 1370px){
}
@media only screen and (max-width: 900px){
    .row12 .left{width: 100%;margin-right: 0;float: none;}
    .row12 .csr_list .list .text {padding-bottom: 24px}
    .row12 .box2 .csr_list .list:not(:last-child) {margin-bottom: 30px;}
}
/*AI + 双碳 end*/

/*活动动态 begin*/
.row13 .ma_30_left {float: left;width: 48%;}
.row13 .ma_30_right{width: 48%;float: right;}
.row13 .viewpoint_list {height: 270px;position: relative;padding: 20px 40px 24px;border: 1px solid #e4e4e4;transition: all .3s;background: #fff;}
.row13 .viewpoint_list h3 {font-size: 20px;line-height: 34px;color: #111;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.row13 .viewpoint_list p {max-height: 90px;color: #707070;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 10px;line-height: 30px;}
.row13 .viewpoint_list .viewpoint_a {position: absolute;bottom: 26px;left: 0;width: 100%;padding: 0 38px;}
.row13 .viewpoint_list .viewpoint_a a {display: inline-block;border: 1px solid #e4e4e4;padding: 1px 16px;border-radius: 15px;color: #7D7D7D;margin-right: 12px;font-size: 14px;}
.row13 .viewpoint_list .viewpoint_a span {font-size: 14px;float: right;}

.row13 .viewpoint_list:hover {box-shadow: 0 0 20px rgba(0,0,0,.12);border-color: #fff;}
.row13 .viewpoint_list .viewpoint_a a:hover {border: 1px solid #333;color: #333;}
@media only screen and (max-width: 900px){
    .row13 .ma_30_left,
    .row13 .ma_30_right{
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .row13 .viewpoint_list{
        height: auto;
        padding: 20px;
    }
    .row13 .viewpoint_list .viewpoint_a {
        position: static;
        margin-top: 20px;
        padding: 0;
    }
    .row13 .viewpoint_list h3 {
        font-size: 18px;
        line-height: 32px;
        -webkit-line-clamp: 20;
    }
    .row13 .viewpoint_list p {
        max-height: initial;
        -webkit-line-clamp: 20;
        line-height: 26px;
    }
}
/*活动动态 end*/