.banner .bannerTitle{left:inherit;right:0px;width:100%;padding:0;height:160px;background:none;text-align:right;}
.banner .bannerTitle .title{text-shadow:0px 4px 0px rgba(158,158,158,0.2);-moz-text-shadow:0px 4px 0px rgba(158,158,158,0.2);-ms-text-shadow:0px 4px 0px rgba(158,158,158,0.2);-o-text-shadow:0px 4px 0px rgba(158,158,158,0.2);-webkit-text-shadow:0px 4px 0px rgba(158,158,158,0.2);}
.banner .bannerTitle .sub{float:right;background:#fff;margin-top:18px;box-shadow: 0px 2px 5px 0px rgba(158,158,158,0.3);-moz-box-shadow: 0px 2px 5px 0px rgba(158,158,158,0.3);-ms-box-shadow: 0px 2px 5px 0px rgba(158,158,158,0.3);-o-box-shadow: 0px 2px 5px 0px rgba(158,158,158,0.3);-webkit-box-shadow: 0px 2px 5px 0px rgba(158,158,158,0.3);}

.main{padding:0 0 38px 0;}
.main .mainTitle{margin-top:-38px;height:50px;background:#fff;border-bottom:0px;box-shadow: 0px 0px 10px 0px rgba(117,117,117,0.2);}
.main .mainTitle .title{line-height:50px;padding-left:14px;font-size:16px;color:#434343;}
.main .mainTitle .link{top:0px;bottom:0px;right:14px;margin:auto 0;}

.main .content{padding:30px 0;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .mainNav{position:relative;overflow:hidden;float:left;width:222px;min-height:445px;border-right:1px solid #dadbde;background:url(../images/shadow.png) no-repeat top right;}
.main .content .mainNav ul{width:150px;}
.main .content .mainNav li{position:relative;line-height:42px;}
.main .content .mainNav li .bg{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#00a8e8;}
.main .content .mainNav li .bg .pointer{position:absolute;top:0px;bottom:0px;right:-11px;height:20px;margin:auto 0;}
.main .content .mainNav li .title{position:relative;text-align:right;color:#656565;font-size:14px;border-bottom:1px solid #c0c1c5;}
.main .content .mainNav li .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.main .content .mainNav li .title span{ opacity:0;}
.main .content .mainNav li.on .bg{display:block;}
.main .content .mainNav li.on .title{color:#fff;transform:translateX(-15px);-moz-transform:translateX(-15px);-ms-transform:translateX(-15px);-o-transform:translateX(-15px);-webkit-transform:translateX(-15px);}
.main .content .mainNav li.on span{opacity:1;}
.main .content .mainNav li:hover .bg{display:block;}
.main .content .mainNav li:hover .title{color:#fff;transform:translateX(-15px);-moz-transform:translateX(-15px);-ms-transform:translateX(-15px);-o-transform:translateX(-15px);-webkit-transform:translateX(-15px);}
.main .content .mainNav li:hover span{opacity:1;}

.main .content .mainContent{width:900px;float:right;}
.main .content .mainContent .title{padding-right:58px;line-height:40px;border-bottom:2px solid #00a8e8;color:#0F8EB7;font-size:20px;display:inline-block;*display:inline;*zoom:1;}

@media (max-width: 639px) {
.banner .bannerTitle{height:120px;}
.banner .bannerTitle .sub{margin-top:14px;}

.main{padding:0 0 28px 0;}
.main .mainTitle{margin-top:-28px;}
.main .mainTitle .title{padding-left:14px;font-size:16px;}
.main .mainTitle .link{right:14px;}

.main .content{padding:20px 0;}

.main .content .mainNav{width:100%;min-height:inherit;height:auto;border:0px;}
.main .content .mainNav ul{width:100%;}
.main .content .mainNav li{line-height:38px;float:left;padding:0 12px;}
.main .content .mainNav li .bg .pointer{right:-11px;height:20px;display:none;}
.main .content .mainNav li .title{font-size:14px;border:0px;}
.main .content .mainNav li span{display:none;}
.main .content .mainNav li:hover .title{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}
.main .content .mainNav li.on .title{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}

.main .content .mainContent{width:100%;padding:20px 0 0 0;}
.main .content .mainContent .title{padding-right:44px;line-height:40px;border-bottom:2px solid #00a8e8;font-size:20px;}

}
@media (min-width: 640px) and (max-width:1023px ) {
.banner .bannerTitle{height:120px;}
.banner .bannerTitle .sub{margin-top:14px;}

.main{padding:0 0 28px 0;}
.main .mainTitle{margin-top:-28px;}
.main .mainTitle .title{padding-left:14px;font-size:16px;}
.main .mainTitle .link{right:14px;}

.main .content{padding:20px 0;}

.main .content .mainNav{width:100%;min-height:inherit;height:auto;border:0px;}
.main .content .mainNav ul{width:100%;}
.main .content .mainNav li{line-height:38px;float:left;padding:0 12px;}
.main .content .mainNav li .bg .pointer{right:-11px;height:20px;display:none;}
.main .content .mainNav li .title{font-size:14px;border:0px;}
.main .content .mainNav li span{display:none;}
.main .content .mainNav li:hover .title{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}
.main .content .mainNav li.on .title{transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;-webkit-transform:none;}

.main .content .mainContent{width:100%;padding:20px 0;}
.main .content .mainContent .title{padding-right:44px;line-height:40px;border-bottom:2px solid #00a8e8;font-size:20px;}



}
@media (min-width: 1024px) and (max-width:1440px ) {
.banner .bannerTitle{height:120px;}
.banner .bannerTitle .sub{margin-top:14px;}

.main{padding:0 0 28px 0;}
.main .mainTitle{margin-top:-28px;}
.main .mainTitle .title{padding-left:14px;font-size:16px;}
.main .mainTitle .link{right:14px;}

.main .content{padding:20px 0;}
.main .content .mainNav{width:190px;min-height:445px;}
.main .content .mainNav ul{width:150px;}
.main .content .mainNav li{line-height:38px;}
.main .content .mainNav li .bg .pointer{right:-11px;height:20px;}
.main .content .mainNav li .title{font-size:14px;}
.main .content .mainNav li.on .title{transform:translateX(-15px);}

.main .content .mainContent{width:675px;}
.main .content .mainContent .title{padding-right:44px;line-height:40px;border-bottom:2px solid #00a8e8;font-size:20px;}

}
@media (min-width: 1441px) and (max-width:1920px ) {

}