*{ 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: #000000;}
img{ border:none;}
a{ text-decoration:none;  outline:none; color:#000;}
a:hover{ text-decoration:none; color:#D8231C; 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:#D8231C;}
div.badoo a:active{border:#000 1px solid;color:#D8231C;}
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;}

.order {text-align: center; overflow: hidden; margin: 20px auto;}
.order .line {display: inline-block;width:30px;border-top: 2px solid #595757 ;}
.order .txt {color: #595757;vertical-align: -4px;font-size: 2rem;}
.order .txt-en{font-size: 1.8rem;color: #595757;}


.head-title{ background-image: url(../images/nva.jpg); background-size: cover;  padding: 10px 0;  width: 100%; overflow: hidden; text-align: center;}
.head-title .title-cn{font-size:1.8rem;}
.head-title .title-en{ font-size: 1rem; color: #393939;}

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

.pagedoc{box-shadow: 6px 8px 10px 4px #F6F6F5 ; width: 90%;  padding: 30px; background: #F4F4F4; border-radius:10px ; margin: 20px auto;}
.pagedoc img{max-width: 100%; height: auto;}


.pager{text-align: center; font-size:1.5rem; margin: 1.5rem 0;}
.pager a{display: inline-block; margin: 1.5rem; text-align: center; background: url(../images/pr_02.jpg) no-repeat; line-height: 2; width: 25%; background-size:100% 100% ;}

.head{width: 100%; margin: 10px auto; overflow: hidden;}


.head .webtitle{width:35%;  margin-left: 20px; }


.logo{width: 80%; margin: 15px auto; overflow: hidden;}
.search-bnt{position: absolute; top: 1rem; right: 5rem;  font-size: 2.5rem;}
.head  .menu-Btn{width: 10%; float: right; margin-right: 30px;}

.menu-bar{position: absolute; top: 4%; left: 0;  width:100%; background:#F6F6F6; z-index: 999;}
.menu-bar li{font-size: 1.5rem;   line-height: 3; border-bottom: 1px solid #EBEBEB;  margin: 0 auto; overflow: hidden; }
.menu-bar li span{float: right;}
.menu-bar li a{color: #414141; display: block;width: 80%; margin: 10px auto;}


.search{width: 95%; overflow: hidden; margin:10px auto; }
.search .form{display: block; width: 98%; margin: 10px auto; overflow: hidden;border: 1px solid #0C3178;}

.search  .keyword{border: none; line-height:3; float: left; width:78%;text-indent:1em; color:#787878; }
.search  .subt{float: right; line-height:3.3;  border: none;  -webkit-appearance: none;color: #FFF; width: 20%; background:#0C3178;}


.index-header{overflow: hidden; width: 100%; margin: 0 auto; position: relative;}
.index-header .header-ioc{font-size: 3rem; position: absolute; top: 5px; right: 20px; color: #FFF;}

.container {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	flex-direction: column;
  }
  
  
  .timeline {
	width: 100%;
	background-color: #fff;
	
  }
  
  .timeline .swiper-slide{background-size: 100% 100%;}  
  
  .timeline .swiper-container {
	height: calc(100vh);
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 50;
  }
  .timeline .swiper-wrapper {
	transition: .2s ease .5s;
  }


.timeline .swiper-slide-content {
display: flex;justify-content: center;align-items: center;flex-direction: column;
position: relative;
	height: 100%;
	width: 100%;
	color: #FFF;
	
  }
  
.timeline .swiper-slide-content .font30{font-weight: bold; font-size: 2.5rem;text-align: center; color: #FFF;} 
.timeline .swiper-slide-content .font15{ font-size: 2rem;text-align: center;color: #FFF;}

.timeline .swiper-slide-content .font1{font-size: 1rem;}
.timeline .swiper-slide-content .font2{font-size: 3rem; }
.timeline .swiper-slide-content .font3{font-size: 1.5rem; color: #606875; margin-bottom: 30px;} 
.timeline .swiper-slide-content .font4{font-size: 1.3rem;margin-top: 30px;}
.timeline .swiper-slide-content .font5{font-size: 1.3rem;margin-bottom: 70px;}  
.timeline .swiper-slide-content .imgs{width: 50%; margin: 0 auto; overflow: hidden; margin-top: 30px;}
 
.timeline .swiper-slide-content .imgs2{width:5%; margin: 20px auto; overflow: hidden; } 

.timeline .swiper-slide-content .imgs3{width: 50%; margin: 50px auto; overflow: hidden; } 

 
  
.timeline .prod-wrapper{width: 90%; margin: 20px auto;  overflow: hidden;}  
.timeline .prod-wrapper .prod_box{
height:25rem; 
background-size:cover;
background-position:center;
background-repeat:no-repeat;
position: relative;
} 


.timeline .prod-wrapper  .doc{background: rgba(34,53,96,0.6); color: #FFF; text-indent: 1em; padding: 20px 0; position: absolute; top: 15%; left: 0; width: 100%;}

.timeline .prod-wrapper .disp{font-size: 1.3rem; border-bottom:1px solid #FFF ; line-height:3;}
.timeline .prod-wrapper  .name{font-size: 1.5rem;}
.timeline .prod-wrapper  .name_en{font-size: 1.2rem;}

.pro-button {width: 100%; overflow: hidden; text-align: center; margin: 20px auto;}
.pro-button-next{ margin: 0 2px; font-size: 2rem; color: #FFF; width: 80px; display: inline-block; background: rgba(0,0,0,0.6); text-align: center; }  
.pro-button-prev{margin: 0 2px; width: 80px; display: inline-block;font-size: 2rem; color: #FFF; background: rgba(0,0,0,0.6); text-align: center; }
  
  


.case-nva{overflow: hidden; width: 100%;}

.case-nva .item{display: block; width: 25%; margin: 0 auto; margin-top: 20px; border: 1px solid #FFF; color: #FFF; text-align: center; line-height: 2;}



.timeline .swiper-slide-content .swiper-img a{position: absolute; display: block;}
.timeline .swiper-slide-content .swiper-img a.ab1{width: 40%; height: 13rem;  top:0; right: 0; z-index: 10;}
.timeline .swiper-slide-content .swiper-img a.ab2{width: 18%; height: 8rem;  bottom:0; right: 22%; z-index: 10;}
.timeline .swiper-slide-content .swiper-img a.ab3{width: 18%; height: 8rem;  bottom:0; right: 0; z-index: 10;}




.timeline .swiper-slide-content .more{display: block; text-align: center; color: #FFF; border: 1px solid #FFF; line-height: 2; width:100px;  border-radius:10px ; margin: 15px auto;}  
  


.page-swiper-pagination {position: absolute; top: 50%; right: 10px; z-index: 9; }
.page-swiper-pagination .swiper-pagination-bullet{display: block;  margin: 0 auto; width: 12px; height: 12px; background: #EBEBEB; opacity: 1;}
.page-swiper-pagination .swiper-pagination-bullet-active{background-color:#0286C3 ;}

.timeline .swiper-slide .ami-title{
	opacity: 0;
	-webkit-transform: translate3d(50px, 0, 0);
			transform: translate3d(50px, 0, 0);
	transition: .2s ease .5s;
  }

  .timeline .swiper-slide-active .ami-title {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
	transition: .7s ease 1.7s;
  }

.timeline  .swiper-slide  .bounceInDown{
	-webkit-transform: translate3d(0, -3000px, 0);
	  transform: translate3d(0, -3000px, 0);
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .bounceInDown1{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: 0.9s ease 1s;
	
}

.timeline  .swiper-slide-active .bounceInDown2{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: 1s ease 1.2s;
	
}


.timeline  .swiper-slide-active .bounceInDown3{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: 1s ease 1.4s;
	
}
.timeline  .swiper-slide-active .bounceInDown4{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: 1s ease 1.6s;
	
}
.timeline  .swiper-slide-active .bounceInDown5{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: 1s ease 1.8s;
	
}
.timeline  .swiper-slide-active .bounceInDown6{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: 1.2s ease 2s;
	
}



.timeline  .swiper-slide  .bounceInUp{
	-webkit-transform: translate3d(0, 3000px, 0);
	  transform: translate3d(0, 3000px, 0);
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .bounceInUp{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: .7s ease 1.7s;
	
}

.timeline  .swiper-slide  .bounceInLeft{
	-webkit-transform: translate3d(-3000px,0,  0);
	  transform: translate3d(-3000px ,0, 0);
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .bounceInLeft{
	-webkit-transform: translate3d(0, 0, 0);
	  transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: .8s ease 1.7s;
	
}

.timeline  .swiper-slide  .bounceInRight{
	-webkit-transform: translate3d(3000, 0, 0);
	transform: translate3d(3000, 0, 0);
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .bounceInRight{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	opacity: 1;
	transition: .8s ease 1.7s;
	
}


.timeline  .swiper-slide  .bounceOut{
	-webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .bounceOut{
	-webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity: 1;
	transition: .9s ease 1.7s;
	
}


.timeline  .swiper-slide  .flipInX{
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .flipInX{
	-webkit-transform: perspective(400px) ;
    transform: perspective(400px) ;
	opacity: 1;
	transition: .8s ease 1.7s;
	
}


.timeline  .swiper-slide  .flash{
	opacity: 0;
	transition: .2s ease .5s;
}
.timeline  .swiper-slide-active .flash{
	opacity: 1;
	transition: .5s ease 1s;
	
}




.timeline  .swiper-slide  .lightSpeedIn{
	-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0;
	transition: 3s ease 1.7s;
}

.timeline  .swiper-slide-active .lightSpeedIn{
	-webkit-transform: none ;
    transform: none ;
	opacity: 1;
	transition: .7s ease 1.7s;
	
}


.timeline  .swiper-slide  .zoomOutUp{
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	opacity: 0;
	transition: .6s ease .5s;
}
.timeline  .swiper-slide-active .zoomOutUp{
	-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
	transition: .9s ease 1.8s;
	
}


.timeline  .swiper-slide  .zoomInRight{
	-webkit-transform: scale3d(.1, .1, .1) translate3d(100%, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(100%, 0, 0);
	opacity: 0;
	transition: .3s ease .7s;
}
.timeline  .swiper-slide-active .zoomInRight{
	-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
	transition: 1.5s ease 2s;
	
}
.timeline  .swiper-slide  .zoomInLeft{
	-webkit-transform: scale3d(.1, .1, .1) translate3d(-100%, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-100%, 0, 0);
	opacity: 0;
	transition: .5s ease .7s;
}
.timeline  .swiper-slide-active .zoomInLeft{
	-webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
	opacity: 1;
	transition: 0.5s ease 2s;
	
}

.swiper-banner{width: 100%; overflow: hidden;  position: relative; margin: 0 auto; z-index: 2; height:90%;}

.swiper-banner .swiper-wrapper{height: 90%;}
.swiper-banner .swiper-slide{width: 100%; height: 100%;
background-size:1;
background-position:center;
background-repeat:no-repeat ;
overflow: hidden;
}


.swiper-banner .banner-pagination{ height:20px; z-index: 10;  text-align: center;  border-top:5px solid #000 ; }
.swiper-banner .banner-pagination .swiper-pagination-bullet{width:50px; height:3px;  background: #FFF; border-radius:0 ;  opacity: 1;}
.swiper-banner .banner-pagination .swiper-pagination-bullet-active{background: #E60012;}




	/*overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap*/

.caselist li{position: relative; width: 45%; overflow:hidden;text-align:center;margin:0 8px 15px;padding:2px 2px 0;border-radius:4px; color:#5d5d5d; display: inline-block; box-shadow:2px 2px 5px #000;}
.caselist li span{width: 100%; height:16rem; text-align: center; vertical-align: middle;display: table-cell;} 
.caselist li span img{max-height: 100%; max-width: 100%;}
.caselist li p{text-align: left;  width:100%; font-size: 16px; line-height: 3; text-align: center;}
.caselist li img{width: 100%; max-height: 100%;}


.top{text-align: center; font-size: 1.8rem; margin-bottom: 30px;}
.info{background:#DDDDDD; padding: 20px 0 80px;}
 .fixbottom{width: 100%;position: fixed;bottom: 0;z-index: 10; }
 .footNaviList{width: 100%;background: #0C3178; overflow: hidden;}
 .footNaviList li{float: left;width: 25%;text-align: center;cursor: pointer; border-right:1px solid #FFF ;}
 .footNaviList li a{display: block;width: 100%;height: 100%;color: #ffffff;}
 .footNaviList li .active{background: #6790B5;}
 .footNaviList li .iconfont{font-size:1.5rem;}

.nvabar{width: 100%; margin: 0 auto; background: #F6F6F6; overflow: hidden; border-top:1px solid #ADADAD ;color: #ADADAD;}
.nvabar .type{ width:95%; margin:15px auto;}
.nvabar .type .tage{font-weight: bold; line-height: 3; color: #0C3178;} 
.nvabar .type a{display: inline-block; padding: 8px; color: #000;}
.nvabar .type a.active{background: #0C3178; color:#FFF; border-radius:10px ;}
.nvabar .type a.active2{background: #0C3178; color:#FFF; border-radius:10px ;}

.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% ;margin: 0 auto;padding: 8px 0; overflow: hidden;}
.map p{width: 98%; float: right;}
.map a{display: inline-block;line-height: 2;}

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


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





.prframe{width:100%; margin:15px auto; overflow:hidden;}
.prframe .prbgimg{margin: 0 auto; width: 100%; background: url("../images/pr.png") no-repeat;background-size:100%;  padding: 2% 0;}  

.model-type{width: 95%; margin:0 auto; overflow: hidden;background: #E9F4EC;}
.type2{ overflow:hidden; width: 95%; margin:0 auto; padding: 3%;}
.type2 li{padding:3% 0;}
.type2 li.nav{-webkit-transform-origin:50% 50%;-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;}
.type2 li.move{-webkit-transform:scaleX(1);transform:scaleX(1);-moz-transform:scaleX(1);-o-transform:scaleX(1); overflow: hidden;}
.type2 li img{vertical-align:middle; width: 20%; float: left;}
.type2 li .pr-text{width: 78%; float: right; background: #DBEAE0;line-height: 1.4rem;}
.type2 li p{margin-left:3%; font-size:1.5rem; vertical-align:middle; float: left; text-align: center; width: 80%;}
.type2 li  span{float: right; margin-right: 5%;}


/*规格选项开始*/
.size-tabbar-swiper{
	display: inline-block;
	width: 100%;
	margin: 0.35rem 0;
	padding: 5px 0;
	text-align: center;
	overflow: hidden;
}

.size-tabbar-swiper  a{
	display: inline-block;
	width: 11rem;
	margin: 5px;
	line-height: 2;
	
	border: 1px  solid #D7D7D7;
}
.size-tabbar-swiper  .active,.size-tabbar-swiper a:hover{
 color: #FFF;
 border: 1px  solid #00428E;
 background: #00428E;
} 

.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%; margin-top: 30px;}

.tplist  li{display: inline-block; width:49%; margin-bottom: 20px;}

.tplist  li .img{width:90%;  margin: 0 auto;  overflow: hidden; position: relative;}

.tplist  li .catcenter{
display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	flex-direction: column;
	color: #FFF;
	background: #0C3178;
	border-top:5px solid #E60012;
	padding: 15px 0;

}
.tplist  li .prcat .icon{font-size: 3rem;}
.tplist  li .prcat .name{font-size: 2rem;}

.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;} 
.frame .title{font-size:16px; font-weight: bold;  text-align: center;  color: #FFF; width: 100%; margin: 0px auto; background: #EB3C00; padding: 5px 0;} 

.vr-list{width:95%; overflow: hidden; margin:  20px auto; background: #FFF;}

.vr-list ul li{ overflow:hidden; border-bottom:1px solid #6D6D6D ; margin-bottom: 20px;}
.vr-list ul li a{ color: #6D6D6D; font-weight: bold; line-height: 3; font-size: 1.5rem;} 
.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: 2rem; color: #FFF; width: 40px; height: 40px; display: block; border-radius:50% ;  background:rgba(240,240,240,0.7);position: absolute;left: 35%; top: 34%; line-height: 2;}
.vr-rs li  .name{font-size: 1.8rem; text-align: center;}



.Project-list{width:95%; overflow: hidden; margin:  20px auto; padding-bottom: 30px;}
.Project-list ul li{ display: inline-block; margin: 15px 7px auto; width: 45%;}
.Project-list ul li .img-box{display: table-cell; box-shadow: 0px 6px 8px 3px rgba(0,0,0,0.6); padding: 3px;}
.Project-list ul li img{max-width: 100%;display: block; max-height: 100%; text-align: center; vertical-align: middle; margin: 0 auto;}
.Project-list ul li p{text-align: center;line-height: 2; font-size: 1.5rem;}

.news_list{ overflow:hidden; margin-bottom:35px;}
.news_list li{ overflow:hidden; border-bottom: 1px solid #C0C0C0; margin-bottom: 30px;}
.news_list li  .ns_title{ font-size:1.5rem;overflow:hidden; color: #595757; line-height: 3;}
.news_list li  .date{line-height: 3; text-align: right; color: #757575;}
.news_list li  .con{color:#757575; text-indent: 2em; line-height: 2;}

  
  
.vlist{width:95%; overflow: hidden; margin:  20px auto; background: #FFF;}
.vlist li{width: 100%; overflow: hidden; margin-bottom: 15px;}
.vlist li .vlist-box{width: 90%; margin: 0 auto;}
.vlist li .vlist-box p{text-align: center; font-size: 2rem;}
.vlist li .ckin__player button{font-size:3rem}
.readpic{width: 90%; margin: 20px auto; overflow: hidden; }

.readpic .group1{
	width: 100%;
	display: inline-block;
	position: relative;
	border: 1px solid #F0F0F0;
	padding: 20px;
}


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

.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{
	width: 100%;
	display: inline-block;
	position: relative;
	
}

.numbic{font-size: 1.8rem; text-align: center; line-height: 2;}
.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{
	width: 100%;
	float: left;
}


.prdoc{width: 100%; margin: 20px auto;  overflow: hidden;}
.prdoc .prodip{width: 100%; margin: 0 auto; font-size: 1.5rem;}
.prdoc .porvr{width:45%; margin: 20px auto;}
.prdoc p{line-height: 3; overflow: hidden;font-weight: bold;}
.prdoc p span{ margin-right: 1em;}

.prdoc .numbic{font-weight: bold; font-size: 1.8rem; line-height: 2;} 

.pro-info{ width: 90%; 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;}

.waterfall{
	column-count: 2;
	width: 95%;
    margin: 0 auto;
   column-gap: 15px;
}

.waterfall .img-box{overflow: hidden; display: inline-block;}
.waterfall .img-box p{
	text-align: center;
	line-height: 2;
}






.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{overflow: hidden; margin: 15px auto; text-align: center;}
.pro-title-cn{font-size: 2rem; color: #7E7C7D; }
.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: 90%; margin: 0 auto; padding: 10px;}  
.guestbook  p{margin: 12px auto; width:95%; } 
.guestbook  p input{width: 100%; height: 2em; border: none; background: #F6F6F6; text-indent: 1em;}
.guestbook  .textarea{background: #F6F6F6; text-indent: 1em; border: none;width: 100%;}
.guestbook   .subm{text-align: center; width: 100%;}
.guestbook  .rsubs{border: none; background: #1A445D; color: #FFF; width:25%; line-height:3;-webkit-appearance : none; border-radius:0; -webkit-border-radius:0; text-align: center;}
    

.lists{overflow: hidden;width: 100%; margin: 0 auto;}
.lists ul{ overflow: hidden;}
.lists ul li{width:45%; margin: 15px 7px auto; display: inline-block;  overflow: hidden; border: 1px solid #F0F0F0;  padding: 5px;}
.lists ul li .img  img{max-width: 100%; max-height: 100%; display: block; margin: 0 auto;}
.lists ul li .pro-doc{ overflow: hidden; margin: 5px 0;  position: relative; height: 43px;}
.lists ul li .pro-doc .name{margin-left: 5px; float: left; width: 63%; font-size: 1rem;}
.lists ul li .pro-doc .pro-v{font-size: 1rem; }
.lists ul li .pro-doc .vr{display: block; width:30%; border: 1px solid #EEEEEE; font-weight: bold; float: right;  color: #00428E; text-align: center;line-height:3;}
/* 分类样式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%; } 



/*内页选项开始*/
.inside-tabbar-swiper{
	display: inline-block;
	width: 100%;
	border-bottom: solid 1px #EAE3DD;
	border-top: solid 1px #EAE3DD;
	background: #EFF0F2;
}
.inside-tabbar-swiper .swiper-slide{
	display: inline-block;
	width: auto;
	text-align: center;
	padding:1.5rem 0;

}
.inside-tabbar-swiper .swiper-slide a{
	display: block;
	width: 100%;
	color: #000;
	font-size: 1.5rem;

	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.inside-tabbar-swiper .swiper-slide.active a,.inside-tabbar-swiper .swiper-slide:hover a{
	color: #E60012;
}
.inside-tabbar li .name{

}
.inside-tabbar-swiper .swiper-slide .sign{
	position: absolute;
	top: 0.05rem;
	right: 0;
	color: #5f604b;
	font-size: 1.5rem;
}
.inside-tabbar-swiper .swiper-slide:last-child .sign{
	display: none;
}
/*内页选项结束*/  
  
  
/*规格选项开始*/
.size-tabbar-swiper{
	display: inline-block;
	width: 100%;
	
	
	
}
.size-tabbar-swiper .swiper-slide{
	display: inline-block;
	width: 30%;
	text-align: center;
	line-height: 3;

}
.size-tabbar-swiper .swiper-slide a{
	display: block;
	width: 100%;
	color: #000;
	font-size: 1.5rem;
	
}
.size-tabbar-swiper .swiper-slide.active a,.size-tabbar-swiper .swiper-slide:hover a{
	color: #E60012;
}  
  
  
  
  
   
.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;
	background: #E5E5E5;
	
	
}

.sidebar-navbar{
	margin: 0 auto;
	width: 90%;
	background: #FFF;
	overflow: hidden;
}

.sidebar-navbar li{
overflow: hidden;
border-bottom:1px solid #E5E5E5 ;
padding: 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{
	display: block;
	width: 95%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	
	

}


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

.sidebar-navbar li .img{	
	width: 30%;
	float: right;
	border-radius:50% ;
}

.sidebar-navbar li .img-br{	
	border-radius:50% ;
}
.sidebar-navbar .one-Item .title-cn{
	width: 60%;
	float: left;
    height: 100%;
	margin-left: 5%;
	vertical-align: middle;
	font-size: 1.5rem;
	overflow: hidden;
	color: #112773;

}

.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{
	position: absolute;
	bottom: 0;
	left:9% ;
	text-align: left;
	border-bottom:2px solid #595758 ;
	color: #595758;
	width: 60%;
	line-height: 3;
	font-size: 1.5rem;
	

}




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





 .xia{position: absolute; width:100%; left:0; text-align: center; bottom: 20px; z-index:999; animation: bounce 1.5s ease .2s infinite;}
 .xia img{width: 8%;}
 @keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
  	opacity: 1;
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
  	opacity: 0.1;
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
  	opacity: 0.9;
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
  	opacity: 1;
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}