/* @font-face {
    font-family:"pmzd";
    src: url(/special/_assets/www.guandian.cn/statics/awards2023_live/css/pmzd.ttf);
}
@font-face {
    font-family:"wdxyt";
    src: url(/special/_assets/www.guandian.cn/statics/awards2023_live/css/gchw00u.ttf);
} */
body,h1,h2,h3,h4,p,dl,dd,ul,ol,form,input,textarea,th,td,select,span{margin:0;padding:0;text-size-adjust: none;line-height: 1;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;margin:0}
li{list-style:none}
a{text-decoration:none}
img{border:none;vertical-align:middle;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
table{border:none}
input,textarea{outline:none}
textarea{resize:none;overflow:auto}
body{
    font-family: 'noto sans sc';
}
.show{
    display: block !important;
}
.flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
p:last-of-type{
    margin-bottom: 0 !important;
}
.wrap{
    width: 1600px;
    margin: auto;
}
.head{
    width: 100%;
    height: 450px;
    margin-bottom: 30px;
    background: url(https://www.guandian.cn/statics/awards2023_live/img/head_bg.png) no-repeat;
    display: inline-block;
}
.nav{
    display: flex;
    justify-content: center;
    margin-top: 30px;
    align-items: center;
}
.nav a{
    font-size: 18px;
    margin: 0 8px;
    color: #ffffc5;
}

.main{
    width: 1090px;
    margin: auto;
}
.title{
    font-size: 28px;
    padding: 7px 400px 6px 36px;
    background: linear-gradient(to right,#f7e7c8,#fffefc);
    color: #bc2946;
    display: inline-block;
    font-weight: bold;
    font-weight: bold;
    position: relative;
    white-space: nowrap;
}
.title:not(.research .title){
    margin-top: 71px;
    margin-bottom: 35px;
}
.title::before,.title::after{
    width: 6px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    background: #bc2946;
    content: '';
    position: absolute;
}
.title::before{
    height: 100%;
}
.title::after{
    left: 10px;
    height: 70%;
}
.research_box{
    padding: 0 57px;
}
.research h1{
    font-size: 28px;
    margin: 49px;
    font-weight: bold;
    color: #cb0000;
    text-align: center;
}
.research_box h2,.research_box a:not(.download a){
    width: 460px;
    padding: 12px 0;
    font-size: 22px;
    margin-bottom: 12px;
    border-radius: 20px 0 20px 0;
    color: #e8ac4c;
    font-weight: bold;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 2px 3px 3px 1px #eaebf2;
    background: #f3f4f9;
    display: block;
}
.research_box h3{
    font-size: 18px;
    margin-top: 10px;
    color: #595757;
    flex: 100%;
    text-align: right;
}
.download{
    text-align: center;
    margin-top: 53px;
    flex: 1;
}
.download a{
    display: inline-block;
    position: relative;
}
.download a span{
    font-size: 24px;
    font-weight: bold;
    color: #fbedd2;
    position: absolute;
    left: 0;
    right: 66px;
    top: 26px;
}
.download a span b{
    font-size: 16px;
}
.news_left{
    width: 505px;
}
.news_left img{
    width: 100%;
    border-radius: 50px 0 0 0;
    object-fit: cover;
}
.news_left>a:first-child{
    padding: 0;
    position: relative;
}
.news_left>a:first-child h1{
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    font-size: 14px;
    color: #fff;
}
.news_left a{
    font-size: 16px;
    line-height: 1.5;
    padding: 33px 40px;
    border-bottom: 1px solid #a0a0a0;
    color: #101010;
    display: block;
}
.news_right{
    width: 550px;
    height: 550px;
    padding-right: 36px;
    box-sizing: border-box;
    overflow: auto;
}
.news_right a{
    padding: 27px 37px;
    margin-bottom: 16px;
    display: block;
    border-radius: 40px 0 40px 0;
    box-shadow: 2px 3px 3px 1px #eaebf2;
    background: #f3f4f9;
    box-sizing: border-box;
}
.news_right a h1{
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 14px;
    color: #101010;
}
.news_right a h2{
    font-size: 12px;
    line-height: 1.75;
    color: #858586;
}
.moment{
    padding: 130px 260px 220px;
    background: url(https://www.guandian.cn/statics/awards2023_live/img/moment_bg.png) no-repeat;
    background-size: 100% 100%;
    min-height: 700px;
    box-sizing: border-box;
}
.moment .title{
    color: #fff;
    background: linear-gradient(to right,#ea764d,transparent);
}
.moment .title::before,.moment .title::after{
    background: #fff;
}
.moment_left{
    width: 273px;
    padding: 52px 34px;
    border-radius: 60px 0  60px 0;
    background: linear-gradient(to right bottom,#e1150e,#f67049);
    box-sizing: border-box;
    color: #fff;
}
.moment_left h1{
    font-size: 18px;
    margin-bottom: 32px;
    color: #fff;
    text-align: center;
}
.moment_left h2{
    font-size: 14px;
    line-height: 1.7;
    color: #fff;
}
.moment_right{
    width: 768px;
    height: 420px;
    padding-right: 18px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(3,234px);
    justify-content: space-between;
    align-content: flex-start;
    overflow: auto;
}
.mr_con{
    width: 234px;
    height: 125px;
    margin-bottom: 14px;
    border-radius: 26px 0 0 0;
    overflow: hidden;
}
.mr_con img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_box{
    padding: 0 34px;
    box-sizing: border-box;
}
.about_box p{
    font-size: 14px;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #595757;
}
.review_box{
    margin-top: 20px;
    position: relative;
}
.swiper-button-next, .swiper-button-prev{
    background: none !important;
}
.review_box a{
    width: 243px;
    height: 117px;
    margin-right: 24px;
    border-radius: 30px 0 30px 0;
    display: inline-block;
    position: relative;
}
.review_box a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px 0 30px 0;
}
.review_box a span{
   width: 100%;
   height: 100%;
   top: 0px;
   font-size: 36px;
   align-items: center;
   font-weight: bold;
   color: #ffffff;
   display: flex;
   justify-content: center;
   position: absolute;
}
.swt{
    margin-left: 224px;
    margin-bottom: 100px;
}
.swb{
    margin-left: 86px;
}
.swt a::after{
    left: 110px;
    bottom: -55px;
    width: 19px;
    height: 19px;
    background: url(https://www.guandian.cn/statics/awards2023_live/img/review_icon.png) no-repeat;
    position: absolute;
    content: '';
}
.swb a::after{
    left: 110px;
    top: -65px;
    width: 19px;
    height: 19px;
    background: url(https://www.guandian.cn/statics/awards2023_live/img/review_icon.png) no-repeat;
    position: absolute;
    content: '';
}
.review_sw .swiper-wrapper{
    position: relative;
}
.review_sw::after{
    width: 84%;
    height: 2px;
    top: 160px;
    background: #e0e1eb;
    position: absolute;
    content: '';
    z-index: -1;
    margin: auto;
    left: 0;
    right: 0;
}
.group{
    color: #3e3a39;
}
.contact{
    white-space: nowrap;
    margin-left: 46px;
}
.contact b{
    margin: 8px 0 16px;
    display: block;
}
.span_con {
    display: inline-block;
    vertical-align: middle;
}
.contact span{
    font-size: 14px;
    display: block;
    margin: 6px 0;
}
.contact img{
    width: 100px;
    height: 100px;
    margin: 0 10px;
}
.span_con:nth-of-type(1){
    margin-right: 100px;
}
.footerwrap {
    margin-top: 55px;
    padding: 60px 0;
    background: #c40000;
}
.footer_box{
    width: 1000px;
    margin: auto;
    align-items: center;
}
.footer_r{
    width: 836px;
}
.footer_r li {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1.5;
    color: #ffffff;
    
}
.side {
    position: fixed;
    background: linear-gradient(to bottom right,#961137 0 33.33%,#9f153d 33.33% 66.66%,#a2173f  66.66% 100%);
    font-size: 27px;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    padding: 22px 8px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    margin: 494px 0px 0 1430px;
    transform: skewY(-8deg);
    border-radius: 10px;
}
.side a{
    font-size: 20px;
    font-weight: bold;
    display: block;
    color: #fff;
}
.side_box{
    transform: skewY(8deg);
}
.side hr{
    border-color: #fff;
    margin: 20px 0;
}
.moment .title{
    flex: 100%;
}
@media only screen and (max-width: 1600px){
    .wrap {
        width: 100%;
    }
    .moment{
        padding: 130px 0px 220px;
    }
    .moment_box{
        width: 1080px;
        margin: auto;
    }
}