.home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

#move_port{position:fixed;width:400px;max-width:36%;z-index:9999}
#move_port a{display:block;margin-bottom:10px}
#move_port img{display:block;width:100%}
.close_port{position:absolute;right:0;bottom:-25px;width:20px;height:20px;background:url(../images/close.png) 50% no-repeat;display:block !important;cursor:pointer}

.home body {
    height: 100%;
    overflow: hidden;
    padding: 0;
}
.body_home {
    background: #000;
    height: 100%;
    overflow: hidden;
}
	.header {
		position: fixed;
		left: 0%;
		top: 0;
		right: 0%;
		z-index: 3;
		transition: all 0.7s ease-out 0s;
		background: rgba(2, 125, 180, .6);
	}

.body_home>.header>.header-top{
	/* height: 51px; */
	line-height: 50px;
	font-size: 14px;
	position: absolute;
	top: 4px;
	right: 0;
}
.s>.header>.header-top{
	background: rgba(2, 125, 180, 1);
	left:0;
	line-height: 40px;
	height: auto;
}

.body_home>.header>.header-top ul {
	padding-left: 0;
	list-style: none;
	margin: 0;
	float: right;
}
.body_home>.header>.header-top ul li {
	float: left;
	margin-right: 16px;
}
.body_home>.header>.header-top ul li a{
	color: white;
	text-decoration: none;
}
.s>.header>.header-top{top: 0;position: relative;}
.s>.header>.header-top ul li a{/* color:#666 */}

