:root{
	--main: #182046;
	--color: #e1b621;
    --color2: #0048d2;
}
@font-face{
	font-family:"DD";
	src: url("/static/themes/font/D-DIN.ttf") format("opentype");
}
@font-face{
	font-family:"DB";
	src: url("/static/themes/font/D-DIN-Bold.ttf") format("opentype");
}

.cw1280{max-width:1280px; margin:auto;}

@media (max-width: 1680px){
	.cw1280{width: 94%;}
}

@media (max-width: 750px){
	body,body *{font-size:26px}
	.cw1280{width: 90%;}
}

#header {height: auto; position: fixed;z-index: 20;left: 0;width: 100%;top:0;transition: all .5s;}
#header.cur,
#header:hover,
#header.w-head{background: #fff;}
#header.none {transform: translateY(-100%); }

#header .head{display: flex; justify-content: space-between; align-items: center;}
#header .head .logo2 .img{display: inline-block;}
#header .head .logo2 .img img{width: 343px; }
#header .head .logo2 .img1{display: inline-block;}
#header .head .logo2 .img2{display: none;}

#header .point {width: 60%;position: relative; display: flex; justify-content: space-between; align-items: center }
/* #header .point .dd {margin-right: 4.218%;} */
#header .point .dd:last-child{margin-right: 0;}
#header .point .dd .li{display: block;font-size: 18px; color: #fff; height:101px;line-height: 101px;}
#header .point .dd.on .li,
#header .point .dd:hover .li{font-weight: bold; color: var(--color);}
#header .point .line1{width: 32px;height: 4px; bottom: 0px;left: 0;background: var(--main); z-index: 2; pointer-events: none;}
#header .point .dd .menu {position: absolute;top:100%;left:50%;transform: translateX(-50%);width:190px;background-color: #fff;z-index:21;box-shadow: 0 0 10px rgb(0 0 0 / 15%); height: 0; overflow: hidden;}
#header .point .dd .menu .mm {display: block;font-size: 18px;line-height: 2;text-align: center;padding:10px;}
#header .point .dd .menu .mm:hover {color: #222;} 

#header .head .icon{display: flex; align-items: center;}
#header .head .icon .sip_lang {color: #fff;}
#header.cur .head .icon .sip_lang,
#header:hover .head .icon .sip_lang {color:#333;}
#header .head .icon .language{width: 60px; height: 36px; border: 1px solid #fff; text-align: center; line-height: 34px; border-radius: 16px;}
#header .head .icon .language a{ font-size: 18px; color: #fff;}

#header.cur .head .logo2 .img1,
#header:hover .head .logo2 .img1{display:none;}
#header.cur .head .logo2 .img2,
#header:hover .head .logo2 .img2{display:inline-block;}

#header.cur .point .dd .li,
#header:hover .point .dd .li{color: #333;}
#header.cur .point .dd.on .li,
#header:hover .point .dd.on .li,
#header.cur .point .dd:hover .li,
#header:hover .point .dd:hover .li{color: var(--color);}

#header.cur .head .icon .language,
#header:hover .head .icon .language{border-color: var(--main);}
#header.cur .head .icon .language a,
#header:hover .head .icon .language a{color: var(--main);}


/* 移动端按钮 */
#header .mb-btn,
#m-nav{display: none; }

/* 新版移动端头部 */
#m-header,
#m-nav,
#search-box{display: none;}
.m-header-blank{display: none;}

