@charset "utf-8";
@font-face{
	font-family: Source Sans Pro;
	src:url('/wsbnew_resource/Source-Sans-Pro-Bold-2.otf')
}
@font-face{
	font-family: Source Sans Pro Semibold;
	src:url('/wsbnew_resource/SourceSansPro-Semibold.ttf')
}
@font-face{
	font-family: Source Sans Pro Semibold;
	src:url('/wsbnew_resource/Bebas.ttf')
}


/* PUBLIC START */
.w1600 { max-width: 1600px; margin: 0 auto; box-sizing: border-box;}
/* header start*/
.header_top.public_top { position: relative; height: 420px; background: url(/wsbnew_resource/ysb_pic_banner_1.jpg) no-repeat center; background-size: cover;}
.header_top.public_top::after, .header_top.public_top::before { content: '';  width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.header_top.public_top::after {background: url(/wsbnew_resource/ysb_home_banner_bg.png);}
.header_top.public_top::before { background: linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,0) 60%);}
.header_top.public_top .logo_search, .header_top.public_top .menu_box { position: relative; z-index: 2;}
.col_tit { height: calc(100% - 105px);}
.col_tit h3 { padding: 120px 0 0 90px; font-size: 60px; font-family: Source Sans Pro; color: #fff; position: relative; z-index: 1;}
.path.s1 { margin-top: -30px;}
.path p{ height: 60px; line-height: 50px; padding: 5px 15px; background: #fff; box-shadow: 0 0 10px  rgba(0, 0, 0, .05); position: relative; z-index: 1; font-size: 18px; box-sizing: border-box;}
.path p a,.path em { padding: 0 10px; color: #666; transition: .3s;}
.path p a:hover { color: #E5004F;}
.path p img { float: left; margin-top: 10px;}

/* header end*/
/* footer start */
.contact_bottom { padding: 60px 0; background: #F8F8F9;}
.contact_bottom .cbox { position: relative; padding-right: 350px;}
.contact_bottom h3 { padding-bottom: 20px; text-align: center; font-size: 56px; color: #616161; font-weight: 600; font-family: Source Sans Pro;}
.contact_bottom .l p { margin-top: 15px; font-weight: 700; font-size: 20px;}
.contact_bottom .l .licc_logo { padding-bottom: 10px;}
.contact_bottom .l p em { padding-left: 15px; color: #333; font-weight: 400;}
.contact_bottom .l p.email_wx { min-height: 58px; line-height: 58px;}
.contact_bottom .l p.email_wx .wx { float: left; padding: 0; position: relative;}
.contact_bottom .l p.email_wx .wx i { display: none; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); border: 1px solid #ddd; line-height: 0; background: #fff; padding: 5px; border-radius: 10px;}
.contact_bottom .l p.email_wx .wx:hover i { display: block;}
.contact_bottom .l p.email_wx span { padding: 0 30px; display: inline-block;}
.contact_bottom .r { position: absolute; right: 0; top: 15px;}
.contact_bottom .r ul li a { display: block; padding: 8px 40px 8px 0; font-size: 22px; color: #333; font-weight: 600; background: url(/wsbnew_resource/ysb_footer_ico_2.png) no-repeat right center; transition: .3s;}
.contact_bottom .r ul li a:hover { color: #E50050;}
.footer_bottom { padding: 30px 0; background: #1E76B9;}
.footer_bottom p,
.footer_bottom a.nl{display: block; padding: 8px 0; font-size: 17px; color: #fff;}
.footer_bottom .l { width: 50%;}
.footer_bottom .r { width: 40%;}
.footer_bottom .r p { width: 450px;}
/* footer start */
.pages { position: absolute; left: 0; right: 0; bottom: -80px; text-align: center;}
.pages a,.pages a { display: inline-block; width: 40px; height: 40px; margin: 0 4px; line-height: 40px; font-size: 22px; background: #fff;font-family: Source Sans Pro; color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, .1);  overflow: hidden;}
.pages a.current, .pages a:hover { background: #E5004F; color: #fff;}
.pages .prev, .pages .next { text-indent: -99em; position: relative;}
.pages .prev::after, .pages .next::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/wsbnew_resource/ysb_ros_ico_1.png) no-repeat center; }
.pages .prev::after { transform: rotate(-90deg);}
.pages .next::after { transform: rotate(90deg);}
.pages a.prev:hover::after, .pages a.next:hover::after { background-image: url(/wsbnew_resource/ysb_home_ros_ico_1.png); transform: rotate(0);}
.pages a.prev:hover::after {transform: rotate(180deg);}
.moreHm { display: inline-block; height: 48px; line-height: 49px; padding: 0 60px 0 30px; background: rgba(0, 0, 0, .3) url(/wsbnew_resource/ysb_home_ros_ico_4.png) no-repeat 80% center; color: #fff; font-size: 16px; font-weight: 300; font-family: Arial; transition: .3s;}
.moreHm:hover { background-color: rgba(0, 0, 0, .5); color: #fff;}
.moreHm.t1 { border: 1px solid #e7115b; color: #e7115b; background-color: #fff; background-image: url(/wsbnew_resource/ysb_home_ros_ico_3.png);}
.inter_coop_warp .moreHm.t1{height: 44px;line-height:44px;}
.inter_coop_warp .moreHm.t1{height: 32px;line-height:32px;}
@media screen and (max-width: 968px){
    .inter_coop_warp .moreHm.t1{padding: 0 30px 0 15px;background: #fff url(/wsbnew_resource/ysb_home_ros_ico_3.png) no-repeat 90% center;background-size: 18px;}
    
    }
@media screen and (max-width: 760px){  .inter_coop_warp .moreHm.t1{background-position: 86% center;background-size: 12px;}}
.moreHm.t1:hover { background-color: #f6f6f6;}
.moreS2 { display: inline-block; height: 26px; margin-top: 10px; line-height: 26px; font-size: 15px; color: #666; font-family: Arial;}
.moreS2.s1 { color: #e7115b;}
.moreS2::before { float: left; content: ''; width: 26px; height: 26px; margin-right: 10px; background: #E5004F url(/wsbnew_resource/ysb_home_ros_ico_4.png) no-repeat center; background-size: 66% auto; border-radius: 50%;}
.moreS2.s1:hover { color: #c20346;}

.tagEm { display: inline-block; height: 52px; padding: 0 5px 0 20px; line-height: 54px; background: #CBEEFF; color: #008fd7; font-weight: 700; font-size: 16px; position: relative;}
.tagEm::after,.tagEm::before { content: ''; position: absolute; right: 0; right: -16px;}
.tagEm::after { top: 0; bottom: 16px; width: 16px;  background-color: #CBEEFF;}
.tagEm::before { bottom: 0; width: 16px; height: 16px; background-image: linear-gradient(135deg, #008fd7, #008fd7 50%, transparent 50%, transparent 100%);}
.tagEm.org { background-color: #FFECE3; color: #ff702b;}
.tagEm.org::after { background-color: #FFECE3;}
.tagEm.org::before { background-image: linear-gradient(135deg, #FF702B, #FF702B 50%, transparent 50%, transparent 100%)}
.tagEm.green { background-color: #D7FFD9; color: #0aa76b;}
.tagEm.green::after { background-color: #D7FFD9;}
.tagEm.green::before { background-image: linear-gradient(135deg, #0aa76b, #0aa76b 50%, transparent 50%, transparent 100%)}
.tagEm.pup { background-color: #FBF0FF; color: #74328F;}
.tagEm.pup::after { background-color: #FBF0FF;}
.tagEm.pup::before { background-image: linear-gradient(135deg, #74328F, #74328F 50%, transparent 50%, transparent 100%)}
.tagEm.red {background-color: #ffe3e6;color: #e5004f;}
.tagEm.red::after{ background-color: #ffe3e6;}
.tagEm.red::before{ background-image: linear-gradient(135deg, #e5004f, #e5004f 50%, transparent 50%, transparent 100%)}
.tagEm.lblue {background-color: #dcf0f1;color: #2fb9e4;}
.tagEm.lblue::after{ background-color: #dcf0f1;}
.tagEm.lblue::before{ background-image: linear-gradient(135deg, #2fb9e4, #2fb9e4 50%, transparent 50%, transparent 100%)}




.titS1 { padding: 60px 0; font-size: 56px; font-family: Source Sans Pro; text-align: center; color: #666; z-index: -1;}
.titS2 em { display: inline-block; padding: 5px; font-size: 40px; line-height: 40px; position: relative;font-family: Source Sans Pro;}
.titS2 em i { position: relative; z-index: 1;}
.titS2 em::after { content: ''; position: absolute; bottom: 2px; left: 0; width: 230px; height: 15px; background-image: linear-gradient( to right, #F2D000, rgba(0,0,0,0)); z-index: 0;}
@media screen and (max-width:1800px) {
    .contact_bottom .l p.email_wx .wx i { left: 0; transform: translateX(0);}
}
@media screen and (max-width:1400px) {
    .contact_bottom .l p { font-size: 16px;}
    .contact_bottom .r ul li a { font-size: 18px;}
}
@media screen and (max-width:1200px) {
    .contact_bottom { padding: 30px 15px;}
    .contact_bottom .cbox { padding-right: 250px;}
    .contact_bottom .l p { font-size: 14px;}
    .contact_bottom .r ul li a { font-size: 16px;}
    .contact_bottom .l .licc_logo { padding-bottom: 0;}
    .contact_bottom .l .licc_logo img { height: 50px; }
    .contact_bottom h3 { font-size: 36px;}
    .contact_bottom .l p.email_wx { min-height: 40px; line-height: 40px;}
    .contact_bottom .l p.email_wx .wx { height: 40px;}
    .contact_bottom .l p.email_wx .wx > img { height: 40px;}
    .contact_bottom .l p.email_wx span { padding: 0 8px;}
    
    .footer_bottom .r p { width: auto;}
    .contact_bottom .l p.email_wx .wx i { bottom: 42px;}
    .contact_bottom .l p.email_wx .wx i img { width: 120px;}
    .titS1 { padding: 20px 0; font-size: 38px;}
    .titS2 em { font-size: 32px;}
    .tagEm { height: 42px;line-height: 44px; font-size: 14px; padding: 0 15px 0 20px;}
    .header_top.public_top { height: 300px;}
    .col_tit { height: calc(100% - 78px);}
    .col_tit h3 { padding: 100px 0 0 50px; font-size: 40px;}
    .pages { bottom: -60px;}
}
@media screen and (max-width:760px) {
    .contact_bottom .cbox { padding-right: 0;}
    .contact_bottom h3 { font-size: 32px; padding-bottom: 0;}
    .contact_bottom .l p { font-size: 14px;}
    .contact_bottom .r { position: inherit;}
    .footer_bottom .l, .footer_bottom .r { width: 100%;}
    .footer_bottom p,
    .footer_bottom a.nl { font-size: 14px; text-align: center;}
    .moreHm { padding: 0 30px 0 15px; height: 32px; line-height: 32px; font-size: 12px; background-position: 86% center; background-size: 12px;}
    .titS1 { font-size: 30px;}
    .titS2 em { font-size: 26px; line-height: 30px; margin-bottom: 5px;}
    .titS2 em::after { width: 180px; height: 10px; bottom: 5px;}
    .header_top.public_top { height: 160px;}
    .col_tit { height: calc(100% - 66px);}
    .col_tit h3 {padding: 10px 0 0 10px; font-size: 28px;}
    .path.s1 { margin-top: -20px;}
    .path p { height: 40px; line-height: 30px; font-size: 14px;}
    .path p  img { margin-top: 5px; height: 18px;}
    .pages a,.pages span { display: none;}
    .pages a.prev, .pages a.next{display: inline-block;}
    .pages .prve,.pages .next { display: inline-block;}
}
/* PUBLIC END */
/* home start */
.header_top { position: absolute; top: 0; left: 0; right: 0; z-index: 4; background-image: linear-gradient(to bottom, rgba(30, 130, 220, .6), rgba(30, 130, 220, 0));}
.header_top .logo_search { padding: 15px 0; border-bottom: 1px solid rgba(255, 255, 255, .3);}
.header_top .logo_search .lang_switch { padding: 0 15px; font-size: 18px; color: #fff;}
.header_top .logo_search .search_lang { padding-top: 15px; line-height: 34px;}
.header_top .logo_search .search_box { position: relative;}
.header_top .logo_search .search_box .search_txt { width: 100px; height: 34px; padding: 0 40px 0 15px; color: #fff; border: none; border-radius: 17px; font-size: 16px;background: rgba(255, 255, 255, .2); box-sizing: border-box; transition: .3s;}
.header_top .logo_search .search_box .search_txt:hover, .header_top .logo_search .search_box .search_txt:focus { width: 200px;}
.header_top .logo_search .search_box .search_btn { width: 50px; position: absolute; right: 0; top: 0; bottom: 0; background: url(/wsbnew_resource/ysb_search_btn.png) no-repeat center; text-indent: -99em; overflow: hidden;} 
.header_top .logo_search .search_box .search_btn:hover + .search_txt { width: 200px;}
.header_top .logo_search .logos img{height: 50px;margin-top: 5px}
.header_top .logo_search .mob_menu { display: none;}
.header_top .menu_box ul { margin-top: 20px;}
.header_top .menu_box ul > li { float: left; position: relative;}
.header_top .menu_box ul li h3 a { display: block; margin: 0 26px; padding-bottom: 4px; font-size: 22px; color: #fff; font-family: Source Sans Pro;}
.header_top .menu_box ul li h3 a.on,.header_top .menu_box ul li h3 a:hover { border-bottom: 3px solid #fff;}
.header_top .menu_box ul li ul { position: absolute; top: 28px; left: 50%; transform: translateX(-50%); padding: 10px 0; background: #fff; border: 1px solid #DDE2DC; border-top: 5px solid #f00; display: flex; flex-direction: column; box-shadow: 0 0 5px rgba(0,0,0,.3);}
.header_top .menu_box ul li ul::after { content: ''; position: absolute; top: -16px; left: 50%; transform: translateX(-50%);width:0;height:0;border-right:16px solid transparent;border-left:16px solid transparent;border-bottom:16px solid #f00;}
.header_top .menu_box ul li ul a { display: block; font-size: 16px; padding: 10px 20px; color: #222; white-space: nowrap;}
.header_top .menu_box ul li ul a:hover { background: #f6f6f6; color: #f00;}
.header_top .menu_box ul > li .menu_sub { display: none;}
.header_top .menu_box ul > li:hover .menu_sub  { display: block;}
.header_top .menu_box ul > li.on { padding-bottom: 20px;}
.header_top .menu_box ul > li.on h3 a {border-bottom: none;}
.home_warp .banner_lr .swiper-slide { position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.home_warp .banner_lr .img { text-align: center; padding: 0 20px; box-sizing: border-box;}
.home_warp .banner_lr .img img { max-width: 100%; position: absolute; z-index: 2; top: 55%; left: 50%; transform: translate(-50%,-50%);}
.home_warp .banner_lr .bg_vid{position: absolute;top: 0px;bottom: 0px;left: 0px;right: 0px;z-index: 1;text-align: center;overflow: hidden;min-height: 100%;min-width: 100%; max-width: 100%;max-height:100%}
.home_warp .banner_lr .bg_vid video{ max-width: 100%;}
@media screen and (max-width:1200px){.home_warp .banner_lr .bg_vid{display: none}}
/* .home_warp .banner_lr .img::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(/wsbnew_resource/ysb_home_banner_bg.png) repeat center;} */
.home_warp .banner_lr .r_swidth_btn { position: absolute;  bottom: 50px; right: 60px;}
.home_warp .banner_lr .swiper-button-next,.home_warp .banner_lr .swiper-button-prev, .home_warp .banner_lr .swiper-pagination { position: relative; float: left;}
.home_warp .banner_lr .swiper-button-next,.home_warp .banner_lr .swiper-button-prev { width: 48px; height: 40px; top: 0; margin-top: 0; background: url(/wsbnew_resource/ysb_home_banner_rb_btn.png) no-repeat 0 12px;}
.home_warp .banner_lr .swiper-button-prev { margin-right: 30px; background-position: 0 -28px;}
.home_warp .banner_lr .swiper-button-next.swiper-button-disabled,.home_warp .banner_lr .swiper-button-prev.swiper-button-disabled { opacity: 0;}
.home_warp .banner_lr .swiper-pagination-bullet { float: left; width: auto; height: auto; background: none; color: #fff; font-size: 24px; transition: .3s; line-height: 40px; opacity: 1; position: relative;}
.home_warp .banner_lr .swiper-pagination-bullet::after { content: ''; float: right; width: 0; height: 2px; margin: 0 15px; background: #fff; transform: translateY(19px); transition: .3s;}
.home_warp .banner_lr .swiper-pagination-bullet-active { font-size: 40px;}
.home_warp .banner_lr .swiper-pagination-bullet-active::after { width: 90px;}
.home_warp .banner_lr .swiper-pagination-bullet-active:last-of-type:after { width: 0px;}
.home_warp .home_f1 { position: relative;}
.home_warp .home_f1 .todown { width: 72px; height: 72px; border-radius: 50%; overflow: hidden; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); z-index: 3; background: rgba(0, 0, 0, .5) url(/wsbnew_resource/ysb_home_todown.png) no-repeat center; animation: downUp 1.5s linear infinite;}
.header_top.mob_open_menu .menu_box,.header_top.mob_open_menu.public_top .menu_box{ opacity: 1;}
/* f2 start */
.home_f2 { padding: 80px 0 20px;}
.home_f2 .f2_box { position: relative; height: 400px; padding-left: 410px;}
.home_f2 .f2_box h2 { padding-top: 80px; text-align: center; font-size: 56px; line-height: 60px; font-family: Source Sans Pro; color: #fff; position: absolute; left: 0; bottom: 0; top: 0; width: 360px; background: url(/wsbnew_resource/ysb_home_f2_img_1.jpg) no-repeat center; box-sizing: border-box;}
.home_f2 .swiperF2 { padding-top: 50px;} 
.home_f2 .swiperF2 .swiper-button-next,.home_f2 .swiperF2 .swiper-button-prev { width: 40px; height: 40px; margin-top: 0; top: 0; right: 0; left: auto; border: 1px solid #CECECE; background: #fff url(/wsbnew_resource/ysb_footer_ico_2.png) no-repeat center;}
.home_f2 .swiperF2 .swiper-button-prev  { right: 50px; transform: rotate(180deg); background-position: center 10px; }
.home_f2 .swiperF2 .swiper-button-next:hover,.home_f2 .swiperF2 .swiper-button-prev:hover { background-color: #E5004F; border-color: #E5004F;background-image: url(/wsbnew_resource/ysb_home_ros_ico_1.png);}
.home_f2 .swiperF2 .item a { display: block; font-size: 22px; font-family: Source Sans Pro; color: #222;}
.home_f2 .swiperF2 .item a span { display: inline-block; line-height: 0; overflow: hidden;}
.home_f2 .swiperF2 .item a img { max-width: 100%; transition: .3s;}
.home_f2 .swiperF2 .item a:hover img { transform: scale(1.08);}
.home_f2 .swiperF2 .item a strong { display: block; padding-top: 10px;}
.home_f2 .swiperF2 .item a:hover i { color: #E5004F;}
/* f2 end */
/* f3 start */
.home_f3 .f_box { background: #F2F5FA; position: relative; overflow: hidden;}
.home_f3 .f_box::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 50%; background: #E5004F;}
.home_f3 .f_box .tBox { padding: 50px 0 30px; position: relative; z-index: 2; background: #F2F5FA;}
.home_f3 .f_box .tBox::after { content: ''; width: 530px; position: absolute; top: 0; bottom: 0; left: -100px; background: #E5004F url(/wsbnew_resource/ysb_home_f3_bg_1_1.png) no-repeat 0 center;}
.home_f3 .f_box .tBox .f3_content { position: relative; z-index: 2;}
.home_f3 .f_box .upNews { width: 90%; margin: 0 auto; display: flex;}
.home_f3 .f_box .upNews dt { padding-right: 30px;max-width: 75%;}
.home_f3 .f_box .upNews dt img { max-width: 100%;}
.home_f3 .f_box .upNews dd { display: flex; flex-direction: column; justify-content: center; width: 800px;}
.home_f3 .f_box .upNews dd a { display: block; margin-top: 15px; font-size: 16px; color: #666; line-height: 38px; font-family: Arial;}
.home_f3 .f_box .upNews dd a strong { display: block; padding-bottom: 15px; font-size: 25px; color: #333; font-family: Source Sans Pro; transition: .3s;}
.home_f3 .f_box .upNews dd a i { display: block; margin-top: 15px;}
.home_f3 .f_box .upNews dd a:hover { color: #222;}
.home_f3 .f_box .upNews dd a:hover strong { color: #E5004F;}
.home_f3 .f_box .news_list { margin: 30px 0; display: flex;}
.home_f3 .f_box .news_list li {  width: 33.33%; box-sizing: border-box; padding: 0 10px;}
.home_f3 .f_box .news_list li a { display: block; background: #fff; color: #333; padding: 20px; transition: .3s; height: 100%; box-sizing: border-box; }
.home_f3 .f_box .news_list li a:hover { background-color: #fafafa;}
.home_f3 .f_box .news_list li a strong { display: block; font-size: 22px; padding: 15px 0; font-family: Source Sans Pro;}
.home_f3 .f_box .news_list li a i { font-size: 16px; color: #666;}
/* f3 end */
/* f4 start */
.home_f4 { margin-bottom: 20px;}
.home_f4 .f_box { background: #F5F5F5; position: relative;}
.home_f4 .f_box::after { content: ''; position: absolute; left: 48%; top: 0; bottom: 0; right: 0; background: url(/wsbnew_resource/ysb_home_f4_bg_1_1.png) no-repeat left center; background-size: cover;}
.home_f4 .f_box .tBox { padding: 60px 0 80px; position: relative; z-index: 2;}
.home_f4 .f_box .tBox .f4_content { position: relative; z-index: 2;}
.home_f4 .f4_content .info { width: 49%; font-family: Source Sans Pro;}
.home_f4 .f4_content .info h4 { margin-bottom: 20px;}
.home_f4 .f4_content .info p { font-size: 20px; color: #333; line-height: 36px;}
.home_f4 .f4_content .vodBox { width: 48%; line-height: 0; box-sizing: border-box;}
.home_f4 .f4_content .vodBox video { width: 100%; height: 450px; background: #000;}
.home_f4 .f4_content .vodBox p { padding: 20px 0; font-family: Source Sans Pro; line-height: 32px; background: #fff; color: #333; font-size: 22px; text-align: center;}
/* f4 end */
/* f5 start */
.home_f5 { height: 747px; background: #030208 url(/wsbnew_resource/ysb_home_f5_bg_1_1.jpg) no-repeat center; overflow: hidden;}
.home_f5 .titS2 {padding: 70px 0;}
.home_f5 .titS2 em { color: #fff;}
.home_f5 ul { position: relative;}
.home_f5 ul li { position: absolute;}
.home_f5 ul li:nth-of-type(1) { top: 265px; left: -42px;}
.home_f5 ul li:nth-of-type(2) { top: 90px; left: 13%;}
.home_f5 ul li:nth-of-type(3) { top: 90px; right: 15%;}
.home_f5 ul li:nth-of-type(4) { top: 265px; right: -66px;}
.home_f5 ul li a { display: flex; color: #fefefe; font-size: 26px; font-family: Bebas; transition: .3s;}
.home_f5 ul li:nth-of-type(1) a, .home_f5 ul li:nth-of-type(2) a { flex-direction: row-reverse;}
.home_f5 ul li:nth-of-type(3) a, .home_f5 ul li:nth-of-type(4) a { flex-direction: row;}
.home_f5 ul li a i img { border: 12px solid rgba(94, 184, 169, .3);border-radius: 50%; transition: .3s;}
.home_f5 ul li a em {padding: 0 40px; display: flex; align-items: center; justify-content: center;}
.home_f5 ul li a:hover { color: #ddfff8;}
.home_f5 ul li a:hover img { transform: scale(1.1);}
/* f5 end */
/* f6 start */
.home_f6 { padding: 30px 0;}
.home_f6 .titS2 {padding: 60px 0;}
.home_f6 ul { height: 420px; margin-left: -10px; overflow: hidden;}
.home_f6 ul li { float: left;width: 15%; overflow: hidden; padding-left: 10px; box-sizing: border-box; transition: width .3s;}
.home_f6 ul li .icon_txt { float: left; width: 100%; height: 420px; padding: 50px 0; text-align: center; position: relative; z-index: 2; box-sizing: border-box; background-position: center; background-repeat: no-repeat; transition: 0s;}
.home_f6 ul li .icon_txt i { display: flex; width: 110px; height: 110px; margin: 0 auto 50px; justify-content: center; align-items: center; border-radius: 50%; background: #fff;}
.home_f6 ul li .icon_txt strong { font-size: 26px; line-height: 32px; font-family: Source Sans Pro; color: #fff;}
.home_f6 ul li .usList { width: calc(100% - 240px); height: 420px; background: #FEF6F2; box-sizing: border-box; overflow: hidden;}
.home_f6 ul li:nth-child(2) .usList{background-color: #c7e8ff;}
.home_f6 ul li:nth-child(2) .usList  dt{color: #4780ed;}
.home_f6 ul li:nth-child(2) .usList dd a::after{background: #4780ed;}
.home_f6 ul li:nth-child(2) .usList  dt::after{background-image: linear-gradient(to right, #4780ed, rgba(0,0,0,0));}
.home_f6 ul li:nth-child(3) .usList{background-color: #d6f3d5;}
.home_f6 ul li:nth-child(3) .usList  dt{color: #168f36;}
.home_f6 ul li:nth-child(3) .usList dd a::after{background: #168f36;}
.home_f6 ul li:nth-child(3) .usList  dt::after{background-image: linear-gradient(to right, #168f36, rgba(0,0,0,0));}
.home_f6 ul li:nth-child(4) .usList{background-color: #e8e2f1;}
.home_f6 ul li:nth-child(4) .usList  dt{color: #801aa9;}
.home_f6 ul li:nth-child(4) .usList dd a::after{background: #801aa9;}
.home_f6 ul li:nth-child(4) .usList  dt::after{background-image: linear-gradient(to right, #801aa9, rgba(0,0,0,0));}
.home_f6 ul li:nth-child(5) .usList{background-color: #dcf0f1;}
.home_f6 ul li:nth-child(5) .usList  dt{color: #22b5e3;}
.home_f6 ul li:nth-child(5) .usList dd a::after{background: #22b5e3;}
.home_f6 ul li:nth-child(5) .usList  dt::after{background-image: linear-gradient(to right, #22b5e3, rgba(0,0,0,0));}
.home_f6 ul li .usList dl { padding: 60px 20px 0 35px;}
.home_f6 ul li .usList dt { font-family: Bebas; font-size: 26px; color: #fb762c;}
.home_f6 ul li .usList dt::after { content: ''; display: block; height: 4px; margin: 18px 0; background-image: linear-gradient(to right, #FB752B, rgba(0,0,0,0));}
.home_f6 ul li .usList dd a { display: block; padding: 6px 0 6px 13px; font-size: 18px; color: #333; line-height: 28px; position: relative; transition: .3s; }
.home_f6 ul li .usList dd a:hover { color: #FB762C;}
.home_f6 ul li:nth-child(2) .usList dd a:hover { color: #4780ed;}
.home_f6 ul li:nth-child(3) .usList dd a:hover { color: #168f36;}
.home_f6 ul li:nth-child(4) .usList dd a:hover { color: #801aa9;}
.home_f6 ul li:nth-child(5) .usList dd a:hover { color: #22b5e3;}

.home_f6 ul li .usList dd a::after { content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fb762c; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.home_f6 ul li.on { width: 40%;}
.home_f6 ul li.on .icon_txt { width: 240px;}
.home_f6 .mob_ps { display: none;}
/* f6 end */
/* f7 start */
.home_f7 { background: #F8F8F9; padding-bottom: 90px;}
.home_f7 .titS1 { padding-bottom: 15px;}
.home_f7 .tit_sub { padding: 0 20px 50px; font-size: 18px; color: #333;}
.home_f7 .moreHm.t1 { float: right; border: none;padding: 0 30px 0 0;background: #fff url(/wsbnew_resource/ysb_home_ros_ico_3.png) no-repeat 100% center;}


.home_f7  .intertl_coop_box .mt10{position: absolute;right:370px;bottom:4px;z-index:19;margin:0}
@media screen and (max-width:1700px){.home_f7  .intertl_coop_box .mt10{right:320px;}}
@media screen and (max-width:1460px){.home_f7  .intertl_coop_box .mt10{right:300px;}}
@media screen and (max-width:760px){.home_f7  .intertl_coop_box .mt10{right:0;top: 385px}}
@media screen and (max-width:420px){.home_f7  .intertl_coop_box .mt10{position: relative;float: right; margin-top: -50px;top: auto;z-index: 19}}


.home_f7 .f7_box > div { position: relative; padding-left: 110px; height: 100%; background: #fff; box-sizing: border-box}
.titColT1 { position: absolute; left: 0; top: 0; width: 90px; height: 452px; background: #1E76BB;}
.titColT1 em { width: 452px; height: 90px; font-size: 30px; line-height: 90px; text-align: center; color: #fff; transform: rotate(90deg); display: inline-block; white-space: nowrap; position: absolute; left: -181px; top: 180px;}
.home_f7 .f7_box { height: 452px; position: relative;}
.home_f7 .l_box { width: 46%; padding-top: 20px; padding-right: 20px;}
.project_info table {width: 100%;text-align: center;}
.project_info table th { padding: 8px 10px; background: #1E76BB; text-align: center; font-size: 14px; color: #fff; white-space: nowrap; }
.project_info table td { padding: 8px 10px; font-size: 12px; background: #E8F6FF;}
.project_info table td a,.project_info table td span{ display: block; height:32px; overflow: hidden;color: #333;line-height: 32px}
.project_info table td a:hover{cursor:pointer;color: #E5004F;}
.project_info table tbody tr:nth-child(odd) td { background: #A7CAE3;}
.intertl_coop_box { width: 52%; padding-right: 350px;}
.intertl_coop_box .swiper-container { margin: 40px 20px 0 0; padding-bottom: 50px;}
.intertl_coop_box .swiper-container .item a { display: block; border: 1px solid #ddd; overflow: hidden; text-align: center; background: #fff; }
.intertl_coop_box .swiper-container .item a img { max-width: 100%; transition: .3s;max-height: 150px;}
.intertl_coop_box .swiper-container .item a:hover img { transform: scale(1.08);}
.intertl_coop_box .swiper-container .swiper-pagination-bullet { width: 12px; height: 12px;}
.intertl_coop_box .swiper-container .swiper-pagination-bullet-active { background-color: #E5004F;}
.intertl_coop_box .img_ps { width: 350px; position: absolute; top: 0; right: 0;bottom: 0; background: #F8F8F9; text-align: right;}
.intertl_coop_box .img_ps a { padding-top: 40px; font-size: 26px; font-family: Source Sans Pro; text-align: center; color: #3490dd; line-height: 52px; position: absolute; left: 15px; right: 0; top: 0; bottom: 0; background: #fff url(/wsbnew_resource/ysb_home_f7_bg_1.jpg) no-repeat center bottom; transition: .3s; background-size: 100% auto;}
.intertl_coop_box .img_ps a:hover { opacity: .8;}
.home_f7 .project_info p.mob_ps {display: none;}
@media screen and (max-width: 760px){
   .home_f7 .project_info table{width: 1024px;}
   .home_f7 .project_info p.mob_ps {display: block;padding-top: 5px;text-align: center;font-size: 13px;color: #bbb;margin-bottom: 8px;}
}
/* f7 end */
/* f8 start */
.home_f8 { padding-bottom: 90px;}
.home_f8 .swiperF8 { position: relative;}
.home_f8 .swiperF8 {padding-bottom: 100px;}
.home_f8 .swiperF8 .swiper-slide {width: 860px;height: 540px;}
.home_f8 .swiperF8 .swiper-slide img{display:block; width: 100%; height: 100%; border: 1px solid #fff;}
.home_f8 .swiperF8 .swiper-pagination{width: auto; height: 45px; box-sizing: border-box; padding:8px 25px;white-space: nowrap; border: 1px solid #e1e1e1; border-radius: 25px; left: 50%; transform: translateX(-50%);}
.home_f8 .swiperF8 .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px;background-color: #d5d5d5;width: 18px;height: 18px;opacity: 1;}
.home_f8 .swiperF8 .swiper-pagination-bullets .swiper-pagination-bullet-active{ width: 19px; height: 24px; border: none; border-radius: 0;background: url(/wsbnew_resource/ysb_home_ico_2.png) no-repeat center; background-size: cover; margin: 0 12px;}
/* f8 end */
@keyframes downUp {
    0% {bottom: 80px;}
    60%{bottom: 10px; opacity: 0;}
    61%{bottom: 80px; opacity: 0;}
    90%{bottom: 80px; opacity: 1;}
}
@media screen and (max-width:1640px) {
    .w1600 { padding: 0 20px;}
}
@media screen and (max-width:1700px) {
    .home_f5 ul li a em {padding: 0 20px;}
    .home_f5 ul li:nth-of-type(1) { left: 0;}
    .home_f5 ul li:nth-of-type(2) { left: 14%;}
    .home_f5 ul li:nth-of-type(3) { right: 16%;}
    .home_f5 ul li:nth-of-type(4) { right: 0;}
    .intertl_coop_box { width: 52%; padding-right: 300px;}
    .intertl_coop_box .img_ps { width: 300px;}
}
@media screen and (max-width:1460px) {
    .home_f2 .f2_box { padding-left: 350px;}
    .home_f2 .f2_box h2 { width: 320px;}
    .home_f3 .f_box .upNews { width: 96%;}
    .home_f3 .f_box .upNews dd { width: 600px;}
    .home_f4 .f4_content .info p { font-size: 18px; }
    .home_f5 ul li:nth-of-type(2) { left: 12%;}
    .home_f5 ul li:nth-of-type(3) { right: 14%;}
    .home_f6 ul li .icon_txt i { width: 80px; height: 80px;}
    .home_f6 ul li .icon_txt i img { width: 50px;}
    .home_f6 ul li .icon_txt strong { font-size: 20px;}
    .home_f6 ul li.on .icon_txt { width: 38%;}
    .home_f6 ul li.on .usList { width: 62%;}
    .home_f7 .l_box { width: 44%;}
    .intertl_coop_box { width: 55%; padding-right: 280px;}
    .intertl_coop_box .img_ps { width: 280px;}
}
@media screen and (max-width:1200px) {
    .w1600 { padding: 0 15px;}
    .header_top .logo_search .logos img { height: 42px;}
    .header_top .logo_search .search_lang { padding-top: 8px;}
    .header_top .menu_box ul li h3 a { margin: 0 12px; font-size: 16px;}
    .header_top .logo_search .lang_switch { font-size: 16px;}
    .home_warp .home_f1 .todown { transform: translateX(-50%) scale(.5);}
    .home_f2 { padding-top: 40px;}
    .home_f2 .f2_box { padding-left: 240px; height: 360px;}
    .home_f2 .f2_box h2 { width: 220px; font-size: 40px;}
    .home_f2 .swiperF2 .item a strong{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .home_f3 .f_box .upNews { width: 100%; display: block;}
    .home_f3 .f_box .upNews dt { text-align: center; padding: 0;max-width: 100%}
    .home_f3 .f_box .upNews dd { width: 100%; display: block; padding: 20px;}
    .home_f3 .f_box .news_list { flex-direction: column;}
    .home_f3 .f_box .news_list li { width: 100%; margin-bottom: 20px;}
    .home_f3 .f_box .news_list li:last-of-type { margin-bottom: 0;}    
    .home_f4 .f_box .tBox { padding: 20px 0;}    
    .home_f4 .f4_content .info p { margin-top: 10px;}
    .home_f4 .f4_content .info, .home_f4 .f4_content .vodBox { width: 100%;}
    .home_f4 .f4_content .vodBox { margin-top: 20px;}
    .home_f4 .f4_content .vodBox video { height: auto;}
    .home_f5 { height: 600px;}
    .home_f5 ul li:nth-of-type(2) { left: 0;}
    .home_f5 ul li:nth-of-type(3) { right: 0;}
    .home_f5 ul li:nth-of-type(1), .home_f5 ul li:nth-of-type(4) { top: 200px;}
    .home_f5 ul li:nth-of-type(2), .home_f5 ul li:nth-of-type(3) { top: 10px; }
    .home_f5 ul li a { font-size: 18px;}
    .home_f6 .titS2 { padding: 0 0 20px;}
    .home_f6 ul { margin-left: -5px;}
    .home_f6 ul li { padding-left: 5px;}
    .home_f6 ul li .icon_txt strong { font-size: 14px;}
    .home_f6 ul li.on .icon_txt { width: 38%;}
    .home_f6 ul li.on .usList { width: 62%;}
    .home_f6 ul li .usList dl { padding: 15px;}
    .home_f6 ul li .usList dl dt { font-size: 20px;}
    .home_f6 ul li .usList dd a { font-size: 14px;}
    .home_f7 {padding-bottom: 30px;}
    .home_f7 .l_box { width: 100%;}
    .intertl_coop_box { width: 100%; margin-top: 15px; padding-right: 280px;}
    .intertl_coop_box .img_ps { width: 280px;}
    .home_f7 .tit_sub { font-size: 16px; padding-bottom: 30px;}
    .home_f8 .swiperF8 .swiper-slide {width: 80%;height: 340px;}
}
@media screen and (max-width:760px) {
    .header_top .logo_search .logos img { height: 30px;}
    .header_top .logo_search .logos > * { margin: 0;}
    .header_top .logo_search .lang_switch,.header_top .logo_search .search_box .search_txt { display: none;}
    .header_top .logo_search .search_lang { padding-top: 0; margin-right: 20px;}
    .header_top .logo_search .search_box { width: 32px; height: 32px;}
    .header_top .logo_search .search_box .search_btn { width: 32px;}
    .header_top .logo_search .mob_menu { display: block; float: right;margin-top: 5px;}
    .header_top .logo_search .search_box{margin-top: 5px;}
    .header_top .logo_search .mob_menu a { display: block; width: 36px; height: 32px; background: url(/wsbnew_resource/ysb_mob_menu_btn.png) no-repeat center;}
    .home_warp .banner_lr .r_swidth_btn { bottom: 10px; right: 10px;}
    .home_warp .banner_lr .swiper-pagination-bullet-active::after { width: 20px; margin: 0 5px;}
    .home_warp .banner_lr .swiper-pagination-bullet-active { font-size: 30px;}
    .home_warp .banner_lr .img img { top: 45%;}
    .header_top .menu_box, .header_top.public_top .menu_box { display: none; padding-top: 20px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #1C3D7B; opacity: 0; transition: .3s;}
    .header_top .menu_box ul > li { width: 100%; padding: 0; border-bottom: 1px solid rgba(255, 255, 255, .2);}
    .header_top .menu_box ul li h3 a { padding: 15px 0; border: none !important;}
    .header_top .menu_box ul li ul { position: inherit; left: 0; top: 0; display: block; margin-top: 0; transform: translateX(0); border: none; background: none; padding: 0; box-shadow: none;}
    .header_top .menu_box ul li ul::after { display: none;}
    .header_top .menu_box ul > li .menu_sub ul li { float: none;border: none; padding: 0; border-top: 1px solid rgba(255, 255, 255, .1);}
    .header_top .menu_box ul li ul a { color: #fff; padding:  15px 15px 15px 30px; }
    .header_top .menu_box ul > li:hover h3 { padding-bottom: 0;}
    .header_top .menu_box ul > li:hover .menu_sub,.header_top .menu_box ul > li:active .menu_sub  { display: block;}
    .header_top .menu_box .mob_colse { position: absolute; top: 10px; right: 10px;width: 46px; height: 46px; background: url(/wsbnew_resource/ysb_search_close.png) no-repeat center; background-size: cover;}
    .home_f2 { padding: 15px 0;}
    .home_f2 .f2_box { padding-left: 0; height: auto;}
    .home_f2 .f2_box h2 { margin-bottom: 15px; padding: 0px 15px; position: inherit; width: 100%; font-size: 26px; text-align: left; background-size: cover;}
    .home_f2 .f2_box h2 .moreHm { float: right; margin-top: 15px;}
    .home_f3 .f_box::after,.home_f3 .f_box .tBox::after { display: none;}
    .home_f3 .f_box .upNews dd { padding: 15px 0 0 0;}
    .home_f3 .f_box .upNews dd a { line-height: 32px;}
    .home_f3 .f_box .upNews dd a strong { font-size: 20px; line-height: 24px; padding-bottom: 10px;}
    .home_f3 .f_box .news_list li { width: 100%; margin-bottom: 15px; padding: 0;}
    .home_f3 .f_box .news_list li a strong { font-size: 16px;}
    .home_f3 .f_box .news_list li a i { font-size: 14px;}
    .home_f4 .f4_content .info p { font-size: 15px; line-height: 26px;font-family: Arial;}
    .home_f4 .f4_content .vodBox p { padding: 10px; font-size: 15px;}
    .home_f5 .titS2 { padding: 30px 0;}
    .home_f5 ul li { position: initial; margin-bottom: 10px;}
    .home_f5 ul li a i img { width: 80px;}
    .home_f6 .mob_use_box { width: 100%; overflow-x: auto; position: relative;}
    .home_f6 .mob_use_box ul { width: 800px;}
    .home_f6 .mob_ps {display: block; padding-top: 5px; text-align: center; color: #bbb;}
    .home_f7 .tit_sub { font-size: 14px;}
    .home_f7 .f7_box { height: auto;}
    .home_f7 .f7_box > div { height: auto; padding: 0;}
    .titColT1 { position: inherit; width: 100%; height: 42px; margin-bottom: 10px;}
    .titColT1 em { width: 100%; height: 42px; font-size: 18px; line-height: 42px; position: inherit;transform: none; left: 0;top: 0;}
    .home_f7 .l_box table th,.home_f7 .l_box table td { padding: 5px;}
    .intertl_coop_box .swiper-container { margin: 0 0 15px 0;}
    .intertl_coop_box .img_ps,.intertl_coop_box .img_ps a { position: inherit; width: 100%; left: 0;}
    .intertl_coop_box .img_ps a { display: block; height: auto; padding: 20px 0; background-position: center; color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, .5);}
    .home_f8 { padding-bottom: 30px;}
    .home_f8 .swiperF8 { padding-bottom: 80px;}
    .home_f8 .swiperF8 .swiper-slide {height: 200px;}
    .home_f8 .swiperF8 .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 5px;}
    .home_f8 .swiperF8 .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 15px; height: 20px;}
}
/* home button*/
@media screen and (max-width:400px){
    .home_warp .banner_lr .swiper-button-next,
     .home_warp .banner_lr .swiper-button-prev{width: 42px;}
     .home_warp .banner_lr .swiper-pagination-bullet{font-size: 12px;}
     .home_warp .banner_lr .swiper-pagination-bullet-active{font-size: 24px;}
     .home_warp .banner_lr .swiper-button-prev{margin-right: 24px;}
     .home_warp .banner_lr .swiper-pagination-bullet-active::after{margin: 0 3px;}
}
/* home end */


/* 列表页 start */
.lists_warp { background: #F8F8F9;}
.lists_warp.s1 { padding: 80px 0;}
.list_page.s1 { display: table; padding-bottom: 60px;width: 100%}
.list_page .left_nav { display: table-cell; vertical-align: top; width: 380px; padding: 45px 30px; box-sizing: border-box; background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .02); font-family: Source Sans Pro;}
.list_page .left_nav .titT1 { padding: 15px 25px; background: #FFECED; color: #da131f; font-size: 18px; line-height: 24px;}
.list_page .left_nav > ul > li { margin-top: 15px;}
.list_page .left_nav > ul h3 { position: relative;}
.list_page .left_nav > ul h3 a { display: block; padding: 13px 25px; font-size: 18px; line-height: 24px; color: #333; box-sizing: border-box; transition: .3s;}
.list_page .left_nav .sub { height: auto; transition: .3s; overflow: hidden;display: none}
.list_page .left_nav .sub > ul { padding: 10px 0; background: #FFF5F6;}
.list_page .left_nav .sub > ul a { display: block; padding: 13px 10px 13px 35px; font-size: 18px; color: #555; font-family: Arial;}
.list_page .left_nav .sub > ul a:hover , .list_page .left_nav .sub > ul a.bigsite{ color: #da131f;}
.list_page .left_nav li.on h3 a,.list_page .left_nav li:hover h3 a ,.list_page .left_nav li.site h3 a{background: #FFECED; color: #da131f;}
.list_page .left_nav li.hSub h3::after { content: ''; display: block; width: 40px; height: 40px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(180deg); background: url(/wsbnew_resource/ysb_ros_ico_1.png) no-repeat center;}
.list_page .left_nav li.hSub:hover .sub { height: auto;}
.list_page .left_nav li.hSub.on h3::after{transform: translateY(-50%) rotate(0);}
.list_page .left_nav li.hSub.on .sub { height: auto;}
.list_page .right_lists { padding-left: 30px; position: relative;}
.list_page .right_lists ul li { margin-bottom: 10px; background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .02);}
.list_page .right_lists ul li:last-child { margin-bottom: 0;}
.list_page .right_lists ul li a { display: block; padding: 20px; position: relative; font-family: Verb; transition: .3s;}
.list_page .right_lists ul li a::after { content: ''; display: block; clear: both; line-height: 0;}
.list_page .right_lists ul li a .imgA { float: left; width: 300px;height: 210px; margin-right: 20px; line-height: 0;}
.list_page .right_lists ul li a .imgA img { max-width: 100%;}
.list_page .right_lists ul li a .tagEm { position: absolute; right: 16px; top: 0;}
.list_page .right_lists ul li a strong { display: block; padding: 30px 0 10px; font-size: 28px; line-height: 30px; color: #333;font-family: Source Sans Pro; transition: .3s;}
.list_page .right_lists ul li a .inf { display: block; display: -webkit-box; height: 56px; font-size: 18px;font-weight: 300; line-height: 28px; color: #888; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list_page .right_lists ul li a .date { display: inline-block; padding-top: 10px; font-size: 18px; color: #888; font-weight: 300;}
.list_page .right_lists ul li a:hover { background: #FFF7FA;}
.list_page .right_lists ul li a:hover strong { color: #da131f;}
@media screen and (max-width:1200px) {
    .lists_warp.s1 { padding: 50px 0 20px;}
    .list_page .left_nav { width: 230px; padding: 15px;}
    .list_page .left_nav > ul h3 a { font-size: 16px; line-height: 18px; padding-left: 15px;}
    .list_page .left_nav .sub > ul a { font-size: 14px; padding: 10px 10px 10px 25px;}
    .list_page .right_lists { padding-left: 15px;}
    .list_page .right_lists ul li a .imgA { display: none;}
    .list_page .right_lists ul li a strong { padding-top: 24px; font-size: 22px; line-height: 24px;}
    .list_page .right_lists ul li a .inf,.list_page .right_lists ul li a .date { font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:760px) {
    .list_page.s1{display: block;}
    .lists_warp.s1 { padding: 30px 0 20px;}
    .list_page .left_nav { display: block; width: 100%; margin-bottom: 15px;}
    .list_page .right_lists { padding-left: 0;}
    .list_page .right_lists ul li a strong { font-size: 18px; line-height: 24px;}
    .list_page .right_lists ul li a .inf {display:block; height: auto;}
}
/* 列表页 end */

/* 详情页 start */
.details_warp { padding: 80px 0; background: #F8F8F9;}
.details_warp .details_article { padding: 70px; background: #fff;}
.details_warp .tit_box { padding-bottom: 60px; font-size: 16px; color: #666;}
.details_warp .tit_box h2 { padding-bottom: 20px; font-size: 34px; line-height: 38px; color: #333; font-family: Source Sans Pro;}
.details_warp .source_date em { padding: 0 30px;}
.details_warp .article_box { font-size: 18px; line-height: 38px; color: #666;}
.details_warp .article_box p { margin-bottom: 15px;}
.details_warp .article_box p:last-child { margin-bottom: 0;}
.details_warp .article_box img { max-width: 100%;height: auto !important;display: block;margin: 10px auto}

@media screen and (max-width:1200px) {
    .details_warp { padding: 50px 0 20px;}
    .details_warp .details_article { padding: 30px;}
    .details_warp .tit_box { padding-bottom: 40px;}
}
@media screen and (max-width:760px) {
    .details_warp .details_article { padding: 15px;}
    .details_warp .tit_box { padding-bottom: 20px; font-size: 14px;}
    .details_warp .tit_box h2 { font-size: 26px; line-height: 32px;}
    .details_warp .source_date em { display: inline-block; padding: 0 10px;}
    .details_warp .article_box { font-size: 16px; line-height: 32px;}
}

/* 详情页 end */

/* 新闻动态 start */
.news_coop_warp { padding: 100px 0 60px; background: #F4F9FC;}
.news_coop_warp .f1_box { padding-bottom: 30px; background: url(/wsbnew_resource/ysb_news_bg_1.png) no-repeat center bottom; }
.news_coop_warp .headlines_box { display: flex; height: 520px;}
.news_coop_warp .headlines_box dl { padding-right: 80px;}
.news_coop_warp .headlines_box dl dt { padding-bottom: 40px; font-size: 56px; line-height: 60px; color: #666;font-family: Source Sans Pro;}
.news_coop_warp .headlines_box dl dd .date { padding-bottom: 30px; font-size: 23px; color: #e5004f;}
.news_coop_warp .headlines_box dl dd h4 a { font-size: 32px; color: #333;font-family: Source Sans Pro; transition: .3s;}
.news_coop_warp .headlines_box dl dd h4 a:hover { color: #e5004f;}
.news_coop_warp .headlines_box dl dd .ps{ padding: 10px 0 20px; font-size: 18px; line-height: 36px; color: #666;}
.news_coop_warp .headlines_box .r_img { display: flex; align-items: flex-end;}
.news_coop_warp .headlines_box .r_img img { width: 710px; height: 420px; border-radius: 15px;}
.news_coop_warp .f1_box .lists { margin: 35px 0 30px -15px;}
.news_coop_warp .f1_box .lists li { float: left; width: 25%; padding-left: 15px; box-sizing: border-box; }
.news_coop_warp .f1_box .lists li a { display: block; padding: 30px 15px; background: #fff; color: #333; transition: .3s;}
.news_coop_warp .f1_box .lists li a strong { display: block; margin-bottom: 5px; font-size: 22px; line-height: 34px; height: 68px; overflow: hidden; font-family: Source Sans Pro;}
.news_coop_warp .f1_box .lists li a:hover { background: #FFF5FA;}
.news_coop_warp .f2_box {padding-top: 30px; background: url(/wsbnew_resource/ysb_news_bg_2.png) no-repeat center top; background-size: 100%;}
.news_coop_warp .f2_box ul { margin-left: -25px;}
.news_coop_warp .f2_box ul li { float: left; width: 25%; margin-bottom: 25px; padding-left: 25px; box-sizing: border-box; }
.news_coop_warp .f2_box ul li a { display: block; height: 420px; background: #fff; position: relative; box-sizing: border-box; color: #666; overflow: hidden; transition: .3s;}
.news_coop_warp .f2_box ul li a .tagEm { position: absolute; top: 0; left: 0; z-index: 2;}
.news_coop_warp .f2_box ul li .imgA { display: block; height: 242px; overflow: hidden; text-align: center;}
.news_coop_warp .f2_box ul li .imgA img { max-width: 100%; height: 242px;}
.news_coop_warp .f2_box ul li span { display: block; margin-top: 0; padding: 15px 15px 0; font-size: 18px; line-height: 32px;}
.news_coop_warp .f2_box ul li span > * { display: block;}
.news_coop_warp .f2_box ul li strong { height: 52px; margin-bottom: 15px; font-size: 22px; line-height: 26px; overflow: hidden; color: #333;font-family: Source Sans Pro;}
.news_coop_warp .f2_box ul li .ps { height: 0px; font-weight: 300; overflow: hidden;}
.news_coop_warp .f2_box ul li .date { height: 0px; padding: 0; font-size: 16px; overflow: hidden;} 
.news_coop_warp .f2_box ul li a.hovImg span { transition: .3s;}
.news_coop_warp .f2_box ul li a.hovImg .ps, .news_coop_warp .f2_box ul li a.hovImg .date { color: #fff;}
.news_coop_warp .f2_box ul li .moreS2 { margin-top: 20px;}
.news_coop_warp .f2_box ul li a.notImg { padding-top: 60px;}
.news_coop_warp .f2_box ul li a.notImg .ps { height: 135px;}
.news_coop_warp .f2_box ul li a.notImg .date { margin: 20px 0; height: 32px;}
.news_coop_warp .f2_box ul li a:hover { background: #E5004F; color: #fff;}
.news_coop_warp .f2_box ul li a:hover strong {color: #fff;}
.news_coop_warp .f2_box ul li a:hover .moreS2 { color: #fff}
.news_coop_warp .f2_box ul li a:hover .moreS2::before { background-color: #fff; background-image: url(/wsbnew_resource/ysb_home_ros_ico_3.png);}


@media screen and (min-width:1900px) {
    .news_coop_warp .f1_box {background-size: 100% 576px;}
}
@media screen and (min-width:1200px) {
    .news_coop_warp .f2_box ul li a.hovImg:hover span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 70px; background: #E5004F; box-sizing: border-box;}
    .news_coop_warp .f2_box ul li a.hovImg:hover .ps { height: 135px;}
    .news_coop_warp .f2_box ul li a.hovImg:hover .date { margin: 20px 0; height: 32px;}
}

@media screen and (max-width:1450px) {
    .news_coop_warp .headlines_box {height: 420px;}
    .news_coop_warp .headlines_box .r_img img { width: 500px; height: 296px; }
    .news_coop_warp .f2_box ul li strong { font-size: 18px;}
}
@media screen and (max-width:1200px) {
    .news_coop_warp { padding: 50px 0 20px 0}
    .news_coop_warp .headlines_box { display: block; height: auto;}
    .news_coop_warp .headlines_box dl { padding: 0 0 15px;}
    .news_coop_warp .headlines_box dl dt { font-size: 42px; padding-bottom: 20px;}
    .news_coop_warp .headlines_box dl dd .date { padding-bottom: 15px; font-size: 18px;}
    .news_coop_warp .headlines_box dl dd h4 a { font-size: 26px;}
    .news_coop_warp .headlines_box dl dd .ps { padding: 15px 0 0 0; line-height: 28px;}
    .news_coop_warp .headlines_box .r_img { display: block; text-align: center;}
    .news_coop_warp .headlines_box .r_img img { max-width: 100%; height: auto;}
    .news_coop_warp .f1_box .lists { margin: 30px 0 15px -15px;}
    .news_coop_warp .f1_box .lists li { width: 50%; margin-bottom: 15px;}
    .news_coop_warp .f1_box .lists li a { padding: 15px;}
    .news_coop_warp .f1_box .lists li a strong { font-size: 18px;}
    .news_coop_warp .f2_box ul { margin-left: -15px;}
    .news_coop_warp .f2_box ul li { width: 50%; margin-bottom: 15px; padding-left:15px;}
}
@media screen and (max-width:760px) {
    .news_coop_warp .headlines_box dl dt { font-size: 32px; padding-bottom: 0;}
    .news_coop_warp .headlines_box dl dd .date { font-size: 16px;padding-bottom: 10px;}
    .news_coop_warp .headlines_box dl dd h4 a { font-size: 22px;}
    .news_coop_warp .headlines_box dl dd .ps { font-size: 16px;}
    .news_coop_warp .f1_box .lists li { width: 100%; }
    .news_coop_warp .f1_box .lists li a strong { height: auto;}
    .news_coop_warp .f2_box { padding-top: 0;}
    .news_coop_warp .f2_box ul li { width: 100%;}
    .news_coop_warp .f2_box ul li a { height: auto; padding-bottom: 20px;}
    .news_coop_warp .f2_box ul li .imgA { height: auto;}
    .news_coop_warp .f2_box ul li .imgA img { height: auto;}
    .news_coop_warp .f2_box ul li strong { height: auto;}
    .news_coop_warp .f2_box ul li .moreS2 { margin-top: 0;}
    .news_coop_warp .f2_box ul li a.notImg .ps { height: auto; font-size: 16px; line-height: 28px;}
}

/* 新闻动态 end */

/* 国际全作 start */
.inter_coop_warp .f1_box { padding: 80px 0 50px; background: #F4F9FC;}
.inter_coop_warp .f1_box .f_box { padding-bottom: 50px; background: #fff url(/wsbnew_resource/ysb_intertl_coop_bg_2.png) no-repeat right bottom; position: relative;}
.inter_coop_warp .f1_box .rp { height: 460px; padding: 25px 0 0 45px; background: url(/wsbnew_resource/ysb_intertl_coop_img_1.jpg) no-repeat center; box-sizing: border-box;}
.inter_coop_warp .f1_box .rp em { display: inline-block; padding: 20px 30px; font-size: 40px; line-height: 42px; font-family: Source Sans Pro; color: #fff; background: #E5004F;}
.inter_coop_warp .f1_box .rp_ps { width: 900px; padding: 35px; position: absolute; top: 190px; right: 45px; background: rgba(230, 0, 80, .9); box-sizing: border-box;}
.inter_coop_warp .f1_box .rp_ps p { padding: 35px; border: 1px solid #fff; font-size: 20px; line-height: 44px; font-family: Source Sans Pro; color: #fff;}
.inter_coop_warp .f1_box .skv { width: 520px; margin: 50px 0 0 50px; padding: 30px 0; background: #F4F9FC; text-align: center;}
.inter_coop_warp .f1_box .skv .map_box { padding-top: 30px; position: relative;}
.inter_coop_warp .f1_box .skv .map_box .items ul { width: 398px; height: 518px; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.inter_coop_warp .f1_box .skv .map_box .items ul li a { display: block; position: absolute; top: -20px; left: 80px; text-align: center; z-index: 1;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(2) a { left: 265px; top: 10px; }
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(3) a { left: -28px; top: 128px; }
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(4) a { left: 200px; top: 118px; }
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(5) a { left: 100px; top: 215px; }
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(6) a { left: 85px; top: 328px; }
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(7) a { left: 162px; top: 395px; }
.inter_coop_warp .f1_box .skv .map_box .items ul li a i { display: block; position: relative; z-index: 2;}
.inter_coop_warp .f1_box .skv .map_box .items ul li a i::after { content: ''; position: absolute; top: 40px; left: 50%; transform: translateX(-50%); display: block; width: 16px; height: 18px; background: url(/wsbnew_resource/ysb_intertl_coop_map_ico_2.png) no-repeat center 0;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(2) a i::after { background-position-y: -20px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(3) a i::after { background-position-y: -40px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(4) a i::after { background-position-y: -60px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(5) a i::after { background-position-y: -80px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(6) a i::after { background-position-y: -100px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(7) a i::after { background-position-y: -120px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li a em { display: inline-block; width: 66px; height: 66px; position: relative; top: 14px; z-index: 1; border: 1px solid rgb(0, 153, 255); background: rgba(0, 153, 255, .5) url(/wsbnew_resource/ysb_intertl_coop_map_ico_1.png) no-repeat center 4px; border-radius: 50%;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(2) a em { border-color: rgb(0, 207, 255); background-color: rgba(0, 207, 255, .5);}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(3) a em { border-color: rgb(240, 103, 255); background-color: rgba(240, 103, 255, .5);}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(4) a em { border-color: rgb(150, 220, 140); background-color: rgba(150, 220, 140, .5);}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(5) a em { border-color: rgb(220, 172, 110); background-color: rgba(220, 172, 110, .5);}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(6) a em { border-color: rgb(220, 198, 122); background-color: rgba(220, 198, 122, .5);}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(7) a em { border-color: rgb(255, 155, 170); background-color: rgba(255, 155, 170, .5);}
.inter_coop_warp .f1_box .skv .map_box .items ul li a em::before { content: ''; display: block; width: 89px; height: 89px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(/wsbnew_resource/ysb_intertl_coop_map_ico_3.png) no-repeat center 0;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(2) a em::before { background-position-y: -89px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(3) a em::before { background-position-y: -178px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(4) a em::before { background-position-y: -267px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(5) a em::before { background-position-y: -356px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(6) a em::before { background-position-y: -445px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(7) a em::before { background-position-y: -534px;}
.inter_coop_warp .f1_box .skv .map_box .items ul li a.on,.inter_coop_warp .f1_box .skv .map_box .items ul li a:hover { z-index: 2;}
.inter_coop_warp .f1_box .skv .map_box .items ul li a.on em::before { animation: mapPoiRotate 1.5s linear infinite;}
.inter_coop_warp .f1_box .skv .map_info { width: 830px; padding: 5px; position: absolute; top: 40%; left: calc(95%); background: #fff; border-radius: 20px; border: 6px solid #D8EBFA; box-sizing: border-box;}
.inter_coop_warp .f1_box .skv .map_info::after,.inter_coop_warp .f1_box .skv .map_info::before { content: ''; display: block; width: 48px; height: 26px; position: absolute; background: #fff url(/wsbnew_resource/ysb_intertl_coop_ico_1.png) no-repeat center;}
.inter_coop_warp .f1_box .skv .map_info::after { top: -10px; right: 60px;}
.inter_coop_warp .f1_box .skv .map_info::before { bottom: -10px; left: 60px; background-image: url(/wsbnew_resource/ysb_intertl_coop_ico_2.png);}
.inter_coop_warp .f1_box .skv .map_info dl { padding: 30px; border: 1px solid #D8EBFA; border-radius: 15px; font-size: 18px; text-align: left; font-family: '微软雅黑'; }
.inter_coop_warp .f1_box .skv .map_info dl::after { content: ''; display: block; width: 41px; height: 70px; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); background: url(/wsbnew_resource/ysb_intertl_coop_ico_3.png) no-repeat;}
.inter_coop_warp .f1_box .skv .map_info dl dt { font-size: 22px; font-family: Source Sans Pro; color: #333;}
.inter_coop_warp .f1_box .skv .map_info dl dt a{ font-size: 22px; font-family: Source Sans Pro; color: #333;}
.inter_coop_warp .f1_box .skv .map_info dl dd p { padding: 15px 0; line-height: 30px; }
.inter_coop_warp .f1_box .skv .map_info dl dd p a{color: #000}
.inter_coop_warp .f1_box .skv .map_info dl a:hover{text-decoration: underline}
.inter_coop_warp .f1_box .skv .map_info dl dd .date { color: #666;}
.inter_coop_warp .f2_box { padding: 50px 0;}
.inter_coop_warp .f2_box .f_box { display: table; width: 100%; }
.inter_coop_warp .f2_box .imgA { display: table-cell; width: 620px;}
.inter_coop_warp .f2_box .imgA img { max-width: 100%;}
.inter_coop_warp .f2_box .project_info { display: table-cell; padding: 0 30px; vertical-align: middle;} 
.inter_coop_warp .f2_box .project_info .titS1 { padding: 0 0 20px; line-height: 60px;}
.inter_coop_warp .f2_box .project_info table td span { height: auto;}
.inter_coop_warp  p.mob_ps{display: none}
.inter_coop_warp .f3_box { height: 452px; padding: 50px 0; background: #F4F9FC;}
.inter_coop_warp .f3_box .intertl_coop_box { width: 100%; height: 452px; position: relative; padding: 0 350px 0 110px; box-sizing: border-box; background: #fff;}
.inter_coop_warp .f3_box .intertl_coop_box .swiper-container {padding-top: 40px; margin-top: 0;}
.inter_coop_warp .f4_box { padding: 50px 0;}
.inter_coop_warp .f4_box a.enq_img { display: block; height: 320px; line-height: 320px; padding-left: 140px; background: url(/wsbnew_resource/ysb_intertl_coop_img_2.jpg) no-repeat center; font-size: 80px;font-family: Source Sans Pro; color: #fff; transition: .3s;}
.inter_coop_warp .f4_box a.enq_img:hover { opacity: .8;}

@keyframes mapPoiRotate {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    100%{transform: translate(-50%, -50%) rotate(-360deg);}
}

@media screen and (max-width:1700px) {
    .inter_coop_warp .f3_box .intertl_coop_box .img_ps { width: 350px;}
}
@media screen and (max-width:1600px) {
   .inter_coop_warp .f1_box .skv .map_info{width: 650px;left: calc(87%);top: 20%}
}
@media screen and (max-width:1580px) {
    .inter_coop_warp .f1_box .rp_ps { width: 50%; padding: 15px;}
    .inter_coop_warp .f1_box .rp_ps p { padding: 15px; line-height: 32px;}
}
@media screen and (max-width:1460px) {
    .inter_coop_warp .f2_box .imgA { width: 500px;}
    .inter_coop_warp .f2_box .project_info .titS1 { font-size: 42px; line-height: 48px;}
    .inter_coop_warp .f4_box a.enq_img { padding-left: 80px;}
}
@media screen and (max-width:1200px) {
    .inter_coop_warp .f1_box .rp_ps { width:auto; left: 45px; top: 120px;}
    .inter_coop_warp .f1_box .rp_ps p { font-size: 16px;}
    .inter_coop_warp .f1_box .skv { width: 460px; margin: 15px;}
    .inter_coop_warp .f1_box .skv h4 { padding: 0 15px;}
    .inter_coop_warp .f1_box .skv .map_info { width: 510px;top: 40%}
    .inter_coop_warp .f1_box,.inter_coop_warp .f2_box,.inter_coop_warp .f3_box, .inter_coop_warp .f4_box { padding: 30px 0;}
    .inter_coop_warp .f3_box .intertl_coop_box { margin-top: 0; padding-right: 300px;}
    .inter_coop_warp .f3_box .intertl_coop_box .img_ps { width: 300px;}
    .inter_coop_warp .f4_box a.enq_img { font-size: 50px; height: 150px; line-height: 150px; padding-left: 50px; background-size: cover;}
    .inter_coop_warp .f2_box .imgA, .inter_coop_warp .f2_box .project_info { display: block; width: 100%; padding: 0; text-align: center; box-sizing: border-box;}
    .inter_coop_warp .f2_box .project_info { margin-top: 15px;}
    .inter_coop_warp .f2_box .project_info .titS1 { font-size: 32px; line-height: 38px;}
}
@media screen and (max-width:960px){
    .inter_coop_warp .f1_box .skv .map_info { top: 32%;width: 400px;}
}
@media screen and (max-width:860px){
    .inter_coop_warp .f1_box .skv .map_info { left: calc(95%);top: 12%;width: 340px;}
}
@media screen and (min-width:761px) and (max-width:859px){
   .inter_coop_warp .f1_box .skv .map_info {left: calc(80%);top: 30%;width: 325px;}
}
@media screen and (max-width:760px) {
    .inter_coop_warp .f1_box { padding: 30px 0 15px;}
    .inter_coop_warp .f1_box .f_box { padding-bottom: 0;}
    .inter_coop_warp .f3_box, .inter_coop_warp .f4_box { padding: 15px 0;}
    .inter_coop_warp .f1_box .rp { height: auto; padding: 15px;}
    .inter_coop_warp .f1_box .rp em { display: block; text-align: center; position: inherit; font-size: 28px; line-height: 36px;}
    .inter_coop_warp .f1_box .skv .map_info,.inter_coop_warp .f1_box .rp_ps { position: initial; width: 100%;}
    .inter_coop_warp .f1_box .skv .map_info::after,.inter_coop_warp .f1_box .skv .map_info::before { display: none;}
    .inter_coop_warp .f1_box .skv { width: 100%; margin: 15px 0;}
    .inter_coop_warp .f1_box .skv .map_info dl::after { display: none;}
    .inter_coop_warp .f1_box .rp_ps p {line-height: 26px;}
    .inter_coop_warp .f2_box .f_box{display: block;}
    .inter_coop_warp  .project_info table{width: 1024px;}
    .inter_coop_warp  p.mob_ps{display: block;padding-top: 5px;text-align: center;font-size: 13px;color: #bbb;margin-bottom: 8px}
    .inter_coop_warp .f3_box { height: auto;}
    .inter_coop_warp .f3_box .intertl_coop_box { height: auto; padding: 0; background: none;}
    .inter_coop_warp .f3_box .intertl_coop_box .swiper-container { padding-top: 0;}
    .inter_coop_warp .f3_box .intertl_coop_box .img_ps { width: 100%;}
    .inter_coop_warp .f4_box a.enq_img { height: 120px; line-height: 120px; padding-left: 30px; background-size: cover;}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(2) a { left: 240px; top: 0; }
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(3) a { left: 0;}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(4) a { left: 200px;}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(7) a { top: 380px;}
}
@media screen and (max-width:400px){
    .inter_coop_warp .f1_box .skv .map_box .items ul{width: 70%;left: 35%}
}
@media screen and (max-width:380px) {
    .inter_coop_warp .f1_box .skv .map_box .items ul{left: 24%}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(1) a { left: 80px; top: -30px; }
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(2) a { left: 225px; top: -20px; }
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(3) a { left: 25px; top: 90px; }
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(4) a { top: 98px;}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(5) a { top: 185px;}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(6) a { top: 280px;}
    .inter_coop_warp .f1_box .skv .map_box .items ul li:nth-child(7) a { top: 315px;}
}
/* 国际全作 end */

/* About_LICC start */
.about_licc_warp { padding-top: 30px; background: #F9F9F9;}
.about_licc_warp .titS1 { padding: 46px 0;}
.about_licc_warp .f1_box { padding: 60px 0 100px;}
.about_licc_warp .licc_t1 { height: 220px; display: flex; justify-content: center; align-items: center; font-size: 56px; font-family: Source Sans Pro; color: #fff; background: url(/wsbnew_resource/ysb_licc_img_1.jpg) no-repeat; background-size: cover;}
.about_licc_warp .licc_list_t1 { margin-left: -30px;}
.about_licc_warp .licc_list_t1 li { float: left; padding-left: 30px; width: 25%; box-sizing: border-box; }
.about_licc_warp .licc_list_t1 li a { display: flex; height: 182px; padding: 20px; align-items: center; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05); box-sizing: border-box; color: #333; font-family: Source Sans Pro; font-size: 22px; line-height: 36px; transition: .3s;}
.about_licc_warp .licc_list_t1 li a i { display: inline-block; width: 90px; height: 90px; text-align: center; background: #EBF5FF; border-radius: 50%;}
.about_licc_warp .licc_list_t1 li a i img { max-width: 90%;}
.about_licc_warp .licc_list_t1 li a em { flex: 1; padding: 0 15px;}
.about_licc_warp .licc_list_t1 li a:hover { background-color: #E5004F; color: #fff;}
.about_licc_warp .licc_list_t1 li a:hover i { background-color: #fff;}
.about_licc_warp .licc_txt_vod { display: table; padding-top: 75px;}
.about_licc_warp .licc_txt_vod .t_box { display: table-cell; vertical-align: top; width: 50%;}
.about_licc_warp .licc_txt_vod .vod_box { display: table-cell; vertical-align: top; position: relative;}
.about_licc_warp .licc_txt_vod .t_box .titS1 { padding: 30px 0;}
.about_licc_warp .licc_txt_vod .t_box .ps_more { background: #E5004F; padding: 70px 50px;}
.about_licc_warp .licc_txt_vod .t_box .ps { font-family: Source Sans Pro; font-size: 20px; line-height: 40px; padding-bottom: 20px; color: #fff;}
.about_licc_warp .licc_txt_vod .vod_box::after { content: ''; width: 320px; position: absolute; bottom: 0; top: 50%; left: 0; background: #E5004F;}
.about_licc_warp .licc_txt_vod .vod_box .vA { position: relative; z-index: 2;}
.about_licc_warp .licc_txt_vod .vod_box .vA video { width: 100%; height: 520px; background: #000;}
.about_licc_warp .licc_txt_vod .vod_box .vA .tool { display: flex; justify-content: center; align-items: center; position: absolute; left: 320px; bottom: 0; width: 160px; height: 160px; transform: translateX(-100%); background: #E5004F; border-radius: 15px 15px 0 0;}
.about_licc_warp .licc_txt_vod .vod_box .vA .tool a { display: block; width: 90px; height: 90px; border: 1px solid #fff; border-radius: 50%; text-indent: -99em; overflow: hidden; transition: .3s; }
.about_licc_warp .licc_txt_vod .vod_box .vA .tool a::after, .about_licc_warp .licc_txt_vod .vod_box .vA .tool a::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.about_licc_warp .licc_txt_vod .vod_box .vA .tool a::after { width: 80px; height: 80px; background: #fff; border-radius: 50%;}
.about_licc_warp .licc_txt_vod .vod_box .vA .tool a::before { display: inline-block; margin-left: 3px; width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid #E5004F; z-index: 2;}
.about_licc_warp .licc_txt_vod .vod_box .vA .tool a:hover { opacity: .8;}
.about_licc_warp .f2_box { height: 400px; margin-bottom: 90px; background: url(/wsbnew_resource/ysb_licc_img_3.jpg) no-repeat center; background-size: cover; }
.about_licc_warp .f2_box .titS1 { padding-top: 90px; color: #fff;}
.about_licc_warp .f2_box ul { margin-left: -15px; margin-top: 85px;}
.about_licc_warp .f2_box ul li { float: left; width: 20%; padding-left: 15px; box-sizing: border-box;}
.about_licc_warp .f2_box ul li a { display: block; height: 182px; padding: 64px 5px 0; font-size: 22px; line-height: 36px; color: #333; font-family: Source Sans Pro; background: #fff; border-radius: 10px; box-sizing: border-box; position: relative; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, .08);}
.about_licc_warp .f2_box ul li a i { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%);}

.about_licc_warp .f3_box ul { height: 600px; overflow: hidden;}
.about_licc_warp .f3_box ul li { float: left;width: 24%; overflow: hidden; box-sizing: border-box; transition: width .3s;}
.about_licc_warp .f3_box ul li .icon_txt { float: left; width: 100%; height: 600px; padding: 150px 15px; text-align: center; position: relative; z-index: 2; box-sizing: border-box; background-position: center; background-repeat: no-repeat; transition: 0s;}
.about_licc_warp .f3_box ul li .icon_txt i { display: block; margin: 0 auto 20px;}
.about_licc_warp .f3_box ul li .icon_txt strong { font-size: 32px; line-height: 48px; font-family: Source Sans Pro; color: #fff;}
.about_licc_warp .f3_box ul li .usList { display: none; width: calc(100% - 280px); height: 600px; background-position: center; background-repeat: no-repeat; box-sizing: border-box; overflow: auto; transition: .3s;}
.about_licc_warp .f3_box ul li.on .usList{display: block;}
.about_licc_warp .f3_box ul li .usList dl { padding: 40px 30px;}
.about_licc_warp .f3_box ul li .usList dt { font-family: Source Sans Pro; font-size: 34px; line-height: 40px; color: #fff;}
.about_licc_warp .f3_box ul li .usList dt::after { content: ''; display: block; height: 4px; margin: 18px 0; background-image: linear-gradient(to right, #fff, rgba(0,0,0,0));}
.about_licc_warp .f3_box ul li .usList dd p { font-size: 16px; line-height: 36px; color: #fff;}
.about_licc_warp .f3_box ul li.on { width: 52%;}
.about_licc_warp .f3_box ul li.on .icon_txt { width: 280px;}
.about_licc_warp .f3_box ul li.on .icon_txt strong { font-size: 28px;}
.about_licc_warp .f3_box .mob_ps { display: none;}
.about_licc_warp .f4_box .mob_ps { display: none;}
.about_licc_warp .f4_box { padding-bottom: 90px;}
.about_licc_warp .f4_box .btns_list { display: table; width: 100%; margin-left: -20px; margin-bottom: 35px;}
.about_licc_warp .f4_box .btns_list li { display: table-cell; padding-left: 20px;}
.about_licc_warp .f4_box .btns_list li a { display: block; height: 124px; font-family: Source Sans Pro; background: #fff; padding: 20px 10px; box-sizing: border-box; color: #333; position: relative; text-align: center; font-size: 24px; line-height: 34px; box-shadow: 0 0 10px rgba(0, 0, 0, .05); transition: .3s;}
.about_licc_warp .f4_box .btns_list li a:hover { background: #f9f9f9;}
.about_licc_warp .f4_box .btns_list li a::after { display: none; content: ''; position: absolute; bottom: -14px; left: 50%; transform: translateX(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:14px solid #0074ED;}
.about_licc_warp .f4_box .btns_list li a.active {background: #0074ED; background-image: linear-gradient(160deg, #00C0FA, #015EEA); color: #fff;}
.about_licc_warp .f4_box .btns_list li a.active::after { display: block;}
.about_licc_warp .f4_box .info_box { padding: 50px; background: #fff url(/wsbnew_resource/ysb_licc_img_7.jpg) no-repeat right bottom; border: 1px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .05); position: relative;}
.about_licc_warp .f4_box .info_box::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%;background-image: linear-gradient(#dfe8f5, rgba(0,0,0,0));}
.about_licc_warp .f4_box .info_box > * { position: relative; z-index: 2;}
.about_licc_warp .f4_box .info_box::after { content: ''; display: block; line-height: 0; clear: both;}
.about_licc_warp .f4_box .info_box p { width: 52%; float: left; padding-right: 30px; font-size: 20px; line-height: 36px; color: #333; font-weight: 300; box-sizing: border-box;}
.about_licc_warp .f4_box .info_box ul { width: 48%; float: left;}
.about_licc_warp .f4_box .info_box ul li { float: left; min-width: 50%; box-sizing: border-box;}
.about_licc_warp .f4_box .info_box ul li a { display: block; padding: 15px 10px 15px 25px; font-size: 22px; color: #333; line-height: 30px; font-family: Source Sans Pro; position: relative;}
.about_licc_warp .f4_box .info_box ul li a::after { content: ''; display: block; width: 10px; height: 10px; background: #BBD5F9; border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.about_licc_warp .f4_box .info_box ul li a:hover { color: #0074ED;}


@media screen and (max-width:1600px) {
    .about_licc_warp .licc_list_t1 li a { padding: 20px 10px; line-height: 30px; font-size: 18px;}
    .about_licc_warp .f4_box .btns_list li a { font-size: 20px;}
}
@media screen and (max-width:1450px) {
    .about_licc_warp .licc_list_t1 li a i{ width: 70px; height: 70px;}
    .about_licc_warp .licc_txt_vod .t_box .titS1 { font-size: 48px;}
    .about_licc_warp .licc_txt_vod .t_box .ps_more { padding: 30px;}
    .about_licc_warp .licc_txt_vod .t_box .ps { font-size: 18px;}
    .about_licc_warp .f3_box ul li { width: 20%;}
    .about_licc_warp .f3_box ul li .usList { width: calc(100% - 260px);}
    .about_licc_warp .f3_box ul li.on { width: 60%;}
    .about_licc_warp .f3_box ul li.on .icon_txt { width: 260px;}
    .about_licc_warp .f4_box .btns_list li a { font-size: 16px; line-height: 28px;}
}
@media screen and (max-width:1200px) {
    .about_licc_warp .titS1 { padding: 15px 0;}
    .about_licc_warp .f1_box { padding: 15px 0;}
    .about_licc_warp .licc_t1 { height: 120px; font-size: 32px; text-align: center;}
    .about_licc_warp .licc_list_t1 { margin-left: -15px;}
    .about_licc_warp .licc_list_t1 li { width: 50%; padding-left: 15px; margin-bottom: 15px;}
    .about_licc_warp .licc_txt_vod .t_box .titS1 { padding: 10px 0 30px;}
    .about_licc_warp .licc_txt_vod { display: block; padding-top: 0;}
    .about_licc_warp .licc_txt_vod .vod_box { display: block;}
    .about_licc_warp .licc_txt_vod .t_box { display: block; width: 100%;}
    .about_licc_warp .licc_txt_vod .t_box .ps { padding-bottom: 0; line-height: 32px;}
    .about_licc_warp .licc_txt_vod .vod_box::after,.about_licc_warp .licc_txt_vod .vod_box .vA .tool { display: none !important;}
    .about_licc_warp .f2_box { height: auto; margin-bottom: 0; padding-bottom: 30px;}
    .about_licc_warp .f2_box .titS1 { padding-top: 30px;}
    .about_licc_warp .f2_box ul { margin-top: 40px;}
    .about_licc_warp .f2_box ul li a { height: 148px; padding-top: 50px; font-size: 18px; line-height: 26px;}
    .about_licc_warp .f3_box ul li .icon_txt strong { font-size: 20px; line-height: 26px;}
    .about_licc_warp .f2_box ul li a i img { width: 80px;}
    .about_licc_warp .f3_box ul li { width: 20%;}
    .about_licc_warp .f3_box ul li .usList { width: calc(100% - 120px);}
    .about_licc_warp .f3_box ul li.on { width: 60%;}
    .about_licc_warp .f3_box ul li.on .icon_txt { width: 120px;}    
    .about_licc_warp .f3_box ul li.on .icon_txt strong { font-size: 18px;}
    .about_licc_warp .f3_box ul li .usList dl { padding: 15px;}
    .about_licc_warp .f3_box ul li .usList dt { font-size: 26px; line-height: 30px;}
    .about_licc_warp .f3_box ul li .usList dd p { font-size: 16px; line-height: 24px;}
    .about_licc_warp .f4_box { padding-bottom: 30px;}
    .about_licc_warp .f4_box .btns_list { margin-left: -10px;}
    .about_licc_warp .f4_box .btns_list li { padding-left: 10px;}
    .about_licc_warp .f4_box .info_box { padding: 30px;}
    .about_licc_warp .f4_box .info_box p { font-size: 18px;}
    .about_licc_warp .f4_box .info_box ul li a { font-size: 18px;}
}
@media screen and (max-width:760px) {
    .about_licc_warp .f1_box { padding: 15px 0;}
    .about_licc_warp .licc_t1 { line-height: 32px;}
    .about_licc_warp .licc_list_t1 li { width: 100%; margin-bottom: 5px;}
    .about_licc_warp .licc_list_t1 li a { height: auto;}
    .about_licc_warp .licc_txt_vod .t_box .titS1 { font-size: 30px; padding: 15px 0;}
    .about_licc_warp .licc_txt_vod .t_box .ps_more { padding: 15px;}
    .about_licc_warp .licc_txt_vod .t_box .ps { font-size: 16px;}
    .about_licc_warp .licc_txt_vod .vod_box .vA video { height: 260px;}
    .about_licc_warp .f2_box ul { margin-top: 0;}
    .about_licc_warp .f2_box ul li { width: 50%; margin-top: 60px;}
    .about_licc_warp .f3_box .mob_use_box { width: 100%; overflow-x: auto; position: relative;}
    .about_licc_warp .f3_box .mob_use_box ul { width: 800px; height: 500px;overflow: auto}
    .about_licc_warp .f3_box .mob_ps,.about_licc_warp .f4_box .mob_ps { display: block; padding-top: 5px; text-align: center; color: #bbb;}
    .about_licc_warp .f4_box .mob_ps {margin-bottom: 10px}

    .about_licc_warp .f4_box .tabSwitchBtns { overflow: hidden; overflow-x: auto;}
    .about_licc_warp .f4_box .btns_list { margin-bottom: 20px;}
    .about_licc_warp .f4_box .info_box p, .about_licc_warp .f4_box .info_box ul { width: 100%; padding: 0;}
    .about_licc_warp .f4_box .info_box p { line-height: 32px; font-size: 16px;}
    .about_licc_warp .f4_box .info_box ul { margin-top: 15px;}
    .about_licc_warp .f4_box .info_box ul li a { padding: 10px 0 10px 25px; line-height: 24px;}
    
}
/* About_LICC end */
/* 项目列表页  start */
    .project_list_warp{background-color: #f8f8f9;padding-top: 100px;}
    .project_list_warp .project_box{width: 100%;}
    .project_list_warp  .project_search{background-color: #fff; width: 770px;height: 60px;margin: 0 auto; border-radius: 30px;border: 1px solid #999;padding-left: 40px;position: relative;box-sizing: border-box;} 
    .project_list_warp  .project_search .classify{outline: none; width: 25%;height: 100%; color: #666;line-height: 60px;font-size: 18px;border: none;background-color: transparent;} 
    .project_list_warp  .project_search input{box-sizing: border-box;padding-left: 15px; border: none;width: 55%; height: 96%; line-height: 60px;font-size: 18px;color: #666;}
    .project_list_warp  .project_search button{display: inline-block;width: 15%;height: 50px;border-radius: 25px;border: none;font-size: 22px;color: #fff;font-weight: bold;background: linear-gradient(to right,#4acdfb,#4ad1fb,#4ab0f6,#4b95f2);margin-right: 5px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
    .project_list_warp .project_info{padding: 0 30px;vertical-align: middle;position: relative;}
    .project_list_warp .project_info .btit{padding: 50px 0;font-size: 56px;font-family: Source Sans Pro;text-align: center;color: #666;}
    .project_list_warp .project_info th{text-align: center;font-size: 18px;font-weight: bold;}
    .project_list_warp .project_info td{text-align: center;font-size: 17px;font-weight: bold;}
    .project_list_warp .project_info p.mob_ps{display: none;}
    .project_list_warp .project_info td a{color: #333;}
    .project_list_warp .project_info td a:hover{color: rgb(30, 118, 187);}
    .project_list_warp .pages {position: static; text-align: center;margin-top: 15px;}
    .project_list_warp .pages a.on,.project_list_warp .pages a:hover {background: #A7CAE3;color: #fff;}
    .project_list_warp .contact_bottom{margin-top: 40px;}
    .project_list_warp .project_info table tbody tr td{ background-color:#fff}
    .project_list_warp .project_info table tbody tr:hover td{background-color: #E8F6FF}
    .project_list_warp .project_info table tbody tr { border-bottom: 1px #dcdfe6 solid;}
    @media screen and (max-width:1200px){
    .project_list_warp .project_info .btit{font-size: 50px;padding: 25px 0;}
    .project_list_warp .project_info th{font-size: 16px;}
    .project_list_warp .project_info td{font-size: 15px;}
    .project_list_warp  .project_search{width: 690px;}
}
    @media screen and (max-width:968px){
    .project_list_warp .project_info .btit{font-size: 45px;padding: 15px 0;}
    .project_list_warp .project_info p.mob_ps{display: block;padding-top: 5px;text-align: center;font-size: 13px; color: #bbb;margin-bottom: 8px;}
    .project_list_warp .project_info .td{overflow-x: scroll;}
    .project_list_warp .project_info .td table{width: 1024px;}
}
    @media screen and (max-width:768px){
    .project_list_warp{padding-top: 40px;}
    .project_list_warp .project_info{padding:0 10px;}
    .project_list_warp  .project_search{width: 96%;}
    .project_list_warp .project_search{padding-left: 20px;}
    .project_list_warp .project_search .classify{font-size: 15px;width: auto;}
    .project_list_warp .project_search button{font-size: 0px;background:#e5004f url(/wsbnew_resource/ysb_search_btn.png) no-repeat center;}
    .project_list_warp .project_info .btit{font-size: 35px;line-height: 35px;}
    .project_list_warp .pages a {display: none;}
}
    @media screen and (max-width:598px){
    .project_list_warp .project_search input{width: 40%;}
    .project_list_warp .project_info th{font-size: 14px;}
    .project_list_warp .project_info td {font-size: 12px;}
    }
    @media screen and (max-width:598px){
    .project_list_warp .project_search input{width: 35%;}
    }
     .notip{width: 100%;text-align: center; font-size: 22px;font-weight: bold;color: #c0abab;margin: 30px 0;}
      @media screen and (max-width:968px){.notip{font-size: 18px}}
      @media screen and (max-width:760px){.notip{font-size: 16px}}
      @media screen and (max-width:500px){.notip{font-size: 14px}}
     .project_list_warp {padding-bottom: 100px;}
    .project_list_warp nav.panel{position: absolute;left: 50%;transform: translateX(-50%);margin-top: 18px;}
     .project_list_warp nav.panel ul li{float: left;text-align: center;} 
     .project_list_warp nav.panel ul li a{display: inline-block;width: 40px;height: 40px;margin: 0 4px;line-height: 40px;font-size: 22px;background: #fff;font-family: Source Sans Pro;color: #333;box-shadow: 0 0 10px rgba(0, 0, 0, .1);overflow: hidden;}
     .project_list_warp nav.panel ul li.active a,.project_list_warp nav.panel ul li a:hover{background-color: #E5004F;color:#fff;}
     .project_list_warp nav.panel ul li.prev a,.project_list_warp nav.panel ul li.next a{text-indent: -99em;position: relative;}
     .project_list_warp nav.panel ul li.prev a::after,.project_list_warp nav.panel ul li.next a::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(/wsbnew_resource/ysb_ros_ico_1.png) no-repeat center;}
     .project_list_warp nav.panel ul li.prev a::after{transform: rotate(-90deg);}
     .project_list_warp nav.panel ul li.next a::after{transform: rotate(90deg);}
     .project_list_warp nav.panel ul li.prev a:hover::after,
     .project_list_warp nav.panel ul li.next a:hover::after{background-image: url(/wsbnew_resource/ysb_home_ros_ico_1.png); transform: rotate(0);}
     .project_list_warp nav.panel ul li.prev a:hover::after{transform: rotate(180deg);}
     .project_list_warp nav.panel ul li.disabled{display: none;}
     @media screen and (max-width:968px){
      .project_list_warp nav.panel{margin-top: 35px;}
     }
     @media screen and (max-width:760px){
      .project_list_warp nav.panel ul li{display: none;}
      .project_list_warp nav.panel ul li.prev,.project_list_warp nav.panel ul li.next{display: block;}
     .project_list_warp nav.panel ul li.disabled{display: none;}
     }
    @media screen and (max-width:500px){
        .project_list_warp .project_info .btit{font-size: 25px;line-height: 25px}
        .project_list_warp .project_search .classify{font-size: 13px}
    }
     @media screen and (max-width:400px){
         .header_top .logo_search .logos img{height: 24px;}
         .header_top .logo_search .search_box{width: 24px;height: 24px}
         .header_top .logo_search .mob_menu a { width: 26px; height: 22px;  background-size: contain;}
         .header_top .logo_search .search_box .search_btn{width: 20px}
         .path p {font-size: 12px}
     }
/* 项目列表页  end */
/* 项目信息详情 start */
    .project_xx_warp{padding: 100px 0 60px;background: #f8f8f9;}
    .project_xx_warp .f1_box{padding-bottom: 55px;}
    .project_xx_warp .f1_box .project_xx h3{text-align: center;color: #333;font-size: 35px;font-weight: bolder;margin-bottom: 40px;}
    .project_xx_warp .f1_box .project_xx .tb{width: 100%;box-sizing: border-box;border: 1px solid #dcdfe6;background: #fff;}
    .project_xx_warp .f1_box .project_xx .tb table{width: 100%;height: 100%;}
    .project_xx_warp .f1_box .project_xx .tb tr{border-bottom: 1px solid #dcdfe6;}
    .project_xx_warp .f1_box .project_xx .tb tr:last-child{border-bottom: none}
    .project_xx_warp .f1_box .project_xx .tb td{padding: 15px 40px;font-size: 18px;text-align: center;color: #7f7874;}
    .project_xx_warp .f1_box .project_xx .tb tr td:first-child{padding:15px 10px; background-color:#e8f6ff;width: 12.5%;color: #333;white-space:nowrap;}
    .project_xx_warp .f1_box .project_xx .tb tr td.jj{text-align: left;}
    @media screen and (max-width: 1200px){
    .project_xx_warp .f1_box .project_xx h3{font-size: 28px;}
    .project_xx_warp .f1_box .project_xx .tb td{font-size: 15px;}
    }
    @media screen and (max-width: 768px){
    .project_xx_warp{padding: 50px 0 0;}
    .project_xx_warp .f1_box .project_xx h3{font-size: 22px;margin-bottom: 20px;}
    .project_xx_warp .f1_box .project_xx .tb td{font-size: 13px;padding: 15px 20px;}
    }
/* 项目信息 start */


/* 列表页2 start */
.lists_rimg_warp { background: #F8F8F9;}
.lists_rimg_warp.s1 { padding: 80px 0;}
.lists_rimg_warp .list_page.s1 { display: table; padding-bottom: 60px;}

.lists_rimg_warp .list_page .right_lists { padding-left: 30px; position: relative;}
.lists_rimg_warp .list_page .right_lists ul li { margin-bottom: 10px; background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .02);}
.lists_rimg_warp .list_page .right_lists ul li:last-child { margin-bottom: 0;}
.lists_rimg_warp .list_page .right_lists ul li a>span.fl{width: 75%;display: block}
.lists_rimg_warp .list_page .right_lists ul li a{ display: block; padding: 20px; position: relative; font-family: Verb; transition: .3s;}
.lists_rimg_warp .list_page .right_lists ul li a::after { content: ''; display: block; clear: both; line-height: 0;}
.lists_rimg_warp .list_page .right_lists ul li a .tagEm { position: absolute; right: 16px; top: 0;}
.lists_rimg_warp .list_page .right_lists ul li a strong { display: block; padding: 30px 0 10px; font-size: 28px; line-height: 30px; color: #333;font-family: Source Sans Pro; transition: .3s;}
.lists_rimg_warp .list_page .right_lists ul li a .inf { display: block; display: -webkit-box; height: 56px; font-size: 18px;font-weight: 300; line-height: 28px; color: #888; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.lists_rimg_warp .list_page .right_lists ul li a .date { display: inline-block; padding-top: 10px; font-size: 18px; color: #888; font-weight: 300;}
.lists_rimg_warp .list_page .right_lists ul li a:hover { background: #FFF7FA;}
.lists_rimg_warp .list_page .right_lists ul li a:hover strong { color: #da131f;}
.lists_rimg_warp .list_page .right_lists ul li a>em{display: block;float: left;width: 25%;height: auto;text-align: center;}
.lists_rimg_warp .list_page .right_lists ul li img{display: inline-block;max-height: 100%;max-width: 80%;}
@media screen and (max-width:1200px) {
    .lists_rimg_warp.s1 { padding: 50px 0 20px;}
 .lists_rimg_warp   .list_page .left_nav { width: 230px; padding: 15px;}
 .lists_rimg_warp   .list_page .left_nav > ul h3 a { font-size: 16px; line-height: 18px; padding-left: 15px;}
 .lists_rimg_warp   .list_page .left_nav .sub > ul a { font-size: 14px; padding: 10px 10px 10px 25px;}
 .lists_rimg_warp   .list_page .right_lists { padding-left: 15px;}
 .lists_rimg_warp   .list_page .right_lists ul li a strong { padding-top: 24px; font-size: 22px; line-height: 24px;}
 .lists_rimg_warp   .list_page .right_lists ul li a .inf,.lists_rimg_warp .list_page .right_lists ul li a .date { font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:760px) {
.lists_rimg_warp.s1 { padding: 30px 0 20px;}
.lists_rimg_warp   .list_page .left_nav { display: block; width: 100%; margin-bottom: 15px;}
.lists_rimg_warp   .list_page .right_lists { padding-left: 0;}
.lists_rimg_warp   .list_page .right_lists ul li a strong { font-size: 18px; line-height: 24px;}
.lists_rimg_warp   .list_page .right_lists ul li a .inf {display:block; height: auto;}
.lists_rimg_warp .list_page .right_lists ul li a{text-align: center;}
.lists_rimg_warp .list_page .right_lists ul li a>span.fl{width: 100%;text-align: left;}
.lists_rimg_warp .list_page .right_lists ul li a>em{width: 100%}
}
/* 列表页2 end */
/* 移动端头部菜单栏  start */
.header_top .m_menu_box{display: none;}
@media screen and (max-width:760px){
.header_top  .menu_box{display: none !important;}
.header_top .m_menu_box{height: 100vh;overflow: auto; display: none;padding: 20px 0;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #1C3D7B;transition: .3s;box-sizing: border-box;z-index: 9;}
.header_top .m_menu_box ul {margin-top: 20px;width: 100%;}
.header_top .m_menu_box ul > li {width: 100%;padding: 0;border-bottom: 1px solid rgba(255, 255, 255, .2);}
.header_top .m_menu_box ul li h3 a {display: inline-block;color: #fff;font-family: Source Sans Pro;margin: 0 12px;font-size: 16px;padding: 15px 0;border: none !important;}
.header_top .m_menu_box ul li ul a {color: #fff;padding: 15px 15px 15px 30px;}
.header_top .m_menu_box ul > li .menu_sub {display: none;}
.header_top .m_menu_box ul li ul {position: inherit;left: 0;top: 0;display: block;margin-top: 0;transform: translateX(0);border: none;background: none;padding: 0;box-shadow: none;}
.header_top .m_menu_box ul > li .menu_sub ul li {float: none;border: none;padding: 0;border-top: 1px solid rgba(255, 255, 255, .1);}
.header_top .m_menu_box ul li ul a {display: block;font-size: 16px;white-space: nowrap;color: #fff;padding: 15px 15px 15px 30px;}
.header_top .m_menu_box .mob_colse {position: absolute;top: 10px;right: 10px;width: 46px;height: 46px;background: url(/wsbnew_resource/ysb_search_close.png) no-repeat center;background-size: cover;}
.header_top .m_menu_box ul li h3{position: relative;}
.header_top .m_menu_box ul li h3 a.o_s_menu{display: block;width: 18px;height: 18px;background-color: #fff;margin: 0;padding: 0;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(/wsbnew_resource/ysb_open_btn.png);background-size: cover;}
.header_top .m_menu_box ul li h3 a.close_s_menu{background: url(/wsbnew_resource/ysb_fold_btn.png);}
}
/* 移动端头部菜单栏  end */
/* 处理详情页marker伪元素问题*/
.details_warp  .article_box ul li{margin-left: 15px}