.body_home>.header>.header-top ul li a:hover{
	color: red;
	text-decoration: none;
}
.body_home>.header>.header-boom{
	/* background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0)); */
}
.body_home.s>.header>.header-boom{
	background: white;
	box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.body_home>.header>.header-boom .block{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	line-height: 100px;
}
.s>.header>.header-boom .block .logo{line-height:120px;}
.body_home>.header>.header-boom .block .logo{
	/* margin-top: 13px; */
	/* padding-bottom: 20px; */
	/* display: inline-block; */
	/* vertical-align: middle; */
}
.logo img{display: inline-block;vertical-align: middle;}
.body_home>.header>.header-boom .meuns-top{
	text-align: right;
	margin-bottom: 15px;
	padding-right: 22px;
}
.body_home>.header>.header-boom .meuns-top span:nth-child(1){
	margin-right: 5px;
}
.body_home>.header>.header-boom .meuns-boom {
	position: relative;
}
.body_home>.header>.header-boom .meuns-boom>a{
	color: white;
	font-size: 20px;
	margin-left: 22px;
	margin-right: 22px;
	text-decoration: none;
}
.body_home.s>.header>.header-boom .meuns-boom>a{
	color: #333;
}

.clearfix,.nav-brand,.section{zoom:1}.clearfix:after,.nav-brand:after,.section:after{display:block;visibility:hidden;height:0;clear:both;font-size:0;content:"."}

.nav-brand{
	padding-left: 0;
	list-style: none;
	margin: 29px 0 0;
	transition: .3s all ease-in;
}
.nav-brand>li{
	float: left;
	position: relative;
	line-height: 46px;
}
.nav-brand>li>a{
	font-size: 20px;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 0 25px;
}
.s .nav-brand>li>a{

	color: #000;

}

.s .nav-brand{
    margin: 22px 0;
}
.nav-brand>li>a.hover{
	color: #027DB4;
	background: #fff;
	border-top: 2px solid #027DB4;
	line-height: 44px;
}
.nav-brand>li>ul{
	background: #fff;
	position: absolute;
	top: 46px;
	width: 190px;
	z-index: 2;
	padding: 5px 0;
	display: none;
	box-shadow: 0 8px 12px rgba(0, 0, 0, 0.1);
}
.nav-brand>li>ul.nav-brand-min{
	width: 150px;
}
.nav-brand>li>ul>li{
	float: none;
	display: block;
	padding: 0;
	margin: 0;
}
.nav-brand>li>ul>li>a{
	line-height: 44px;
	font-size: 16px;
	color: #000;
	padding: 0 0 0 25px;
	text-decoration: none;
	display: block;
}
.nav-brand>li>ul>li>a:hover{
	background: #eeeeee;
}
.nav-brand>li>ul.last{
	right: 0;
	width: 150px;
}

.body_home>.header>.header-boom .block .nava-chid>.item{
	width: 957px;
	background: white;
	top: 200%;
	padding: 40px 40px;
	position: absolute;
	display: flex;
	justify-content: space-between;
	background-image: url(../images/logobg.png);
	visibility: hidden;
	opacity: 0;
}
.body_home>.header>.header-boom .block .nava-chid>.item.s{
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s ease-out 0s;
}
.body_home>.header>.header-boom .block .nava-chid>.item>.left{
	display: flex;
	width: 50%;
}
.body_home>.header>.header-boom .block .nava-chid>.item>.left>.txt{
	color: #8c0000;
font-size: 26px;
text-align: center;
line-height: 34px;
font-family: "华文行楷";
letter-spacing: 3px;
padding-top: 20px;
margin-left: 10px;
}
.body_home>.header>.header-boom .block .nava-chid>.item>.right{
	width: 50%;
}
.body_home>.header>.header-boom .block .nava-chid>.item>.right>a{
	width: 31.7%;
font-size: 16px;
margin-top: 20px;
display: inline-block;
color: #333333;
text-decoration: none;
text-align: center;
}
.body_home>.header>.header-boom .block .nava-chid>.item>.right>a:hover{
	color: #004ea1;
}

.header-top>.container-fluid>.meuns-top{
	float: right;
	margin-top: -10px;
	margin-right: 20px;
}

.body_home .dow{
	position: absolute;
	left: 50%;
	bottom: 40px;
	text-align: center;
	transform: translateX(-50%);
	font-size: 40px;
	z-index: 9999;
	color: rgb(175, 2, 2);
	cursor: pointer;
	animation:showdow 2s linear 0s infinite;
}

@keyframes showdow{
	0%{transform:translate(-50%,0);opacity:0;}
	20%{transform:translate(-50%,3px);opacity:1;}
	80%{transform:translate(-50%,10px);opacity:1;}
	90%{transform:translate(-50%,10px);opacity:0;}
	100%{transform:translate(-50%,10px);opacity:0;}
}
.body_home .dow:hover {
    animation-play-state: paused;
    color: #fff;
}
.s .dow{
	display: none;
}

.showdiv .toplog2{
	display: none;
}
.s .toplog1{
	display:none;
}
.s .toplog2{
	display: block;
}

.mobemeun{
	display:none;
}
.moble{
	display: none;
}
@media screen and (max-width: 1500px){
	.body_home > .header > .header-boom .meuns-boom > a {
		font-size: 20px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.nav-brand > li > a{
		padding: 0 20px;
	}
}
@media screen and (max-width: 1400px){
	.nav-brand > li > a{
		padding: 0 15vw;
	}
}
@media screen and (max-width: 1280px){
	.body_home > .header > .header-boom .meuns-boom > a {
		font-size: 19px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.nav-brand > li > a{
		padding: 0 10px;
	}
	.nav-brand > li > ul{
		width: 190px;
	}
}

@media screen and (max-width: 1240px){
	.body_home > .header > .header-boom .meuns-boom > a {
		font-size: 15px;
		margin-left: 10px;
		margin-right: 10px;
	}


}
@media screen and (max-width: 1100px){
	.body_home > .header > .header-boom .meuns-boom {
		display: none;
	}
	.moble{
		display: flex;
	}
	.moble .ssuo{
		margin-top: 15px;
		margin-right: 20px;
		width: 40px;
	}
	.moble>.caidan{
		color: white;
		font-size: 48px;
	}
	.header-top{
		display: none;
	}
	.body_home.s>.header>.header-boom{
		background: #027DB4;
		box-shadow: 0 0 10px rgba(0,0,0,0.15);
	}
	.mobemeun-nava{
		background: white;
	}
	.mobemeun-nava a{
		text-decoration: none;
		border-bottom: 1px solid rgba(0,0,0,0.08);
		padding: 8px 15px;
		width: 50%;
		box-sizing: border-box;
		height: auto;
		display: inline-block;
		float: left;
		color: #000;
	}
	.mobemeun-nava a:nth-child(-n+2){
		border-top: 1px solid rgba(0,0,0,0.08);
	}
	.mobemeun-nava a:nth-child(2n+2){
		border-left: 1px solid rgba(0,0,0,0.08);
	}
	.mobemeun-top a{
		color: white;
		text-decoration: none;
		margin-right: 10px;
	}
	.mobemeun-top{
		background: #94070A;
		padding: 10px;
	}

	.s .toplog1{
		display:block;
	}
	.s .toplog2{
		display: none;
	}
}
@media screen and (max-width: 1024px){
	.home, .home body{
		height: auto;
		overflow: auto;
	}
	.body_home {
		height: auto;
		overflow: visible;
	}
	.body_home > .header > .header-boom{
		background: #027DB4;

	}
}
@media screen and (max-width: 1000px){

}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 850px){
	.home, .home body{
		height: auto;
		overflow: auto;
	}
	.body_home {
		height: auto;
		overflow: visible;
	}

}
@media screen and (max-width: 800px){
}

@media screen and (max-width: 768px){
	.body_home > .header > .header-boom{
		background: #027DB4;

	}
}
@media screen and (max-width: 736px){
	.body_home > .header > .header-boom{
		background: #027DB4;

	}
}
@media screen and (max-width: 700px){

}
@media (max-width: 414px) {
	.body_home > .header > .header-boom .block {
		margin-left: 0px;
	}
	.body_home > .header > .header-boom{
		background: #027DB4;

	}
	.moble > .caidan {
		color: white;
		font-size: 28px;
	}
	.moble .ssuo {
		margin-top: 6px;
		margin-right: 20px;
		width: 30px;
	}

}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/
	.showdiv .toplog2{
		width: 100px;
	}
	.showdiv .toplog2{
		display: none !important;
	}
	.showdiv .toplog1{
		width: 200px;
	}
}
/* 幻灯片开始 */
.body_home>.banner{
	position: relative;
height: 100%;
overflow: hidden;
}


.body_home .banner .swiper-container{
	height: 100%;
}
.body_home .banner .swiper-container .swiper-slide{
	height: 100%;
}

.body_home .banner .side {
	background-size: cover;
	color: #fff;
	background-position: center center;
	height: 100%;
	position: relative;
	overflow: hidden;
	background-color: #000;
}

.body_home .banner .side::before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 80px;
	background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));
}
.body_home .banner .side .side-text{
		position: absolute;
		left: 0;
		right: 380px;
		bottom: 50px;
		line-height: 1;
		padding-left: 40px;
		font-size: 36px;
}
.body_home .banner .side .side-actron{
		position: absolute;
		right: 15px;
		bottom: 1px;
		font-size: 24px;
		line-height: 1;
		width: 80px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		display: none;
}
.body_home>.banner>.swiper-container>.swiper-pagination{
	width: unset;
	right: 100px;
	text-align: right;
	display: none;
}
.body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet{
	margin: 0 10px;
font-family: Arial;
cursor: pointer;
vertical-align: middle;
display: inline-block;
width: unset;
height: unset;
border-radius: 0;
background: unset;
color: white;
opacity: 1;
font-size: 18px;
}
.body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet:focus{
	outline:none;
	-webkit-tap-highlight-color: transparentï¼›
}
.body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet::after {
    content: "";
    border-top: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    margin-left: 5px;
    transition: all 0.5s ease-out 0s;
	margin-top: 10px;
}
.body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{
	font-size: 24px;
}
.body_home>.banner>.swiper-container>.swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
	width: 60px;

}


