.page-wrap{padding:30px 0;overflow:hidden;}
@media (max-width:990px){
	.page-wrap{padding:20px 0}
}

.container{padding-left:0;padding-right:0;margin:0 auto;}/*width:1200px;*/

.baise{color:#fff !important;}
 
  
.video-box{position:fixed;left:-25px;bottom:0;z-index:555555;}
.video-box .pack-up span{width:195px;height:108px;display:block;background:url(/images/pack-up.png) left top no-repeat;cursor:pointer}
.video-box .unfold{width:347px;height:264px;background:url(/images/unfold-new.png) left top no-repeat;position:relative}
.video-box .unfold video{position:absolute;left:37px;top:49px;width:280px;height:180px;display:block;}
.video-box .unfold a.play{width:68px;height:68px;display:block;background:url(/images/play-btn.png) left top no-repeat;position:absolute;left:151px;top:107px;z-index:3}
.video-box .unfold .opacity-layer{width:280px;height:80px;position:absolute;left:37px;top:150px;z-index:1;display:block;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%)}
.video-box .unfold i.videoclose{width:13px;height:110px;display:block;position:absolute;left:327px;top:84px;cursor:pointer}
@media (max-width:990px){
	.video-box{display:none;}
	
}

 
 
.b_shadow{
	-o-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-ms-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-moz-box-shadow:0 0 18px rgba(0,0,0,.1); 
	-webkit-box-shadow:0 0 18px rgba(0,0,0,.1); 
	box-shadow:0 0 18px rgba(0,0,0,.1);
}

 

 
 
.playimg{display:block; position:absolute;left:50%;top:50%;margin-left: -35px;margin-top:-35px; width:70px; height:70px; background:url("/images/mp4.png") no-repeat center;background-size:100% 100%; z-index:10; cursor:pointer;}

 
 
 