@media (max-width: 1024px) {
	#header .point{display: none;}
	#header .left{width: 27.44%;}
	#header .head .icon{width: 16.5%;}

	#header .mb-btn{display: inline-block; width: 32px; zoom: 1.2; margin-left: 20px;}
	#header .mb-btn .svg{fill: #fff; width: 32px; height: 32px;}
	#header .mb-btn .i1{display: inline-block;}
	#header .mb-btn .i2{display: none;}
	#header .mb-btn .svg{fill: #333;}
	#header .mb-btn.cur .i1{display: none;}
	#header .mb-btn.cur .i2{display: inline-block;}

	#header{background: #fff; }
	#header .point .dd .li{color: #333;}
	#header .point .dd.on .li,
	#header .point .dd:hover .li{color: var(--color);}
	#header .head .icon .language{border-color: var(--main);}
	#header .head .icon .language a{color: var(--main);}
	#header .head .logo2 .img1{display:none;}
	#header .head .logo2 .img2{display:inline-block;}

	#header .head,
	#header.cur, 
	#header.none{height: 108px}
	#header .head .icon .lang .top .txt{line-height: 108px;}
	#header.cur .head .icon .lang .top .txt, 
	#header.none .head .icon .lang .top .txt{height: 108px;line-height: 108px;}
	.m-header-blank{display: block;}

	#m-nav{display: block;width: 100%;height: 0;z-index: 49;left: 0;right: 0;top: 108px;width: 100%;background: #fff;overflow-y: auto;}
	#m-nav.cur{height: calc(100vh - 108px);}
	#m-nav .nav{border-top: 1px solid #ebebeb;}
	#m-nav .nav .one-nav{line-height: 60px;}
	#m-nav .nav .one-nav .one{margin: 0 30px;border-bottom: 1px solid #ebebeb;}
	#m-nav .nav .one-nav .one .down{height: auto;width: 60px;}
	#m-nav .nav .one-nav .one .down svg{fill: #ccc;}
	#m-nav .nav .one-nav.cur .one .down{transform: rotate(180deg);}
	#m-nav .nav .one-nav .one-a{display: block;width: 100%; font-size: 18px;font-weight: 700;}
	#m-nav .nav .one-nav .two-nav{width: 100%;background: #f7f7f7;padding: 0 30px;}
	#m-nav .nav .one-nav .two-nav>div{border-bottom: 1px solid #dcdcdc;}
	#m-nav .nav .one-nav .two-nav .two-a{display: inline-block;width: 100%; height: 100%; font-size: 16px;}
	#m-nav .bot-box{margin-top: 60px;}
	#m-nav .bot-box .item{}
	#m-nav .bot-box .item .icon{width: 100px;height: 100px;line-height: 98px;border: 1px solid #333;font-size: 18px;color: #333;border-radius: 100%;margin: 0 auto;}
	#m-nav .bot-box .item .tit{font-size: 18px;color: #333;margin-top: 10px;}

	#m-nav .lang-nav{padding: 20px 0;}
	#m-nav .lang-nav a{line-height: 40px; font-size: 18px;  color: #222; font-weight: 700;}
	#m-nav .lang-nav a.cur{color: var(--main);}
}
@media (max-width: 750px) {
	#header .head .icon{width: 24%; justify-content: space-between;}
	#header .head .icon .language{width: 80px; height: 50px; line-height: 48px; border-radius:30px;}
	#header .head .icon .language a{font-size: 26px;;}
	#header .mb-btn .svg{width: 40px; height: 40px;}

	#m-nav .nav .one-nav{line-height: 100px;}
	#m-nav .nav .one-nav .one-a{font-size: 32px;}
	#m-nav .nav .one-nav .one-a .down{width: 100px; height: 100px;}
	#m-nav .nav .one-nav .one .down img{transform: scale(1.5);}
	#m-nav .nav .one-nav .two-nav .two-a{font-size: 28px;}
}


