body,html{ background: #fff; }
.topHead{  position: relative; overflow: hidden; height: 116px;border-bottom: solid 1px #e6e6e6; }
.topHead .logo{ width:462px; height:auto; overflow:hidden; float:left; margin-top: 32px; }
.topHead .logo img{ width:462px; height:auto; overflow:hidden; }

.topHead .hotphone{ float: right; display: flex; align-items: center; margin-top: 24px; }
.topHead .hotphone .phoneLe{ display: inline-block; vertical-align: middle; width: 56px; margin-right: 14px; }
.topHead .hotphone .text{ flex: 1; }
.topHead .hotphone .text .tit,
.topHead .hotphone .text .phone{ width: 100%; height: 32px; line-height:32px; font-size:24px; color: #ad050d; font-weight: bold;
white-space:nowrap;}


.mainnav{  position:relative; z-index:99; height: auto; }
.mainnav dl{ zoom:1; }
.mainnav dd{ float:left; position:relative; width: 132px; text-align: center;  }
.mainnav dd h3::after{ width: 1px;height: 20px;  margin-top: 12px;background: #e6e6e6;content: ''; 
position: absolute; top: 8px; left: 0; z-index: 1; }
.mainnav dd:nth-child(1) h3::after{ width: 0; }
.mainnav dd h3{
	display: flex; align-items: center; justify-content: center; position: relative;
width: 100%;
height: 50px; line-height:50px; font-size:16px; color: #333;  text-transform: capitalize; }
.mainnav dd h3 a{
	/* display:inline-block; *display:inline; zoom:1; */
	display: flex; align-items: center; justify-content: center; position: relative;
width: 100%;
height: 50px; line-height:50px; font-size:16px; color: #333;  text-transform: capitalize; }
.mainnav dd h3 img{ width: 20px; margin-right: 8px; }
.mainnav dd h3 .line{ position: absolute; bottom: 2px; left: 25%; z-index: 1; 
  width: 50%;height: 2px;overflow: hidden;background: #ad050d;  display: none; } 
.mainnav dd h3 .arrow_down{  margin-left: 8px; width: 7px;   height: 7px; border-color:#333; } 
.mainnav dd h3:hover a,
.mainnav dd.hover h3 a,
.mainnav dd.on h3 a{ font-weight: bold;  color:#ad050d;  }
.mainnav dd h3:hover a .line,
.mainnav dd.hover h3 a .line,
.mainnav dd.on h3 a .line{ display: block; }
.mainnav dd ul{ display:none; position:absolute; width:132px;  top:50px; left:0; z-index:9999; border-top:0;  background:#fff; }
.mainnav dd ul li{ height: 40px; line-height: 40px; overflow:hidden; border-top: solid 1px #e4e4e4;   }
.mainnav dd ul li:nth-child(1){ border-top: none;   }
.mainnav dd ul li a{ display: block; width: 100%; height: 40px; line-height: 40px; overflow:hidden; text-align: center; color: #333; font-size:14px;   }
.mainnav dd ul li a:hover{  color:#ad050d;  }

.mainnav dd.mobiledd{ display:none; }

.foot1bg{ background: #333333; overflow: hidden;padding:20px 0; }
.foot2bg{ background: #2b2b2b; overflow: hidden;padding:20px 0; }
.footNav{ width: 100%; height:auto; overflow: hidden; padding: 30px 0 20px 0; border-bottom: solid 1px rgba(255,255,255,0.1); }
.footNav dl{ width: auto; height:auto; overflow: hidden; float: left; padding-left:20px; min-width:auto; max-width:140px; }
.footNav dl:nth-child(1){ padding-left:0px; }
.footNav dl:last-child{ width:230px; min-width:210px; max-width:230px; float:right; }
.footNav dt,.footNav dd{ width: 100%; height:60px; overflow: hidden; float: left;  text-transform: capitalize; }
.footNav dt,.footNav dt a{ height: 60px; line-height: 60px; overflow: hidden; color: rgba(255,255,255,1); font-size: 18px; font-weight: bold; 
text-transform: capitalize; }
.footNav dt a{ display:block; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;}
.footNav dd,.footNav dd a{ height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; color: rgba(255,255,255,0.6); text-transform: capitalize; }
.footNav dd a:hover{ color: rgba(255,255,255,1); }
.footNav dd{ padding:3px 0; }
.footNav dl:last-child dd,.footNav dl:last-child dd a{  height: auto; text-transform : lowercase;}
/* .footNav dl:last-child dd,.footNav dl:last-child dd a{  height: auto; line-height: 22px; text-transform : lowercase;} */

.footLink{ width: 100%; height:auto; overflow: hidden; display: flex; padding: 20px 0;  }
.footLink,.footLink .tit,.footLink .con a{  line-height: 36px;  }
.footLink .tit{ color: rgba(255,255,255,1); font-size: 18px; font-weight: bold;  }
.footLink .con{ flex: 1; padding-left: 16px; }
.footLink .con a{ display: inline-block; float: left; padding: 0 16px; font-size: 14px; color: rgba(255,255,255,0.6);
word-break: break-all; word-wrap: break-word;white-space: pre-wrap; }
.footLink .con a:hover{ color: rgba(255,255,255,1); }

.footCopyright{ width: 100%; height:auto; overflow: hidden; text-align: center;  }
.footCopyright,.footCopyright a,.footCopyright span{ line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.6);  }
.footCopyright2{ display: block; height: 30px; line-height: 30px; display: flex; align-items: center; justify-content: center;  }
.footCopyright2 a{ height: 30px; line-height: 30px; display: flex; align-items: center; justify-content: center;  }
.footCopyright2 img{ display:inline-block; margin-right:6px; }

.floatRi{ width: 90px; height: 500px; position: fixed; right: 0; top:50%; margin-top: -250px; z-index: 3;
  box-shadow: 0 0 10px rgba(0, 0, 0, .2); background: rgba(255,255,255, 0.5); padding: 10px 0; }
.floatRi li{ width: 90px; height: 100px; float: left; cursor:pointer; position:relative; }
.floatRi li .pic{ width: 100%; height: 45px; overflow: hidden; margin-top: 10px;
display: flex; align-items: center; justify-content: center; }
.floatRi li .pic img{ max-width: 100%; max-height: 45px; overflow: hidden; }
.floatRi li .tit{ width: 100%; height: auto; overflow: hidden; text-align: center;
line-height: 22px; color: #ad050d; font-size: 14px;  }
.floatRi li .tit a{ line-height: 22px; color: #ad050d; font-size: 14px;}
.floatRi li .picx{ width: 100%; height: 45px; overflow: hidden; margin-top: 10px;
display: flex; align-items: center; justify-content: center;
background: url(../images/floatri_icon1.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx1{ background: url(../images/floatri_icon1x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx2{ background: url(../images/floatri_icon2x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx3{ background: url(../images/floatri_icon3x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx4{ background: url(../images/floatri_icon4x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li .picx5{ background: url(../images/floatri_icon5x.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover{ background:rgba(173,5,13,0.5);}
.floatRi li:hover .tit,.floatRi li:hover .tit a{ color: #fff; }
.floatRi li:hover .picx1{ background: url(../images/floatri_icon1ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx2{ background: url(../images/floatri_icon2ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx3{ background: url(../images/floatri_icon3ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx4{ background: url(../images/floatri_icon4ho.png) no-repeat center center; background-size: 30px 30px; }
.floatRi li:hover .picx5{ background: url(../images/floatri_icon5ho.png) no-repeat center center; background-size: 30px 30px; }

.floatRi li .wxewm{ display: none; position:absolute; top:0; left:-210px; z-index:999;
width:200px; height:200px; overflow:hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .2); background:rgba(255,255,255, 0.5);
animation: fade-in;
animation-duration: 0.5s;
-webkit-animation:fade-in 0.5s;
}
.floatRi li .wxewm img{ width:180px; height:180px; overflow:hidden; margin:10px; }
.floatRi li.li4:hover .wxewm{ display: block; }

.floatRi li.li5 .phone {
 display: none;
 background: rgba(255,255,255, 0.5);
 background-position: 0 0;
 width: 200px;
 height: 50px;
 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
 overflow: hidden;
 position: absolute;
 top: 25px;
 right: 100px;
 text-align:center;
 animation: fade-in;
	    animation-duration: 0.5s;
	    -webkit-animation:fade-in 0.5s;
}
.floatRi li.li5 .phone span {
 font-family: Arial;
 font-size: 22px;
 display: block;
 color: #e00a0c;
 font-weight: bold;
 height: 50px;
 line-height: 50px;
}

.floatRi li.li5:hover .phone{ display: block; }
@keyframes fade-in {  
	0% {opacity: 0;}
	40% {opacity: 0.5;} 
	100% {opacity: 1;}  
}  
@-webkit-keyframes fade-in {/*Õë¶ÔwebkitÄÚºË*/  
	0% {opacity: 0;}  
	40% {opacity: 0.5;}  
	100% {opacity: 1;}  
}


.floatRi li.li3 .liuyanzixun {
 display: none;
 background: rgba(255,255,255, 0.5);
 background-position: 0 0;
 width: 100px;
 height:100px;
 box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
 overflow: hidden;
 position: absolute;
 top: 0;
 right: 90px;
 text-align:center;
 animation: fade-in;
	    animation-duration: 0.5s;
	    -webkit-animation:fade-in 0.5s;
}
.floatRi li.li3 .liuyanzixun a{ display: block; width:100%; height:50px; line-height:50px; overflow:hidden; 
color: #999; font-size:14px; text-align:center; }
.floatRi li.li3:hover .liuyanzixun{ display: block; }