.sectionproduct{
	background:#fff;
	width:62.5%;
	margin:auto;
	text-align:center;
	top:96px;
	height:auto;
}
.sectionproductdetail{
	background:#fff;
	width:62.5%;
	margin:auto;
	text-align:center;
	height:auto;
}
	.tabli{
		display:inline-block;
		padding:5px 10px;
		margin-right:-5px;
		color:black;
		cursor: pointer;
	}
	.active{
		color:#2c2074;
	}
	.newslist{
		left:5px;
		top:5px;
		width:calc(100% - 10px);
	    position: relative;
	    min-height:400px;
	    background-color:#f5f5f5;
	    height:100%;padding:50px;		    
	}
	.newslist{ 
		display:block;
		height:100%;
		width:100%;color:#a2a2a2;text-align:left;
	}
	.newslist:hover{
		-moz-box-shadow:#ccc 0 0 5px;
		-webkit-box-shadow:#ccc 0 0 5px;
		box-shadow:#ccc 0 0 5px;

	}
	.newslist:hover .titlecn,.newslist:hover .viewbut{
		color:#2c2074
	}
	.protitle{
		color:#464646;
		margin-bottom:10px;
	}	
	.desctext{
		line-height:24px; font-size: 16px;
	}
	.boxshow{
		display:block;
	}
	.boxhidden{
		display:none;
	}

	.fltext{
		    text-align: left;padding-left:50px;
	}
	
/*product content*/

.page4 .BOX{width:100%;height:100%;}
.page4 .fl,
.page4 .fr{position:relative;width:50%;height:100%;}

