﻿
body { background: #FFF; font-size: 14px; }
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure { margin: 0; padding: 0; }
body, html, input, button, textarea { color: #212121; font-family: Arial; line-height: 1.5; }
article, aside, figcaption, figure, footer, header, main, nav, section { display: block; }
a { color: #333; text-decoration: none; }
hr { margin: 15px 0 15px 0; height: 1px; border: none; border-top: 1px dashed #c1c1c1; }
a:active, select, input, textarea { outline: 0!important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
/*-------------------------------
			font start
			----------------------------------*/

/*@font-face {font-family: "mysh-bold"; font-style: normal; src: url(fonts/msyhbd.ttc) format("TrueType"); font-display: fallback; }*/
/*@font-face {font-family: "souCN-med"; font-style: normal; src: url(fonts/SourceHanSansCN-Medium.otf) format("TrueType"); font-display: fallback; }*/
/*@font-face {font-family: "souCN-nor"; font-style: normal; src: url(fonts/SourceHanSansCN-Normal.otf) format("TrueType"); font-display: fallback; }*/
/*@font-face {font-family: "souCN-reg"; font-style: normal; src: url(fonts/SourceHanSansCN-Regular.otf) format("TrueType"); font-display: fallback; }*/
/*@font-face {font-family: "souCN-sc"; font-style: normal; src: url(fonts/SourceHanSerifSC.otf) format("TrueType"); font-display: fallback; }*/

/* flex */
.flex_row { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; }
.flex_row_nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; }

.page_main img{width: 100%; max-width: 100%; border: none; vertical-align: middle;  }
.page_main li{list-style: none;  }
.index_jump{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.page_main{background: #FFFDF8;}
.page_main .layout{width: 90%;max-width: 1200px;margin: 0 auto;} 
.mian_tit{text-align: center;position: relative;}
.mian_tit:after{content:"";left: 0;width: 100%;height: 2px;background: #E1191C;position: absolute;top: 62%;transform: translateY(-50%
);}
.mian_tit .tit{width: max-content;margin: 0 auto;padding: 0 37px;background: #FFFDF8;position: relative;z-index: 2;}
.mian_tit h2{font-size: 50px;font-family: "souCN-sc";background-image: -webkit-linear-gradient(top, #c32023, #FA5B4E);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.mian_tit p{font-size: 11.4px;position: relative;font-family: "souCN-reg";color: #fff;line-height: 19px;padding: 0 24px;width: max-content;margin: 0 auto;z-index: 1;}
.mian_tit p:after{content:"";background: #E1191C;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;transform: skewX(-20deg);}
.mian_tit a{position: absolute;right: 12px;top: 31%;font-size: 16px;color: #333333;font-family: "souCN-nor";font-weight: 900;transition: all .3s linear;}
.mian_tit a:hover{ color:#E1191C}

.highlights_part{padding: 69px 0 0;}
.highlights_part .layout{ }
.highlights_part .tit{font-family: "mysh-bold";align-items: center;margin-bottom: 50px;}
.highlights_part .tit span{background: #d6191c;color: #fff;width: 61px;font-size: 24px;text-align: center;font-weight: bold;line-height: 1.2;padding: 11px 0px;}
.highlights_part .tit h2{color: #d6191c;font-size: 40px;font-weight: bold;margin-left: 22px;flex: 1;}
.highlights_part .wrap{justify-content: space-between;align-items: flex-start;}
.highlights_part .left{width: 57.5%;overflow: hidden;}
.highlights_part .left img{ transition: all .3s linear;}
.highlights_part .left:hover img{transform: scale(1.1);}
.highlights_part .right{width: 39.58%;}
.highlights_part .list_tit{display: flex;background: #F2F2F2;}
.highlights_part .list_tit li{line-height: 47px;padding: 0 17px;font-size: 22px;font-family: "souCN-reg";cursor: pointer;}
.highlights_part .list_tit .active{background: #D6191C;color: #fff;}
.highlights_part .list_wrap{position: relative;}
.highlights_part .list_wrap ul{position: absolute;left: 0;top: 10px;width: 100%;height: 100%;z-index: 0;opacity: 0;transition: all .3s linear;/* transform: rotateY(90deg); */}
.highlights_part .list_wrap ul.active{position: relative;transform: none;transition: all .3s linear .3s;z-index: 1;opacity: 1;top: 0;}
.highlights_part .list_wrap li{font-size: 22px;font-family: "souCN-reg";border-bottom: 1px dashed #999999;line-height: 1.2;padding: 21px 0 21px 32px;position: relative;}
.highlights_part .list_wrap li a{color: #333333;transition:all .3s linear }
.highlights_part .list_wrap li:hover a{ color:#E1191C}
.highlights_part .list_wrap li:last-of-type{border:none}
.highlights_part .list_wrap li:before{content: "";position: absolute;left: 0;top: 26px;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-left: 16px solid #D6191C;transition: all .3s linear;}
.highlights_part .list_wrap li:hover:before{left: 5px;}

.video_part{padding: 53px 0 86px;}
.video_part .mian_tit{margin-bottom: 41px;}
.video_part .mian_tit .tit{ }
.video_part .wrap{overflow:hidden;}
.video_part figure{position: relative;width: 30.8%;}
.video_part figure div{margin-bottom: 10px;overflow:hidden}
.video_part figure img{transition:all .3s linear}
.video_part figcaption{background: #EDEDED;padding: 9px 14px 18px;}
.video_part figcaption h2{font-size: 18px;color: #333333;font-family: "souCN-med";font-weight: 300;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.2;height: 43px;}
.video_part figure:hover img{ transform:scale(1.1) }

.news_part{ padding-bottom: 82px;}
.news_part .mian_tit{margin-bottom: 63px;}
.news_part .mian_tit .tit{ }
.news_part .wrap{justify-content: space-between;align-items:center;}
.news_part .left{width: 49.75%;padding-left: 15px;position: relative;}
/*.news_part .left .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: 0;transition: all .3s linear;transform: rotateY(90deg);overflow: hidden;}*/
/*.news_part .left .active{position: relative;transform: none;transition: all .3s linear .3s;z-index: 1;opacity: 1;}*/
.news_part .left .swiper-slide{ width:320px}
.news_part .right{width: 49.5%;padding-left: 26px;}
.news_part .right li{border: 1px solid #DED4C7;font-size: 18px;color: #666666;font-family: "souCN-med";background: #FFFFFF;padding: 18px 4px 18px 17px;margin-bottom: 6.5px;position: relative;cursor: pointer;}
.news_part .right li:before{content:"";position: absolute;left: -17px;top: 50%;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 16px solid #D6191C;transition: all .3s linear;transform: translateY(-50%);opacity: 0;}
.news_part .right .active:before{opacity:1 }
.news_part .left .item img{transition: all .3s linear;}
.news_part .left .item:hover img{transform: scale(1.1);}


@media screen and (max-width: 1200px) {
	.highlights_part .tit h2{ font-size: 34px;}
	.mian_tit h2{font-size: 42px;}
	.highlights_part .list_wrap li{padding: 10px 10px 10px 20px;font-size: 18px;}
	.news_part .right li{padding: 10px;font-size: 16px;}
	.highlights_part .list_wrap li:before{top: 14px;border-top: 7px solid transparent;border-bottom: 7px solid transparent;border-left: 10px solid #D6191C;}
}

@media screen and (max-width: 950px) {
	.highlights_part .left,.highlights_part .right,.video_part figure,.news_part .left,.news_part .right{width: 100%;margin: 10px 0;}
	.news_part .left,.news_part .right{padding: 0; }
	.news_part .right li:before{display: none;}
	.news_part .right li.active{background-color:#D6191C; color: #fff;}

	.news_part .mian_tit,.video_part .mian_tit,.highlights_part .tit{margin-bottom: 20px;}
	.video_part,.news_part{padding: 20px 0;}
	.highlights_part .tit span{font-size: 18px;}
	.highlights_part .tit h2{font-size: 28px;}
	.highlights_part{padding: 30px 0;}

}

@media screen and (max-width: 640px) {
	.mian_tit a{position: relative;left: 0;top: 0;margin-top: 10px;        display: block;}
	.mian_tit h2{font-size: 32px;}
}

@media screen and (max-width: 480px) {
	.mian_tit .tit{width: 100%;        padding: 0;}
	.highlights_part .tit h2{font-size: 20px;}
}

.li_more{width: 213px;text-align: right;}

.news_part .parUl {width: 40%;}
.news_part .parUl .parLi {height:55px;margin-bottom:20px;position:relative}
.news_part .parUl .parLi span {width:40px;height:40px;line-height:40px;border-radius:40px;display:block;border:1px solid #e90101;color:#e90101;text-align:center;font-size:20px;position:absolute;left:15px;top:7px}
.news_part .parUl .parLi .line {position:absolute;left:56px;top:27px;width:28px;height:1px;background-color:#e90101}
.news_part .parUl .parLi em {width: calc(100% - 89px);height:55px;line-height:25px;position:absolute;display:block;/*background-color:#e90101;*/border:1px solid #e90101;text-align:center;overflow:hidden;font-style:normal;right:0;top:0;padding:0 15px;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.news_part .parUl .parLi em a {font-size:15px;color:#e90101;}
.news_part .parUl .fousAct span {transition:left .7s}
.news_part .parUl .fousAct em {transition:right .7s}
.news_part .parUl .fousAct em a {color:#fff}
.news_part .parUl .fousAct span,.news_part .parUl .fousAct em {background-color:#e90101;color:#fff;transition:background-color .5s}
.news_part .parUl .fousAct .line {position:absolute;/*left:39px;*/top:27px;width:31px;height:1px;background-color:#e90101;transition:width .3s}


.award_list{ }
.award_list .list_top{background-color: #D7E9FF;margin: 46px 0 34px;align-items: center;}
.award_list .list_top .tit{padding: 0 80px 0 67px;background: url(../image/file_12.png) no-repeat right;font-size: 35px;color: #FFFFFF;text-shadow: 2px 2px 3px #747474;letter-spacing: 2px;line-height: 100px;}
.award_list .list_top .des{font-size: 25px;flex: 1;padding: 15px  50px;line-height: 1.4;}
.award_list .list_top .des a{transition: all .3s linear;}
.award_list .list_bottom{justify-content: space-between;align-items: flex-start;}
.award_list .list_swiper{width: 42.5%;overflow: hidden;position: relative;}
.award_list .swiper-pagination{background: rgba(0,0,0,.2);display: flex;justify-content: flex-end;padding: 15.5px 10px;bottom: 0;}
.award_list .swiper-pagination span{width: 18px;height: 18px;background: #858685;opacity: 1;}
.award_list .swiper-pagination .swiper-pagination-bullet-active{background: #FFFFFF;}
.award_list .award_warp{width: 54.833%;}
.award_list .award_warp .tit{display: flex;justify-content: space-between;padding-left: 64px;background: url(../image/file_7.png) no-repeat left;line-height: 50px;}
.award_list .award_warp .tit h3{font-size: 30px;color: #1F75FF;}
.award_list .award_warp .tit a{font-size: 18px;color: #A2A2A2;transition: all .3s linear;}
.award_list .award_warp ul{ }
.award_list .award_warp ul li{border-bottom: 1px dashed #EAEAEA;line-height: 1.25;padding: 24px 0;}
.award_list .award_warp ul li:last-of-type{border: none;}
.award_list .award_warp ul a{font-size: 22px;transition: all .3s linear;color: #3F3F3F;font-weight: 600;}
.award_list .award_warp ul li.active a,.award_list .award_warp ul li a:hover{color: #055EEB;}
.award_list .award_warp .tit a:hover{ color: #055EEB}

.award_gallery{background: url(../image/file_6.png) no-repeat center bottom;padding: 43px 0 46px;}
.award_gallery .tit_bar{}
.award_gallery .tit_bar .tit{margin: 0 auto;font-size: 35px;color: #FFFFFF;background: url(../image/file_10.png) no-repeat center;line-height: 48px;text-align: center;}
.award_gallery .tit_bar .des{font-size: 22px;color: #514949;text-align: center;margin: 0 auto;width: max-content;background: #FFFFC5;padding: 2px 85px;}
.award_gallery .gallery_swiper{overflow: hidden;padding-bottom: 4px;}
.award_gallery figure{background: #FFFDF8;box-shadow: 4px 4px 0 0px rgba(6, 0, 1, .1);padding: 12px 9px;}
.award_gallery figure .icon{overflow: hidden;}
.award_gallery figure .icon img{transition: all .3s linear;}
.award_gallery figcaption{padding: 31px 9px 20px;}
.award_gallery figcaption ul{ }
.award_gallery figcaption li{display: flex;font-size: 19px;align-items: flex-start;margin-bottom: 4px;}
.award_gallery figcaption h3{color: #3F3F3F;font-size: 19px;line-height: 1.2;}
.award_gallery figcaption p{color: #3F3F3F;line-height: 1.2;}
.award_gallery figure:hover img{transform: scale(1.1);}
.award_gallery .slider_control{justify-content: flex-end;margin: 8px 0 19px;}
.award_gallery .slider_control div{margin-left: 5px;cursor: pointer;transition: all .3s linear;}
.award_gallery .slider_control div img{width: 29px;}
.award_gallery .slider_control div:hover{filter: grayscale(1);}




@media screen and (max-width: 1200px) {
	.award_list .award_warp ul a{font-size: 18px;}
	.award_list .list_top .des{font-size: 20px;}
	.award_list .award_warp ul li{padding: 20px 0;}
}

