@charset "utf-8";

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

 u, i, center,

dl, dt, dd, ol, ul, li,input,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}
strong{ font-weight:600}

/* HTML5 display-role reset for older browsers */

/*:first-child  filter:alpha(opacity=50);*/

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

:focus {outline:0;}

input, button, textarea,select, optgroup, option {resize: none;}

input[type=text],input[type=button],input[type=submit], button, textarea, select {outline:none;-webkit-appearance:none;border-radius: 0; line-height: 1.5;}

input[type=text]{background: transparent; border: 1px solid #ddd; }

input[type=button],input[type=submit]{ line-height: 30px;border: none;background: #ccc;cursor: pointer;transition:0.5s;-webkit-transition: 0.5s;}

ol{list-style: none;}

table{border-collapse:collapse;border-spacing:0;/*表格自动换行*/table-layout:fixed;word-wrap:break-word; }

table td{ border: 1px solid #dcdcdc;}

caption, th{text-align:center;}

:link, :visited , ins {text-decoration: none;}

a,.transition5{transition:0.5s;-webkit-transition: 0.5s; color: inherit;}

img{vertical-align: middle;max-width: 100%;}

.scaleImg,.scaleImg2{overflow: hidden;}

.scaleImg img,.scaleImg2 img{ width: 100%;transition:0.9s;-webkit-transition: 0.9s;}

.scaleImg2 img{transform: scale(1.03);-webkit-transform: scale(1.03);}





*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/*去掉手机端a链接点击时候出现的边框*/

.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  

.clearfix:after { clear: both; }  

.clearfix { zoom: 1; } 

.fl,.floatLeft{float:left;}

.fr,.floatRight{float:right;}

.position2{ position: relative;z-index: 2;}

.position3{ position: relative;z-index: 3;}

.position4{ position: relative;z-index: 4;}

.singleTxt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.overHidden{ overflow: hidden;} 

.inlineBlock{ display: inline-block;*display: inline;*zoom: 1;}

.imgs>img,.blockImg{display: block; width: 100%;}

.blockImg{width: 98%;}

.verTop{ vertical-align: top;}

.verMid{ vertical-align: middle;}

.versub{ vertical-align: sub;}

.flex{ display: flex;display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}

.flexCenter{ display: flex;display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; align-items: center;-webkit-align-items;}

.centerTxt{ text-align: center;}



.marginTop1{margin-top:1%;}

.marginTop2{margin-top:2%;}

.marginTop3{margin-top:3%;}

.marginTop4{margin-top:4%;}

.marginTop5{margin-top:5%;}

.marginBot1{margin-bottom:1%;}

.marginBot2{margin-bottom:2%;}

.marginBot3{margin-bottom:3%;}

.marginBot4{margin-bottom:4%;}

.marginBot5{margin-bottom:5%;}



.paddingTop5{ padding-top: 5%;}

.paddingTop4{ padding-top: 4%;}

.paddingTop3{ padding-top: 3%;}

.paddingTop2{ padding-top: 2%;}

.paddingTop1{ padding-top: 1%;}

.paddingBot5{ padding-bottom: 5%;}

.paddingBot4{ padding-bottom: 4%;}

.paddingBot3{ padding-bottom: 3%;}

.paddingBot2{ padding-bottom: 2%;}

.paddingBot1{ padding-bottom: 1%;}

.font12{ font-size: 12px;}

.font14{ font-size: 14px;}

.font15{ font-size: 15px;}

.font16{ font-size: 16px;}

.font18{ font-size: 18px;}

.font20{ font-size: 20px;}

.font24{ font-size: 24px;}

.font30{ font-size: 30px;}

.font32{ font-size: 32px;}

.font36{ font-size: 36px;}

.font40{ font-size: 40px;}

.font48{ font-size: 48px;}

.font56{ font-size: 56px;}

.color333{ color: #333;}

.colorfff{ color: #fff;}

.coloraaa{ color: #aaa;}

.color000{ color: #000;}

.colorbbb{ color: #bbb;}

.colorccc{ color: #ccc;}

.color888{ color: #888;}

.color666{ color: #666;}

.navMenu{ display: none;}

.overflowY{ overflow-y: auto;}

.overflowY::-webkit-scrollbar {width: 6px;height: 6px;}

.overflowY::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(125,168,42,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}

.overflowY::-webkit-scrollbar-thumb:window-inactive {background: rgba(125,168,42,0.4);}

.loadings{ position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index: 9999; display: none\9;}

.loadings .gif{ position: absolute; left: 0;right: 0;text-align: center;top: 50%;margin-top: -20px;}

.scrollToTop{background: #333; background: rgba(0,0,0,0.5); display: block; position: fixed; right: 2%;bottom: 2%;z-index: 50;display: none;}

.scrollToTop img{display: block;width: 16px;padding: 12px 8px;}

.scrollToTop:hover{background: #0257b1;}



.navMenu {right: 2%;display: block; z-index:22;position: absolute;top:50%; margin-top: -12px; cursor: pointer; width:30px;height:24px;}

.navMenu span{border-radius: 2px; position: absolute; left: 0;background: #0257b1; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}

.navMenu .line1{ top: 0;}

.navMenu .line2{ top: 50%; margin-top: -1px;}

.navMenu .line3{ bottom: 0;}

.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}

.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}

.navMenu.on .line3{display: none;}



@media only screen and (max-width:1400px ) {

	.font24{ font-size: 22px;}

	.font30{ font-size: 26px;}

	.font32{ font-size: 28px;}

	.font36{ font-size: 30px;}

	.font40{ font-size: 34px;}

	.font48{ font-size: 40px;}

	.font56{ font-size: 50px;}

}





@media only screen and (max-width:1200px ) {

	.font20{ font-size: 19px;}

	.font24{ font-size: 20px;}

	.font30{ font-size: 22px;}

	.font32{ font-size: 26px;}

	.font36{ font-size: 28px;}

	.font40{ font-size: 30px;}

	.font48{ font-size: 34px;}

	.font56{ font-size: 40px;}

}



@media only screen and (min-width:1200px ) {

	body::-webkit-scrollbar {width: 10px; height: 10px;}

	body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}

	body::-webkit-scrollbar-thumb {border-radius: 10px;background: #aaa; -webkit-box-shadow: inset 0 0 6px #ccc;}

	body::-webkit-scrollbar-thumb:window-inactive {background: #aaa;}

	.overScroll::-webkit-scrollbar {width: 5px; height: 5px;}

	.overScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}

	.overScroll::-webkit-scrollbar-thumb {border-radius: 5px;background: #0257b1; -webkit-box-shadow: inset 0 0 6px #ccc;}

	.overScroll::-webkit-scrollbar-thumb:window-inactive {background: #0257b1;}

	.scaleImg img:hover{transform: scale(1.04);-webkit-transform: scale(1.04);}

	.scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}

}





@media only screen and (max-width:960px ) {

	.font30{ font-size: 20px;}

	.font32{ font-size: 22px;}

	.font36{ font-size: 26px;}

	.font40{ font-size: 28px;}

	.font48{ font-size: 32px;}

	.font56{ font-size: 36px;}

}







@media only screen and (max-width:640px ) {

	.font18{ font-size: 17px;}

	.font20{ font-size: 18px;}

	.font24{ font-size: 20px;}

	.font30{ font-size: 20px;}

	.font32{ font-size: 20px;}

	.font36{ font-size: 22px;}

	.font40{ font-size: 24px;}

	.font48{ font-size: 26px;}

	.font56{ font-size: 30px;}

}







@media only screen and (max-width:480px ) {

	.font16{ font-size: 14px;}

	.font18{ font-size: 15px;}

	.font20{ font-size: 16px;}

	.font24{ font-size: 17px;}

	.font30{ font-size: 18px;}

	.font32{ font-size: 18px;}

	.font36{ font-size: 20px;}

	.font40{ font-size: 22px;}

	.font48{ font-size: 23px;}

	.font56{ font-size: 24px;}

	

	.paddingTop5{ padding-top: 25px;}

	.paddingTop4{ padding-top: 20px;}

	.paddingTop3{ padding-top: 15px;}

	.paddingTop2{ padding-top: 10px;}

	.paddingTop1{ padding-top: 5px;}

	.paddingBot5{ padding-bottom: 25px;}

	.paddingBot4{ padding-bottom: 20px;}

	.paddingBot3{ padding-bottom: 15px;}

	.paddingBot2{ padding-bottom: 10px;}

	.paddingBot1{ padding-bottom: 5px;}

	

	.marginTop1{margin-top:5px;}

	.marginTop2{margin-top:10px;}

	.marginTop3{margin-top:15px;}

	.marginTop4{margin-top:20px;}

	.marginTop5{margin-top:25px;}

	.marginBot1{margin-bottom:5px;}

	.marginBot2{margin-bottom:10px;}

	.marginBot3{margin-bottom:15px;}

	.marginBot4{margin-bottom:20px;}

	.marginBot5{margin-bottom:25px;}

}