@charset "utf-8";
/* CSS Document */

.subject-nav{ float: right; line-height: 0.96rem;}
.subject-nav li{ float: left; font-size: 0.18rem; margin-left: 0.7rem; position: relative;}
.subject-nav li:first-child{ margin-left: 0;}
.subject-nav li a{ display: block; color: #fff;}
.subject-nav li::before{ content: ''; width: 1.64rem; height: 0.06rem; background: url(../images/icon/nav-line.png) left center no-repeat; background-size: auto 100%; position: absolute; bottom: 0; left: 100%; opacity: 0; transition:all 0.5s ease;}
.subject-nav li.active::before, .subject-nav li:hover::before, .subject-nav li.temporary-active::before{ left: -15%; opacity: 1;}

.subject-banner{ position: relative;}
.subject-banner img{ display: block; width: 100%;}
.subject-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-40%); left: 0;}
.subject-banner .banner-inner .cont-inner{ width: 53%; font-size: 0.2rem; color: #fff;}
.subject-banner .banner-inner .cont-inner .title{ font-size: 0.4rem;}
.subject-banner .banner-inner .cont-inner .cont{ line-height: 1.8; margin-top: 0.4rem;}
.subject-banner .banner-inner .btn-box{ margin-top: 0.5rem; font-size: 0.18rem;}
.subject-banner .banner-inner .btn-box a{ display: inline-block; vertical-align: top; width: 3.14rem; height: 0.64rem; line-height: 0.64rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%; color: #fff; padding-left: 0.78rem;}
.subject-banner .banner-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}

.subject-section{ padding: 1rem 0; overflow: hidden;}
.subject-section .base-top-box{ font-size: 0.2rem; text-align: center;}
.subject-section .base-top-box .title{ font-size: 0.4rem; font-weight: bold; line-height: 1.2;}
.subject-section .base-top-box .cont{ line-height: 1.8; margin-top: 0.1rem;}


.margin60{ margin-top: 0.6rem;}
.xspx-section1{ background-color: #f5f6fa;}
.xspx-section1-list{ margin-top: 0.6rem;}
.xspx-section1-list ul{ margin: 0 -0.2rem;}
.xspx-section1-list li{ float: left; width: 50%; padding: 0 0.2rem;}
.xspx-section1-list li .block-box{ background: -webkit-linear-gradient(48deg, #d1e4f9, #dfe4ff); background: linear-gradient(48deg, #d1e4f9, #dfe4ff); border-radius: 0.2rem; overflow: hidden;}
.xspx-section1-list li .block-box .top-title-box{ line-height: 0.6rem; font-size: 0.22rem; color: #fff; font-weight: bold; padding: 0 0.65rem; background: -webkit-linear-gradient(to right, #000361, #144fdd); background: linear-gradient(to right, #000361, #144fdd);}
.xspx-section1-list li .block-box .cont-box{ height: 2.5rem; padding: 0.2rem 0.65rem; font-size: 0.18rem; line-height: 1.8;}

.xspx-section2-list{ margin-top: 0.6rem;}
.xspx-section2-list ul{ margin: 0 -0.3rem;}
.xspx-section2-list li{ float: left; width: 33.333%; padding: 0 0.3rem;}
.xspx-section2-list li .block-box .icon{ width: 1.8rem; margin: 0 auto;}
.xspx-section2-list li .block-box .icon img{ display: block; width: 100%;}
.xspx-section2-list li .block-box .cont-box{ font-size: 0.18rem; line-height: 1.8; margin-top: 0.3rem; text-align: center;}
.xspx-section2-list li .block-box .cont-box .title{ font-size: 0.2rem; color: #062c7d; font-weight: bold;}

.xspx-section3{ background-color: #f5f6fa;}
.xspx-section3-pic{ margin-top: 0.6rem;}
.xspx-section3-pic img{ display: block; width: 60%; margin: 0 auto;}
.xspx-section3-list{ margin-top: 0;}
.xspx-section3-list li .block-box .icon{ width: 1.2rem; margin: 0 auto;}

.xspx-section4{ background-color: #f5f6fa;}
.xspx-section4-list{ margin-top: 0.6rem;}
.xspx-section4-list ul{ margin: 0 -0.2rem;}
.xspx-section4-list li{ float: left; width: 33.333%; padding: 0 0.2rem;}
.xspx-section4-list li .block-box{ background: -webkit-linear-gradient(48deg, #d1e4f9, #dfe4ff); background: linear-gradient(48deg, #d1e4f9, #dfe4ff); border-radius: 0.2rem; overflow: hidden;}
.xspx-section4-list li .block-box .top-title-box{ line-height: 0.6rem; font-size: 0.22rem; color: #fff; font-weight: bold; padding: 0 0.3rem; background: -webkit-linear-gradient(to right, #000361, #144fdd); background: linear-gradient(to right, #000361, #144fdd);}
.xspx-section4-list li .block-box .top-title-box span{ font-size: 0.2rem; font-weight: normal; margin-left: 0.15rem;}
.xspx-section4-list li .block-box .cont-box{ height: 3rem; padding: 0.2rem 0.2rem; font-size: 0.18rem; line-height: 1.8;}
.xspx-section4-list li .block-box .cont-box .title{ font-size: 0.2rem; color: #062c7d; font-weight: bold;}
.xspx-section4-list .notes{ margin-top: 0.2rem; font-size: 0.16rem; color: #666;}

.xspx-section5-list li .block-box .cont-box{ height: 5rem;}
.xspx-section5-list li .block-box .cont-box dd{ position: relative;/* padding: 0.15rem 0 0.15rem 0.4rem; */ padding: 0.15rem 0; border-bottom: 0.01rem dotted #888;}
.xspx-section5-list li .block-box .cont-box dd:last-child{ border-bottom: 0;}
/* .xspx-section5-list li .block-box .cont-box dd .title{ width: 0.24rem; position: absolute; left: 0; top: 50%; transform:translateY(-50%); line-height: 1.2;} */

.xspx-section6{ background-color: #f5f6fa;}
.xspx-section6 .pic{ border-radius: 0.2rem; overflow: hidden;}
.xspx-section6 .pic img{ display: block; width: 100%;}
.xspx-section6 .cont-inner{ width: 47%; position: absolute; top: 50%; transform:translateY(-50%); right: 0.4rem; font-size: 0.18rem; color: #fff;}
.xspx-section6 .cont-inner .base-top-box{ text-align: left;}
.xspx-section6 .cont-inner .cont{ margin-top: 0.2rem; line-height: 1.8;}
.xspx-section6 .cont-inner .btn-box{ margin-top: 0.3rem; font-size: 0.18rem;}
.xspx-section6 .cont-inner .btn-box a{ display: inline-block; vertical-align: top; width: 2.38rem; height: 0.48rem; line-height: 0.48rem; background: url(../images/home-banner-btn-bg.png) left center no-repeat; background-size: auto 100%; color: #fff; padding-left: 0.55rem;}
.xspx-section6 .cont-inner .btn-box a:hover{ background-image: url(../images/home-banner-btn-bg-on.png);}

.about-video-section{ background: url(../images/qyzz-bg.jpg) top center no-repeat #f7fbfe; background-size: 100% auto;}
.about-video-section .video-box video{ display: block; width: 100%; border-radius: 0.2rem;}



@media (max-width: 1680px){
	/* 缩小80% */
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	
}
@media (max-width: 1200px){
	/* 缩小60% */
	
}

@media (max-width: 992px){
	/* 缩小60% */
	body{ min-width: 100%;}
	.edit-container{ /* width: calc(100% - 10.66vw); */ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
	.subject-nav{ line-height: normal;}
	.subject-nav ul{ position: absolute; left: -0.4rem; top: 1.25rem; background: #fff; width: calc(100% + 0.8rem); border-top: 0.01rem solid #f4f4f4; display: none;}
	.subject-nav li{ float: none; font-size: 0.24rem; padding: 0.4rem; margin-left: 0; text-align: center; border-bottom: 0.01rem solid #dbdbdb;}
	.subject-nav li::before{ display: none;}
	.subject-nav li a,.subject-nav li a:hover{ font-size: 0.24rem; color: #000;}
	.subject-nav li:hover a, .subject-nav li.active a{ font-size: 0.28rem; color: #0126a1;}
	
	.header .subject-icon-menu{ width: 0.5rem; height: 0.5rem; position: absolute; top: 0.375rem; right: 0;}
	.header .subject-icon-menu i{width:100%;height:0.04rem;margin-top:0.25rem;background:#fff;display:block;position:relative;transition:0.4s}
	.header .subject-icon-menu i:before,.header .subject-icon-menu i:after{content:"";position:absolute;left:0;top:0;display:block;width:100%;height:0.04rem;background:#fff;transition:0.4s}
	.header .subject-icon-menu i:before{margin-top:-0.14rem}
	.header .subject-icon-menu i:after{margin-top:0.14rem}
	.header .subject-icon-menu.on i{background: transparent}
	.header .subject-icon-menu.on i:before{transform:rotate(45deg);margin:0}
	.header .subject-icon-menu.on i:after{transform:rotate(-45deg);margin:0}
	
	.subject-banner::before{ content: ''; width: 100%; height: 100%; background-color: rgba(000, 000, 000, 0.3); position: absolute; top: 0; left: 0;}
	.subject-banner .banner-inner{ padding: 0 0.4rem;}
	.subject-banner .banner-inner .cont-inner{ width: 100%; font-size: 0.24rem;}
	.subject-banner .banner-inner .cont-inner .title{ font-size: 0.36rem;}
	.subject-banner .banner-inner .btn-box{ font-size: 0.24rem;}
	.subject-banner .banner-inner .btn-box a{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem;}
	
	.subject-section{ padding: 0.8rem 0.4rem;}
	.subject-section .base-top-box{ font-size: 0.24rem;}
	.subject-section .base-top-box .title{ font-size: 0.4rem;}
	
	
	.xspx-section1-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.xspx-section1-list li .block-box .top-title-box{ line-height: normal; font-size: 0.28rem; padding: 0.2rem 0.4rem;}
	.xspx-section1-list li .block-box .cont-box{ height: auto; padding: 0.4rem; font-size: 0.24rem;}
	
	.xspx-section2-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.xspx-section2-list li .block-box .icon{ width: 2rem;}
	.xspx-section2-list li .block-box .cont-box{ font-size: 0.24rem;}
	.xspx-section2-list li .block-box .cont-box .title{ font-size: 0.28rem;}
	
	.xspx-section3-pic img{ width: 100%;}
	.xspx-section3-list li .block-box .icon{ width: 1.6rem;}
	
	.xspx-section4-list li{ float: none; width: 100%; margin-top: 0.4rem;}
	.xspx-section4-list li .block-box .top-title-box{ line-height: normal; font-size: 0.28rem; padding: 0.2rem 0.4rem;}
	.xspx-section4-list li .block-box .cont-box{ height: auto; padding: 0.4rem; font-size: 0.24rem;}
	.xspx-section4-list li .block-box .cont-box .title{ font-size: 0.24rem;}
	.xspx-section4-list .notes{ font-size: 0.24rem;}
	
	.appointment-section .code-box .pic{ width: 2rem; padding: 0.12rem;}
	.appointment-section .code-box .title{ font-size: 0.24rem;}
	.appointment-section .code-box .title span{ padding: 0.1rem 0.2rem;}
	.appointment-section .cont-box{ font-size: 0.24rem;}
	.appointment-section .cont-box .title{ font-size: 0.28rem;}
	
	.xspx-section6 .cont-inner{ width: 100%; right: 0; padding: 0 0.4rem; top: 52%; transform: translateY(0); font-size: 0.24rem;}
	.xspx-section6 .cont-inner .btn-box{ font-size: 0.24rem; margin-top: 0.4rem;}
	.xspx-section6 .cont-inner .btn-box a{ width: 2.4rem; height: 0.6rem; line-height: 0.6rem;}
	
	
}

/* 超小屏 */
@media (max-width: 640px){
	
}

@media (max-width: 540px){
	
}

/* 特殊缩放 */
@media (min-width: 1201px) and (max-width: 1280px){
	/* 缩小70% */
	
	
}