/*氓陇麓茅茠篓忙聽路氓录聫*/
.header{width:100%;min-width: 300px;height:auto;z-index: 99;transition: all ease-in-out 0.3s;-ms-transition: all ease-in-out 0.3s;-moz-transition: all ease-in-out 0.3s;-webkit-transition: all ease-in-out 0.3s;-o-transition: all ease-in-out 0.3s;position: fixed;left: 0;right: 0;top: 0;height: .98rem;background: transparent;}

.logo{overflow: hidden;font-size: 0;float: left;margin: .17rem .64rem 0 .44rem;}
.logo a{display: inline-block;*display: inline;*zoom: 1;}
.logo img{width: 100%;}
.logo a.logo1{width: 3.56rem;}
.logo a.logo2{display: none;width: .43rem;}
.logo a.logo4{display: none;}
/* .logo a.logo3{display: none;width: 30px;} */
.menu_box .logo3{display: none;}

.top_mid{float: left;}
.top_nav{margin: .24rem 0 0;}
.top_nav a{color: #fff;display: block;float: left;margin: 0 .63rem 0 0;/* font-family: 'sourcehansanscn-medium','source han sans cn'; */font-weight: 500;position: relative;text-shadow: 0 .03rem .06rem rgba(0,0,0,.16);}
.top_nav a:last-child{margin: 0;}
.top_nav a::after{content: '';display: block;position: absolute;left: -.02rem;bottom: -.04rem;background: #fff;height: .025rem;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;box-shadow: 0 .03rem .06rem rgba(0,0,0,.16);}
.top_nav a.on::after,.top_nav a:hover::after{right: -.02rem;}

.top_btns{position: relative;color: #fff;z-index: 3;float: right;margin: .2rem .4rem 0 0;line-height: .3rem;text-align: center;}
.top_btns .en{/* width: .45rem; */height: .3rem;position: relative;display: inline-block;*display: inline;*zoom:1;background-size: contain;color: #fff;font-size: .16rem;vertical-align: middle;}
.top_btns .search_btn{width: .32rem;height: .3rem;position: relative;margin: 0 0 0 .16rem;display: inline-block;*display: inline;*zoom:1;background-size: contain;cursor: pointer;font-size: .2rem;vertical-align: middle;}
.top_btns .menu_btn{width: .3rem;height: .3rem;position: relative;margin: 0 0 0 .18rem;display: inline-block;*display: inline;*zoom:1;background-size: contain;cursor: pointer;font-size: .2rem;vertical-align: middle;}
.top_btns.on .en,.header.currents .top_btns .en,.header.current2 .top_btns .en{color: #000;}
.top_btns.on .search_btn,.header.currents .top_btns .search_btn,.header.current2 .top_btns .search_btn{color: #000;}
.top_btns.on .menu_btn,.header.currents .top_btns .menu_btn,.header.current2 .top_btns .menu_btn{color: #000;}
.top_btns.on .search_btn.on{color: #000;}
.top_btns.on .search_btn.on.future-caidan-sousuo:before{content: "\e60c";color: #000;}
.top_btns.on .menu_btn.on.future-caidan-mulu:before{content: "\e60f";color: #000;}

.menu_box{position: fixed;right: -5rem;top: 0;bottom: 0;width: 4.84rem;background: #E1E1E6;overflow: auto;z-index: 2;opacity: .5;max-width: 100%;transition: all ease-in-out .5s;-ms-transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;-o-transition: all ease-in-out .5s;}
.menu_box::-webkit-scrollbar{width: 0;}
.menu_box.on{display: block;right: 0;opacity: 1;}

/* 忙聬艙莽麓垄氓录鹿氓鈥÷好︹�⑺喢ε九� */
.search_box{margin: 2.43rem .55rem 0 .52rem;display: none;}
.search_box.on{display: block;}

.ser{height: .45rem;line-height: .45rem;position: relative;}
.ser::after{display: block;position: absolute;left: 0;top: 0;bottom: 0;width: .33rem;height: .45rem;font-family: 'iconfont';content: "\e60d";font-size: .3rem;}
.search{width: 100%;height: 100%;position: relative;z-index: 3;border-bottom: .02rem solid #000;}
.search input.notxt{position:absolute;width: calc(100% - .45rem);height: .45rem;padding: 0 0 0 .7rem;font-size: .24rem;-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;border: 0;background: none;}
.search input.notxt1 {position:absolute;width: .33rem;height: .45rem;border:none;background: none;left: 0;background-size: 90% auto;}

.search_box .relevant{color: #bbb;font-weight: 500;line-height: 2;}
.search_box .relevant span{display: inline-block;*display: inline;*zoom:1;cursor: pointer;}

.nav{line-height: .78rem;padding: 2.02rem 0 2rem 1.64rem;display: none;}
.nav.on{display: block;}
.nav ul{}
.nav ul > li{position: relative;transform: perspective(5000px);-moz-transform: perspective(500px);-o-transform: perspective(5000px);-webkit-transform: perspective(5000px);font-weight: 500;}
.nav ul li > a{display: block;position: relative;color: #808080;line-height: 2;padding: 0.06rem 0 .06rem;}
.nav ul li > a:hover,.nav ul li > a.on{color: #000;}
.nav ul li:hover > a{color: #000;}
.subNav{display: none;margin: -.1rem 0 .08rem;}
.subNav dd {}
.subNav a{color:#000;padding: 0 0 0 3em;display: block;line-height: 2.2;}
.subNav a:hover{color: #007AFF;}
/* .nav ul li:hover .subNav{display: block;} */

.nav ul > li{transform: translateX(50px);opacity: 0;transition-delay: 5s;}
.nav.on ul > li{opacity: 0;transform: translateX(160px);-webkit-animation-name: navli ;animation-name: navli ;animation-duration: 0.3s;-webkit-animation-duration: 0.3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
@keyframes navli{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		transform: translateX(50px);opacity: 0;}
	to {
		opacity: 1;transform: none;}
}


.header.currents,.header.current2{background: #E8E8EC;height: .8rem;}
.header.currents .top_nav a::after{background: #000;}
.header.currents .logo1,.header.current2 .logo1{display: none;}
.header.currents .logo2,.header.current2 .logo2{display: block;}
.header.currents .top_nav a,.header.current2 .top_nav a{color: #676768;margin: 0 .58rem 0 0;text-shadow: none;}
.header.currents .top_nav a.on,.header.current2 .top_nav a.on{color: #000;}

.banner{position: relative;}
.banner .img{padding-bottom: calc(720% / 19.2);position: relative;}
.banner .img::before{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,.3) , rgba(0,0,0,0) ,rgba(0,0,0,0));background: -o-linear-gradient(bottom, rgba(0,0,0,.3) , rgba(0,0,0,0) ,rgba(0,0,0,0));background: -moz-linear-gradient(bottom, rgba(0,0,0,.3) , rgba(0,0,0,0) ,rgba(0,0,0,0));background: linear-gradient(to bottom, rgba(0,0,0,.3) , rgba(0,0,0,0) ,rgba(0,0,0,0));}
.banner .title_box{position: absolute;right: .41rem;top: 50%;transform: translateY(-50%);text-align: right;max-width: 100%;}
.banner .title{display: block;color: #fff;line-height: 1.2;font-weight:800;}
.banner .info{display: block;color: #fff;line-height: 1.2;text-decoration: underline;margin: 0.09rem 0.05rem -.11rem 0;font-weight: 500;}
.banner .title.off{display: none;}
.banner .title.on{-webkit-animation-name: titlefade ;animation-name: titlefade ;animation-duration: 0.2s;-webkit-animation-duration: 0.2s;}
@keyframes titlefade{
	from {
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: .5;}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		opacity: 1;}
}
footer{clear: both;position: relative;z-index: 2;background: #E8E8EC;height: 5.5rem;}
.footer_top{padding: 4rem 0 1.2rem;}
.footer_lf{width: 2.3rem;position: absolute;left: 4.37rem;top: 50%;transform: translateY(-50%);}
.footer_logo{display: block;}
.footer_logo img{width: 100%;}

.footer_md{width: 2.0rem;position: absolute;left: 9.45rem;top: .81rem;text-align: center;}
.footer_md a{display: block;line-height: .39rem;padding: .12rem 0;text-align: left;}

.footer_rt{padding: 0 0 0 .13rem;font-size: 0;width: 3.55rem;position: absolute;right: 1.14rem;top: 1rem;}
.footer_rt .box:first-child{border-bottom: .015rem solid #D8D8D8;margin: 0 0 .27rem;}
.footer_rt .box .title{color: #808080;font-weight: 500;margin: 0 0 .11rem;}
.footer_rt .box .info{line-height: .32rem;margin: 0 0 .31rem; color: #000;}
.footer_rt .box .code{margin: .26rem 0 0;}
.footer_rt .box .code img{height: .82rem;}

.top_mid .bread{margin: .28rem 0 0;}
.top_mid .bread a{color: #fff;display: block;float: left;padding: 0 .4rem 0 0;margin: 0 .2rem 0 0;font-weight: bold;line-height: 1.2;position: relative;}
.top_mid .bread a::after{content: "\e60a";display: block;position: absolute;right: 0;font-family: "iconfont";top: 50%;transform: translateY(-50%);font-size: .16rem;color: #fff;}
.top_mid .bread a:last-child{margin: 0;padding: 0;background: none;}
.top_mid .bread a:last-child::after{display: none;}
/* .top_mid .bread a.on{color: #007AFF;} */
.top_mid .bread a:hover{color: #007AFF;}

.header.currents .bread a, .header.current2 .bread a,.header.current2 .top_mid .bread a::after,.header.currents .top_mid .bread a::after{color: #676768;}
.header.currents .bread a:last-child,.header.current2 .bread a:last-child{margin: 0;padding: 0;background: none;}
.header.currents .bread a.on,.header.current2 .bread a.on{}

@media screen  and (max-width:1480px){
	.nav ul li > a{}
	
	
}
@media screen  and (max-width:1200px) {
	.nav ul li > a{}
	
}
@media screen  and (max-width:1040px) {
	/* .logo{position: relative;top: 0px;padding: 20px 0;transform: none;} */
	
	/* .top_link,.nav{right: 20px;} */
	
}
@media screen  and (max-width:1040px) {
	html{font-size: 50px;}
	
	.header{position: absolute;}
	.header.currents{display: none !important;}
	.header.current2{height: 64px;}
	
	.nav,.top_link{display: none;}
	.top_mid{display: none;}
	
	.logo a.logo1{width: 186px;max-width: 100%;}
	
	.top_btns{margin: 19px 18px 0 0;}
	.top_btns .menu_btn{width: 20px;height: 30px;vertical-align: middle;}
	.top_btns .en{width: 26px;height: 30px;vertical-align: middle;}
	.top_btns .search_btn{width: 20px;height: 30px;vertical-align: middle;margin: 0 0 0 6px;}
	
	.banner .title{font-size: 24px;line-height: 1.5;/* height: 1.5em; */white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
	.banner .info{display: none;}
	
	
	.search_btn{width: 30px;height: 54px;font-size: 0;display: inline-block;*display: inline;*zoom:1;float: none;vertical-align: middle;margin: 0;}
	.search_btn::after{display: none;}
	
	.header .top{height: auto;padding: 0px 15px;width: auto;border-bottom: 1px solid rgba(250,250,250,0.1);}
	.mobile{display: block;}
	
	.subNav{display: none !important;}
	.subNav a{color: #868484;}
	
	.wrapTop{}
	.mobile-inner-header-icon-out{background: url(../images/m_nav1.jpg) center no-repeat;}
	.mobile-inner-header-icon-click{background: url(../images/m_nav2.jpg) center no-repeat;right: 0;top: 0;}
	.mobile-inner-header-icon span{display: none;}
	
	.search_box .close{width: 40px;height: 40px;}
	
	footer{overflow: hidden;height: auto;}
	.footer_lf{float: none;position: static;transform: none;margin: 60px auto 50px;}
	.footer_logo{margin: 0 auto 20px;}
	
	.footer_md{float: none;position: static;transform: none;margin: 0px auto 25px;overflow: hidden;width: auto;padding: 0 24px;}
	.footer_rt{float: none;position: static;transform: none;margin: 0px auto 50px;}
	
	.footer_md a{width: 33.3%;float: left;}
	
	.footer_rt{width: auto;float: none;margin: 0 52px 50px;overflow: hidden;padding: 24px 0 0;border-top: 1px solid #808080;}
	.footer_rt .box{float: right;border: 0;}
	.footer_rt .box:first-child{float: left;border: 0;margin: 0;}
	
	.footer_rt .code{width: 53px;}
	.footer_rt .box .info{line-height: 1.5;}
	
}
@media screen and (max-width: 767px) {
	.logo a.logo1{display: none;}
	.logo a.logo4{display: block;width: 28px;}
	.current2 .logo a.logo4{display: none;}
	.logo{overflow:hidden;/* width: 239px; */max-width: 100%;/* margin:0 auto; */margin: 12px 0 0 18px;text-align: center;position: relative;padding: 1px 0;}
	.mobile{top: 0px;}
	
	/* .search_btn{width: 37px;height: 37px;right: 70px;padding: 0;font-size: 0;background: url(../images/search_btn.png) center no-repeat #fff;border-radius: 50%;top: 11px;} */
	.search_box .close{width: 32px;height: 32px;}
	.ser{}
	.search input.notxt{width: 100%;box-sizing: border-box;position: relative;}
	.search input.notxt1{}
	
	.mobile-inner-nav{}
	.mobile-inner-header-icon{width: 37px;height: 37px;}
	.mobile-inner-header-icon-out{top: 11px;}
	.mobile-inner-header-icon-click{background-size: 15px auto;right: 5px;top: 9px;}
	.mobile-inner-nav ul{}
	.mobile-inner-nav a{}
	
	.menu_box{left:0;width:auto;display: none;}
	.menu_box .logo3{display: block;position: absolute;left: 36px;top: 26px;}
	.nav{padding-left: 36px;padding-top: 136px;}
	.nav ul li > a{font-size: 30px;line-height: 69px;}
	
}
@media screen and (max-width:413px) {
	.logo{padding: 0;}
	.top_btns{}
	
	.footer_rt .box:first-child{float: none;}
	.footer_rt .box{float: none;margin: 0 auto;text-align: center;}
	.footer_rt .box .code{margin: 0 auto;width: 100px;}
	
	.banner .title{font-size: 20px;}
	.banner .title br{display: none;}
}
@media screen and (max-width:380px) {
	/* .logo{float:left;} */
}