*{margin:0;padding:0;list-style:none;}
body{background:#fff;font:normal 微软雅黑 "Microsoft YaHei";}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{color:#1974A1;}

body{width: 100%; padding: 0; margin: 0}
div,ul,li{padding: 0; margin: 0}

body::-webkit-scrollbar { width:10px; height:2px; background:#ddddddd; border-radius:10px;/*外层轨道*/} 
body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:#cccccc;/*内层轨道*/}


.head{max-width:1100px; margin: auto; min-height:60px; flex:auto; overflow:hidden; padding: 10px 0 }
.head img{float: left}
.head span{float: right;}.head span img{padding: 5px}
.head span a{padding-top: 30px; float: left}
.head .img-logo{width: 545px;}

.back_b{width: 100%; height: 52px; background:#1c9ee0 }
.back_input{max-width: 1100px; margin: auto}
.back_input a{float: right; width: 110px; height: 39px; margin-top: 13px; line-height: 39px; font-size:1.25em; color:   #FFFFFF; border-top-left-radius:10px;border-top-right-radius:10px; cursor: pointer; background:url("images/back.png") no-repeat left #ff5e75; padding-left: 50px;
}
.back_input a:hover{background:url("images/back.png") no-repeat left #ed3d56 }
.back_input a img{padding:7px 15px ; float: left }

/*选项卡样式*/
.vido_tabBar{width:100%;font-family:"Microsoft YaHei";}
.vido_tabBar .hd{background:url("images/top_b.png") repeat-x bottom #f5f6f8; float: left; width: 100%}
.vido_tabBar .hd ul{z-index:5;position:relative;zoom:1; max-width: 1100px; margin: auto}
.vido_tabBar .hd li{float:left;height:150px;line-height:22px; font-size:1em;text-align: center; color:#333333;border-bottom:0px;cursor:pointer; 
}

.vido_tabBar .hd li span{font-size:1.125em }
.vido_tabBar .hd li.on{line-height:22px; text-align: center;overflow:hidden; position:relative;top:1px; 
	background: url("images/icon_hover.png") no-repeat bottom; color:#1c9ee0; }




.vido_tabBar .bd{ max-width:1100px; margin: auto; clear:both;position:relative;overflow:hidden;}

.img_list{max-width:1100px; width:100%; float: left; margin: 15px; height:auto}
.img_list ul{width: 99%; overflow:hidden;}
.img_list ul,.img_list ul li{float: left}
.img_list img{ border-radius: 10px}
.img_list ul li{float: left; width: 251px; margin: 8px;  text-align: center; }
.img_list ul li img{width: 100%}.img_list ul li span img{width:60px; position:relative; z-index: 99; display:none; }
.img_list ul li span{top: calc(50% - 45px);
    left: calc(50% - 30px);
    position: absolute;
    display: block;}
.img_list ul li a{ float: left; padding-bottom: 10px; font-size:1.105em;position: relative; color: #666666}
.img_list ul li a:hover{ background: #ffffff; float: left; box-shadow: 0px 0px 5px 0px #888888; border-radius: 10px; cursor: pointer; color: #00a0e9; text-decoration: none}
.img_list ul li a p{padding-top:10px; font-size:1.05em;}


.foot{width: 100%; float: left; height:70px; background: #4194dc }
.foot_2{max-width: 1100px; margin: auto; color: #fff; padding-top: 20px;}
.foot_2 img{float: right}
.img_list3 ul li img,.img_list3 ul li{ width:342px;}
.vido_tabBar .hd li{ width:11.1%; height:200px;}
.vido_tabBar .hd ul{ overflow:hidden;}
.vido_tabBar .hd li div{ width:95px; overflow:hidden;margin: 0 auto;}
.vido_tabBar .hd li div img{max-width:100%; padding: 15px 0 8px 0 }
.videoCls{ max-width:100%;}
.head .img_logo_mobile,.mobileList{ display:none;}

.vido_tabBar .mobileList ul{ max-width:100%;}
.vido_tabBar .mobileList ul li{ height:inherit; font-size:3vw;}
.vido_tabBar .mobileList ul li.on{ color:#000;background:none;}
@media screen and (max-width:1024px)
{
	.vido_tabBar .hd li{ width:20%; height:180px; }
	.vido_tabBar .hd li div{ padding:0;}
	.vido_tabBar .hd li.on{ background-image:none;}
	.vido_tabBar .hd ul{ margin:5px 0 15px 0; }
	
}
@media screen and (max-width:560px)
{
	
	.vido_tabBar .hd li{ width:33.33333333333%;  }
	.vido_tabBar .mobileList ul li{ font-size:3vw;}

}
@media screen and (max-width:400px)
{
	.vido_tabBar .hd li{ width:50%; }
	.vido_tabBar .hd ul{ margin-bottom:0; }
}
@media screen and (max-width:768px)
{
.head .img-logo,.hd{ display:none;}
.mobileList{ display:inherit;}
.head .img_logo_mobile{ display:inherit; max-height:50px;}
	.foot{ height:auto;}
	.foot_2 span{ display:block;overflow: hidden; width:100%;}
	.foot_2 img{ float:left;}
}
@media screen and (max-width:579px)
{
.vido_tabBar .mobileList ul li:nth-child(3){ width:98%;}
}



@media screen and (min-width:768px) and (max-device-width:1024px){ 
	
	.head{width:100%; margin: auto; min-height:40px ; padding:23px 10px;flex:auto }
	.head .img-logo{width: 350px;}
	.head .img-sv{max-height:50px; }.head .img-sv1{width:30px }
	.head span a{padding-top:10px;float: left}
	
	.back_input{max-width: 768px;}
	.back_input a{margin-right: 10px;}
	
	.vido_tabBar .hd li{max-width:100%; }
	.vido_tabBar .hd li img{ max-width:100%;  }
	
	.img_list{max-width:1024px; margin-left: 5px}
	.img_list ul li{width: 225px; margin-top: 15px; margin-left: 10px }
	.img_list ul li img{width: 233px}
	
} 


@media screen and (min-width:320px) and (max-device-width: 600px){ 
	
	.head{width:100%; min-height:20px; padding:10px 10px;}
	.head .img-logo{width:150px;}
	.head .img-sv{max-height:50px; }.head .img-sv1{width:15px }
	.head span a{padding-top:0;float: left}
	.head span img{padding: 2px}
	
	
	.back_b{height: 42px;}
	.back_input a{width:70px; height:30px; margin-top:12px; line-height:30px; font-size:0.8em; color:   #FFFFFF; background:url("images/back2.png") no-repeat left #ff5e75; 
		padding-left:30px; margin-right: 10px;
}
	.back_input a:hover{background:url("images/back2.png") no-repeat left #ed3d56 }
	
	.vido_tabBar .hd{ padding-bottom: 10px; /*font-size:0.5em*/ }
	.vido_tabBar .hd ul{max-width: 600px;}
	.vido_tabBar .hd li img{ max-width:100%; }
	.vido_tabBar .hd li.on{background:#f5f6f8 }
	
	.img_list{max-width:600px; margin-left: 10px; font-size: 0.8em}
	.img_list ul li{width: 155px; margin-top: 10px; margin-left: 10px;}
	.img_list ul li img{width: 100%}
	.img_list ul li span img{left:12px; top:15px;  width: 40px;}
	
	.foot{height:100px; font-size: 0.75em ; text-align: right }
	.foot_2{max-width:600px;}
} 




@media screen and (max-device-width: 320px) { 
	.vido_tabBar .hd li{ width:50%;  }
		.vido_tabBar .hd li img{ max-width:100%;  }
	
	.img_list ul li{width: 120px; }
	.img_list ul li img{width: 120px}
	
	.head .img-logo{width:90px;}
	.head .img-sv{max-width:120px; margin-top: 10px; }
	
}