﻿
/*通用banner*/
.banner{overflow:hidden; margin:0px auto 0px auto;padding: 20% 0;}
.banner .container{height:100%;}
.banner .contents{position:absolute;top:0px;left:0px;width:100%;padding: 20% 0;overflow: hidden;margin-top:108px;}
.banner .bannerLeft{ width:60px; height:60px; position:absolute; left:5%; top:40%; display:block; background:url("bann_btn.png") 0px 0px no-repeat;}
.banner .bannerRight{ width:60px; height:60px; position:absolute; right:5%; top:40%;display:block;background:url("bann_btn.png") -60px -0px no-repeat;}
.banner .content{position:absolute;top:0px;width:100%;padding: 12% 0;background-size: 100%;padding-top: 20%;}
.banner .content .container {
    position: relative;
    width: 100%;
	margin: 0px auto;
	overflow: hidden;
    height: 155px;
}
.banner .contentInfo{overflow: hidden;

	position: absolute;
	
	left: 100px;
	left: 20%;
	width: 61%;
	
	margin-top:-30px;
	
	z-index: 1;
	
	text-align: left;
	
	height: 100%;}
.banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:129px;left:2px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title{text-shadow:1px 1px 5px #263238;position:absolute;left:32px;top:25px;line-height:50px;font-size:50px;color:#fff;font-family:"微软雅黑";}
.banner .contentInfo .info{text-shadow:1px 1px 5px #263238;position:absolute;left:32px;top:90px;line-height:32px;font-size:30px;color:#fff;}
.banner .contentInfo .btn{text-shadow:0px 0px 5px #263238;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav{position:absolute;bottom:15px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.banner .bannerNav .bannerNavChild.on{background:#000;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}

.banner .catesbox{width:100%; height:40px;position:absolute;left:0;bottom:0;background:url(neiNavBg.png) left top repeat-x; z-index: 100;}
.banner .catesbox .catesdiv{width:1200px;height:40px;margin:0 auto;}
.banner .catesbox .catesdiv .sel{border-bottom:2px solid #0985cc;height:38px;}
.banner .catesbox .catesdiv ul li{width:auto;height:40px;float:left;line-height:40px;text-align:center;}
.banner .catesbox .catesdiv ul li a{min-width:90px;height:40px;display:block;font-size:13px;color:#fff;font-family: microsoft yahei; padding:0px 10px;}
.banner .catesbox .catesdiv ul li a:hover{ background-color:#1BBC9B;}




