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;
}
/* 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%;}
.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;}
.minHeight{ min-height: calc(100vh - 500px); overflow: hidden; position: relative;z-index: 2;}
.colorGreen{color: #0B3B8B ;}
.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;}
.autowidth{ width: 1366px; margin: auto;}
.banner{ padding: 8% 0; text-align: center;color: #fff; position: relative; margin-bottom: 40px;}

.centerLogo{ position: absolute; left: 0;right: 0;bottom: -40px;text-align: center;}

.noBread{ padding: 38px 0 37px 0;}
.serviceDefault_1{ padding:2% 0 3% 0;}
.serviceDefault_2{ margin-bottom: 4%;}
.serviceDefault_2 dd {background: #000; cursor: pointer; position: relative; color: #fff; float: left; width: 12.5%;text-align: center;}
.serviceDefault_2 dd .imgs{position: relative;z-index: 2; opacity: .8; -webkit-opacity: .8;}
.serviceDefault_2 dd:before{transition: .5s;z-index: 3; -webkit-transition: .5s; position: absolute; left: 0;right: 0;bottom: 0;background: #0B3B8B ; opacity: .8; -webkit-opacity: .8;content: '';height: 0;}
.serviceDefault_2 .tit{z-index: 3; position: absolute; left: 0;right: 0;top: 50%; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.serviceDefault_2 .tit span{line-height: 40px;white-space: nowrap; display: inline-block; min-width: 75px; padding: 0 20px; border: 2px solid #fff;border-radius: 25px;background: #000;background: rgba(0,0,0,.5);  font-size: 16px;}
.serviceDefault_2 .txt{z-index: 4; position: absolute; left: 0;right: 0;top: 50%;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); opacity: 0; -webkit-opacity: 0;}
.serviceDefault_2 .txt span{margin-top: 10%; display: inline-block; background: #fff;font-size: 14px; padding: 0 25px;color: #0B3B8B ; border-radius: 22px; line-height: 34px;}
.serviceDefault_2 dd.on .tit{ opacity: 0; margin-top: -40px;}
.serviceDefault_2 dd.on .txt{ opacity: 1;}
.serviceDefault_2 dd.on:before{ height: 100%;}

.bujuUL{ text-align: center; white-space: nowrap; font-size: 0;}
.bujuUL li{ display: inline-block; width: 25%; vertical-align: top;}
.bujuUL li img{ height: 80px; margin-bottom: 5px;}
.bujuUL li img,.kekaoUL li img,.bujuUL li ,.kekaoUL li,.numberUL li p{transition: .5s; -webkit-transition: .5s;}
.bujuUL li:hover img,.kekaoUL li:hover img{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.bujuUL li:hover ,.kekaoUL li:hover{color: #0B3B8B ;}
	
.service_1{min-height: 360px;}
.serviceItems .items{ padding: 4% 0;background-size: cover !important; }
.service_3{ min-height: 330px;}
.padding_p>p{ padding-bottom: 5px;}

.service_4 .clearfix>.fr{ width: 45%; text-align: right;}
.fanganUL li{ width: 20%;text-align: center; float: left; cursor: pointer; margin:2% 2.5% 0 2.5%}
.fanganUL li .quan{ display: block; width: 40px;height: 40px; border-radius: 50%;border: 1px solid #fff; position: relative; margin: auto; transition: .5s; -webkit-transition: .5s;}
.fanganUL li .quan:before{ position: absolute; left: 7px;top: 7px;right: 7px;bottom: 7px;border-radius: 50%;content: '';border: 1px solid #fff;}
.fanganUL li .quan:after{ position: absolute; left: 15px;top: 15px;right: 15px;bottom: 15px;border-radius: 50%;content: '';background: #fff;transition: .5s; -webkit-transition: .5s;}
.fanganUL li p{ margin-top: 20px;}
.fanganUL li.on .quan{ transform: scale(1.5); -webkit-transform: scale(1.5);}
.fanganUL li.on .quan:after{ left: 12px;right: 12px;top: 12px;bottom: 12px;}
.itemOL{ margin-top: 5%; min-height: 7em; overflow:hidden;}
.itemOL li{ /*display: none;*/ opacity:0; float:left; width:23%; padding:0 1%; font-size:15px; }
.itemOL li p{ overflow:hidden; position:relative; padding-left:50px;}
.itemOL li p span{ position:absolute; left:0; top:0; }
.itemOL li.on{ display: block;opacity:1;}
.fanganUL li.on .quan,.fanganUL li.on .quan:before{ border-color:#0B3B8B }
.fanganUL li.on .quan:after{ background:#0B3B8B }

.serviceItems .service_5{ padding-bottom: 1%;}
.paddingLeft{ padding-left: 5%; max-width: 50%;}
.paddingRight{ padding-right: 5%;max-width: 50%;}
.service_7{background: #eee;}