@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, img, ins, kbd, q, s, samp,
small, strike, tt, var, center,dl, dt, dd, ol, ul, li,
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: inherit;
}
strong,sub,sup,u, i,em{margin: 0;padding: 0;}
/* 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; font: inherit; margin: 0; padding: 0;}
input[type=text],input[type=button],input[type=submit],input[type=reset],input[type=password], button, textarea, select {outline:none;-webkit-appearance:none;border-radius: 0;transition:0.5s;-webkit-transition: 0.5s;}
input{border: 1px solid #ddd;background: transparent;cursor: pointer;}
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;}
body{ font-family: arial,"Microsoft YaHei",sans-serif;font-size: 16px;color: #333; line-height: 1.6;} 

a{transition:0.5s;-webkit-transition: 0.5s;color: inherit;}
img{vertical-align: middle;max-width: 100%;}
.scaleImg,.scaleImg2{overflow: hidden;display: block;}
.scaleImg img,.scaleImg2 img{ width: 100%;transition:1s;-webkit-transition: 1s;}
.scaleImg2 img{transform: scale(1.1);-webkit-transform: scale(1.1);}
*{-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;position: relative;} 
.txtCenter{ text-align: center;}
.inlineBlock{ display: inline-block;*display: inline;*zoom: 1;}
.blockImgDiv>img,.blockEle{display: block; width: 100%;}
.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;}
.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;}

.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; width: 40px; text-align: center; color: #fff; font-size: 26px; line-height: 40px; height: 40px;background: rgba(0,0,0,0.5);  position: fixed; right: 2.5%;bottom: 2%;z-index: 50; display: none;}
.scrollToTop img{display: block;width: 18px; margin:15px auto;}

@media only screen and (max-width:1400px ) {
	.font24{ font-size: 22px;}
	.font28{ font-size: 24px;}
	.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 ) {
	.overflowY{ overflow-y: auto; -webkit-overflow-scrolling: touch;}
	.overflowY::-webkit-scrollbar {width: 6px;height: 6px;}
	.overflowY::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(0,0,0,0.2); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);}
	.overflowY::-webkit-scrollbar-thumb:window-inactive {background: rgba(0,0,0,0.2);}
	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;}
	.scaleImg img:hover{transform: scale(1.05);-webkit-transform: scale(1.05);}
	.scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}
	.scrollToTop:hover{background: #3A67AB;color:#fff;}
}
@media only screen and (max-width:1060px ) {
	.navMenu {right: 2.5%;display: block; z-index:22;position: absolute;top:50%; margin-top: -12px; cursor: pointer; width:26px;height:24px;}
	.navMenu span{border-radius: 2px; position: absolute; left: 0;background: #3A67AB; 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;}

	.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: 16px;}
	.font20{ font-size: 18px;}
	.font24{ font-size: 20px;}
	.font32{ font-size: 20px;}
	.font36{ font-size: 22px;}
	.font40{ font-size: 24px;}
	.font48{ font-size: 26px;}
	.font56{ font-size: 30px;}
	.scrollToTop{width: 32px; line-height: 32px; height: 32px;}
	.scrollToTop img{width: 14px; margin:12px auto;}

}
@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: 17px;}
	.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;}
}



@media only screen and (max-width: 375px) {
	.font16{ font-size: 13px;}
	.font18{ font-size: 14px;}
	.font20{ font-size: 15px;}
	.font24{ font-size: 16px;}
	.font32{ font-size: 17px;}
	.font36{ font-size: 18px;}
}