/*****************************
 * created by chaixiaoduo@126.com
 * 2019-10-31 10:48
 * 动态栏目页
 *****************************/

.whtie-fff {
    background-color: #fff;
}
.gray-f3f3f3 {
    background-color: #f3f3f3;
}
a{
    text-decoration: none;
}


/* 1920 */

/**************************************************************************************
 **************
 ************** content-main
 **************
****************************************************************************************/
.content-main{
    width: 1680px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between; 
}
.content-main .cont{line-height:1.8em; margin:0px 10px}
.content-main p{ margin-top:1em}
.content-main .left{
    width: 770px;
    padding-right: 60px;
    text-align: right;
    float: left;
	position: relative;
	overflow: hidden;
}
#left_box{
	/* transition:all 0.2s; */
	/* position: fixed;
	width: 770px;
	transform: translate(-60px,0px); */
	/* position: fixed; */
	position: absolute;
	width: 770px;
	padding-right: 60px;background-color:#CCCCCC
}
.content-main .right{
    width: 1158px;

}
.content-main .left .time{
    margin-top: 40px;
    font-size: 32px;
    color: #222222;
    margin-bottom: 20px;
}
.content-main .left .title{
    font-family: PingFangSC-Medium;
    font-size: 56px;
    color: #222222;
    line-height: 75px;
    margin-bottom: 10px;
    font-weight: normal;
}
.content-main .left .industryDynamics{
    margin-bottom: 36px;
}
.content-main .left .industryDynamics i{
    background: url('../img/icon.png') no-repeat -38px -642px;
    width: 24px;
    height: 16px;
    display: inline-block;
}
.content-main .left .industryDynamics span{
    font-size: 24px;
    color: #4284ED;
    margin-left: 10px;
}
.content-main .left .follow{
    margin-bottom: 27px;
}
.content-main .left .follow i{
    margin-left: 30px;
    cursor: pointer;
}
.content-main .left .follow .wb{
    display: inline-block;
    background: url('../img/icon.png') no-repeat -236px -639px;
    width: 27px;
    height: 22px;
}
.content-main .left .follow .wx{
    display: inline-block;
    background: url('../img/icon.png') no-repeat -338px -638px;
    width: 25px;
    height: 22px;
}
.content-main .left .follow .copy{
    display: inline-block;
    background: url('../img/icon.png') no-repeat -439px -638px;
    width: 22px;
    height: 23px;
}
.content-main .left .keyword{
    margin-top: 32px;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 75px;
}
.content-main .left .keyword em{
    font-size: 14px;
    color: #222222;
    font-style: normal;
}
.content-main .left .keyword span{
    display: inline-block;
    background: #EEEFF1;
    border-radius: 3px;
    font-size: 14px;
    color: #333333;
    margin-left: 10px;
    padding: 2px 10px;
}
.content-main .left .case{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content-main .left .case a{
    font-size: 16px;
    color: #FF1240;
    text-decoration: underline;
}
.content-main .left .case span{
    font-family: PingFangSC-Medium;
    font-size: 44px;
    color: #222222;
}
.content-main .left ul li{
    width: 170px;
    height: 170px;
    position: relative;
    cursor: pointer;
    display: inline-block;
}
.content-main .left ul a{
    margin-left: 10px;
}
.content-main .left ul a:first-child{
    margin-left: 0px;
}
.content-main .left ul li .img-main{
    width: 170px;
    height: 127px;
}
.content-main .left ul li img{
    width: 100%;
    height: 100%;
}
.content-main .left ul li p{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 43px;
    background: #222222;
    opacity: .77;
    text-align: left;
    padding: 8px 0 8px 8px;
}
.content-main .left ul li p span{
    font-size: 16px;
    color: #FFFFFF;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.content-main .right{
    border-bottom: solid 1px #DDDDDD;
}
.content-main .right img{
    /* width: 100%;
    height: 100%; */
    margin-bottom: 23px;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
}
.content-main .right p{
    font-size: 16px;
    color: #222222;
    line-height: 30px;
}
.content-main .right p span{
    display: block;
    margin-bottom: 23px;
}
.content-main .right .author{
    margin-top: 22px;
    padding-bottom: 66px;
}
.content-main .right .author span{
    color: #222222;
    font-size: 14px;
}
.content-main .right .author em{
    font-size: 14px;
    color: #666666;
    font-style: normal;
}
.content-main .right .author .spacing{
    display: inline-block;
    margin: 0 14px;
}
.content-main  span{
    font:initial;
}

/* 2021.04.12 修改 增加主页链接，增加内容区上边距，增加上一页下一页按钮 */
.content-main .industryDynamics a{color: #4284ED;font-size: 20px;}
/* .content-main .right{padding-top: 20px;border-bottom: 0!important;} */
.content-main .right .author{padding-bottom: 10px;}
.content-main .turn_line{display: flex;text-align: center;justify-content: space-between;border-top: solid 1px #ddd;padding-top: 14px;}
.content-main .turn_line a{display: block;flex:1;border: solid 1px #FF003C;color: #FF003C;line-height: 38px;transition: .3s;border-radius: 2px;font-size: 16px;}
.content-main .turn_line a:nth-child(2){margin-left: 20px;}
.content-main .turn_line a:hover{background: #FF003C;color: #fff;}
/* 2021.04.12 修改 */

/*  */
.content-main .aside{min-width: 492px;max-width:492px;flex: 1;}
.content-main .aside .box{margin-bottom: 30px;}
.content-main .aside .box .title{font-size: 28px;padding: 0 0 18px;cursor: pointer;}
.content-main .aside .box .list-a{display: flex;flex-wrap: wrap;font-size: 18px;color: #fff;}
.content-main .aside .box .list-a li{margin: 0 10px 10px 0;background: #FF1240;flex: 1;min-width: calc(20% - 10px);border-radius: 12px;
    text-shadow: 0 0 2px rgba(0,0,0,.2);
    align-items: center;height: 98px;
    justify-content: center;
    transition: .5s;
    opacity:1;
    display: flex;}
.content-main .aside .box .list-a a{color: #fff;}
.content-main .aside .box .list-a li:nth-child(5n){margin-right: 0;}
.content-main .aside .box .list-a li:nth-child(2){background: #FF7212;}
.content-main .aside .box .list-a li:nth-child(3){background: #FC9C12;}
.content-main .aside .box .list-a li:nth-child(4){background: #F5BA1E;}
.content-main .aside .box .list-a li:nth-child(5){background: #C8DC19;}
.content-main .aside .box .list-a li:nth-child(6){background: #68E4EA;}
.content-main .aside .box .list-a li:nth-child(7){background: #2FB5EA;}
.content-main .aside .box .list-a li:nth-child(8){background: #1772E0;}
.content-main .aside .box .list-a li:nth-child(9){background: #3434CE;}
.content-main .aside .box .list-a li:nth-child(10){background: #9626ED;}
.content-main .aside .box .list-a li:hover{opacity: .75;}

.content-main .aside .box .links2{display: flex;flex-wrap: wrap;}
.content-main .aside .box .links2 a{display: block;min-width: calc(50% - 10px);border-radius: 5px;line-height: 50px;border: solid 1px #1772E0;color:#1772E0;font-size: 18px;text-align: center;margin: 0 10px 10px 0;flex: 1;transition: .5s;}
.content-main .aside .box .links2 a:hover{background: #1772E0;color: #fff;}
.content-main .aside .box .links2 a:nth-child(2n){margin-right: 0;}

.content-main .aside .box .links3{display: flex;flex-wrap: wrap;}
.content-main .aside .box .links3 a{min-width:157px;max-width:157px;line-height: 36px;margin-bottom:10px;background: #F7F7F7;text-align: center;color: #222222;margin-right: 10px;flex: 1;transition: .5s;}
.content-main .aside .box .links3 a:hover{background: #F0F0F0;}
.content-main .aside .box .links3 a:nth-child(3n){margin-right:0;}

.content-main .article-title{text-align: center;font-size: 36px;margin-bottom: 8px;}
.content-main .article-desc{text-align: center;font-size: 14px;color: #666;margin-bottom: 20px;}

.ad-box{
    background: url(../img/ad_bg.jpg);
    width: 100%;
    height: 493px;
    text-align: center;
    color: #fff;
    padding-top: 50px;
    box-sizing: border-box;
}
.ad-box .title{font-size: 44px;margin-bottom: 60px;}
.ad-box .q{font-size: 18px;margin-bottom: 20px;}
.ad-box .a{margin-bottom: 96px;}
.ad-box .a span{display: inline-block;width: 160px;line-height: 32px;border: solid 1px #fff;box-sizing: border-box;border-radius: 3px;background: rgba(255,255,255,.15);cursor: pointer;margin: 0 8px;position: relative;}
.ad-box .a span::after{background: url(../img/ad_selected.png) no-repeat;position: absolute;right: 0;bottom: 0;background-size: 100%;content:' ';width: 26px;height: 19px;opacity: 0;transition: .5s;}
.ad-box .a .on::after{opacity: 1;}
.ad-box .button{width: 340px;line-height: 44px;font-size: 16px;color: #FF1240;background: #fff;border-radius: 3px;border: 0;margin: 0 auto;cursor: pointer;pointer;display: inline-block;transition: .5s;}
.ad-box .button:hover{opacity: .75;}


.list-pic{display: flex;flex-wrap: wrap;font-size: 16px;}
.list-pic li{width: 157px;margin:0 10px 10px 0;height: 157px;position: relative;}
.list-pic a:nth-child(3n) li{margin-right: 0;}
.list-pic li img{width: 100%;}
.list-pic li p{position: absolute;left: 0;bottom: 0;background:rgba(0,0,0,.7);color: #fff;width: 100%;padding: 8px;}
.list-pic li p span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;}


.article-path-box{width: 1680px;margin: 0 auto;color: #444444;font-size: 16px;padding: 20px 0 40px;}
.article-path-box .path::before{content: ' ';background:url(../img/icon_adds.png) left top no-repeat;width: 13px;height: 18px;display: inline-block;vertical-align: middle;margin: -4px 8px 0 0 ;}
.article-path-box a{color: #444444;}
.article-path-box a:hover{color: #FF1240;}

.turn_line_a{padding: 20px 0;}
.turn_line_a a{color: #FF1240;}

.related-dynamics{width: auto;margin-top: 52px;}
.related-dynamics h2{text-align: left;}
.related-dynamics .title a{font-size: 20px;color: #222222;}
.related-dynamics ul li .right .info a{margin-top: 0;}
/* .related-dynamics ul li .right{border-bottom:solid 1px #DDDDDD;} */
.related-dynamics ul li .center{min-width: 364px;max-width: 364px;height: 242px;flex:1;}
/*  */

/**************************************************************************************
 **************
 ************** content-main
 **************
****************************************************************************************/



/**************************************************************************************
 **************
 ************** related-dynamics
 **************
****************************************************************************************/
/* .related-dynamics{
    width: 1680px;
    margin: 0 auto;
    margin-top: 40px;
} */
.related-dynamics .header-title{
    font-family: PingFangSC-Medium;
    /* text-align: center; */
    font-weight: normal;
    font-size: 34px;
    color: #222222;
    margin-bottom: 15px;
}
.related-dynamics ul li{
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
.related-dynamics ul li .left{
    padding-right: 50px;
    width: 450px;
    height: 242px;
    text-align: right;
}
.related-dynamics ul li .left a{
    text-decoration: none;
}
.related-dynamics ul li .left .time{
    font-size: 32px;
    color: #222222;
    margin-bottom: 10px;
    margin-top: 10px;
}
.related-dynamics ul li .left .title{
    margin-bottom: 13px;
}
.related-dynamics ul li .left .title a{
    display: block;
    font-family: PingFangSC-Medium;
    line-height: 62px;
    font-size: 48px;
    color: #222222;
    margin-bottom: 13px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 124px;
}
.related-dynamics ul li .left .dynamic i{
    background: url('../img/icon.png') no-repeat -38px -642px;
    width: 24px;
    height: 16px;
    display: inline-block;
}
.related-dynamics ul li .left .dynamic span{
    font-size: 24px;
    color: #4284ED;
    margin-left: 10px;
}
/* .related-dynamics ul li .center{
    width: 430px;
    height: 242px;
} */
.related-dynamics ul li .center img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.related-dynamics ul li .right{
    width: 800px;
    height: 242px;
    box-sizing: border-box;
    border: solid 1px #DDDDDD;
    border-left: none;
    padding: 30px 30px 0 50px;
}
.related-dynamics ul li .right a{
    text-decoration: none;
}
.related-dynamics ul li .right .title{
    width: 712px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.related-dynamics ul li .right .keyword{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #FFFFFF;
    margin-bottom: 15px;
    margin-top: 30px;
}
.related-dynamics ul li .right .keyword em{
    font-size: 14px;
    color: #222222;
    font-style: normal;
}
.related-dynamics ul li .right .keyword span{
    display: inline-block;
    background: #EEEEEE;
    border-radius: 3px;
    font-size: 14px;
    color: #333333;
    margin-right: 20px;
    padding: 2px 10px;
}
.related-dynamics ul li .right .info a{
    display: block;
    font-size: 16px;
    color: #444444;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 90px;
}
.related-dynamics ul li .right .author{
    margin-top: 22px;
}
.related-dynamics ul li .right .author span{
    color: #222222;
    font-size: 14px;
}
.related-dynamics ul li .right .author em{
    font-size: 14px;
    color: #666666;
    font-style: normal;
}
.related-dynamics ul li .right .author .spacing{
    display: inline-block;
    margin: 0 14px;
}
.related-dynamics ul li:hover .right{
    border-color: #ffffff;
    /* box-shadow: 0 3px 10px 1px rgba(221,221,221,0.50); */
}
.related-dynamics ul li:hover{
    box-shadow: 0 3px 10px 1px rgba(221,221,221,0.50);
}
/**************************************************************************************
 **************
 ************** related-dynamics
 **************
****************************************************************************************/





/* 1920 */



/* 1680 1600 */
@media screen and (max-width: 1919px)and (min-width: 1600px) {
    .content-main,.article-path-box{
        width: 1520px;
    }
    .content-main .left{
        width: 730px;
    }
    .content-main .left .time{
        margin-top: 50px;
    }
    .content-main .left .title{
        font-size: 60px;
        line-height: 62px;
    }
    .content-main .left .keyword{
        margin-bottom: 80px;
    }
    .related-dynamics ul li .right .title{
        /* width: 712px; */
        width: 552px;
    }
    .content-main .right{
        width: 998px;
    }
    .related-dynamics{
        /* width: 1520px; */
    }
    .related-dynamics ul li .left .title{
        font-size: 44px;
    }
    .related-dynamics ul li .right{
        width: 626px;
    }

}
/* 1680 1600*/

/* 1366 */
@media screen and (max-width: 1599px)and (min-width: 1281px){



    /**************************************************************************************
 **************
 ************** content-main
 **************
****************************************************************************************/
    .content-main,.article-path-box{
        width: 1246px;
    }
    .content-main .left{
        width: 535px;
        padding-right: 40px;
    }
	#left_box{
		width: 535px;
		padding-right: 40px;
	}
    .content-main .right{
        width: 725px;
    }
    .content-main .left .time{
        margin-top: 28px;
        font-size: 28px;
        margin-bottom: 15px;
    }
    .content-main .left .title{
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 17px;
    }
    .content-main .left .industryDynamics{
        margin-bottom: 26px;
    }
    .content-main .left .industryDynamics span{
        font-size: 20px;
        color: #4284ED;
    }
    .content-main .left .keyword{
        margin-top: 32px;
        font-size: 14px;
        color: #FFFFFF;
        margin-bottom: 75px;
    }
    .content-main .left .case{
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .content-main .left .case span{
        font-size: 34px;
    }
    .content-main .left ul{
        width: 100%;
        overflow: hidden;
        height: 158px;
    }
    .content-main .left ul li{
        width: 158px;
        height: 158px;
    }
    .content-main .left ul li p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #222222;
        opacity: .77;
        text-align: left;
        padding: 8px 0 8px 8px;
    }
    .content-main .left ul li p span{
        font-size: 16px;
        color: #FFFFFF;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .content-main .left ul li:first-child{
        margin-left: 0px;
    }
    .content-main .right{
        border-bottom: solid 1px #DDDDDD;
    }
    .content-main .right .author{
        margin-top: 20px;
        padding-bottom: 56px;
    }
    /**************************************************************************************
     **************
     ************** content-main
     **************
    ****************************************************************************************/


    /**************************************************************************************
 **************
 ************** related-dynamics
 **************
****************************************************************************************/
    .related-dynamics{
        /* width: 1246px;
        margin-top: 52px; */
    }
    .related-dynamics h2{
        /* font-size: 34px;
        margin-bottom: 15px; */
    }
    .related-dynamics ul li{
        margin-bottom: 72px;
    }
    .related-dynamics ul li .left{
        padding-right: 40px;
        width: 358px;
        height: 212px;
        text-align: right;
    }
    .related-dynamics ul li .left .time{
        font-size: 28px;
        color: #222222;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .related-dynamics ul li .left .title a{
        line-height: 48px;
        font-size: 36px;
        height: 96px;
    }
    .related-dynamics ul li .left .dynamic{

    }
    .related-dynamics ul li .left .dynamic span{
        font-size: 20px;
        color: #444444;
        padding-left: 10px;
    }
    /* .related-dynamics ul li .center{
        width: 377px;
        height: 212px;
    } */
    .related-dynamics ul li .right .title{
        width: 280px;
    }
    .related-dynamics ul li .right{
        width: 510px;
    }
    .related-dynamics ul li .right .keyword{
        margin-top: 22px;
    }
    .related-dynamics ul li .right .info{
        font-size: 14px;
        color: #444444;
        line-height: 28px;
		height: 84px;
    }
    /**************************************************************************************
     **************
     ************** related-dynamics
     **************
    ****************************************************************************************/


}
/* 1366 */


/* 1280 */
@media screen and (max-width: 1280px) {


    /**************************************************************************************
 **************
 ************** content-main
 **************
****************************************************************************************/
    .content-main,.article-path-box{
        width: 1200px;
    }
    .content-main .left{
        width: 535px;
        padding-right: 40px;
    }
	#left_box{
		width: 535px;
		padding-right: 40px;
	}
    .content-main .right{
        width: 678px;
    }
    .content-main .left .time{
        margin-top: 28px;
        font-size: 28px;
        margin-bottom: 15px;
    }
    .content-main .left .title{
        font-size: 48px;
        line-height: 62px;
        margin-bottom: 17px;
    }
    .content-main .left .industryDynamics{
        margin-bottom: 26px;
    }
    .content-main .left .industryDynamics span{
        font-size: 20px;
        color: #4284ED;
    }
    .content-main .left .keyword{
        margin-top: 32px;
        font-size: 14px;
        color: #FFFFFF;
        margin-bottom: 75px;
    }
    .content-main .left .case{
        margin-bottom: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .content-main .left .case span{
        font-size: 34px;
    }
    .content-main .left ul li{
        width: 158px;
        height: 158px;
    }

    .content-main .left ul{
        width: 100%;
        overflow: hidden;
    }
    .content-main .left ul li p{
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60px;
        background: #222222;
        opacity: .77;
        text-align: left;
        padding: 8px 0 8px 8px;
    }
    .content-main .left ul li p span{
        font-size: 16px;
        color: #FFFFFF;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .content-main .left ul li:first-child{
        margin-left: 0px;
    }
    .content-main .right{
        border-bottom: solid 1px #DDDDDD;
    }
    .content-main .right .author{
        margin-top: 20px;
        padding-bottom: 56px;
    }
    /**************************************************************************************
     **************
     ************** content-main
     **************
    ****************************************************************************************/


    /**************************************************************************************
 **************
 ************** related-dynamics
 **************
****************************************************************************************/
    .related-dynamics{
        /* width: 1200px;
        margin-top: 52px; */
    }
    .related-dynamics h2{
        /* font-size: 34px;
        margin-bottom: 15px; */
    }
    .related-dynamics ul li{
        margin-bottom: 72px;
    }
    .related-dynamics ul li .left{
        padding-right: 40px;
        width: 331px;
        height: 212px;
        text-align: right;
    }
    .related-dynamics ul li .left .time{
        font-size: 28px;
        color: #222222;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .related-dynamics ul li .left .title a{
        line-height: 48px;
        font-size: 36px;
        height: 96px;
    }
    .related-dynamics ul li .left .dynamic{

    }
    .related-dynamics ul li .left .dynamic span{
        font-size: 20px;
        color: #444444;
        padding-left: 10px;
    }
    /* .related-dynamics ul li .center{
        width: 377px;
        height: 212px;
    } */
    .related-dynamics ul li .right{
        width: 492px;
    }
    .related-dynamics ul li .right .title{
        width: 230px;
    }
    .related-dynamics ul li .right .keyword{
        margin-top: 22px;
    }
    .related-dynamics ul li .right .info{
        font-size: 14px;
        color: #444444;
        line-height: 28px;
		height: 84px;
    }
    /**************************************************************************************
     **************
     ************** related-dynamics
     **************
    ****************************************************************************************/
}
/* 1280 */