:root{
	--main: #182046;
	--color22: #53a93b;
    --color33: #0048d2;
    --color3: #22b3ee;
}

#header2 {height: auto; position: fixed;z-index: 20;left: 0;width: 100%;top:0;transition: all .5s;}
#header2.cur,
#header2:hover,
#header2.w-head{background: #111;}
#header2.none {transform: translateY(-100%); }

#header2 .head{display: flex; justify-content: space-between; align-items: center;}
#header2 .head .logo2 .img{display: inline-block;}
#header2 .head .logo2 .img img{width: 343px; }
#header2 .head .logo2 .img1{display: inline-block;}
#header2 .head .logo2 .img2{display: none;}

#header2 .point {width: 60%;position: relative; display: flex; justify-content: space-between; align-items: center }
/*#header2 .point .dd {margin-right: 4.218%;}*/
#header .point .dd:last-child{margin-right: 0;}
#header2 .point .dd .li{display: block;font-size: 18px; color: #fff; height:101px;line-height: 101px;}
#header2 .point .dd.on .li,
#header2 .point .dd:hover .li{font-weight: bold; color: var(--color22);}
#header2 .point .line1{width: 32px;height: 4px; bottom: 0px;left: 0;background: var(--main); z-index: 2; pointer-events: none;}
#header2 .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;}
#header2 .point .dd .menu .mm {display: block;font-size: 18px;line-height: 2;text-align: center;padding:10px;}
#header2 .point .dd .menu .mm:hover {color: #222;} 

#header2 .head .icon{display: flex; align-items: center;}
#header2 .head .icon .language{width: 60px; height: 36px; border: 1px solid #fff; text-align: center; line-height: 34px; border-radius: 16px;}
#header2 .head .icon .language a{ font-size: 18px; color: #fff;}

#header2.cur .head .logo2 .img1,
#header2:hover .head .logo2 .img1{display:none;}
#header2.cur .head .logo2 .img2,
#header2:hover .head .logo2 .img2{display:inline-block;}

#header2.cur .point .dd .li,
#header2:hover .point .dd .li{color: #fff;}
#header2.cur .point .dd.on .li,
#header2:hover .point .dd.on .li,
#header2.cur .point .dd:hover .li,
#header2:hover .point .dd:hover .li{color: var(--color22);}

#header2.cur .head .icon .language,
#header2:hover .head .icon .language{border-color: #fff;}
#header2.cur .head .icon .language a,
#header2:hover .head .icon .language a{color: #fff;}


/* 移动端按钮 */
#header2 .mb-btn,
#m-nav{display: none; }

/* 新版移动端头部 */
#m-header2,
#m-nav,
#search-box{display: none;}
.m-header2-blank{display: none;}