.fl,.news_l{float:left}
.fr,.icon_r{float:right}
.tc{text-align:center}
.cover_bg,.cover_img >div:first-child{background-position:50%;background-repeat:no-repeat;background-size:cover}
.cover_img{position:relative;overflow:hidden}
a:hover .cover_img >div:first-child,.cover_img:hover >div:first-child{-webkit-transform:scale(1.1);transform:scale(1.1)}
.cover_img div{position:absolute;top:0;left:0;width:100%;height:100%}

.bar_wrap{position:absolute;left:0;right:0;bottom:0;z-index: 1;background:rgba(0,0,0,.5)}
.bar_wrap a{text-decoration:none}
.bar_wrap .section{padding:26px 0;}
.bar_wrap,.bar_wrap a{color:#fff}
.section{max-width:1400px;margin:0 auto}
.news_l{width:calc(60% - 27px)}
.icon_r{width: calc(40% - 27px);}
.icon_r a{}
.icon_r a:hover i{-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-ms-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate;}


@keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-webkit-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-moz-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}@-o-keyframes icon-bounce{0%,100%{-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-moz-transform:rotate(15deg);-ms-transform:rotate(15deg);-webkit-transform:rotate(15deg);transform:rotate(15deg)}50%{-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}75%{-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}85%{-moz-transform:rotate(-5deg);-ms-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}}



