.gsabout{padding: 65px 0 90px;background: url(../images/other/jsbj.png) bottom center;}
.introductiontitle h1{font-family: '思源宋体';text-align: center;font-size: 56px;color: #b53534;font-weight: normal;}
.introductiontitle span{font-size: 20px;color: #cbcbcb;display: block;text-align: center;}
.introductiontitle p{font-size: 24px;line-height: 42px;margin: 65px auto 75px;text-indent: 2em;}
.listitle{margin-bottom: 0;}
.m-dtvideo{width: 100%;height: 814px;}

.culture{padding: 55px 0 80px;}
.qyjs{padding-top: 70px;margin-bottom: 60px;}
.qyjs img{float: left;margin: 0 85px 0 55px;}
.qyjs div,.gsbsy{font-size: 18px;line-height: 44px;}
.qyjs div p{/* font-weight: bold; */}
.gsbsy span{font-weight: bold;color: #b53534;}
.gsbsy{margin-bottom: 70px;}

.jylngskh div span{float: left;margin-right: 25px;writing-mode: vertical-lr;font-size: 28px;font-weight: bold;color: #bf0d01;}
.jylngskh div p{width: 600px;height: 130px;float: right;background-color: rgba(191, 13, 1, 0.14);text-align: center;line-height: 130px;font-size: 28px;font-weight: bold;margin-top: 18px;}

.gsyears{padding: 65px 0 100px;background-color: #f8f8f8;}
.gsyears .introductiontitle{margin-bottom: 75px;}
.recordtab{margin-bottom: 40px;}
.recordtab .bd{width: 1080px;margin: 0 auto;position: relative;}
.recordtab .bd::after{content: '';width: 100%;height: 3px;background-color: #b53534;position: absolute;left: 0;top: 63px;}
.recordtab .bd ul{display: flex;overflow: auto;height: 135px;}
.recordtab .bd ul li{padding: 50px 0 0;width: 50px;margin: 0 43px;float: left;text-align: center;position: relative;z-index: 2;cursor: pointer;white-space: nowrap;}
.recordtab .bd ul li div{width: 26px;height: 26px;background: url(../images/other/years.png) center center no-repeat;margin: 0 auto 10px;}
.recordtab .bd ul li p{font-size: 16px;}
.recordtab .hd a{position: absolute;display: inline-block;width: 47px;height: 47px;}
.recordtab .hd a.prev{background: url(../images/other/next.png) no-repeat;left: 110px;bottom: 22px;}
.recordtab .hd a.next{background: url(../images/other/pre.png) no-repeat;right: 110px;bottom: 22px;}
.recordtab .bd ul li.active{background: url(../images/other/ztab.png) top center no-repeat;}
.recordtab .bd ul li.active div{background: url(../images/other/tany.png) center center no-repeat;}
.recordtab .bd ul li.active p{color: #e5c879;}
.recordlist{width: 100%;}/* max-height: 430px;overflow-y: auto; */
.recordlist::-webkit-scrollbar,.recordtab .bd ul::-webkit-scrollbar{width: 4px; height: 4px;background: #eee;}
.recordlist::-webkit-scrollbar-thumb,.recordtab .bd ul::-webkit-scrollbar-thumb{ height: 149px;background-color: #ddd;}
.recordlist::-webkit-scrollbar-track,.recordtab .bd ul::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px #eee;}
.recordlist ul li{font-size: 18px;line-height: 40px;}
/* .recordlist ul li span{font-weight: bold;} */

.honor{padding: 75px 0;}
.honor .introductiontitle{margin-bottom: 85px;}
.honorlb .bd ul li div{width: 362px;float: left;margin-right: 17px;margin-bottom: 50px;text-align: center;}
.honorlb .bd ul li div p{width: 100%;height: 250px;background-color: #e5c879;border: solid 4px #e5c879;box-sizing: border-box;margin-bottom: 20px;overflow: hidden;}
.honorlb .bd ul li div span{display: block;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.honorlb .bd ul li div:nth-child(4n){margin-right: 0;}
.honorlb .hd{transform: translate(50%, 50%);margin-top: 40px;}
.honorlb .hd ul li {float: left;width: 22px;height: 22px;margin: 0 10px;border-radius: 11px;background: #f8f8f8;}
.honorlb .hd ul li.on {width: 65px;background: #b53534;}
.honorlbpc{display: none;}




.listings{padding: 45px 0;}
.surveybox{margin-bottom: 55px;}
.surveybox .introductiontitle{margin-bottom: 45px;}
.survey .bd ul li{height: 560px;}
.surveyimg{width: 1040px;height: 560px;overflow: hidden;}
.surveytext{width: 460px;height: 560px;background-color: #b53534;padding: 50px 30px;box-sizing: border-box;color: #ffffff;}
.surveytext p{font-size: 24px;margin-bottom: 25px;}
.surveytext span{font-size: 18px;line-height: 36px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 9;}
.survey .hd a{position: absolute;display: inline-block;width: 53px;height: 45px;}
.survey .hd a.prev{background: url(../images/other/left.png) no-repeat;right: 380px;bottom: 50px;}
.survey .hd a.next{background: url(../images/other/right.png) no-repeat;right: 324px;bottom: 50px;}
.survey .hd a.prev:hover{background: url(../images/other/xleft.png) no-repeat;}
.survey .hd a.next:hover{background: url(../images/other/xright.png) no-repeat;}

.premium .introductiontitle{margin-bottom: 35px;}
.premiumlist ul li{width: 238px;height: 295px;box-shadow: 0 4px 8px 0 #ddd;float: left;margin-right: 14px;text-align: center;font-size: 24px;}
.premiumlist ul li:last-child{margin-right: 0;}
.premiumlist ul li a{display: block;width: 100%;height: 100%;padding-top: 50px;}
.premiumlist ul li div{width: 100%;height: 120px;margin-bottom: 40px;}
.premiumlist ul li a:hover div{animation: big 1s 1;}

@keyframes big {
    0% {
        transform: translateY(0);
    }
    33% {
        transform: translateY(-15px);
    }
    66%{
        transform: translateY(15px);
    }
    100%{
        transform: translateY(0);
    }
}

.business{padding: 45px 0 70px;background-color: #f8f8f8;}
.business .introductiontitle{margin-bottom: 55px;}
.business ul li{width: 480px;float: left;margin-right: 30px;}
.business ul li:last-child{margin-right: 0;}
.busimg{width: 100%;height: 300px;overflow: hidden;}
.bustext{width: 100%;height: 134px;background-color: #ffffff;padding: 18px 24px 0;}
.bustext p{font-size: 20px;margin-bottom: 10px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.bustext span{font-size: 16px;color: #999999;line-height: 30px;overflow: hidden;word-break: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.march{padding: 50px 0 35px;}
.march .introductiontitle{margin-bottom: 50px;}
.progresslist ul li{width: 480px;height: 90px;background-color: #f8f8f8;line-height: 90px;font-size: 20px;float: left;margin-right: 20px;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 40px;}
.progresslist ul li:last-child{margin-right: 0;}
.progresslist ul li a{display: block;width: 100%;height: 100%;padding: 0 30px;box-sizing: border-box;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;}
.progresslist ul li a:hover{background-color: #b53534;color: #fff;}

.zsbox{height: 217px;width: 100%;background: url(../images/other/zsbj.png)bottom center no-repeat;padding-left: 240px;box-sizing: border-box;}
.zsbox div{width: 640px;padding-top: 45px;text-align: center;}
.zsbox div p{font-size: 22px;line-height: 40px;margin-bottom: 40px;}
.zsbox div p span{font-size: 40px;font-weight: bold;float: left;}
.zsbox div>span{font-size: 32px;color: #b53534;font-weight: bold;}

.honorlb .bd ul li div p img,.surveyimg img,.busimg img{width: 100%;height: 100%;transition: all .5s;}
.honorlb .bd ul li div:hover img,.surveyimg:hover img,.busimg:hover img{transform: scale(1.1);}

@media screen and (max-width: 767px){
    .listitle ul li{font-size: 12px;}
    .m-dtvideo{height: 280px;}
    .jylngskh div span{writing-mode: initial;}
    .jylngskh div p{width: 100%;font-size: 20px;}
    .recordtab .bd{width: 100%;overflow: hidden;}
    .recordtab .hd a.prev,.recordtab .hd a.next{bottom: -55px;}
    .recordtab .bd ul li{margin: 0 33px;}
    .jylngskh div.f-fr{margin-top: 20px;}
    .qyjs img{margin-bottom: 20px;}
    .honorlbph,.survey .hd{display: none;}
    .honorlbpc{display: block;}
    .honorlb .bd ul li div,.business ul li,.progresslist ul li,.zsbox div{width: 100%;}
    .honorlb .bd ul li div p{height: 232px;}
    .honor{padding: 75px 15px;}
    .culture{padding: 55px 15px 80px;}


    .listings{padding: 45px 15px;}
    .surveyimg{width: 100%;height: 184px;}
    .survey .bd ul li{height: auto;}
    .surveytext{width: 100%;height: auto;}
    .premiumlist ul li{width: 49%;margin-right: 1%;margin-bottom: 5%;}
    .premiumlist ul li:nth-child(2n){margin-left: 1%;margin-right: 0;}
    .busimg{height: 220px;}
    .business ul li{margin-bottom: 20px;}
    .zsbox{padding: 8px;}
    .march{padding: 50px 15px 35px;}
    .zsbox div>span{font-size: 26px;}
    .zsbox div p span{font-size: 34px;float: none;display: block;}
    .zsbox div p{font-size: 16px;}
    .zsbox div{padding-top: 30px;}
    .zsbox div p{margin-bottom: 10px;}
    .progresslist ul li{margin-bottom: 20px;}

    .zsbox{height: 50px;background-size: 100% !important;}

}