/*  banner */
#banner .o-banner{}
#banner .o-banner .pic{position: relative;}
#banner .o-banner .pic::before{content: "";display: block;position: absolute;top: 0; left: 0; width: 100%; height: 100%; background: url(/images/sip/banner-back.png) no-repeat top center/100% 100%;}
#banner .o-banner .text-box{height: max-content; top: 50%; transform: translateY(-50%); z-index: 3;}
#banner .o-banner .text-box .text .title{padding-top: 15px; font-size: 50px; color: #fff; line-height: 48px; font-family:"DB"; position: relative;}
#banner .o-banner .text-box .text .title::before{content: "";display: block; width: 100px; height: 5px; background: var(--color); position: absolute; top: 0; left: 0;}
#banner .o-banner .text-box .text .title.r-txt{text-align: right;}
#banner .o-banner .text-box .text .title.r-txt::before{left: inherit; right: 0;}

@media (max-width: 1024px) {
	#banner{margin-top: 108px;}
}
@media (max-width: 750px) {
	#banner .o-banner .text-box .text .title{font-size: 52px; line-height: 1.3;}
}

/* 底部 */
#sip_footer{background: #111 url(/images/sip/pic33.jpg); padding: 0 0 55px;}
#sip_footer .footer_contact{background: url(/images/sip/pic5.png) no-repeat center center/100% 100%; display: flex; justify-content: space-between; transform: translateY(-80px); }
#sip_footer .footer_contact .li{width: 33.33%; padding: 80px 0 50px;}
#sip_footer .footer_contact .li .icon{margin-bottom: 24px;}
#sip_footer .footer_contact .li .name{margin-bottom: 32px; font-size: 18px; color: #fff; font-weight: bold; line-height: 25px; text-align: center;}
#sip_footer .footer_contact .li .brief{font-size: 16px; color: #fff; line-height: 29px; text-align: center;}
#sip_footer .box,
#sip_footer .box a{ line-height: 32px; font-size: 16px; color: #fff; font-weight: 300;}

#floatimg_window{position: fixed; top: 50%; right: -185px; z-index: 5; display: flex; transform: translateY(-50%); }
#floatimg_window .left{padding: 10px 0 37px; width: 45px; background: url(/images/sip/xuanfu3.png) no-repeat top right/100% 90%; display: flex; flex-direction: column; align-items: center; position: absolute; top:0; left: -45px; z-index: 2; min-height: 225px;}
#floatimg_window .left .txt{margin-top: 10px; font-size: 18px; color: #fff; writing-mode: vertical-lr; writing-mode: tb-lr;}
#floatimg_window .right{width: 185px;padding: 30px 25px 25px;background: #fff; border-bottom-left-radius: 18px; box-shadow: 0 0 30px rgba(0,0,0,0.2);}
#floatimg_window .right .code{margin-bottom: 20px;}
#floatimg_window .right .txt{font-size: 18px; font-weight: bold; color: var(--main); line-height: 23px;;}
/* #floatimg_window:hover{right: 0;} */

@media (max-width: 1280px) {
	#floatimg_window{right: -250px;}
	#floatimg_window .right{width: 250px; padding: 30px 10px 25px;}
	#floatimg_window .right .txt{font-size: 15px;}
}
@media (max-width: 750px) {
	#sip_footer .footer_contact{transform: translateY(0); flex-wrap: wrap; background:inherit;}
	#sip_footer .footer_contact .li{width: 100%; padding: 40px 0;}
	#sip_footer .footer_contact .li .name{font-size: 32px; line-height: 1.6;}
	#sip_footer .footer_contact .li .brief{font-size: 26px; line-height: 1.6;}

	#sip_footer .box{margin-top: 40px;}
	#sip_footer .box, 
	#sip_footer .box a{font-size: 26px; line-height: 1.6;}

	#floatimg_window{right: -430px;}
	#floatimg_window .left{background: url(/images/sip/xuanfu3.png) no-repeat top right/100% 100%;}
	#floatimg_window .left .txt{font-size: 26px;}
	#floatimg_window .right{width: 430px;}
	#floatimg_window .right .txt{font-size: 26px; line-height: 1.6;}
}



