/* CSS Document */
@charset "UTF-8";

a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,
label,legend,li,ol,p,pre,small,span,strong,u,ul,var,h1,h2,h3,h4,h5,h5,h6,input,select,option
{margin:0;padding:0;box-sizing: border-box; -webkit-box-sizing: border-box;border: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary
{display:block -moz-box-sizing:border-box;box-sizing:border-box;}
hr{-moz-box-sizing:border-box;box-sizing:border-box;height:0}
input,select,textarea{outline: none;}
button,html input[type=button],input[type=submit]{-webkit-apperance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
ol,ul,li{list-style:none}
img{border:0;vertical-align:middle}
em,i,u{font-style:normal}
.fl{float:left}
.fr{float:right}
.al{text-align:left}
.ac{text-align:center}
.ar{text-align:right}
.hide{display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.relative{ position: relative; }
.absolute{ position: absolute; }
html,body{
	font:14px/150% '微软雅黑',Arial,Verdana,"\5b8b\4f53";
	color:#666;
	height:100%; width:100%; overflow:hidden; margin:0;
	padding:0;
	}
.bgbox{
	 background-size: 100% 100%;
	background:url(img/ng.jpg) no-repeat;	
	width:100%; height:100%; overflow:hidden; margin:0;
	padding:0;
	 -webkit-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	 background-position: center 0; 
}
.pos{   width: 750px;
    height: 100%;}
.lmian{width: calc(100% - 750px);}
a{text-decoration:none;color:#676767; cursor:pointer}
.leftbox{width:calc(100% - 360px);height: 100%;}
.leftbox ul{width: 100%;
  }
.leftbox .tip{
	width:100%;
	color:#232524;
	font-weight: bold;
	font-size:18px;
	margin-top:40px;
	margin-left: 100px;}
.leftbox ul li{
	width:100px;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #b0abab;
	font-size: 20px;
	cursor: pointer;
}
.zheqi{cursor: pointer;}
.rightbox{margin-right: 20px;width:320px;}
.pbox{width:320px;padding: 20px;background: #fff;text-align: center;display: none;
-webkit-box-shadow:2px 1px 4px #333; 
    -moz-box-shadow:2px 1px 4px #333;
	border-radius: 5px;}
.tip p{width:120px;float: left;position: relative;margin-right: 1%;}
.tip p span{position: absolute;
    top: 19px;
    left: 42px;}
.pixbox{width:280px;display: none;}
.pixbox ul li{width:280px;height:208px;}
.pixbox ul li img{width:100%;height: 175px;border-radius: 5px;}
.pixbox ul li p{line-height: 30px;height:30px;color: #444242;
    font-size: 23px;
    font-weight: bold;}
.xian{display: block;color:darkred !important;font-weight: bold;}
.dropdown{
	display: inline-block;
   content: " ";
   border-bottom: 4px solid #aaaaaa;
   border-right: 4px solid #aaaaaa;
   width: 24px;
   transform: rotate(45deg);
   height: 24px; 
   }
.down{
    width: 340px;
    text-align: center;
	display: none;}
.downup{
	display: inline-block;
	content: " ";
	width: 24px;
	transform: rotate(45deg);
	height: 24px;
   border: 0;
   border-top: 4px solid #aaaaaa;
   border-left: 4px solid #aaaaaa;
}
.logo{
	width: 8%;
	    /* margin-left: 30px; */
	    position: absolute;
	    left: 9%;
	    top: 80px;
	}
.logo img{
	width: 100%;
}
.top{
	    color: #363333;
	    font-weight: bolder;
	    font-size: 41px;
	    line-height: 80px;
	    height: 80px;
	   margin-left: 23%;
}

.ha{
	position: absolute;
	   top: 210px;
	    right: 33px;
	    width: 48px;
	    text-align: center;
	    color: #b10102;
	    pont-size: 24px;
	    font-size: 24px;
	    font-weight: bold;
}
.tai{
	    position: absolute;
	    top: 62px;
	    right: 155px;
	    width: 72px;
	    text-align: center;
	    color: #b10102;
	    pont-size: 24px;
	    font-size: 24px;
	    font-weight: bold;
}
@media screen and (min-width:1800px) {
	.leftbox ul {
	    margin-top: 140px;
	    margin-left: 160px; 
	}
	.pointurl {
		top:200px;
		right:487px;
	}
	.pointurl a.a1{
		position: absolute;
		top:5px;
		right: 184px;
	}
	.pointurl a.a2{
		position: absolute;
		top:180px;right:23px;
	}
}

@media screen and (max-width:1800px) {
	.leftbox ul {
	        margin-top: 64px;
	        margin-left: 85px; 
	}
	.pointurl {
		top: 174px;
		right: 370px;
	}
	.pointurl a.a1{
		position: absolute;
		top:5px;
		right:120px;
	}
	.pointurl a.a2{
		position: absolute;
		top:140px;right:0px;
	}
}
@media screen and (max-width:1685px) {
	.leftbox ul {
	        margin-top: 64px;
	        margin-left: 85px; 
	}
	.pointurl {
		top: 174px;
		right: 426px;
	}
	.pointurl a.a1{
		position: absolute;
		top:5px;
		right:153px;
	}
	.pointurl a.a2{
		position: absolute;
		top:140px;right:18px;
	}
}
@media screen and (max-width:1444px) {
	.leftbox ul {
	    margin-top: 62px;
	    margin-left: 68px;
	}
	.pointurl {
		top: 174px;
		right: 372px;
	}
	.pointurl a.a1{
		position: absolute;
		top:5px;
		right: 120px;
	}
	.pointurl a.a2{
		position: absolute;
		top:150px;right:0px;
	}
}
.pointurl{
	width:30%;
	height:40%;
	position: absolute;
	z-index: 999;
}
.pointurl a{
	display: inline-block;
	width:100px;height:100px;
}
.zhanbox{
	width: 100%;
	clear: both;
	height:100px;
	text-align: center;
	/* position: absolute;
	top: 20px;
	left: 22%; */
	
}
/* .zhanbox ol{width:700px;margin:10px auto;} */
.zhanbox ol li{
	float: left;
	margin-left: 20px;
	font-size: 12px;
	color: #b0abab;
	width:150px;
	/* vertical-align: middle;
	line-height: 25px;
	height: 25px; */
	}
.zhanbox ol li a img{width:140px;height:80px;}
.zbtn{
   vertical-align: middle;
       line-height: 28px;
       font-size: 16px;
       font-weight: bold;
       width: 127px;
       text-align: left;
}