.videoclass{text-align:center; margin:20px auto; overflow:hidden;}
.videoclass li{border-radius:20px; height:40px; line-height:40px;  padding:0 20px; color:#fff; background:#000; float:left;margin-right:20px; margin-bottom:10px;}
.videoclass li a{color:#fff;}

.gsvideo{width:100%;height:700px; background:#000; overflow:hidden;}
.gsvideo-box{width:900px; float:left;overflow:hidden;margin:10px 0;}
.gsvideo-cont{width:100%;height:620px; overflow:hidden; position:relative;}
 
.gsvideo-list{width:280px;float:left;background:#111;overflow:hidden; padding:7px;height:680px;}
.gsvideo-list ul{margin:10px 0; height:660px;;overflow-y: scroll;}
.gsvideo-list ul::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }

.gsvideo-list ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: #535353;
    }

.gsvideo-list ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
}
 
 
.gsvideo-list ul li{width:120px;height:120px;margin:3px; float:left; border:1px solid #dedede; box-sizing:content-box;}
.gsvideo-list ul li img{width:120px;height:120px;}
.gsvideo-info{width:100%;height:60px;background:#111; line-height:60px; font-size:20px; color:#fff; position:relative; }
.video-name{margin-left:20px;}
.video-tel{    position: absolute;
    right: 0px;
    bottom: 5px;
    color: #fff;
    padding-left: 58px;
    background: rgba(0,0,0,0.8) url(/images/mobile.png) no-repeat 15px center;
    display: block;
   width: 232px;
    height: 50px;
    line-height: 50px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Arial';
    transition: right .8s;
    -webkit-transition: right .8s;}
.heise{background:#fafafa;}

.picbox{padding:20px;box-shadow: 0 0 10px #dadaea; background:#fff; overflow:hidden;}

.picboxjd{   width:980px; box-shadow: 0 0 10px #dadaea; position:relative;   zoom:1; margin:20px auto; height:730px; }
		.picboxjd .hd{ width:980px;  overflow:hidden; text-align:center; margin:20px auto;}
		.picboxjd .hd ul{  overflow:hidden; zoom:1;   position:relative; width:100%; height:77px; }
		.picboxjd .hd ul li{   float:left;  text-align:center; width:128px; margin:0 5px; height:75px; border:1px solid #ddd;display: table;  box-sizing:content-box;}
		.picboxjd .hd ul li:hover{border:1px solid #3374da;}
		.picboxjd .hd ul li:last-child{margin-right:0;}
		.picboxjd .hd ul li a{   display: table-cell;    vertical-align: middle;}
		.picboxjd .hd ul li img{ max-width:100px; max-height:75px;  cursor:pointer; vertical-align: middle; }
		 .picboxjd .hd  .on{border:1px solid #3374da;}
		 
		.picboxjd .bd{text-align:center; border:1px solid #dedede;  padding:10px 0}
		.picboxjd .bd li{ width:980px; height:600px;display: table;text-align:center; position:relative;}
		.picboxjd .bd li a{   display: table-cell;    vertical-align: middle; text-align:center;}
		.picboxjd .bd img{ max-width:980px; max-height:600px;  vertical-align: middle;  }
.picboxjd .pageState{ position: absolute; top: -33px; right: 50%; margin-right:-28px;font-family: "Times New Roman", serif; letter-spacing: 1px;font-size:30px; font-weight:bold;}	
  .picboxjd .pageState span{ color: #3374da; }
  
  .picboxjd .prev,.picboxjd .next {position: absolute;z-index: 2;top: 50%;width: 40px;height: 66px;margin-top: -33px;background: no-repeat 0 0;    opacity: 0.6;    filter: alpha(opacity=60);}
.picboxjd .prev:hover,.picboxjd .next:hover {    opacity: 1;    filter: alpha(opacity=100);}
.picboxjd .prev {left: -40px;background-image: url(/images/hover_left.png);}
.picboxjd .next {right: -40px;background-image: url(/images/hover_right.png);}

@media (max-width:990px){
 
	 
	 .gsvideo-box,.gsvideo-list,.container{width:100%;}
	 .page-wrap{overflow:visible}
	 .gsvideo{height:auto;}
	 .heise{background:#fff;}
	 .videoclass{margin:0 0 20px 20px;}
	 .videoclass li{background:#3374da;border-radius:15px; height:30px; line-height:30px;}
	 video{height:400px !important;}
	 .gsvideo{height:auto;}
	 .gsvideo-cont{height:400px;}
	 .video-tel{display:none;}
	 .gsvideo-list{width:100%;padding:0;height:auto;}
	 .gsvideo-list ul{margin:10px 0; height:auto;;overflow-y: visible;}
	 
	 .picboxjd{width:100%; height:430px;}
	 	.picboxjd .tempWrap{width:360px !important;}
	 	.picboxjd .bd li {width:360px; height:300px;}
		.picboxjd .bd img{ max-width:360px; max-height:300px;  vertical-align: middle;  }
		.picboxjd .prev {left: -20px; }
.picboxjd .next {right: -20px; }
}


.spbtn{display:none; margin:0 auto; width:250px; }
.spbtn .prev,.spbtn .next {  width:90px; height:30px; text-align:center;background:#fff; border-radius:15px; margin:15px; display:inline-block; line-height:30px;}
 
 

@media (max-width:990px){
 
	 
	 .gsvideo-box,.gsvideo-list,.container{width:100%;}
	 .page-wrap{overflow:visible}
	 .gsvideo{height:auto;}
	 .heise{background:#fff;}
	 .videoclass{margin:0 0 20px 20px;}
	 .videoclass li{background:#3374da;border-radius:15px; height:30px; line-height:30px;}
	 video{height:400px !important;}
	 .gsvideo{height:auto;}
	 .gsvideo-cont{height:400px;}
	 .video-tel{display:none;}
	 .gsvideo-list{width:100%;padding:0;height:auto;}
	 .gsvideo-list ul{margin:10px 0; height:auto;;overflow-y: visible;}
	 
	 .picboxjd{width:100%; height:430px;} 
	 	.picboxjd .bd li {width:100%;  height:300px;}
		.picboxjd .bd img{ width:100%; max-height:300px;  vertical-align: middle;  }
		.picboxjd .prev {left: -20px; }
.picboxjd .next {right: -20px; }
.gsvideo-list{display:none;}
 .video-name{display:none}
 .spbtn{display:block;}
 
 
}.nopic{min-height:600px;}
.novideo{min-height:600px;}