.slick_news{width:210px;position: relative;padding: 3px;background:linear-gradient(to top, #027db4, #22b4b5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff027db4', endColorstr='#ff22b4b5', GradientType=0);}
.slick_news:before{content:'';position:absolute;left:-7px;top:7px;width:100%;height:100%;background: url(../images/news_bor.png) 50% no-repeat;background-size: 100% 100%;}
.slick_news .wrap{overflow: hidden;}
.slick_news .cover_bg{padding-top:142px;display: block;}
.slick_news .swiper-pagination{position:absolute;left:0;bottom: 0;right: 0;}
.slick_news .swiper-pagination-bullet{width:auto;height:auto;border-radius:0;background:none;font-size:16px;opacity: .5;margin: 0;padding: 4px 8px;position:relative;outline:none}
.slick_news .swiper-pagination-bullet-active{font-size:22px;color:#d89f54;opacity:1}
.slick_news .swiper-pagination-bullet-active:before{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#d89f54}

.slick_icon{padding: 0 20px;margin-top:-14px;position:relative}
.slick_icon a{padding:18px 0;display:block}
.slick_icon .swiper-slide{width:25%}
.slick_icon .wrap{overflow:hidden}
.slick_icon i{display:block;height:26px;margin: 0 0 6px;/* background:url(../images/i1.png) */}
.i1{background:url(../images/i1.png)}
.i2{background:url(../images/i2.png)}
.i3{background:url(../images/i3.png)}
.i4{background:url(../images/i4.png)}
.i5{background:url(../images/i5.png)}
.i6{background:url(../images/i6.png)}
.slick_icon p{margin:0}

.slick_icon .prev,.slick_icon .next{position:absolute;top:0;width: 30px;height:100%;outline: none;}
.slick_icon .prev{left:0;background:url(../images/icon_prev.png) 0 50% no-repeat}
.slick_icon .next{right:0;background:url(../images/icon_next.png) 100% 50% no-repeat}

.link_icon{margin: 0 -9px;}
.slick_icon i,.link_icon i{background-position:50%;background-repeat:no-repeat;margin:0 0 6px 0}
.link_icon a{float:left;width: calc(25% - 16px);margin: 0 8px;padding: 9px 0;}
.link_icon a:nth-child(4n-3){background:#027db4}
.link_icon a:nth-child(4n-2){background:#29b1cf}
.link_icon a:nth-child(4n-1){background:#22b4b5}
.link_icon a:nth-child(4n){background:#d89f54}
.link_icon i{display:block;height:28px}
.link_icon .l1{background-image:url(../images/l1.png)}
.link_icon .l2{background-image:url(../images/l2.png)}
.link_icon .l3{background-image:url(../images/l3.png)}
.link_icon .l4{background-image:url(../images/l4.png)}
.link_icon p{margin:0}

.tab_wrap{width: calc(100% - 250px);}
.tab_wrap .hd{margin: -6px 0 16px -30px;font-size: 0;}
.tab_wrap .hd a{display:inline-block;font-size:18px;text-align:center;position:relative;padding: 0 30px;line-height:38px;background: url(../images/line.png) 100% 50% no-repeat;transition:.3s all ease-in;}
.tab_wrap .hd a:last-child{background:none}
.tab_wrap .hd a:before{position:absolute;left:50%;margin-left:-5px;bottom:-5px;border-style: solid;border-width: 5px 5px 0 5px;border-color: #027cb4 transparent transparent transparent;}
.tab_wrap .hd .on:before{content:'';}
.tab_wrap .hd i{display:none;width:18px;height:18px;background:url(../images/hd_on1.png) 50% no-repeat;vertical-align:-3px;margin: 0 6px 0 0;}
.tab_wrap .hd .on i{display:inline-block}
.tab_wrap .hd a:after{content:'';position:absolute;right:0;bottom:0;width:0;height:2px;background:#027db4;left:50%;transition:.3s all ease-in;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.tab_wrap .hd .on:after{width:calc(100% - 60px)}
.tab_wrap ul,.tab_wrap li{list-style:none;margin:0;padding:0}
.tab_wrap .bd ul{margin:0}
.tab_wrap .bd{max-height: 104px;overflow: hidden;}

.list_news a{
    display:block;
    position:relative;
    line-height:26px;
    padding: 0 70px 0 20px;
    line-height:26px;
    }

.list_news a em{
    background-image: linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5));
    background-position: 0 100%;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .5s;
    font-style: normal;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    max-width: 100%;
    vertical-align: top;
    }
.list_news a:hover em{background-size: 100% 1px;}

.list_news a:before{content:'';position:absolute;width:4px;height:4px;background:#bbb;left:0;top:50%;margin-top:-2px;border-radius:10px}
.list_news span{position:absolute;right:0;top:0;opacity: .6;}

.bar_footer{background:#027db4;line-height: 24px;padding: 8px 0;color: #b2ccd8;}
.bar_footer span{display:inline-block;margin:0 15px}


@media screen and (max-width: 1500px){

}

@media screen and (max-width: 1440px){
	.bar_wrap .section{padding: 26px 20px;}

	.tab_wrap .hd{margin: -6px -10px 16px 0;}
	.tab_wrap .hd a{font-size: 14px;padding: 0 12px;}
}

@media screen and (max-width: 1240px){
	.tab_wrap .hd i{display:none !important}
	.tab_wrap .hd .on:after{width:100%}

	.tab_wrap{width: calc(100% - 230px);}

	.list_news a{padding: 0 50px 0 20px}

	.icon_r{width: calc(40% - 8px);}

}

@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1024px){
	.body_home .dow{
		display: none;
	}
	.body_home>.banner{
		height: 51vw;
		margin-top: 90px;
	}

	.bar_footer{display:none}
}

@media screen and (max-width: 1023px){
	.bar_wrap{display:none}
}
@media screen and (max-width: 1000px){

}

@media screen and (max-width: 900px){
}
@media screen and (max-width: 850px){
	.body_home .dow{
		display: none;
	}
	.body_home>.banner{
		height: 51vw;
	}
}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 768px){
	.body_home > .banner{
		margin-top: 98px;
	}
}
@media screen and (max-width: 763px){
	.body_home > .banner{
		margin-top: 98px;
	}
}
@media screen and (max-width: 700px){

}
@media (max-width: 414px) {
	.body_home > .banner{
		margin-top: 98px;
	}
}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}
/* 幻灯片结束 */

/* 机电要闻开始 */

.body_tow.showdiv {
	top: 0;
}
.body_tow {
	position: fixed;
	left: 0%;
	top: 100%;
	bottom: 0;
	right: 0;
	background: #fff;
	overflow: hidden;
	transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
	z-index: 1;
	overflow: auto;
	outline: none;
}

.jdyw{
	padding-top: calc(95px + 5vw);
	background: #F7F7F7;
	padding-bottom: 60px;
}
.jdyw-top-img{
	text-align: center;
}
.jdyw-bom-left{
	height: 355px;
	overflow: hidden;

}
.jdyw-bom-one{
	margin-top: 60px;
}
.jdyw-bom-left .swiper-container1{
	height: 100%;
}
.jdyw-bom-left .swiper-container2{
	height: 100%;
}
.jdyw-bom-left .swiper-container1 .item-side{
	height: 100%;
	background-size: 100% 100%;
	position: relative;
}
.jdyw-bom-left .swiper-container2 .item-side{
	height: 100%;
	background-size: 100% 100%;
	position: relative;
}
.item-side-txt{
	position: absolute;
	bottom: 0px;
	font-size: 18px;
	color: white;
	font-weight: 800;
	width: 100%;
	padding: 20px;
	height: 65px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,7));

}
.jdyw-bom-right-item{
	width: 48.4%;
	height: 169px;
	background: #FFFFFF;
	float: left;
}
.jdyw-bom-right-item:hover{
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 20px #bbbbbb;
	transition: all .8s ease-out;
}
.jdyw-bom-right-item:hover .jdyw-bom-right-item-text{
	color: #027db4;
}
.jdyw-bom-right-item:nth-child(1){
	margin-right: 17px;
}
.jdyw-bom-right-item:nth-child(3){
	margin-right: 17px;
	margin-top: 17px;
}
.jdyw-bom-right-item:nth-child(4){
	margin-top: 17px;
}
.jdyw-bom-right-item a{
	text-decoration: none;
	color: #474747;
	padding: 30px 35px 10px 30px;
	display: block;
}
.jdyw-bom-right-item-top{
	display: flex;
	justify-content: space-between;
	height: 60px;
}
.jdyw-bom-right-item-subtitle{
	padding: 5px 0;
	font-size: 11px;
	padding-left: 20px;
	color: #7f7f7f;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 34px;
	line-height: 34px;
}
.jdyw-bom-right-item-text{
	width: 75%;
	height: 60px;
	overflow: hidden;
}
.jdyw-bom-right-item-times-mos{
	font-size: 10px;
	color: #181818;
}
.jdyw-bom-right-item-times-day{
	font-size: 30px;
	font-weight: 800;
}
.jdyw-bom-right-item-boom{
	display: flex;
	justify-content: space-between;
	padding:10px 0;
	border-top: 1px solid #F1F1F1;
}
.jdyw-bom-right-item-boom span:nth-child(1){
	font-size: 12px;
	color: #838383;
}

.xww{
	text-align: center;
	width: 100%;
	margin-top: 45px;
}

@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){
	.jdyw-bom-right-item a{
		text-decoration: none;
		color: #474747;
		padding: 30px 35px 10px 30px;
		display: block;
	}
}
@media screen and (max-width: 1200px){
	.jdyw-bom-right-item-top {
		display: flex;
		justify-content: space-between;
		height: 54px;
	}
	.jdyw-bom-right-item a{
		text-decoration: none;
		color: #474747;
		padding: 20px 15px 10px 10px;
		display: block;
	}
	.jdyw-bom-right-item {
		width: 47.4%;
		height: 149px;
		background: #FFFFFF;
		float: left;
	}
	.jdyw-bom-right-item-times{
		display: none;
	}
	.jdyw-bom-right-item-text {
		width: 100%;
	}
	.jdyw-bom-left{
		margin-bottom: 20px;
		margin-top: 20px;
	}
}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1024px){
	.body_tow {
		width: auto;
		height: auto;
		position: static;
		opacity: 1;
		transform: none;
		overflow: auto;
		height: 100%;
		position: unset;
	}

	.jdyw-bom-left {
		height: 296px;
		overflow: hidden;
	}
.jdyw {padding-top: 40px;}
.jdyw-bom-one { margin-top: 10px;}

}

@media screen and (max-width: 1000px){

}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 850px){
	.body_tow {
		width: auto;
		height: auto;
		position: static;
		opacity: 1;
		transform: none;
		overflow: auto;
		height: 100%;
		position: unset;
	}
}
@media screen and (max-width: 800px){
}

@media screen and (max-width: 700px){

}
@media (max-width: 414px) {
	.jdyw{
		padding-top: 20px;
	}
	.jdyw-bom-one {
		margin-top: 0px;
	}
	.jdyw-bom-left {
		height: 255px;
		overflow: hidden;
	}
}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/
	.jdyw-bom-right-item {
		width: 46.4%;
		height: 149px;
		background: #FFFFFF;
		float: left;
	}
}

/* 机电要闻结束 */

.jxky{
	padding-top: 110px;
	padding-bottom: 110px;
}
.jxky-title{
	margin-bottom: 45px;
}
.jxky-title-txt{
	font-size: 30px;
	margin-bottom: 20px;
}
.jxky-left{
	width: 555px;
	height: 400px;
	display: flex;
	justify-content: space-between;
	padding: 30px 50px;
	z-index: 9999;
	position:sticky;
	background: url("../images/xydtitembg.png") no-repeat;
	background-size: 100% 100%;
	transition: all 1s ease-out 0s;
	opacity: 0;
	transform: translateY(40px);

}
.jxky-mian{
	position: relative;

}
.jxky-left-right{
	width: 65%;

}
.jxky-left-right .top .mos{
	text-align: right;
	color: white;
	font-size: 10px;
}
.jxky-left-right .top .day{
	text-align: right;
	color: white;
	font-size: 34px;
	margin-top: 10px;
}
.jxky-left-right .mian a{
	text-decoration: none;
}
.jxky-left-right .mian .mian-txt{
	font-size: 24px;
	color: white;
}
.jxky-left-right .mian .mian-conet{
	padding-top: 40px;
	height: 148px;
	color: white;
}
.jxky-right{
	width: 555px;
	height: 400px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	transition: all 1s ease-out 0s;
	opacity: 1;
	padding: 30px 50px;
	transform: translateY(-40px);
	background:url("../images/jxkyitembg.png") no-repeat;
	background-size: 100% 100%;
}
.jxky-right-mian{
	width: 455px;
}
.jxky-right-mian-top{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 40px;
  margin-top: 20px;
}
.jxky-right-mian-top>.title{
	font-size: 30px;
	color: white;
}
.jxky-right-mian-mid-cont-top{
	height: 45px;
	overflow: hidden;
}
.jxky-right-mian-mid-cont-boom{
	transition: all 1s ease-out 0s;
	margin-top: 10px;
}
.jxky-right-mian-mid{
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid #A6D8E9;
	margin-top: 30px;
}
.jxky-right-mian-mid-day{
	width: 25%;
}
.jxky-right-mian-mid-day>div:nth-child(1){
	font-size: 9px;
	color: white;
}
.jxky-right-mian-mid-day>div:nth-child(2){
	color: white;
	font-size: 32px;
}
.jxky-right-mian-mid-cont>a{
	color: white;
	font-size: 16px;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	width: 455px;
}
.jxky-right-mian-mid-cont>a>div:nth-child(2){
	width: 65%;
}
.jxky-right-mian-mid-cont>a:hover{
	color: white;
	text-decoration: underline;
	text-decoration-color: white;
}
.jxky-right-mian-mid-cont>a:hover .jxky-right-mian-mid-cont-boom{
	transform: translateX(20px);
}
.jxky-right-mian-mid-cont>a>div>img{
	width: 122px;
	height: 83px;
}
.jxky-left-mian-mid-cont>a>div>img{
	width: 122px;
	height: 83px;
}
.jxky-right-mian-foot>ul{
	padding-left: 0;
	list-style: none;
	margin-top: 10px;
}
.jxky-right-mian-foot>ul>li{
	line-height: 30px;
}
.jxky-right-mian-foot>ul>li>a{
	display: flex;
	justify-content: space-between;
	color: white;
	text-decoration: none;

}
.jxky-right-mian-foot>ul>li>a>span:nth-child(1){
	width: 80%;
	overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.jxky-right-mian-foot>ul>li>a:hover{

	text-decoration: underline ;
	text-decoration-color: white;
}
.jxky.showdiv .jxky-left{
	opacity: 1;
	transform:none;
}

.jxky.showdiv .jxky-right{
	opacity: 1;
	transform:none;
}
@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1024px){
	.jxky-left{
		width: 100%;
	}
	.jxky-left {
		height: 400px;
		display: flex;
		justify-content: space-between;
		padding: 40px;
		z-index: 1;
		position: sticky;
		transition: all 1s ease-out 0s;
		opacity: 1;
		transform: translateY(40px);
	}
	.jxky-right-mian{
		width: 100%;
	}

	.jxky-right {
		position: unset;
		width: 100%;
		margin-top: 90px;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1000px){
	.jxky-left{
		width: 100%;
		transform: translateY(00px);
	}
	.jxky-right{
		position: unset;
		width: 100%;
		margin-top: 90px;
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 768px){
	.jxky-left {
		height: 400px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 60px;
		z-index: 0;
		position: sticky;
		transition: all 1s ease-out 0s;
		opacity: 1;
		transform: translateY(40px);
	}
	.jxky-left>.jxky-right-mian{
		width: 100%;
	}
	.jxky-right {
		position: unset;
		width: 100%;
		margin-top: 90px;
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width: 736px){

	.jxky-left {
		height: 400px;
		display: flex;
		justify-content: space-between;
		padding: 40px;
		z-index: 1;
		position: sticky;
		transition: all 1s ease-out 0s;
		opacity: 1;
		transform: translateY(40px);
	}
}
@media screen and (max-width: 700px){
.jxky-right-mian-foot > ul > li > a>span:nth-child(1){
	width: 70%;
	height: 30px;
	overflow: hidden;
}
}
@media (max-width: 640px) {

	/******iphone X 7 8******/
	.jxky-left{
		padding: 20px;
		opacity: 1;
		z-index: 998;
		position: static;
		margin-top: -40px;
	}

}
@media (max-width: 568px) {

	/******iphone X 7 8******/
	.jxky-right-mian-mid-cont>a{
		width: 100%;
	}
	.jxky-left{
		padding: 20px;
		opacity: 1;
		z-index: 998;
		position: static;
		margin-top: -40px;
	}

}
@media (max-width: 414px) {
	.jxky{
		padding-bottom: 30px;
		padding-top: 40px;
	}
	.jxky-title{
		margin-bottom: 25px;
	}
	.jxky-left{
		padding: 20px;
		opacity: 1;
		z-index: 998;
		position: static;
		margin-top: -40px;
	}
	.jxky-left-img{
		display: none;
	}
	.jxky-left-right{
		width: 100%;
	}
	.jxky-left-right .top .mos,.day{
		text-align: left !important;
	}
	.jxky-right{
		margin-top: 100px;

	}
	.jxky-right-mian-mid-cont>a>div:nth-child(2){
		width: 55%;
	}
}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}


.xydt{
	background: #F3F5F9 no-repeat;
	background-image: url('../images/bsdtimg1.jpg');
	background-size: 100% 100%;
	padding-top: 145px;
	padding-bottom: 65px;
}
.xydt >.container{
	margin-bottom: -65px;
}
.xydt a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 90px 0;

}
.xydt a>p{
	margin-top: 30px;
}
.xydt-xydt{
	width: 270px;
	height: 250px;
	text-align: center;
	margin-left:300px ;
	background: url(../images/bsdtitembg.png);
}
.xydt-xydt a{
	color: white;
	font-size: 24px;
	text-decoration: none;
	background: rgba(70,115,175,.5);
	transition: all 0.5s ease-in-out;
}
.xydt-xydt a>img{
	transition: all 0.5s ease-in-out;
}
.xydt-xydt a:hover img{
	transform: scale(1.6,1.6);
}
.xydt-xydt a:hover{
	font-size: 30px;
	background: rgba(130,62,147,.7);
}
.xydt-bom{
	display: flex;
}
.xydt-mtjd{
	width: 570px;
	height: 250px;
	background: url(../images/mtjditembg.png);
	text-align: center;
}

.xydt-mtjd a{
	color: #FFFFFF;
	font-size: 24px;
	text-decoration: none;
	background: rgba(77, 95, 154, 0.5);
	transition: all 0.5s ease-in-out;
}

.xydt-mtjd a>img{
	transition: all 0.5s ease-in-out;
}
.xydt-mtjd a:hover img{
	transform: scale(1.6,1.6);
}
.xydt-mtjd a:hover{
	font-size: 30px;
	background: rgba(77, 95, 154,.9);
	transition: all 0.5s ease-in-out;
}
.xydt-xygy{
	width: 285px;
	height: 250px;
	background: url('../images/xygyitembg.png');
	text-align: center;
}
.xydt-xygy a{
	color: white;
	font-size: 24px;
	text-decoration: none;
	background: rgba(99,89,94,.5);
	transition: all 0.5s ease-in-out;
}

.xydt-xygy a>img{
	transition: all 0.5s ease-in-out;
}
.xydt-xygy a:hover img{
	transform: scale(1.6,1.6);
}
.xydt-xygy a:hover{
	font-size: 30px;
	background: rgba(130,62,147,.7);
}
.xydt-xb{
	width: 285px;
	height: 250px;
	background: url('../images/tsgitembg.png');
	text-align: center;
}
.xydt-xb a{
	color: white;
	font-size: 24px;
	text-decoration: none;
	background: rgba(132,201,245,.5);
	transition: all 0.5s ease-in-out;
}
.xydt-xb a>img{
	transition: all 0.5s ease-in-out;
}
.xydt-xb a:hover img{
	transform: scale(1.6,1.6);
}
.xydt-xb a:hover{
	font-size: 30px;
	background: rgba(130,62,147,.7);
}
@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1024px){
	.xydt-xydt{
		margin-left: 200px;
	}
}
@media screen and (max-width: 1000px){
	.xydt-xydt {
		width: 355px;
		height: 200px;
		margin-left: 0;
	}
	.xydt a {
		padding: 20px 0;
	}
	.xydt-mtjd {
		width: 360px;
		height: 200px;
		background: url(../images/mtjdybg.png);
		text-align: center;
	}
	.xydt-xygy {
		width: 180px;
		height: 200px;
	}
	.xydt-xb {
		width: 180px;
		height: 200px;
	}
}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 800px){
}

