/*===================CSS Reset============================*/
@font-face{ font-family: fontM; src: url('../fonts/FuturaBT-Medium.otf');}
@font-face{ font-family: fontB; src: url('../fonts/SourceHanSansSC-Bold.otf');}
@font-face{ font-family: fontN; src: url('../fonts/SourceHanSansCN-Normal.otf');}
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
/*body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}*/
body,button,input,select,textarea{ color: #333;}
/*h1,h2,h3,h4,h5,h6{ font-size:100%;}*/
em,i{ font-style:normal;}
/*ul,ol{ list-style:none;}*/
table{ border-collapse:collapse; border-spacing:0;}
img{ max-width: 100%;}
/*input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;}*/
input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */ color: #999;}
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */ color: #999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */ color: #999;}
input:-ms-input-placeholder{ /* Internet Explorer 10+  适配ie*/ color: #999;}

/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1200px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.fontB{ font-family: fontB,"微软雅黑";}
.fontM{ font-family: fontM,"微软雅黑";}
.color-f{ color: #fff !important;}
.color-3{ color: #333 !important;}
.color-9{ color: #999 !important;}
.color-r{ color: #cd020a !important;}
.bg-f{ background: #fff;}
.bg-r{ background: #cd020a;}
.dong{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;}
.imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;}
.imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
/*.row{ margin-left: 0; margin-right: 0;}*/
/*.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{ padding-right: 0; padding-left: 0;}*/

/*============================ Header ============================*/
.header .nav-scroller {
	position: relative;
	z-index: 2;
	height: 52px;
	overflow-y: hidden;
}
.header .nav-scroller .navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	padding-bottom: 70px;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
.header .bar {
	font-size: 14px;
}
.header .navbar-nav .nav-item.active .nav-link {
	border-bottom: 3px solid #d68879;
	font-weight: bold;
	color: #000;
}

.header .navbar-nav .nav-item:hover .nav-link {
	/*border-bottom: 2px solid #d68879;*/
	font-weight: bold;
	color: #000;
}


/*============================ Footer ============================*/
.footer{ background: #eee; color: #343a40;}
.footer a{ display: inline-block; color:#343a40;}
.footer a:hover{ color: #286090;}
.footer .l em{ display: inline-block; margin-right: 30px;}
.footer .l em:last-child{ margin-right: 0;}
.footer .r a{ display: inline-block; width: 34px; height: 34px; margin-left: 15px; vertical-align: top; position: relative;}
.footer .r a i{ display: block; width: 100%; height: 100%; font-size: 0; border-radius: 50%; background-color: #494949; background-position: center; background-repeat: no-repeat;}
.footer .r a.wx i{ background-image: url(../images/foot1.png); background-size: 20px;}
.footer .r a.w i{ background-image: url(../images/foot2.png); background-size: 20px;}
.footer .r a.dy i{ background-image: url(../images/foot3.png); background-size: 17px;}
.footer .r a:hover i{ background-color: #000;}
.footer .r a.wx span{ display: none; width: 140px; height: 140px; padding: 10px; box-shadow: 0 0 10px rgba(0,0,0,.2); border-radius: 10px; position: absolute; left: -50px; bottom: 34px;}
.footer .r a.wx span img{ width: 100%;}
.footer .r a.wx:hover span{ display: block;}
.footer .copy{ padding: 20px 0; border-top: 1px solid rgba(255,255,255,.1); margin-top: 15px;}
.footer .copy i{ display: inline-block; margin: 0 15px;}

/*============================ 倒计时 ============================*/
#floatDivBoxs {
	font-size: 16px;
	font-weight: 500;
	width: 120px;
	background: #fff;
	position: fixed;
	top: 28%;
	right: 10px;
	z-index: 99999;
	border-radius: 5px;
	padding: 12px;
	color: #fff;
	background: linear-gradient(to bottom, #055ae2, #c18cad, #fc7c43);
}
#floatDivBoxs .floatText {
	padding-top: 10px;
	text-align: right;
}

/*============================ 参会邀请 ============================*/
#floatInvitationBoxs {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 500;
	width: 120px;
	height: 120px;
	background: #fff;
	position: fixed;
	top: calc(28% + 130px);
	right: 10px;
	z-index: 99999;
	border-radius: 5px;
	padding: 12px;
	color: #fff;
	background: linear-gradient(to bottom, #fc7c43, #c18cad, #055ae2);
}

#floatResearchBoxs {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: 500;
	width: 120px;
	height: 120px;
	background: #fff;
	position: fixed;
	top: calc(28% + 255px);
	right: 10px;
	z-index: 99999;
	border-radius: 5px;
	padding: 12px;
	color: #fff;
	background: linear-gradient(to bottom, #fc7c43, #c18cad, #055ae2);
}


/*============================ 回到顶部 ============================*/
.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:40px;}
.bottom_tools>*{display:block;margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
#scrollUp{width:40px;height:40px;background-image:url(/cefco_2025/images/back-to-top-teal.png);display:none; z-index:9999; position:fixed;right:5px;bottom:100px;}


/*============================ Index ============================*/
.ixPart1{ padding: 70px 0 100px;}
.ixPart1 .box .text{ margin-right: 7%;}
.ixPart1 .box .text span{ display: block; font-size: 28px; margin: 15px 0;}
.ixPart1 .box .text p{ -webkit-line-clamp: 4;}
.ixPart1 .box .text a{ display: inline-flex; justify-content: flex-start; align-items: center; margin-top: 40px;}
.ixPart1 .box .text a img{ width: 21px; margin-left: 5px;}
.ixPart1 .box .text a:hover img{ margin-left: 10px;}
.ixPart1 .box .img img{ width: 100%;}

.JsTabTit span{ display: inline-block; padding: 0 15px 11px; margin-right: 35px; font-size: 24px; border-bottom: 4px solid rgba(0,0,0,0); cursor: pointer;}
.JsTabTit .JsTabSlt{ color: #cd020a; font-family: fontB,"微软雅黑"; font-size: 28px; border-color: #cd020a;}
.JsTabCon{ display: none;}

.ixPart2{ margin-top: -50px;}
.ixPart2 .JsTab{ margin-right: 50px;}
.ixPart2 .JsTabTit .JsTabSlt{ font-size: 24px; color: #fff; border-color: #fff;}
.ixPart2 .JsTabCon{ height: 500px;}
.ixPart2 .JsTabCon .box{ display: block; padding: 30px 0 15px; border-bottom: 1px solid #eee;}
.ixPart2 .JsTabCon .box:last-child{ border-bottom: none;}
.ixPart2 .JsTabCon .box span{ display: block; font-size: 20px; line-height: 20px; background: url(../images/titIcon.png) center left no-repeat; background-size: 4px; padding-left: 15px; margin-bottom: 10px;}
.ixPart2 .JsTabCon .box p{ color: #666; padding-left: 15px;}
.ixPart2 .JsTabCon .box:hover span{ color: #cd020a;}
.ixPart2 .right{ padding: 30px 5px 0;}
.ixPart2 .right .box{ display: flex; justify-content: center; align-items: center; font-size: 20px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.ixPart2 .right .box img{ width: 48px; height: 48px; margin-right: 15px;}
.ixPart2 .right .box.bg1{ height: 100px; margin: 0 5px; background-image: url(../images/ixImg2_1.png);}
.ixPart2 .right .box.bg2{ height: 90px; margin: 15px 5px 0; background-image: url(../images/ixImg2_2.png);}
.ixPart2 .right .box:hover{ color: #cd020a;}

.ixPart3 .img{ display: block; margin-top: 30px;}
.ixPart3 .img img{ width: 100%;}

.ixPart4{ padding: 35px 0;}
.ixPart4 .JsTabCon{ border: 1px solid #eee; margin-top: 25px; position: relative;}
.ixPart4 .JsTabCon .more,.ixPart5 .JsTabCon .more{ display: block; font-size: 18px; line-height: 20px; background: url(../images/jt2.png) center right no-repeat; background-size: 16px; padding-right: 25px; position: absolute; right: 0; top: -68px; z-index: 1;}
.ixPart4 .JsTabCon .more:hover,.ixPart5 .JsTabCon .more:hover{ font-family: fontB,"微软雅黑";}
.ixPart4 .JsTabCon .box{ display: block; padding: 20px 0; margin: 0 15px; border-bottom: 1px solid #eee;}
.ixPart4 .JsTabCon .box .date{ width: 75px;}
.ixPart4 .JsTabCon .box .date i{ display: block; font-size: 36px; line-height: 40px;}
.ixPart4 .JsTabCon .box .date p{ font-size: 14px; background: #f5ccce; line-height: 20px;}
.ixPart4 .JsTabCon .box .txt{ padding-left: 95px;}
.ixPart4 .JsTabCon .box .txt span{ display: block; font-size: 18px; margin-bottom: 10px;}
.ixPart4 .JsTabCon .box:hover .txt span{ color: #cd020a;}

.ixPart5{ background: #fcf2f3; padding: 20px 0 20px;}
.ixPart5 .JsTabCon{ border-top: 2px solid #f5ccce; margin-top: -2px; position: relative;}
.ixPart5 .JsTabCon .more{ top: -45px;}
.ixPart5 .JsTabCon .box1{ display: block; margin: 0 20px; padding: 15px 0; border-bottom: 1px solid #eee;}
.ixPart5 .JsTabCon .box1 span{ display: block; font-size: 18px; margin-bottom: 10px;}
.ixPart5 .JsTabCon .box2{ display: block; padding: 15px 0; border-bottom: 1px solid #eee; margin: 0 20px;}
.ixPart5 .JsTabCon .box2 span{ display: inline-block; background: #e88b8f; padding: 0 5px; margin-bottom: 10px; position: relative;}
.ixPart5 .JsTabCon .box2 span i{ display: block; width: 5px; height: 4px; background: url(../images/jt5.png) center no-repeat; background-size: 100%; position: absolute; left: 0; bottom: -4px;}
.ixPart5 .JsTabCon .box2 p{ font-size: 18px;}
.ixPart5 .JsTabCon .box1:hover span,.ixPart5 .JsTabCon .box2:hover p{ color: #cd020a;}

.ixPart6{ padding: 30px 0 40px;}
.ixPart6 .imgList{ margin: 0 -10px;}
.ixPart6 .imgList .img{ display: flex; justify-content: center; align-items: center; border: 1px solid #eee; margin: 0 10px 20px;}
.ixPart6 .imgList .img img{ height: 100%;}
.ixPart6 .firLink .title{ font-size: 28px;}
.ixPart6 .firLink .item{ margin: 0 -15px;}
.ixPart6 .firLink .item .box{ margin: 15px 15px 0; position: relative;}
.ixPart6 .firLink .item .box .top{ width: 100%; height: 50px; line-height: 50px; border: 1px solid #eee; background: url(../images/jt3.png) center right 15px no-repeat; background-size: 20px; padding: 0 50px 0 15px; cursor: pointer;}
.ixPart6 .firLink .item .box .down{ display: none; width: 100%; padding: 0 15px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0,0,0,.1); position: absolute; bottom: 50px; left: 0; z-index: 9;}
.ixPart6 .firLink .item .box .down a{ display: block; line-height: 40px; border-bottom: 1px solid #eee;}
.ixPart6 .firLink .item .box .down a:last-child{ border-bottom: none;}
.ixPart6 .firLink .item .box .down a:hover{ color: #cd020a; font-family: fontB,"微软雅黑";}
.ixPart6 .firLink .item .box:hover .down{ display: block;}

/*============================ 媒体查询 ============================*/
.mobHide{ display: block;}
.mobShow{ display: none;}

@media (max-width: 1200px) {
    .wrap{ width: 100%; padding: 0 10px;}
    .navBar ul li{ width: 12%; margin-right: 0;}
    .navBar li.l{ width: 160px;}
}

@media (max-width: 1024px) {
	/*.header{ padding: 0 10px;}*/
	.navBar li{ margin-right: 25px;}
	.ixPart1{ padding: 70px 15px 100px;}
}

@media (max-width: 990px) {
	.mobHide{ display: none;}
	.mobShow,.m_nav{ display: block;}
	.header .logo{ width: 85%; height: 40px; margin: 5px 0;}
	.header .info{ width: 100%; text-align: center; padding: 0 10px 15px;}
	.header .info .link{ text-align: center !important; padding: 20px 0; margin: 0 -2%;}
	.header .info .link .an{ width: 28%; margin: 0 2%;}
	.header .info .search input{ height: 36px;}
	.header .info .search button{ width: 76px; height: 36px;}
	.header.on{ height: 50px; box-shadow: 0 4px 10px rgba(204,0,0,.2); position: fixed; top: 0; left: 0; z-index: 999;}
	.header.on .info{ display: none;}
	#navToggle{ width: 30px; height: 50px; background: url(../images/menu.png) center no-repeat; background-size: 100%; position: absolute; top: 0; right: 10px;}
	.footer{ }
	.footer .l em{ display: block; margin: 0 0 10px;}
	.footer .r{ text-align: center !important; padding: 10px 0 0;}
	.footer .copy{ padding: 15px 0;}
	.footer .copy i{ display: block; margin: 5px 0;}
	.ixPart1 .box .text p{ -webkit-line-clamp: 2;}
	.JsTabTit span{ font-size: 20px; margin-right: 20px; padding: 0 10px 11px;}
	.JsTabTit .JsTabSlt{ font-size: 20px;}
	.ixPart2 .JsTab{ margin-right: 30px;}
	.ixPart2 .JsTabTit .JsTabSlt{ font-size: 20px;}

}

@media (max-width:767px) {
	body,button,input,select,textarea{ font-size: 14px;}
	.footer{ font-size: 12px;}
	.ixPart1{ padding: 20px 10px 100px;}
	.ixPart1 .slide{ padding-bottom: 30px;}
	.ixPart1 .box .text{ margin: 0 1%; text-align: center;}
	.ixPart1 .box .text span{ margin: 0 0 10px; font-size: 20px;}
	.ixPart1 .box .text p{ text-align: left;}
	.ixPart1 .box .text a{ margin: 15px 0 20px;}
	.ixPart1 .slick-dots{ width: 100%; text-align: center;}
	.ixPart1 .slick-dots li{ margin: 0 5px; width: 14px; height: 14px;}
	.JsTabTit span{ width: 25%; font-size: 18px; text-align: center; padding: 0 0 5px; border-width: 3px; margin: 0;}
	.ixPart2{ margin: -43px 10px 0;}
	.ixPart2 .JsTab{ margin: 0;}
	.ixPart2 .JsTabTit span{ width: 33.3333%; padding: 0 5px 10px; border-width: 4px;}
	.ixPart2 .JsTabCon{ height: auto;}
	.ixPart2 .JsTabCon .box{ padding: 15px 0;}
	.ixPart2 .JsTabCon .box span{ font-size: 18px; margin-bottom: 5px;}
	.ixPart2 .right{ padding: 20px 0 0;}
	.ixPart2 .right .box{ font-size: 18px;}
	.ixPart2 .right .box img{ width: 36px; height: 36px; margin-right: 10px;}
	.ixPart2 .right .box.bg1{ height: 80px; margin: 0 4px;}
	.ixPart2 .right .box.bg2{ height: 60px; margin: 8px 4px 0;}
	.ixPart3{ padding: 20px 10px 0;}
	.ixPart3 .img{ margin-top: 5px;}
	.ixPart4{ padding: 30px 10px;}
	.ixPart4 .JsTabCon,.ixPart5 .JsTabCon{ margin-top: 40px;}
	.ixPart4 .JsTabCon .more, .ixPart5 .JsTabCon .more{ font-size: 14px; background-size: 14px; padding-right: 20px; top: -30px;}
	.ixPart4 .JsTabCon .box{ padding: 10px 0; margin: 0 10px;}
	.ixPart4 .JsTabCon .box .date{ width: 65px;}
	.ixPart4 .JsTabCon .box .date i{ font-size: 30px; line-height: 34px;}
	.ixPart4 .JsTabCon .box .date p{ font-size: 12px;}
	.ixPart4 .JsTabCon .box .txt{ padding-left: 80px;}
	.ixPart4 .JsTabCon .box .txt span{ margin-bottom: 5px;}
	.ixPart5{ padding: 20px 10px;}
	.ixPart5 .JsTabCon .box1{ margin: 0 10px;}
	.ixPart5 .JsTabCon .box1 span{ margin-bottom: 5px;}
	.ixPart5 .JsTabCon .box2{ margin: 0 10px; padding: 10px 0;}
	.ixPart5 .JsTabCon .box2 span{ margin-bottom: 5px; font-size: 14px;}
	.ixPart6{ padding: 30px 10px 40px;}
	.ixPart6 .imgList{ margin: 0 -5px;}
	.ixPart6 .imgList .img{ margin: 0 5px 10px;}
	.ixPart6 .firLink .title{ font-size: 24px; text-align: center; margin-top: 20px;}
	.ixPart6 .firLink .item{ margin: 0;}
	.ixPart6 .firLink .item .box{ margin: 15px 0 0;}
}

/* ====================== vue ====================== */
[v-cloak] {
	display: none !important;
}