@charset "utf-8";
/* CSS Document */
a{ outline:0 none;}
a:focus{ outline:0 none;}
.header {
    background-color: #000000;
    height: 69px;
   
    width: 100%;
}
.w960 {
    margin: 0 auto;
    width: 960px;
}
.header .left {
    display: block;
    padding: 26px 0 0;
}
.header   img{
	width:125px;
	padding: 26px 0 0;
} 
#a_bottom {
    background: #000 none repeat scroll 0 0;
    height: 72px;
    width: 100%;
    z-index: 9999;
}

#a_bottom .box {
    margin: 0 auto;
    overflow: hidden;

}
#a_bottom .box .p50 {
    height: 34px;
    line-height: 50px;
    overflow: hidden;
}

#a_bottom .box .p50 a {
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    margin-right: 20px;
}
#a_bottom .box .p30 {
    color: #696969;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    width: 960px;
}

#a_bottom .box .p40 {
    color: #696969;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 960px;
}

#a_bottom .box .p50 span {
    color: #fff;
    float: right;
    font-size: 12px;
}

#a_bottom .box .p30 span {
    color: #fff;
    float: right;
    font-size: 12px;
}

#a_bottom .box .p30 a {
    color: #696969;
    text-decoration: underline;
}
.mbx_bar{ background:#252525 ;  padding: 15px 0;}
.bread_banner{ margin:0; padding:0;}

html{width:100%; height:100%; }
body{ position:relative; width:100%; height:100%; }

#video_head{ position: fixed; top:0; width:100%; z-index:2;}
#video_cont{ position:relative; height:100%; z-index:1; }
.video_container{ position:relative;background:#0e0e0e;margin-top: 119px; margin-bottom:110px}

#video_foot{ position: fixed; bottom:0;width:100%; z-index:2;}




#nav{height:100%; background:#dedfe4;width:200px; position:absolute; left:0; top:0; z-index:3;}
#nav a.nav1{height:33.3%; width:200px; display:block; text-align:center; border-bottom:1px solid #d0d0d0; }
#nav a.nav1:hover{ background:#229bb3;}
#nav a.nav1.active{ background:#229bb3;}


#video_list{  background:#ffffff;  position:relative; font-family:"Microsoft YaHei","Arial","Hiragino Sans GB",sans-serif; }
.video_list_l{ position: absolute;left:8%;z-index:2; width:960px; }

.features{ clear:both; display:block; overflow:hidden; padding-top:30px; text-align:center;}
.features h2{ font-size:28px; color:#272727; font-weight:normal; float:left; line-height:32px;  text-align:left;}
.features h2 a{color:#272727; text-decoration:none;}
.clear_both{ clear:both; display:block; overflow:hidden;}

ul.sp_box{ clear:both; display:block; overflow:hidden; width:1000px; }
ul.sp_box1{ clear:both; display:block; overflow:hidden; width:991px; }

.sp_box li{ width:307px; height:230px; float:left; margin-right:20px; }
.sp_box li p{ padding:0; margin:0; text-align:center; font-size:16px; color:#353535; padding-top:8px;}
.sp_box li p a{  color:#353535; outline:0 none; }

.sp_box1 li{ width:307px; height:230px; float:left; margin-right:20px; }
.sp_box1 li p{ padding:0; margin:0; text-align:center; font-size:16px; color:#353535; padding-top:8px;}
.sp_box1 li p a{  color:#353535; outline:0 none; }


a.sp_boxs{ position:relative; display:block;}

.sp_f{ ;width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; background:url(../images/blank.png) repeat;}
.sp_z{ background:url(../images/video.png) no-repeat 126px 52px;  width:100%; height:100%; position:absolute; top:0; left:0; z-index:5;}


.pt_b20{ padding-bottom:20px;}






html,body,div,ul,li{ margin:0; padding:0;}
html,body{ width:100%;}
ul,li{ list-style:none;}
.list{ position:relative; height:100%;  float:left; background:#f0f2f8; width:500px;}	
.cate1{ width:350px; height:25%; display:block; text-align:center; clear:both;background:#e9ebf0; }
.cate1 .title{ width:200px; float:left; height:100%; background:#dedfe4;border-bottom:0px none; cursor:pointer; border-bottom:1px solid #d0d0d0;  }
.cate1 .title_no{ width:200px; float:left; height:100%; background:#dedfe4;border-bottom:1px solid #d0d0d0; cursor:pointer;  }
.cate1 .title:hover{  background:#229bb3; }
.cate1 .title.on{  background:#229bb3; }
.cate2{ width:150px; float:left; position: absolute; left:200px; height:100%; top:0%; display:none;}
.cate2 .w80{ width:150px; float:left;  height:100%; background:none;}

.cate2 .item{ width:100%; height:16.66%;  background:#e9ebf0; cursor:pointer; color:#616161;}
.cate2 .item:hover{ background:#16aec5; color:#ffffff;}
.cate2 .item:hover .stitle{ background:url(../images/icon_sj.png) 0 center no-repeat;}
.cate2 .item.on{ background:#16aec5; color:#ffffff;}
.cate2 .item.on  .stitle{ background:url(../images/icon_sj.png) 0 center no-repeat;}
.cate3 li{ width:150px; background:#f0f2f8; color:#616161;  }
.cate3 li a{  color:#616161;  text-align:left; width:93px; padding-left:10px; display:inline-block;  }
.cate3 li:hover{   background:#43bed1; color:#ffffff;}
.cate3 li:hover a{   color:#ffffff;background:url(../images/icon_sj.png) 0 center no-repeat;}
.cate3 li.on{  background:#43bed1; }
.cate3 li.on a{   background:#43bed1; color:#ffffff;background:url(../images/icon_sj.png) 0 center no-repeat;}
.cate3 ul{ height:100%;}
.cate3 li{ height:8.33%; max-height:40px;}

.stitle{display: block;    overflow: hidden;  display:inline-block; vertical-align:middle; text-align:left; width:105px; padding-left:10px; font-size:14px; }
.cate3{ position:absolute; left:150px; top:0px; height:100%; display:none; }


.cate1 img{ vertical-align:middle; display:inline-block; height:60%;}
.cate1 span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; }


.item span{ height:100%; width:0; overflow:hidden; display:inline-block; vertical-align:middle; }

.chakan_more1{ display:block; color:#0092e6; font-size:16px; background:url(../images/sanjiao.png) right 10px no-repeat; width:93px; float:right; margin-top:7px;}
.chakan_more2{ display:block; color:#0092e6; font-size:16px; background:url(../images/sanjiao.png) right 10px no-repeat; width:93px; float:right; margin-top:7px;}
.chakan_more3{ display:block; color:#0092e6; font-size:16px; background:url(../images/sanjiao.png) right 10px no-repeat; width:93px; float:right; margin-top:7px;}
.chakan_more4{ display:block; color:#0092e6; font-size:16px; background:url(../images/sanjiao.png) right 10px no-repeat; width:93px; float:right; margin-top:7px;}

.chakan_more_down1{ background:url(../images/down.png) no-repeat; width:55px; height:12px; text-indent:-9999px; display:inline-block; outline:0 none;}
.chakan_more_down2{ background:url(../images/down.png) no-repeat; width:55px; height:12px; text-indent:-9999px; display:inline-block; outline:0 none;}
.chakan_more_down3{ background:url(../images/down.png) no-repeat; width:55px; height:12px; text-indent:-9999px; display:inline-block; outline:0 none;}
.chakan_more_down4{ background:url(../images/down.png) no-repeat; width:55px; height:12px; text-indent:-9999px; display:inline-block; outline:0 none;}


.down1{background:url(../images/up.png);}
.down2{background:url(../images/up.png);}
.down3{background:url(../images/up.png);}
.down4{background:url(../images/up.png);}
.cmore1{background:url(../images/sanjiao_s.png) right 10px no-repeat;}
.cmore2{background:url(../images/sanjiao_s.png) right 10px no-repeat;}
.cmore3{background:url(../images/sanjiao_s.png) right 10px no-repeat;}
.cmore4{background:url(../images/sanjiao_s.png) right 10px no-repeat;}



.sq{background:url(../images/up.png) no-repeat; }
.sq1{background:url(../images/sanjiao_s.png) right 10px no-repeat;}





#video {
    height: 426px; display:none;
    width: 762px;
}

#video .close {
    right: -34px;
    top: 0;
}
.jqqd .close {
    display: block;
    height: 34px;
    position: absolute;
    right: -20px;
    top: -20px;
    width: 34px;
}



	.overlay{ background: #000 none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;}
	
	
.s_closed {
    display: none;
    left: -40px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    width: 22px;
    z-index: 9999;
}

.dism{ float:left; line-height:24px;}


    .w960{ width:960px}
	@media screen and (max-width: 1920px){
	.w960{ width:960px}
		}
	@media screen and (max-width: 1857px){
	.w960{ width:960px}
	.video_list_l{ position: absolute; left:8%; z-index:2; width:960px; }

		}
		
		
	@media screen and (max-width: 1600px){
	.w960{ width:960px}
	.video_list_l{width:778px; position: absolute; left:8%; z-index:2; }
	
	.features {padding-top: 10px;}
	.sp_box li {height: 210px;width: 246px;}
	.sp_box1 li {height: 210px;width: 246px;}
	.sp_z {background:  url(../images/video.png) center center no-repeat;}
	ul.sp_box{ height:174px;}
	.cate3 li{ height:30px;}
		}
	@media screen and (max-width: 1480px){
	.w960{ width:960px}
	.video_list_l{ position: absolute; left:2%; z-index:2; width:960px; }
	.cate1{ width:300px;}
	.cate1 .title{ width:150px;}
	.cate1 .title_no{ width:150px;}
	.cate2{ width:150px; left:150px;}
	.cate3{ left:150px;}
    .list { width: 450px;}
	.video_list_l{ width:680px;}
	.sp_box li{ width:210px; height:175px; margin:0px 10px 0px 0px;}
	.sp_box1 li{ width:210px; height:175px; margin:0px 10px 0px 0px;}
	ul.sp_box{ height:142px;}
	.sp_z{ background-position:50% 50%;}
	.features{ padding-top:5px;}
	.pt_b20{ padding-bottom:6px;}
	a.chakan_more1{ margin-top:0px;}
	a.chakan_more2{margin-top:0px;}
	a.chakan_more2{margin-top:0px;}
	.features h2{ font-size:20px; line-height:24px;}
	.sp_box li p{ font-size:12px;}
	.sp_box1 li p{ font-size:12px;}
	.stitle{ font-size:14px;}
	.cate3 li{ height:8.3%;}
	

		}
	@media screen and (max-width: 960px){
	.w960{ width:98%}
	.cate1{ width:33%; height: 100px;  float:left; clear:none; border-right:1px solid #d0d0d0;}
	.cate1 .title {width: 100%; border-bottom:0 none;}
	.cate1 .title_no {width: 100%; border-bottom:0 none;}
	.cate2 {display: block; height:auto; top:0;   width: 100%; left:auto; right:-100%; position:fixed;}
	.cate2 .w80{ width: 80%; float:right; background:#f1f2f7; position:relative; z-index:3;}
	.cate2 .item{ height:auto; overflow:hidden; border-bottom:1px solid #d0d0d0;}
	.cate3{ position:relative; left:0;  }
	.list {width: 100%; height: 100px; z-index:5; }
	#video_list{ width:100%; }
	.video_list_l{ position:relative; margin:0 auto; left:0; top:0; width:85%; padding-bottom: 44px} 
	ul.sp_box {width: 100%;}
	.sp_box li{ width:100%; height: auto;}
	ul.sp_box1 {width: 100%;}
	.sp_box1 li{ width:100%; height: auto;}
	
	ul.sp_box {height: auto;}
	.video_list_l {padding-bottom: 40px;}	
	.stitle{ height:40px; line-height:40px; display:block; margin-left:10px; width:100%;}
	.cate3 li {height: 30px; line-height:30px; width:100%; padding-left: 10px;}
	.cate3 li a{ float:left;}
	.cate3 ul{ background:#f0f2f8;}
	.item span{ display:none;}
	
	body{ }
	#video_head{ position:relative; z-index:2;}
	#video_cont{ position:relative; height:auto; z-index:3;}
	.video_container{  margin-top: 0; margin-bottom:0;}
	#video_foot{ position:relative;z-index:2;}
	.overlay{ background: #000 none repeat scroll 0 0;display: none;height: 100%;left: 0;opacity: 0.5;position: fixed;top: 0;width: 100%;z-index: 2;}
	
	
	.s_closed {display: block;left: -40px;margin-top: -7px;position: absolute;top: 50%;width: 22px;z-index: 9999;}
	.pt_b20 {padding-bottom: 18px;}
	.sp_box li p {padding: 8px 0;}
	.sp_box1 li p {padding: 8px 0;}
	
.cate2 .item .stitle.sitbg{ background:url(../images/down_s.png) 85% 50% no-repeat; display:block;}
.cate2 .item.on .stitle.sitbg{ background:url(../images/up_s.png) 85% 50% no-repeat; display:block;}

#video {height: 426px; display:none;width: 100%;}
#video .close {right: -34px;top: 0;}
.jqqd .close {display: block;height: 34px;position: absolute;right: -20px;top:0;width: 34px;}
.features h2{ float:none; width:100%;}
.pt_b20{ padding-bottom:10px;}


		}
	@media screen and (max-width: 480px){
	.w960{ width:98%}
		}
	@media screen and (max-width: 320px){
	.w960{ width:98%}
	}
	
.desktop  .banner{ position:fixed; right:15px; top:119px; width:13%;}	
.mobile  .banner{ position:relative; padding-top:10px; padding-bottom:10px;}
.desktop  .banner .pc{ display:block;}
.desktop  .banner .mob{ display:none;}
.mobile  .banner .pc{ display:none;}
.mobile  .banner .mob{ display:block;}