@font-face{
	font-family: Material Icons;
	src: url('../fonts/MaterialIcons-Regular.ttf');
}
.m_sys{width:80px; height:60px; display: flex;align-items: center;justify-content: center; position: absolute; right:180px; top:0;border-left: 1px solid #666; }
.m_join{width:80px; height:60px; display: flex;align-items: center;justify-content: center; position: absolute; right:260px; top:0; }
.go_back { position: absolute;  top: 720px;  text-align: right;  right: 0; z-index: 99; width:1160px; left: 50%; margin-left: -580px;  }
.go_back a{color:#009e96}
.go_back:hover a{color:#333}
.widget_text{display: none;}
/********1.17头部更新********/
.home_gg{height:100vh !Important;}
.home_p {min-height:500px;}
.tc_wx{font-size:18px; color: #fff; display: inline-block;}
#masthead{display: none;}
#x_logo{position: absolute; top:40px; left: 50px; z-index: 99999;}
#menu_icon{position: fixed; top:120px;right:0; background: #fff; z-index: 100; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}
#menu_icon{background: transparent;}
#menu_icon li{height:60px; background: #000; margin-bottom:1px; display: flex;align-items: center;color: #2bb7b3;width:180px;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(20px,0,0);
	transform: translate3d(20px,0,0); }
#menu_icon li:hover{background: #2bb7b3; color: #fff;transform: translate3d(0,0,0);}
#menu_icon li a{display: flex; align-items: center; color:#2bb7b3;}
#menu_icon li:hover a{ color: #fff;}
.mdui-icon{font-family: Material Icons; font-size:24px;font-style: normal; margin-right: 15px;margin-left: 20px; }

#myModal .mdui-icon{color:#666; vertical-align: middle;}
.wx_hide{display: none;}

#myModal{position: fixed; right:0;top: 0; width:640px; height:100vh; background: #fff;visibility: hidden;z-index: 100;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 1s;background:rgba(0,0,0,.8);
}
.js-overlay #menu_icon{visibility: visible; -webkit-animation: 1s ease fadeoutright  forwards;}
.js-overlay1 #menu_icon{visibility: visible; -webkit-animation: 1s ease fadeinright forwards;}

.js-overlay #myModal{visibility: visible; -webkit-animation: 1s ease slideup forwards;}
.js-overlay1 #myModal{visibility: visible; -webkit-animation: 1s ease slidedown forwards;}
.menu_close{width:100%; height:60px; border-bottom: 1px solid #666; position: relative;}
.menu_search{width:100%; height:60px;border-bottom: 1px solid #666; position: relative;}
.m_home {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 120px;
	top: 0;
	border-left: 1px solid #666;
}
.m_lang{width:60px; height:60px; display: flex;align-items: center;justify-content: center; position: absolute; right:60px; top:0;border-left: 1px solid #666; }
.m_lang a{ color:#666;}
.m_close{width:60px; height:60px; display: flex;align-items: center;justify-content: center;position: absolute; right:0; top:0;border-left: 1px solid #666;}
.serch_icon{width:60px;padding:0;margin:0; height:60px; display: flex;align-items: center;justify-content: center;position: absolute; right:0; top:0px;border-left: 1px solid #666 !important; background: transparent; border: none; outline: none;}
.search_form{ height: 60px;display: flex;align-items: center; padding-left: 60px;}
.search_form input{outline: none; height:60px; border:none; width:60%; margin-left: 20px; background: transparent; color:#666; font-size:18px;}
.search_text{color: #444; font-size:20px; text-transform: capitalize; font-weight: normal;}
#menu-main-menu>li i{color: #ccc;}
#menu-main-menu>li.prosahover>a{ color: #2bb7b3; }
#menu-main-menu>li.prosahover>a i{ color: #2bb7b3 ; }
#myModal .sub_menu1>li>a:hover{ color: #2bb7b3 !important;border-bottom: 1px solid #2bb7b3 !important; }
#header-menu{padding-top:40px; padding-left: 60px;}
#menu-main-menu>li{position: relative;color: #333; font-size:24px; margin-bottom:20px; width:50%;}
#myModal .h_green:hover{background: #2bb7b3; color:#fff;}
#myModal .h_green:hover i{ color:#fff !important;}
#myModal .h_green:hover a{ color:#fff !important;}
#menu-main-menu>li>a{color: #fff; font-size:24px;}
#myModal .sub_menu1>li>a{font-size:16px; color:#fff; width: 200px; border-bottom: 1px solid #666;padding-bottom: 5px;margin-bottom:10px; display: block;}
#myModal .menu_list{margin-top:100px; padding-top:30px; border-top:1px solid #666; padding-left: 60px;}
#myModal .menu_list a{font-size:14px;  display: block; float: left; width:20%; color:#666; margin-bottom: 15px; position: relative;   transition: all 0.4s ease;}
#myModal .menu_list a:before{content: ''; position: absolute; width: 3px; height:15px; background:#2bb7b3 ; left: -10px; top:3px; display: none;   transition: all 0.4s ease; }

#myModal .menu_list a:hover{color:#2bb7b3 }
#myModal .menu_list a:hover:before{display: block;}
#myModal .hide{opacity: 0; display: none;}
#myModal .sub_menu1 {position: absolute;z-index: 999999;left: 120px; top: 0;width: 214px;height: 382px;    transition: all .6s ease;}
#myModal .sina-logo {  position: absolute;  left: 60px;  bottom: 20px; }
#myModal .sina-logo a{color: #666;}
#myModal .sina-logo .fa{color: #666;}
#myModal .menu_copy{   position: absolute;  bottom: 25px;  right: 20px;  color: #666;  font-size: 12px; }
#myModal .menu_copy a{color: #666; }
html::before {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(0,63,67,0.5) 0%,rgba(0,63,67,1) 100%);
	background: linear-gradient(to bottom, rgba(0,63,67,0.5) 0%,rgba(0,63,67,1) 100%);
	content: '';
	opacity: 0;

}

html.js-overlay::before{visibility: visible; -webkit-animation: 1s ease slideup1  forwards; z-index: 99;}
html.js-overlay1::before{visibility: visible; -webkit-animation: 1s ease slidedown1 forwards; }

@-webkit-keyframes slideup1 {
	0% {
		opacity: 0;

	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes slidedown1 {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes slideup {
	0% {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}

@-webkit-keyframes slidedown {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0);
	}
}
@-webkit-keyframes fadeinright {
	0% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
@-webkit-keyframes fadeoutright {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	100% {
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0);
	}
}














.ft_menu{    visibility: hidden;}
.ft_rt{    visibility: hidden;}
.site-content-contain{margin-top:-170px;}
.read_more{display:none;}
.ft_text p{text-align: inherit !important;}
.nav>ul>li.active>a{color: #333 !important;}
.nav>ul>li.active {
	border-bottom: 4px solid #333 !important;
	color: #333 !important;
}
.nav>ul>li:hover {
	border-bottom: 4px solid #333 !important;
}
.nav>ul>li:hover a{color: #333 !important;}
.xb_footer{display: none;}
.xb_copy{display: none;}
.ft_ct{display: block !important;}
.ft_text p{width:95% !important;}
.ft_bg>.vc_column-inner{padding:300px 0 !important;}
@media screen and (min-width:320px) and (max-width:768px) {
	/****1.18****/

	#menu_icon{top:20px;}
	#x_logo{display:none;}
	.js-overlay{overflow-y: hidden}
	#wap_header{display: none !important;}
	.scroll_img{margin-top:0 !important;height:100vh !important;}
	#menu_icon>ul>li:not(:first-child){display: none;}
	#myModal{width:100%;display: -webkit-box;  overflow-y: scroll; -webkit-overflow-scrolling: touch; }
	#menu-main-menu>li a{font-size:16px;}
	#menu-main-menu>li{margin-bottom:5px;}
	#myModal .sub_menu1>li>a{font-size:12px; width:70%;}
	#myModal .sub_menu1{left: 40%;}
	#myModal .menu_list a{margin-bottom:5px;     text-align: center;}
	#myModal .menu_list{padding-left: 30px; padding-right:30px;    height: 100px;}
	#myModal .sina-logo{position: inherit; padding:10px 30px;}
	#myModal .menu_copy{position: inherit; padding:0 30px;}
	#menu_icon li{width:80px;}

	




	.ft_ct{display: block !important;}
	.ft_menu{display: none;}
	.ft_rt{display: none;}
	#footer_wap{display: none !important;}

	.ft_bg>.vc_column-inner{padding:100px 0 !important;}

	.home_nygg {  height: 200px !important; }
	.home_nygg p:nth-child(1){font-size:0.42rem !important; width:50% !important;}
	.home_nygg p:nth-child(2){font-size:0.26rem !important; width:50% !important;}
	.home_gg h2{font-size:0.4rem !important;}
	.home_gg p span{font-size:0.2rem !important; width:40%; display: block}
	.home_gg p{font-size:0.14rem !important;}
	.ft_text p:nth-child(1){font-size:0.24rem !important;}
	.ft_text p:nth-child(2){font-size: 0.3rem !important; margin-bottom: 29px !important;}
	.ft_text p:nth-child(3){font-size: 0.22rem; !important; }
	.header_more p a{display: block !important; width: 100px ; text-align:center; }
	
	.wpb_content_element, ul.wpb_thumbnails-fluid > li, .wpb_button {  margin-bottom: 0 !important;}
	
	#js_news{height:14rem !important;}
	#js_media{height:23rem !important;}
	.xb_footer{display: none;}
	.xb_copy{display: none;}
	
	
}

@media only screen and (max-width: 768px) {
	#csy_home{height:22rem;}
	.home_gg {  /*height: 200px !important; margin-top:72px;*/    height: 309px !important;  margin-top: -47px; }
	.go_back {
		position: absolute;
		top: 444px !important;
		text-align: right;
		right: 16px;
		z-index: 99;
		width: auto;
		left: 50%;
		margin-left: -580px;
	}
}

@media only screen and (max-width: 375px) {
	#csy_home{height:22.5rem;}
	.home_gg {  /*height: 200px !important; margin-top:62px;*/ height: 309px !important;  margin-top: -47px !important; }
}