@media (max-width: 1024px) {
	#header2 .point{display: none;}
	#header2 .left{width: 27.44%;}
	#header2 .head .icon{width: 16.5%;}

	#header2 .mb-btn{display: inline-block; width: 32px; zoom: 1.2; margin-left: 20px;}
	#header2 .mb-btn .svg{fill: #fff; width: 32px; height: 32px;}
	#header2 .mb-btn .i1{display: inline-block;}
	#header2 .mb-btn .i2{display: none;}
	#header2 .mb-btn .svg{fill: #fff;}
	#header2 .mb-btn.cur .i1{display: none;}
	#header2 .mb-btn.cur .i2{display: inline-block;}

	#header2{background: #111; }
	#header2 .point .dd .li{color: #333;}
	#header2 .point .dd.on .li,
	#header2 .point .dd:hover .li{color: var(--color22);}
	#header2 .head .icon .language{border-color: #fff;}
	#header2 .head .icon .language a{color: #fff;}
	#header2 .head .logo2 .img1{display:none;}
	#header2 .head .logo2 .img2{display:inline-block;}

	#header2 .head,
	#header2.cur, 
	#header2.none{height: 108px}
	#header2 .head .icon .lang .top .txt{line-height: 108px;}
	#header2.cur .head .icon .lang .top .txt, 
	#header2.none .head .icon .lang .top .txt{height: 108px;line-height: 108px;}
	.m-header2-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) {
	#header2 .head .icon{width: 24%; justify-content: space-between;}
	#header2 .head .icon .language{width: 80px; height: 50px; line-height: 48px; border-radius:30px;}
	#header2 .head .icon .language a{font-size: 26px;;}
	#header2 .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 */
#banner2 .o-banner{}
#banner2 .o-banner .pic{position: relative;}
#banner2 .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%;}
#banner2 .o-banner .text-box{height: max-content; top: 50%; transform: translateY(-50%); z-index: 3;}
#banner2 .o-banner .text-box .text .title{padding-top: 15px; font-size: 50px; color: #fff; line-height: 48px; font-family:"DB"; position: relative;}
#banner2 .o-banner .text-box .text .title::before{content: "";display: block; width: 100px; height: 5px; background: var(--color22); position: absolute; top: 0; left: 0;}
#banner2 .o-banner .text-box .text .title.r-txt{text-align: right;}
#banner2 .o-banner .text-box .text .title.r-txt::before{left: inherit; right: 0;}

@media (max-width: 1024px) {
	#banner2{margin-top: 108px;}
}
@media (max-width: 750px) {
	#banner2 .o-banner .text-box .text .title{font-size: 52px; line-height: 1.3;}
}

/* 底部 */
#floatimg_window.etcc .left{padding: 10px 0 37px; width: 45px; background: url(/images/etcc/xuanfu.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;}

@media (max-width: 750px) {
	#floatimg_window.etcc .left{background: url(/images/etcc/xuanfu.png) no-repeat top right/100% 100%;}
}



#top_title2{padding-bottom: 42px; position: relative; }
#top_title2.title1::before{content:""; display: block; width: 18px; height: 32px; background: url(/images/etcc/icon1.png) no-repeat center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
#top_title2 .tit_en{text-align: center; font-size: 20px; color: #888; font-family:"DD"; line-height: 33px;}
#top_title2 .tit_cn{text-align: center; font-size: 40px; font-weight: bold; color: var(--main); line-height: 57px;}
#top_title2 .brief{text-align: center; font-size: 16px; color: #888; line-height: 30px;}
#top_title2.title2::before{content:""; display: block; width: 18px; height: 32px; background: url(/images/etcc/icon1.png) no-repeat center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 1;}
#top_title2.title2 .tit_en,
#top_title2.title2 .tit_cn,
#top_title2.title2 .brief{color: #f8f8f8;}

@media (max-width: 750px) {
	#top_title2 .tit_en{font-size: 30px; line-height: 1.6;}
	#top_title2 .tit_cn{font-size: 42px; line-height: 1.6;}
	#top_title2 .brief {font-size: 26px; line-height: 1.6;}
}



#index_introduction.etcc .box .left .swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--color22) !important;}



#index_topic{ padding-bottom: 160px;}
#index_topic .list.etcc{ padding-bottom: 0;}
#index_topic .list.etcc .li:hover span{color: var(--color22);}
#index_topic .list.etcc .li:hover span::after,
#index_topic .list.etcc .li:hover span::before{background: var(--color22);}

@media (max-width: 750px) {
    #index_topic{ padding-bottom: 80px;}
	#index_topic .list.etcc .li:hover span{font-size: 26px; color: var(--color22);}
	#index_topic .list.etcc .li span::after,
	#index_topic .list.etcc .li span::before{background: var(--color22);}
}

.inner-btn-box{margin: 40px auto 0;}
.inner-btn-box .btn{margin: 0 auto; width: 200px;height: 70px;line-height: 70px;border-radius: 35px;border: 1px solid #fff;font-size: 18px;color: #fff;font-weight: 700;}
.inner-btn-box .btn:hover{ border-color: #0048d2; background: #0048d2; color: #fff;}
#program2 .inner-btn-box .btn{ border-color: #0048d2; color: #0048d2;}
#program2 .inner-btn-box .btn:hover{ color: #fff;}


#index_more.etcc .swiper-pagination-bullets .swiper-pagination-bullet-active{background: var(--color22) !important;}



#index_etcc{padding: 90px 0; }
#index_etcc .content{margin-top: 55px}
#index_etcc .content .tit{margin-bottom: 55px; font-size: 26px; color: #333; font-weight: bold; line-height: 35px; text-align: center;}
#index_etcc .content .speech{display: flex; justify-content: space-between; }
#index_etcc .content .speech .pic{width: 20.313%;}
#index_etcc .content .speech .info{width: 75%;}
#index_etcc .content .speech .info .name{margin-bottom: 19px; font-size: 20px; font-weight: bold; color: #22b3ee;line-height: 37px;}
#index_etcc .content .speech .info .job1{font-size: 20px; color: #333; font-weight: bold; line-height: 31px;}
#index_etcc .content .speech .info .job2{font-size: 16px; color: #666; font-weight: bold; line-height: 31px;}
#index_etcc .content .speech .info .brief{margin-top: 44px; line-height: 30px; font-size: 16px; color: #666;}

@media (max-width: 1200px) {
	#index_etcc .content .speech .pic{width: 22.313%;}
	#index_etcc .content .speech .pic img{width: 100%;}
}
@media (max-width: 1024px) {
	#index_etcc .content .speech .info{width: 68%;}
}
@media (max-width: 750px) {
	#index_etcc{padding: 80px 0;}
	#index_etcc .content .tit{font-size: 30px;}
	#index_etcc .content .speech{flex-direction: column;}
	#index_etcc .content .speech .pic{width: 100%; text-align: center;}
	#index_etcc .content .speech .info{width: 100%; margin-top: 40px;}
	#index_etcc .content .speech .info .name,
	#index_etcc .content .speech .info .job1{font-size: 30px; line-height: 1.6}
	#index_etcc .content .speech .info .job2,
	#index_etcc .content .speech .info .brief{font-size: 26px; line-height: 1.6;}
}

#index_topic.etcc{background: url(/images/sip/etcc-pic1.png) no-repeat top center/ 100% 100%;}

#index_partner.etcc{padding: 70px 0 130px; background: #0c4e3b;}
#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: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;}
}


#program2{padding: 100px 0;}
#program2 .box{margin-top: 105px;}
#program2 .box .item{margin-top: 54px;}
#program2 .box .item:first-child{margin-top:0;}
#program2 .box .item .info{margin-bottom: 12px; display: flex; align-items: center;}
#program2 .box .item .info .time{width: 23.438%; padding-left: 5.785%; background: url(/images/etcc/pic9.png) no-repeat center left 40px; font-size: 20px; color: var(--color3); line-height: 35px; font-weight: Medium;}
#program2 .box .item .info .address{width: calc(100% - 23.438%);  padding-left: 5.785%; background: url(/images/etcc/pic10.png) no-repeat center left 40px;  font-size: 20px; color: var(--color3); line-height: 35px; font-weight: 500; word-wrap:break-word;}
#program2 .box .item .content{}
#program2 .box .item .content .li{display: flex; align-items: center; min-height: 80px;}
#program2 .box .item .content .li .left{width: 23.438%; font-size: 16px; color: #fff; line-height: 24px; padding: 15px 0 17px;}
#program2 .box .item .content .li .right{width: calc(100% - 23.438%);  padding: 15px 0 17px;}
#program2 .box .item .content .li .right .txt2 .icon{width: 14px;}
#program2 .box .item .content .p1{background: var(--main);}
#program2 .box .item .content .p1 .left{font-weight: bold;  padding-left: 2.785%;}
#program2 .box .item .content .p1 .right{  padding-left: 2.785%;}
#program2 .box .item .content .p1 .right .txt1{font-weight: bold;  font-size: 16px; color: #fff; line-height: 24px;}
#program2 .box .item .content .p1 .right .txt2{display: flex; }
#program2 .box .item .content .p1 .right .txt2 .name{margin-left: 10px; font-size: 16px; color: #fff; line-height: 24px;}
#program2 .box .item .content .p2{border-top: 1px solid #e3e3e3; background: #eceef5; min-height: auto;}
#program2 .box .item .content .p2:last-child{border-bottom: 1px solid #e3e3e3;}
#program2 .box .item .content .p2 .left{padding-left: 2.785%; height: 100%; font-size: 16px; color: #333; display: flex; align-items: center;}
#program2 .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;}
#program2 .box .item .content .p2 .right .txt1{width: 100%;font-weight: bold;  font-size: 16px; color: #333; line-height: 24px;}
#program2 .box .item .content .p2 .right .txt2{ width: 100%;display: flex; }
#program2 .box .item .content .p2 .right .txt2 .name{margin-left: 10px; font-size: 16px; color: #666; line-height: 24px;}
#program2 .box .item .content .p2:last-child .boxs {width: 65%;border-left: 1px solid #e3e3e3;padding-left: 15px;}
#program2 .box .item .content .p2:last-child .boxs:first-child {width: 35%;border-left:none;padding-left: 0;}
@media (max-width: 1024px) {
	#program2 .box .item .info .address{padding-left: 7.25%;}
	
	#program2 .box .item .content .p2:last-child .right {flex-direction: column;} 
	#program2 .box .item .content .p2:last-child .boxs,
	#program2 .box .item .content .p2:last-child .boxs:first-child {width: 100%;border: none;padding-left: 0;}
	#program2 .box .item .content .p2:last-child .boxs:first-child {margin-bottom: 30px;}
}
@media (max-width: 750px) {
	#program2{padding: 80px 0;}
	#program2 .box{margin-top: 80px;}
	#program2 .box .item .info .time{width: 40%; padding-left: 11.25%; font-size: 26px; line-height: 1.6; background: url(/images/etcc/pic9.png) no-repeat center left 30px; background-size: 30px;}
	#program2 .box .item .info .address{width: 60%; padding-left: 11.25%; font-size: 26px; line-height: 1.6; background: url(/images/etcc/pic10.png) no-repeat center left 30px; background-size: 30px;}
	#program2 .box .item .content .li{flex-wrap: wrap; height: auto;}
	#program2 .box .item .content .p1 .left{width: 100%; font-size: 36px; line-height: 1.6;}
	#program2 .box .item .content .p1 .right{width: 100%;}
	#program2 .box .item .content .p1 .right .txt1,
	#program2 .box .item .content .p1 .right .txt2 .name,
	#program2 .box .item .content .p2 .right .txt1,
	#program2 .box .item .content .p2 .right .txt2 .name{font-size: 30px; line-height: 1.6;}
	#program2 .box .item .content .p1 .right .txt2 .icon,
	#program2 .box .item .content .p2 .right .txt2 .icon{width: 30px; height: 48px; transform: scale(1.5);}
	#program2 .box .item .content .p2 .left{width: 100%; height: 80px; }
	#program2 .box .item .content .p2 .left span{font-size: 36px; line-height: 1.6;}
	#program2 .box .item .content .p2 .right{width: 100%;}
}


#guest .box .etcc_item:hover{background: var(--color22);}
@media (max-width: 750px) {
	#guest .box .etcc_item,
	#guest .box .etcc_item:hover{background: var(--color22);}
	#guest .box .etcc_item:hover .info .name,
	#guest .box .etcc_item:hover .info .job,
	#guest .box .etcc_item:hover .info .brief,
	#guest .box .etcc_item .info .name,
	#guest .box .etcc_item .info .job,
	#guest .box .etcc_item .info .brief{color: #fff;}
}

#review .box .li:hover .info .jt2{background: var(--color22);}



/* #etcc_contact .box .list .li .email span::before{content:""; display: block; width: 100%; height: 1px; background:var(--color33); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0; transition: all 0.5s ease;}
#etcc_contact .box .list .li .email:hover span{color: var(--color33);}
@media (max-width: 750px) {
	#etcc_contact .box .list .li .email span{color: var(--color33);}
} */
#etcc_contact{padding: 90px 0 135px;}
#etcc_contact .box{margin-top: 70px;}
#etcc_contact .box .txt{margin-bottom: 85px; font-size: 32px; color: var(--main); line-height: 50px; text-align: center;}
#etcc_contact .box .list{display: flex;justify-content: space-between;}
#etcc_contact .box .list .li{width: 31.25%;}
#etcc_contact .box .list .li .icon{margin-bottom: 23px;}
#etcc_contact .box .list .li .p1{margin-bottom: 23px; font-size: 20px; color: #333; line-height: 33px; text-align: center;}
#etcc_contact .box .list .li .p2,
#etcc_contact .box .list .li .p2 span{font-size: 16px; color: #333; line-height: 29px; text-align: center;}
#etcc_contact .box .list .li .email span{display: inline-block; position: relative;}
#etcc_contact .box .list .li .email span::before{content:""; display: block; width: 100%; height: 1px; background:var(--color33); position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); z-index: 1; opacity: 0; transition: all 0.5s ease;}
#etcc_contact .box .list .li .email:hover span{color: var(--color33);}
#etcc_contact .box .list .li .email:hover span::before{opacity: 1;}

@media (max-width: 750px) {
	#etcc_contact{padding: 80px 0;}
	#etcc_contact .box{margin-top: 60px;}
	#etcc_contact .box .txt{font-size: 36px; margin-bottom: 60px;}
	#etcc_contact .box .list{flex-wrap: wrap;}
	#etcc_contact .box .list .li{width: 100%; margin-top: 40px;}
	#etcc_contact .box .list .li:first-child{margin-top: 0;}
	#etcc_contact .box .list .li .p1{font-size: 32px; line-height: 1.6;}
	#etcc_contact .box .list .li .p2, 
	#etcc_contact .box .list .li .p2 span{font-size: 26px; line-height: 1.6;}
	#etcc_contact .box .list .li .email span{color: var(--color33);}
	#etcc_contact .box .list .li .email span::before{opacity: 1;}
}



#sip_footer.etcc{background: #092d23 url(/images/sip/etcc-pic2.jpg) no-repeat;}
#sip_footer.etcc .footer_contact{background: url(/images/sip/etcc-pic3.png) no-repeat center center/100% 100%;}