*{padding:0;margin:0}
ul li{list-style:none}/*没有标记*/
a{text-decoration:none;transition:all .1s linear}/*没有下划线*/
#header img{border:none;float:left}/*122121*/
.fr{float:right}/*右边悬浮*/
#header .content{height:100%;max-width:1170px;margin:0 auto} /*两边靠拢*/
#header .nav{margin-left:50px;float:left;height:64px}/*第一个图片间距*/
#header .nav>li{float:left;font-size:14px;height:100%;position:relative}/*右悬浮*/
#header .nav>li>a{display:block;padding:0 20px;height:44px;line-height:44px;color:#5d5d5d;font-weight:500;position:relative;overflow:hidden}/*未悬浮的菜单样式*/
#header .nav>li>a span{display:inline-block;position:relative;transition:all ease-out .3s}/*悬浮一级时菜单样式旋转时间*/
#header .nav>li>a span:after{content:attr(data-title);position:absolute;color:#c9151e;left:0;transform:translateY(100%);width:100%}/*悬浮菜单时旋转后显示字体*/
#header .nav>li>a>i{margin-left:10px}/*第二个开始标题开始后的间距*/
#header .nav .subnav{position:absolute;width:220px;background-color:#FFF;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;z-index:199;top:100%;left:0;border-top:2px solid #c9151e;overflow:hidden;visibility:hidden;opacity:0;transition:all .36s ease} /*未悬浮时隐藏二级菜单*/

#header .nav .subnav li a{font-weight:500;color:#666;padding:10px 15px;line-height:22px;display:block;transition:all .2s ease-in-out;font-size:13px}/*悬浮时二级菜单样式跟时间*/

#header{position:fixed;width:100%;background:#fff;border-bottom:#f0f0f0 1px solid}/*不随着网页移动固定在顶部*/

#header .nav>li:hover .subnav{opacity:1;visibility:visible}/*悬浮时候显示二级菜单*/
#header .nav>li a.active span,#header .nav>li:hover a span{transform:translateY(-100%)} /*悬浮时候一级菜单旋转100%*/

#header .nav .subnav li a.active,#header .nav .subnav li a:hover{background-color:#F9F9F9;padding-left:24px;color:#c9151e}/*二级菜单悬浮列表悬浮样式*/


#hcontact p{margin-left:36px;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif;font-size:15px;color:#c9151e;text-align:left;font-weight:400}/*导航右边字体大小与颜色*/

.gh0 #header.mini,.singlescreen #header{height:64px;box-shadow:0 0 10px rgba(0,0,0,.1)}/*	导航条下边框阴影*/
.gh0 #header.mini .wrapper,.singlescreen #header .wrapper{padding:10px 5px 0 5px;height:54px}/*导航条上边距*/


.j{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/5.1.jpg);
   background-repeat:no-repeat;
	 padding-left:420px;
	 padding-top:250px;
    width:100;
	height:350px;
	
	}
.aaa{
     font-size:36px;
	 background-image:-webkit-linear-gradient(bottom,red,#fd8403,yellow); 

    -webkit-background-clip:text; 

    -webkit-text-fill-color:transparent; }
.amo{ font-size:24px; color:#000;}	
	
 .jj{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/5.2.jpg);
     width:100%;
	 height:700px;
	 background-repeat:no-repeat;
	 }
	 
.bn{ text-align:center;
     padding-top:70px;}
.boi{
	font-size: 36px;
	color: #F00;
	font-weight: bold;
	line-height:60px;
}
.bbb{
	font-size: 14px;
	font-weight: bold;
}   
.n{ margin-left:350px;
    padding-top:30px;
	height:100px;
	}       
.n{ margin-left:350px;
    padding-top:30px;
	height:100px;
	}
.nt{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/5.3.jpg);
	background-repeat:no-repeat;
   width:100%;
   height:540px;}
.nn{ padding-left:1050px;
     padding-top:70px;}
.bb2{ color:#FFF;
       font-size:43px;
	   line-height:50px;}	
.bbb2{ color:#FFF;
       font-size:24pxpx;
	   line-height:50px;}
