*{
	margin: 0px auto;
	padding: 0;
	list-style: none;
	text-decoration: none;/*下划线不显示*/
	font-weight: lighter;
}
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}/*导航条上边距*/










#iui ul{overflow: hidden;margin-bottom:px; width:1200px; margin:0 auto; list-style-type:none;}
#iui ul li{float: left;width: 212px;text-align: center;color: #555;margin-right: 6px;}
#iui ul li.first{ width:438px; padding-top:10px; padding-left:-50px;}
#iui ul li span{display: block;font-size: 16px;}
#iui ul li span p{font-size: 14px;text-align:  center;width: auto;color: #232323;line-height:10px;}
#iui ul li span img{ float:left;}
#iui ul li.last{  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%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; color:#FFF;}

#iui ul li.lastu{  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%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; color:#FFF;}

.zu {  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%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/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%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/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%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/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%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;}	 
.zghqr{ color:#FFF;}	



.j{  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/1.jpg);
   background-repeat:no-repeat;
	 padding-left:420px;
	 padding-top:204px;
    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/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/2.jpg);
     width:1200px;
	 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: 20px;
	height: 100px;
	}
.nt{  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/3.jpg);
	background-repeat:no-repeat;
   width:100%;
   height:540px;
   line-height:40px;}
.nn{ padding-left:370px;
     padding-top:70px;}
.bb2{ color:#FFF;
       font-size:43px;
	   line-height:50px;}	
.bbb2{ color:#FFF;
       font-size:24pxpx;
	   }
.bbbb2{ color:#FFF;
       font-size:14px;
	 }
.oo{ color:#FFF;
      font-size:14px;}

.lp{  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/444.jpg);
     width:100%;
	 height:800px;}
	 
	 
	 
	 .ziii{
	color: #F00;
	font-size: 48px;
	font-weight: bold;
	margin-top: 50px;
	margin-left: 420px;
	 }	
.zii{
	font-size: 36px;
	margin-left: 420px;
	 }	
	 
.zi{
	font-size: 12px;
	font-weight: bold;
	margin-left: 420px;
}
#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: 100%;
	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;
}

.vvv {
	position: relative;
	width: 400px;
}
.mask {
	position: absolute;
	top: 194px;
	left: -1px;
	width: 399px;
	height: 72px;
	background: #F00;
	color: #ffffff;
	opacity: 0;
	margin-left:3px;
}
.mask jiu {
    text-align: center;
}
.mask jii{
	margin-left:20px;}
.vvv a:hover .mask {
    opacity: 1;}
			
.lol {
	font-size: 36px;
	margin-right:-2px;}
.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;
}
.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;
}
.okl{ line-height:50px; margin-left:370px;  background:url(../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/../IMGS/7-%E9%87%87%E6%B2%B9%E5%BA%9F%E6%B0%B4%E5%BA%94%E7%94%A8%E5%B7%A5%E8%89%BA%E5%8C%85/4.jpg);
      width:1200; height:1000px; background-repeat:no-repeat;}



#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; margin-right:150px;}
#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{ margin-right:0;}
#oio ul li p{ color:#FFF;}

.chao { color:#39F;
    font-size:12px;}
.box{
    display: flex;
    width: 200px;
	margin-left:150px;
}
.zizi{ color:#C33;}
.gao{ line-height:15px;}
.bbb2 {
	font-size: 24px;
}


*{
	margin: 0px auto;
	padding: 0;
	list-style: none;
	text-decoration: none;/*下划线不显示*/
	font-weight: lighter;
}
.img_div {
	margin-left:3px;/*间隔*/
    position: relative;
    width: 230px;
    height: 430px;
	background:#CCC;
}
.mask {
	transition: background 0.3s;
	position: absolute;
	width: 230px;
	height: 445px;
	background: rgba(101, 101, 101, 0.6);
	color: #ffffff;
	opacity: 0;
	top: -16px;
	left: -3px;
}
.mask img{ margin:1 1 1 1;}/*遮罩里的图片位置*/
.img_div a:hover .mask {
    opacity: 8;
	background:#F00;/*遮罩颜色*/
	color:#00F;     /*遮罩字体颜色*/ 	
}
.lppk{
	color: #FFF;
	font-weight: bold;
	padding-top: 10px;
	padding-left:15px;
}
.lkkp{ color:#000; font-weight:bold; padding-left:17px; padding-top:30px;}
.llpk{
	color: #FFF;
	font-weight: bold;
	float: right;
	font-size: 80px;
}
.flex-container {
    display: flex;
    width: 1200px;
    height: 550px;
	margin-top: 30px;
}

.mjiu{
	font-size: 18px;
}
.flex-container .img_div a .mask p {
	font-size: 14px;
	padding-left:10px;
	color:#FFF;
}
.jiouygh{ font-size:80px; color:#FFF;}