@charset "utf-8";
/*base code css*/
html,body {	
	margin:0 auto; padding:0px;font-family:"Microsoft YaHei",微软雅黑;  
	background-position: center top; background-repeat:no-repeat;
}
html{
	overflow-x: hidden;
}
ul,li,div,dl,dd,dt,ol,p,h1,h2,h3,h4,h5,h6{ 
	margin:0px; padding:0px; list-style:none;
}
img{ 
	border:none; vertical-align:middle;
}
a{ 
	color:#000; text-decoration:none;
}
a:hover{ 
	text-decoration:none;
}
.clear{	
	clear:both; height:0px;
}
span{ 
	vertical-align:middle;
}
/*header code css*/
.header{
	width: 100%;height: 60px;position: fixed;top: 0;background: transparent;z-index: 1000;
}
.head{
	width: 60%;margin: 0px auto;
}
#menu{
	display: none;
}
#btnC{
	display: none;
}
.nav{
	width: 70%;float: left;
}
.nav_ul{
	width: 100%;position: relative;
}
.nav_ul>li{
	width: 20%;position: relative;height: 60px;line-height: 60px;float: left;
}
.nav_ul>li:nth-child(2)>a{
	margin-left: 1.8em;
}
.nav_ul>li>a{
	font-size: 0.9em;color: #ffffff;display: inline-block;height: 58px;line-height: 58px;
}
.nav_ul>li>a>span{
	display: none;
}
.nav_ul>li>a>img{
	width: 70%;height: auto;
}
.nav_ul>li:hover>a{
	color: #232323;border-bottom: 1px solid #232323;
}
.nav_div{
	display: none;position: absolute;top: 61px;background: rgba(0, 0, 0, 0.8);height: 100vh;
}
.nav_div_blurbg{
	width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);filter: blur(15px);
}
#nav_div_pro{
	left: -28.2vw;width: 100vw;
}
#nav_div_sol{
	width: 100vw;left: -36.5vw;
}
.nav_ul>li:hover>div{
	display: block;
}
.nav_div_bg{
	width: 100%;background: #ffffff;
}
.nav_div_all{
	width: 60%;margin: 0px auto;height: 520px;padding-top: 8px;
}
.nav_div_left{
	width: 30%;float: left;
}
.nav_div_left dl dd{
	cursor: pointer;font-size: 0.8em;padding-left: 15px;height: 40px;line-height: 40px;
}
.nav_div_left dl dd:hover{
	background: #999999;
}
.nav_dd_active{
	background: #232323;border-radius: 5px;color: #ffffff;
}
.nav_div_right{
	width: 67%;float: right;
}
.div_right_all{
	display: none;
}
.div_right_all:first-child{
	display: block;
}
#div_right_active1,#div_right_active2{
	display: block;
}
.nav_div_r_head a{
	font-size: 1em;font-weight: bold;
}
.nav_div_r_head a:hover{
	color: #2676c3;
}
.nav_div_r_cont{
	width: 100%;
}
.nav_div_cont_list{
	width: 22%;margin-right: 3%;margin-bottom: 20px;float: left;
}
.nav_div_cont_list:hover{
	background: #efefef;
}
.nav_div_cont_list:nth-child(4n){
	
}
.nav_div_cont_list img{
	width: 100%;height: auto;
}
.nav_div_cont_list>a>p{
	font-size: 0.8em;color: #282828;text-align: center;height: 30px;line-height: 30px;
}
#nav_div_news{
	width: 100vw;left: -44.8vw;
}
.nav_div_bg2{
	width: 100%;background: #ffffff;
}
.nav_div_all2{
	width: 60%;margin: 0px auto;
}
#nav_div_news .nav_div_all2{
	height: 150px;
}
.nav_div_all2 dl{
	width: 22%;margin-right: 4%;float: left;margin-bottom: 70px;
}
.nav_div_all2 dl:nth-child(4n){
	margin-right: 0;
}
.nav_div_all2 dl dt{
	font-size: 1em;font-weight: bold;border-bottom: 1px solid #dedede;margin-bottom: 10px;
}
.nav_div_all2 dl dd{
	font-size: 0.9em;line-height: 40px;
}
.nav_div_all2 dl dd a:hover{
	color: #2676c3;
}
#nav_div_about{
	width: 100vw;left: -53.2vw;
}
#nav_div_about .nav_div_all2{
	height: 270px;
}
.search{
	width: 30%;float: right;
}
.header_search{
	position: relative;
}
#header_search_cont{
	display: none;position: absolute;top: 60px;left: -61.5vw;padding-left: 20vw;width: 100vw;background: #ffffff;padding-bottom: 30px;border: 1px solid #e1e1e1;
}
.header_search_1{
	display: none;
}
#span_close{
	position: absolute;right: 40.8vw;top: 30px;font-size: 1.6em;cursor: pointer;
}
.header_search_input{
	padding:20px 26% 20px 30px;border: none;border-bottom: 1px solid #d1d1d1;background: url(../images/search2.png) 0px no-repeat;font-size: 1em;
}
#search_span{
	background: url(../images/search3.png) no-repeat;width: 20px;height: 20px;display: block;float: left;margin-top: 22px;margin-left: 40%;cursor: pointer;
}
.header_search_cont p{
	font-size: 0.9em;color: #999999;margin-top: 20px;
}
.header_search_cont a{
	display: inline-block;margin-right: 30px;margin-top: 20px;
}
.language{
	float: right;
}
.language a{
	width: 70px;height: 36px;display: inline-block;border-radius: 18px;background: #232323;margin-top: 12px;line-height: 36px;text-align: center;color: #ffffff;font-size: 0.8em;
}
.languange_active{
	margin-right: 10px;
}
.language a:hover{
	background: #454545;
}

/*footer code css*/
.footer{
	width: 100vw;background: #000000;
}
.foot_cont{
	width: 60vw;margin: 0px auto;
}
.foot_cont_nav{
	width: 100%;padding-top: 80px;
}
.foot_cont_nav h3{
	width: 100%;padding-bottom: 50px;border-bottom: 1px solid #ffffff;
}
.foot_cont_nav h3 img{
	width: 20%;height: auto;
}
.foot_left{
	padding-top: 40px;width: 70%;float: left;
}
.foot_left nav ul li{
	display: inline-block;vertical-align: top;width: 30%;font-size: 0.9em;color: #ffffff;font-weight: bold;
}
.foot_left nav ul li dl{
	margin-top: 15px;font-weight: normal;
}
.foot_left nav ul li dl dd{
	margin-bottom: 20px;
}
.foot_left nav ul li dl dd a{
	color: #eeeeee;
}
.foot_left nav ul li dl dd a:hover{
	text-decoration: underline;
}
.foot_right{
	float: right;width: 30%;padding-top: 40px;
}
.foot_right h4{
	font-size: 0.9em;padding-bottom: 15px;color: #ffffff;
}
.link_phone p{
	font-size: 0.9em;margin-bottom: 20px;color: #eeeeee;
}
.friendlink{
	margin-top: 40px;padding-bottom: 20px;border-bottom: 1px solid #ffffff;
}
.friendlink ul{
	font-size: 0;
}
.friendlink ul li a{
	color: #eeeeee;font-size: 14px;display: inline-block;width: 20%;
}
.foot_beian{
	margin-top: 20px;padding-bottom: 30px;font-size: 0.9em;color: #eeeeee;
}
.foot_beian a{
	font-size: 0.9em;color: #eeeeee;
}