
.g-adv { height:42.5rem; overflow: hidden; position: relative;}
.g-adv .sclwrap_box ,.g-adv .m-box,.g-adv .m-box img{ overflow:hidden; height: 42.5rem;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ position: absolute; bottom: 1.6rem; left: 50%; transform: translate(-50%,0); justify-content: center;}
.g-adv .m-cnt li{ float:left; width: .8rem; height: .8rem; margin: 0 0.4rem; border-radius: 50%; background:#fff; }
.g-adv .m-cnt li.no{ margin: 0;}
.g-adv .m-cnt li.z-on{ background:#004688; }

.m-bt{
	text-align: center;
	line-height: 1;
}
.m-bt a{
	font-size: 3rem;
	color: #171717;
	line-height: 1;
	font-weight: bold;
}
.m-bt span{
	display: block;
	font-size: 1rem;
	color: #414141;
	padding-top: 0.6rem;
}


.future{
	background: #f5f5f5;
	padding: 4.8rem 0 2.4rem 0;
}

.future .future-min{
	width: 93.75%;
	margin: 0 auto;
	border-left: 0.2rem solid #1f1f1f;
	padding-left: 2.5rem;
	box-sizing: border-box;
	margin-bottom: 2.2rem;
}
.future .future-min .future-bt{
	margin-bottom: 1.8rem;
}
.future .future-min .future-bt h2{
	margin-bottom: 2rem;
}
.future .future-min .future-bt h2 span{
	font-size: 3rem;
	color: #171717;
	line-height: 1;
	font-weight: bold;
}
.future .future-min .future-bt h2 span i{
	color: #004680;
}
.future .future-min .future-bt h2 em{
	display: block;
	font-size: 1rem;
	color: #404040;
	line-height: 1;
	padding-top: 0.6rem;
}
.future .future-min .future-bt p{
	font-size: 0.6rem;
	line-height: 0.7rem;
	color: #404040;
	transform: scale(0.8);
	margin-left: -3.4rem;
}
.future .future-min dl{
	display: flex;
	justify-content: space-between;
}
.future .future-min dl dt{
	width: 14.95rem;
	height: auto;
}
.future .future-min dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.future .future-min dl dd{
	width: 11.3rem;
}
.future .future-min dl dd ol li{
	font-size: 0.7rem;
	color: #484848;
	margin-bottom: 1.1rem;
}
.future .future-min dl dd ol li:last-child{
	margin: 0;
}
.future .future-min dl dd ol li span{
	display: block;
	font-size: 0.7rem;
	line-height: 1;
	color: #484848;
	padding-bottom: 0.4rem;
}
.future .future-min dl dd ol li span b{
	font-size: 2.4rem;	
	color: #484848;
	line-height: 1;
}
.future .future-txt{
	padding: 0 1rem;
}
.future .future-txt p{
	font-size: 0.9rem;
	color: #7b7b7b;
	line-height: 1.1rem;
	margin-bottom: 1rem;
}
.future .future-txt p i{
	color: #005c99;
}

.pro{
	padding: 3rem 0 0 0;
}
.pro .pro-min{
	width: 93.75%;
	margin: 0.9rem auto 0;
}
.pro .pro-min .pro-ul{
	display: flex;
	flex-wrap: wrap;
	background: #004680;
	border-radius: 0.4rem;
	padding: 1.3rem;
	box-sizing: border-box;
	margin-bottom: 0.5rem;
}
.pro .pro-min .pro-ul li{
	width: 33.33%;
	line-height: 2rem;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
.pro .pro-min .pro-ul li.z-on{
	background: #00b674;
	border-radius: 0.4rem;
}
.pro .pro-min .pro-ul li:nth-child(1),.pro .pro-min .pro-ul li:nth-child(2),.pro .pro-min .pro-ul li:nth-child(3){
	margin-bottom: 0.6rem;
}
.pro .pro-min .con{
	background: #f5f5f5;
	padding-bottom: 2.3rem;
}
.pro .pro-min .con dl{
	margin-bottom: 1rem;
}
.pro .pro-min .con dl dt{
	width: 100%;
	height: auto;
}
.pro .pro-min .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.pro .pro-min .con dl dd{
	display: block;
	width: 100%;
	padding: 1.7rem 2rem 0 2rem;
	box-sizing: border-box;
}
.pro .pro-min .con dl dd p{
	font-size: 0.88rem;
	color: #878787;
	line-height: 1.2rem;
	margin-bottom: 0.8rem;
}
.pro .pro-min .con dl dd a{
	display: block;
	width: 9.7rem;
	line-height: 2.3rem;
	border-radius: 1rem;
	font-size: 1rem;
	color: #fff;
	padding-left: 1.5rem;
	box-sizing: border-box;
	background: url(../Images/Index/more.png) #004680 no-repeat 90% center;
	background-size: 0.5rem auto;
}
.pro .pro-min .con h3{
	margin: 0 2rem;
	line-height: 2.1rem;
	border-bottom: 0.05rem solid #ccc;
	font-size: 1rem;
	color: #171717;
	font-weight: bold;
	padding-left: 1.7rem;
	background: url(../Images/Index/pro_ico1.png)no-repeat left center;
	background-size: 1.2rem auto;
}
.pro .pro-min .con ol{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 2rem;
	margin-top: 1.3rem;
}
.pro .pro-min .con ol li{
	width: 49%;
}
.pro .pro-min .con ol li img{
	display: block;
	width: 100%;
	height: auto;
}


.payment{
	background: #004680;
	padding: 2.7rem 0;
}
.payment ul{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.payment ul li{
	width: 50%;
	box-sizing: border-box;
	text-align: center;
	margin-bottom: 3.5rem;
}

.payment ul li span{
	display: block;
	width: 4.4rem;
	margin: 0 auto 0.8rem;
}
.payment ul li span img{
	display: block;
	width: 100%;
	height: auto;
}
.payment ul li h4{
	font-size: 1.8rem;
	color: #fff;
	text-align: center;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.payment ul li p{
	padding: 0 1.75rem;
	font-size: 0.9rem;
	color: #a3b2c4;
	line-height: 1.1rem;
}
.payment ul li:nth-child(3),.payment ul li:nth-child(4){
	margin-bottom: 0;
}


.fa{
	padding: 3rem 0;
}
.fa .fa-min{
	width: 93.75%;
	margin: 1.5rem auto 0;
}
.fa .fa-min .fa-ul{
	display: flex;
	flex-wrap: wrap;
}
.fa .fa-min .fa-ul li{
	width: 30%;
	line-height: 2.3rem;
	border-radius: 1.5rem;
	font-size: 1rem;
	color: #3b3b3b;
	text-align: center;
	border: 0.1rem solid #3b3b3b;
	margin-bottom: 0.9rem;
	margin-right: 4%;
}
.fa .fa-min .fa-ul li:nth-child(3n){
	margin-right: 0;
}
.fa .fa-min .fa-ul li.z-on{
	background: #004680;
	border-color: #004680;
	color: #fff;
}
.fa .fa-min .con dl dt{
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}
.fa .fa-min .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.fa .fa-min .con dl dd h4{
	font-size: 1.2rem;
	color: #333;
	font-weight: bold;
	line-height: 2.2rem;
	border-bottom: 0.05rem solid #cfcfcf;
	margin-bottom: 0.7rem;
}
.fa .fa-min .con dl dd p{
	font-size: 0.9rem;
	color: #6e6e6e;
	line-height: 1.2rem;
}
.fa .fa-min .con dl dd span{
	width: 19.8rem;
	display: flex;
	justify-content: space-between;
	margin-top: 1.1rem;
}
.fa .fa-min .con dl dd span a{
	display: block;
    width: 9.7rem;
    line-height: 2.3rem;
    border-radius: 1rem;
    font-size: 1rem;
    color: #fff;
    padding-left: 1.5rem;
    box-sizing: border-box;
    background: url(../Images/Index/more.png) #00b674 no-repeat 90% center;
    background-size: 0.5rem auto;
}
.fa .fa-min .con dl dd span a:first-child{
	background: url(../Images/Index/more.png) #004680 no-repeat 90% center;
    background-size: 0.5rem auto;
}

.hz{
	height: 30.1rem;
	padding-top: 5rem;
	box-sizing: border-box;
	background: url(../Images/Index/hz_bg.jpg) no-repeat center top;
    background-size: 100% auto;
}
.hz .hz-min{
	width: 90%;
	margin: 0 auto;
}
.hz .hz-min h3 span{
	width: 21.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hz .hz-min h3 span b{
	font-size: 3rem;
	color: #fff;
}
.hz .hz-min h3 span i{
	font-size: 1.1rem;
	color: #fff;
	line-height: 1.2rem;
	padding-left: 0.6rem;
	box-sizing: border-box;
	border-left: 0.05rem solid #fff;
}
.hz .hz-min h3 p{
	font-size: 3rem;
	color: #fff;
}
.hz .hz-cont{
	margin-top: 3rem;
}
.hz .hz-cont .con ul{
	display: flex;
	flex-wrap: wrap;
}
.hz .hz-cont .con ul li{
	width: 31%;
	margin-right: 2%;
	margin-bottom: 0.5rem;
}
.hz .hz-cont .con ul li img{
	display: block;
	width: 100%;
	height: auto;
}
.hz .hz-cont .con ul li:nth-child(3n){
	margin-right: 0;
}
.hz .hz-cont .btn{
	position: relative;
	height: 0.9rem;
	display: flex;
	justify-content: center;
	margin-top: 1.8rem;
}
.hz .hz-cont .btn::before{
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	content: "";
	width: 12.6rem;
	height: 0.05rem;
	background: #808189;
}
.hz .hz-cont .btn::after{
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: "";
	width: 12.6rem;
	height: 0.05rem;
	background: #808189;
}
.hz .hz-cont .btn .prev,.hz .hz-cont .btn .next{
	width: 0.85rem;
	height: 0.85rem;
	margin: 0 0.2rem;
}
.hz .hz-cont .btn .prev img,.hz .hz-cont .btn .next img{
	display: block;
	width: 100%;
	height: auto;
}




.ys{
	padding: 3rem 0;
}
.ys .ys-min {
	position: relative;
	width: 93.75%;
	margin: 1.1rem auto 0;
}
.ys .ys-min .con dl{
	background: #004680;
}
.ys .ys-min .con dl dt{
	width: 100%;
	height: auto;
}
.ys .ys-min .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.ys .ys-min .con dl dd{
	padding: 2.5rem 1.8rem;
}
.ys .ys-min .con dl dd h3{
	font-size: 3rem;
	color: #fff;
	font-weight: bold;
	line-height: 3.5rem;
	margin-bottom: 1rem;
}
.ys .ys-min .con dl dd span{
	display: block;
	font-size: 1rem;
	color: #fff;
	line-height: 1;
	margin-bottom: 1.3rem;
}
.ys .ys-min .con dl dd p{
	padding-left: 1.4rem;
	font-size: 1rem;
	line-height: 1.2rem;
	color: #a3b2c6;
	background: url(../Images/Index/ys_ico.png) no-repeat left 0.3rem;
    background-size: 0.75rem auto;
	margin-bottom: 1.1rem;
}
.ys .ys-min .con dl dd a{
	display: block;
    width: 9.7rem;
    line-height: 2.3rem;
    border-radius: 1rem;
    font-size: 1rem;
    color: #fff;
    padding-left: 1.5rem;
    box-sizing: border-box;
    background: url(../Images/Index/more.png) no-repeat 90% center;
    background-size: 0.5rem auto;
	border: 0.1rem solid #fff;
}

.ys .ys-min .btn{
	position: absolute;
	top: 19.8rem;
	left: 50%;
	width: 7.9rem;
	margin-left: -2.95rem;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 1.7rem;
	padding: 0.3rem 0;
}
.ys .ys-min .btn .prev,.ys .ys-min .btn .next{
	width: 2.3rem;
	height: 2.3rem;
	margin: 0 0.2rem;
}
.ys .ys-min .btn .prev img,.ys .ys-min .btn .next img{
	display: block;
	width: 100%;
	height: auto;
}

.fw{
	padding-top: 13.2rem;
	background: url(../Images/Index/fw_bg.jpg) no-repeat center top;
    background-size: 100% auto;
}
.fw .m-bt a,.fw .m-bt span{
	color: #fff;
}
.fw .fw-min{
	width: 93.75%;
	margin: 1.3rem auto 0;

}
.fw .fw-min .con ul{
	display: flex;
	justify-content: center;
	background: #004680;
	padding: 1.5rem 0 1.6rem 0;
}
.fw .fw-min .con ul li{
	width: 33.33%;
	text-align: center;
}
.fw .fw-min .con ul li span{
	display: block;
	width: 3.8rem;
	margin: 0 auto;
}
.fw .fw-min .con ul li span img{
	display: block;
	width: 100%;
	height: auto;
}
.fw .fw-min .con ul li p{
	font-size: 1rem;
	color: #fff;
	line-height: 1;
	margin-top: 0.6rem;
}
.fw .fw-min .con ul li i{
	display: block;
	padding-top: 0.2rem;
	font-size: 0.5rem;
	color: #748dac;
	line-height: 1;
	transform: scale(0.85);
}
.fw .fw-min .fw-ul{
	position: relative;
    height: 0.9rem;
    display: flex;
    justify-content: center;
	align-items: center;
    margin-top: 1.2rem;
}
.fw .fw-min .fw-ul::after{
	position: absolute;
    top: 50%;
    right: 0;
    display: block;
    content: "";
    width: 12.6rem;
    height: 0.05rem;
    background: #a1a1a1;
}
.fw .fw-min .fw-ul::before{
	position: absolute;
    top: 50%;
    left: 0;
    display: block;
    content: "";
    width: 12.6rem;
    height: 0.05rem;
    background: #a1a1a1;
}
.fw .fw-min .fw-ul li{
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 100%;
	background: #444;
	margin: 0 0.5rem;
}
.fw .fw-min .fw-ul li.z-on{
	background: #003b75;
}




.news{
	padding: 3rem 0;
}
.news .news-cont{
	width: 93.75%;
	margin: 1.6rem auto 0;
}
.news .news-ul{
	display: flex;
	justify-content: center;
	margin-bottom: 0.8rem;
}
.news .news-ul li{
	width: 8.6rem;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	font-size: 1.1rem;
	color: #fff;
	margin: 0 0.2rem;
	background: #383838;
}
.news .news-ul li.z-on{
	background: #004689;
}
.news .con dl{
	margin-bottom: 1rem;
}
.news .con dl dt{
	width: 100%;
	height: auto;
	margin-bottom: 1.2rem;
}
.news .con dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.news .con dl dd span{
	display: block;
	margin-bottom: 1rem;
	font-size: 0.9rem;
	color: #777;
	line-height: 1;
}
.news .con dl dd h5{
	font-size: 1.1rem;
	color: #303030;
	line-height: 1;
	font-weight: bold;
	margin-bottom: 0.8rem;
}
.news .con dl dd p{
	font-size: 1rem;
	color: #777;
	line-height: 1.2rem;
}
.news .con dl dd .more{
	display: block;
	margin-top: 1rem;
	width: 6.5rem;
	line-height: 2rem;
	background: #084c86;
	font-size: 1rem;
	color: #fff;
	text-align: center;
}
.news .con ol li{
	padding: 2rem 2.2rem;
	background: #f5f5f5;
	margin-bottom: 0.5rem;
}
.news .con ol li h4{
	margin-bottom: 0.7rem;
}
.news .con ol li h4 a{
	font-size: 1.1rem;
	color: #303030;
	line-height: 1;
}
.news .con ol li p{
	font-size: 1rem;
	color: #777;
	line-height: 1.2rem;
	margin-bottom: 1rem;
}
.news .con ol li span{
	display: block;
	font-size: 0.9rem;
	color: #777;
	line-height: 1;
}

.about{
	height: 42rem;
	padding-top: 3rem;
	background: url(../Images/Index/about_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	box-sizing: border-box;
}
.about .m-bt a{
	color: #fff;
}
.about .m-bt span{
	color: #fff;
}
.about .about-txt{
	width: 93.75%;
	margin: 22.5rem auto 0;
}
.about .about-txt p{
	font-size: 0.9rem;
	color: #fff;
	line-height: 1.2rem;
	margin-bottom: 1.2rem;
}

.album{
	width: 93.75%;
	margin: 0 auto;
	padding: 1rem 0 3rem 0;
}
.album .album-ul{
	display: flex;
	justify-content: center;
	margin-bottom: 1rem;
	background: url(../Images/Index/news_ico.png) no-repeat center center;
	background-size: 0.35rem auto;
}
.album .album-ul li{
	font-size: 1rem;
	color: #000;
	line-height: 2.1rem;
	font-weight: bold;
	margin: 0 2.6rem;
}
.album .album-ul li.z-on{
	color: #004680;
	border-bottom: 0.1rem solid #004680;
}
.album .con ul{
	display: flex;
}
.album .con ul li{
	width: 32%;
	margin-right: 2%;
}
.album .con ul li img{
	display: block;
	width: 100%;
	height: auto;
}
.album .con ul li:last-child{
	margin: 0;
}

.contact{
	height: 27.2rem;
	padding-top: 2.8rem;
	box-sizing: initial;
	background: url(../Images/Index/contact_bg.jpg) no-repeat center top;
	background-size: 100% auto;
}
.contact .contact-min{
	width: 90%;
	margin: 0 auto;
}
.contact .contact-min h2{
	font-size: 1.2rem;
	color: #fff;
}
.contact .contact-min h2 b{
	display: block;
	font-size: 3rem;
	color: #fff;
	line-height: 3rem;
	font-weight: normal;
	margin-bottom: 0.5rem;
}
.contact .contact-min ul li{
	position: relative;
	padding: 1rem 0;
	padding-left: 3.7rem;
}
.contact .contact-min ul li span{
	display: block;
	font-size: 1rem;
	color: #fff;
	line-height: 1;
	margin-bottom: 0.5rem;
}
.contact .contact-min ul li p{
	font-size: 1rem;
	color: #fff;
	line-height: 1;
}
.contact .contact-min ul li p b{
	font-size: 1.8rem;
	font-weight: normal;
}
.contact .contact-min ul li:nth-child(1){
	background: url(../Images/Index/contact_ico1.png) no-repeat left center;
	background-size: 2.3rem auto;
}
.contact .contact-min ul li:nth-child(2){
	background: url(../Images/Index/contact_ico2.png) no-repeat left center;
	background-size: 2.3rem auto;
}
.contact .contact-min ul li:nth-child(3){
	background: url(../Images/Index/contact_ico3.png) no-repeat left center;
	background-size: 2.3rem auto;
}
.contact .contact-min ul li::after{
	position: absolute;
	display: block;
	content: "";
	bottom: 0;
	left: 3.7rem;
	width: 84%;
	height: 0.05rem;
	background: rgba(255,255,255,0.5);
}
.contact .contact-min ul li:last-child::after{
	display: none;
}



html {font-size: 10px; -webkit-text-size-adjust:none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:    10px;}}
@media screen and (min-width:360px){html{font-size: 11.25px;}}
@media screen and (min-width:375px){html{font-size: 11.7px;}}
@media screen and (min-width:384px){html{font-size: 12px;}}
@media screen and (min-width:480px){html{font-size:    15px;}}
@media screen and (min-width:414px){html{font-size:  13px;}}
@media screen and (min-width:560px){html{font-size:  17.5px;}}
@media screen and (min-width:640px){html{font-size:    20px;}}





