@charset "utf-8";
/* CSS Document */
@media (max-width:780px) {
*::selection {background: rgba(246, 150, 3, 0.5); color: #fff;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-webkit-text-size-adjust: none; }
.ani, .ani *,.ani:after,.ani:before,.ani *:after,.ani *:before { transition-property: all; -ms-transition-property: all; -moz-transition-property: all; -webkit-transition-property: all; -o-transition-property: all; transition-duration: .2s; -ms-transition-duration: .2s; -moz-transition-duration: .2s; -webkit-transition-duration: .2s; }
.noani, .noani * { transition-duration: 0s; -ms-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; }
from, div, dl, dd, dt, ol, ul, li, a, img, input, h1, h2, h3, h4, h5, h6, table, a, p, form, em, i { margin: 0; padding: 0; border: 0; font-weight: normal; }
ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, em, i { list-style-type: none; font-style: normal; }
body {
	margin: 0 auto;
	padding: 0;
	font: normal 14px/2 "Microsoft YaHei", "SimHei", "SimSun", "Helvetica Neue", Arial !important;
	/*font: normal 14px/2 "Helvetica Neue", "Arial","PingFang SC","\5FAE\8F6F\96C5\9ED1", "SimHei", "SimSun";*/
	color: #666;
	word-break: break-all;
	text-align: justify;
	background: #fff;
    max-width:750px; 
    min-width: auto !important;
	}
img, li {vertical-align: middle !important;}
input { font-family: "Microsoft YaHei" }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; }
*:focus { outline: none;}
a { text-decoration: none; color: #858687; }
a:hover {/*color: #f69603;*/}
.fl { float: left !important;}
.fr { float: right !important;}
.wrap { margin: 0 auto; max-width: 750px; padding-left: 20px; padding-right: 20px; }
img { max-width: 100%; }

.textindent { text-indent: 0 !important; }
.border-none { border: none !important; }
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hidden { display: none; }
.vh-center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }
.h-center { position: absolute; left: 50%; transform: translateX(-50%) }
.v-center { position: absolute; top: 50%; transform: translateY(-50%) }
@font-face {
  font-family: 'iconfont';  /* project id 398496 */
  src: url('../fonts/font_398496_837rwm7z7oo.eot');
  src: url('../fonts/font_398496_837rwm7z7oo.eot') format('embedded-opentype'),
  url('../fonts/font_398496_837rwm7z7oo.woff2') format('woff2'),
  url('../fonts/font_398496_837rwm7z7oo.woff') format('woff'),
  url('../fonts/font_398496_837rwm7z7oo.ttf') format('truetype'),
  url('../fonts/font_398496_837rwm7z7oo.svg#iconfont') format('svg');
}
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; vertical-align: middle; }
body.on {overflow: hidden;width: 100%;height: 100%;}
body.on:before {content: '';position: fixed;left: 0;top: 100px;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.4);z-index: 100;display: none;}
.pagaHeader{height: 90px; background: #f2f3f5;  position: relative; }
.Header-bar{background: #f2f3f5;border-bottom: 1px solid #ececec;width: 100%;height:90px;position: fixed;padding:0 200px;line-height: 89px;text-align: center;z-index: 99;}
.Header-bar h1{display: inline-block; font-size: 26px; color: #252628;}
.Header-bar .logo{width: 214px; height: 89px; background: url("../images/logo-mobile.png") no-repeat 50% 50%; display: inline-block;float: none;padding: 0;}
.Header-bar .home{position: relative;/* background: url("../images/icon-home.png") no-repeat 50% 14px; */display: block;float: left;margin-left: -100px;width: 80px;height: 89px;line-height: 1;font-size: 20px;color: #252628;text-align: center;padding: 58px 0 0 0;}
.Header-bar .home:before{content:'';width: 1px;height: 50px;background: #ceced0;position: absolute;left: 0;top: 50%;margin-top: -25px;}
.Header-bar .back{font-size: 30px;width: 100px;height: 89px;float: left;display: block;margin-left: -200px;line-height: 100px;overflow: hidden;color: #626262;}
.Header-bar .back:after,.Header-bar .home:after{content: '返回';font-size: 20px;display: block;padding: 5px 0 0 0;color: #1d2023;}
.Header-bar .home:after{content: '首页';}
.Header-bar .back,.Header-bar .home{line-height: 1;padding: 20px 0 0 0;font-size: 26px;}
.Header-bar .search{font-size: 34px;width: 60px;height: 89px;float: right;display: block;margin-right: -160px;line-height: 89px;overflow: hidden;color: #626262;text-align: right;}
.Header-bar .navBtn {position: absolute;left: 0;}
.Header-bar .navBtn span {float: none;display: none;margin: 0px;font-size: 40px;min-width: 120px;}
.Header-bar .navBtn span:first-of-type { display: block; }
.Header-bar .navBtn span:last-of-type { }
.Header-bar .navBtn span:active { color: rgb(246, 150, 3); }
.Header-bar .navBtn.on span { display: block; }
.Header-bar .navBtn.on span:first-of-type { display: none; }


.HeaderNavBar{height: 90px;width: 100%;border-bottom: 1px solid #ececec;background: #f2f3f5;position: fixed;top: 0;z-index: 9;overflow: hidden;}
.HeaderNav{height: 89px; /*position: relative;*/}
.HeaderNav ul{height: 89px;background: #f2f3f5;width: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
.HeaderNav li{float: left;/* width: 14.28%; */ /*padding: 0 33px;*/ width: auto; padding: 0 20px;}
.HeaderNav li:first-of-type{padding-left: 0;}
.HeaderNav li:last-of-type{padding-right: 0;}
.HeaderNav li a{display: block;font-size: 26px;color: #1d2023;text-align: center;position: relative;line-height: 89px;}
.HeaderNav li a:before{content: '';position: absolute;left: 0;top: 65px;width: 100%;height: 2px;background: #006edd;opacity: 0;}
.HeaderNav li.on a{color: #006edd;}
.HeaderNav li.on a:before{opacity: 1;}
.HeaderNav .arrow{}
.HeaderNav .prev{
    width: 60px;
    height: 90px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    background-image: -moz-linear-gradient( 180deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(242 243 245) 0%, rgb(255 255 255 / 0%) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
}
.HeaderNav .next{
      width: 60px;
      height: 90px;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 9;
      background-image: -moz-linear-gradient( 180deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
      background-image: -webkit-linear-gradient( 180deg, rgb(242 243 245) 0%, rgb(255 255 255 / 0%) 100%);
      background-image: -ms-linear-gradient( 180deg, rgb(255,255,255) 0%, rgba(255,255,255,0) 100%);
}
.HeaderNav .swiper-button-disabled{opacity: 0;}



.nav-mobile{background: #fff;position: fixed;z-index: 99999;width: 100%;left: 0;top: 75px;bottom: 0;font-size: 40px;padding: 10px 40px 0;overflow-y: scroll;transform: translateX(110%);text-align: left;}
.nav-mobile.on{transform: translateX(0);}
.nav-mobile > ul{}
.nav-mobile li.m{border-bottom: 1px solid #727476;}
.nav-mobile li.m h3 a{display: block;position: relative;font-size: 26px;color: #1d2023;line-height: 90px;}
.nav-mobile li.m h3 a i{position: absolute;right: 0;top: 0;width: 90px;height: 90px;line-height: 90px;text-align: right;font-size: 30px;/* font-weight: bold; */text-align: center;margin-right: -30px;}
.nav-mobile li.m h3 a i{/* display:none */}
.nav-mobile li.m.m2 h3 a i{ display:block;}
.nav-mobile li.m2 h3 a i:last-of-type{/* display: none; */}
.nav-mobile li.m2.on h3 a i{/* display: none;*/transform: rotate(45deg);/* text-align: center; */}
.nav-mobile li.m2.on h3 a i:last-of-type{/* display: block;*/}
.nav-mobile .sub{padding: 0 0 35px;}
.nav-mobile .sub li{border-top: 1px solid #727476;}
.nav-mobile .sub li a{font-size: 24px;line-height: 80px;color: #1d2023;padding: 0 45px;}
.nav-mobile li.m2{max-height: 91px;overflow: hidden;transition: max-height 0.5s;}
.nav-mobile li.m2.on{max-height: 2000px;}
.nav-mobile .active h3 a,.nav-mobile .active li a{ /*color: #f69603!important*/}
.headerSubNav-bar{height: 90px;position: relative; overflow: hidden;}
.headerSubNav{height: 90px;position: absolute;left: 0;top: 0;width: 100%;background: #fff;z-index: 9;}
.headerSubNav ul{padding: 0 0 0 20px;}
.headerSubNav li{float: left;/* width: 25%; */padding: 0 20px;}
.headerSubNav li a{line-height: 90px;font-size: 24px;color: #252628;text-align: center;display: block;position: relative;}
.headerSubNav li.on a{color: #006edd; }
.headerSubNav li.on a:before{content: '';position: absolute;left: 50%;top: 71px;margin-left: -35px;width: 70px;height: 2px;background: #006edd;}
.headerSubNav .arrow{width: 90px;height: 90px; background: #fff; position: absolute;right: 0;top: 0;z-index: 9;}
.headerSubNav .arrow .prev,.headerSubNav .arrow .next{width: 30px;height: 90px;float: left;line-height: 90px;text-align: center;font-size: 22px;color: #0c75df;font-weight: bold;}
.headerSubNav .arrow .swiper-button-disabled{color: #83b8ee;}
.headerSubNav .arrow .prev{}
.headerSubNav .arrow .next{ position: relative; margin: 0 0 0 2px;}
.headerSubNav .arrow .next:before{content: '';width: 2px;height: 26px;background: #7fb6ee;top: 50%;margin-top: -13px;position: absolute;left: 0;}
.headerSubNav-bar.on .headerSubNav{position:fixed;top: 90px;}








.pageFooter{background: #4a4f55;padding: 30px 40px 80px;color: #fff;font-size: 30px;line-height: 60px;}
.FooterNav{position: inherit;transform: translateX(0%);padding: 0;background: none;}
.FooterNav ul{margin: 0 -40px 0 0;}
.FooterNav li.m {max-height: 111px;}
.FooterNav li.m h3 a{color: #fff;line-height: 110px;font-size: 30px;}
.FooterNav li.m h3 a i{margin-right: 0;color: #ababab;width: 110px;height: 110px;line-height: 110px;}
.FooterNav .sub li{border: none;}
.FooterNav .sub li a{line-height: 100px; color: #c0c0c0; padding: 0; font-size: 30px;}
.footerHelp{border-bottom: 1px solid #727476;padding: 66px 0 30px;}
.footerHelp a{color: #fff;}
.footerHelp span{color: #c0c0c0;}
.copy{padding: 40px 0 30px;font-size: 22px;color: #a5a5a5;line-height: 30px;}

.copyTool {position: fixed;width: 100%;left: 0;bottom: 0;z-index: 9;height: 90px;/*background: #2f2f30;*/padding: 0;overflow: hidden;}
.copyTool ul {overflow: hidden;height: 90px;background: #3a3d42;}
.copyTool li {float: left;width: 50%;text-align: center;text-align-last: center;background: #ff3f00;background-image: -moz-linear-gradient( 0deg, rgb(253,104,55) 0%, rgb(255,63,0) 0%, rgb(248,97,48) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(253,104,55) 0%, rgb(255,63,0) 0%, rgb(248,97,48) 100%);background-image: -ms-linear-gradient( 0deg, rgb(253,104,55) 0%, rgb(255,63,0) 0%, rgb(248,97,48) 100%);}
.copyTool li a {height: 90px;line-height: 90px;color: #fff;font-size: 30px;}
.copyTool li a img {margin-left: 15px;width: 26px;}
.copyTool li:nth-of-type(2) {background-color: #006edd;background-image: -moz-linear-gradient( 0deg, rgb(0,110,221) 0%, rgb(14,129,246) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(0,110,221) 0%, rgb(14,129,246) 100%);background-image: -ms-linear-gradient( 0deg, rgb(0,110,221) 0%, rgb(14,129,246) 100%);}
.copyTool.on{}
.copyTool.on li{width: 33.33333%;}
.copyTool li.top{ width: 0%; }
.copyTool.on li.top{width: 33.33333%;}
.copyTool li.top a{display: block;background: #3a3d42;color: #fff;}
.copyTool li.top a i{/* display: block; */font-size: 34px;}
.copyTool li.top a span{/* display: block; */font-size: 30px;}
.copyTool.hidden{display: none;}

.BreadCrumb{height: 0; position: relative;}
.BreadCrumb .BreadCrumbHull{position:absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #b7b7b7;}
.BreadCrumb a{ color: #b7b7b7;}
.BreadCrumb a:hover{color: #f69603;}
.BreadCrumb span{}
.BreadCrumb p{float: right;}
.BreadCrumb em{color: #f69603;}

.loaDmore{ text-align:center; margin-top:30px;}
.loaDmore a{ border:1px solid #ddd; border-radius:4px; display:inline-block; font-size:15px; line-height:30px; background:#fff; padding:0 10px; color:#333;}
.loaDmore a span{ color:#ddd; padding:0 0 0 5px; font-size:14px;}
.loaDmore a:hover{ /*color:#fff; background:#4276e1;*/}
.loaDmore a:hover span{/*color:#fff; */}
.loaDmore a.disabled,.loaDmore a.disabled span{color:#ddd !important; border-color:#ddd !important; background:#fff !important}

/* body{ background: #f6f7fc} */

.section-tel{padding: 0 40px 0;}
.section-tel h2,.section-map h2,.section-about h2,.section-history h2{font-size: 46px;line-height: 1;color: #1d2023;/*font-weight: lighter;*/padding: 120px 0 60px;text-align: center;}
.section-tel ul{background: #FFF;border: 1px solid #d9dde8;box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.08);}
.section-tel li{font-size: 34px;color: #1d2023;text-align: center;padding: 38px 0;line-height: 40px;}
.section-tel li:first-of-type{border-bottom: 1px dashed #d9dde8;}
.section-tel li img{margin: 0 25px 0 0;}
.section-tel li span{color: #006edd;}
.section-tel li a{color: #1d2023;}

.section-QR{padding: 60px 25px 0px;}
.section-QR ul{}
.section-QR li{float: left;width: 50%;text-align: center;padding: 0 55px;/* box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.08); */}
.section-QR a{display:inline-block;}
.section-QR a span{display: block;border: 1px solid #c1c1c1;border-radius: 5px;font-size: 34px;line-height: 65px;color: #626262;margin: 30px auto 0;/*font-weight: lighter;*/}
.section-QR a span i{ font-size: 26px; padding: 0 10px 0 0; color: #7fd45b;}
.section-QR img{background: #fff;padding: 5px;box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.08);}
.section-map{padding: 0 40px 110px;text-align: center;}
.section-map img{}
.section-map iframe{ vertical-align:middle; margin-bottom: 15px;}
.section-map p{font-size: 30px;line-height: 50px;color: #1d2023;padding: 50px 0 0 0;}
.section-map p i{color: #b8b8b8;font-size: 32px;padding: 0 10px 0 0;/*font-weight: lighter;*/}


.section-about{padding: 0 40px 90px;}
.section-about h2{}
.section-about p{padding: 20px 0px;font-size: 30px;line-height: 50px;color: #1d2023;}
.section-about img{margin: 110px 0 30px;}
.section-about img:first-of-type{margin-top:0}

.section-history{padding: 0 40px 120px;}
.section-history h2{}
.section-history ul{position: relative;}
.section-history ul:before{content: '';width: 1px;height: 100%;background: #d0ddee;position: absolute;left: 0;top: 0;}
.section-history li{box-shadow: 0px 3px 59px 0px rgba(0, 0, 0, 0.08);background: #fff;margin-bottom: 30px;padding: 30px 35px 20px;}
.section-history li:last-of-type{margin:0}
.section-history li span{display: block;line-height: 1;font-size: 34px;color: #006edd;position: relative;}
.section-history li span:before{content: '';width: 8px;height: 8px;background: #fff;border-radius: 15px;border: 4px solid #006edd;position: absolute;left: -43px;top: 50%;margin-top: -8px;}
.section-history li h3{font-size: 34px;color: #111;line-height: 1;margin-top: 30px;}
.section-history li img{margin-top: 30px;}
.section-history li p{font-size: 30px;line-height: 50px;color: #666;padding: 20px 0 0 0;}

.caseList{padding: 0 40px 100px;}
.caseList ul{}
.caseList li{padding: 40px 0 20px;}
.caseList li .bd{padding: 40px 40px 50px;}
.caseList li a{background: #fff;display: block;}
.caseList li a img{}
.caseList li a h2{font-size: 34px;line-height: 48px;color: #1d2023;margin-bottom: 20px;}
.caseList li a .desc{font-size: 30px;line-height: 53px;color: #445164;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 18px;}
.caseList li a p{font-size: 24px;line-height: 1;color: #445164;}
.caseList .tips{ padding: 40px 0 0 0; text-align: center}
.caseList .tips span{display: inline-block;border: 1px solid #dbdcde;border-radius: 5px;filter: 18px;color: #626262;line-height: 50px;padding: 0 30px;font-size: 18px;}
.caseList .tips i{font-weight: bold; color: #d7d7da; padding: 0 0 0 10px;}

.newsContainer{padding: 20px 20px !important;}
.newsLeftWrap{width: 100%;float: left;border-radius: 10px;}
.newsLeftHull{/* border: 1px solid #ebebeb; */background: #fff;border-radius: 4px;padding: 0px 20px 15px;/* margin-bottom: 24px; */border-radius: 10px;}
.newsLeftHull .title{border-bottom: 1px dotted #dedede;}
.newsLeftHull .title a{display: block;line-height: 80px;color: #333;font-size: 30px;}
.newsLeftHull .title a i{float: right;color: #71747f;font-size: 26px;}
.newsLeftHull .title a:hover{color: #f69603;}
.newsLeftHull .list{}
.newsLeftHull .list ul{ overflow: hidden;}
.newsLeftHull .list li{border-top: 1px dotted #d9dde8;margin-top: -1px;}
.newsLeftHull .list li a{display: block;color: #626262;position: relative;padding: 25px 0 25px 280px;}
.newsLeftHull .list li a img{float: left;margin-left: -280px;border-radius: 10px;max-width: 240px;max-height: 180px;}
.newsLeftHull .list li a i{float: left;font-size: 14px;color: #c7c7c7;}
.newsLeftHull .list li a h2{float: left;overflow: hidden;/* max-width: 600px; */font-size: 34px;line-height: 50px;color: #1d2023;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 30px;min-width: 390px;}
.newsLeftHull .list li a .views{/* float: right; */margin: 0;background: url("../images/icon.png") no-repeat 0 50%;font-size: 24px;color: #494f69;line-height: 24px;padding: 0 0 0 30px;/* display: block; *//* width: 1000%; */}
.newsLeftHull .list li a:active{ color: #006edd;}
.newsLeftHull .list li a:active:before{background: #006edd}

.detailTitle{padding: 40px 20px 40px;text-align: center;font-size: 14px;color: #aaa;}
.detailTitle h1{font-size: 46px;color: #2b2b2d;line-height: 1.5;}
.detailTitle p{line-height: 20px;padding: 10px 0;font-size: 20px;}
.detailTitle .last{text-align: left;line-height: 20px;}
.detailTitle .last i{}
.detailTitle .last a{color: #aaa;}
.detailCon{font-size: 30px;line-height: 50px;color: #1d2023;padding: 0 20px 0px;}
.detailCon p{padding: 25px 0;font-size: 30px;line-height: 50px;}
.detailCon p span,.detailCon span{font-size: 30px!important;line-height: 50px!important;}
.detailCon img{ display: block; margin: 8px auto; border-radius: 5px;}
.detailCon a{ color: #006edd;}
.dianZan{text-align:center;margin-top: 30px;padding-bottom: 20px;}
.dianZan a{display:inline-block; color:#ccc;}
.dianZan a i{ width:50px; line-height:50px; font-size:50px; float:left;}
.dianZan a span{float:left; width:50px; line-height:20px; padding:5px 0;}
.dianZan a:hover i{ color:#cee1ff;}
.dianZan a.on{ cursor:text; position:relative;}
.dianZan a.on i{color:#cee1ff;}
.dianZan a.on:before{position:absolute;content:'';width:100%;height:100%;left: 0;top: 0;}

.DetailPage{}
.DetailPage{margin: 0 0px;padding: 35px 20px 50px;border-top: 1px solid #e0e0e0;}
.DetailPage li{float: left;width: 100%;/* padding: 10px 10px; *//* height: 60px; */border-top: 1px solid #dedede !important;line-height: 60px;padding: 20px 0 0 0;}
.DetailPage li a{display:block;position:relative;/* padding:0 0 0 40px; */line-height: 1;}
.DetailPage li a i{width: 26px;height: 26px;border-radius: 26px;border:1px solid #5785e5;text-align:center;color:#5785e5;font-size: 14px;line-height: 26px;position:absolute;left:0;top: 2px;}
.DetailPage li,.DetailPage li a {font-size: 30px;color: #006edd;}
.DetailPage li:last-of-type{/* float:right; */border: 0!important;padding: 0;}
.DetailPage li:last-of-type a{padding: 0 0px 0 0;/* text-align: right; */}
.DetailPage li:last-of-type a i{ left:inherit; right:0}
.DetailPage li.on a{ display:none;}
.DetailPage li a:hover p{ color: #f69603;}

}