#top_title{padding-bottom: 42px; position: relative; }
#top_title.title1::before{content:""; display: block; width: 18px; height: 32px; background: url(/images/sip/icon2.png) no-repeat center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
#top_title .tit_en{text-align: center; font-size: 20px; color: #888; font-family:"DD"; line-height: 33px;}
#top_title .tit_cn{text-align: center; font-size: 40px; font-weight: bold; color: var(--main); line-height: 57px;}
#top_title .brief{text-align: center; font-size: 16px; color: #888; line-height: 30px;}
#top_title.title2::before{content:""; display: block; width: 18px; height: 32px; background: url(/images/sip/icon1.png) no-repeat center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
#top_title.title2 .tit_en,
#top_title.title2 .tit_cn,
#top_title.title2 .brief{color: #f8f8f8;}

@media (max-width: 750px) {
	#top_title .tit_en{font-size: 30px; line-height: 1.6;}
	#top_title .tit_cn{font-size: 42px; line-height: 1.6;}
	#top_title .brief {font-size: 26px; line-height: 1.6;}
}



#index_introduction{padding: 90px 0 100px; }
#index_introduction .box{margin-top: 60px; display: flex; justify-content: space-between; align-items: center;}
#index_introduction .box .left{width: 46.875%;}
#index_introduction .box .left .swiper-container-horizontal>.swiper-pagination-bullets{margin-left: 0; }
#index_introduction .box .left .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;background: #fff;opacity: 1; width: 10px; height: 10px;}
#index_introduction .box .left .swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--color) !important;}
#index_introduction .box .left .swiper-pagination-bullets .swiper-pagination-bullet-active::after{display: none;}
#index_introduction .box .right{width: 50%; font-size: 16px; color: #333; line-height: 30px; text-align: justify;}

@media (max-width: 1200px) {
	#index_introduction .box{align-items: start;}
}
@media (max-width: 750px) {
	#index_introduction{padding: 80px 0;}
	#index_introduction .box{flex-direction: column;}
	#index_introduction .box .left{width: 100%;}
	#index_introduction .box .left .slide img{width: 100%;}
	#index_introduction .box .right{width: 100%; margin-top: 40px; font-size: 26px; line-height: 1.6;}
}



#index_topic{padding: 130px 0 0; background: url(/images/sip/pic2.jpg) no-repeat top center/ 100% 100%;}
#index_topic .list{/*padding: 60px 0 160px;*/padding: 60px 0 30px; display: flex; flex-wrap: wrap;}
#index_topic .list .li{width: 32.031%; height: 100px; margin-top: 25px; margin-right: 1.953%; background: url(/images/sip/pic32.png) no-repeat center; display: flex; justify-content: center; align-items: center;}
#index_topic .list .li:nth-child(3n){margin-right:0;}
#index_topic .list .li:nth-child(-n+3){margin-top: 0;}
#index_topic .list .li span{display: inline-block; font-size: 20px; color: #fff;  text-align: center; position: relative; }
#index_topic .list .li .txt{width: 90%; margin: auto; word-wrap:break-word; text-align: center;}
#index_topic .list .li span::before{content:"";display: block; width: 8px; height: 8px; background: transparent; border-radius: 50%; position: absolute; top: 50%; left: -18px; z-index: 1; transform: translateY(-50%); transition: all 0.3s ease;}
#index_topic .list .li span::after{content:"";display: block; width: 8px; height: 8px; background: transparent; border-radius: 50%; position: absolute; top: 50%; right: -18px; z-index: 1; transform: translateY(-50%); transition: all 0.3s ease;}
#index_topic .list .li:hover span{color: var(--color);}
#index_topic .list .li:hover span::after,
#index_topic .list .li:hover span::before{background: var(--color);}

