/* 顶部栏白色背景 */
.header{
	background: rgba(255,255,255,0);
	transition:all 0.3s;-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;-o-transition:all 0.3s;
}
.otherHeader{background: rgba(255,255,255,1);}
.headerActive{background: rgb(255,255,255);}
.headerTopTit{font-weight: bold;color: #ffffff;}
.languageCN:before,.languageHK:before,.languageUS:before{
	content: '';
	width: 32px;height: 32px;
	display: block;float: left;
	margin-top: 18px;margin-right: 6px;
}

/* .languageCN:before{background: url(../images/CN.png) no-repeat;background-size: cover;}
.languageHK:before{background: url(../images/CN.png) no-repeat;background-size: cover;}
.languageUS:before{background: url(../images/US.png) no-repeat;background-size: cover;}
 */
.languageChooseMain{margin-top: 36px}
.languageBack{opacity: 0;filter:alpha(opacity=0);height: 0;display: none;margin-top: 20px;}
.headwuhua{opacity: 0;filter:alpha(opacity=0);margin-top: 0px;text-align:left;display: none;}
.headwuhua img{margin-top: 6%;width: 26%;}
/* 页面上下滑动顶部栏动画 */
.headerNone{position: relative !important;}
.headerFixd{position: fixed;z-index: 999;-webkit-animation-name: fadeHeaderInDown; -o-animation-name: fadeHeaderInDown; animation-name: fadeHeaderInDown;}
.back{
	background-color: #fff;display: block;border-bottom: 1px solid #dddddd;
	width: 100%;height: 10px;padding-bottom: 30px;
	box-shadow:0px 0px 2px 2px #f2f2f2;-moz-box-shadow:0px 0px 2px 2px #f2f2f2;
	-webkit-box-shadow:0px 0px 2px 2px #f2f2f2; -o-box-shadow:0px 0px 2px 2px #f2f2f2;
	z-index: -1;position: absolute;float: left;top: 0;
	opacity: 0;filter:alpha(opacity=0);
	transition:all 0.3s;-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;-o-transition:all 0.3s;
}
.mainnav{padding: 0;}
.header:hover {
	background: rgba(255,255,255,1);
	transition:all 0.3s;-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;-o-transition:all 0.3s;
}
.header:hover .headerTopTit{
	color: #333333 !important;
}
.backBlock:hover .back{
	height: 270px;opacity: 1;filter:alpha(opacity=100);
	transition:all 0.3s;-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.backBlock:hover .languageBack{
	opacity: 1;filter:alpha(opacity=100);display: block;
	transition:all 0.3s;-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.backBlock:hover .headwuhua{
	opacity: 0.8;filter:alpha(opacity=80);display: block;
	transition:all 0.3s;-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.childList{display: none;}
.backBlock:hover .childList{display: block;}
.childList a{color: #999999 !important;}

.childList:before{content: '';width: 0px;height: 4px;position: absolute;left: -50%;right: -50%;
	background: #0085cd;top: 66px;margin: auto;text-align: center;opacity: 0; filter:alpha(opacity=0);
	transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
.mainnav li:hover .childList:before{content: '';width: 50%;opacity: 1;filter:alpha(opacity=100);
	transition: all 0.2s ease-out;-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;}
/* 鼠标移入文字变化 */
.backListA{
	color: #999;
	word-wrap:break-word !important;
	text-overflow: clip !important;
	font-size: 14px !important;
	overflow: visible !important;
	padding: 0 !important;
	/* 强制不换行 */
	/* white-space: normal !important; */
}
.backListA:hover{color: #0085cd !important;text-decoration:none;}
.backdiv{height: 40px;width: 100%;text-align: center;margin: auto;}

/* banner */
.item .inner .block_txt{
	opacity: 0;
	transform: translateY(40px);-webkit-transform: translateY(40px);
	transition: all 500ms ease;-webkit-transition: all 500ms ease;
}
.item.active .inner .block_txt{
	opacity: 1;
	transform: translateY(0);-webkit-transform: translateY(0);
	transition: all 1s ease 200ms;-webkit-transition: all 1s ease 200ms;
}
.block_txtContent{margin: 440px 0;}
.block_txt h2{font-weight: bold;}
.block_txt h2 a{color: #ffffff;letter-spacing: 1px;}
.block_txt p{color: #ffffff;font-size: 18px;width: 100%;}

/* subnav */
.channel-navLi a{display: inline-block!important;}
.channel-navLi:after{
	content: '';float: right;display: inline-block;
	width: 1px;height: 50px;background: #d0d0d0;margin-left: 10px;}
.channel-navLi:nth-child(1):before{
	content: '';float: left;display: inline-block;
	width: 1px;height: 50px;background: #d0d0d0;margin-right: 10px;}

/* foot */
.footer{padding-top: 90px;}
.ft-nav li{margin-right: 30px;text-align: left;width: 120px;}
.ft-nav li a{color: #333333;}
.ft-nav li:after{content: '' !important;}
.footchild{margin-top: 1rem;}
.footchild .footchilddiv{padding: 0.4rem 0;}
.footchild .footchilddiv a{color: #888888;}
.cyright a{color: #999999;}
.footBottomWX{float: right;margin-top: -5%;cursor: pointer;}
.footBottomWX img{height: 38px;}
.footBottomWX:after{
	content: '获取微信公众号';font-size: 14px;color: #aaaaaa;
	position: absolute;display: block;float: left;
	height: 20px;width: 100px;right: 5%;top: 82%;}
.footBottomWX:hover:after{
	content: '';
	position: absolute;display: block;float: left;
	height: 120px;width: 120px;top: 55%;right: 6%;
	background: url(../images/wxgzh.jpg) no-repeat;
	background-size:cover;
	animation: wx 0.4s ease;-moz-animation: wx 0.4s ease;
	-webkit-animation: wx 0.4s ease;-o-animation: wx 0.4s ease;}
@keyframes wx{
	0%{opacity: 0;filter:alpha(opacity=0);right: 0%;}
	100%{opacity: 1;filter:alpha(opacity=100);}}
@-moz-keyframes wx{ /* Firefox */
	0%{opacity: 0;filter:alpha(opacity=0);right: 0%;}
	100%{opacity: 1;filter:alpha(opacity=100);}}
@-webkit-keyframes wx{ /* Safari 和 Chrome */
	0%{opacity: 0;filter:alpha(opacity=0);right: 0%;}
	100%{opacity: 1;filter:alpha(opacity=100);}}
@-o-keyframes wx{ /* Opera */
	0%{opacity: 0;filter:alpha(opacity=0);right: 0%;}
	100%{opacity: 1;filter:alpha(opacity=100);}}
/* 让右侧logo浮动 */
.commonweb{position: relative;}
.footlogo img{height: 48px !important;}
.ft-logo{position: absolute;right: 0;top: 25%;}

/* 视频移入图标变大 */
 .full-media:hover .player .u-img .playbtn{
	animation:videoPlay 2.5s linear infinite;
	-moz-animation: videoPlay 2.5s linear infinite;
	-webkit-animation: videoPlay 2.5s linear infinite;
	-o-animation: videoPlay 2.5s linear infinite;}
@keyframes videoPlay{
	0%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}
	50%{width: 6%;opacity: 0.8;filter:alpha(opacity=80);}
	100%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}}
@-moz-keyframes videoPlay{
	0%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}
	50%{width: 6%;opacity: 0.8;filter:alpha(opacity=80);}
	100%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}}
@-webkit-keyframes videoPlay{
	0%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}
	50%{width: 6%;opacity: 0.8;filter:alpha(opacity=80);}
	100%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}}
@-o-keyframes videoPlay{
	0%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}
	50%{width: 6%;opacity: 0.8;filter:alpha(opacity=80);}
	100%{width: 6.6667%;opacity: 1;filter:alpha(opacity=100);}}