@media screen and (max-width: 700px){

}
@media (max-width: 414px) {
	.xydt {
		padding-top: 20px;
	}

.xydt-xydt {
	width: 25%;
	height: 100px;
	margin-left: 96px;
}
.xydt-xydt img{
	width: 30px;
}
.xydt-xydt a {
	color: white;
	font-size: 14px;
}
.xydt a > p {
	margin-top: 10px;
}
.xydt-mtjd {
	width: 25%;
	height: 100px;
}
.xydt-mtjd a {
	font-size: 14px;
}
.mtjd a > p {
	margin-top: 10px;
}
.xydt-mtjd img{
	width: 30px;
}
.xydt-xygy {
	width: 25%;
	height: 100px;
}
.xydt-xb {
	width: 25%;
	height: 100px;
}
.xydt-xygy a {
	font-size: 14px;
}
.xydt-xygy img{
	width: 30px;
}
.xydt-xb a {
	font-size: 14px;
}
.xydt-xb img{
	width: 30px;
}
}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}


.bottom-nava{
	background:#F3F5F9;
	padding-top: 80px;
	padding-bottom: 80px;
}
.bottom-nava-mian ul{
	padding-left: 0;
	list-style: none;
}
.bottom-nava-mian ul li a{
	text-decoration: none;
	color: #464646;
	text-align: center;
	font-size: 16px;
	line-height: 45px;
}
.bottom-nava-mian ul li{
	float: left;
	width: 162.7px;
	border-right: 1px solid rgb(223, 223, 223);
	transition: all 0.3s ease-in-out;
	background: #F3F5F9;

}
.bottom-nava-mian ul li:hover{
	box-shadow: 3px 35px 77px -17px rgba(0, 0, 0, 0.8);
	transform: scale(1.16);
}
.bottom-nava-mian ul li:last-child{
	border: 0;
}