@media (max-width: 1024px) {
	#index_topic .list .li .txt{width: 80%;}
}
@media (max-width: 750px) {
	#index_topic{padding: 80px 0 0;background: url(/images/sip/pic2-mb.jpg) no-repeat top center/ 100% 100%;}
	#index_topic .list{padding: 40px 0 80px;}
	#index_topic .list .li{width: 100%; margin-top: 40px; margin-right: 0; background-size: 100%;}
	#index_topic .list .li:nth-child(-n+3){margin-top: 40px;}
	#index_topic .list .li:first-child{margin-top: 0;}
	#index_topic .list .li span,
	#index_topic .list .li:hover span{font-size: 26px; color: var(--color);}
	#index_topic .list .li span::after,
	#index_topic .list .li span::before{background: var(--color);}
}


#index_more{transform: translateY(-50px);}
#index_more .container{padding-bottom: 40px;}
#index_more .swiper-container-horizontal>.swiper-pagination-bullets{margin-left: 0; bottom: 0;}
#index_more .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px;background: #ccc;opacity: 1; width: 10px; height: 10px;}
#index_more .swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--main) !important;}
#index_more .swiper-pagination-bullets .swiper-pagination-bullet-active::after{display: none;}



#index_sip{padding: 90px 0; }
#index_sip .content{margin-top: 55px}
#index_sip .content .tit{margin-bottom: 55px; font-size: 26px; color: #333; font-weight: bold; line-height: 35px; text-align: center;}
#index_sip .content .speech{display: flex; justify-content: space-between; }
#index_sip .content .speech .pic{width: 20.313%;}
#index_sip .content .speech .info{width: 75%;}
#index_sip .content .speech .info .name{margin-bottom: 19px; font-size: 20px; font-weight: bold; color: var(--color);line-height: 37px;}
#index_sip .content .speech .info .job1{font-size: 20px; color: #333; font-weight: bold; line-height: 31px;}
#index_sip .content .speech .info .job2{font-size: 16px; color: #666; font-weight: bold; line-height: 31px;}
#index_sip .content .speech .info .brief{margin-top: 44px; line-height: 30px; font-size: 16px; color: #666;}

@media (max-width: 1200px) {
	#index_sip .content .speech .pic{width: 22.313%;}
	#index_sip .content .speech .pic img{width: 100%;}
}
@media (max-width: 1024px) {
	#index_sip .content .speech .info{width: 68%;}
}
@media (max-width: 750px) {
	#index_sip{padding: 80px 0;}
	#index_sip .content .tit{font-size: 30px;}
	#index_sip .content .speech{flex-direction: column;}
	#index_sip .content .speech .pic{width: 100%; text-align: center;}
	#index_sip .content .speech .info{width: 100%; margin-top: 40px;}
	#index_sip .content .speech .info .name,
	#index_sip .content .speech .info .job1{font-size: 30px; line-height: 1.6}
	#index_sip .content .speech .info .job2,
	#index_sip .content .speech .info .brief{font-size: 26px; line-height: 1.6;}
}



#index_partner{padding: 70px 0 130px; background: var(--main);}
#index_partner .list{display: flex; padding: 30px 0; border-bottom: 1px solid rgba(255,255,255,0.1); align-items: flex-start; justify-content: space-between;}
#index_partner .list .left{width: 16.75%; display: flex; align-items: center; height: 80px;}
#index_partner .list .left .name{font-size: 24px; font-weight: bold; color: #fff; line-height: 31px; }
/* #index_partner .list .left .name span{} */
#index_partner .list .left .icon{width: 32px; height: 18px; margin-left: 8.33%;}
#index_partner .list .right{width: 81.25%; display: flex; flex-wrap: wrap;}
#index_partner .list .right .li{margin-top: 10px; margin-right: 0.9615%; width: 19.231%; background: #fff; border-radius: 9px; padding-top: 7.6%; overflow: hidden;}
#index_partner .list .right .li .absolute{padding: 10px 2%;}
#index_partner .list .right .li:nth-child(5n){margin-right: 0;}
#index_partner .list .right .li:nth-child(-n+5){margin-top: 0;}
#index_partner .tip{margin-top: 50px; font-size: 18px; color: #c8cad6; line-height: 37px;}

