body{font-family:'Microsoft Yahei' !important; background:#444;}

*{padding:0; margin:0; font-family:'Microsoft Yahei';}

a{ color:#333; text-decoration:none;}

ul{ padding-left:0px;}

ul li{ list-style:none;}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}

em{ font-style:normal;}

.clear{clear: both;}

.cl:after{content: "";height: 0;display: block;visibility: hidden;clear: both;}

.fl{float: left;}

.fr{float: right;}

img{border: none;}

input,textarea,select{

	outline: none;

	font-family:"Arial","Microsoft Yahei";

	color:#333;

	font-size: 14px;

}


.height-top{ height:0px; font-size:0px; background:#444;}

#page{ display:none;}

.pagemain{background:#fff;}



.commonimg img{  transition: all .5s; transform: scale(1); -webkit-transform: scale(1);}

.commonimg img:hover{transition: all .5s; transform: scale(1.1); -webkit-transform: scale(1.1);}



#header,.banner,.newsmain,.othermain,.ggwmain{ width:100%; background:#fff;}

.common-width{ 

	width:1200px; 

	margin:0 auto;

}



.header-1{

	height: 170px;

}



.logo{

	font-size: 0;

	margin-top: 32px;

}



.er{

	width: 96px;

	margin-top: 35px;

	font-size: 0;

}

.fansuo{

	margin-right: 15px;

	margin-top: 32px;

}

.fansuo  p{

	font-size: 14px;

	color:#333;

	line-height: 1.7;

	text-align: right;

}



.fansuo a{

	vertical-align: middle;

	padding: 0	3px;

}

.fansuo a:hover{

	color:#da231e;

}

.search {

	width:310px;

	position: relative;

	margin-top: 10px;

}

.search input[type="text"]{

	width: 96%;

	height: 38px;

	line-height: 38px;

	border:1px solid #dadada;

	padding: 0 0px 0 10px;

	color:#696969;

}



.search input[type="image"]{

	position: absolute;

	right: 0px;

	top: 0;

	cursor:pointer;

}





.pc_nav{background-color: #da231e;}

.pc_nav .common-width{position: relative;}

.pc_nav li{width: 12.5%; float:left; transition: all 200ms;}

.pc_nav li a{display: block;height: 47px;line-height: 47px;font-size: 16px;color:#fff;text-align: center;transition: .3s;}

.pc_nav li .waia{display: block;font-size: 16px;color: #fff;transition: all 200ms;}

.pc_nav li.active>a,.pc_nav li:hover>a{background-color: #c41f1b;}

.pc_nav li .xldiv{ width:1160px; height:195px; padding:20px 0 0 40px; position: absolute; top: 47px; left: 0; background:#fff; z-index:999999; display:none;}

.pc_nav li .xldiv .xiala-l{ width:274px; height:176px; margin-right:20px;}

.pc_nav li .xldiv .xiala-l img{width:274px; height:176px;}

.pc_nav li .xldiv .xiala-r .ej-menu{font-size:16px; color:#000;}

.pc_nav li .xldiv .xiala-r .ej-menu dd{ float:left;}

.pc_nav li .xldiv .xiala-r .ej-menu dd a{ width:100px!important; font-size:16px; color:#000; text-align:left!important; background:url(../images/line_03.jpg) no-repeat 80px center;}

.pc_nav li .xldiv .xiala-r .ej-menu dd a:hover{ color:#da231e;}

.pc_nav li .xldiv .xiala-r p{ width:520px; font-size:14px; color:#333; line-height:24px;}

.pc_nav li .xldiv .xiala-r .morebtn{width:100px!important; font-size:12px; color:#333; text-align:left!important;}

.pc_nav li .xldiv .xiala-r .morebtn:hover{ color:#da231e;}







/***底部信息****/

.footer{

	width: 100%;background-color: #444;padding-top: 38px; font-family:"Arial","Microsoft Yahei";

}

.footer .one{

	width: 100%;

}

.footer .one .lnk1{

	width: 23.5%;margin-left: 1.8%;

}

.footer .one .lnk1:first-child{

	margin-left: 0;

}

.footer .one .lnk1 #yqlj{

	width:100%;height:38px;background-color: transparent;outline: none;color: #999;border:1px solid #7c7c7c; border-radius:3px;

}

.footer .one .lnk1 #yqlj option{

	background-color: #444;padding: 5px 0;

}

.footer .two{

	width: 100%;padding: 23px 0 21px;height: 80px;

}

.footer .two .zas{

	width: 780px;padding: 10px 0;

}

.footer .two .zas li{

	width: 48%;line-height: 30px;font-size: 14px;color: #999;

}

.footer .two .zas li img{

	vertical-align:middle; margin-right:5px;

}

.footer .two .weixin{

	width: 68px;height: 48px;line-height: 48px;text-align: center;margin-top: 12px;

	color: #84d945;position: relative;cursor: pointer;

	margin-right:90px;

}

.footer .two .weixin i{

	font-size: 34px;

}

.footer .two .weixin .ewm{

	width: 80px;height: 80px;position: absolute;left: 68px;top: -12px;z-index: 2;

}

.footer .two .weixin .ewm img{

	width: 100%;

}

.footer .two .weixin .ewm .sanjiao{

	width: 18px;position: absolute;left: -9px;top: 15px;z-index: -1;

}

.footer .two .weixin .ewm .sanjiao img{

	width: 100%;

}

.footer .three{

	width: 100%;line-height: 24px;padding: 18px 0;border-top: 1px solid #606060;color: #999;font-size: 14px; text-align:center;

}

.footer .three a{ color:#999; margin:0 5px;}

.footer .three a:hover{ color:#da231e;}















@media only screen and (min-width:1024px) and (max-width:1245px) {

	

	.common-width{ width:1000px;}

	

	/**头部**/

	.header-1{ height:150px;}

	.pc_nav li{width: 125px; float:left; transition: all 200ms;}

	.logo{ width:530px; margin-top: 30px;}

	.logo img{ width:100%; }

	.fansuo{margin-top: 22px;}

	.er{margin-top: 26px;}

	.pc_nav li .xldiv{ width:960px; height:195px; padding:20px 0 0 40px; position: absolute; top: 47px; left: 0; background:#fff; z-index:999999;}

	.footer .two .zas li{ font-size:13px; }

	.footer .three{ font-size:13px; } 

	

}



@media only screen and (min-width: 768px) and (max-width: 1024px){

	#page{ display:block;}

	.common-width{ width:90%; margin:0 auto;}

	.pc_nav,.header-right{ display:none;}

	#header{width:100%; background:#fff; height:90px; position:fixed; top:0; left:0; z-index:9999; zoom: 1;  box-shadow: 1px 0px 5px #999; overflow:hidden;}

	.header-1{  height:90px; overflow:hidden;}

	.logo{ width:380px; margin-top: 13px;}

	.logo img{ width:100%; }

	.footer .two .zas{width:100%;}

	.footer .one .lnk1{ width:48%; margin-bottom:20px; margin-left:2%;}

	.footer .one .lnk1:nth-child(3){ margin-left:0;}

	.footer .two{ height:auto; margin-bottom:30px;}

	.footer .two .weixin{ float:left;}

	.footer .three{ font-size:13px; text-align:center;}



	#menu{ display:block;}

    .phone_nav{display: block;}

	.phone_nav a

	{

		display: block;

		width: 22px;

		height: 20px;

		position: absolute;

		top: 35px;

    	right: 30px;

		z-index:999;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #333;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #333;

		display: block;

		height: 2px;

		margin: 6px 0;

	}

	

}

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

    
    #page{ display:block;}
	
	.common-width{ width:90%; margin:0 auto;}

	.pc_nav,.header-right{ display:none;}

	#header{width:100%; background:#fff; height:80px; position:fixed; top:0; left:0; z-index:9999; box-shadow: 1px 0px 5px #999; overflow:hidden;}

	.header-1{ height:80px; overflow:hidden;}

	.logo{ width:300px; margin-top: 15px;}

	.logo img{ width:100%; }

	.footer .one .lnk1{ margin-left: 0;}

	.footer .one .lnk1{width:100%; margin-bottom:10px;}

	.footer .two .zas{ width:100%;}

	.footer .two .zas li{width:100%;}

	.footer .two{ height:auto; margin-bottom:30px;}

	.footer .two .weixin{ float:left; margin-left:-15px; margin-right:0;}

	.footer .three{ font-size:13px; line-height:24px; text-align:center;}



	

	#menu{ display:block;}

    .phone_nav{display: block;}

	.phone_nav a

	{

		display: block;

		width: 22px;

		height: 20px;

		position: absolute;

		top: 32px;

    	right: 20px;

		z-index:999;

	}

	.phone_nav a:before,

	.phone_nav a:after

	{

		content: '';

		display: block;

		background: #333;

		height: 2px;

	}

	.phone_nav a span

	{

		background: #333;

		display: block;

		height: 2px;

		margin: 6px 0;

	}

}