@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1024px){
	.bottom-nava-mian ul li{
		width: 152px;
	}


}
@media screen and (max-width: 1000px){
	.bottom-nava-mian ul li {
		float: left;
		width: 179.7px;
		border-right: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(4){
		border-right: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(5){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(6){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(7){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(8){
		border-top: 1px solid rgb(223, 223, 223);
	}
}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 800px){
}
@media screen and (max-width: 768px){

	.bottom-nava-mian ul li:nth-child(5){
		border-top: 0px solid rgb(223, 223, 223);
	}

	.bottom-nava-mian ul li:nth-child(6){
		border-top: 0px solid rgb(223, 223, 223);
	}

	.bottom-nava-mian ul li:nth-child(7){
		border-top: 0px solid rgb(223, 223, 223);
		border-right: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(8){
		border-right: 0px solid rgb(223, 223, 223);
	}
}

@media screen and (max-width: 750px){
	.bottom-nava-mian ul li {
		float: left;
		width: 172.8px;
		border-right: 1px solid rgb(223, 223, 223);
	}
}
@media screen and (max-width: 736px){
	.bottom-nava-mian ul li:nth-child(4){
		border-right: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(5){
		border-top: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(6){
		border-top: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(7){
		border-top: 0px solid rgb(223, 223, 223);
		border-right: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(8){
		border-top: 0px solid rgb(223, 223, 223);

	}
}
@media screen and (max-width: 700px){

}
@media screen and (max-width: 677px){
	.bottom-nava-mian ul li {
		float: left;
		width: 152.8px;
		border-right: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(4) {
		border-right: 0px solid rgb(223, 223, 223);
	}
}
@media screen and (max-width: 568px){
	.bottom-nava-mian ul li {
		float: left;
		width: 132.8px;
		border-right: 1px solid rgb(223, 223, 223);
	}
}
@media (max-width: 414px) {
	.bottom-nava-mian ul li{
		width: 45vw;
	}
	.bottom-nava-mian ul li:nth-child(2){
		border-right: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(6){
		border-right: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(3){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(4){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(5){
		border-top: 1px solid rgb(223, 223, 223);
		border-bottom: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(6){
		border-top: 1px solid rgb(223, 223, 223);
		border-bottom: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(7){
		border-right: 1px solid rgb(223, 223, 223);
	}

}
@media (max-width: 375px) {

	/******iphone X 7 8******/
	.bottom-nava-mian ul li:nth-child(4){
		border-right: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(5){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(6){
		border-top: 1px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(7){
		border-top: 1px solid rgb(223, 223, 223);
		border-right: 0px solid rgb(223, 223, 223);
	}
	.bottom-nava-mian ul li:nth-child(8){
		border-top: 0px solid rgb(223, 223, 223);

	}

}

@media (max-width: 320px) {

	/******iphone 5/SE******/

}

.foot{
	background: url(../images/footbg.png) no-repeat;
	background-size: 100% 100%;
}
.foot-one{
	padding-top: 80px;
	padding-bottom: 100px;
}
.foot-nava ul{
	padding-left: 0;
	list-style: none;
}
.foot-logo{
	padding-top: 10px;
}
.foot-rwn{
	margin-top: 50px;
}
.foot-rwn img:nth-child(2){
	margin-right: 14px;
	margin-left: 14px;
}
.foot-nava ul li{
	float: left;
	padding: 0 20px;
	border-left: 1px solid white;
}
.foot-nava ul li:nth-child(1){
	padding-left: 0;
	border-left: 0;
}
.foot-nava ul li a{
	color: #f3f5f9;
	text-decoration: none;
}
.foot-nava ul li a:hover{
	color: red;
}
.foot-title{
	font-weight: 800;
	color: white;
	margin-bottom: 15px;
}
.foot-lxwm{
	color: white;
	/* border-top: 3px solid #3295C2; */
	padding-top: 35px;
	margin-top: 0px;
	font-size: 18px;
	line-height: 35px;
}
.foot-img{
	margin-top: 20px;
}
.foot-img img{
	margin-right: 10px;
}
.foot-two{
	text-align: center;
	background: #0174A8;
	padding: 23px 0;
	line-height: 30px;
	color: rgba(255,255,255,.3);
}



@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1024px){
	.foot-rwn {
		line-height: 150px;
		margin-top: 10px;
		}
		.foot-rwn img:nth-child(2){
			margin-right: 5px;
			margin-left: 5px;
		}
}
@media screen and (max-width: 1000px){
	.foot-logo {
		padding-top: 10px;
		text-align: center;
	}
	.foot-rwn {
		margin-top: 50px;
		text-align: center;
	}
}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 800px){
}

@media screen and (max-width: 700px){

}
@media (max-width: 414px) {
	.foot-one {
		padding-top: 20px;
		padding-bottom: 30px;
	}
	.foot-nava ul li {
		float: left;
		padding: 0 9px;
		border-left: 1px solid white;
	}
}
@media (max-width: 375px) {

	/******iphone X 7 8******/


}

@media (max-width: 320px) {

	/******iphone 5/SE******/
	.foot-rwn {
	line-height: 150px;
	margin-top: 10px;
	}
}






.layer {
	background: rgba(0,0,0,0.8);
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-out 0s;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.layer.showdiv {
	opacity: 1;
	visibility: visible;
}



.layer .search_box {
	height: 45px;
	line-height: 45px;
	width: 550px;
	display: -ms-flexbox;
	display: flex;
	transform: translateY(-50px);
	opacity: 0;
	margin-top: -100px;
	justify-content: center;
}

.layer .close {
	font-size: 60px;
	position: absolute;
	right: 50px;
	top: 50px;
	width: 80px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	cursor: pointer;
	color: rgb(255, 255, 255);
}

.layer .search_box form .kw {
	background: #fff;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.5) inset;
	-ms-flex: 1;
	flex: 1;
	height: 45px;
	width: 300px;
	padding: 0 12px;
	font-size: 16px;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

.layer.showdiv .search_box {
	transform: none;
	transition: all 0.5s ease-out 0s;
	opacity: 1;
}
.layer .search_box form .ok {
	background: #54A1C4;
	color: #fff;
	width: 120px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
}

input, textarea, select {
	padding: 0;
	font-family: inherit;
	outline: none;
	resize: none;
	background: none;
	border: none;
	font-size: inherit;
	color: inherit;
}

@media screen and (max-width: 1500px){

}
@media screen and (max-width: 1400px){

}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1100px){

}
@media screen and (max-width: 1000px){

}

@media screen and (max-width: 900px){

}
@media screen and (max-width: 800px){
}

@media screen and (max-width: 700px){

}

@media (max-width: 431px){
		.layer .search_box form .kw {
		width: 260px;

	}
}
@media (max-width: 414px) {
	.layer .close {
		font-size: 20px;;
	}
	.layer .search_box form .kw {
		width: 260px;

	}
	.layer .search_box {
		height: 45px;
		line-height: 45px;
		width: 100%;
		/* display: -ms-flexbox; */
		display: flex;
		transform: translateY(-50px);
		opacity: 0;
		margin-top: -100px;
		padding-left: 10px;
	}
	.layer .search_box form .ok {

		width: 80px;

	}
	.layer .close {
		right: 10px;

	}
}
@media (max-width: 375px) {

	/******iphone X 7 8******/
	.layer .search_box form .kw {
		width: 270px;

	}

}
@media (max-width: 360px) {

	/******iphone X 7 8******/
	.layer .search_box form .kw {
		width: 260px;

	}

}

@media (max-width: 320px) {

	/******iphone 5/SE******/
	.layer .search_box form .kw {
		width: 220px;

	}

}