@media (max-width: 1024px) {
	#index_partner .list .right{width: 74%;}
	#index_partner .list .right .li{width: 24.2%; margin-right: 0.9615%; padding-top: 14.6%;}
	#index_partner .list .right .li:nth-child(5n){margin-right: 0.9615%;}
	#index_partner .list .right .li:nth-child(-n+5){margin-top: 10px;}
	#index_partner .list .right .li:nth-child(4n){margin-right: 0;}
	#index_partner .list .right .li:nth-child(-n+4){margin-top: 0;}
}
@media (max-width:750px) {
	#index_partner{padding: 80px 0;}
	#index_partner .list{flex-direction: column;}
	#index_partner .list .left{width: 100%; }
	#index_partner .list .left .name{font-size: 36px; line-height: 1.6;}
	#index_partner .list .right{width: 100%; margin-top: 40px;}
	#index_partner .list .right .li{width: 29%;margin-top: 40px; margin-right: 40px; padding-top: 14.6%; border-radius: 10px;}
	#index_partner .list .right .li:nth-child(4n),
	#index_partner .list .right .li:nth-child(5n){margin-right: 40px;}
	#index_partner .list .right .li:nth-child(-n+4),
	#index_partner .list .right .li:nth-child(-n+5){margin-top: 40px;}
	#index_partner .list .right .li:nth-child(3n){margin-right: 0;}
	#index_partner .list .right .li:nth-child(-n+3){margin-top: 0;}
	#index_partner .tip{font-size: 26px; line-height: 1.6;}
}


#program{padding: 100px 0;}
#program .box{margin-top: 105px;}
#program .box .item{margin-top: 54px;}
#program .box .item:first-child{margin-top:0;}
#program .box .item .info{margin-bottom: 12px; display: flex; align-items: center;}
#program .box .item .info .time{width: 23.438%; padding-left: 5.785%; background: url(/images/sip/pic9.png) no-repeat center left 40px; font-size: 20px; color: var(--color2); line-height: 35px; font-weight: Medium;}
#program .box .item .info .address{width: calc(100% - 23.438%);  padding-left: 5.785%; background: url(/images/sip/pic10.png) no-repeat center left 40px;  font-size: 20px; color: var(--color2); line-height: 35px; font-weight: 500; word-wrap:break-word;}
#program .box .item .content{}
#program .box .item .content .li{display: flex; align-items: center; min-height: 80px;}
#program .box .item .content .li .left{width: 23.438%; font-size: 16px; color: #fff; line-height: 24px; padding: 15px 0 17px;}
#program .box .item .content .li .right{width: calc(100% - 23.438%);  padding: 15px 0 17px;}
#program .box .item .content .li .right .txt2 .icon{width: 14px;}
#program .box .item .content .p1{background: var(--main);}
#program .box .item .content .p1 .left{font-weight: bold;  padding-left: 2.785%;}
#program .box .item .content .p1 .right{  padding-left: 2.785%;}
#program .box .item .content .p1 .right .txt1{font-weight: bold;  font-size: 16px; color: #fff; line-height: 24px;}
#program .box .item .content .p1 .right .txt2{display: flex; }
#program .box .item .content .p1 .right .txt2 .name{margin-left: 10px; font-size: 16px; color: #fff; line-height: 24px;}
#program .box .item .content .p2{border-top: 1px solid #e3e3e3; background: #eceef5; min-height: auto;}
#program .box .item .content .p2:last-child{border-bottom: 1px solid #e3e3e3;}
#program .box .item .content .p2 .left{padding-left: 2.785%; height: 100%; font-size: 16px; color: #333; display: flex; align-items: center;}
#program .box .item .content .p2 .right{ padding-left: 2.785%; background: #f7f7f7; height: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start;}
#program .box .item .content .p2 .right .txt1{width: 100%;font-weight: bold;  font-size: 16px; color: #333; line-height: 24px;}
#program .box .item .content .p2 .right .txt2{ width: 100%;display: flex; }
#program .box .item .content .p2 .right .txt2 .name{margin-left: 10px; font-size: 16px; color: #666; line-height: 24px;}