.bbbb2{ color:#FFF;
       font-size:14px;
	   line-height:70px;}
.oo{ color:#FFF;
      font-size:14px;}  
.vvv {
	position: relative;
	width: 400px;
}
.mask {
	position: absolute;
	top: 194px;
	left: -1px;
	width: 399px;
	height: 72px;
	background: #F00;
	color: #ffffff;
	opacity: 0;
}
.mask jiu {
    text-align: center;
}
.mask jii{
	margin-left:20px;}
.vvv a:hover .mask {
    opacity: 1;}

.okl{ line-height:50px; margin-left:400px;list-style:none;}
.okl img{border:none;float:left}


	 .ziii{
	color: #F00;
	font-size: 48px;
	font-weight: bold;
margin-top:50px;
margin-left:25px;
	 }	
.zii{
	font-size: 36px;

margin-left:25px;
	 }	
	 
.zi{ font-size:12px;
	 font-weight: bold;
margin-left:25px;}
#third{
	height: 100px;
	width: 60%;
	margin: 0px auto;
	position: relative;
	right: -50px;
	top: 40px;
	bottom: 30px;
	line-height:30px;
}
.zui{
	background: #C33;
	height: 200px;
	width: 1898px;
	display: block;
	margin-top: 43px;	
}
.w{ font-size:12px;
text-align:center;
line-height:50px;
}

.zo{
	position: absolute;
	width: 273px;
	height: 106px;
	z-indent: 2;
	left: 172px;
	top: 59px;
	color:#C00;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}
.zoo{
	position: absolute;
	width: 273px;
	height: 106px;
	z-indent: 2;
	left: 560px;
	top: 58px;
	color: #C00;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}
.zooo{
	position: absolute;
	width: 273px;
	height: 106px;
	z-indent: 2;
	left: 957px;
	
	top: 61px;
	color: #C00;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}
.zo1 {	position: absolute;
	width: 273px;
	height: 106px;
	z-indent: 2;
	left: 172px;
	top: 59px;
	color:#C00;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}
.bb2{ color:#FFF;
       font-size:43px;
	   line-height:50px;}	
.zoo1 {	position: absolute;
	width: 273px;
	height: 106px;
	z-indent: 2;
	left: 560px;
	top: 58px;
	color: #C00;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}
.zooo1 {	position: absolute;
	width: 273px;
	height: 106px;
	z-indent: 2;
	left: 957px;
	
	top: 61px;
	color: #C00;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
}






#oio ul{overflow: hidden;margin-bottom:px; width:1200px; margin:0 auto; list-style-type:none;}
#oio ul li{float: left;width: 212px;text-align: center;color: #555;margin-right: 6px;}
#oio ul li.first{ width:438px; padding-top:10px; padding-left:-50px;}
#oio ul li span{display: block;font-size: 16px;}
#oio ul li span p{font-size: 14px;text-align:  center;width: auto;color: #232323;line-height:10px;}
#oio ul li span img{ float:left;}
#oio ul li.last{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/03.jpg);width:200px; height:170px; margin-left:0px; margin-top:10px; padding-top:30px;}

#oio ul li.lastu{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/06.jpg);width:200px; height:170px; margin-left:0px; margin-top:10px; padding-top:30px;}

.zu { background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/01.jpg);
     width:200px; height:170px; margin-left:75px; margin-top:10px; padding-top:30px;}
.zuu{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/02.jpg);
     width:200px; height:170px; margin-left:0px; margin-top:10px; padding-top:30px;}
.zuuu{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/04.jpg);
     width:200px; height:170px; margin-left:75px;px; margin-top:10px; padding-top:30px;}
.zuuuu{ background:url(../IMGS/5-%E5%86%B6%E9%87%91%E8%A1%8C%E4%B8%9A%E5%A0%86%E6%B5%B8%E6%B5%93%E7%BC%A9%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/05.jpg);
     width:200px; height:170px; margin-left:0px; margin-top:10px; padding-top:30px;}	 
	
	 
	 
ul li p{ color:#FFF;}