*{ margin:0; padding:0;}
input[type=”button”], input[type=”submit”], input[type=”reset”] {-webkit-appearance: none;}
body{position:relative; margin:0 auto;  font-size:1.3rem; font-family:Microsoft Yahei; box-shadow:#000 0px 0px 0px;  overflow-x:hidden; color: #4C4948;}
img{ border:none;}
a{ text-decoration:none;  outline:none; color:#000;}
a:hover{ text-decoration:none; color:#D11F0D; outline:none;}
ul,ol,li,dl,dt,dd{ list-style:none;}
div.badoo{padding:10px 0px;font-size:13px;color:#666;font-family:arial, helvetica, sans-serif;text-align:center;}
div.badoo a{border:#000 1px solid;padding:2px 5px;margin:5px 2px; display: inline-block;   border-left:#000 1px solid;color:#000;text-decoration:none;}
div.badoo a:hover{border:#000 1px solid;color:#D11F0D;}
div.badoo a:active{border:#000 1px solid;color:#D11F0D;}
div.badoo span.current{border:#000 1px solid;padding:5px 8px;font-weight:bold;color:#fff;background-color:#000;}
div.badoo span.disabled{display:none}
div.badoo .current_page{border:#000 2px solid;padding:2px 5px;margin:0px 2px;color:#FFF;background-color:#000;}



.pager{width: 100%; overflow: hidden;}
.pager a{display: inline-block; }


.songallery{display: none;}

.search{
  width: 100%;
 overflow: hidden;
  margin-top: 25px;
}
.form{width:85%; margin: 0px auto;  overflow: hidden; color: #FFF;border:2px solid #FFF; border-radius:15px ; float: left;}
.search .subt{border: none; background: none; font-size:30px; color: #FFF; float: right; width: 26%; }
.search .keyword{ border: none; text-indent: 3em; float: left;width:73%; line-height:3; background: none; color: #B6B6B6; font-weight: bold;}
.search input::placeholder{color: #B6B6B6;} 

.indexTop{width: 100%;margin: 0 auto; height:90px; background: #D11F0D; }
.headTop{width: 100%;margin: 0 auto; height:90px; background: #D11F0D; }


.headMenu{width: 90%;  margin: 0 auto; position: relative; }
.webtitle{ overflow: hidden; width:13%;  margin:8px auto;  float: left;}



.nav{
  width:80%;
  float: right;
  text-align: center;
  border-radius: 4px;
}
.headTel{color: #FFF; font-size: 13px; width:22%; float: left;}



.am-menu-dropdown1 .am-menu-toggle{display: none;}

.main {
 margin: 0 auto;
 width: 76%;
 float: left;
}


.main > li {
  text-align: center;
  float: left;
  position: relative;
  width: 11%;
  text-align: center;
  line-height: 4.5;
  margin: 16px 10px 0  10px;
}
.main > li a{
  text-decoration: none;
  color: #FFF;
  text-transform: capitalize;
  font-family: monospace;
  display: block;
 
  font-size: 16px;
  transition: background-color 0.5s ease-in-out;
  font-family: "Raleway", sans-serif;
}




.main > li:last-of-type{ }

.main > li a:hover {
  border-bottom: 1px solid #000;
  color: #000;
}

.main > li .active{color: #000; border-bottom: 1px solid #000;}

.drop{position: absolute;top:73px; left: -13px; width:150px; z-index: 9999;}


.drop li {
  opacity: 0;
  transform-origin: top center;
  line-height: 2;
  
}

.drop li a{
  background: rgba(255,255,255,0.5);
  padding: 10px 0;
  color: #000;
  font-size: 12px;
  border: none;

}

.drop li:last-of-type{
  border: none;
}

/*------------- menu2 animation -------------------*/


.main li:hover .menu2 li{
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
  z-index: 9999;
}

.menu2 .dropIoc{ position: absolute; top: -19px; left:43%; color: #FFF; font-size: 20px; z-index: 999; opacity: 0;}

.main li:hover .menu2 .dropIoc{
  animation: menu2 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
  z-index: 9999;
}
@keyframes menu2 {
  0% {
    opacity: 0;
    transform: scale(0.7);
  }
  50% {
    opacity: 0.5;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}


.swiper-banner{width: 100%; overflow: hidden; position: relative; margin: 0 auto;}
.swiper-banner .banner-pagination{ height:20px; z-index: 10; padding: 6px; text-align: center; position: absolute;left: 0; bottom: 0;}
.swiper-banner .banner-pagination .swiper-pagination-bullet{width: 50px; height:3px; background: #FFF; border-radius:0 ; }
.swiper-banner .banner-pagination .swiper-pagination-bullet-active{background: #EB9E38;}



.aboutBg{overflow: hidden; width: 100%; margin: 0 auto; background-image:url(../img/oj_03.jpg); 
background-repeat:no-repeat ;background-position:center ; background-size:cover ;
}

.m-about{overflow: hidden; width:100%; margin: 80px auto;  }


.m-about .abconter{ margin: 0 auto; overflow: hidden; width: 78%;

}
.m-about .abconter .mAbL{float: left; width: 30%;}
.m-about .abconter .mAbL  .fondEn{font-size: 28px; color: #FFF;}
.m-about .abconter .mAbL  .fondCn{font-size: 20px; color: #999999; line-height: 3;}
.m-about .abconter .mAbL  .fondHR{width: 60px; height: 15px; border-top:1px solid #999999 ; border-bottom:1px solid #999999 ;}

.m-about .abconter .mAbr{width: 60%; float: right; }
	
.m-about .abconter  .doc{overflow: hidden; line-height: 2; font-size: 16px; background: #FFF; padding:30px; border-radius:10px ;}

.m-about  .abouMore{display: block; width: 100px; text-align: center; line-height: 2.5;background: #FFF; color: #000; margin-top: 293px;
border-radius:10px;
}








.prodcats{overflow: hidden; width: 100%;margin: 0 auto;
background: #D4D5D5;
position: relative;
}


.proSm{width: 90%; margin: 30px auto; overflow: hidden;
position: relative;
}

.prodcats  .pro-prev{
	width:40px; height: 40px; line-height:40px; font-size:25px; 
border-radius:100%; background: none; color: #000; 
border: 3px solid #000; display: inline-block; 

text-align: center;
position: absolute;
left: 5%; top: 50%;
}


.prodcats  .pro-next{
	width:40px; height: 40px; line-height:40px; font-size:25px;
border-radius:100%; background: none; color: #000; 
border: 3px solid #000; display: inline-block; 
text-align: center;
position: absolute;
right: 5%; top: 50%;
}





.prodcats .proSwiper{overflow: hidden; width: 80%;margin: 0 auto;  margin-top:45px;}


.prodcats .proSwiper .proBox{
	position: relative;
	width: 100%;
	height:535px;  
	
	cursor: pointer; 
	
	}
.prodcats .proSwiper .proBox .prom{
	position: absolute;
	width: 100%;
  height: 100%;
  background-repeat: no-repeat; 
	background-position:center; 
	background-size: 100% 100%;
	
}

.prodcats .proSwiper .proBox .proBoxss{
	width: 100%;
	background: #FFF;
	color: #000;
	height: 82px;
	padding: 15px 0;
}

.prodcats .proSwiper .proBox .proBoxss .name{font-size: 18px;text-indent:2em ;}
.prodcats .proSwiper .proBox  .proBoxss  .prioc{color: #666666; line-height: 2; font-size: 15px;text-indent:2.5em ;}




.prodmore{display: block; width: 150px; font-size: 20px; border-radius: 15px; color: #FFF; margin: 100px auto; text-align: center; line-height: 2.5; background: #000000;}







.ressImg{margin:0 auto; width: 100%; overflow: hidden; position: relative;}

.projMore{display: block; width: 100px; font-size: 20px; border-bottom: 1px solid #000;  margin: 0 auto; text-align: center; line-height: 3;
position: absolute;
left: 50%;
margin-left: -50px;
bottom: 340px;

}


.succe_mode{overflow: hidden; margin: 0 auto; width: 100%; background-image: url(../img/oj_07.jpg); background-size: cover; background-repeat: no-repeat;}


.succe_mode .item-more{ margin: 20px auto;text-align: center;  display: block; width: 100px;
background: #CBCBCB;
border-radius:8px ;
line-height: 2.5;
 }

.swiper-container {
	width: 60%;
	margin: 0 auto;
}
.swiper-slide {
	background-size: cover;
	background-position: center;
}



.gallery-top {
	height: 500px;
	
	margin-top: 30px;
}
.gallery-thumbs {
	height: 80px;
	box-sizing: border-box;
	margin-top: 30px;
	background: #FFF;
}

 .my-left{ position:absolute; left: 16%;}
 .my-right{ position:absolute; right: 16%;}

.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
	opacity: 1;
}

























.ressImg .join{float: left; width:60%;}
.ressImg .imgR{float: right; width:40%;}
.ressImg .case{ width:92%; float: right;}
.ressImg .server{ width:92%;float: right;margin-top: 35px;}



.newwrapper{overflow: hidden;  margin: 0 auto; width: 100%; background:#E9E9E9; }

.nTitle{margin: 0 auto; overflow: hidden; width: 80%; margin-top: 100px;}
.tFond{float: left; width: 50%;}
.tFond .newEn{font-size: 25px;}
.tFond .newCn{font-size: 20px; }

.newMore{  display: block;  font-size: 16px; float: right; width: 15%; text-align: center; line-height: 2.5;}



.nwbase{overflow: hidden; width: 35%; margin: 20px auto; margin-top: 90px;}

.newDoc{overflow: hidden;width: 80%; margin: 30px auto;}


.newDoc .nR{float: left; width: 45%;}
.newDoc .nR .newsSwiper{width: 100%; overflow: hidden;}

.newDoc .nR .newsSwiper .img-box{ width: 100%; height:426px;background-size:100% 100%; background-position: center; background-repeat: no-repeat;}

.newDoc .nR .newsSwiper .img-box .nbox{position: absolute;  width: 85%; left: 28px; bottom:25px; 
background: #FFF; color: #000;
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.nbox .nLioc{background: #0E497F; width: 50px; height: 50px; line-height: 50px; font-size: 25px; color: #FFF; text-align: center; float: left;}
.nbox .nRdoc{ float: right; width: 85%; overflow: hidden;}
.nbox .nRdoc .tite{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-weight: bold;}
.nbox .nRdoc .disp{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-size: 12px; text-indent: 1em; line-height: 3;}


.Latest{overflow: hidden; width: 53%; float: right; }
.Latest li{margin-bottom:15px; overflow: hidden; background: #F6F6F6; width: 93%;}
.Latest li .nR{width:62%; float: right;}
.Latest li .tite{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-weight: bold; line-height: 3;}
.Latest li .disp{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-size: 12px; text-indent: 1em; line-height: 3;}

.Latest li .nL{width: 35%; float: left; background-position: center; background-repeat: no-repeat; background-size: 100%  100%; height:131px;}




.footer{width: 100%; background:#2D2D2D; color: #FFF; padding: 45px 0; overflow: hidden; }

.webtop{position: fixed; bottom: 100px; right:20px; z-index: 999; text-align: center; background: #E60012; border-radius:3px; width: 50px; height: 50px; }
.webtop a{color: #FFF;}

.webinfo{width:90%; margin: 0 auto;  overflow: hidden; border-top: 1px solid #FFF;}

.webinfo .muter{overflow: hidden; margin-top: 30px; width:56%; float: left;}
.webinfo .muter li{float:left;overflow: hidden; line-height: 3.5; width:14%; text-align: center;}
.webinfo .muter li a{color: #FFF;}


.webinfo .muter .muter2{overflow: hidden; width: 100%; }
.webinfo .muter .muter2 li{line-height: 2; width: 100%; margin: 0;}

.webinfo .lianxi{float: right; width:43%; }
.webinfo .lianxi .footLogo{width: 30%; margin:25px 0;}
.webinfo .lianxi .teladdr{width:80%; float: left;}
.webinfo .lianxi .teladdr span{font-size: 16px; color: #000; font-weight: bold; float: left; display: block; margin: 0 5px; line-height: 2.5;}
.webinfo .lianxi .teladdr ul li{overflow: hidden; width: 100%; line-height: 2.5;}
.webinfo .lianxi .teladdr .jd{float: right;width:95%; line-height: 1.5;}
.webinfo .lianxi .p1{font-size: 15px; color: #FFF; line-height: 3;}
.webinfo .lianxi .p2{font-size: 20px; color: #E60012;line-height: 2;}
.webinfo .lianxi .p3{font-size: 12px; color: #B8B8B8;line-height: 2;}


.wechat-code{width: 15%; float: right; text-align: center; line-height: 3; margin-top:35px;}

.borxImg{ border: 1px solid #000000; padding:5px;}


.webinfo .lianxi .bntlink{ background: none; border: 1px solid #B8B8B8; width: 150px; margin-top: 30px;}

.webinfo .info{margin-top: 40px;}

.foerbottom{ background: #2D2D2D;
 color: #FFF; line-height: 3; overflow: hidden; width: 100%;
 
 }
.foerbottom .foerfond{width: 82%; margin: 20px auto; overflow: hidden;}
.foerbottom .fondL{float: left; width: 60%;}
.foerbottom .fondL a{color: #FFF;}
.foerbottom .fondR{float: right; width: 18%;}









.nvabar{width: 80%; margin: 30px auto;overflow: hidden;}
.nvabar .type{ width:100%; margin: 0 auto; overflow: hidden; line-height: 5;border-bottom:1px solid #F5F5F5;}
.nvabar .type2{ width:100%; margin: 0 auto; overflow: hidden; line-height: 5;border-bottom:1px solid #F5F5F5;}
.xilei{float: left; width: 8%;  text-align: center; font-weight: bold; }
.xilei span{display: inline-block; color: #D11F0D; margin: 0 5px;}
.list{width:90%; float: right;}
.nvabar .type a{display: inline-block; padding:0 5px ; margin:0 3px;}

.nvabar .type a.active{ 
    color: #FFF;
	background: #D11F0D;
	line-height: 3;
}
.nvabar .type2 a{display: inline-block; padding:0 5px ; margin:0 3px;}

.nvabar .type2 a.active{ 
    color: #D11F0D;
	
	line-height: 3;
}

.porsearch{width: 100%;overflow: hidden; border-bottom:1px solid #F5F5F5;}
.porsearch .proform{width: 100%; overflow: hidden; margin: 20px 0;}
.porsearch .proform .subt{ font-size: 20px; color: #000; border: none; background: none; text-align: center; width: 50px;}

.porsearch .proform .keyword{ color: #000; border: none; background: none; width: 600px; line-height: 30px;}


.abNva{width: 80%; margin: 30px auto; overflow: hidden;text-align: center; max-width: 1200px;}
.abNva .fondIoc{font-size: 30px; text-align: center;}
.abNva a{display: inline-block; margin: 20px 9%; text-align: center;}
.abNva a.active{color: #D11F0D;}











.mokuai{overflow: hidden; margin: 45px auto; width: 80%;  }
.mokuai .tes{text-align: center;
	font-size:35px; font-weight: bold; line-height: 2; margin-top: 15px;
	position: relative;
	color: #F2F2F2;
}
.mokuai .tes .fnCn{font-size:25px; position: absolute; width: 100%; left: 0; top: 20px; color: #000000;}









.abShow{ width: 100%;  overflow: hidden; margin: 30px auto; min-height: 500px;}

.fzlc{overflow: hidden; width: 100%; margin: 0 auto;
background-image: url(../img/lc.jpg);
background-position: center;
background-size: 75%;
}
.abFz{width: 80%; overflow: hidden; margin: 0 auto; position: relative;}

.clhr{width: 100%; height: 5px; border-bottom: 1px solid #ACA7A7; position: absolute; top:155px;}
.clitem{width: 80%; margin: 0 auto;}
.clitem .clName{font-size:30px; color: #C7000B; line-height: 5;}
.clitem  .img{margin-top: 10px; margin-left: 10px;}


.abFz .ac{width:7%;}
.abFz .acr{width: 80%; border-top-right-radius:15px ; border-bottom-left-radius:15px ; border-bottom-right-radius: 15px;}


.abFz .dian{width: 12px; height: 12px;  text-align: center;border: 5px solid #ACA7A7; border-radius:100%; background: #BF2E36;}



.abFz .abFzL{margin-top: 30px;}
.abFz .abFzL ul, .abFz .abFzL li{list-style-type:disc;}


.abFz .dian:hover{background: #D11F0D;}


.abShow .mAb{width:80%;  overflow: hidden; margin: 45px auto;}
.abShow .mAbL{width: 30%; float: left;}
.abShow .mAbL .fondEn{font-size:40px; font-weight: bold; line-height: 2; margin-top: 15px; color: #7F7F7F;}
.abShow .mAbL .fondCn{font-size: 30px; color: #B08B53;}
.abShow .mAbL .fondHR{height:20px; border-top: 2px solid #7F7F7F; border-bottom:2px solid #7F7F7F; width: 100px; margin: 30px 0;}
.abShow .mAbR {float: right; width: 68%; font-size: 16px; line-height: 2;}






.tImg{margin: 50px auto;}

.abShow .mAb .posab .doc{margin-top: 50px;}

.ab-swiper{width: 90%; margin: 100px auto; overflow: hidden; position: relative; padding-bottom: 10px;}
.ab-swiper .ab-pagination{ height:20px; z-index: 10; padding: 6px; text-align: center;}
.ab-swiper .ab-pagination .swiper-pagination-bullet{width: 10px; height:10px; background: #CCCCCC; border-radius:100% ; }
.ab-swiper .ab-pagination .swiper-pagination-bullet-active{background: #D11F0D;}
.ab-swiper .abnpxt{
	font-size: 20px; 
border: 1px solid #000000; 
width: 30px; height: 30px; 
border-radius:100% ;
position: absolute;
text-align: center;
line-height: 30px;
}
.ab-swiper .ab-prev{
bottom: 0;
left: 0;

}

.ab-swiper .ab-next{
bottom: 0;
right: 0;

}









.abFz .abFzR{width: 40%; float: right;}

.abFz2{width:70%; overflow: hidden; position: relative;margin: 20px auto;}
.abFz2 .abFz2hr{position: absolute; width: 90%; height: 20px; top: 3px; left: 5%; border-bottom: 1px dashed #000;}
.abFzSwiperThumbs{width: 80%; margin: 0 auto;}
.abFzSwiperThumbs .swiper-slide{text-align: center; cursor: pointer;}



.abFzSwiperThumbs .acdian .dian{background: #D11F0D;}

.abFzSwiperThumbs p{line-height: 2;}
.abFzSwiperThumbs .swiper-wrapper{margin-top: 16px;}



.abFz2 .preBtn{position: absolute; top: 0; left: 0; font-size: 30px; margin: 0 auto; color:#D11F0D ;}
.abFz2 .nextBtn{position: absolute; top: 0; right: 0;font-size: 30px; color:#D11F0D ;}


.vlist{overflow: hidden; margin: 0 auto;} 

.vlist li{display: inline-block; width: 50%; overflow: hidden; margin-bottom: 40px;}
.vlist li .vlist-box{width:90%; margin: 0 auto; overflow: hidden;}
.vlist li .vlist-box p{font-size:15px; text-align: center; line-height: 3;}



.m-nvai{width: 100%; margin: 0 auto; overflow: hidden; background: #4C4948; text-indent: 1em; font-size: 2rem; font-weight: bold;line-height:2.5; color: #FFF;}


.maptop{width: 100%; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #D6D6D6;}

.map{width: 80% ;margin: 0 auto; overflow: hidden;  line-height: 4;}
.map .nva{width: 30%; margin: 0 auto; float: left;}
.map span{float: right; border-bottom:2px solid #011049 ;}
.map a{display: inline-block;line-height: 2;}



.frameWork{overflow: hidden; width: 100%; margin: 0 auto; }


.frame{width:80%; margin:10px auto; overflow:hidden;margin-bottom: 20px; min-height:30rem;  }


.newShow{ width: 100%; overflow: hidden; min-height: 600px; margin: 0 auto;  background: #F5F5F5;}

.newShow .pages{
	width: 80%;
	overflow: hidden;
	margin: 100px auto;
}
.newShow .pages .pagesR{
	background: #FFF;
	padding: 100px;
	float: left;
	width: 65%;
	overflow: hidden;
}


.newShow .pages .pagesR .pagesT{overflow: hidden; padding: 30px 0; border-bottom: 1px solid #D6D6D6; margin-bottom: 80px;}

.newShow .pages .pagesR img{width: auto; height: auto; display: block; margin: 0 auto; max-height: 100%; max-width: 100%;}

.pagesL{
	width: 18%;
	float: right;
	overflow: hidden;
}


.pagesL .pagList{
	border: 1px solid #D6D6D6; 
	background: #FFF;
	padding: 30px;
	overflow: hidden;
}
.pagesL .pagList li{line-height: 3;}

.pagesL .mulu{
line-height: 2;
padding: 10px;
font-size:15px;
font-weight: bold;
border-bottom: 1px solid #D6D6D6;
margin-bottom: 30px;
}

.pagCode{
  border: 1px solid #D6D6D6; 
	background: #FFF;
	padding: 30px;
	overflow: hidden;
	margin-top: 50px;
}

.pagCode .pagCodeImg{
	width: 80%;
	margin: 30px auto;
}



.Mxlwm{width:80%; margin:10px auto; overflow:hidden;padding: 25px; background: #FFF;}



.contact{border-bottom:1px solid #B8B8B8; line-height: 2;}



.Caddr{overflow: hidden; width: 100%; margin: 30px auto;}
.Caddr ul li{overflow: hidden; width: 33%; float: left; margin: 50px auto;}
.Caddr .Lioc{width: 50px; height: 50px; border: 1px solid #000000; 
border-radius:100% ; text-align: center; line-height: 50px; 
font-size: 30px;
float: left;
}
.Caddr .webch{width: 100px; height: 100px; margin:  0 auto;}


.Caddr .Rcon{ float: right; width: 80%;}
.Caddr .Rcon .cont{margin-bottom: 12px;}
.Caddr .Rcon .conS{font-weight: bold;}




.allmap {height:600px;width:100%;overflow: hidden; margin:50px auto; margin-bottom: 30px;}

.about{width: 80%; margin: 50px auto; overflow: hidden; position: relative;}
.about .img{width: 36%; float: left;}
.about .doc{width: 60%; overflow: hidden;  float: right;}




.abWh{overflow: hidden; width: 100%; text-align: center; color: #FFF;}
.abWh img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
.absl{overflow: hidden; width: 100%; background: #FFF; margin: 20px auto;}
.absl .abslImg{width: 80%; margin: 0 auto; overflow: hidden;}
.absl .abslImg img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}




.hoor{overflow: hidden;position: relative; width: 100%;  padding-bottom: 60px;}

.hoor .hrSwiper{ overflow: hidden; position: relative; margin: 20px auto; width: 78%; background: #FFF; }
.hoor .hrSwiper .img-box{display: table-cell; width:312px; height: 312px;text-align: center; vertical-align: middle;}
.hoor .hrSwiper .img-box img{max-height: 100%; max-width: 100%;}
.hoor .hrSwiper p{text-align: center; line-height: 2;}
.hoor .proJt{background: #16469B; z-index: 66; top: 55%; color: #FFF; width: 35px; height: 35px; text-align: center; line-height: 35px; position: absolute;}
.hoor .pro-prev{ left: 5%;}
.hoor .pro-next{ right:5%;}


.mhdys{width: 100%; overflow: hidden;}
.mhdys img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.mhlc{width: 90%; margin: 30px auto; overflow: hidden;}
.mhlc img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.mhdlx{overflow: hidden; width: 100%; margin: 0 auto; 
background-image:url(../img/123.jpg);
background-position: center ;
background-repeat: no-repeat;
background-size: cover;
padding-bottom:90px ;

}
.fondly{font-size: 20px; margin-top: 50px; 

}
.fondDoc{ text-align: center;}


.wtSwiper{ overflow: hidden; position: relative; margin: 20px auto; width: 78%; background: #FFF; padding: 50px 0;}

.wtSwiper .swItem{border: 1px solid #535353; width: 90%; margin: 0 auto;}


.wtSwiper .img-box{width:100%; height:200px;background-position: center; background-repeat: no-repeat;background-size: 100% 100%;}
.wtSwiper .img-box img{max-height: 100%; max-width: 100%;}
.wtSwiper .doc{ width: 95%; margin: 0 auto; overflow: hidden;}
.wtSwiper .doc .title{line-height: 2;}
.wtSwiper .doc .dis{font-size: 12px; margin: 10px 0; line-height: 2;}
.wtSwiper .doc .yes{line-height: 2; margin-bottom: 20px;}
.hoor .proJt{background: #16469B; z-index: 66; top: 47%; color: #FFF; width: 35px; height: 35px; text-align: center; line-height: 35px; position: absolute;}
.hoor .pro-prev{ left: 5%;}
.hoor .pro-next{ right:5%;}







.tplist{margin:0 auto; overflow:hidden; width: 95%;}
.tplist  li{margin: 15px auto; overflow: hidden;   position: relative; height: 30%; box-shadow: 0px 0px 7px 5px #DFDDDD;  width: 95%; background:url(../images/pro_icon.gif) no-repeat right; }
.tplist  li .primg{width: 36%; float: left;  margin-right: 5%;line-height: 5rem; background-size:100% 100%;  }
.tplist  li .prname{width: 57%;float: left;  line-height: 1.8rem; margin-top: 3%;}

.am-bar{transform:translateX(100%);}

.cnt{overflow: hidden; background: #EEEEEE; padding: 35px 15px;}
.cnt .pimg {overflow: hidden; width: 32%; margin: 0 auto;}
.cnt .pimg .img{width: 30%; float: left;}
.cnt .pimg span{float: right; font-size: 1.5rem; font-weight: bold;}

.cnt .pcnt{font-size: 1.5rem; font-weight: bold; line-height:2; width: 80%; margin: 10px auto; text-align: center;}



.pro-nvi{width: 100%; overflow: hidden; margin: 20px auto;}




.prlisttitle {color: #D9C9A8; font-size:23px;  text-align: center; margin-top: 10px;} 

.vr-list{width:95%; overflow: hidden; margin:  20px auto; }
.vr-list ul li{ overflow:hidden; width: 50%; display: inline-block;margin-bottom: 20px; }
.vr-list ul li .vr-bg{background: #C7C7C7; display: block; width: 90%; margin: 0 auto; padding-top: 20px;} 
.vr-list ul li span{float: right; font-size: 1rem;}
.vr-rs{width: 95%; margin: 20px auto; overflow: hidden; }
.vr-rs li{width:49%;display: inline-block; overflow: hidden; margin-bottom: 20px; }

.vr-rs li .vr-img{width: 90%; margin: 0 auto;border-radius:10px ; border: 1px solid #6D6D6D; display: block;}
.vr-rs li .vr-img .img-box{ display: table-cell; text-align: center; vertical-align: middle;position: relative;}
.vr-rs li .vr-img .img-box .box-bg{width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0;}
.vr-rs li .vr-img img{max-width: 100%; max-height: 100%;}
.vr-rs li .vr-img .img-box .box-bg span{font-size: 4rem; color: #FFF; width: 62px; height: 62px; display: block; border-radius:50% ;  background:rgba(240,240,240,0.7);position: absolute;left: 33%; top: 25%;}
.vr-rs li  .name{font-size: 1.8rem; text-align: center;line-height: 2;}


.honors{width:80%; overflow: hidden; margin:  20px auto; min-height: 500px;}
.honors ul li{width:24%;  margin-bottom: 20px; display: inline-block;}
.honors ul li .img-box{
	width: 362px;
	height: 362px;
	display: table-cell;text-align: center; vertical-align: middle; box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.6); overflow: hidden;


}

.honors ul li .img-box .projImg{display: block; border: none;}
.honors ul li .img-box .projImg:hover{
  animation: hobox 0.9s ease-in-out forwards;
  animation-delay: 0.5s;
}

@keyframes hobox {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}




.honors ul li img{width: auto;  height: auto; display: block; max-width: 100%; max-height: 100%;  margin: 0 auto;}
.honors ul li p{text-align: center;line-height: 2; font-size: 1.5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }












.ProjectList{width:80%; overflow: hidden; margin:  20px auto; min-height: 500px;}
.ProjectList ul li{width:30%;
    padding: 8px;
    margin: 0 6px 12px;
    display: inline-block;
    border: 1px solid #F3F3F3;}
.ProjectList ul li .img-box{width:453px; height:350px;display: table-cell;text-align: center; vertical-align: middle; overflow: hidden; position: relative;}
.ProjectList ul li .img-box .imgBg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position:center; background-size:cover;}
.ProjectList ul li .img-box .imgBg{display: block; border: none;}
.ProjectList ul li .img-box .imgBg:hover{
  animation: ambox 0.5s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes ambox {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}




.ProjectList ul li img{width: auto;  height: auto; display: block; max-width: 100%; max-height: 100%;  margin: 0 auto;}
.ProjectList ul li p{text-align: center;line-height: 2; font-size: 1.5rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }



.newlist{width:100%; margin: 45px auto; min-height: 500px;}
.newlist li{margin-bottom:30px; height:400px; background: #EDEDED; overflow: hidden; }
.newcent{overflow: hidden; margin: 0 auto; display: block;}
.newcent:hover{
  animation: translateX 0.6s ease-in-out forwards;
  animation-delay: 0.5s;
  
}

@keyframes translateX {
  0% {
    opacity: 1;
    transform: translateX(0);
    
  }50%{
  	opacity: 1;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(0.9) translateX(25px);
    
  }
}


.flotL{float: left;}
.flotR{float: right;}

.newlist li .nR{width:35%; }
.newlist li .doc{width: 90%; overflow: hidden;}
.newlist li .doc2{width: 90%; overflow: hidden; float: right;}
.newlist li .nR .yes{line-height: 4;color: #B8B8B8; margin-top: 60px;}
.newlist li .nR .yes span{float: right; font-size: 18px; padding: 0 5px;}
.newlist li .nR .title{ font-size: 18px; margin-top: 50px; line-height: 2; color: #000;}
.newlist li .nR .disp{margin-top: 20px; line-height: 2; color: #B8B8B8;}
.newlist li .nL{width:63%;  background-position: center; background-repeat: no-repeat; background-size: 100%  100%; height: 400px;}



.relist{overflow: hidden; width: 100%; margin: 45px auto; min-height: 500px;}

.relist li{border: 1px solid #CCCCCC; margin:15px; overflow: hidden;overflow: hidden; background: #FFF; width: 28%; display: inline-block;  padding:15px;}
.relist li .img{width: 100%; background-position: center; background-repeat: no-repeat; background-size: 100%  100%; height: 200px;}

.relist li .doc{width: 100%; margin: 10px auto;}
.relist li .doc .nhr{height: 30px; width: 100%; border-bottom:1px solid #CCCCCC }
.relist li .doc .data{ margin-top: 20px;}
.relist li .doc .title{ line-height: 2; color: #001048; font-size: 20px;}
.relist li .doc .disp{} 










.new_hr{height: 2px;  width: 100%;}  
  

.proShow{width: 80%; overflow: hidden; background: #FFF; margin: 30px auto; padding: 30px;}


.readpic{width: 40%; margin: 0 auto; overflow: hidden; float: left;}

.readpic .group1{
	width: 95%;
	display: inline-block;
	position: relative;
	border: 1px solid #E5E5E5 ;
	
}


.readpic .group1 .description{
	display: inline-block;
	float: left;
	position: absolute;
	top: 40%;
	left: 50%;
}

.readpic .group1 .pp1{
	color: darkgray;
	font-size: 15px;
	width: 200px;
}  

.readpic .group1 .pp1 span{
	color: orange;
}  

.readpic .group2{
	width: 100%;
	display: inline-block;
	position: relative;
	margin-top: 20px;
}

.img-box1{ width: 480px; height: 480px;
	background: #FFF;  display:table-cell; margin: 0 auto; text-align: center; vertical-align:middle; }
.img-box1 img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.img-box3{ display:table-cell; margin: 0 auto; text-align: center; vertical-align:middle; border: 1px solid #E5E5E5 ;}
.img-box3 img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.duom{width:1064px; overflow: hidden; display:table-cell;  height: 450px; margin: 0 auto; text-align: center; vertical-align:middle; }
.duom img{max-height: 100%; max-width: 100%; margin: 0 auto;}



.readpic .group2 .preBtn{position: absolute; top: 25px; left: 0; font-size: 2rem;}


.readpic .group2 .nextBtn{position: absolute; top: 25px; right: 0;font-size: 2rem;}
.readpic .group2 .gallery-thumbs{width: 87%;}

.readpic .group2 .gallery-thumbs img{
	max-width: 100%;
	display: inline-block;
	position: relative;
	
}


.swiper_product_name{position: absolute; bottom: 0; left: 0; background:#515457; color:#FFF; width: 100%; height: 45px;line-height:45px;font-size: 18px; text-align: center;}

.readpic .group1 img{
	max-width: 100%;
	
}


.pgtitle{margin: 20px auto; text-align: center; overflow: hidden; }

.prdoc{width: 58%; margin: 20px auto;  overflow: hidden; float: right;}
.prdoc .name{font-size: 2.5rem; color: #22252E;}
.prdoc .prodip{width: 100%; margin: 0 auto; border-bottom:1px solid #D1D1D1; padding-bottom: 20px;}


.prdoc .prodip .type{font-weight: bold; font-size: 1.6rem; line-height: 2;border-bottom: 2px solid #DAD9D9; line-height: 3; padding-bottom: 10px;}
.prdoc .prodip .type p{border-top: 2px solid #003E7F; width: 20%;}



.dislist{width: 100%; overflow: hidden ; line-height:2.5; padding: 15px 0; }
.dislist li{overflow: hidden;}
.dislist li span{font-weight: bold; color: #22252E; float: left; width: 13%;}
.dislist li .tx{width: 65%; float: left; line-height: 2;}
.dislist .chanpin{width: 45%;float: left;}


.prodip .butvr{width: 120px; background: #E60012; color: #FFF; line-height: 2.5; border-radius:15px ; text-align: center;}
.prodip .butvr a{color: #FFF;}
.prdoc .numbic{font-weight: bold; font-size: 1.8rem; line-height: 2;} 

.pro-info{ width: 95%; margin: 0 auto; overflow: hidden; }
.pro-info .numbic{font-weight: bold; font-size: 1.8rem; line-height: 2;}

.pro-info .prdis{ text-indent: 2em; line-height: 2; font-size: 1.5rem;}

.hr{width: 100%; height: 2px; background: #DAD9D9; margin: 15px auto;}

.lxwm{width: 100%; margin: 45px auto; overflow: hidden;}
.lxwm .lxwmR{float: left;width: 45%;}
.lxwm .lxwmL{float: right;width:50%;}
.duomian-list{overflow: hidden; width: 100%; margin: 0 auto;}
.duomian-list li{width:48%; display: inline-block;position: relative; padding: 2px;}
.duomian-list li p {width:98%;position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,0.5);line-height: 2; color: #FFF; text-align: center;} 


.viw{width: 80%; margin: 20px auto; overflow: hidden;}
.viw img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
.pro-title-eff{overflow: hidden; margin: 15px auto; }
.pro-title-cn{font-size: 2rem;  margin: 0 auto;  display: inline-block; padding: 15px 0;}
.pro-title-en{font-size: 1.2rem; color: #7E7C7D;}

.peijian-list{overflow: hidden; width: 70%; margin: 0 auto;} 
.peijian-list li{margin-bottom: 20px; overflow: hidden;}

.guestbook{overflow: hidden; width: 60%; padding: 10px;  margin:  0 auto; margin-top:30px; margin-bottom: 25px;}  
.guestbook  p{margin: 12px auto; width:48%; display: inline-block; } 
.guestbook  p input{width: 98%; line-height: 3; border: none; background: #FFF; text-indent: 1em;}
.guestbook  .textarea{background: #FFF; text-indent: 1em; border: none;width: 96%;}

.guestbook   .subm{text-align: center; width: 100%;}
.guestbook  .rsubs{border: none; background: #D11F0D; color: #FFF; width:50%; line-height:3;-webkit-appearance : none; border-radius:0; -webkit-border-radius:0; text-align: center;}
    
.content{width: 80%;margin:  20px auto; overflow: hidden; min-height:500px; }
    /* 分类样式1 */
    /* 分类样式1 */
.lists{overflow: hidden;width: 100%; margin: 30px auto;}
.lists ul{ overflow: hidden;}
.lists ul li{width:29%; padding: 8px;  margin: 0 15px 12px;   display: inline-block; background: #F3F3F3;}
.lists ul li .img{width: 100%; position: relative; overflow: hidden; }
.lists ul li .img span{display: table-cell; text-align: center; vertical-align: middle;}
.lists ul li .img  img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.lists ul li .pro-doc{width: 100%; bottom: 0;  padding: 5px 0;text-align: center; line-height: 2;}
.lists ul li .pro-doc .name{   width: 90%; margin: 0 auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;  color: #757575;}
.lists ul li .pro-doc .size{   width: 90%; margin: 0 auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #B8B8B8;}

.lists ul li .bg{display: block; width:100%;  position: absolute; 
bottom: 0; right:0px; text-align: center;height: 100%; opacity: 0;
background-repeat: no-repeat; background-position:center; background-size: 100% 100%;
cursor: pointer;
}
.lists ul li .bg:hover{
  
  animation: bgImg 0.5s ease-in-out forwards;
  animation-delay: 0.3s;
}

@keyframes bgImg {
  0% {
    opacity: 0;
    
  }100% {
    opacity: 1;
    
  }
}
.lists ul li .vr-bg{display: block; width:13%;  position: absolute; 
bottom: 6px; right:0px; text-align: center;line-height:3; 
color: #FFF; 
border-left: 30px solid transparent;
border-top: 50px solid transparent;
border-bottom: 30px solid #D11F0D;
}

.lists ul li .vr{display: block; width:17%;  position: absolute; 
bottom: 0; right:0px; text-align: center;line-height:3; 
color: #FFF; }

.lists ul li .pro-doc a{color: #FFF;}
.lists ul li .pro-doc .pro-v{font-size: 1rem; }


/* 分类样式2 */
 .lists1{overflow: hidden;width: 100%; margin: 0 auto;}
 .lists1 ul{ overflow: hidden;}
 .lists1 ul li{width: 33%; display: inline-block; margin: 3% 0;}
 .lists1 ul li .divbg{width:85%;  margin: 0 auto; overflow: hidden;  padding: 3%; text-align: center; vertical-align: middle; }
 .lists1 ul li p{margin: 0 auto; text-align: center;  }
 .lists1 ul li .tpdiv{width: 100%; margin: 0 auto; overflow: hidden; padding: 10% 0; }
 .lists1 ul li .tpdiv .tpspan{text-align: center; vertical-align: middle;  margin: 0 auto; display: table-cell;}
 .lists1 ul li .tpdiv .prspan{text-align: center; vertical-align: middle;  margin: 0 auto; display:table-cell;}
 .lists1 ul li .tpdiv img{max-width: 100%; max-height: 100%; } 

 .lists2{overflow: hidden;width: 100%; margin: 0 auto;}
 .lists2 ul{ overflow: hidden; width:95%; margin:  0 auto;}
 .lists2 ul li{width:100%; margin: 3% 0;background: #E1DEDA;}
 .lists2 ul li p{ text-align: center; font-size: 1.5rem; line-height: 2;  }
 .lists2 ul li .tpdiv{width: 90%; margin: 0 auto; overflow: hidden; padding: 5% 0; }
 .lists2 ul li .tpdiv .tpspan{text-align: center; vertical-align: middle;  margin: 0 auto; display: table-cell;}
 .lists2 ul li .tpdiv .prspan{text-align: center; vertical-align: middle;  margin: 0 auto; display:table-cell;}
 .lists2 ul li .tpdiv img{max-width: 100%; max-height: 100%; } 


.guanlian{overflow: hidden; padding: 30px 0; width: 80%; margin: 0 auto;} 
.guanlian .glt{margin: 0 auto; overflow: hidden; width: 80%; margin-bottom: 30px; border-bottom:1px solid #D1D1D1; padding-bottom:20px ;}
.guanlian .glt-cn{font-size: 2rem;}
.guanlian .glt-en{font-size: 1rem;  }

.Arrivals-swiper-container{width: 100%; overflow: hidden; position: relative; margin: 0 auto; margin-top: 45px;}
.Arrivals-swiper-container .glt-box{ width: 295px; height: 295px;  text-align: center; vertical-align: middle; border: 1px solid #E3E3E3;   margin: 0 auto; display:table-cell;}
.Arrivals-swiper-container .glt-box  img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}

.Arrivals-swiper-container .Arrivals-pagination{ height:20px; z-index: 10; padding: 6px; text-align: center;}
.Arrivals-swiper-container .Arrivals-pagination .swiper-pagination-bullet{width: 10px; height:10px; background: #CCCCCC; border-radius:100% ; }
.Arrivals-swiper-container .Arrivals-pagination .swiper-pagination-bullet-active{background: #D11F0D;}

.Arrivals-swiper-container .swiper-slide  .name{line-height: 3; width: 99%; margin: 0 auto; overflow: hidden;
 line-height: 2.5;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap; 
text-align: center;
}

.Arrivals-swiper-container .swiper-slide .pro-doc{  width: 100%; bottom: 0; text-align: center; line-height: 2; position: relative;}

.Arrivals-swiper-container .swiper-slide .pro-doc .size{ font-size: 0.8rem; width: 90%; margin: 0 auto; overflow: hidden;}
.Arrivals-swiper-container .swiper-slide .vr{display: block; width:28%;  position: absolute; bottom:-3%; right:9px; text-align: center;line-height:4; color: #FFF;}

#act25{width: 80%; margin: 40px auto; overflow: hidden;}





.viwpager{overflow: hidden; width: 50%; margin: 0 auto;  margin-top: 30px; text-align: center;}

.viwpager a{display: inline-block; margin: 1rem; background: #AEADAD; color: #FFF; text-align: center; line-height:2.5; width: 20%; border-radius: 10px;}
.viwpager a:hover{background: #D11F0D;}

/*内页选项开始*/
.inside-tabbar-swiper{
	display: inline-block;
	width: 95%;
	float: right;
	line-height: 5;
}
 .inside-tabbar-swiper .swiper-container{width: 92%; overflow: hidden;}

.inside-tabbar-swiper .swiper-slide{
	display: inline-block;
	width: auto;
	text-align: center;
	

}



/*内页选项结束*/  
  
  
/*规格选项开始*/
.size-tabbar-swiper{
	width: 50%;
	overflow: hidden;
	text-align: right;
	float: right;
	
}

.size-tabbar-swiper  a{
	display: inline-block;
	padding: 0 12px;
	margin: 0 5px;
	line-height:4;
border-bottom: 2px solid #FFF;
	
}
.size-tabbar-swiper  .active,.size-tabbar-swiper a:hover{
border-bottom: 2px solid #D11F0D;

} 

.catnva{overflow: hidden; width: 95%; margin: 0 auto;}
.catnva .penname{width: 15%; float: left; text-align: center; font-size: 1.5rem;}
.catnvaa{float: right; width:84%;}
.catnva a{display: block; line-height: 2;  font-size: 1.5rem; }
.catnva a.active{color: #F22D2D;} 
  
  
  
  
   
.plist2{overflow: hidden; width: 100%;}
.plist2_list{width: 100%;}
.plist2_list  .ul_list{overflow: hidden;}
.plist2_list  .ul_list li{border-bottom: 1px solid #CCC; margin-top: 10px;}
.plist2_list  .ul_list li .imglist2{width: 80%; margin: 0 auto;}
.plist2_list  .ul_list li .imglist2 img{width: 100%;}
.plist2_list  .ul_list li .imglist2 p{text-align: center; line-height: 25px;} 

.frame .show2{width: 80%;margin:20px auto; overflow: hidden;} 
 .frame .show2 .show2_pr_img{width:100%} 
 .frame .show2 .show2_pr_name{width: 100%; text-align: center; font-weight: bold;}
 .show_title {margin: 10px 0; text-indent: 0.5em;}
.sowlist{width: 100%; margin: 0 auto;}  
.sowlist li {text-align: center; border-bottom: 1px solid #CCC;  margin-bottom: 20px;}
.sowlist li img{width: 100%;} 



/*导航栏开始*/
.my-sidebar-navbar{
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	max-width: 1400px;
	
	
	
}

.sidebar-navbar{
	margin: 0 auto;

	overflow: hidden;
}

.sidebar-navbar li{
overflow: hidden;
margin: 30px 0;
-webkit-transform:scaleX(0);transform:scaleX(0);-moz-transform:scaleX(0);-o-transform:scaleX(0);-webkit-transition:all 500ms linear;-moz-transition:all 500ms linear;-o-transition:all 500ms linear;transition:all 500ms linear;
}

.sidebar-navbar .one-Item{
	line-height: 3;
 border-bottom: 1px solid #FFF;
}

.sidebar-navbar .proBox{
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	color: #FFF;
	background:rgba(0,0,0,0.7);
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction: column;	
}


.sidebar-navbar  .move{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1);}

.sidebar-navbar li .img{	
	width: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height:845px;
}




.sidebar-navbar .one-Item .title-cn{
	
	font-size: 35px;
	overflow: hidden;
	color: #FFF;
	padding: 0 60px;

}

.sidebar-navbar .one-Item .title-cn span{width: 10px; height: 10px; border-radius:50%; border: 2px solid #595758; float: left; margin-top: 8px;}

.sidebar-navbar .one-Item .flex{
	
	width: 50px; height: 50px; text-align: center;
	margin: 10px auto;
	font-size: 5rem;
	border-radius: 100%;
	border: 3px solid #FFF;
	line-height: 0.8;
	

}




.two-navbar{
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-top: 30px;
	
	
}



.two-navbar li{
padding: 0;margin: 0;
border: none;
}
.sidebar-navbar .two-Item{
 display: inline-block;
 margin: 5px 10px;
 line-height: 2;
 background: #FFF;
 color: #DB5F12;
 border-radius:15px;
 padding: 0 20px;
}
.sidebar-navbar .two-Item .title-cn{
    text-align: center;
	font-size:  18px;


}


.three-navbar{
	display: inline-block;
	width: 100%;
	margin-top: 1.5rem;
	display: none;
}
.three-navbar .three-Item{
	display: inline-block;
	width: 100%;
	text-align:center;
	line-height: 0.97rem;
	background: #ffffff;
	margin-top: 0.05rem;
	position: relative;
	
}
.three-navbar .three-Item .title-cn{
	width: 90%;
	height: 100%;
	color: #999999;
	font-size: 0.4rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.sidebar-navbar .one-Item:hover,.sidebar-navbar .one-Item.active{
	/*color: #edb625;*/
}
.two-navbar .two-Item:hover .title-cn,.sidebar-navbar .two-Item.active .title-cn{
	/*color: #f28c00;*/
}
.three-navbar .three-Item:hover .name,.three-navbar .three-Item.active .name{
	/*color: #f28c00;*/
}
/*导航栏结束*/ 

.abhr{height: 1px; width: 30px; background: #000000; margin: 30px 0;}

.wapBanner{overflow: hidden;width: 100%; margin: 0 auto; display: none;}

.menu-Btn{opacity: 0;position: absolute; top: 0; right: 0;font-size:0.3rem;}