@media (max-width: 1024px) {
	#program .box .item .info .address{padding-left: 7.25%;}
}
@media (max-width: 750px) {
	#program{padding: 80px 0;}
	#program .box{margin-top: 80px;}
	#program .box .item .info .time{width: 40%; padding-left: 11.25%; font-size: 26px; line-height: 1.6; background: url(/images/sip/pic9.png) no-repeat center left 30px; background-size: 30px;}
	#program .box .item .info .address{width: 60%; padding-left: 11.25%; font-size: 26px; line-height: 1.6; background: url(/images/sip/pic10.png) no-repeat center left 30px; background-size: 30px;}
	#program .box .item .content .li{flex-wrap: wrap; height: auto;}
	#program .box .item .content .p1 .left{width: 100%; font-size: 36px; line-height: 1.6;}
	#program .box .item .content .p1 .right{width: 100%;}
	#program .box .item .content .p1 .right .txt1,
	#program .box .item .content .p1 .right .txt2 .name,
	#program .box .item .content .p2 .right .txt1,
	#program .box .item .content .p2 .right .txt2 .name{font-size: 30px; line-height: 1.6;}
	#program .box .item .content .p1 .right .txt2 .icon,
	#program .box .item .content .p2 .right .txt2 .icon{width: 30px; height: 48px; transform: scale(1.5);}
	#program .box .item .content .p2 .left{width: 100%; height: 80px; }
	#program .box .item .content .p2 .left span{font-size: 36px; line-height: 1.6;}
	#program .box .item .content .p2 .right{width: 100%;}
}


#guest{padding: 100px 0 120px;}
#guest .box{margin-top: 80px;}
#guest .box .item{margin-top: 40px; padding: 26px 5.078% 26px 2.031%; background: #f7f7f7; display: flex; justify-content: space-between; align-items: flex-start;}
#guest .box .item:first-child{margin-top: 0;}
#guest .box .item .pic{width: 19.75%; border-radius:50%; overflow:hidden;}
#guest .box .item .info{width: 74.53%; padding-top: 32px;}
#guest .box .item .info .name{margin-bottom: 8px; font-size: 20px; font-weight: bold; color: #1a1a1a; line-height: 34px;}
#guest .box .item .info .job{margin-bottom: 27px; font-size: 16px; color: #999; line-height: 31px;}
#guest .box .item .info .brief{font-size: 16px; color: #1a1a1a; line-height:32px;}
#guest .box .item:hover{background: var(--main);}
#guest .box .item:hover .info .name,
#guest .box .item:hover .info .job,
#guest .box .item:hover .info .brief{color: #fff;}

@media (max-width: 1024px) {
	#guest .box .item .info{padding-top: 10px;}
	#guest .box .item .info .job{margin-bottom: 10px;}
}
@media (max-width: 750px) {
	#guest{padding: 80px 0;}
	#guest .box{margin-top: 60px;}
	#guest .box .item{flex-wrap: wrap; background: #f7f7f7; padding: 26px 5.078%;}
	
	#guest .box .item .pic{width: 100%;}
	#guest .box .item .pic img{width: 85%; margin: 0 auto;}
	#guest .box .item .info{width: 100%; padding-top: 40px;}
	#guest .box .item .info .name{font-size: 36px; line-height: 1.6;}
	#guest .box .item .info .job,
	#guest .box .item .info .brief{font-size: 30px; line-height: 1.6}
	#guest .box .item:hover{background: var(--main);}
	#guest .box .item:hover .info .name,
	#guest .box .item:hover .info .job,
	#guest .box .item:hover .info .brief{color: #fff;}
}



