*{ 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;}
img{ border:none;}
a{ text-decoration:none;  outline:none; color:#000;}
a:hover{ text-decoration:none; color:#003A63; 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:0px 2px;border-left:#000 1px solid;color:#000;text-decoration:none;}
div.badoo a:hover{border:#000 1px solid;color:#003A63;}
div.badoo a:active{border:#000 1px solid;color:#003A63;}
div.badoo span.current{border:#000 1px solid;padding:2px 5px;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;}
.line5{clear:both;font-size:0px;height:5px;overflow:hidden;}
.line10{clear:both;font-size:0px;height:10px;overflow:hidden;}
.line15{clear:both;font-size:0px;height:15px;overflow:hidden;}
.line20{clear:both;font-size:0px;height:20px;overflow:hidden;}
.line30{clear:both;font-size:0px;height:30px;overflow:hidden;}
.perimg{width: 60%; margin: 30px auto;}
.pager{text-align: center; font-size:1.8rem; margin: 1.5rem 0;}
.pager a{display: inline-block; margin: 1rem; text-align: center;  line-height: 2; width: 25%; }

.head{width: 100%; margin: 0 auto; overflow: hidden;position: relative;  background: #D11F0D;}
.head .webtitle{width:30%;  margin: 10px 0; margin-left: 2rem;}

.search-bnt{position: absolute; top: 0.8rem; right: 5rem;  font-size: 2.5rem; color: #FFF;}
.menu-Btn{position: absolute; top: 1rem; right: 1rem;  font-size: 2.5rem; }

.menu-bar{position: absolute;  right: 0;  width:65%;  height: 100%; background:rgba(227,227,227,0.9);z-index: 999;}
.menu-bar li{font-size: 1.5rem; width: 85%;  text-indent: 2em; line-height:2; border-bottom: 1px solid #000;  margin: 0 auto; overflow: hidden; }
.menu-bar li span{float: left; margin-top: 10px; }
.menu-bar li a{ display: block;width: 80%; margin: 10px auto; text-align: right;}


.search{width: 100%; overflow: hidden; margin:20px auto; background: #EEEEEE; display: none;}
.search .form{display: block; width: 90%; margin: 10px auto; background: #FFF; overflow: hidden; border: 1px solid #EEEEEE; padding:0 10px;}
.search .form .lab{font-weight: normal;border-right:1px solid #EEEEEE; margin-bottom: 0; line-height: 2;}
.search  .keyword{border: none; line-height:2; width:70%;margin-left: 2%;text-indent:1em; color:#787878;  }
.search  .subt{float: right; line-height: 1.8;  border: none; font-size: 1.5rem; -webkit-appearance: none; background:none;}


.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:80px; height:3px; background: #FFF; border-radius:0;  }
.swiper-banner .banner-pagination .swiper-pagination-bullet-active{background: #D11F0D;}






.m-about{overflow: hidden; width: 100%; margin: 0 auto; background-image: url(../images/oj_03.jpg); background-position: center; background-size:cover;
padding-bottom:100px;
}
.m-about .abhead{width: 100%; margin: 100px auto; text-align: center; color: #FFF;}
.m-about .abhead .abL{font-size: 20px;}
.m-about .abhead .abR{font-size: 18px;}
.m-about .abhead .ab{font-size: 20px; color: #000000; margin-bottom: 30px;}
.m-about  .doc{ width:70%; margin: 0 auto; overflow: hidden;  
 background: #FFF; border-radius:15px ;
 padding: 20px;
 }
.m-about  .doc .docBra{  width: 100%; overflow: hidden; font-size: 20px;}
.m-about  .doc .docCon{ width: 100%; overflow: hidden;font-size: 20px;}
.m-about  .doc .docAb{ width: 100%; overflow: hidden; font-size: 18px;}
.m-about  .doc .docImg{width: 10%; overflow: hidden; margin: 20px 0;}
.m-about  .doc .docDisp{width: 100%; overflow: hidden; line-height: 2;}

.m-about .more{width: 50%;  overflow: hidden;
   margin: 40px auto;  border-radius:10px ;
  line-height: 2.5;
  display: block;
  text-align: center;
  border: 1px solid #000;
  } 

.indexMore{width: 30%; border: 1px solid #000; overflow: hidden; color: #000; 
   margin: 50px auto;  border-radius:10px ;
  line-height: 2.5;
  display: block;
  text-align: center;
  } 

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


.pbBg{overflow: hidden; width: 100%; margin: 0 auto; background: #D4D5D5;

}





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

}

.prbase{overflow: hidden; width:80%; margin: 50px auto; padding-bottom: 20px; }
.prbase .brbaL{float: left; width: 50%;}
.prbase .fonCn{font-size: 20px;  font-weight: bold;}
.prbase .fonCn1{font-size: 20px;  font-weight: bold;}
.prbase .fonEn{font-size: 18px;}

.prbase .proMore{width: 38%; overflow: hidden; color: #FFF; 
   border-radius:10px ;
   background: #3F3F3F;
  line-height: 2.5;
  display: block;
  text-align: center;
  float:right;
  margin-top: 50px;
  
  }



.proSwiper{overflow: hidden; width:80%;  margin: 0 auto;}
.proSwiper .pribox{width: 44%; margin: 0 3%; display: inline-block; background: #FFF; border-radius:15px ;
overflow: hidden;
margin-bottom: 20px;
}

.proSwiper .pro-box{overflow: hidden; position: relative; height:160px; width:auto;background-size: cover; 
background-position: center; background-repeat: no-repeat; }

.proSwiper .pribox .nameCn{ line-height: 3; overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; text-align: center; color: #000; font-weight: bold;}


.proSwiper .proSm .ioc{float: right;}

.proSwiper a{color: #FFF;}
.proSwiper .proSm p{ line-height: 2.5; width: 90%; margin: 0 auto;}

.proSwiper .proCent{line-height: 3.5; border-bottom: 2px solid #FFF; width: 90%;}


.prodcats .proJt{ font-size: 30px;color: #FFF;  text-align: center; line-height: 35px; text-align: center; margin: 50px 0;}
.prodcats .pro-prev{ width: 100px; height: 35px; display: inline-block; background: #D8000F;}
.prodcats .pro-next{ width: 100px; height: 35px; display: inline-block; background: #D8000F;}



.projdom{overflow: hidden; width:100%; margin: 0 auto; background-image: url(../images/oj_08.jpg); background-position: center; background-size:cover;}


.pcat {width: 100%; margin: 20px auto; overflow: hidden; text-align: center; }
.pcat  .pcatCn{font-size: 25px; color: #FFF; margin-top: 80px;}
.pcat  .pcatEn{font-size: 15px; color: #D11F0D; font-weight: bold; }




.mproj{overflow: hidden; width: 90%;margin:30px auto; }

.mproj .proJbot{
	width: 15%;
	float: left;
	color: #FFF;
	font-size: 3rem;
	text-align: center;
	margin-top: 100px;
}
.mproj .proj-prev{ width: 100%;  border-bottom: 1px solid #D11F0D;}
.mproj .proj-next{ width: 100%; }


.projSwiper{overflow: hidden; width:80%; position: relative; margin: 20px auto;}


.projSwiper .proBox{overflow: hidden; position: relative; height:180px; width:auto;background-size: cover; 
background-position: center top; background-repeat: no-repeat;}

.projSwiper .swiper-wrapper{width: 80%;}

.projSwiper .projName{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-size: 18px; text-indent: 1em; line-height: 3; color: #FFF;
border-left: 2px solid  #D11F0D;
margin-top: 30px;
}

.projdom .projMore{width: 30%; border: 1px solid #FFF; overflow: hidden; color: #FFF; 
   margin: 70px auto;  border-radius:10px ;
  line-height: 2.5;
  display: block;
  text-align: center;
  } 



.newwrapper{overflow: hidden;  margin: 0 auto; width: 100%;background: #2B2B2B; color: #FFF;}
.newwrapper a{color: #FFF;}
.nwbase{overflow: hidden; width: 88%; margin: 70px auto; }
.nwbase .nwbaseL{font-size: 20px;}
.nwbase .nwbaseR{font-size: 20px; font-weight: bold;}
.nwbase .nwbaseR span{ font-size: 18px; color: #D11F0D;}
	

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


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

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

.newDoc .nR .newsSwiper .img-box .nbox{position: absolute;  width: 100%; left: 0; bottom:0; 
background: rgba(0,0,0,0.6); color: #FFF;
padding: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.nbox .nLioc{background: #D8000F; width: 50px; height: 50px; line-height: 50px; font-size: 25px; color: #FFF; text-align: center; float: left;}
.nbox .nRdoc{ float: right; width: 78%; 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;}


.newwrapper .inRs{overflow: hidden; width: 90%; margin: 0 auto;  }
.newwrapper .inRs li{margin-bottom:15px; overflow: hidden; width: 100%; padding-bottom: 15px;}

.newwrapper .inRs li .nR{width:50%; float: right; position: relative;}

.newwrapper .inRs li .nR span{width: 20px; height: 20px; text-align: center; line-height: 20px; border: 1px solid #FFF; border-radius:100%; position: absolute; right: 0; bottom: 0;}

.newwrapper .inRs li .tite{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-weight: bold; line-height: 3;}
.newwrapper .inRs li .yes{overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; font-size: 12px; margin-top: 30px;}

.newwrapper .inRs li .nL{width: 46%; float: left; background-position: center; background-repeat: no-repeat; background-size: 100%  100%; height:100px;}


.newMore{width: 45%; border: 1px solid #FFF; line-height: 2.5; display: block; margin: 30px auto; color: #FFF; text-align: center;
 border-radius:15px ;
 margin-bottom: 100px;

}





.footer{padding-top: 70px;  background: #000;   padding-bottom: 80px; color: #FFF;}
.webinfo{width: 90%; margin: 0 auto; overflow: hidden; clear: all;}
.footerinfo{width: 80%; float: left; font-size: 12px;}

.footerLogo{width: 65%;}


.footerwhet{float: right; width: 18%; margin-top: 10px;}

.webtop{text-align: center; font-size: 1.5rem;  margin: 40px 0;}
.webtop a{color: #FFF;}




.fixbottom{width: 100%;position: fixed;bottom: -1px;z-index: 900;}
.footNaviList{width: 100%; overflow: hidden; background-image: url(../images/footer.png); background-position: center; background-size:cover ;}
.footNaviList li{float: left;width: 33%;text-align: center;cursor: pointer;  }
.footNaviList li a{display: block;width: 100%;height: 100%; color: #FFF;line-height:6;}





.abShow .tImg3{width: 85%; margin: 30px auto;}
.abShow{ width: 80%;  overflow: hidden; margin: 30px auto; min-height: 500px;}
.abShow .mAbL{float: left; width: 50%;}
.abShow .mAbL  img{max-height: 100%; max-width: 100%; display: block; border: none; margin: 0 auto;}

.tImg2{width:12%; margin: 30px auto;}
.abShow .mAbL .doc{line-height: 2; text-indent: 2em;}
.abShow .mAbR{float: right; width: 40%;}
.abShow .mAbR .img{width: 100%; margin: 0 auto; overflow: hidden;}


.abFz{width: 90%; overflow: hidden; margin: 0 auto;}
.abFz img{max-height: 100%; max-width: 100%; border: none; display: block; margin: 0 auto;}


.abFz .abFzL{ padding: 20px; width: 90%; background: #FFF;}



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

.abFzSwiperThumbs .dian{width: 12px; text-align: center; margin: 0 auto; height: 12px; border: 1px solid #003A63; border-radius:100%; background: #FFF;}
.abFzSwiperThumbs .dian:hover{background: #003A63;}

.abFzSwiperThumbs .acdian .dian{background: #003A63;}

.abFzSwiperThumbs .spname{font-size: 16px; font-weight: bold;}
.abFzSwiperThumbs .swiper-wrapper{margin-top: 16px;}



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












.pro{overflow: hidden; width: 100%; background: #F7F7F7;}


.prosearch{
  width: 90%;
  margin: 15px auto;
  border-radius: 12px;
  background: #FAFAFA;
  overflow: hidden;
  border: 1px solid  #F0F0F0;
}

.prosearch .subt{border: none; background: none; font-size:30px; float: right; width: 20%; }
.prosearch .keyword{ border: none; text-indent: 3em; float: left;width:78%; line-height:3; background: none; color: #84888C; font-weight: bold;}
.prosearch input::placeholder{color: #84888C;}





.nvabar{width:100%; margin:0 auto;overflow: hidden; background: #F6F6F6; }
.nvabar .type{ width:100%; margin: 0 auto; overflow: hidden; line-height:3; border-bottom: 1px solid #F0F0F0; padding: 5px 0;}
.nvabar .type2{ width:100%; margin: 0 auto; overflow: hidden; line-height: 3;border-bottom:1px solid #F0F0F0;padding: 5px 0;}
.xilei{width: 10%;  text-align: center; font-weight: bold;}
.list{width:100%; margin:  0 auto; }
.nvabar .type a{display: inline-block; padding:0 5px ; margin:0 3px;}

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

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


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

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

}
.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;}

.map{width: 100% ; color: #000;  margin: 0 auto;padding: 8px 0; overflow: hidden; border-bottom: 1px solid #7E7E7E;}
.map p{width: 98%; float: right;}
.map a{display: inline-block;line-height: 2; color: #000;}

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


.news_show{width:90%; overflow:hidden; margin: 15px auto;font-size:1.5rem; line-height: 2; }
.news_show img{max-width: 100%; max-height: 100%;}



.nva{overflow: hidden; width: 100%; background: #6D6C6A;  }
.nva .m-name{background: #FFF url(../images/nvi.jpg) no-repeat left; line-height: 38px; width: 36%; text-align: center; float: right; border: none; text-indent: 1em; font-size: 1.5rem; font-weight: bold;}

.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;}






.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;}

.Latest{overflow: hidden; width: 95%; margin: 30px auto; }
.Latest li{border-bottom: 1px solid #CCCCCC; margin-bottom: 15px; overflow: hidden; background-color: #F3F3F3;}
.Latest li .cent{float: right; width: 56%; overflow: hidden;}

.Latest li .cent .doc{color: #919191; overflow: hidden;}
.Latest li .cent .title{font-size: 1.6rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #000;}
.Latest li .cent .disp{font-size: 1rem; margin-top: 8px;}
.Latest li .cent .icon{font-size: 2rem; margin-top: 20px;}
.Latest li .img-data{float: left; position: relative;  width: 40%;}
.Latest li .img{ background-position: center; background-repeat: no-repeat; background-size: cover;height: 110px; width: 100%;}
.Latest li .data{overflow: hidden; margin: 8px 0; text-align: right;}
.Latest li .data .yes{ color: #000;font-size: 1.8rem;}
.Latest li .data .md{ color: #000; font-size: 2rem; font-weight: bold;}



.prlisttitle {color: #D9C9A8; font-size:23px;  text-align: center; margin-top: 10px;} 
.frame .title{font-size:16px; font-weight: bold;  text-align: center;  color: #FFF; width: 100%; margin: 0px auto; background: #EB3C00; padding: 5px 0;} 

.vlist{overflow: hidden; width:90%; margin: 0 auto;} 
.vlist  li{ margin-bottom:30px; overflow: hidden;}
.vlist  li p{text-align: center; line-height: 3;}



/*
 * 荣誉列表
 */

.glory{width:95%; overflow: hidden; margin:  20px auto; min-height: 500px;}
.glory ul li{ width:46%;  display: inline-block; margin-bottom: 20px; overflow: hidden; text-align: center;}
.glory ul li .img-box{width: 70%;display: table-cell; box-shadow: 0px 6px 8px 3px rgba(0,0,0,0.6);}
.glory ul li img{max-width: 100%;display: block; max-height: 100%; text-align: center; vertical-align: middle; margin: 0 auto;}
.glory ul li p{text-align: center;line-height: 3; font-size: 1.5rem;}


/*
 * 工程案例列表
 */
.project{width:95%; overflow: hidden; margin:  20px auto; min-height: 500px;}
.project ul li{ width:100%; margin-bottom: 20px; overflow: hidden; text-align: center;}
.project ul li .img-box{width: 90%;display: table-cell; box-shadow: 0px 9px 5px 0px rgba(0,0,0,0.6);}
.project ul li img{max-width: 100%;display: block; max-height: 100%; text-align: center; vertical-align: middle; margin: 0 auto;}
.project ul li p{text-align: center;line-height: 5; font-size: 1.5rem; background: #F1F1F1;}










.newlist{ width:90%; overflow:hidden; margin: 10px auto;}
.newlist  li{overflow:hidden; border-bottom: 1px solid #000; margin-bottom: 25px;font-size:1.5rem;}
.newlist  li .newimg{width: 100%;}
.newlist li .newcon{width:80%; margin: 15px auto; overflow: hidden; float: left;}
.newlist li .newcon .time{ line-height: 3; color: #AEAEAE;}
.newlist li .more{float: right; line-height: 9; color: #E60012; }
.new_hr{height: 2px;  width: 100%;}  
  


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

.readpic .group1{
	width: 100%;
	display: inline-block;
	position: relative;
	
}


.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: 345px; height: 345px;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 ;width: 56px; height:56px;}
.img-box3 img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}





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


.readpic .group2 .nextBtn{position: absolute; top: 12px; 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: rgba(0,0,0,0.3); 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: 100%; margin: 20px auto;  overflow: hidden; position: relative;}

.prdoc .prodip{width: 90%; margin: 0 auto;}

.prdoc .prodip .spanName{font-size: 2rem; color: #000;}
.prdoc .prodip .spanType{font-size: 2rem; color: #7A7A7A;}
.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 #E60012; width: 20%;}
.dislist{width: 100%; overflow: hidden ; line-height: 3; padding: 15px 0; }
.dislist li{overflow: hidden;}
.dislist li span{font-weight: bold; color: #000; float: left;}
.dislist li .doc{width: 75%; float: right; line-height: 3; float: left;}
.dislist li .tx{width: 86%; float: right; line-height:1.5;}

.prdoc .vrImg{position: absolute; top: 25%; right: 0; width: 20%; text-align: center;}



.ddd{overflow: hidden; width: 95%;  border-bottom: 1px solid #DFDFDF; text-align: center; margin: 0 auto;}
.ddd .borbot{border-bottom: 2px solid #A42329; width: 30%; margin: 0 auto;}


.porvr{ width: 95%; overflow: hidden; margin: 30px auto;}
.porvr .vr{text-align: center; line-height: 2.5; color: #FFF; font-size: 2.5rem; background: #C8161D; display: block; width: 100%; height: 100%;}

.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;}




.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;} 

.pro-title-eff{overflow: hidden; margin: 15px auto;  width: 100%; background: #F5F5F5; padding: 30px 0;}
.pro-title-cn{text-align: center; font-size: 2rem; border-bottom: 2px solid #28649B; width: 50px; margin: 0 auto; }
.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;}


.join{overflow: hidden; width: 100%;  overflow: hidden; margin: 0 auto; background: #F6F6F6; padding:35px 0;
background-image: url(../images/jion_13.jpg);
background-position: center; background-size: cover;

}
.guestbook{overflow: hidden; width: 60%;   margin: 40% 0 20%  35%; background: #FFF; }  
.guestbook .meform{width: 90%; margin: 0 auto;}
.guestbook  p{margin: 12px auto; width:95%;} 
.guestbook  p input{width: 100%; height: 2em; border: none; background: #F2F2F2; text-indent: 1em;}
.guestbook  .textarea{background: #F2F2F2; text-indent: 1em; border: none;width: 100%;}

.guestbook   .subm{text-align: center; width: 100%;}
.guestbook  .rsubs{border: none; background: #D11F0D; color: #FFF; width:25%; line-height:2;-webkit-appearance : none; border-radius:0; -webkit-border-radius:0; text-align: center;}
    
.content{width: 100%;margin:  0 auto; overflow: hidden; min-height:500px;  }
    /* 分类样式1 */
    /* 分类样式1 */
.lists{overflow: hidden;width: 100%; margin: 0 auto;}
.lists ul{ overflow: hidden;}
.lists ul li{width:29%; margin: 0 6px 12px; display: inline-block; }
.lists ul li .img{width:85%; margin: 0 auto;position: relative; }
.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;}
.lists ul li .pro-doc .name{ font-size: 1.5rem;  width: 90%; margin: 0 auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lists ul li .pro-doc .size{ font-size: 1rem;  color: #B2B2B2; width: 90%; margin: 0 auto; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lists ul li .vr{display: block; width:23%;  position: absolute; bottom: 5px; right:0; text-align: center;line-height:2; color: #FFF; font-size: 0.8rem; background: #D11F0D;}
.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;  width: 90%; margin: 0 auto; margin-bottom: 50px;} 
.guanlian .glt{margin: 0 auto; overflow: hidden; width: 100%; text-align: center; margin-bottom: 30px;}
.guanlian .glt-cn{font-size: 2rem;}
.guanlian .glt-en{font-size: 1rem;  }


.Arrivals-swiper-container{width: 100%; overflow: hidden; margin: 0 auto;}

.Arrivals-swiper-container .glt-box{text-align: center; vertical-align: middle;  margin: 0 auto; display:table-cell; width: 117px; height: 117px;border: 1px solid #CDCDCD;}
.Arrivals-swiper-container .glt-box  img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}


.Arrivals-swiper-container .swiper-slide .name{ font-size: 1rem;  line-height:1.5; width: 90%; margin: 0 auto; overflow: hidden; text-align: center; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}


.viwpager{overflow: hidden;}

.viwpager a{display: inline-block; margin: 1rem; text-align: center; line-height:2.5; width: 24%; border: 1px solid #CDCDCD;}

.abhr{width: 30%; margin: 0 auto;}

/*内页选项结束*/  
  
  
/*规格选项开始*/
.size-tabbar-swiper{
	width: 95%;
	margin: 20px auto;
	padding: 5px 0;
	text-align: center;
	overflow: hidden;
	
}

.size-tabbar-swiper  a{
	display: inline-block;
	padding: 0 12px;
	margin: 5px;
	background: #656565;
	line-height: 2.5;
	 color: #FFF;
	 border-radius:8px ;
	
	
}
.size-tabbar-swiper  a:last-child{border-right: none;}
.size-tabbar-swiper  .active,.size-tabbar-swiper a:hover{
   
    background: #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;  } 
 .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: 100%;
	margin: 0 auto;
	overflow: hidden;
	
	
	
}

.sidebar-navbar{
	margin: 0 auto;
  width: 95%;
	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{
	
	width: 100%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	color: #FFF;
	background:rgba(0,0,0,0.3);
	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: 265px;
}




.sidebar-navbar .one-Item .title-cn{
	
	font-size: 18px;
	overflow: hidden;
	color: #FFF;

}

.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%;
	display: none;
	
}



.two-navbar li{
padding: 0;margin: 0;
border: none;
}
.two-navbar .two-Item{
overflow: hidden;
}
.two-navbar .two-Item .title-cn{
    text-align: center;
	font-size: 1.5rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 2;
}


.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;*/
}
/*导航栏结束*/