body {font-size:16px; color:#000; font-family:'PingFangSC-Regular', Helvetica, sans-serif, FontAwesome; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
input,textarea,select,button {color:#000; outline:none;}
a {color:#000; text-decoration:none; outline:none; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease;}
a:hover {color:#364571;}

@font-face {font-family:"PingFangSC-Thin";
    src:url("../fonts/PingFangSC-Thin.woff") format("woff"),;
    src:local("☺"), url("../fonts/PingFangSC-Thin.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face {font-family:"PingFangSC-Semibold";
    src:url("../fonts/PingFangSC-Semibold.woff") format("woff"),;
    src:local("☺"), url("../fonts/PingFangSC-Semibold.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face {font-family:"PingFangSC-Regular";
    src:url("../fonts/PingFangSC-Regular.woff") format("woff"),;
    src:local("☺"), url("../fonts/PingFangSC-Regular.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face {font-family:"PingFangSC-Medium";
    src:url("../fonts/PingFangSC-Medium.woff") format("woff"),;
    src:local("☺"), url("../fonts/PingFangSC-Medium.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}
@font-face {font-family:"PingFangSC-Light";
    src:url("../fonts/PingFangSC-Light.woff") format("woff"),;
    src:local("☺"), url("../fonts/PingFangSC-Light.woff") format("woff");
    font-weight:normal;
    font-style:normal;
}


img {width: 100%; display: block;}

.TopBar {position: fixed; width: 100%; top: 0px; height: 60px; background: #fff; z-index: 10; padding: 20px 0px;}
.Logo {float: left; width: 180px;}


.Wrap {width: 1170px; margin: auto;}

.Frame {padding: 60px 0px;}

.IndexAbout {position: relative;}
.IndexAbout > img {width: 720px;}
.IndexAbout img {border-radius: 0px 20px 0px 20px;}
.IndexAboutFrame {position: absolute; width: 430px; height: 220px; padding: 80px 10px 60px 110px; right: 0px; bottom: 0px; background: #fbfbfb; border-radius: 0px 20px 0px 0px;}
.IndexAboutFrame h2 {font-size: 30px; font-family:"PingFangSC-Light"; color: #364571;}
.IndexAboutFrame h3 {font-size: 36px; font-family:"PingFangSC-Medium"; font-weight: 400;}
.IndexAboutFrame h4 {font-size: 20px; font-family:"PingFangSC-Regular"; font-weight: 400; color: #666; padding: 10px 0px;}
.IndexAboutFrame p {color: #666; line-height: 25px; font-size: 18px;}


.IndexWhy {padding: 60px 0px; background: url(../image/index_why.jpg) no-repeat center center; color: #fff; text-align: center;}
.IndexWhy h2 {font-size: 30px; font-family:"PingFangSC-Light";}
.IndexWhy h3 {font-size: 36px; font-family:"PingFangSC-Medium"; font-weight: 400; padding-bottom: 60px;}
.IndexWhy h4 {font-size: 48px; font-family:"PingFangSC-Medium"; display: inline-table;}
.IndexWhy span {display: inline-table;}
.IndexWhy li {float: left; border-right: #fff 1px solid; width: 291px; display: block;}
.IndexWhy li:last-child {border-right: none;}

.IndexAdvan {text-align: center;}
.IndexAdvan h2 {font-size: 30px; font-family:"PingFangSC-Light"; color: #364571;}
.IndexAdvan h3 {font-size: 36px; font-family:"PingFangSC-Medium"; font-weight: 400;}
.IndexAdvan li {float: left; width: 25%; padding: 30px 0px 0px 0px;}
.IndexAdvan > ul > li > img {width: 60px; margin: 0px auto 20px auto;}
.IndexAdvan h4 {font-size: 24px; font-family:"PingFangSC-Semibold"; font-weight: 400; color: #364571;}
.IndexAdvan p {color: #666; line-height: 25px; display: block; padding: 0px 20px;}

.Line_1 {position: absolute; width: 30px; height: 3px; background: #fff; top: 20px; right: 20px;}
.Line_2 {position: absolute; width: 3px; height: 30px; background: #fff; top: 20px; right: 20px;}
.Line_3 {position: absolute; width: 30px; height: 3px; background: #fff; bottom: 20px; left: 20px;}
.Line_4 {position: absolute; width: 3px; height: 30px; background: #fff; bottom: 20px; left: 20px;}


.IndexNews h2 {font-size: 30px; font-family:"PingFangSC-Light"; color: #364571; text-align: center;}
.IndexNews h3 {font-size: 36px; font-family:"PingFangSC-Medium"; font-weight: 400; text-align: center;}
.IndexNews li {float: left; width: 535px; border: #e7eaef 1px solid; border-radius: 10px; padding: 14px; margin: 20px 10px 0px 10px;}
.IndexNews > ul > li > a > img {float: left; width: 180px; margin-right: 20px;}
.IndexNews img {border-radius: 10px;}
.IndexNews h4 {color: #364571; font-size: 22px; font-weight: 400;}
.IndexNews span {color: #999; font-size: 14px; line-height: 30px;}
.IndexNews p { line-height: 20px;}

@-webkit-keyframes myfirst
{
  0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0%;
    }
}


.IndexClassMore a {display: block; width: 198px; padding: 10px 0px; color: #fff; background: linear-gradient(#fff 50%, #f0830c 50%); background-size: 100% 200%; background-position: 0 100%; margin: 50px auto 0px auto; text-align: center; border-radius: 5px;}
.IndexClassMore a:hover {-webkit-animation: myfirst 0.5s 1; background-position: 0 0%; color: #f0830c;}


.Bottom {background: #23365d; padding: 35px 0px; font-size: 14px;}
.Bottom p {color: #9ca2af; line-height: 25px;}
.Bottom a {color: #9ca2af; display: inline-block; padding-right: 10px;}
.Bottom > div > img {float: right; width: 160px; margin-top: 10px;}

.Contact {position: relative; margin-top: 90px;}
.ContactFrame {position: absolute; width: 960px; left: 50%; margin: 0px 0px 0px -480px; bottom: 20%;  color: #fff;}
.ContactFrame h2 {font-size: 30px; padding: 0px 0px 10px 15px; font-family:"PingFangSC-Medium"; font-weight: 400;}
.ContactFrame h3 {font-size: 16px; line-height: 30px; font-weight: 400; padding-left: 15px;}
.ContactFrame h4 {font-size: 16px; padding-bottom: 10px; font-weight: 400;}
.ContactFrame li {float: left; width: 290px; margin: 20px 14px 0px 14px; padding: 14px 0px; text-align: center; border: #fff 1px solid; background: rgba(255,255,255,0.2); border-radius: 20px;}
.ContactFrame i {width:60px; height:50px; display:block; text-align:center; margin: 0px auto 20px auto;}

.inner-ban {box-sizing: border-box; height: 250px; position: relative; margin-top: 90px; background-size: cover;}

.News li {border-bottom: #f1f1f1 5px solid; padding: 15px; margin: 0px 0px 15px 0px; background: #fff;}
.News li:hover {border-bottom: #364571 5px solid;}
.News > ul > li > a > img {float: left; width: 180px; margin-right: 20px;}
.News h2 {color: #364571; font-size: 22px; font-weight: 400;}
.News span {color: #999; font-size: 14px; line-height: 40px;}
.News p { line-height: 20px;}

.Path {background: #fff; padding: 15px; line-height: 20px;}
.Path h2 {font-size: 14px; font-weight: 400; float: left; color: #999; padding-right: 10px;}
.Path a {display: block; float: left; color: #666;}
.Path span {display: block; padding: 0px 10px; float: left;}
.Path p {float: left; color: #23365d;}

.Back a {display:block; border-bottom:#e0e1e2 1px solid; background:url(../image/arrow_back.png) no-repeat 5px center; line-height:55px; padding-left:30px; color:#23365d;}
.Back a:hover {background:#ebeff7 url(../image/arrow_back.png) no-repeat 5px center;}

.NewsDetail {width:1000px; float:right;}
.NewsDetailTitle {font-size:24px; padding:10px 0px 11px 0px; border-bottom:#e0e1e2 1px solid; margin-bottom:20px; font-family:"PingFangSC-Regular";}
.NewsDetailDate {font-style:italic; color:#999; padding-bottom:10px; display:block;}

.View li a {float: left; margin: 10px; width: 194px; background: #fff; padding: 10px; display: block;}
.View li a:hover {background: #23365d; color: #fff;}
.View p {text-align: center; padding-top: 10px;}

.Video li a {float: left; margin: 15px; width: 340px; background: #fff; padding: 10px; display: block;}
.Video li a:hover {background: #23365d; color: #fff;}
.Video p {text-align: center; padding-top: 10px;}

.CircleOne li {float: left; width: 320px; background: #fff; border-radius: 10px; margin: 0px 20px; padding: 15px;}
.CircleOne i {float: left; border-radius: 100%; border: #23365d 1px solid; width: 58px; line-height: 58px; text-align: center; margin-right: 20px; color: #23365d;}
.CircleOne h4 {font-size: 24px; font-family:"PingFangSC-Semibold"; font-weight: 400; color: #364571;}
.CircleOne p {color: #666; line-height: 20px; display: block; height: 40px;}

.AboutBg {background:url(../image/about_bg.jpg) no-repeat center center; height:500px; position:relative;}

.SmallTitle h2 {font-size:36px; text-align:center; padding-bottom:20px; font-family:"PingFangSC-Light";}
.SmallTitle p {line-height:25px; font-size: 18px; text-align:center; padding-bottom:20px;}
.SmallTitle span {display:block; background:#ccc; width:240px; height:1px; margin:0px auto 50px auto;}

.AboutImg {width:50%; float:left;}
.AboutFrame {width:50%; float:right;}
.AboutFrame ul {padding:30px;}
.AboutFrame li {padding:20px 0px; line-height:35px; font-size: 18px; background:url(../image/i_15.png) no-repeat left 27px; padding-left:30px;}
.AboutFrame li:last-child {padding-bottom:0px;}


.index_content .index_nav_wrap .index_nav {overflow:hidden;} 
.index_content .index_nav_wrap .index_nav li {float:left; width:33.3333%; position:relative; text-align:center; overflow:hidden;} 
.index_content .index_nav_wrap .index_nav li a {display:inline-block; width:100%;}

.index_content .index_nav_wrap .index_nav li a.wfEditorMode {display:inline-block; width:auto; position:absolute; right:0; top:0; margin-top:0; z-index:100000;}
.index_content .index_logo_slider li {float:left; text-align:center; background:#fff;}
.index_content .index_logo_slider li .logo_wrap {position:relative; border:1px solid rgb(220,220,220); padding:10px;}
.index_content .index_logo_slider li .logo_wrap .bg {vertical-align:middle; max-width:90%; margin:auto;}
.index_content .index_logo_wrap .pagination02 {text-align:center; position:absolute; width:132px; bottom:70px; left:50%; margin-left:-66px;}
.index_content .index_logo_wrap .pagination02 a {display:inline-block; width:10px; height:10px; font-size:0; margin:0 5px; border-radius:25px; border:#23365d 1px solid;}
.index_content .index_logo_wrap .pagination02 a:hover,.index_content .index_logo_wrap .pagination02 a.selected {background:#23365d;}

.MapBg {background:url(../image/map_bg.jpg) no-repeat center center; height:300px; position:relative;}

.BannerTitle {color:#fff; text-align:center; position:absolute; height:100px; top:50%; margin-top:-50px; width:100%;}
.BannerTitle h2 {font-size:30px; font-family:"PingFangSC-Light"; padding-bottom:10px;}
.BannerTitle h3 {font-size:18px; font-family:"PingFangSC-Light"; font-weight: 400;}

.About {font-size:18px; line-height:35px;}
.About h2 {font-size:24px; font-family:"PingFangSC-Light"; padding-bottom: 5px;}
.About h3 {font-size:20px; font-family:"PingFangSC-Light"; font-weight: 400; padding-bottom: 10px;}
.About li {line-height:30px; background:url(../image/i_15.png) no-repeat left 5px; padding-left:30px; margin-bottom: 15px;}
.About img {width:500px; display:block;}

.Zone {position: relative; padding-top: 100px;}


.sub-mouse{width:70%;height:43px;position:absolute;bottom:15%;left:15%;cursor:pointer;z-index:100;zoom:.7; text-align: center; font-size: 16px; color: #fff; line-height: 50px;}
.sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
.sub-mouse span{text-align:center;display:block;position:relative;width:26px;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
.sub-mouse p{text-align:center;display:block;position:relative;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto; font-size: 18px;}

@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}

.ZoneTop {position: absolute; text-align: center; width: 100%; color: #fff; top: 20%; font-size: 24px; line-height: 30px;}
.ZoneMid {position: absolute; text-align: center; width: 100%; top: 30%;}
.ZoneMidFrame {background: rgba(255,255,255,0.8); margin: 0px 40px; padding: 15px;}
.ZoneMidFrame h2 {font-size: 24px; font-family:"PingFangSC-Light"; color: #23365d; padding-bottom: 10px;}
.ZoneMidFrame h3 {font-size: 16px; font-family:"PingFangSC-Light";}
.ZoneMidFrame li {border: #23365d 1px dashed; padding: 9px; line-height: 25px; margin-bottom: 10px;}

.Year {margin: 0px 20px; border: #ccc 3px solid; padding: 12px;}
.Year:hover {border: #23365d 3px solid;}
.Year h2 {font-size: 20px; font-family:"PingFangSC-Light"; color: #23365d; padding-bottom: 9px; border-bottom: #23365d 1px solid; margin-bottom: 5px;}
.Year li {line-height: 30px;}



@media screen and (max-width: 960px) {
	.TopBar {position: fixed; width: 100%; top: 0px; height: 30px; background: #fff; z-index: 10; padding: 15px 0px;}
	.Logo {float: left; width: 90px; padding-left: 10px; position: absolute; z-index: 1000;}


	.Wrap {width: 100%; margin: auto;}

	.Frame {padding: 30px 0px;}

	.IndexAbout {position: relative; margin-top: -30px;}
	.IndexAbout > img {width: 100%;}
	.IndexAbout img {border-radius: 0px;}
	.IndexAboutFrame {position: relative; width: auto; height: auto; padding: 15px; right: 0px; bottom: 0px; background: #fbfbfb; border-radius: 0px;}
	.IndexAboutFrame h2 {font-size: 24px; font-family:"PingFangSC-Light"; color: #364571;}
	.IndexAboutFrame h3 {font-size: 30px; font-family:"PingFangSC-Medium"; font-weight: 400;}
	.IndexAboutFrame h4 {font-size: 18px; font-family:"PingFangSC-Regular"; font-weight: 400; color: #666; padding: 10px 0px;}
	.IndexAboutFrame p {color: #666; line-height: 25px; font-size: 18px;}


	.IndexWhy {padding: 30px 0px; background: url(../image/index_why.jpg) no-repeat center center; background-size: cover; color: #fff; text-align: center; margin-top: -30px;}
	.IndexWhy h2 {font-size: 24px; font-family:"PingFangSC-Light";}
	.IndexWhy h3 {font-size: 30px; font-family:"PingFangSC-Medium"; font-weight: 400; padding-bottom: 30px;}
	.IndexWhy h4 {font-size: 48px; font-family:"PingFangSC-Medium"; display: inline-table;}
	.IndexWhy span {display: inline-table;}
	.IndexWhy li {float: none; border-right: none; width: auto; display: block; margin-bottom: 20px;}
	.IndexWhy li:last-child {border-right: none; margin-bottom: 0px;}

	.IndexAdvan {text-align: center;}
	.IndexAdvan h2 {font-size: 24px; font-family:"PingFangSC-Light"; color: #364571;}
	.IndexAdvan h3 {font-size: 30px; font-family:"PingFangSC-Medium"; font-weight: 400;}
	.IndexAdvan li {float: none; width: 100%; padding: 20px 0px 0px 0px;}
	.IndexAdvan > ul > li > img {width: 60px; margin: 0px auto 20px auto;}
	.IndexAdvan h4 {font-size: 24px; font-family:"PingFangSC-Semibold"; font-weight: 400; color: #364571;}
	.IndexAdvan p {color: #666; line-height: 25px; display: block; padding: 0px 30px; font-size: 18px;}

	.IndexNews h2 {font-size: 24px; font-family:"PingFangSC-Light"; color: #364571; text-align: center;}
	.IndexNews h3 {font-size: 30px; font-family:"PingFangSC-Medium"; font-weight: 400; text-align: center;}
	.IndexNews li {float: none; width: auto; border: #e7eaef 1px solid; border-radius: 10px; padding: 14px; margin: 20px 10px 0px 10px;}
	.IndexNews > ul > li > a > img {float: left; width: 100px; margin-right: 10px;}
	.IndexNews img {border-radius: 10px;}
	.IndexNews h4 {color: #364571; font-size: 18px; font-weight: 400;}
	.IndexNews span {color: #999; font-size: 12px; line-height: 25px;}
	.IndexNews p {line-height: 20px; display: none;}

	.IndexClassMore a {display: block; width: 198px; padding: 10px 0px; color: #fff; background: linear-gradient(#fff 50%, #f0830c 50%); background-size: 100% 200%; background-position: 0 100%; margin: 30px auto 0px auto; text-align: center; border-radius: 5px;}
	.IndexClassMore a:hover {-webkit-animation: myfirst 0.5s 1; background-position: 0 0%; color: #f0830c;}


	.Bottom {background: #23365d; padding: 20px; font-size: 14px;}
	.Bottom p {color: #9ca2af; line-height: 25px;}
	.Bottom a {color: #9ca2af; display: inline-block; padding-right: 10px;}
	.Bottom > div > img {float: left; width: 100px; margin-top: 10px;}

	.Contact {position: relative; margin-top: 60px; background: url(../image/contact.jpg) no-repeat right center; background-size: cover; padding: 30px 0px;}
	.Contact img {display: none;}
	.ContactFrame {position: relative; width: 100%; left: 0%; margin: 0px; bottom: 0%;  color: #fff;}
	.ContactFrame h2 {font-size: 30px; padding: 0px 0px 10px 15px; font-family:"PingFangSC-Medium"; font-weight: 400;}
	.ContactFrame h3 {font-size: 16px; line-height: 30px; font-weight: 400; padding-left: 15px;}
	.ContactFrame h4 {font-size: 16px; padding-bottom: 10px; font-weight: 400;}
	.ContactFrame li {float: none; width: auto; margin: 20px 34px 0px 34px; padding: 14px 0px; text-align: center; border: #fff 1px solid; background: rgba(255,255,255,0.2); border-radius: 20px;}
	.ContactFrame i {width:60px; height:50px; display:block; text-align:center; margin: 0px auto 20px auto;}

	.inner-ban {box-sizing: border-box; height: 250px; position: relative; margin-top: 60px; background-size: cover;}

	.News li {border-bottom: #f1f1f1 5px solid; padding: 15px; margin: 0px 10px 15px 10px; background: #fff;}
	.News li:hover {border-bottom: #364571 5px solid;}
	.News > ul > li > a > img {float: left; width: 100px; margin-right: 20px;}
	.News h2 {color: #364571; font-size: 20px; font-weight: 400;}
	.News span {color: #999; font-size: 14px; line-height: 40px;}
	.News p {line-height: 20px; display: none;}

	.Path {background: #fff; padding: 15px; line-height: 20px;}
	.Path h2 {font-size: 12px; font-weight: 400; float: left; color: #999; padding-right: 0px;}
	.Path a {display: block; float: left; color: #666; font-size: 12px; }
	.Path span {display: block; padding: 0px 5px; float: left; font-size: 12px; }
	.Path p {float: left; color: #23365d; font-size: 12px; }

	.Back a {display:none; border-bottom:#e0e1e2 1px solid; background:url(../image/arrow_back.png) no-repeat 5px center; line-height:55px; padding-left:30px; color:#23365d;}
	.Back a:hover {background:#ebeff7 url(../image/arrow_back.png) no-repeat 5px center;}

	.NewsDetail {width:90%; float:none; margin: auto;}
	.NewsDetailTitle {font-size:24px; padding:10px 0px 11px 0px; border-bottom:#e0e1e2 1px solid; margin-bottom:20px; font-family:"PingFangSC-Regular";}
	.NewsDetailDate {font-style:italic; color:#999; padding-bottom:10px; display:block;}

	.View li a {float: none; margin: 0px 15px 15px 15px; width: auto; background: #fff; padding: 10px; display: block;}
	.View li a:hover {background: #23365d; color: #fff;}
	.View p {text-align: center; padding-top: 10px;}

	.Video li a {float: none; margin: 0px 15px 15px 15px; width: auto; background: #fff; padding: 10px; display: block;}
	.Video li a:hover {background: #23365d; color: #fff;}
	.Video p {text-align: center; padding-top: 10px;}

	.CircleOne li {float: none; width: auto; background: #fff; border-radius: 10px; margin: 0px 20px; padding: 15px;}
	.CircleOne i {float: left; border-radius: 100%; border: #23365d 1px solid; width: 58px; line-height: 58px; text-align: center; margin-right: 20px; color: #23365d;}
	.CircleOne h4 {font-size: 24px; font-family:"PingFangSC-Semibold"; font-weight: 400; color: #364571;}
	.CircleOne p {color: #666; line-height: 20px; display: block; height: 40px;}

	.AboutBg {background:url(../image/about_bg.jpg) no-repeat center center; height:500px; position:relative;}

	.SmallTitle h2 {font-size:30px; text-align:center; padding:0px 20px 20px 20px; font-family:"PingFangSC-Light";}
	.SmallTitle p {line-height:25px; font-size: 16px; text-align:center; padding:0px 20px 20px 20px;}
	.SmallTitle span {display:block; background:#ccc; width:240px; height:1px; margin:0px auto 50px auto;}

	.AboutImg {width:100%; float:none;}
	.AboutFrame {width:100%; float:none;}
	.AboutFrame ul {padding:15px;}
	.AboutFrame li {padding:10px 0px; line-height:35px; font-size: 18px; background:url(../image/i_15.png) no-repeat left 17px; padding-left:30px;}
	.AboutFrame li:last-child {padding-bottom:0px;}


	.index_content .index_nav_wrap .index_nav {overflow:hidden;} 
	.index_content .index_nav_wrap .index_nav li {float:left; width:33.3333%; position:relative; text-align:center; overflow:hidden;} 
	.index_content .index_nav_wrap .index_nav li a {display:inline-block; width:100%;}

	.index_content .index_nav_wrap .index_nav li a.wfEditorMode {display:inline-block; width:auto; position:absolute; right:0; top:0; margin-top:0; z-index:100000;}
	.index_content .index_logo_slider li {float:left; text-align:center; background:#fff;}
	.index_content .index_logo_slider li .logo_wrap {position:relative; border:1px solid rgb(220,220,220); padding:10px;}
	.index_content .index_logo_slider li .logo_wrap .bg {vertical-align:middle; max-width:90%; margin:auto;}
	.index_content .index_logo_wrap .pagination02 {text-align:center; position:absolute; width:132px; bottom:70px; left:50%; margin-left:-66px;}
	.index_content .index_logo_wrap .pagination02 a {display:inline-block; width:10px; height:10px; font-size:0; margin:0 5px; border-radius:25px; border:#23365d 1px solid;}
	.index_content .index_logo_wrap .pagination02 a:hover,.index_content .index_logo_wrap .pagination02 a.selected {background:#23365d;}

	.MapBg {background:url(../image/map_bg.jpg) no-repeat center center; height:300px; position:relative;}

	.BannerTitle {color:#fff; text-align:center; position:absolute; height:100px; top:50%; margin-top:-50px; width:90%; left: 50%; margin-left: -45%;}
	.BannerTitle h2 {font-size:30px; font-family:"PingFangSC-Light"; padding-bottom:10px;}
	.BannerTitle h3 {font-size:18px; font-family:"PingFangSC-Light"; font-weight: 400;}

	.About {font-size:18px; line-height:35px;}
	.About h2 {font-size:24px; font-family:"PingFangSC-Light"; padding: 15px 0px 10px 15px;}
	.About h3 {font-size:20px; font-family:"PingFangSC-Light"; font-weight: 400; padding: 0px 15px;}
	.About li {line-height:30px; background:url(../image/i_15.png) no-repeat left 5px; padding-left:30px; margin: 10px 15px;}
	.About img {width:100%; display:block;}
	.About p {display: block; padding: 0px 15px;}

	.Zone {position: relative; padding: 60px 0px; background: url(../image/8.jpg) no-repeat center center; background-size: cover;}
	.Zone img {display: none;}


	.sub-mouse{width:70%;height:43px;position:absolute;bottom:15%;left:15%;cursor:pointer;z-index:100;zoom:.7; text-align: center; font-size: 16px; color: #fff; line-height: 50px;}
	.sub-mouse:after{display:none;z-index:-1;position:absolute;content:'';top:-30px;left:50%;height:53px;border-right:1px solid #333;margin-left:-1px}
	.sub-mouse span{text-align:center;display:block;position:relative;width:26px;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto}
	.sub-mouse p{text-align:center;display:block;position:relative;animation:ani-svg .85s linear 0s alternate infinite;margin:0 auto; font-size: 18px;}


	.ZoneTop {position: relative; text-align: center; width: 90%; color: #fff; top: 0%; font-size: 20px; line-height: 30px; margin: 30px auto}
	.ZoneMid {position: relative; text-align: center; width: 100%; top: 0%;}
	.ZoneMidFrame {background: rgba(255,255,255,0.8); margin: 0px 40px; padding: 15px;}
	.ZoneMidFrame h2 {font-size: 24px; font-family:"PingFangSC-Light"; color: #23365d; padding-bottom: 10px;}
	.ZoneMidFrame h3 {font-size: 16px; font-family:"PingFangSC-Light";}
	.ZoneMidFrame li {border: #23365d 1px dashed; padding: 9px; line-height: 25px; margin-bottom: 10px;}

	.Year {margin: 0px 20px; border: #ccc 3px solid; padding: 12px;}
	.Year:hover {border: #23365d 3px solid;}
	.Year h2 {font-size: 20px; font-family:"PingFangSC-Light"; color: #23365d; padding-bottom: 9px; border-bottom: #23365d 1px solid; margin-bottom: 5px;}
	.Year li {line-height: 30px;}
}