#audience{padding: 90px 0 150px;}
#audience .box{margin-top: 80px;}
#audience .box .img{margin-bottom: 30px;}
#audience .box .txt{font-size: 32px;line-height: 49px; color: #333;}

@media (max-width: 750px) {
	#audience{padding: 80px 0;}
}



#review{padding: 90px 0 120px;}
#review .box{margin-top: 80px; display: flex; flex-wrap: wrap;}
#review .box .li{width: 48.438%; margin-top: 40px; margin-right: 3.125%;}
#review .box .li:nth-child(2n){margin-right: 0;}
#review .box .li:nth-child(-n+2){margin-top: 0;}
#review .box .li .back{transition: transform 0.5s ease;}
#review .box .li .info{width: 80%; padding: 45px 0 0 7.125%; }
#review .box .li .info .name{margin-bottom: 6px; font-size: 26px; color: #fff; line-height:44px;}
#review .box .li .info .brief{font-size: 16px; color: #fff; line-height: 26px; height: calc(26px * 2);  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#review .box .li .info .jt{width: 36px; height: 36px; border-radius: 50%; background: var(--main); left: 7.125%; bottom: 49px; z-index: 2;}
#review .box .li:hover .back{transform: scale(1.1);}
#review .box .li:hover .info .jt{background: var(--color2)}

@media (max-width: 1024px) {
	#review .box .li .info{padding: 30px 0 0 7.125%;}
}
@media (max-width: 750px) {
	#review{padding: 80px 0;}
	#review .box{margin-top: 60px;}
	#review .box .li{width: 100%; margin-top: 40px; margin-right: 0;}
	#review .box .li:nth-child(-n+2){margin-top: 40px;}
	#review .box .li:first-child{margin-top: 0;}
	#review .box .li .back img{width: 100%;}
	#review .box .li .info .name{font-size: 32px;line-height: 1.6;}
	#review .box .li .info .brief{font-size: 26px;line-height: 1.6; height: calc(41px * 2);}
}



#sip_contact{padding: 90px 0 135px;}
#sip_contact .box{margin-top: 70px;}
#sip_contact .box .txt{margin-bottom: 85px; font-size: 32px; color: var(--main); line-height: 50px; text-align: center;}
#sip_contact .box .list{display: flex;justify-content: space-between;}
#sip_contact .box .list .li{width: 31.25%;}
#sip_contact .box .list .li .icon{margin-bottom: 23px;}
#sip_contact .box .list .li .p1{margin-bottom: 23px; font-size: 20px; color: #333; line-height: 33px; text-align: center;}
#sip_contact .box .list .li .p2,
#sip_contact .box .list .li .p2 span{font-size: 16px; color: #333; line-height: 29px; text-align: center;}
#sip_contact .box .list .li .email span{display: inline-block; position: relative;}
#sip_contact .box .list .li .email span::before{content:""; display: block; width: 100%; height: 1px; background:var(--color2); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0; transition: all 0.5s ease;}
#sip_contact .box .list .li .email:hover span{color: var(--color2);}
#sip_contact .box .list .li .email:hover span::before{opacity: 1;}

@media (max-width: 750px) {
	#sip_contact{padding: 80px 0;}
	#sip_contact .box{margin-top: 60px;}
	#sip_contact .box .txt{font-size: 36px; margin-bottom: 60px;}
	#sip_contact .box .list{flex-wrap: wrap;}
	#sip_contact .box .list .li{width: 100%; margin-top: 40px;}
	#sip_contact .box .list .li:first-child{margin-top: 0;}
	#sip_contact .box .list .li .p1{font-size: 32px; line-height: 1.6;}
	#sip_contact .box .list .li .p2, 
	#sip_contact .box .list .li .p2 span{font-size: 26px; line-height: 1.6;}
	#sip_contact .box .list .li .email span{color: var(--color2);}
	#sip_contact .box .list .li .email span::before{opacity: 1;}
}


