@media(min-width:769px) {
	.tabli{
		padding:5px 50px;
	}
	.tabli a:hover{ color:#2c2074;
	}
	.fl {
		vertical-align:middle;
	    display: inline-block;
		clear:left;
		height: 100%;max-width:49%;width:50%;
	}
	.fr {
		height: 100%;max-width:50%;    display: inline-block;vertical-align:middle;
	}
	.page4 .fl{float:left;}
	.page4 .fr{float:right;}		
}
.page4 .tBox{/*text-align:left;position:relative;left:0;top:30%;width:50%;display:inline-block; margin:auto;margin-left: auto;margin-right: auto; */}
.page4 .tBox{
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 50%;
    height: 50%;
    min-height:400px;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
}
.page4 .tBox li{position:absolute;left:0;top:0;width:100%;}
.page4 .tBox .title{/*opacity:0; position:absolute;left:50%;top:20px;margin-left:-60px; */}
.page4 .tBox .title1{top:15px;font-size:16px;line-height: 24px;}
.page4 .tBox .title2{top:25px;font-size:16px;line-height: 24px;}
.page4 .tBox .line{background:#969696;height:1px;width:0;display:block;margin:0;position:absolute;left:50%;top:90px;}
.page4 .tBox .text{line-height:30px;color:#383838; /* position:absolute;left:0;top:80px;width:100%; */font-size:16px;}
@media(max-width:1366px) {
	.page4 .tBox{min-height: 330px;}
}
@media(max-width:1366px) {
	.page4 .tBox .title1{top:15px;font-size:14px;}
	.page4 .tBox .title2{top:25px;font-size:14px;}
	.page4 .tBox .text{line-height:24px;font-size:14px;}
}
@media(max-width:1280px) {
.page4 .tBox{width:65%;}
.fltext{
		padding-right:0px;
	}
	.newslist{
		padding:30px;min-height:0px;
	}
	.desctext{
		line-height:20px; font-size: 14px;
	}
}
@media(max-width:768px) {
	.sectionproduct{
	width:90%;
	top:60px;
}
.sectionproductdetail{
	width:100%;
}
.newslist {
    left: 0px; 
    top: 0px; 
}
.page4{
	/* min-height:calc(100vw*923*2/956) */height:auto;
}
.page4 .fl{width:100%;height:calc(100vw*923/956)}
.page4 .fr{width:100%;height:auto;min-height:400px;}
.page4 .BOX{
	height:auto;
}
.page4 .tBox {
    width: 90%;top:20px;height:auto;
}
}

.page4 .show1 .t1 .title{opacity:1;}
.page4 .show1 .t1 .line{width:20px;margin-left:-10px;}
.page4 .show1 .t1 .text{top:120px;opacity:1;}

.page4 .picBox{width:100%;height:100%;position:absolute;left:0;top:0;font-size:0;}
.page4 .picBox dd{left:0;top:100%;width:100%;height:100%;position:absolute;}
/*.page4 .picBox dd.in{top:0%;}*/
.page4 .picBox .box,
.page4 .picBox .box ul,
.page4 .picBox .box li{left:0;top:0%;width:100%;height:100%;position:absolute;}
.page4 .picBox .box li{opacity:0;}
.page4 .picBox .box li span{display:block;width:100%;height:100%;background:center center no-repeat;background-size:cover;}
.page4 .picBox .box li .info{position:absolute;left:0;bottom:0;width:100%;min-height:300px;background:url(../images/hy1/0/botBlack.png) repeat-x left bottom;}
.page4 .picBox .box li .info .Nr{position:absolute;left:0;bottom:70px;width:100%;text-align:center;}
.page4 .picBox .box li .info .title{font-size:16px;color:#fff;}
.page4 .picBox .box li .info .doc{font-size:14px;color:#ccc;}

.page4 .picBox .box .bot{position:absolute;left:0;bottom:30px;width:100%;text-align:center;}
.page4 .picBox .box .bot i{background:#fff;opacity:.4;height:3px;width:20px;border-radius:2px;display:inline-block;margin:auto 6px;}
.page4 .picBox .box .bot i.in{opacity:1;}

 .top_e{
            position:fixed;right:10px;bottom:40px;
            /* background:rgba(204,200,255,0.6); */
            border-radius:15px;
            cursor:pointer;
            display:none;
            width:60px;
            height:60px;
            animation-name:container; /*动画的名称*/
  transform-origin: center bottom; /*设置动画旋转元素的基点为：居中靠下*/
  animation-duration: 1s; /*动画时间*/
  animation-fill-mode: both; /*播放后的状态*/
  animation-iteration-count: infinite; /*动作循环的次数：infinite 无限循环*/
  animation-duration: 2s; /*动画时间*/
            }
       
       @keyframes container{
  0%,
  100%{
  transform: translate3d(0,0,0); 
  }
  50%{
  transform: translate3d(0,-30px,0);
  }
}
@-webkit-keyframes container{
  0%,
  100%{
  -webkit-transform: translate3d(0,0,0); 
  }
  50%{
  -webkit-transform: translate3d(0,-30px,0);
  }
}
.sectionproductdetail img{
	width:100%;
}
.prev-page{
	background-image:url(../images/prevpage.png);
	    background-repeat: no-repeat;
	background-position: center;
}
.next-page{
	background-image:url(../images/nextpage.png);
	    background-repeat: no-repeat;
	background-position: center;
}
.video_fenye{
	margin:auto; 
	width:80%;
	text-align:center;
	height:38px;
	margin-top :20px;	
	margin-bottom :20px;	
}
.video_fenye a{
	height:36px;
	line-height:36px;
	/* display:inline-block; */
	margin-right:10px;
	/* border:1px solid #e8e8e8; */
	font-size:14px;
	padding:0 15px;
	color:#9f9f9f;
}
.video_fenye a.active-page{
	/* background-color: #8e8e8e;
	color:#fff; */
	color:black;
}
@media (max-width:800px) {
	.video_fenye a{
	margin-right:5px;
	padding:0 10px;
	}
}

.video_fenye .first-page,.video_fenye .last-page{	
	display:none;
}
.video_fenye span a{
	background:#cf092c;
	color:#fff;
}
.video_fenye a:hover{
	/* background-color: #8e8e8e; */
	color:black;
}
/*product content*/