<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/*=S Common */
.embed-messageboard .embed-messageboard-base { left: auto!important; right: 0!important; top: auto!important; bottom: 0!important;}
html{font-size: 10px;}
.offscreen{font-size: 0;}
.syp_wrap{width: 100%; min-width: 1200px; position: relative;}
.syp_con{width: 1400px; margin: 0 auto;}
.syp_titCon{position: relative; padding:80px 44% 0 0;}
.syp_titCon .tit{font-weight: bold;font-size: 28px;line-height: 40px;}
.syp_titCon .txt{font-weight: normal;font-size: 16px;line-height: 24px; margin-top: 16px;}
.more_btn, .more_btn2, .more_btn3{position: absolute; right:72px; bottom: 5px;  display:block; min-width: 148px; min-height: 40px; text-align: center; padding: 8px 0;border: 1px solid rgba(0, 0, 0, 0.25);box-sizing: border-box;border-radius: 4px; font-weight: normal;font-size: 14px;line-height: 20px;color: rgba(0, 0, 0, 0.65)!important; transition: all 0.3s;}
.more_btn2{border: 1px solid rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65)!important;}
.more_btn3{border: 1px solid #fff; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%); color:#076FE2!important;}
.more_btn:hover, .more_btn2:hover, .more_btn3:hover{min-width:160px; font-weight: 600; right: 60px; border: 1px solid #076FE2; color: #076FE2!important;}
.more_btn2:hover{border: 1px solid #fff; color: #fff!important;}
.more_btn3:hover{border: 1px solid #fff; color: #076FE2!important;}
.more_btn i, .more_btn2 i, .more_btn3 i{margin-left: 8px;}
.video{position: relative;}
.video .playIcon{width: 64px; height: 64px; margin: -32px 0 0 -32px; display: inline-block;position: absolute;top: 50%;left: 50%;cursor: pointer; background: rgba(0, 0, 0, 0.3); border-radius: 50%; z-index: 3;}
.video .playIcon .iconfont{font-size:64px; line-height: 1; color: #fff;}
.video .poster{width: 100%; height: 100%!important; position: absolute; z-index: 2;}
.syp_pagination{text-align: center;}
.syp_pagination .pre, .syp_pagination .next{width: 32px; height: 32px; line-height: 31px; display: inline-block; background-color: rgba(7, 111, 226, 0.25); padding:1px; border-radius: 4px; cursor: pointer;}
.syp_pagination .pre:hover, .syp_pagination .next:hover{background-color: #076FE2;}
.syp_pagination .iconfont{font-size: 18px; color:#fff;}
.syp_pagination .pre{transform: rotateY(180deg); margin-right: 10px;}
.syp_pagination .page{font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.45); margin-left: 10px;}
/*==S Head */
.syp_head{width: 100%; position: absolute; z-index: 99;}
.syp_headCon{display: flex; justify-content: space-between; padding: 16px 0; align-items: center; max-width: 1400px; margin: 0 auto;}
.syp_head .logo{height: 32px;}
.syp_logo{height: 32px; width: auto;}
.zh .syp_head .logo, .zh .syp_logo, .tw .syp_head .logo, .tw .syp_logo{height: 48px; margin-left: -30px;}
.syp_head .syp_logo.light{display: block;}
.syp_head .syp_logo.dark{display: none;}
.syp_navWrap{display: flex; align-items: center;}
.syp_navWrap .item{font-size: 14px;line-height: 20px;margin: 0px 12px; display: inline-block; vertical-align: middle;}
.syp_navWrap .item a{color: #fff; cursor: pointer; transition: none;font-size: 16px;}
.syp_navWrap .item a:hover{color: rgba(255, 255, 255, 0.85);}
.syp_navWrap .item .cur, .syp_navWrap .item .cur:hover{font-weight: 600; color: #fff; position: relative;}
.syp_navWrap .cur:after{display: block; content: ''; width: 16px; height: 2px; background-color: #fff; top: 20px; position: absolute; left: 50%; transform: translateX(-50%);}
.syp_nav .mobile_item{display: none;}
.syp_nav .lang_item{margin:0 0 0 80px; position: relative;}
.syp_nav .listTit{display: inline-block; margin: 10px 0; vertical-align: middle;}
.syp_nav .listTit .iconfont{display: inline-block; vertical-align:baseline; transition: transform 0.3s ease-in 0s;}
.syp_nav .listBox{position: relative;}
.syp_nav .list{display:none; position: absolute; top: -1px; left: -16px; padding: 8px 0px; width: 160px; background: #fff; box-shadow: 0px 2px 8px rgba(7, 111, 226, 0.12);border-radius: 8px;}
.en .news_item .list{width: 182px;}
.syp_nav .list li{padding: 8px 16px; cursor: pointer;}
.syp_nav .list li:hover{background-color: #F1F6FC;}
.syp_nav .list a, .syp_nav .list a:hover{color: rgba(0, 0, 0, 0.85); display: block;}
.syp_nav .item:hover .list{display: block;}
.syp_nav .item:hover .listTit .iconfont{transform: rotate(-180deg);}
.syp_navWrap .sign_item{border-left: 1px solid rgba(255, 255, 255, 0.25); padding-left: 18px;}
.syp_navWrap .register_item{width: 104px; height: 36px; line-height: 36px; text-align: center; font-weight: 600; background: #fff; border-radius: 4px;}
.syp_navWrap .register_item:hover{background:rgba(255, 255, 255, 0.85);}
.syp_navWrap .register_item a, .syp_navWrap .register_item a:hover{color: #076FE2; display: block;}
.syp_menu{display: none;}
.syp_head_fix{background: #FFFFFF; box-shadow: 0px 10px 10px -8px rgba(7, 111, 226, 0.06); position: fixed;}
.syp_head_fix .syp_logo.light{display: none;}
.syp_head_fix .syp_logo.dark{display: block;}
.syp_head_fix .syp_navWrap .item a{color: rgba(0, 0, 0, 0.85); cursor: pointer;}
.syp_head_fix .syp_navWrap .item a:hover, .syp_head_fix .syp_nav .item:hover .listTit{color: #076FE2;}
.syp_head_fix .syp_navWrap .sign_item{border-left: 1px solid rgba(0, 0, 0, 0.25); }
.syp_head_fix .syp_navWrap .register_item{background: #076FE2;}
.syp_head_fix .syp_navWrap .register_item:hover{background: #095FBE;}
.syp_head_fix .syp_navWrap .register_item a, .syp_head_fix .syp_navWrap .register_item a:hover{color: #FFFFFF;}
.syp_head_fix .syp_navWrap .cur:after{background-color:#076FE2;}
.syp_head_fix .syp_navWrap .item .cur, .syp_head_fix .syp_navWrap .item .cur:hover, .syp_head_fix .syp_navWrap .item .cur + .iconfont{color: #076FE2;}
/*skin*/
.skin_light .syp_head .syp_logo.light{display: none;}
.skin_light .syp_head .syp_logo.dark{display: block;}
.skin_light .syp_head .item a{color: rgba(0, 0, 0, 0.85); cursor: pointer;}
.skin_light .syp_head .item a:hover, .skin_light .syp_head .syp_nav .item:hover .listTit{color: #076FE2;}
.skin_light .syp_head .sign_item{border-left: 1px solid rgba(0, 0, 0, 0.25); }
.skin_light .syp_head .register_item{background: #076FE2;}
.skin_light .syp_head .register_item:hover{background: #095FBE;}
.skin_light .syp_head .register_item a, .skin_light .syp_head .register_item a:hover{color: #FFFFFF;}
.skin_light .syp_head .item .cur, .skin_light .syp_head .item .cur:hover, .skin_light .syp_head .item .cur  + .iconfont{color: #076FE2;}
.skin_light .syp_navWrap .cur:after{background-color:#076FE2;}
/*==E Head */
/*==S fix sidebar section */
.syp_fixItem{position:fixed; z-index: 99; cursor: pointer; width: 48px; height: 96px; left: 0; bottom: 395px; background: linear-gradient(0deg, #E2383D 0%, #FF807D 100%); border: 1px solid rgba(255, 232, 199, 0.45); box-sizing: border-box; border-radius: 0 8px 8px 0;}
.syp_fixItem:hover{border: 1px solid rgba(255, 255, 255, 0.65);}
.syp_fixItem:before{content:''; width: 48px; height: 108px; background: linear-gradient(195.96deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 104.29%); display: block;position: absolute;z-index: 2;transform: rotate(154deg);left: 22px; top: -15px;}
.syp_fixItem a{position: absolute; z-index: 3; left: 0; top: 0; display: block; width: 100%; height: 100%; padding-top: 10px; color: #fff!important; font-weight: 500; font-size: 12px; line-height: 18px; text-align: center;}
.syp_fixItem .ic_register{margin: 5px auto 0 auto; display: block; background: url(/static/image/ic_register.png) no-repeat 0 0; width: 36px; height: 35px;}
.en .syp_fixItem{width: 50px;}
.zh .syp_fixItem em, .tw .syp_fixItem em{padding:0 6px; display: block; font-size: 13px;}
.syp_fix_qr{bottom: 279px; background: linear-gradient(282.96deg, #1A5CBF 0%, #2592E1 100%); border: 1px solid rgba(255, 255, 255, 0.25);}
.syp_fixItem .ic_qrcode{margin: 5px auto 0 auto; display: block; background: url(/static/image/ic_qrcode.png) no-repeat 0 0; width: 36px; height: 39px;}
.syp_qr_popup{position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgb(0 0 0 / 15%);margin-left:10px;padding:12px; width:146px; color:rgba(0,0,0,.65);transition:all .1s ease-in;box-sizing:border-box;opacity:0;visibility:hidden;}
.syp_qr_popup:after{content:'';display:block;border-width:4.5px;border-style:solid;border-color:transparent transparent #fff #fff;background:transparent;box-shadow:6px -3px 7px rgb(0 0 0 / 5%);position:absolute;top:50%;left:-4px;z-index:99;transform:translateY(-50%) rotate(45deg);}
.syp_fix_qr:hover .syp_qr_popup{opacity:1;visibility:visible;}
.syp_qr_popup img{width:120px; height:120px; display:block; margin: 0 auto 12px auto;}
/*==E fix sidebar section */
/*==S Footer */
.syp_footer{background: rgba(0, 0, 0, 0.85);padding: 20px;color: rgba(255, 255, 255, 0.45);text-align: center; font-size: 13px;}
.syp_footer_action{display:flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 20px; margin-bottom: 20px;}
.syp_footer_share{margin-right: 24px; display: flex; align-items: center; justify-content: center;}
.syp_footer .syp_footer_share a{margin: 0 0 0 12px; position: relative;}
.syp_footer .syp_footer_share a:hover:before{content: ''; width: 22px; height: 22px; position: absolute; background-color: #fff; border-radius: 50%; top: 4px; left: 1px;}
.syp_footer_share .iconfont{font-size: 24px; color: #666; position: relative;}
.syp_footer_share .ic_wechat:hover{color: #51c234;}
.syp_footer_share .ic_youtube_nor:hover{color: red;}
.syp_footer_share .ic_linkedin_nor:hover{color: #0274b3;}
.syp_footer_share .ic_ins_nor:hover{background: -webkit-gradient(linear,left bottom,right top,from(#fad740),color-stop(#e84378),to(#4e30d2)); background: linear-gradient(to right top,#fad740,#e84378,#4e30d2); -webkit-background-clip: text; color: transparent;}
.syp_footer_share .ic_facebook_nor:hover{color: #1b77f2;}
.syp_footer_share .ic_twitter:hover{color: #000;}
.syp_footer_share .wechatEwmHover{position: relative;}
.syp_footer_share .wechatEwm{display: none; position: absolute; padding: 12px; box-shadow: 0 2px 6px rgba(0,0,0,.12); border-radius: 8px; left: -48px; background: #fff; z-index: 999; top: -222px;}
.syp_footer_share .wechatEwm img{width: 120px; height: 120px}
.syp_footer_share .wechatEwm p{font-size: 14px; text-align: center; margin-top: 12px; line-height: 1.3; color: #666;}
.syp_footer_share .wechatEwmHover:hover .wechatEwm{display: block;}
.syp_footer_app{display: flex; align-items: center; justify-content: center;}
.syp_footer_app a{background: rgba(255, 255, 255, 0.1); display:flex; align-items: center; height: 32px; padding: 0 10px; border-radius: 4px; color: #fff; margin-left: 12px;}
.syp_footer_app a:hover{background: rgba(255, 255, 255, 0.25);}
.syp_footer_app a .iconfont{font-size: 24px; margin-right: 4px; vertical-align: middle;}
.syp_footer_app .appTit{display: inline-block;}
.syp_footer_item{margin-bottom: 10px;}
.syp_footer_item span, .syp_footer_item a{margin:0 10px; display: inline-block;}
.syp_footer_item a:hover{color:#fff;}
.syp_footer_site span, .syp_footer_site a{margin:0 5px;}
.syp_wrap .gs_float_box{margin-left: 0; left: 0; right: auto; bottom: 211px;}
.syp_wrap .gs_float_list{background: none; border: 0; box-shadow: none; width: auto; padding: 0;}
.syp_wrap .gs_float_list &gt; li{margin-top: 0; color: #fff; padding: 0;}
.syp_wrap .gs_float_list &gt; li &gt; a{color: #fff; background: rgba(0, 0, 0, 0.45); border-radius:0 4px 4px 0; border: none; width: 48px; height: 48px;}
.syp_wrap .gs_float_list &gt; li &gt; a:hover{background: rgba(0, 0, 0, 0.65);}
.syp_wrap .gs_float_list &gt; li:last-child &gt; a{border-radius:0 0 4px 0!important;}
.syp_wrap .gs_float_list .gs_float_popup {left: 100%; right: auto; margin-left: 10px;}
.syp_wrap .gs_float_list .gs_float_popup:after{left: -4px; right: auto; border-color:transparent transparent #fff #fff;}
.syp_wrap .gs_float_scroll {bottom: 163px}
.syp_wrap .gs_float_scroll .gs_float_list &gt; li &gt; a{border-radius:0 4px 0 0;}
.syp_footer_product{display: inline-block;}
.syp_footer_product .tit{margin: 0;}
.syp_footer_product span, .syp_footer_product a{margin:0 5px;}
.syp_footer_product .spaceLine:last-child{display: none;}
@media screen and (max-device-width: 1024px) and (max-width:940px) {
    .syp_footer_item .spaceLine{display: none;}
    .syp_footer_action, .syp_footer_share, .syp_footer_app, .syp_footer_app .appTit{display: block;}
    .syp_footer_share{margin-right: 0;}
    .syp_footer .syp_footer_share a{margin: 0 0 0 4px;}
    .syp_footer_app .appTit, .syp_footer_app a{margin-top: 5px;}
}
/*==E Footer */
/*==S Public Sections*/
.syp_ad{background: #076FE2 url(/static/image/SYP_BUYER_ADbg.jpg) center center/cover no-repeat;text-align: center;}
.syp_ad .con{display: flex;flex-flow: column wrap;justify-content: center;align-items: center;height: 360px;margin: 0;padding: 0 20px;max-width: none;margin: 0 auto;font-size: 1rem;}
.syp_ad .tit{font-weight: 600;font-size: 2.8em;color: #fff;}
.syp_ad .desc{font-size: 2em;color: rgba(255, 255, 255, 0.85);margin: 24px 0 40px;}
.syp_ad .btn{font-size: 1.8em;color: #076FE2;padding: 0.67em 3.33em;background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%);border: 1px solid #FFFFFF;box-shadow: -1px -1px 4px rgba(144, 235, 255, 0.08), -2px -2px 16px rgba(145, 235, 255, 0.1), 2px 2px 8px rgba(0, 37, 94, 0.2);border-radius: 4px;display: inline-block;font-weight: 600;}
.syp_ad .btn:hover {background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.75) 100%);}
.syp_ad.light{background-image: url(/static/image/sell-now.png);background-color: #f6f8f9;}
.syp_ad.light .tit{color: #076FE2;}
.syp_ad.light .desc {color: rgba(0, 0, 0, 0.65);}
.syp_ad.light .btn {background: #076FE2;border: 1px solid rgba(255, 255, 255, 0.25);color: #FFFFFF;}
.syp_ad.light .btn:hover{background: #095FBE;}
@media screen and (max-device-width: 1024px) and (max-width:940px) {
    .syp_ad .con{font-size: 7px;}
    .syp_ad .btn{padding: 0.67em;}
}
/*==E Public Sections*/
/*=E Common */
/*=S Homepage */
.syp_home_bg{background:url(/static/image/line-bg.png) no-repeat center 0;}
.syp_intro{background-position: center 0; background-repeat: no-repeat; border-radius: 0px 0px 120px 0px; position: relative; z-index: 2;}
.syp_introCon{display: flex; align-items: center; padding-top: 100px; padding-bottom: 50px;}
.intro_con{flex:0 1 40%;}
.intro_con .tit{font-weight:bold;font-size: 44px;line-height: 62px; color: #fff;}
.intro_con .tit h1{font-weight:bold;}
.intro_con .txt{font-size: 16px;line-height: 24px;color: rgba(255, 255, 255, 0.85); margin: 20px 0px;}
.intro_con .btn{display:inline-block; padding: 11px 24px; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%); border: 1px solid #FFFFFF;box-sizing: border-box;box-shadow: -1px -1px 4px rgba(144, 235, 255, 0.08), -2px -2px 16px rgba(145, 235, 255, 0.1), 2px 2px 8px rgba(0, 37, 94, 0.2);border-radius: 4px;margin: 40px 0px; font-size: 16px; font-weight: bold; line-height: 22px; color: #076FE2;}
.intro_con .btn:hover{background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.75) 100%);}
.intro_img{width: 60%; height: auto; transition: all 1s; flex: 0 1 60%;}
.intro_img img{width: 100%; height: auto; display: block;}
.intro_img:hover{margin-top: -12px; margin-bottom: 12px;}
.swiper-no-swiping .syp_intro_page{display: none;}
.syp_intro_page{position: relative;}
.syp_intro_page .syp_pagination{position: absolute; bottom: 0; right: 0; width: 60%; z-index: 2; display: flex; justify-content:center; padding-bottom: 32px;}
.syp_intro_page .syp_pagination .pre, .syp_intro_page .syp_pagination .pre:hover, .syp_intro_page .syp_pagination .next, .syp_intro_page .syp_pagination .next:hover{background: rgba(0,0,0,.3); height: 36px; display: flex; align-items: center; justify-content:center; margin-right: 0; border-radius: 0 64px 64px 0; opacity: 0; transition: all 0.5s;}
.syp_intro_swiper:hover .syp_intro_page .syp_pagination .pre, .syp_intro_swiper:hover .syp_intro_page .syp_pagination .pre:hover, .syp_intro_swiper:hover .syp_intro_page .syp_pagination .next, .syp_intro_swiper:hover .syp_intro_page .syp_pagination .next:hover{opacity: 1;}
.syp_intro_page .syp_pagination .iconfont{opacity: 0.4;}
.syp_intro_page .syp_pagination .pre:hover .iconfont, .syp_intro_page .syp_pagination .next:hover .iconfont{opacity: 1;}
.syp_intro_page .page{background: rgba(0,0,0,.3); padding: 16px 16px; height: 36px; display: flex; align-items: center; justify-content: center; border-radius: 69px; margin-left: 12px;}
.syp_intro_page .swiper-pagination-bullet{width: 12px; height: 4px; border-radius: 2px; margin-right: 6px; background: #fff; opacity: 0.4; transition: all 0.3s;}
.syp_intro_page .swiper-pagination-bullet-active{width: 48px; opacity: 1;}
.syp_intro_page .swiper-pagination-bullet:last-child{margin-right:0;}
.syp_homeTop_bg{background: linear-gradient(180deg, #C6DDF8 0%, rgba(198, 221, 248, 0) 100%);}
.syp_showTime_swiper{overflow: hidden; margin-top: 34px; padding-bottom: 70px; margin-bottom: -70px;}
.syp_showTime_swiper .swiper-wrapper{display: flex;}
.syp_showTime_swiper .swiper-slide{padding: 28px; width: 49%!important; opacity: 0.8; border: 1px solid transparent; position: relative; top: -1px;}
.syp_showTime_swiper .swiper-slide:nth-child(2n+1){margin-right: 2%!important;}
.syp_showTime_swiper .swiper-slide:hover{background: linear-gradient(121.66deg, #F0FEFF 0%, #EFF9FF 52.71%, #FFFFFF 99.65%); border: 1px solid #FFFFFF; border-radius: 8px; box-shadow: 8px 8px 20px rgb(91 135 202 / 8%), 45px 45px 60px rgb(91 135 202 / 4%); opacity: 1;}
.syp_showTime_swiper .swiper-slide:before{display: block; content: ''; width: 216px; height: 216px; position:absolute; background: url(/static/image/SYP_BUYER_bg.png) no-repeat; background-size: 100% auto; right: 0; top: 26px; opacity: 0; transition: all 0.5s;}
.syp_showTime_swiper .swiper-slide:after{content: '';width: 94%;height: 94%;position: absolute;top:6%;left: 6%;z-index: -1;border-radius: 50%;background: #C7FCFF;box-shadow: 27px 27px 88.5037px rgba(199, 252, 255, 0.4);opacity: 0;}
.syp_showTime_swiper .swiper-slide:hover:after{opacity: 1;transition: opacity .1s ease .1s;}
.syp_showTime_swiper .swiper-slide:hover:before{opacity: 0.56; top: -10px;}
.syp_showTime_swiper .swiper-slide .date{font-size: 15px; line-height: 24px; color: rgba(0, 0, 0, 0.85); margin-bottom: 14px;}
.syp_showTime_swiper .swiper-slide .date em{font-weight: 600; font-size: 42px; line-height: 38px; display: inline-block; vertical-align: bottom;}
.syp_showTime_swiper .swiper-slide .img{padding: 12px; border-radius: 3px; background-color: #fff; position: relative;}
.syp_showTime_swiper .swiper-slide img{width: 100%; height: auto; position: relative;}
.syp_showTime_swiperWrap{position: relative; margin-left: 40px; margin-right: 40px;}
.syp_showTime_swiperWrap .syp_pagination{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 160px; display: none;}
.syp_showTime_swiperWrap .syp_pagination .pre, .syp_showTime_swiperWrap .syp_pagination .next{position: absolute; left: -40px; width: 40px; height: 100%; line-height: 160px; border-radius: 0px 8px 8px 0px; background: transparent; border: 1px solid transparent;}
.syp_showTime_swiperWrap .syp_pagination .next{right: -40px; left: auto;}
.syp_showTime_swiperWrap .syp_pagination .iconfont, .syp_showTime_swiperWrap .syp_pagination .swiper-button-disabled:hover .iconfont{color:rgba(0, 0, 0, 0.45);}
.syp_showTime_swiperWrap .syp_pagination .pre:hover, .syp_showTime_swiperWrap .syp_pagination .next:hover{background: rgba(7, 111, 226, 0.1); border: 1px solid rgba(7, 111, 226, 0.1);}
.syp_community{position: relative; padding-top: 10px;}
.syp_showTime_swiperWrap .syp_pagination .swiper-button-disabled{opacity: 0.2;}
.syp_showTime_swiperWrap .syp_pagination .swiper-button-disabled:hover{background: transparent; border: 1px solid transparent; cursor: default;}
.syp_showTime_swiperWrap .pre:hover .iconfont, .syp_showTime_swiperWrap .next:hover .iconfont{color:#076FE2;}
.syp_community .syp_titCon, .syp_showTime .syp_titCon{background: url(/static/image/buyer-community-bg.png) no-repeat 42px 30px; min-height: 134px;}
.syp_community .tit, .syp_community .tit a, .syp_showTime .tit{color: #076FE2; font-weight: bold;}
.syp_community .txt{color: rgba(0, 0, 0, 0.85);}
.community_map{position: relative; margin-top: 52px;}
.community_map .point{position: absolute;}
.community_map .point dl{position: absolute; width: 120px; height: 68px; background: #FFFFFF; box-shadow: 4px 4px 10px rgba(96, 139, 205, 0.25), 4px 4px 30px rgba(141, 181, 240, 0.25);
border-radius: 8px; text-align: center; padding: 6px; cursor: pointer; transition:margin-top 0.3s; top: -74px; right: -59px;}
.community_map .point .area{font-weight: normal; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.25);}
.community_map .point .num{font-weight: 900; font-size: 24px; line-height: 30px;color: #076FE2;}
.community_map .point dl:after{content:''; width:0; height:0; font-size:0; line-height:0; border-width:10px; zoom:1; display:inline-block; vertical-align:middle; overflow:hidden; border-color:#fff transparent transparent; border-style:solid dashed dashed; margin-bottom: -18px;}
.community_map .point:hover{z-index: 2;}
.community_map .point dl:hover, .community_map .point .cur{z-index: 2; width: 160px; height: 92px; margin-left: -20px; margin-top: -24px; background: #076FE2; padding:12px 6px 6px 6px; right: -79px;}
.community_map .point dl:hover .area, .community_map .point .cur .area{font-size: 16px;line-height: 24px;color: rgba(255, 255, 255, 0.65);}
.community_map .point dl:hover .num, .community_map .point .cur .num{font-size: 32px;line-height: 40px;color: #FFFFFF;}
.community_map .point dl:hover:after, .community_map .point .cur:after{border-color:#076FE2 transparent transparent; margin-bottom: -26px;}
.community_map .point .cur{transition: top 0.3s;}
.community_map .point .cur:hover{top:-86px;}
.mapImg{display: block; margin: 0 auto; width: 100%; height: auto;}
.community_map .point1{bottom:56.4%; left: 27.8%;}
.community_map .point2{bottom:28.2%; left: 32.4%;}
.community_map .point3{bottom:73.6%; left: 46.3%;}
.community_map .point4{bottom:48%; left: 54.8%;}
.community_map .point5{bottom:40%; left: 48.4%;}
.community_map .point6{bottom:67%; left: 64%; z-index: 2;}
.community_map .point7{bottom:65%; left: 56%;}
.community_map .point8{bottom:43.6%; left: 65.5%;}
.community_map .point9{bottom:26%; left: 73.8%;}
.community_map .pointUE{bottom:56.2%; left: 38.8%;}
.community_tip{position: absolute; bottom: 10px; width: 100%; text-align: right; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.25); padding-right: 80px;}
.syp_services{background: linear-gradient(282.96deg, #1A5CBF 0%, #2592E1 100%); position: relative;}
.syp_services:before{content: ''; display: block; width: 100%; background: url(/static/image/triangle.png) no-repeat bottom right; position: absolute; height: 100%;}
.syp_servicesCon{position: relative;}
.syp_services .syp_titCon{background: url(/static/image/marketing-services-bg.png) no-repeat 42px 30px;}
.syp_services .tit, .syp_services .tit a{color: #fff; font-weight: bold;}
.syp_services .txt{color: rgba(255, 255, 255, 0.85);}
.syp_shot{ margin-top: 70px; padding-bottom: 80px;}
.syp_shot .list{width: 31.6%!important;}
.syp_shot .imgBox{padding:8px; background: #FAF8FA; border: 1px solid #FFFFFF; border-radius: 12px; box-sizing: border-box; transition: all 0.3s; position: relative;}
.syp_shot .imgBox:hover{filter: drop-shadow(8px 8px 20px rgba(15, 34, 64, 0.16)) drop-shadow(20px 20px 40px rgba(15, 34, 64, 0.12));}
.syp_shot .img{display: block; position:relative; border-radius: 8px; overflow: hidden; line-height: 0;}
.syp_shot .img:before{display:block; content:''; width: 100%; height: 100%; position: absolute;  z-index: 2; opacity: 1; transition: all 0.3s;}
.syp_shot .imgBox:hover .img:before{opacity: 0; display: none;}
.syp_shot .img img{width: 100%; height: auto;}
.syp_shot .tit{font-weight: bold;font-size: 20px;line-height: 28px; margin-top: 24px; }
.syp_shot .tit a{font-weight: bold; color: #fff;}
.syp_shot .tit:after{content:''; width:200px; height:12px; font-size:0; line-height:0; background: rgba(255, 255, 255, 0.1);display: block;transform: skewX(135deg);margin-top: -12px; margin-left: 8px;}
.syp_shot .txt{font-style: normal; font-weight: normal; font-size: 16px; line-height: 24px; margin-top: 12px; }
.syp_shot_swiper{position: relative;}
.syp_shot-page{display: block; width: 100%; height:1px; position: absolute; bottom: 45.2%; left: 0;}
.syp_shot-page .page{position: absolute; top: 280px; width: 100%; display: block; text-align: center; margin-left: 0;}
.syp_shot-page .swiper-pagination-bullet{border: 1px solid #fff; width: 12px; height: 12px; margin: 0 8px!important; background: rgba(255, 255, 255, 0.25); transition: all 0.3s;}
.syp_shot-page .swiper-pagination-bullet-active{background: rgba(255, 255, 255);}
.syp_shot-page .pre, .syp_shot-page .next{position: absolute; top: 0; transform: translateY(-50%) rotateY(180deg); width:40px; height: 160px; line-height: 156px; border: 1px solid transparent; border-radius: 0px 8px 8px 0px; left: -60px; background: none;}
.syp_shot-page .next{left: auto; right: -60px; transform: translateY(-50%);}
.syp_shot-page .pre:hover, .syp_shot-page .next:hover{background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12);}
.syp_shot-page .iconfont{font-size: 24px;}
.syp_trade .syp_titCon{background:url(/static/image/global-trade-bg.png) no-repeat center 30px; text-align: center; padding-right:0; width: 74%; margin: 0 auto;}
.syp_trade .tit{color: #076FE2;}
.syp_trade .txt{color: rgba(0, 0, 0, 0.65); font-size: 14px;}
.syp_tradeCon{display: flex; justify-content: space-between; margin-top: 108px; margin-bottom: 48px;}
.syp_tradeCon .list{background: #FFFFFF;box-shadow: 0px 10px 46px rgba(141, 181, 240, 0.25);border-radius: 8px; width: 320px; height: 320px; cursor: default; border-bottom: 4px solid #fff; transition: all 0.3s;}
.syp_tradeCon .list:hover{box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12); border-bottom: 4px solid #076FE2; margin-top: -12px;}
.syp_tradeCon .img{margin-top: -46px; text-align: center;}
.syp_tradeCon .txt{margin:60px 40px 0 40px; font-size: 16px;line-height: 24px; color: rgba(0, 0, 0, 0.85); }
.en .syp_tradeCon .txt{margin-top: 40px;}
.syp_tradeDetail{display: flex; justify-content: space-between; align-items: center;}
.syp_tradeDetail .img{width: 660px; height: 640px;}
.syp_tradeDetail .img img{width: 100%; height: auto;}
.syp_tradeDetail .syp_titCon{width: 434px; height: 288px; padding:36px; position: relative; cursor: default; margin: 100px; transition: all 0.3s; box-sizing: content-box; display: flex; align-items: center;}
.syp_tradeDetail .syp_titCon:hover{background: #FFFFFF; padding: 48px; margin: 88px; box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12);}
.syp_tradeDetail .syp_titCon:before{display:block; content:''; width:24px; height:24px; font-size:0; line-height:0; border-top:6px solid #076FE2; border-left:6px solid #076FE2; position: absolute; top: 0; left: 0;}
.syp_tradeDetail .syp_titCon:after{display:block; content:''; width:24px; height:24px; font-size:0; line-height:0; border-bottom:6px solid #076FE2; border-right:6px solid #076FE2;  position: absolute; bottom: 0; right: 0;}
.syp_tradeDetail .tit{color: #076FE2; line-height: 30px;}
.syp_tradeDetail .txt{color: rgba(0, 0, 0, 0.85);}
.syp_tradeDetail .btn{margin-top: 40px;}
.syp_tradeDetail .more_btn, .syp_tradeDetail .more_btn2{position: static; display: inline-block;}
.syp_tradeDetail:nth-child(2n+1){flex-direction: row-reverse;}
.syp_timeWraper{width: 100%;  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 50%, #F1F6FC 50%, #F1F6FC 100%); padding:0 0 168px 0; overflow: hidden; margin-top: 50px;}
.syp_timeCon{width: 100%; position: relative; border-bottom: 1px solid #076FE2;}
.syp_timeline{display: flex; justify-content: space-between; padding:0 60px 0 60px;}
.syp_timeline .list{margin:0 20px; width: 272px;}
.syp_timeline .con{height: 320px;background: #FFFFFF;box-shadow: 0px 10px 46px rgba(141, 181, 240, 0.25);border-radius: 8px; padding: 16px; box-sizing: border-box; transition: all 0.3s; cursor:grab; margin-bottom: 16px;}
.syp_timeline .con img{border-radius: 4px; width: 240px; height: 180px;}
.syp_timeline .con:hover{box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12); margin-top: -12px; margin-bottom: 28px;}
.syp_timeline .conTxt{font-size: 16px; line-height: 24px;color: rgba(0, 0, 0, 0.85); margin-top: 12px; height: 94px; overflow: hidden;}
.syp_timeline .time{font-weight: 900; font-size: 32px; line-height: 40px;color: #076FE2; text-align: center;}
.syp_timeline .time:after{display:block; content:''; width:8px; height:8px; font-size:0; line-height:0; background: #076FE2; margin: 8px auto 0 auto;}
.syp_timeCon .syp_pagination{padding: 40px 0; position: absolute; bottom: -150px; width: 100%;}
.syp_timeCon .syp_pagination .pre, .syp_timeCon .syp_pagination .next{border: 1px solid rgba(0, 0, 0, 0.25); background-color: transparent; margin: 0 20px; padding: 0; width: 48px; height: 48px; line-height: 48px;}
.syp_timeCon .syp_pagination .pre:hover, .syp_timeCon .syp_pagination .next:hover{background-color: #076FE2; border: 1px solid #076FE2;}
.syp_timeCon .syp_pagination .iconfont{color: rgba(0, 0, 0, 0.45); font-size: 24px;}
.syp_timeCon .syp_pagination .pre:hover .iconfont, .syp_timeCon .syp_pagination .next:hover .iconfont{color:#fff; font-weight: normal;}
.syp_years{box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12); display: flex; justify-content: space-between; margin-top: 160px; background-color: #fff;}
.syp_years .video, .syp_years .video video{width: 854px; height: 480px;}
.syp_years .syp_titCon{padding:30px 40px;}
.syp_years .tit{font-weight: bold;font-size: 32px; line-height: 50px;color: #076FE2; position: relative; padding:24px; display: inline-block; cursor: default; transition: all 0.3s;}
.syp_years .syp_titCon:hover .tit{padding:36px; margin:-12px;}
.syp_years .tit:before{display:block; content:''; width:24px; height:24px; font-size:0; line-height:0; border-top:6px solid #076FE2; border-left:6px solid #076FE2; position: absolute; top: 0; left: 0;}
.syp_years .tit:after{display:block; content:''; width:24px; height:24px; font-size:0; line-height:0; border-bottom:6px solid #076FE2; border-right:6px solid #076FE2;  position: absolute; bottom: 0; right: 0;}
.syp_years .txt{color: rgba(0, 0, 0, 0.85); margin-top: 20px;}
.syp_years .btn{margin-top: 20px;}
.syp_years .more_btn, .syp_tradeDetail .more_btn2, .syp_client .more_btn3{position: static; display: inline-block;}
.syp_testimonialCon{margin-top: 160px; position: relative; height: 480px; overflow: hidden; box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12); background-color: #fff;}
.syp_testimonialList{position: absolute;}
.syp_testimonial{display: flex; justify-content: space-between; background-color: #fff;}
.syp_testimonial .img, .syp_testimonial .video, .syp_testimonial .video video, .syp_testimonial .video img{width: 854px; height: 480px;}
.syp_testimonial .syp_titCon{padding:30px 40px; background: url(/static/image/testimonials-bg.png) no-repeat 0 0;}
.syp_testimonial .tit{color: #076FE2; position: relative;}
.syp_testimonial .more_btn{right: 12px; bottom: 0;}
.syp_testimonial .more_btn:hover{right: 0;}
.syp_testimonial .txt{color: rgba(0, 0, 0, 0.85); margin-top: 20px;}
.syp_testimonial .txt P{margin:20px 0;}
.syp_testimonial .ic_yinhao{color: rgba(0, 0, 0, 0.25); font-size: 22px;}
.yinhao_end{transform: rotate(180deg);}
.syp_testimonialCon .syp_pagination{position: absolute; bottom: 30px; left: 894px; z-index: 2;}
.syp_supplier .syp_pagination{position: absolute; bottom: 30px; left: 40px;}
.syp_client{display: flex; margin-top: 160px; background: linear-gradient(282.96deg, #1A5CBF 0%, #22BDFF 100%);}
.syp_client .img{line-height: 0; flex: 1;}
.syp_client .img img{width: 100%; height: auto;}
.syp_clientCon{flex: 1; display: flex; align-items: center;}
.syp_client .syp_titCon{padding: 50px 80px; max-width: 620px; box-sizing: content-box;}
.syp_client .tit{color: #fff; line-height: 39px;}
.syp_client .txt{color: #fff; margin:60px 0;}
.zh .syp_client .txt, .tw .syp_client .txt, .zh .syp_tradeDetail .txt, .tw .syp_tradeDetail .txt, .zh .syp_testimonial .txt p, .tw .syp_testimonial .txt p, .zh .syp_years .txt, .tw .syp_years .txt{ line-height: 32px;}
.syp_client .tit:after{content:''; width:200px; height:12px; font-size:0; line-height:0; background: rgba(255, 255, 255, 0.1);display: block;transform: skewX(135deg);margin-top: -12px;margin-left: 8px;}
.syp_article{margin-top: 80px;}
.syp_article .syp_titCon{padding-bottom: 40px;}
.syp_article_section{background: linear-gradient(180deg, #E2F0FF 0%, #FFFFFF 42.8%); border: 1px solid #FFFFFF; box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12); padding: 24px 40px 40px 40px;}
#article_tit_swiper{display: inline-block;}
#article_tit_swiper, #article_con_swiper{overflow: hidden;}
.syp_article_tit{font-weight: 400; font-size: 20px; line-height: 28px; display: inline-block; width: auto;}
.syp_article_tit li{margin-right: 24px; cursor: pointer; color: rgba(0, 0, 0, 0.65); position: relative; width: auto!important; padding-bottom: 16px; display: inline-block;}
.syp_article_tit li:after{content:''; display: block; width: 32px; height: 3px; position:absolute; left: 0; border-radius: 6px; background: none; transition: left 0.3s; margin-top: 3px;}
.syp_article_tit li.cur{color: #076FE2; font-weight: 600;}
.syp_article_tit li.cur:after{background: #076FE2; left: 50%; transform: translateX(-50%);}
.syp_article_item{display: flex; margin-top: 14px;}
.syp_article_item a:hover{color: #076FE2!important;}
.syp_article_item .major{margin-right: 4px; width: 830px; flex: none;}
.syp_article_item .major .tit{margin-top: 16px; display: flex; align-items: center; justify-content: space-between;}
.syp_article_item .major .txt{font-weight: 600; font-size: 22px; line-height: 32px; color: rgba(0, 0, 0, 0.85); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  text-overflow: ellipsis;
 overflow: hidden; padding-right: 50px;}
.syp_article_item .major .date{color: rgba(0, 0, 0, 0.45); font-size: 16px;}
.syp_article_item .major img{width: 100%; height: 353px; border-radius: 4px;} 
.syp_article_item .syp_news_tit .iconfont{display: none;}
.syp_article_item  .syp_news_list p a{padding-right: 50px;}
/*=E Homepage */
@media screen and (min-width:1600px) {
    .syp_introCon{padding-top: 150px; padding-bottom: 100px;}
    .community_map{margin-top: 160px;}
    .syp_shot{margin-top: 100px; padding-bottom: 121px;}
    .syp_tradeCon{margin-top:158px; margin-bottom: 120px;}
    .syp_tradeDetail{margin-bottom: 60px;}
    .syp_years, .syp_testimonialCon, .syp_client{margin-top: 200px;}
    .syp_client .txt{font-size: 18px; line-height: 30px;}
}
@media screen and (max-width:1579px) {
    .syp_showTime .syp_con{width: 94%; max-width: 1400px;}
    .syp_head_fix{width: 100%; min-width: 1200px;}
    .syp_headCon{padding:16px 0;}
    .syp_nav .item{margin: 0 10px;}
    .syp_navWrap .syp_nav .lang_item{margin-left: 32px;}
    .syp_nav .sign_item{padding-left: 0;}
}
@media screen and (max-width:1559px) {
    .syp_titCon{padding-right:34%;}
}
@media screen and (max-width:1540px) {
    .syp_showTime_swiperWrap .syp_pagination .pre, .syp_showTime_swiperWrap .syp_pagination .next{left: -30px; width: 30px;}
    .syp_showTime_swiperWrap .syp_pagination .next{right: -30px; left: auto;}
    .syp_shot_swiper{margin:0 60px;}
    .syp_shot-page .pre{left: 0}
    .syp_shot-page .next{right: 0;}
    .syp_client .txt{margin:40px 0;}
}
@media screen and (max-width:1440px) {
    .syp_con{width:94%; max-width: 1400px;}
    .syp_showTime_swiper .swiper-slide .date{font-size: 12px; line-height: 20px;}
    .syp_showTime_swiper .swiper-slide .date em{font-size: 33px; line-height: 30px;}
    .syp_tradeShow_intro .syp_con{width:94%!important; max-width: 1200px;}
    .intro_con .tit{font-size: 32px!important; line-height: 50px!important;}
    .intro_con .txt{font-size: 14px!important; line-height: 20px!important;}
    .intro_con .btn{font-size: 14px!important; line-height: 20px!important;}
    .syp_tradeDetail .img{width: 47%; height: auto;}
    .syp_tradeDetail .syp_titCon{width: 402px; height: 240px; margin: 20px 70px;}
    .syp_tradeDetail .syp_titCon:hover{margin: 8px 58px;}
    .syp_tradeDetail .tit{font-size: 26px;}
    .en .syp_tradeCon .txt{font-size: 15px;}
    .syp_tradeCon .list{width: 23%;}
    .syp_years .syp_titCon{padding:20px 30px 0 30px;}
    .syp_years .video, .syp_years .video video{width: 680px; height: 382px;}
    .syp_years .tit{font-size: 28px; line-height: 40px;}
    .syp_years .txt{font-size: 14px; line-height: 20px;}
    .syp_testimonial .syp_titCon{padding:20px 30px;}
    .syp_testimonial .txt{margin-top: 20px; font-size: 14px; line-height: 20px;}
    .syp_testimonial .txt p{max-height: 224px; overflow: hidden; margin:10px 0;}
    .syp_testimonialCon{height: 382px;}
    .syp_testimonial .img, .syp_testimonial .video, .syp_testimonial .video video, .syp_testimonial .video img{width: 680px; height: 382px;}
    .syp_testimonial .img img{width:680px; height: auto;}
    .syp_testimonialCon .syp_pagination{left:710px; bottom: 20px;}
    .syp_supplier .syp_pagination{left:30px;}
    .syp_shot_swiper{margin:0 40px;}
    .syp_shot-page{bottom: 43.8%;}
    .syp_shot-page .pre, .syp_shot-page .next{width: 32px; height: 132px; line-height: 128px;}
    .syp_shot-page .page{top:260px;}
    .syp_headCon{padding:16px 24px;}
    .syp_article_item .major{width: 734px;}
    .syp_article_item .major img{height: 312px;}
    .syp_article_item  .syp_news_list p a{padding-right: 16px;}
    .syp_article_item .syp_news_list p:nth-child(n+9){display: none;}
}
@media screen and (max-width:1300px) {
    .syp_home_bg{background-size: 100% auto;}
    .syp_head .logo, .syp_logo{height: 22px;}
    .zh .syp_head .logo, .zh .syp_logo, .tw .syp_head .logo, .tw .syp_logo{height: 44px;}
    .syp_navWrap .item{margin:0 8px;}
    .syp_titCon{padding: 40px 40% 0 0;}
    .syp_titCon .tit{font-size: 24px;line-height: 34px;}
    .syp_titCon .txt{font-size: 14px;line-height: 20px;}
    .community_map .point{transform:scale(0.9,0.9);}
    .syp_shot .tit{font-size: 16px; line-height: 24px; font-weight: 600;}
    .syp_shot .txt{font-size: 14px; line-height: 20px;}
    .syp_tradeCon .list{width: 265px; height: 265px;}
    .syp_tradeCon .txt{margin:50px 24px 0 24px; font-size: 14px;line-height: 20px;}
    .syp_tradeDetail .img{width:480px;}
    .syp_timeline .list{width: 216px;}
    .syp_timeline .con{height: 262px;}
    .syp_timeline .con img{width:100%; height:auto;}
    .syp_timeline .conTxt{font-size: 14px;line-height: 20px;height: 96px;}
    .syp_timeline .time{font-size: 24px;line-height: 30px;}
    .syp_shot-page .page{top:220px;}
}
/*=S Marketing page */
.syp_mart_intro{background: linear-gradient(270deg, #475BC5 0%, #0777E5 100%); background: url(/static/image/top_backgrund.jpg) no-repeat center 0; height: 720px;}
.syp_mart_introCon{max-width: 1200px; width: 94%; margin: 0 auto; padding-top: 190px; padding-right: 690px; position: relative; z-index: 2;}
.syp_mart_introCon .tit{font-weight: 600;font-size: 32px;line-height: 50px; color: #fff;}
.syp_mart_introCon .txt{font-size: 14px;line-height: 20px; color: rgba(255, 255, 255, 0.85); margin-top: 20px;}
.syp_mart_introCon .logo{margin-top: 50px;}
.syp_mart_introCon .logo img{opacity: 0.5; cursor: pointer; transition: all 0.3s;}
.syp_mart_introCon .logo img:hover{opacity: 1;}
.syp_mart_introImg{position: absolute; right: 0; top: 150px;}
.en .syp_mart_introCon .tit{font-size: 29px; line-height: 42px;}
.syp_mart, .syp_tradeShow{background: #F1F6FC; position: relative; overflow: hidden; padding-bottom: 80px;}
.syp_tradeShow{padding-bottom: 0;}
.syp_mart:before, .syp_tradeShow:before{content: ''; display: block; width: 270px; height: 270px; position: absolute; top: 100px; left: -180px; background: linear-gradient(180deg, #F5F8FC 0%, #FFFFFF 100%); box-shadow: 20px 20px 20px rgba(242, 247, 252, 0.64), 6.59507px 6.59507px 13.1901px #F2F7FC, -12px -12px 20px #FFFFFF; border-radius: 17px; transform: rotate(-30deg);}
.syp_mart_con{width: 1200px; padding: 40px 0 20px 0;}
/*==S use homepage .syp_tradeDetail css */
.syp_mart_con .img{width: 600px; height: 400px;}
.syp_mart_con .imgCon, .syp_mart_con .imgShot{position: relative; cursor: pointer;}
.syp_mart_con .imgCon .imgTxt{position: absolute; background: linear-gradient(180deg, rgba(213, 233, 255, 0.77) 0%, rgba(255, 255, 255, 0.77) 100%); border: 2px solid #FFFFFF; box-shadow: 0px 10px 46px rgba(141, 181, 240, 0.25); backdrop-filter: blur(30px); padding: 30px; top: 50%; transform: translateY(-50%); font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.85); margin: 0 80px; opacity: 0; transition: all 0.3s;}
.syp_mart_con .imgCon img{transition: all 0.3s;}
.syp_mart_con .imgCon:hover img{filter: blur(4px) opacity(50%);}
.syp_mart_con .imgCon:hover .imgTxt{opacity: 1;}
.syp_mart_con .imgShot .imgTxt{position: absolute;background: linear-gradient(179deg, rgba(43, 140, 247, 0.96) 4.66%, #1584F2 99.22%); font-size: 16px; line-height: 24px; color: #fff; border-radius: 14px; opacity: 0; transition: all 0.3s; top: 41px; left: 52px; width: 493px; height: 329px; display: flex; align-items: center; padding: 40px 85px;}
.syp_mart_con .imgShot:hover .imgTxt{opacity: 1;}
.syp_mart_con .syp_titCon{width: 400px; height: 266px; margin:12px 52px;}
.syp_mart_con .syp_titCon:hover{margin:0 40px;}
.syp_mart_con .syp_titCon .tit, .syp_tradeShow_list .syp_titCon .tit{font-size: 24px; line-height: 34px;}
.en .syp_mart_con .syp_titCon .tit{font-size: 22px;}
.syp_mart_con .syp_titCon .mtxt{display: none;}
.syp_mart_con .syp_titCon .txt, .syp_tradeShow_list .syp_titCon .txt{line-height:24px; display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.zh .syp_tradeShow_list .syp_titCon .txt, .tw .syp_tradeShow_list .syp_titCon .txt{line-height: 32px; display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
/*==E use homepage .syp_tradeDetail css */
/*=E Marketing page */  
/*=S TradeShow page */
.syp_tradeShow_intro{background: #F1F6FC;}
.syp_tradeShow_intro .syp_con{width: 1200px;}
.syp_tradeShow_intro .intro_con .tit{font-weight: 600; font-size: 32px; line-height: 50px;}
.syp_tradeShow_intro .intro_con .txt{font-size: 14px;}
.syp_tradeShow_intro .intro_con .btn{margin-right: 20px;}
.syp_tradeShow_con{width: 1200px; padding: 0 0 100px 0; margin: 0 auto;}
.syp_tradeShow_news_tit .syp_titCon{background: url(/static/image/buyer-community-bg.png) no-repeat 42px 30px;}
.syp_tradeShow_tit .syp_titCon, .syp_video .syp_titCon{background:url(/static/image/global-trade-bg.png) no-repeat center 30px; text-align: center; padding-right:0; width: 100%; margin: 0 auto;}
.syp_tradeShow_news_tit .tit, .syp_tradeShow_tit .tit, .syp_video .tit{color: #076FE2;}
.syp_tradeShow_news_tit .txt, .syp_tradeShow_tit .txt, .syp_video .txt{color: rgba(0, 0, 0, 0.65); font-size: 14px;}
.syp_tradeShow_tit .subTit{color: #076FE2; font-weight: 600; font-size: 24px; line-height: 40px; margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.syp_tradeShow_tit .subTit:before, .syp_tradeShow_tit .subTit:after{content:''; display: block; width: 14px; height: 3px; background-color: #076FE2; margin-right: 10px;}
.syp_tradeShow_tit .subTit:after{margin-left: 10px; margin-right: 0;}
.syp_tradeShow_news{display: flex; margin-top: 50px; flex-wrap: wrap; justify-content: space-between;}
.syp_tradeShow_news .news_item{width: 32.5%; overflow: hidden; position: relative; display: block; border-radius: 6px; margin-bottom: 20px;}
.syp_tradeShow_news .news_item .img{display: block;}
.syp_tradeShow_news .news_item .img img{width: 100%; height: auto;}
.syp_tradeShow_news .news_item .info{position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.5); padding:0 8px; color: #fff; height: 0; transition: all 0.3s; display: flex; flex-direction: column; justify-content: center;}
.syp_tradeShow_news .news_item:hover .info{height: 56px;}
.syp_tradeShow_news .news_item .info em{font-weight: 600; font-size: 14px; line-height: 20px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.syp_tradeShow_news .news_item .info .sub{font-size: 12px; line-height: 16px; margin-top: 4px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.overlayWin{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 99999;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;background: rgba(0,0,0,.5); display: none;}
.overlay{width: 600px; padding: 0; box-sizing: border-box; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.overlay .close{position: absolute; z-index: 2; cursor: pointer;}
.overlay .ic_close{font-size: 22px; line-height: 0; color: #fff;}
.syp_tradeShowPop .popImg{width: 100%; height: auto; border-radius: 8px 0 8px 8px;}
.syp_tsConSwiper{overflow: hidden; padding-bottom: 90px;}
.syp_tsConSwiper .swiper-wrapper{padding: 68px 0 16px 0;}
.syp_tsConSwiper .swiper-slide{width: 31.3%; margin: 0 1%; height: auto; text-align: center;}
.syp_tsConSwiper .slide-img{box-shadow: 0px 8px 10px rgba(141, 181, 240, 0.25); background: #FFFFFF; border-radius: 8px; position: relative; cursor: pointer; filter: blur(2px); line-height: 0; transition: all 0.3s; overflow: hidden;}
.syp_tsConSwiper .swiper-slide-active .slide-img{filter: blur(0); transform: scale(1.6); z-index: 2;}
.syp_tsConSwiper .slide-img video{width: 100%; height:auto; opacity: 0;}
.syp_tsConSwiper .slide-img img{width: 100%; height: auto; cursor: default;}
.syp_tsConSwiper .slide-img .poster{background-color: #ccc;}
.syp_tsConSwiper .swiper-slide .video .playIcon{display: none;}
.syp_tsConSwiper .swiper-slide-active .video .playIcon{display: block; transform: scale(0.5);}
.syp_video_swiper .syp_pagination{display: none!important;}
.syp_tradeShow_tit .syp_ts_byerTitCon{background: none;}
.syp_ts_byerTitCon .subTit{margin-top: 0;}
.syp_tradeShow_more{text-align: center;}
.syp_tradeShow_more .more_btn3{position: static; display: inline-block;font-weight: 400!important;}
.syp_tradeShow_list{margin-top: 40px;}
.syp_tradeShow_list .img{width: 590px; text-align: center; height: 324px;}
.syp_tradeShow_list .img img{width: 508px; height: auto;}
.syp_tradeShow_list .syp_titCon{width: 500px; height: 266px; margin:12px;}
.syp_tradeShow_list .syp_titCon:hover{margin:0;}
.syp_tradeShow_form .overlay{width: 680px; border-radius: 8px; overflow: hidden;}
.syp_tradeShow_form .overlay .close{position: absolute; right: 36px; top: 24px;}
.syp_form .tit{padding: 16px 40px; font-weight: 600; font-size: 20px; line-height: 28px; color: #FFFFFF; background: linear-gradient(255.96deg, #5CB1FF 0%, #0C5FDB 100%);}
.syp_form .tip{font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.45); margin-bottom: 24px;}
.syp_form .tip a{color:#076FE2;}
.syp_form .formCon{background: linear-gradient(180deg, #E2F0FF 0%, #FFFFFF 18.88%); max-height: 500px; overflow: auto; padding: 24px 40px;}
.syp_form .formTit{font-weight: 400; font-size: 14px; line-height: 22px; margin-bottom: 8px;}
.syp_form .formTit .require{font-weight: 400; font-size: 16px; line-height: 22px; color: #E72528;}
.syp_form .formList{margin-bottom:20px; max-width: 498px; display: flex; justify-content: space-between;}
.syp_form .formList .item{flex: 1; margin-right: 4px;}
.syp_form .formList .item:last-child{margin-right: 0;}
.syp_form .formList .country{width: 120px; flex: none;}
.en .syp_form .formList .country{width:220px;}
.syp_form .inputTxt{padding:5px 12px; border: 1px solid #ddd; border-radius: 4px; font-weight: 400; font-size: 14px; line-height: 22px; display: block; width: 100%;}
.syp_form .cta{margin-top: 24px;}
.syp_form .submit{padding:7px 12px; background: #076FE2; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 4px; font-weight: 400; font-size: 18px; line-height: 26px; color: #fff!important; display: inline-block; min-width: 156px; text-align:center; cursor: pointer;}
/*=E TradeShow page */
/*=S Common form */
.errortip{color: #E72528; padding: 2px 0 0 2px; display: none; text-align: left;}
.error .errortip{-webkit-animation: msgShowIn 0.3s linear;animation: msgShowIn 0.3s linear;display: block;}
.error .inputTxt{border-color:#E72528;}
/*=E Common form */
/*=S Video page */
.syp_video{padding:60px 0 80px 0; position: relative; background: #F1F6FC;}
.syp_video:before{background:url(/static/image/video_bg.png) no-repeat center 0; content: ''; position:absolute; top: 0; width: 100%; display: block; height: 345px;}
.syp_video .syp_tsConSwiper{padding-bottom: 0; margin: 22px 60px 0 60px; position: relative; z-index: 3;}
.syp_video .syp_tsConSwiper .slide-img{filter:none; margin: 0 10px;}
.syp_video .syp_tsConSwiper .swiper-slide-active .slide-img{transform: none;}
.syp_video .syp_tsConSwiper .swiper-slide .video .playIcon{display: block; transform: scale(0.7);}
.syp_video .syp_video_swiper{position: relative;}
.syp_video .syp_tsConSwiper .swiper-wrapper{padding:0;}
.syp_video .syp_tsConSwiper .swiper-slide{padding:10px 0 15px 0; margin: 0;}
.syp_video .syp_video_swiper .syp_pagination{display: flex!important; position: absolute; width: 100%; justify-content: space-between; top: 50%; transform: translateY(-50%); z-index: 2;}
.syp_video .syp_video_swiper .syp_pagination .page{display: none;}
.syp_video .syp_pagination .pre, .syp_video .syp_pagination .next{border: 1px solid rgba(0, 0, 0, 0.25); background-color: transparent; margin: 0; padding: 0; width: 48px; height: 48px; line-height: 48px;}
.syp_video .syp_pagination .pre:hover, .syp_video .syp_pagination .next:hover{background-color: #076FE2; border: 1px solid #076FE2;}
.syp_video .syp_pagination .iconfont{color: rgba(0, 0, 0, 0.45); font-size: 24px;}
.syp_video .syp_pagination .pre:hover .iconfont, .syp_video .syp_pagination .next:hover .iconfont{color:#fff; font-weight: normal;}
.syp_video .syp_tsConSwiper .syp_pagination .page{display: none;}
/*==S new layout */
.syp_video_tit{display: flex; position: relative; z-index: 2; margin-top: 90px;}
.syp_video_tit li{width: 50%; font-size: 24px; font-weight: 400; line-height: 34px; color: #2D2D2D; padding: 16px; text-align: center; background: rgba(255, 255, 255, 0.50); cursor: pointer;}
.syp_video_tit li.cur{background: #D3E9FB; border-bottom:4px solid #076FE2; color: #076FE2; cursor: default;}
.syp_video_item{display: flex; flex-wrap: wrap;}
.syp_video_item .slide-img{width: 32.4%; margin-top: 20px; position: relative; overflow: hidden;}
.syp_video_item .slide-img:nth-child(3n+2){margin-left: 1.4%; margin-right: 1.4%;}
.syp_video_item .slide-img video{width: 100%; height: auto;}
/*==E new layout */
/*=E Video page */
@media screen and (max-width:1260px) {
    .syp_tradeShow_list .syp_titCon{margin: 12px 24px;}
    .syp_tradeShow_list .syp_titCon:hover{margin:0 12px;}
}
@media screen and (max-device-width: 1024px) {
    .syp_wrap{min-width:auto; box-sizing: border-box;}
    .syp_mart:before, .syp_tradeShow:before{display: none;}
    .syp_head_fix{min-width: auto; transition: all 0.3s;}
    .syp_home_bg{background:none;}
    .syp_headCon{padding:12px 20px;}
    .syp_head_menu{background-color: #fff;}
    .syp_head .logo, .syp_logo{height: 20px;}
    .zh .syp_head .logo, .zh .syp_logo, .tw .syp_head .logo, .tw .syp_logo{height: 36px; margin-left: -26px;}
    /*skin*/
    .skin_light .syp_head{position: static;background-color: #fff;}
    .skin_light .syp_menu{color: #262626;}
    .skin_light .syp_head .register_item{background: transparent;}
    .skin_light .syp_head .register_item a, .skin_light .syp_head .register_item a:hover{color: #076FE2;}
    .syp_menu{display:block; color: #fff; cursor: pointer;}
    .syp_menu .iconfont{font-size: 24px;}
    .syp_nav{display:none; width: 100%; background-color: #fff; position: absolute; top: 48px; left: 0; z-index: 3; padding: 8px 0; box-shadow: 0px 2px 4px rgba(7, 111, 226, 0.06);}
    .syp_nav .item{margin: 0; display: block;}
    .syp_nav .item a{display: block; padding: 10px 20px;}
    .syp_nav .item a:active{background: #F1F6FC;}
    .syp_navWrap .cur:after{display: none; }
    .syp_nav .listTit{margin: 0;}
    .syp_nav .mobile_item{display: block; border-top: 1px solid #eee;}
    .syp_navWrap .register_item{width: auto; height: auto; font-size: 14px; line-height: 20px; font-weight: 400; background: none; border-radius: 0; margin-right: 16px;}
    .syp_navWrap .register_item a, .syp_nav .register_item a:hover{color:#fff;}
    .syp_navWrap .sign_item{display:none;}
    .syp_navWrap .syp_nav .lang_item{margin-left: 0;}
    .syp_nav .listBox{margin-top:0; background: #fff; display: none;}
    .syp_nav .list, .en .news_item .list{position: static; display: block; width: 100%; padding: 0;}
    .syp_nav .list li{padding:0; font-size: 12px; line-height: 18px;}
    .syp_nav .list li a{padding:7px 30px; display: block;} 
    .syp_nav .news_item .listBox, .syp_nav .news_item .iconfont{display: none;} 
    .syp_head_fix .syp_menu, .syp_head_fix .syp_navWrap .item a:hover, .syp_head_fix .syp_nav .item:hover .listTit{color: rgba(0, 0, 0, 0.85);}
    .syp_head_fix .syp_navWrap .register_item{background:none;}
    .syp_head_fix .syp_navWrap .register_item a, .syp_head_fix .syp_navWrap .register_item a:hover{color:#076FE2}
    .syp_wrap .stm-m-footer{background: rgba(0, 0, 0, 0.85);}
    .syp_wrap .stm-m-footer .copyright .copyrow a{color: rgba(255, 255, 255, 0.45);}
    .syp_wrap .stm-m-footer .copyright .copybot{color: rgba(255, 255, 255, 0.45);}
    .syp_wrap .gs_float_list &gt; li:last-child &gt; a{border-radius:4px 0 0 4px!important;}
    .zh .syp_fix_reg, .tw .syp_fix_reg, .en .syp_fix_qr{display: none;}
    .en .syp_fix_reg, .zh .syp_fix_qr, .tw .syp_fix_qr{bottom: 190px; right: 0; left: auto; border-radius: 8px 0 0 8px;}
    .syp_wrap .gs_float_scroll{bottom: 124px; right: 0; left: auto;}
    .syp_con{width: 100%; padding-left:20px; padding-right: 20px; box-sizing: border-box;}
    .syp_introCon{display: block;}
    .intro_con{height: 334px; overflow: hidden;}
    .intro_con .tit{font-weight: 600;font-size: 24px!important;line-height: 34px!important;}
    .intro_con .txt{margin-bottom: 0;}
    .en .intro_con .btn{margin-top:20px;}
    .intro_img{width: 100%; max-width: 390px;}
    .intro_img:hover{margin: 0;}
    .syp_intro_page .syp_pagination{width: 100%; padding-bottom: 16px;}
    .syp_intro_page .syp_pagination .pre, .syp_intro_page .syp_pagination .pre:hover, .syp_intro_page .syp_pagination .next, .syp_intro_page .syp_pagination .next:hover{display: none;}
    .syp_showTime .syp_con{padding: 0;}
    .syp_showTime .syp_con .syp_titCon{padding: 40px 20px; background: none; min-height: auto;}
    .syp_showTime_swiperWrap{margin-left: 0; margin-right: 0;}
    .syp_showTime_swiper .swiper-slide .date{font-size: 12px; line-height: 14px; margin-bottom: 8px;}
    .syp_showTime_swiper .swiper-slide .date em{font-size: 24px; line-height: 18px;}
    .syp_showTime_swiper .swiper-slide .img{padding: 1px;}
    .syp_showTime_swiper{margin-top: 0; padding-left: 20px; padding-right: 20px;}
    .syp_showTime_swiperWrap .syp_showTime_swiper .swiper-slide{padding: 8px; width: 100%!important; background: #F0FEFF; border: 0.470588px solid #FFFFFF; box-shadow: 3.76471px 3.76471px 8.94118px rgba(91, 135, 202, 0.08), 20.2353px 20.2353px 26.8235px rgba(91, 135, 202, 0.04); border-radius: 8px; margin-right: 8px!important;}
    .syp_showTime_swiperWrap .syp_showTime_swiper .swiper-slide:last-child{margin-right: 0!important;}
    .syp_showTime_swiperWrap .syp_showTime_swiper .swiper-slide:before{width: 128px; height: 128px; opacity: 1; top: -10px;}
    .syp_community{overflow: hidden;}
    .syp_community .syp_titCon{background: none; padding: 40px 0; min-height: auto;}
    .syp_nav .item:hover .listTit .iconfont{transform: none;}
    .syp_nav .langCur .listTit .iconfont{transform: rotate(-180deg)!important;}
    .more_btn, .more_btn2, .more_btn3{position: static; display: inline-block; margin-top: 20px;}
    .community_map{margin-top: 0; width: 160%; margin-left: -28%;}
    .community_map .point{transform:scale(0.6,0.6);}
    .community_tip{bottom: 3px;font-size: 10px;line-height: 16px;padding-right: 10px; right: 16%;}
    .en .community_tip{font-size: 9px;}
    .syp_services{padding-bottom: 0;}
    .syp_services:before{display: none;}
    .syp_services .syp_titCon{padding:40px 0; background: none;}
    .syp_shot{margin-top: 0; padding: 0 0 40px 0;}
    .syp_shot .list{width:98%!important; margin: 0 1%!important;}
    .syp_shot .tit:after{margin-left: 24px;}
    .syp_shot_swiper{padding-bottom: 20px; margin: 0;}
    .syp_shot-page{height:100%; bottom: 0;}
    .syp_shot-page .pre, .syp_shot-page .next{display: none!important;}
    .syp_shot-page .page{top: auto; bottom: 20px;}
    .syp_shot-page .swiper-pagination-bullet{width: 8px; height: 8px; margin: 0 4px!important;}
    .syp_trade{padding:0;}
    .syp_trade .syp_titCon{background:none; width: 100%; padding: 40px 20px; box-sizing: border-box; text-align: left;}
    .trade_swiper{overflow: hidden;}
    .syp_tradeCon{margin-top: 40px; padding: 0 10px;}
    .syp_tradeCon .list{width: 240px; height: 240px; margin: 0 10px;}
    .syp_tradeCon .list:hover{margin-top: 0;}
    .syp_tradeCon .txt{margin:10px 20px 0 20px!important;}
    .en .syp_tradeCon .txt{margin:2px 20px 0 20px!important;}
    .syp_tradeDetail, .syp_tradeDetail:nth-child(2n+1){ flex-direction:column-reverse;}
    .syp_tradeDetail .img{width: 100%; height: auto;}
    .syp_tradeDetail .syp_titCon, .syp_tradeDetail .syp_titCon:hover{width: 100%; height: auto; margin:40px 70px 0 70px; box-shadow: none; background: none; padding:18px 24px; transition: none; box-sizing: border-box;}
    .syp_tradeDetail .btn{margin-top: 20px;}
    .syp_timeWraper{padding: 0; margin-top: 0;}
    .syp_timeline{padding:0 10px;}
    .syp_timeline .list{margin:0 10px;}
    .syp_timeCon .syp_pagination{display: none;}
    .syp_years{margin:40px 20px 0 20px; flex-direction: column; padding: 0; width: auto;}
    .syp_years .video, .syp_years .video video{width: 100%; height: 100%;}
    .video .playIcon{width: 48px; height: 48px; margin: -24px 0 0 -24px;}
    .video .playIcon .iconfont{font-size: 48px;}
    .syp_years .syp_titCon{padding:20px;}
    .syp_years .syp_titCon .txt{margin-top: 20px;}
    .syp_years .tit:hover{padding:18px 24px; margin:0;}
    .syp_years .btn{margin-top: 0; margin-bottom: 20px;}
    .syp_testimonialCon{width: auto; height:auto; margin: 40px 20px 0 20px; padding: 0 0 20px 0;}
    .syp_testimonial{flex-direction: column; width: 100%!important; justify-content: flex-start;}
    .syp_testimonial .img, .syp_testimonial .video, .syp_testimonial .video video, .syp_testimonial .img img, .syp_testimonial .video img{width: 100%; height: auto; z-index: 1;}
    .syp_testimonial .syp_titCon{padding: 20px; background: none;}
    .syp_testimonialCon .syp_pagination{bottom: 20px; left: 20px;}
    .syp_testimonialList{position: static;}
    .syp_pagination .pre, .syp_pagination .next{display: none;}
    .syp_pagination .page{margin-left:0;}
    .syp_pagination .swiper-pagination-bullet{margin:0 8px 0 0; transition: all 0.3s;}
    .syp_supplier .syp_testimonial{flex-direction: column-reverse;}
    .syp_client{flex-direction: column; margin-top: 40px;}
    .syp_client .img{width: 100%;}
    .syp_client .syp_titCon{padding:50px 20px;}
    .syp_article{margin-top: 0;}
    .syp_article .syp_titCon{padding-bottom: 20px;}
    .syp_article .syp_titCon .txt{margin-top: 8px;}
    .syp_article_section{margin-left: 20px; margin-right: 20px; width: auto; padding: 12px; position: relative;}
    #article_tit_swiper{display: block;}
    .article_mask{-webkit-mask: linear-gradient(90deg, #000000 73.46%, rgba(0, 0, 0, 0) 100%);}
    .syp_article_tit{font-size: 16px; line-height: 24px; display: flex; width: 100%;}
    .syp_article_item{flex-direction: column; margin-top: 2px;}
    .syp_article_item .major{margin-right: 0; width: 100%; border-bottom: 1px solid #eee; padding-bottom: 10px;}
    .syp_article_item .major img{height: auto;}
    .syp_article_item .major .tit{margin-top: 12px; flex-direction: column; align-items: flex-start;}
    .syp_article_item .major .txt{font-size: 16px; line-height: 24px; padding-right: 0;}
    .syp_article_item .syp_news_list{padding-bottom: 42px;}
    .syp_article_item .syp_news_list p:nth-child(n+6){display: none;}
    .syp_article_item .syp_news_list .syp_news_tit{width: auto; left: auto; top: auto; bottom: 0; right: 0; z-index: 2; padding: 8px 0 8px 12px;}
    .syp_article_item .syp_news_list .syp_news_tit em{display: none;}
    .syp_article_item .syp_news_tit .more{font-size: 14px;}
    .syp_article_item .syp_news_tit .iconfont{transform: rotate(-90deg)!important; display: inline-block; line-height: 1;}
    .syp_article_tit li{margin-right: 16px;}
    /*=S Marketing Page */ 
    .syp_mart{padding-top: 120px; margin-top: -120px;}
    .syp_mart_intro{background: linear-gradient(270deg, #475BC5 0%, #0777E5 100%); position: relative; z-index: 3; height:auto; display: block; border-radius:0 0 120px 0;}
    .syp_mart_introCon{max-width: 100%; padding: 100px 20px 260px 20px; }
    .syp_mart_introCon .tit{font-weight: 600;font-size: 24px;line-height: 34px;}
    .syp_mart_introCon .txt{font-size: 14px; line-height: 20px;}
    .syp_mart_introImg{width:225px;bottom:20px; top:auto; left:50%; transform: translateX(-50%);}
    .syp_mart_introCon .logo{margin-top: 20px; display: flex;}
    .syp_mart_introCon .logo a{display: block;}
    .syp_mart_introCon .logo img{opacity: 1; width: 100%; height: auto;}
    .syp_mart_con{padding-top: 80px;}
    .syp_mart .syp_tradeDetail{flex-direction:column;}
    .syp_mart .syp_tradeDetail .syp_titCon, .syp_mart .syp_tradeDetail .syp_titCon:hover{margin: 20px 70px 0 70px;}
    .syp_mart_con .img .imgTxt{display: none;}
    .syp_mart_con .imgCon:hover img{filter: none;}
    .syp_mart_con .imgCon img{transition: none;}
    .syp_mart_con .syp_titCon .mtxt{display: block;}
    /*=E Marketing Page */ 
    /*=S TradeShow Page */
    .syp_tradeShow_intro .syp_con{padding-left:10px; padding-right: 10px;}
    .syp_tradeShow_intro .intro_con .btn{margin-right: 4px; padding: 10px 16px;}
    .syp_tradeShow_con{padding-bottom:20px;}
    .syp_tradeShow_video .syp_titCon{width: 100%;}
    .syp_tradeShow_video .syp_titCon .tit{font-size: 20px; line-height: 24px;}
    .syp_tradeShow_video .subTit{font-size: 20px; margin-top: 10px;}
    .syp_tradeShow_news .news_item{width: 100%; border-radius: 4px;}
    .syp_tradeShow_news .news_item .info{height: 56px!important;}
    .syp_tsConSwiper{padding-bottom: 0;}
    .syp_tsConSwiper .swiper-slide{width: 96%!important; margin: 0 2%!important;}
    .syp_tsConSwiper .slide-img{filter: blur(0);}
    .syp_tsConSwiper .swiper-slide-active .slide-img{transform: scale(1);}
    .syp_tsConSwiper .swiper-wrapper{padding: 10px 0;}
    .syp_video_swiper .syp_pagination{display: block!important;}
    .syp_tradeShow_more .more_btn3{display: block; margin-top: 10px;}
    .syp_tradeShow_list{margin-top: 0;}
    .syp_tradeShow_list .syp_tradeDetail .img{margin-top: 20px;}
    .syp_tradeShow_list .syp_titCon .tit{font-size: 18px; line-height: 24px;}
    .syp_tradeShow_list .img img{width: 100%;}
    .syp_tradeShow_form .overlay{width: 94%;}
    .syp_form .tit{font-size: 16px; line-height: 20px; padding: 16px 24px;}
    .syp_tradeShow_form .overlay .close{right:6px; top: 10px;}
    .syp_form .formCon{padding: 16px;}
    .syp_tradeShow_form .submit{width: 100%;}
    .syp_tradeShow_form .tip{font-size: 12px; line-height: 16px;}
    .en .syp_form .formList .country{width:120px;}
    .syp_tradeShow_intro .intro_con .btn{margin-bottom: 0;}
    .syp_tradeShow_intro .intro_con .btn:last-child{margin-top: 5px;}
    /*=E TradeShow Page */
    /*=S Video Page */
    .syp_video{padding:0 0 40px 0;}
    .syp_video .syp_tsConSwiper{margin:22px 32px 0 32px;}
    .syp_video .syp_tsConSwiper .slide-img{margin: 0;}
    .syp_video .syp_pagination .pre, .syp_video .syp_pagination .next{display: block;}
    .syp_video .syp_pagination .iconfont{font-size: 20px;}
    .syp_video .syp_pagination .pre, .syp_video .syp_pagination .next{width: 32px; height: 32px; line-height: 32px;}
    /*==S New layout */
    .syp_video_tit{margin-top: 0;}
    .syp_video_tit li{font-size: 16px; line-height: 24px; padding: 8px; text-align: center;}
    .syp_video_item .slide-img{width: 100%; margin-top: 20px; position: relative; overflow: hidden;}
    .syp_video_item .slide-img:nth-child(3n+2){margin-left: 0; margin-right: 0;}
    /*==E New layout */
    /*=E Video Page */
}

/*=S APP page */
.APP_main{min-width: 320px;background: #f1f5fc;position: relative;}
.APP_player{position: relative;width: 100%;height: auto;margin: 0 auto;}
.APP_player .img{width: 100%;height: auto;display: block;border-radius: 4px;}
.APP_player .playIcon{width:80px;height:80px;font-size:80px;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);cursor: pointer;background: rgba(0, 0, 0, 0.3);color: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;}
.APP_player .video{width:100%;height:100%;display: block;}
.APP_player .videobox.none{display: none;}
.APP_player .close{position:absolute;z-index: 5;top:0;right:0;cursor:pointer;width:23px;height:23px;color: #000;font-size: 0;background: #666;background: rgba(0, 0, 0, .2);display: none;}
.APP_player .close:after,.APP_player .close:before{content: '';position: absolute;width: 11px;height: 2px;background-color: #fff;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);left: 6px;top: 10px;}
.APP_player .close:before{-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.APP_player.fixed{position: fixed;background: none;width: 300px;max-height: 169px;z-index: 999;box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);left: 0;bottom: 160px;}
.APP_player.fixed .playIcon{width:48px;height:48px;font-size: 48px;}
.APP_player.fixed .close{display: block;}
.APP_player.fixed.fixednone{display: none;}
.APP_secapp .key{color: #076fe2;}
.APP_sec .con{line-height: 1.2;background-color: #fff;display: flex;flex-direction: column;align-items: flex-start;border-radius: 8px;position: relative;}
.APP_sec .tit{font-weight: 700;margin-bottom: 1.43em;}
.APP_sec .txt{color: #666;margin-bottom: 1.25em;line-height: 2;}
.APP_sec .txtcol{width: 49.5%;display: inline-block;vertical-align: top;}
.APP_sec .txtcol .txt{display: block;margin-bottom: 0;padding-left: 10px;}
.APP_sec .txtcol .txt:before{content: '';display: inline-block;vertical-align: middle;width: 5px;height: 5px;background: currentColor;border-radius: 50%;margin: 0 5px 0 -10px;}
.APP_sec .icon{width: 88px;height: 88px;background-color: #fff;box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12);border-radius: 8px;position: absolute;top: -40px;left: 30px;line-height: 88px;text-align: center;}
.icon_b2b, .icon_contact, .icon_verified, .icon_show{background-image:url(/static/image/APPSYP_SPRITE.png);background-image:image-set( url(/static/image/APPSYP_SPRITE.png) 1x, url(./images/APPSYP_SPRITE@2X.png) 2x);background-repeat: no-repeat;display:inline-block;vertical-align:middle;line-height:1;width:80px;height:80px;}
.icon_b2b{background-position:0 0;}
.icon_contact{background-position:-80px 0;}
.icon_verified{background-position:-240px 0;}
.icon_show{background-position:-160px 0;}
@media screen and (min-device-width:1025px) {
    .APP_main:after{content:'';width: 100%;background: rgba(7, 111, 226, 0.1);z-index: 1;position: absolute;bottom: 0;height: 242px;}
    .APP_banner{background: url(/static/image/APPSYP_BB_BG.jpg) no-repeat center top;width: 100%;padding-top: 1px;}
    .APP_banner .playerbg{width: 1100px;background: linear-gradient(288.59deg, #E0ECFB 2.03%, rgba(224, 236, 251, 0.6) 96.9%);border: 2px solid rgba(255, 255, 255, 0.5);box-sizing: border-box;border-radius: 8px;margin: 92px auto 0;padding: 8px;position: relative;background-origin: border-box;}
    .APP_banner .playerbg:before{content: '';display: block;width: 75.5%;height: 88px;left: 13.8%;bottom: 200px;box-shadow: 0px 135px 100px rgba(0, 69, 155, 0.2);transform: rotateZ(-17deg);position: absolute;z-index: -1;}
    .APP_banner .playerbg:after{content: '';display: block;width: 75.5%;height: 88px;left: 13.8%;bottom: 200px;box-shadow: 0px 135px 100px rgba(0, 69, 155, 0.2);transform: rotateZ(17deg);position: absolute;z-index: -1;}
    body{-webkit-font-size-adjust: none;color: #2D2D2D;}
    .APP_secapp{background-color: #fff;margin-bottom: 50px;}
    .APP_secapp .center{max-width: 1200px;margin: 0 auto; padding: 20px 10px 0;font-size: 1rem;}
    .APP_secapp .center:after{content: '';display: block;height: 0;clear: both;}
    .APP_secapp .img{width: 49.5%;float: left;}
    .APP_secapp .con{width: 49.5%;float: right;box-sizing: border-box;padding-left: 50px;}
    .APP_secapp .tit{font-size: 2.8em;line-height: 1.2;font-weight: 600;margin: 120px 0 1em;}
    .APP_secapp .titsub{font-size: 1.6em;line-height: 2;margin: 0 0 2em;color: rgba(0, 0, 0, 0.65);}
    .APP_secapp .key{font-size: 1.5em;font-weight: 600;}
    .APP_secapp .item{display: inline-block;vertical-align: bottom;width: 196px;text-align: center;}
    .APP_secapp .item:first-of-type{margin-right: 20%;}
    .APP_secapp .qr{background: #fff;box-shadow: 2px 2px 20px rgba(91, 135, 202, 0.16), 45px 45px 60px rgba(91, 135, 202, 0.12);border-radius: 8px;padding: 12px;max-width: 94%;margin: 0 auto 4em;}
    .APP_secapp .qrimg{width: 100%;display: block;}
    .APP_secapp .appimg{width: 100%;display: block;}
    .APP_sec{max-width: 1200px;margin: 20px auto 0; padding: 0 10px;font-size: 1rem;position: relative;z-index: 5;}
    .APP_sec:after{content: '';clear: both;display: block;}
    .APP_sec .img{width: 50%;float: left;display: flex;justify-content: center;align-items: center;}
    .APP_sec .img img{max-width: 100%;height: auto;}
    .APP_sec .con{width: 41%;float: left;margin: 8.2% 2.6% 0 6.4%;padding: 80px 40px;}
    .APP_sec .con:before, .APP_sec .con:after, .APP_sec.L .icon:after{content:'';position: absolute;background: radial-gradient(119.38% 119.38% at -23.75% -35.63%, rgba(255, 255, 255, 0.5) 64.58%, rgba(221, 230, 248, 0.5) 100%), radial-gradient(75.63% 75.63% at 12.5% 16.87%, #FFFFFF 36.63%, #E7EFFE 100%);box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.16), 40px 40px 50px rgba(91, 135, 202, 0.12);border-radius: 50%;}
    .APP_sec .con:before{width: 80px;height: 80px;right: -62px;bottom: -12px;}
    .APP_sec.L .con:after{width: 40px;height: 40px;left: -80px;bottom: -64px;}
    .APP_sec.R .con:after{width: 40px;height: 40px;left: -80px;top: 14px;}
    .APP_sec.L .icon:after{width: 40px;height: 40px;left: 320px;top: -47px;}
    .APP_sec .tit{font-size: 2.8em;margin-bottom: 1.43em;}
    .APP_sec .txt{font-size: 1.6em;margin-bottom: 1.25em;}
    .APP_sec.R .img{float: right;position: relative;}
    .APP_sec.R .con{margin: 8.2% 4.5% 0 4.5%;}
    .APP_sec .icon{width: 88px;height: 88px;}
}
@media screen and (max-device-width: 1024px) and (max-width:940px) {
    .APP_banner .playerbg{width: 100%;padding:0;margin: 0 auto;height: auto;border: 0;}
    .APP_player .playIcon{width:48px;height:48px;font-size: 48px;}
    .APP_secapp{background-color: #fff;}
    .APP_secapp .center{max-width: auto;padding: 0 20px;font-size: 1rem;text-align: center;}
    .APP_secapp .con{text-align: center;margin-bottom: 40px;}
    .APP_secapp .tit{font-size: 2em;font-weight: 700;margin: 40px auto 8px;text-align: left;}
    .APP_secapp .titsub{font-size: 1.4em;line-height: 1.5;margin: 0 0 2em;color: rgba(0, 0, 0, 0.65);text-align: left;}
    .APP_secapp .key{font-size: 1.5em;font-weight: 600;}
    .APP_secapp .item{display: inline-block;width: 42%;vertical-align: top;padding: 0 10px;}
    .APP_secapp .qr{display: none;}
    .APP_secapp .appimg{width: 100%;height: auto;}
    .APP_secapp .key{width: 100%;height: auto;}
    .APP_secapp .img img{max-width: 100%;height: auto;}
    .APP_sec{max-width: none;padding: 30px 20px;font-size: 1rem;}
    .APP_sec .img{text-align: center;}
    .APP_sec .img img{max-width: 100%;height: auto;}
    .APP_sec .con{padding: 40px;margin-bottom: 15px;}
    .APP_sec .tit{font-size: 2em;margin-bottom: 1em;}
    .APP_sec .txtcol{display: block;width: auto;}
    .APP_sec .txt{font-size: 1.4em;margin-bottom: 0.6em;}
    .APP_sec .txt:last-child{margin-bottom: 0;}
    .APP_sec .icon{transform: scale(0.64, 0.64);transform-origin: 0 33%;}
}

@media screen and (max-device-width: 1024px) and (max-width:640px) {
    .APP_player.fixed{width: 185px;max-height: 105px;bottom: 270px;}
}
/*=E APP page */
/*=S Quality Buyers */
.body_buyers{background: #F1F6FC;}
.buyer_center{min-width: 320px;max-width: 1200px;margin: 0 auto;font-size: 1rem;}
.buyer_center em{color: #076fe2;font-weight: inherit;}
.buyer_banner{background: linear-gradient(180deg, #DAE9FA 0%, rgba(198, 221, 248, 0) 100%);width: 100%;font-size: 1rem;}
.buyer_banner .center{overflow: hidden;}
.buyer_banner em{display: inline-block;color: #076fe2;font-weight: inherit;}
.buyer_banner .desc1{font-size: 1.4em;color: rgba(0, 0, 0, 0.65);margin-top: 1em;}
.buyer_banner .text2{background: linear-gradient(180deg, #F7FBFF 0%, #FFFFFF 97.14%);border: 2px solid #FFFFFF;box-sizing: border-box;box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.08), 45px 45px 60px rgba(91, 135, 202, 0.04);text-align: center;padding: 0 20px 20px;position: relative;}
.buyer_banner .tit2{font-weight: 600;color: #076fe2;padding: 32px 0 16px;margin-top: -12px;}
.buyer_banner .desc2{font-size: 1.4em;color: rgba(0, 0, 0, 0.65);margin: 0 auto;max-width: 628px;}
.buyer_tit{font-size: 2.4em;font-weight: 600;color: rgba(0, 0, 0, 0.85);}
.buyer_tit:after{content:'';background: #076fe2;width: 46px;height: 4px;display: block;margin-top: 0.625em;}
.buyer_tit .bttit{font-weight: inherit;line-height: 1.2;display: inline-block;}
.buyer_tit .tittip{color: rgba(0, 0, 0, 0.25);font-size: 14px;font-weight: normal;}
.buyer_data .titsub{font-weight: 600;color: rgba(0, 0, 0, 0.85);margin-top: 1em;}
.buyer_data .txt{font-size: 1.4em;line-height: 1.7;margin-top: 0.857em;color: rgba(0, 0, 0, 0.65);}
.buyer_analysis .buyer_center:after{content: '';clear: both;display: block;}
.buyer_analysis .graph{border-radius: 8px;}
.buyer_analysis .graph:before, .buyer_analysis .corner:after, .buyer_analysis .corner:before{content: '';display: block;position: absolute;width: 1.6em;height: 1.6em;border: 0.4em solid rgba(7, 111, 226, 0.1);}
.buyer_analysis .graph:before{border-right: 0;border-bottom: 0;top: 2.6em;left:2.6em;}
.buyer_analysis .corner:after{border-top: 0;border-right: 0;bottom: 2.6em;left:2.6em;}
.buyer_analysis .corner:before{border-left: 0;border-bottom: 0;top: 2.6em;right:2.6em;}
.buyer_analysis .items{position: relative;overflow: hidden;padding: 3.5em 0;}
.buyer_analysis .items:after{content: '';width: 1px;height: 100%;position: absolute;top: 0;left: 29%;background-image: linear-gradient(180deg, rgba(7, 111, 226, 0) 0%, rgba(7, 111, 226, 0.213876) 48.37%, rgba(7, 111, 226, 0) 100%);}
.buyer_analysis .item{width: 100%;float: left;margin-top: 2.5em;}
.buyer_analysis .item:first-child{margin-top: 0;}
.buyer_analysis .lab{width: 29%;float: left;padding-right: 1em;text-align: right;color: rgba(0, 0, 0, 0.45);font-size: 1.2em;display: flex;justify-content: flex-end;align-items: center;height: 3.33em;word-break: break-word;word-wrap: break-word;line-height: 1.2;}
.buyer_analysis .val{width: 71%;float: left;}
.buyer_analysis .bar{height: 4em;background-color: rgba(7, 111, 226, 0.1);display: inline-block;vertical-align: middle;}
.buyer_analysis .percent{font-size: 1.6em;font-weight: 900;color: rgba(7, 111, 226, 0.45);padding-left: 0.5em;}
.buyer_analysis .top .bar{background: #076FE2;box-shadow: 0px 0px 1.0792px rgba(159, 250, 255, 0.6), inset 0px 0px 1.0792px rgba(159, 250, 255, 0.6);}
.buyer_analysis .tag{position: absolute;bottom: 3.4em;right: 3.6em;font-weight: 600;line-height: 1;text-align: right;max-width: 20em;}
.buyer_analysis .tagtit{font-size: 1.6em;color: #076FE2;border-radius: 2px;padding: 1px;background: linear-gradient(270deg, rgba(7, 111, 226, 0.25) 1.32%, rgba(7, 111, 226, 0) 39.3%);}
.buyer_analysis .tagtit span{display:block;background: linear-gradient(270deg, #dae8f9 0.38%, #e1ecf9 60.84%, rgba(7, 111, 226, 0) 99.53%);padding: 0.5em;}
.buyer_analysis .tagnum{font-size: 4.4em;font-weight: 900;color: #076FE2;margin: 0.45em 0 0.25em;}
.buyer_analysis .tagtxt{color: rgba(0, 0, 0, 0.85);font-size: 2em}
.buyer_analysis .graph:hover{background-color: #fff;box-shadow: 8px 8px 20px rgba(91, 135, 202, 0.08), 45px 45px 60px rgba(91, 135, 202, 0.04);top: -1px;/* border: 1px solid;border-image: linear-gradient(134.85deg, rgba(0, 0, 0, 0.07) 1.69%, rgba(255, 255, 255, 0.07) 99.23%) 5 5 stretch; */}
.buyer_analysis .graph_low .bar{height: 2.8em;}
.buyer_analysis .graph_low .lab{height: 2.3em;}
.buyer_analysis .graph_low .item{margin-top: 1.4em;}
.buyer_analysis .graph_low .item:first-child{margin-top: 0;}
.buyer_rank .buyer_center{display: flex;border-radius: 8px;overflow: hidden;}
.buyer_rank .item{flex: 0 0 19%;background: radial-gradient(98.84% 98.52% at 1.16% 0.55%, #F0FEFF 0%, #EFF9FF 52.89%, #FFFFFF 100%);border: 1px solid #FFFFFF;transition:  flex .4s ease;}
.buyer_rank .title{text-align: center;height: 100%;display: flex;justify-content: center;align-items: center;flex-flow: column nowrap;background-color: transparent;position: relative;}
.buyer_rank .tit{font-size: 2em;font-weight: 600;color: rgba(0, 0, 0, 0.85);}
.buyer_rank .titsub{font-size: 1.6em;color: rgba(0, 0, 0, 0.45);margin-top: 0.5em;}
.buyer_rank .con{height: 0;overflow: hidden;opacity: 0;font-size: 1.4em;min-height: 0;}
.buyer_rank .rank{border-radius: 4px;}
.buyer_rank .row{display: flex;min-height: 3em;align-items: center;color: rgba(0, 0, 0, 0.85);padding: 0 7.7%;position: relative;}
.buyer_rank .row:nth-child(1){background: rgba(7, 111, 226, 0.25);border: 0;}
.buyer_rank .row:nth-child(2){background: rgba(7, 111, 226, 0.1);}
.buyer_rank .row:nth-child(3){background: rgba(7, 111, 226, 0.05);}
.buyer_rank .row:nth-child(1):after, .buyer_rank .row:nth-child(2):after, .buyer_rank .row:nth-child(3):after, .buyer_rank .row:last-child:after{display: none;}
.buyer_rank .row:after{content: '';display: block;height: 0;border-bottom: 1px dashed rgba(7, 111, 226, 0.1);position: absolute;width: 100%;bottom: 0;}
.buyer_rank .lab{flex: 0 0 2em;padding-right: 6.5%;text-align: right;}
.buyer_rank .cur{flex: 1 0 19%;border: 1px solid rgba(0, 0, 0, 0.06);background: #076FE2 url(/static/image/SYP_BUYER_bg.png) 118% -10px no-repeat;background-size: 52% auto;padding: 20px;}
.buyer_rank .cur .con{height: 30em;opacity: 1;margin-top: 15px;/* min-height: 30em; */}
.buyer_rank .cur .title{display: block;height: auto;text-align: left;}
.buyer_rank .cur .tit{color: #fff !important;font-size: 2.8em;}
.buyer_rank .cur .titsub{color: rgba(255, 255, 255, 0.85) !important;}
.buyer_rank .cur .rank{background-color: #fff;}
.buyer_trend .buyer_center:after{content: '';clear: both;display: block;}
.buyer_trend .rank{border-radius: 4px;overflow: hidden;}
.buyer_trend .row{display: flex;min-height: 3em;align-items: center;color: rgba(0, 0, 0, 0.85);margin: 0 7.7%;position: relative;}
.buyer_trend .row:nth-child(1){background: rgba(7, 111, 226, 0.25);padding: 0 7.7%;margin: 0 0;}
.buyer_trend .row:nth-child(2){background: rgba(7, 111, 226, 0.1);padding: 0 7.7%;margin: 0 0;}
.buyer_trend .row:nth-child(3){background: rgba(7, 111, 226, 0.05);padding: 0 7.7%;margin: 0 0;}
.buyer_trend .row:nth-child(1):after, .buyer_trend .row:nth-child(2):after, .buyer_trend .row:nth-child(3):after, .buyer_trend .row:last-child:after{display: none;}
.buyer_trend .row:after{content: '';display: block;height: 0;border-bottom: 1px dashed rgba(7, 111, 226, 0.1);position: absolute;width: 100%;bottom: 0;}
@media screen and (min-device-width:1025px) {
    .buyer_tit{font-size: 3.2em;}
    .buyer_tit .tittip{text-align: right;float: right;}
    .buyer_banner{padding: 100px 0;}
    .buyer_banner .center{max-width: 1360px;margin: 0 auto;padding: 0 0 0 4.5%;}
    .buyer_banner .text1{display: inline-block;vertical-align: middle;margin: 0;width: 32%;line-height: 1.5;position: relative;z-index: 1;}
    .buyer_banner .tit1{font-size: 3.2em;}
    .en .buyer_banner .tit1{line-height: 1.1;}
    .buyer_banner .tit1 h1{font-weight: 600;}
    .buyer_banner .tit2{font-size: 2em;background: url(/static/image/SYP_BUYER_titbg.png) no-repeat center 0;}
    .buyer_banner .community_map{margin: 0 0 0 -12%;width: 79%;display: inline-block;vertical-align: middle;}
    .buyer_banner .community_map .point{transform: scale(0.65);}
    .buyer_banner .community_map .community_tip {font-size: 14px;padding-right: 0;}
    .buyer_data{margin-top: 70px;}
    .buyer_data .buyer_center{display: flex;align-items: center;}
    .buyer_data .buyer_center:after{content: '';clear: both;display: block;}
    .buyer_data .img{width: 46.5%;display: inline-block;vertical-align: middle;float: left;}
    .buyer_data .info{width: 49%;display: inline-block;vertical-align: middle;margin-left: 4%;float: right;order: 1;}
    .buyer_data .titsub{font-size: 2em;}
    .buyer_analysis{margin-top: 170px;}
    .buyer_analysis .graph{position: relative;margin: 50px 0 50px 2%;padding: 3em;width: 49%;float: left;transition: background .1s ease-in;top: 0;opacity: 0.8;}
    .buyer_analysis .graph:after{content: '';width: 94%;height: 94%;position: absolute;top:6%;left: 6%;z-index: -1;border-radius: 50%;background: #C7FCFF;box-shadow: 27px 27px 88.5037px rgba(199, 252, 255, 0.4);opacity: 0;}
    .buyer_analysis .graph:hover{opacity: 1;}
    .buyer_analysis .graph:hover:after{opacity: 1;transition: opacity .1s ease .1s;}
    .buyer_analysis .graph:nth-child(2n){margin-left: 0;}
    .buyer_rank{margin-top: 150px;}
    .buyer_rank .item{position: relative;}
    .buyer_rank .item:before{content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 20%, rgb(255, 255, 255, 1)) no-repeat, url(/static/image/SYP_BUYER_bg.png) no-repeat;background-size: 240% auto;background-color: transparent;background-position: center 145px;opacity: 0;transition: background-size .5s cubic-bezier(0.215,.61,.355,1),background-position .5s cubic-bezier(0.215,.61,.355,1),opacity .6s cubic-bezier(0.215,.61,.355,1);}
    .buyer_rank .title i{display: none;}
    .buyer_rank .item:hover:before{cursor: pointer;background-size: 250% auto;background-position: center 120px;opacity: 1;}
    .buyer_rank .item:hover .title{cursor: pointer;}
    .buyer_rank .item:hover .tit{color: #076FE2;}
    .buyer_rank .item:hover .titsub{color: rgba(7, 111, 226, 0.65);}
    .buyer_rank .item.cur:before{background: none;}
    .buyer_rank .item.cur .tit{font-size: 2.8em;}
    .buyer_brand{margin-top: 200px;}
    .buyer_brand .con{background-repeat: no-repeat;background-position: center center;margin-top: 75px;}
    .buyer_brand .col{display: inline-block;width: 49.5%;}
    .buyer_brand .col:first-child{text-align: left;}
    .buyer_brand .col:last-child{text-align: right;}
    .buyer_brand .col span{padding: 10px 20px;background: linear-gradient(180deg, #F6F9FC 0%, #FFFFFF 100%);border: 1px solid #FFFFFF;box-shadow: 20px 20px 70px rgba(141, 181, 240, 0.15);border-radius: 4px;display: inline-block;font-weight: 600;font-size: 1.6em;text-transform: uppercase;color: #076FE2;margin-left: 1.5em;}
    .buyer_brand .col span:first-child{margin-left: 0;margin-bottom: 2em;}
    .buyer_trend{margin-top: 170px;margin-bottom: 200px;}
    .buyer_trend .item{width: 47.4%;padding: 30px;border: 1px solid transparent;margin-top: 50px;float: left;margin-left: 4.6%;border-radius: 8px;background: #F1F6FC none 90% 110px/52% auto no-repeat;transition: background .1s ease, box-shadow .1s ease;opacity: 0.8;}
    .buyer_trend .item:nth-child(2n+1){margin-left: 0;}
    .buyer_trend .title{display: block;height: auto;text-align: left;}
    .buyer_trend .title i{display: none;}
    .buyer_trend .tit{font-size: 2.8em;font-weight: 600;color: rgba(0, 0, 0, 0.85);transition: color .1s ease;}
    .buyer_trend .titsub{font-size: 1.6em;color: rgba(0, 0, 0, 0.85);margin-top: 0.2em;transition: color .1s ease;}
    .buyer_trend .date{font-size: 1.4em;color: rgba(0, 0, 0, 0.85);text-align: right;margin-bottom: -1.5em;transition: color .1s ease;}
    .buyer_trend .con{font-size: 1.4em;margin-top: 1em;}
    .buyer_trend .rank{transition: background-color .1s ease-out .2s;}
    .buyer_trend .lab{flex: 0 0 46px;padding-right: 25px;text-align: right;}
    .buyer_trend .item:hover{border: 1px solid;border-image: linear-gradient(134.85deg, rgba(0, 0, 0, 0.07) 1.69%, rgba(255, 255, 255, 0.07) 99.23%) 5 5 stretch;background: #076FE2 url(/static/image/SYP_BUYER_bg.png) 118% -10px/52% auto no-repeat;box-shadow: 8px 8px 30px rgba(91, 135, 202, 0.32), 45px 45px 60px rgba(91, 135, 202, 0.16);transition: background-position .5s ease .1s,background-color .1s ease, box-shadow .5s ease;position: relative;opacity: 1;}
    .buyer_trend .item:hover .tit{color: #fff;font-size: 2.8em;}
    .buyer_trend .item:hover .titsub{color: rgba(255, 255, 255, 0.85);}
    .buyer_trend .item:hover .date{color: rgba(255, 255, 255, 0.65);}
    .buyer_trend .item:hover .rank{background-color: #fff;transition: background-color 0s ease;}
}
@media screen and (min-device-width: 1025px) and (max-width:1280px) {
    .buyer_center{margin-left: 3%;margin-right: 3%;}
}
@media screen and (max-device-width: 1024px) and (max-width:940px) {
    .buyer_center{margin: 20px;}
    .buyer_banner{padding: 40px 0;}
    .buyer_banner .text1{display: block;margin: 0 20px 70px;line-height: 1.5;}
    .buyer_banner .tit1{font-size: 2.4em;font-weight: 600;line-height: 1.1;}
    .buyer_banner .tit2{font-size: 1.6em;}
    .buyer_banner .tit1 h1{font-weight: 600;}
    .buyer_tit{font-size: 2.4em;}
    .buyer_tit .tittip{display: block;margin-top: 4px;}
    .buyer_tit .tittip br{display: none;}
    .buyer_tit em{display: inline-block;}
    .buyer_data{margin-top: 70px;}
    .buyer_data .img{display: block;padding: 10px 0;}
    .buyer_data .img img{display: block;max-width: 100%;height: auto;}
    .buyer_data .info{display: block;}
    .buyer_data .titsub{font-size: 1.6em;}
    .buyer_analysis{margin-top: 100px;}
    .buyer_analysis .graph{position: relative;margin: 20px 0 0;padding: 15px;width: 100%;float: left;background: #FFFFFF;box-shadow: 4.65455px 4.65455px 11.6364px rgba(91, 135, 202, 0.08), 26.1818px 26.1818px 34.9091px rgba(91, 135, 202, 0.04) !important;border-radius: 8px;font-size: 1.7vw;top: 0 !important;}
    .buyer_analysis .graph:after{content: '';width: 94%;height: 94%;position: absolute;top:6%;left: 6%;z-index: -1;border-radius: 50%;background: #C7FCFF;opacity: 0.7;box-shadow: 10px 10px 55px rgba(199, 252, 255, 0.7);}
    .buyer_rank{margin-top: 100px;}
    .buyer_rank .buyer_center{flex-flow: column wrap;}
    .buyer_rank .title{align-items: flex-start;padding: 1.7em;}
    .buyer_rank .title i{position: absolute;color: #8abdf2;right: 16px;top: 1.7em;}
    .buyer_rank .tit, .buyer_rank .cur .tit{font-size: 1.6em;}
    .buyer_rank .titsub{font-size: 1.2em;}
    .buyer_rank .con{font-size: 1.2em;transition: height .4s ease;}
    .buyer_rank .cur{padding: 16px;}
    .buyer_rank .cur .title{padding: 0;}
    .buyer_rank .cur .title i{position: absolute;color: #fff;right: 0;top: 0.6em;}
    .buyer_rank .cur .title i:before{content: "\e6d6";}
    .buyer_brand{margin-top: 100px;}
    .buyer_brand .con{background-repeat: no-repeat;background-position: center center;margin-top: 20px;margin-left: -1.2em;background: none !important;}
    .buyer_brand .con:after{content: '';clear: both;display: block;}
    .buyer_brand .col{float: left;}
    .buyer_brand .col span{padding: 10px 20px;background: linear-gradient(180deg, #F6F9FC 0%, #FFFFFF 100%);border: 1px solid #FFFFFF;box-shadow: 20px 20px 70px rgba(141, 181, 240, 0.15);border-radius: 4px;display: inline-block;font-weight: 600;font-size: 1.4em;text-transform: uppercase;color: #076FE2;margin: 0 0 0.86em 0.86em;float: left;}
    .buyer_trend{margin: 100px 0;}
    .buyer_trend .items{display: flex;border-radius: 8px;overflow: hidden;flex-flow: column wrap;margin-top: 20px;}
    .buyer_trend .item{flex: 1 0 auto;border: 1px solid transparent;margin: 0;float: left;background: radial-gradient(98.84% 98.52% at 1.16% 0.55%, #F0FEFF 0%, #EFF9FF 52.89%, #FFFFFF 100%);border: 1px solid #FFFFFF;transition:  flex .4s ease;}
    .buyer_trend .title{align-items: flex-start;padding: 1.7em;position: relative;}
    .buyer_trend .title i{position: absolute;color: #8abdf2;right: 16px;top: 1.7em;}
    .buyer_trend .tit{font-size: 1.6em;font-weight: 600;color: rgba(0, 0, 0, 0.85);}
    .buyer_trend .titsub{font-size: 1.2em;color: rgba(0, 0, 0, 0.45);margin-top: 0.5em;}
    .buyer_trend .date{font-size: 1.2em;color: rgba(255, 255, 255, 0.65);text-align: right;margin-bottom: -1.5em;position: absolute;bottom: 0.6em;right: 0;display: none;}
    .buyer_trend .con{height: 0;overflow: hidden;opacity: 0;font-size: 1.2em;min-height: 0;transition: height .4s ease;}
    .buyer_trend .lab{flex: 0 0 2em;padding-right: 6.5%;text-align: right;}
    .buyer_trend .cur{border: 1px solid;border-image: linear-gradient(134.85deg, rgba(0, 0, 0, 0.07) 1.69%, rgba(255, 255, 255, 0.07) 99.23%) 5 5 stretch;;background: #076FE2 url(/static/image/SYP_BUYER_bg.png) 118% -10px/52% auto no-repeat;box-shadow: 8px 8px 30px rgba(91, 135, 202, 0.32), 45px 45px 60px rgba(91, 135, 202, 0.16);padding: 16px;}
    .buyer_trend .cur .title{padding: 0;}
    .buyer_trend .cur .title i{position: absolute;color: #fff;right: 0;top: 0.6em;}
    .buyer_trend .cur .title i:before{content: "\e6d6";}
    .buyer_trend .cur .tit{color: #fff;}
    .buyer_trend .cur .titsub{color: rgba(255, 255, 255, 0.85);}
    .buyer_trend .cur .con{height: 30em;opacity: 1;margin-top: 15px;/* min-height: 30em; */}
    .buyer_trend .cur .date{display: block;}
    .buyer_trend .cur .rank{background-color: #fff;}
}
/*=E Quality Buyers */
/*=S News Homepage */
.syp_news{background-color: #F1F6FC;}
.syp_news a:hover{color: #076FE2;}
.syp_news_intro{background:url(/static/image/news_top_banner.jpg) no-repeat center 0, linear-gradient(270deg, #475BC5 0%, #0777E5 100%); height: 438px;}
.syp_news_introCon{max-width: 940px; width: 94%; margin: 0 auto; padding-top: 120px;}
.syp_news_introCon .tit{font-size: 44px; line-height: 62px; font-weight: 600; color: #fff;}
.syp_news_introCon .txt{font-size: 16px; line-height: 32px; color: rgba(255, 255, 255, 0.85); margin-top: 16px;}
.syp_news_con{max-width: 1200px; width: 94%; margin:24px auto 0 auto; padding: 24px; background: linear-gradient(180deg, #EEFAFF 0%, #FFFFFF 42.8%); border: 1px solid #FFFFFF; border-radius: 8px;}
.syp_news_tit{display: flex; justify-content: space-between; align-items: center;}
.syp_news_tit em{font-weight: 600; font-size: 24px; line-height: 34px; color: rgba(0, 0, 0, 0.85); padding-right: 90px;}
.syp_news_tit .more{font-weight: 400; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.65);}
.syp_news_main{display: flex; margin-top: -94px!important;}
.syp_news_swiper{width: 700px; border-radius: 6px; overflow: hidden; position: relative; flex-shrink: 0;}
.syp_news_swiper .list{display: block; position: relative;}
.syp_news_swiper .con{position: absolute; z-index: 2; pointer-events:none; width: 100%; bottom: 0; left: 0; height: 132px; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(7px); padding: 20px;}
.syp_news_swiper .con .tit{font-size: 23px; line-height: 34px; color: #fff; font-weight: 600; display: block; max-height: 34px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.syp_news_swiper .con .txt{font-size: 15px; line-height: 24px; color: rgba(255, 255, 255, 0.85); display: block; margin-top: 4px; max-height: 24px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.syp_news_swiper .con .date{font-size: 13px; line-height: 19px; color: rgba(255, 255, 255, 0.65); display: block; margin-top: 12px;}
.syp_news_swiper .con.hidden{display: none;}
.syp_news_swiper .list .img{width: 100%; height: auto; display: block;}
.syp_news_page{position: absolute;width: 200px!important;text-align: right;bottom: 22px!important;right: 20px;left: auto!important;}
.syp_news_page .swiper-pagination-bullet{background:#fff;opacity:1;margin:0 4px;}
.syp_news_page .swiper-pagination-bullet-active{width:12px;height:8px;background:-webkit-gradient(linear,right top,left top,from(#fc573f),to(#e50113));background:linear-gradient(270deg,#fc573f,#e50113);border-radius:4px;}
.syp_news_list{margin-left: 20px; flex: auto; padding-top: 2px;}
.syp_news_list p{display: flex; justify-content: space-between; align-items: center; margin-top: 16px;}
.syp_news_list p a{font-size: 16px; line-height: 24px; color: rgba(0, 0, 0, 0.85); padding-right: 90px; max-height: 24px; display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.syp_news_list p .date{font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.45);}
.syp_news_banner{background: none; border: none; padding: 0!important; overflow: hidden;}
.syp_news_banner img{width: 100%; height: auto; display: block;}
.syp_news_sec{display: flex; margin-top: 24px;}
.syp_news_item{display: block; width: 32%;}
.syp_news_item:nth-child(2n){margin: 0 2%;}
.syp_news_item span{display: block; border-radius: 6px; overflow: hidden;}
.syp_news_item .img img{width: 100%; height: auto; display: block; transition: all 0.3s;}
.syp_news_item .img:hover img{transform: scale(1.04);}
.syp_news_item .txt{font-size: 16px; line-height: 24px; margin-top: 12px; color: #2D2D2D; height: 48px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.syp_news_item .txt:hover{color:#076FE2;}
.syp_news_item .date{margin-top: 8px; font-size: 14px; line-height: 20px; color: rgba(0, 0, 0, 0.45); text-align: right;}
.syp_news_qr{display: flex; justify-content: space-between; border:none; background: none; border-radius: 0; padding: 0 0 64px 0;}
.syp_news_qr .item{width: 49%; background:url(/static/image/logo_background.png) no-repeat 0 0, radial-gradient(98.84% 98.52% at 1.16% 0.55%, #F0FEFF 0%, #EFF9FF 52.89%, #FFFFFF 100%); border: 1px solid #FFFFFF; border-radius: 8px; padding: 40px; display: flex; justify-content: space-between; align-items: center;}
.syp_news_qr .item .img{width: 160px; height: 160px; padding: 10px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.51) 0%, #FFFFFF 100%); border: 2px solid #FFFFFF; border-radius: 8px; flex: none;}
.syp_news_qr .item .img img{display: block; width: 100%; height: auto;}
.syp_news_qr .item .txt{font-weight: 600; font-size: 24px; line-height: 34px; color: rgba(0, 0, 0, 0.85);}
.syp_news_qr .item .subTxt{font-weight: 400; font-size: 18px; line-height: 26px; color: rgba(0, 0, 0, 0.65); margin-top: 8px;}
.syp_news_qr .item:first-child{flex-direction: row-reverse;}
.syp_news_qr .item:first-child .txt{text-align: right;}
@media screen and (max-device-width: 1024px) {
    .syp_news_intro{height: 300px; background: url(/static/image/news_top_banner_m.png) no-repeat right bottom; background-size: 100% auto;}
    .syp_news_introCon{max-width: 100%; padding: 100px 20px 260px 20px;}
    .syp_news_introCon .tit{font-size: 24px; line-height: 34px;}
    .syp_news_introCon .txt{font-size: 14px; line-height: 20px; margin-top: 4px;}
    .syp_news_con{padding: 12px; margin-top: 12px; background: #fff;}
    .syp_news_tit em{font-size: 16px; line-height: 24px; padding-right: 20px;}
    .syp_news_tit .more{font-size: 12px; line-height: 16px; color: rgba(0, 0, 0, 0.45);}
    .syp_news_main{display: block; position: relative; padding-top: 46px; background: linear-gradient(180deg, #E2F0FF 0%, #FFFFFF 18.88%);}
    .syp_news_swiper{width: 100%;}
    .syp_news_swiper .con{height: 54px; padding: 8px;}
    .syp_news_swiper .con .tit{font-size: 14px; line-height: 20px; max-height: 20px;}
    .syp_news_swiper .con .txt{display: none;}
    .syp_news_swiper .con .date{font-size: 9px; line-height: 16px; margin-top: 2px;}
    .syp_news_page{width: 100px!important;bottom: 8px!important;right: 8px;}
    .syp_news_page .swiper-pagination-bullet{margin:0 3px !important;width:6px;height:6px;}
    .syp_news_page .swiper-pagination-bullet-active{width:12px;height:6px;}
    .syp_news_list{margin-left: 0;}
    .syp_news_list .syp_news_tit{position: absolute; top: 0; left: 0; padding: 12px; width: 100%;}
    .syp_news_list p{display: block; margin-top: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
    .syp_news_list p:last-child{border-bottom: none; padding-bottom: 0;}
    .syp_news_list p a{font-size: 14px; line-height: 20px; padding-right: 0; max-height: 20px;}
    .syp_news_list p .date{font-size: 12px; line-height: 16px; margin-top: 8px; display: block;}
    .syp_news_sec{display: block; margin-top: 0;}
    .syp_news_item{width: 100%; margin: 12px 0 0 0!important; padding-bottom: 12px; border-bottom: 1px solid #eee;}
    .syp_news_item:last-child{border-bottom: none; padding-bottom: 0;}
    .syp_news_item .img img{border-radius: 4px;}
    .syp_news_item .txt{font-size: 14px; line-height: 20px; margin-top: 8px; max-height: 40px; height: auto;}
    .syp_news_item .date{font-size: 12px; line-height: 16px;text-align: left;}
    .syp_news_qr{display: block; padding: 0 0 12px 0;}
    .syp_news_qr .item{width: 100%; padding: 24px; background-size:auto 100%;}
    .syp_news_qr .item:first-child{flex-direction: row; margin-bottom: 12px;}
    .syp_news_qr .item:first-child .txt{text-align: left;}
    .syp_news_qr .item .img{width: 102px; height: 102px; padding: 6px; border-radius: 4px;}
    .syp_news_qr .item .txt{font-size: 14px; line-height: 20px;}
    .syp_news_qr .item .subTxt{font-size: 12px; line-height: 16px; margin-top: 5px;}
}
/*=E News Homepage */

/*=S Market intelligence */
/*==S common - Market intelligence */
.syp_intell_container{background-color:#F1F6FC;color: rgba(0,0,0,0.85);font-size: 14px;}
.syp_intell_container a{color: rgba(0,0,0,0.85);}
.syp_intell_container a:hover{color: #076FE2;}
.syp_intell_detailPage .syp_head{background-color: #fff;box-shadow: 0px 10px 10px -8px rgb(7 111 226 / 6%);}
.syp_intell_detailPage .stm-footer{margin-top: 40px;}
/*===S mobile header for the title */
.syp_m_hd{display:none;position:relative;height:44px;background-color:#fff;}
.syp_m_hd h4{width:100%;font-size:18px;font-weight:500;line-height:22px;text-align:center;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 45px;}
.syp_m_hd .back{width:24px;height:24px;line-height:24px;display:block;position:absolute;top:50%;left:8px;margin-top:-11px;text-align:center;-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.syp-m-hd .back .ic_switch-arrow{font-size:19px;font-weight:700;}
/*===E mobile header for the title */
/*===S path */
.syp_path &gt; a:hover{color: #076FE2;}
/*===E path */
.syp_intell_main{margin-top: 16px;padding-bottom: 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.syp_intell_center{max-width:1200px;width:auto;margin-left:auto;margin-right:auto;box-sizing:border-box;}
/*==E common - Market intelligence */
/*==S list page - Market intelligence */
.syp_intell_listPage .syp_intell_container{margin-top: -94px;}
.syp_intell_listPage .syp_intell_center{max-width: 1200px;}
/*===S nav */
.syp_intell_nav{background-color:#fff;border-radius:8px;margin-right:20px;padding-bottom:16px;width:252px;min-height:327px;}
.syp_intell_nav .tit{font-size: 24px;line-height: 34px;font-weight: 600;color: rgba(0,0,0,0.85);position: relative;margin: 0 16px;padding: 20px 0 16px;}
.syp_intell_nav .tit::after{content:'';display:block;width:100%;height:4px;border-radius:8px;position:absolute;bottom:0;background-color:#076FE2;}
.syp_intell_nav .menu{margin-top:16px;padding:0 16px;font-size:14px;font-weight:600;}
.syp_intell_nav .menu &gt; li &gt; a{display:block;line-height:20px;padding:12px 8px;position:relative;font-weight: 600;}
.syp_intell_nav .menu &gt; li &gt; a:hover{background-color:#F1F6FC;border-radius:4px;}
.syp_intell_nav .menu &gt; li.cur a{color:#076FE2;cursor:default;}
.syp_intell_nav .menu &gt; li.cur a:hover{background-color:#fff;}
.syp_intell_nav .menu &gt; li.cur a:after{content:'';height:28px;width:2px;background-color:#076FE2;position:absolute;top:50%;left:-16px;margin-top:-14px;}
/*===S nav */
/*===S list */
.syp_intell_cont{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.syp_intell_list{background-color: #fff;border-radius: 8px;padding: 24px 24px 0;}
.syp_intell_list .item{margin-bottom:24px;padding: 0 294px 24px 0;position: relative;height: 140px;border-bottom: 1px solid #eee;}
.syp_intell_list .item:last-child, .syp_intell_list .item.none_border{border-bottom: none;margin-bottom: 0;}
.syp_intell_list .item .tit{font-size: 20px;font-weight: 600;max-height:56px;line-height:28px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;}
.syp_intell_list .item .tit a{font-weight: 600;}
.syp_intell_list .item .tit a:hover{color: #076FE2;}
.syp_intell_list .item .img{position: absolute;right: 0;top: 0;border-radius: 4px;overflow:hidden; max-height: 116px;}
.syp_intell_list .item .img img{width:274px; height: auto;}
.syp_intell_list .item .con{font-size: 14px;line-height: 20px;}
.syp_intell_list .item .subTit{margin-top: 8px;max-height: 40px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;color:rgba(0, 0, 0, 0.65);}
.syp_intell_list .item .date{position: absolute;bottom: 24px;right: 294px;color: rgba(0,0,0,0.45);}
.syp_intell_list .none{display: none;}

.syp_intell_pagination{padding: 24px;background-color: #fff;margin-top: 16px; border-radius: 8px;}
.syp_intell_pagination .stm_pagination_con &gt; span.current:not(.prev, .next){background-color: #076FE2;border: 1px solid #076FE2;}
/*===E list */
/*==E list page - Market intelligence */
/*==S detail page - Market intelligence */
.syp_intell_detailPage .syp_headCon{max-width: 1200px;}
.syp_intell_detailPage .syp_intell_container{padding-top: 74px;background-color: #fff;}
.syp_intell_detailPage .syp_navWrap .item{margin:0 7px;}
.syp_intell_detail_main{position: relative;padding-top: 16px;display:-webkit-box;display:-ms-flexbox;display:flex; margin-bottom: 40px;}
/*===S content */
.syp_intell_detail_cont{margin-right: 80px;-webkit-box-flex:1;-ms-flex:1;flex:1;border: 1px solid rgba(0, 0, 0, 0.08);border-radius: 8px;padding: 60px;}
.syp_intell_detail_cont .syp_intell_detail_tit{font-size:32px;font-weight:600;line-height:50px;max-height:100px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.syp_intell_detail_cont .syp_intell_detail_hd{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.syp_intell_detail_cont .syp_intell_detail_hd .info{line-height:16px;color: rgba(0, 0, 0, 0.45);-webkit-box-flex:1;-ms-flex:1;flex:1; display: flex;}
.syp_intell_detail_cont .syp_intell_detail_hd .syp_intell_detail_share{margin-left:20px;}
.syp_intell_detail_cont .syp_intell_detail_hd .read{border-left: 1px solid rgba(0, 0, 0, 0.25); margin-left: 12px; padding-left: 12px;}
/*====S share */
.syp_intell_detail_share .txt{display:inline-block;vertical-align:middle;color: rgba(0, 0, 0, 0.45);}
.syp_intell_detail_share a{display:inline-block;vertical-align:middle;font-size:24px;margin:0 0 0 8px;color:rgba(0,0,0,0.65);}
.syp_intell_detail_share .ic_facebook_nor:hover{color:#1b77f2;}
.syp_intell_detail_share .ic_twitter:hover{color:#000;}
.syp_intell_detail_share .ic_linkedin_nor:hover{color:#0274b3;}
/*====E share */
.syp_intell_detail_editCont{margin-top: 28px;}
.syp_intell_detail_editCont img{display: block!important; margin: 0 auto 10px auto!important;}
.syp_intell_detail_page{border-top: 1px solid rgba(0, 0, 0, 0.08);margin-top: 24px;padding-top: 16px;font-size: 16px;line-height: 24px;}
.syp_intell_detail_page .noPrev, .syp_intell_detail_page .noPrev:hover, .syp_intell_detail_page .noNext, .syp_intell_detail_page .noNext:hover{color: rgba(0, 0, 0, .45);cursor: default;}
/*===E content */
/*===E recommend news */
.syp_intell_detail_sidebar{width: 320px;}
.syp_intell_detail_sidebar_cont{width: 320px;}
.syp_intell_detail_sec{margin-bottom: 20px; background-color: #F1F6FC;border-radius: 8px; padding: 20px;}
.syp_intell_detail_sec:last-child{margin-bottom: 0;}
.syp_intell_detail_sec &gt; .tit{position: relative;padding-right: 80px;font-size: 16px;line-height: 20px;font-weight: 600;}
.syp_intell_detail_sec &gt; .tit .more{position: absolute;top: 2px;right: 0;color: rgba(0, 0, 0, .45); font-size: 12px; font-weight: 400;}
.syp_intell_detail_sec &gt; .tit .more:hover{color: #076FE2;}
.syp_intell_detail_sec &gt; .tit .more .ic_med-arrow_up{display: inline-block;line-height: 1;font-size:14px;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
.syp_intell_detail_sec .list &gt; li{margin-top: 12px; border-bottom: 1px solid #eee; padding-bottom: 12px;}
.syp_intell_detail_sec .list &gt; li:last-child{border-bottom: none; padding-bottom: 0;}
.syp_intell_detail_sec .list .img{border-radius: 4px;overflow: hidden;}
.syp_intell_detail_sec .list .img img{width: 100%;height: auto;}
.syp_intell_detail_sec .list .cont{overflow: hidden;}
.syp_intell_detail_sec .list .cont .tit{font-weight:400;max-height: 40px; height: auto;line-height:20px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; margin-top: 8px;}
.syp_intell_detail_sec .list .cont .date{color: rgba(0, 0, 0, .45);font-size: 12px;line-height: 16px; margin-top: 8px;}
/*===E recommend news */
/*===S article form */
.news_form{border: 1px solid rgba(7, 111, 226, 0.25); border-radius: 16px; overflow: hidden; position: relative;}
.news_form .icon{position:absolute; top: 16px; right: 40px; color: #fff;}
.news_form .icon .ic_med-arrow_up{font-size: 24px;}
/*===E article form */
/*==E detail page - Market intelligence */
@media screen and (max-width:1620px) {
  .syp_intell_center{width:auto;margin-left:90px;margin-right:90px;max-width:none;}
  .syp_intell_listPage .syp_intell_center{margin-left: auto;margin-right: auto;}
}
@media screen and (max-width:1380px) {
  .syp_intell_listPage .syp_intell_center{margin-left: 90px;margin-right: 90px;}
}
@media screen and (max-device-width:1024px), (device-aspect-ratio:1366/1024) {
	.syp_intell_listPage .syp_head, .syp_intell_detailPage .syp_head, .syp_intell_listPage .syp_news_intro{display:none;}
	.syp_intell_listPage .syp_m_hd, .syp_intell_detailPage .syp_m_hd{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color: #fff;}
  .syp_intell_listPage .syp_m_hd_fixed, .syp_intell_detailPage .syp_m_hd_fixed{position: fixed;top: 0;width: 100%;z-index: 9;}

  .syp_intell_listPage .syp_intell_container{margin-top: 0;}

  .syp_intell_detailPage .syp_intell_container{padding-top: 0;}
  .syp_intell_detailPage .syp_m_hd{box-shadow: 0px 10px 10px -8px rgb(7 111 226 / 6%);}
}
@media screen and (max-device-width:1024px) {
  .syp_intell_listPage .syp_intell_center, .syp_intell_center{margin-left:12px;margin-right:12px;}
  .syp_intell_detailPage .syp_intell_center{margin-left:20px;margin-right:20px;}
  .syp_path{display:none;}
  .syp_intell_container a:hover{color: rgba(0,0,0,0.85);}
  .syp_intell_main{display: block;margin-top: 0;padding-bottom: 12px;}

  .syp_intell_nav{background: none;border-radius: 0;padding-top: 12px;margin-right: -12px;padding-bottom: 0;width: auto;min-height: auto;}
  .syp_intell_nav_fixed{position: fixed;top: 44px;left:0;z-index: 9;width: 100%;padding: 12px 0 12px 12px;background-color: #fff;}
  .syp_intell_nav .tit{display: none;}
  .syp_intell_nav .menu{overflow: auto;white-space: nowrap;font-size: 12px;font-weight: 400;margin-top: 0;padding:0;}
  .syp_intell_nav .menu::-webkit-scrollbar{width:0;height:0;display:none;}
  .syp_intell_nav .menu &gt; li{display: inline-block;margin-left: 5px;}
  .syp_intell_nav .menu &gt; li:first-child{margin-left: 0;}
  .syp_intell_nav .menu &gt; li &gt; a{color: rgba(0,0,0,0.85);padding: 4px 10px;line-height: 16px;background-color: #fff;border-radius: 4px;}
  .syp_intell_nav .menu &gt; li.cur a{background-color: #076FE2;color: #fff;}
  .syp_intell_nav .menu &gt; li.cur a:hover{background-color: #076FE2;color: #fff;}
  .syp_intell_nav .menu &gt; li.cur a:after{display: none;}

  .syp_intell_cont{margin-top: 12px;}
  .syp_intell_list{background: none;border-radius: 0;padding: 0;}
  .syp_intell_list .item{background-color: #fff;border-radius: 8px;margin-bottom: 10px;padding: 12px;height: auto;}
  .syp_intell_list .item .tit{font-size: 14px;font-weight: 600;line-height: 20px;max-height: 40px;margin-bottom: 12px; -webkit-line-clamp:1;}
  .syp_intell_list .item .img{position: relative;}
  .syp_intell_list .item .img img{width: 100%;height: auto;}
  .syp_intell_list .item .con{overflow: hidden;position: relative;min-height: 58px;font-size: 12px;line-height: 16px;}
  .syp_intell_list .item .date{position:static; margin-top: 8px;}

  .syp_intell_pagination{margin-top: 10px;padding: 0;border-radius: 8px;}
  .syp_intell_pagination .stm_pagination_con{display: block;}
  .syp_intell_pagination .txt, .syp_intell_pagination .stm_pagination_con span, .syp_intell_pagination .stm_pagination_con a{display: none !important;}
  .syp_intell_pagination .stm_pagination_con .next{display: block !important;-webkit-transform: none;-ms-transform: none;transform: none;width: 100%;height: auto;margin-left: 0;padding: 8px;border: none;}
  .syp_intell_pagination .stm_pagination_con .next.current{display: none !important;}
  .syp_intell_pagination .stm_pagination_con .next .iconfont{font-size: 13px;}

  .syp_intell_detail_main{display: block;padding-top: 20px; margin-bottom: 0;}
  .syp_intell_detail_cont{margin-right: 0; border: none; padding: 0;}
  .syp_intell_detail_cont .syp_intell_detail_tit{font-size:20px;line-height:28px;max-height:56px;}
  .syp_intell_detail_cont .syp_intell_detail_hd{font-size:12px;margin-top: 12px;}
  .syp_intell_detail_cont .syp_intell_detail_hd .info{line-height:14px;}
  .syp_intell_detail_share a{font-size:20px;margin-left:4px;}
  .syp_intell_detail_page{padding-top: 12px;font-size: 14px;line-height: 20px;}

  .syp_intell_detail_sidebar{width: 100%; margin-top: 40px;}
  .syp_intell_detail_sidebar_cont{position: static;width: 100%; margin-bottom: 16px;}
  .syp_intell_detail_sec{margin-bottom: 24px; background-color: #fff; padding: 0;}
  .syp_intell_detail_sec .list &gt; li{margin-top: 16px; padding-bottom: 16px;}
  .news_form .tit{padding:16px 20px;}
  .news_form .icon{display: none;}
}
/*=E Market intelligence */
/*=S About Us */
.aboutWrap{background: linear-gradient(180deg, #DAE9FA 0%, rgba(198, 221, 248, 0) 100%); padding-top: 92px; font-size:14px;}
.aboutCon{max-width:1200px; margin: 35px auto; background-color: #fff; border: 1px solid #eee;}
.aboutWrap .banner img{max-width:100%; }
.aboutTit{font-size: 32px; font-weight: 600; line-height: 50px; max-height: 100px; padding: 0 30px 30px 30px;}
.aboutWrap .tit{position: relative; font-size: 2em; line-height: 1.4;; margin-bottom: 25px; margin-left: -20px; color: #BF0006; background: linear-gradient(270deg, transparent 50%, rgba(242, 207, 211, 0.5) 100%); padding:3px 0 3px 80px;}
.aboutWrap .tit:before{content:''; display: block; position: absolute; left: 0; bottom: -20px; border: 10px solid; border-color:rgba(242, 207, 211) rgba(242, 207, 211) transparent transparent;}
.aboutWrap .content{padding:0 30px 30px 30px;}
.aboutWrap strong{font-weight:600;}
.aboutWrap p{padding:5px 0; line-height: 24px;}
.about-sec{border-top:1px solid #ddd; padding: 40px 0;}
.about-intro{border-top: none;}
.missonIcon{text-align: center; width: 66px; display: block; flex: 0 0 auto; margin-right: 50px; color:#b33027;}
.missonIcon2{color:#723283;}
.missonIcon3{color:#285e9c;}
.missonIcon:after{display: block; content: ''; background:url(/static/image/about_sprite.png) no-repeat 0 -100px; width: 66px; height: 58px;}
.missonIcon2:after{background-position: 0 -180px;}
.missonIcon3:after{background-position: 0 -260px;}
.about-mission .list{display: flex; margin-top: 30px;}
.about-mission .listCon{display: table;}
.about-mission .listCon li{list-style:disc;}
.about-mission .listCon li em{display: table-cell; white-space:nowrap;}
.about-mission .listCon li p{display: table-cell;}
.about-auMile .mileCon{position: relative; padding-top: 190px; padding-bottom: 150px;}
.zh .about-auMile .mileCon, .tw .about-auMile .mileCon{padding-top: 180px;}
.mileBg{display: block; width: 100%; height: auto;}
.mileItem dl{position:absolute; display: flex; align-items:flex-end; width: 258px; height: 180px;}
.zh .mileItem dl, .tw .mileItem dl{align-items:center;}
.mileItem .img img{display: block; border: 5px solid #dce3eb; height: auto;}
.mileItem .txt{font-size: 14px; line-height: 1.2; margin-left: 10px;}
.mileItem .txt em{font-size: 22px; font-weight: 500;}
.mileItem{position: absolute; top: 0;}
.mileItem i{font-style: italic;}
.zh .mile1 dl, .tw .mile1 dl{width:246px;}
.mile2{left:26.5%;}
.zh .mile2, .tw .mile2{left:27.8%;}
.zh .mile2 dl, .tw .mile2 dl{width:234px;}
.mile3{left:48.5%;}
.mile3 dl{width:300px;}
.zh .mile3, .tw .mile3{left:50%;}
.zh .mile3 dl, .tw .mile3 dl{width: 260px;}
.mile3 .img img, .mile7 .img img, .mile10 .img img{border:none;}
.mile4{left:73.5%;}
.mile4 dl{width:280px;}
.mile5{left:73.5%; top: 31.5%;}
.mile5 dl{flex-direction: row-reverse; width: 280px;}
.zh .mile5, .tw .mile5{left:76%; top: 33.5%;}
.zh .mile5 dl, .tw .mile5 dl{width: 250px;}
.mile6 dl{flex-direction: row-reverse; width: 300px;}
.zh .mile6, .tw .mile6{top:46%;}
.zh .mile6 dl, .tw .mile6 dl{width: 282px;}
.mile5 .txt, .mile6 .txt{text-align:right; margin-left: 0; margin-right: 10px;}
.mile6{left:44%; top:42%;}
.mile7{left:10%; top:33%;}
.mile7 dl{width: 420px; align-items:center;}
.zh .mile7 dl, .tw .mile7 dl{width: 360px;}
.mile8{left:5%; top:71%;}
.mile8 dl{width: 400px;}
.zh .mile8, .tw .mile8{top:72%;}
.zh .mile8 dl, .tw .mile8 dl{width:370px;}
.mile9{left:38.5%; top:71%;}
.mile9 dl{width: 282px;}
.zh .mile9, .tw .mile9{left:39%; top: 72%;}
.mile10{left:64%;  top: 71%;}
.mile10 dl{width: 384px;}
.zh .mile10, .tw .mile10{left:66%; top: 72%;}
@media screen and (max-device-width: 1024px) {
  .aboutWrap{padding-top:0;}
  .aboutCon{margin: 0 auto; border: none;}
  .about-sec{padding: 30px 0;}
  .missonIcon1, .missonIcon2, .missonIcon3{margin-right: 30px;}
  .about-auMile .mileCon{padding:0 20px!important;}
  .mileBg{display: none!important;}
  .mileItem{position:static;}
  .mileItem dl{position:static; width: 100%!important; align-items: center; height: auto; padding: 10px 0; transform: scale(1);}
  .mileItem .img{width: 120px; flex: 0 0 auto;}
  .mileItem .img img{width:100%; height: auto;}
  .mile5 .txt, .mile6 .txt{text-align:left; margin-left: 10px; margin-right: 0;}
  .mile5 dl, .mile6 dl{flex-direction: row;}
}
/*=E About Us */</pre></body></html>