/*pad*/

img {
    max-width: 100%;
}

.gh {
    height: 24px;
    width: 24px;
    position: absolute;
    transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.5s cubic-bmezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.selected .gh {
    transform: rotate(90deg);
}

.gh a {
    background-color: #000;
    display: block;
    margin: 0 auto;
    height: 2px;
    margin-top: -1px;
    position: relative;
    top: 50%;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    width: 100%;
    border-radius: 2px;
}

.gh a:after {
    width: 100%;
}

.gh a:before {
    width: 100%;
}

.gh a:after,
.gh a:before {
    background-color: #000;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
    -ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
    top: 7px;
}

.gh a:before {
    top: -7px;
}

.selected .gh a:after,
.selected .gh a:before {
    top: 0;background: #000;
}

.selected .gh a:before {
    transform: translateY(0px) rotate(-45deg);
    -webkit-transform: translateY(0px) rotate(-45deg);
    -ms-transform: translateY(0px) rotate(-45deg);
    width: 100%;
}

.selected .gh a:after {
    transform: translateY(0px) rotate(45deg);
    -webkit-transform: translateY(0px) rotate(45deg);
    -ms-transform: translateY(0px) rotate(45deg);
    width: 100%;
}

.selected .gh a {
    /* background-color: transparent !important; */
	background: #000;
}
html{
	font-size: 1vw;
}

@media only screen and (max-width:1480px) {
	html{
		font-size: 14.8px;
	}
	
}
@media only screen and (max-width:1280px) {
	html{
		font-size: 13px;
	}
	
}
@media only screen and (max-width:1040px) {
	h2 {
		font-size: 20px !important;
	}

	h3 {
		font-size: 18px !important;
	}

	h4 {
		font-size: 16px !important;
	}

	p,
	h5,
	h6 {
		font-size: 14px !important;
	}

	.policy-text, .source-text {
		flex: 1;
		font-size: 14px !important;
		/*line-height: 1.6;*/
		/*color: #333333;*/
		/*padding-top: 0.5rem;*/
		margin-left: 0.9rem;
	}

	.hpage3 .bs li a, .hpage4 .bs li a, .hpage5 .bs li a, .hpage6 .bs li a, .hpage7 .bs li a, .hpage8 .bs li a, .hpage9 .bs li a, .hpage10 .bs li a, .hpage11 .bs li a, .hpage12 .bs li a, .hpage13 .bs li a, .hpage14 .bs li a, .hpage15 .bs li a, .hpage16 .bs li a, .hpage17 .bs li a, .hpage18 .bs li a, .hpage19 .bs li a {
		background: url(../imagesjiuye/uico1.png) no-repeat center/100% 100%;
		width: 4.891667rem;
		border-radius: 0;
		border: none;
		text-align: center;
		color: #244860;
		padding: 0;
	}

	.hpage3 .bs li a, .hpage4 .bs li a, .hpage5 .bs li a, .hpage6 .bs li a, .hpage7 .bs li a, .hpage8 .bs li a, .hpage9 .bs li a, .hpage10 .bs li a, .hpage11 .bs li a, .hpage12 .bs li a, .hpage13 .bs li a, .hpage14 .bs li a, .hpage15 .bs li a, .hpage16 .bs li a, .hpage17 .bs li a, .hpage18 .bs li a, .hpage19 .bs li a {
		/*padding: 0 1.0416666666666667rem;*/
		/*line-height: 1.0833333333333335rem;*/
		font-size: 0.6375rem;
		/*color: #18476e;*/
		/*border: 1px solid #fb9602;*/
		/*margin: 0 0.20833333333333334rem 0.7291666666666667rem;*/
		/*border-radius: 1.5625rem;*/
		/*display: inline-block;*/
		/*width:7.291667rem;*/
		border:none;
		text-align: center;
		margin-bottom: 0.3rem;
	}

	.hpage3 .bs li.on a, .hpage3 .bs li a:hover, .hpage4 .bs li.on a, .hpage4 .bs li a:hover, .hpage5 .bs li.on a, .hpage5 .bs li a:hover, .hpage6 .bs li.on a, .hpage6 .bs li a:hover, .hpage7 .bs li.on a, .hpage7 .bs li a:hover, .hpage8 .bs li.on a, .hpage8 .bs li a:hover, .hpage9 .bs li.on a, .hpage9 .bs li a:hover, .hpage10 .bs li.on a, .hpage10 .bs li a:hover, .hpage11 .bs li.on a, .hpage11 .bs li a:hover, .hpage12 .bs li.on a, .hpage12 .bs li a:hover, .hpage13 .bs li.on a, .hpage13 .bs li a:hover, .hpage14 .bs li.on a, .hpage14 .bs li a:hover, .hpage15 .bs li.on a, .hpage15 .bs li a:hover, .hpage16 .bs li.on a, .hpage16 .bs li a:hover, .hpage17 .bs li.on a, .hpage17 .bs li a:hover, .hpage18 .bs li.on a, .hpage18 .bs li a:hover, .hpage19 .bs li.on a, .hpage19 .bs li a:hover {

		background: url(../imagesjiuye/uico2.png) no-repeat center/100% 100%;
		color: #244860;
	}

	html {
		font-size: 16px;
	}

	.hpage1 h1 {
		font-size: 25px;
		letter-spacing: 0;
	}

	.hpage1 h4 {
		letter-spacing: 0;
	}

	.wrap {
		width: auto;
		padding: 0 15px;
	}

	.homeswiper {
		/* height: auto; */
	}

	.homeswiper .swiper-wrapper {
		/* display: block; */
	}

	.hpage2 .flax {
		display: block;
	}

	.hpage2 .maps {
		width: auto;
		height: 70vw;
	}

	.hpage2 .rs {
		width: auto;
		margin-bottom: 20px;
	}

	.hpage2 dl {
		margin-right: 0;
	}

	.hpage1 {
		/* height: auto;padding: 80px 0; */
	}

	.arrow {
		bottom: 15px;
		/* display: none; */
	}

	.hpage2 {
		overflow: hidden;
		padding-top: 30px;
	}

	.hpage3, .hpage4, .hpage5, .hpage6, .hpage7, .hpage8, .hpage9, .hpage10, .hpage11, .hpage12, .hpage13, .hpage14, .hpage15, .hpage16, .hpage17, .hpage18, .hpage19 {
		padding: 80px 0 60px;
	}

	.hpage3 .bs h3 span, .hpage4 .bs h3 span, .hpage5 .bs h3 span, .hpage6 .bs h3 span, .hpage7 .bs h3 span, .hpage8 .bs h3 span, .hpage9 .bs h3 span, .hpage10 .bs h3 span, .hpage11 .bs h3 span, .hpage12 .bs h3 span, .hpage13 .bs h3 span, .hpage14 .bs h3 span, .hpage15 .bs h3 span, .hpage16 .bs h3 span, .hpage17 .bs h3 span, .hpage18 .bs h3 span, .hpage19 .bs h3 span {
		font-size: 16px;
	}

	.uiths h2 {
		font-size: 18px !important;
		letter-spacing: 0;
	}

	.uiths h3 {
		font-size: 13px !important;
		letter-spacing: 0;
	}

	.hpage3 .bs ul, .hpage4 .bs ul, .hpage5 .bs ul, .hpage6 .bs ul, .hpage7 .bs ul, .hpage8 .bs ul, .hpage9 .bs ul, .hpage10 .bs ul, .hpage11 .bs ul, .hpage12 .bs ul, .hpage13 .bs ul, .hpage14 .bs ul, .hpage15 .bs ul, .hpage16 .bs ul, .hpage17 .bs ul, .hpage18 .bs ul, .hpage19 .bs ul {
		display: block;
		white-space: nowrap;
		overflow-x: scroll;
		margin: 0;
	}

	.hpage3 .bs ul li, .hpage4 .bs ul li, .hpage5 .bs ul li, .hpage6 .bs ul li, .hpage7 .bs ul li, .hpage8 .bs ul li, .hpage9 .bs ul li, .hpage10 .bs ul li, .hpage11 .bs ul li, .hpage12 .bs ul li, .hpage13 .bs ul li, .hpage14 .bs ul li, .hpage15 .bs ul li, .hpage16 .bs ul li, .hpage17 .bs ul li, .hpage18 .bs ul li, .hpage19 .bs ul li {
		display: inline-block;
	}

	.hpage3 .bs, .hpage4 .bs, .hpage5 .bs, .hpage6 .bs, .hpage7 .bs, .hpage8 .bs, .hpage9 .bs, .hpage10 .bs, .hpage11 .bs, .hpage12 .bs, .hpage13 .bs, .hpage14 .bs, .hpage15 .bs, .hpage16 .bs, .hpage17 .bs, .hpage18 .bs, .hpage19 .bs {
		padding: 20px 15px;
	}

	.hpage3 .box, .hpage4 .box, .hpage5 .box, .hpage6 .box, .hpage7 .box, .hpage8 .box, .hpage9 .box, .hpage10 .box, .hpage11 .box, .hpage12 .box, .hpage13 .box, .hpage14 .box, .hpage15 .box, .hpage16 .box, .hpage17 .box, .hpage18 .box, .hpage19 .box {
		height: 45vh;
		padding: 15px;
	}

	.hpage1{
		background: url(../imagesjiuye/xxxd.jpg) bottom center / cover no-repeat !important;
		background-color: #f0f7fc !important;
	}
	 .hpage2, .hpage3, .hpage4, .hpage5, .hpage6, .hpage7, .hpage8, .hpage9, .hpage10, .hpage11, .hpage12, .hpage13, .hpage14, .hpage15, .hpage16, .hpage17, .hpage18, .hpage19 {
		background: url(../imagesjiuye/sjd.jpg) bottom center / cover no-repeat !important;
		background-color: #f0f7fc !important;
	}

	.hpage1::before, .hpage2::before, .hpage3::before, .hpage4::before, .hpage5::before, .hpage6::before, .hpage7::before, .hpage8::before, .hpage9::before, .hpage10::before, .hpage11::before, .hpage12::before, .hpage13::before, .hpage14::before, .hpage15::before, .hpage16::before, .hpage17::before, .hpage18::before, .hpage19::before {
		/*content: '' !important;*/
		position: absolute !important;
		left: 0 !important;
		top: 0 !important;
		width: 100% !important;
		height: 70% !important;
		background: linear-gradient(to bottom, rgba(240, 247, 252, 0.95), rgba(240, 247, 252, 0.8), rgba(240, 247, 252, 0.3)) !important;
		z-index: 0 !important;
	}

	.hpage2 .pic, .hpage3 .pic, .hpage4 .pic, .hpage5 .pic, .hpage6 .pic, .hpage7 .pic, .hpage8 .pic, .hpage9 .pic, .hpage10 .pic, .hpage11 .pic, .hpage12 .pic, .hpage13 .pic, .hpage14 .pic, .hpage15 .pic, .hpage16 .pic, .hpage17 .pic, .hpage18 .pic, .hpage19 .pic {
		width: 70% !important;
		height: 55% !important;
		z-index: 0 !important;
		opacity: 0.6 !important;
		position: absolute !important;
		right: 0 !important;
		top: 0 !important;
	}
	.uiths h3 {
		margin-top:0.5rem;
		font-size:0.9375rem;
		line-height:1.2;
		color:#17476e;
		font-weight:bold;
		letter-spacing:0.10416666666666667rem;
	}

	.hpage2 .pic img, .hpage3 .pic img, .hpage4 .pic img, .hpage5 .pic img, .hpage6 .pic img, .hpage7 .pic img, .hpage8 .pic img, .hpage9 .pic img, .hpage10 .pic img, .hpage11 .pic img, .hpage12 .pic img, .hpage13 .pic img, .hpage14 .pic img, .hpage15 .pic img, .hpage16 .pic img, .hpage17 .pic img, .hpage18 .pic img, .hpage19 .pic img {
		width: 100% !important;
		height: 70% !important;
		filter: brightness(1.1) contrast(0.95);
	}

	.hpage2 .uiths, .hpage3 .uiths, .hpage4 .uiths, .hpage5 .uiths, .hpage6 .uiths, .hpage7 .uiths, .hpage8 .uiths, .hpage9 .uiths, .hpage10 .uiths, .hpage11 .uiths, .hpage12 .uiths, .hpage13 .uiths, .hpage14 .uiths, .hpage15 .uiths, .hpage16 .uiths, .hpage17 .uiths, .hpage18 .uiths, .hpage19 .uiths {
		position: relative !important;
		z-index: 2 !important;
	}

	.hpage2 .uiths h2, .hpage3 .uiths h2, .hpage4 .uiths h2, .hpage5 .uiths h2, .hpage6 .uiths h2, .hpage7 .uiths h2, .hpage8 .uiths h2, .hpage9 .uiths h2, .hpage10 .uiths h2, .hpage11 .uiths h2, .hpage12 .uiths h2, .hpage13 .uiths h2, .hpage14 .uiths h2, .hpage15 .uiths h2, .hpage16 .uiths h2, .hpage17 .uiths h2, .hpage18 .uiths h2, .hpage19 .uiths h2 {
		color: #0d3656 !important;
		text-shadow: 0 2px 8px rgba(255, 255, 255, 0.9), 0 1px 2px rgba(255, 255, 255, 0.95) !important;
		font-weight: 700 !important;
		letter-spacing: 0.5px;
	}

	.hpage2 .uiths h3, .hpage3 .uiths h3, .hpage4 .uiths h3, .hpage5 .uiths h3, .hpage6 .uiths h3, .hpage7 .uiths h3, .hpage8 .uiths h3, .hpage9 .uiths h3, .hpage10 .uiths h3, .hpage11 .uiths h3, .hpage12 .uiths h3, .hpage13 .uiths h3, .hpage14 .uiths h3, .hpage15 .uiths h3, .hpage16 .uiths h3, .hpage17 .uiths h3, .hpage18 .uiths h3, .hpage19 .uiths h3 {
		color: #1a4a6e !important;
		text-shadow: 0 1px 4px rgba(255, 255, 255, 0.85) !important;
		font-weight: 600 !important;
	}

	.hpage2 .rs, .hpage3 .rs, .hpage4 .rs, .hpage5 .rs, .hpage6 .rs, .hpage7 .rs, .hpage8 .rs, .hpage9 .rs, .hpage10 .rs, .hpage11 .rs, .hpage12 .rs, .hpage13 .rs, .hpage14 .rs, .hpage15 .rs, .hpage16 .rs, .hpage17 .rs, .hpage18 .rs, .hpage19 .rs {
		position: relative !important;
		z-index: 2 !important;
	}

	.hpage2 .rs dd a, .hpage3 .rs dd a, .hpage4 .rs dd a, .hpage5 .rs dd a, .hpage6 .rs dd a, .hpage7 .rs dd a, .hpage8 .rs dd a, .hpage9 .rs dd a, .hpage10 .rs dd a, .hpage11 .rs dd a, .hpage12 .rs dd a, .hpage13 .rs dd a, .hpage14 .rs dd a, .hpage15 .rs dd a, .hpage16 .rs dd a, .hpage17 .rs dd a, .hpage18 .rs dd a, .hpage19 .rs dd a {
		color: #0d3656 !important;
		text-shadow: 0 1px 4px rgba(255, 255, 255, 0.9) !important;
		font-weight: 600 !important;
		background: rgba(255, 255, 255, 0.7) !important;
		padding: 4px 8px !important;
		border-radius: 4px !important;
		text-align: center;
	}

	/* 手机端 .hmtit 样式适配 */
	/* 新增 */
	.hmtit {
		font-size: 16px;
		color: #18476e;
		line-height: 1.2;
		background: none;
		padding-left: 0;
	}

	.hmtit span {
		color: #18476e !important;
	}

	.tit2 {
		font-size: 14px;
		padding-left: 0;
	}

}