@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
body{font-size:16px;font-family: 'Arial','Microsoft YaHei','simSun' !important;-webkit-tap-highlight-color:rgba(0,0,0,0);min-width: 976px;overflow-x: auto;}
img{width: 100%; border:0;height: auto;transition: all 0.4s;}
a{text-decoration: none;cursor: pointer;border:0;color: initial;}
a:hover{text-decoration:none}
.show-div{display: block !important;}
.show-div-flex {display: flex !important;}
.hidden-div{display: none !important;}
/* 字体 */
@font-face {
	font-family: 'DIN';
	src: local('☺'), url('../fonts/DIN-Bold.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Arial';
	src: local('☺'), url('../fonts/Arial.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Arial-bold';
	src: local('☺'), url('../fonts/Arial Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* public */
.f-c-c{display: flex;align-items: center;justify-content: center;}
.f-c-sb{display: flex;align-items: center;justify-content: space-between;}
.f-c-s{display: flex;align-items: center;justify-content: flex-start;}
.f-c-e{display: flex;align-items: center;justify-content: flex-end;}
.f-s-e{display: flex;align-items: flex-start;justify-content: flex-end;}
.f-s-s{display: flex;align-items: flex-start;justify-content: flex-start;}
.f-e-sb{display: flex;align-items: flex-end;justify-content: space-between;}
.f-s-sb{display: flex;align-items: flex-start;justify-content: space-between;}
.y-hide1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.y-hide2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.y-w1100{width: 1200px;}
.y-page{padding-top: 80px;display: flex;flex-direction: column;min-height: 100vh;box-sizing: border-box;}
.y-content{flex: 1;}


.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;}
.pagination li{width:30px;height:30px;border-radius:50%;border:1px solid #ECECEC;flex:none;display:flex;align-items:center;justify-content:center;margin:10px;}
.pagination span,.pagination a{color:#999;font-size:14px;}
.pagination .active,
.pagination li:hover{background:#00305B;border:1px solid #00305B;}
.pagination li:hover a,
.pagination .active a,
.pagination .active span{color:#fff;}
.pagination .disabled{background:#fff !important;border:1px solid #ECECEC !important;}

/* 头部 */
.header-all{position: fixed;background: #fff;z-index: 999;left: 0;right: 0;width: 100%;top: 0;}
.y-header{height: 80px;}
.y-header .hea-logo{width: 191px;display: block;flex: none;}
.y-header .hr-b-item{height: 25px;font-weight: 400;font-size: 13px;color: #FFFFFF;}
.y-header .hr-b-item:first-child{width: 53px;background: #00305B;border-radius: 20px 0 0 20px;}
.y-header .hr-b-item:last-child{width: 67px;background: #41B7C4;border-radius: 0 20px 20px 0;}
.y-header .hea-right{flex-direction: column;display: flex;align-items: flex-end;}
.y-header .hr-m-list{transition: all 0.4s;flex: none;margin-left: 35px;font-weight: 400;font-size: 15px;color: #000000;font-family: 'Arial-Regular';position:relative;cursor:pointer;}
.y-header .h-select{display:none;}
.y-header .hr-m-active .h-select{display:block;}
.y-header .hr-m-active .h-no-select{display:none;}
.y-header .hr-m-tit img{width:15px;height:auto;flex:none;margin-left:5px;margin-top:3px}
.y-header .hr-m-active{color: #41B7C4 !important;}
.y-header .hr-menu{margin-top: 10px;}
.y-header .hr-b-item1{background:#41B7C4;height: 25px;border-radius:17px;padding:0 10px;font-weight: 400;font-size: 14px;color: #FFFFFF;}
.y-header .hr-b-item2{width:max-content !important;padding:0 10px;}
.y-header .h-c-item:hover{color:#41B7C4;}
.y-header .h-child{position:absolute;top:100%;left:-10px;width:300px;padding-top:10px;z-index:9999;display:none;}
.y-header .h-c-item{background:#fff;height:40px;box-sizing:border-box;padding:0 10px;font-size:14px;}
.y-header .h-c-item:first-child{border-top:2px solid #00305B;}
.y-header .h-c-item:last-child{border-bottom:2px solid #00305B;}
.y-header .hr-m-list:hover .h-child{display:block;}
/* 底部 */
.y-footer .foot-first{background: #F3F3F3;height: 267px;}
.y-footer .f-f-logo{width: 191px;flex: none;display: block;}
.y-footer .ff-r-list{margin-left: 50px;}
.y-footer .ff-r-item{width: max-content;font-weight: 400;font-size: 14px;color: #000000;margin: 25px 0;position: relative;transition: color 0.3s ease-in-out;}
.y-footer .ff-r-item:last-child{margin-bottom: 0;}
.y-footer .ff-r-item:first-child{margin-top: 0;}
.y-footer .ff-r-dot{width: 9px;background: #929292;height: 9px;border-radius: 50%;flex: none;margin-right: 10px;}
.y-footer .foot-second{height: 124px;width: 100%;background: #626262;}
.y-footer .f-s-info{font-weight: 400;font-size: 16px;text-align: center;color: #333333;line-height: 18px;}
/* 面包屑 */
.y-crumbs{min-height: 40px;background: #00305B;}
.y-crumbs .cru-box a,
.y-crumbs .cru-box span{font-weight: 400;flex: none;font-size: 12px;word-break: break-all;color: #B3B3B3;}
.y-crumbs .cru-box a{position: relative;transition: color 0.3s ease-in-out;}
.y-crumbs .cru-box{flex-wrap: wrap;}

/* 动效 */
.y-header .hr-m-list:hover,.sy-box4 .b4-name:hover,
.y-login .b1-not:hover,
.y-details .b2-list:hover{color: #41B7C4;transition: all 0.4s;}
.y-details .b3-l-name:hover,
.y-details .b3-l-info p a:hover{color:#000;transition: all 0.4s;}
.sy-box4 .b4-pic img:hover,
.y-details .qkd-box1 .swiper-slide img:hover,
.y-search .ss-pic img:hover{transition: all 0.4s;transform: scale(1.05);}
.y-login .b1-t-list:hover,
.y-login .b1-btn:hover{background: #41B7C4;color: #FFFFFF;transition: all 0.4s;}
.y-footer .ff-r-item::after {content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background-color: #929292;transform: scaleX(0);transform-origin: right center;transition: transform 0.3s ease-in-out;}
.y-footer .ff-r-item:hover::after {transform-origin: left center;transform: scaleX(1);}
.y-footer .ff-r-item:not(:hover)::after {transform-origin: right center;transform: scaleX(0);}
.y-crumbs .cru-box a::after {content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background-color: #B3B3B3;transform: scaleX(0);transform-origin: right center;transition: transform 0.3s ease-in-out;}
.y-crumbs .cru-box a:hover::after {transform-origin: left center;transform: scaleX(1);}
.y-crumbs .cru-box a:not(:hover)::after {transform-origin: right center;transform: scaleX(0);}
.y-search .ss-btn:hover{background: #00305B;transition: all 0.4s;}
.sy-box2 .b2-txt::after {content: "";position: absolute;left: 0;bottom: -2px;width: 100%;height: 2px;background-color: #00305B;transform: scaleX(0);transform-origin: right center;transition: transform 0.3s ease-in-out;}
.sy-box2 .b2-txt:hover::after {transform-origin: left center;transform: scaleX(1);}
.sy-box2 .b2-txt:not(:hover)::after {transform-origin: right center;transform: scaleX(0);}
.sy-box2 .b2-txt:hover{color: #00305B;transition: all 0.4s;}


@media screen and (min-width: 1921px) and (max-width: 2560px){
	
}
@media screen and (max-width: 1919px) {

}
@media screen and (max-width: 1700px) {

}
@media screen and (max-width: 1600px){
.y-search .ss-pic {width: 172px;height: 241px;}
.y-search .ss-info{height: 241px;}
.y-search{padding: 30px 0 22px 0;}

.y-details .qkd-box2{margin: 50px 0 20px 0;}
.y-details .qkd-box1 .mySwiper {width: 205px;}
.y-details .b3-list {margin-bottom: 60px;}
.y-list .lb-tit{padding: 30px 0 16px 0;}
.y-list {padding-bottom:60px;}
.y-login .dl-main {padding-top: 60px;  padding-bottom: 60px;}
.y-login .b1-main{padding-bottom: 100px;}
.y-header .hr-m-list{margin-left: 30px;}
.sy-box1 .b1-tit{font-size: 28px;}
.sy-box1 .b1-serach {width: 60%;height: 45px;border-radius: 22px;}
.sy-box1 .b1-serach img{width: 25px;}
.sy-box1 .b1-line{margin-top: 30px;height: 3px;}
.sy-box2{padding: 60px 0;}
.sy-box2 .b2-introduce {margin: 5px 0 50px 0;}
.sy-box4 .swiper-button-next:after, .sy-box4 .swiper-button-prev:after {font-size: 44px;}
.sy-box4 .swiper-button-next {right: -50px;}
.sy-box4 .swiper-button-prev {left: -50px;}
.sy-box5 .b5-tit{margin-top: 60px;}
.sy-box5 .b5-subtitle {margin: 5px 0 30px 0;}
.y-footer .foot-first{height: 250px;}
.y-footer .foot-second{height: 110px;}
}
@media screen and (max-width: 1400px){
.y-register .b1-l-tit {width: 190px;}
.y-register .b1-l-btit,.y-register .b1-button{font-size: 19px;}
.y-register .b1-list .zc-info{width: 350px !important;}
.y-search .ss-list{padding: 15px;}
.y-search .ss-intro{margin-top: 15px;}
.y-search .ss-btn {width: 150px;height: 32px;}
.y-search .ss-pic {width: 160px;height: 225px;}
.y-search .ss-info {height: 225px;}
.y-search {padding: 30px 0 12px 0;}
.y-details1 .d1-b1-part {margin-bottom: 30px;}
.y-details1 .d1-b1-name,.y-details1 .d1-b1-content{font-size: 18px;}
.y-details1 .d1-b1-first{font-size: 18px;}
.y-details1 .d1-b1-tit{font-size: 26px;}
.y-submit .sub-b1-item{width: 80%;}
.y-submit .sub-box1{font-size: 19px;}
.y-details .qkd-box1 .mySwiper {width: 190px;}
.y-details .b3-l-info p {margin-top: 15px;}
.y-details .b3-list {margin-bottom: 50px;}
.y-details .b1-i-txt {margin-top: 30px;}
.y-details .qkd-box2{margin: 40px 0 20px 0;}
.y-list .lb-tit {padding: 25px 0 12px 0;}
.y-list .lb-info{font-size: 18px;}
.y-list {padding-bottom: 50px;}
.y-reset .b1-l-tit {width: 220px !important;}
.y-login .dl-main {padding-top: 50px;padding-bottom: 50px;}
.y-login .b1-main {padding-bottom: 80px;}
.y-w1100 {width: 1040px;}
.y-header .h-c-item{font-size:13px;height:35px;}
.y-header .h-child{width:275px;}
.y-services .b1-list{padding:0 15px;}
.y-header .hea-logo,.y-footer .f-f-logo{width: 170px;}
.y-header .hr-m-list {margin-left: 22px;font-size: 14px;}
.y-header {height: 70px;}
.y-page{padding-top: 70px;}
.y-header .hr-menu {margin-top: 7px;}
.sy-box1 .b1-tit {font-size: 26px;}
.sy-box1 .b1-subtitle{font-size: 14px;margin: 3px 0 15px 0;}				
.sy-box1 .b1-serach {width: 55%;height: 40px;border-radius: 20px;}				
.sy-box1 .b1-serach input{font-size: 14px;}				
.sy-box1 .b1-serach img {width: 23px;}			
.sy-box1 .b1-line {margin-top: 25px;height: 2px;width: 6.55%;}				
.sy-box2 .b2-info{margin-left: 50px;}					
.sy-box2 {padding: 50px 0;}	
/*.sy-box2 .b2-tit, .sy-box3 .b3-tit, .sy-box5 .b5-tit {font-size: 40px;}			*/
.sy-box2 .b2-introduce {margin: 5px 0 40px 0;}			
.sy-box2 .b2-item img {width: 45px;margin-right: 10px;}				
.sy-box2 .b2-item{margin-bottom: 25px;}
.sy-box3 .b3-introduce {margin-top: 5px;}
.sy-box3{height: 290px;}
.sy-box4 .b4-name {margin-top: 7px;}	
.sy-box5 .b5-tit {margin-top: 50px;}
/*.sy-box5 .b5-grey80 {font-size: 20px;}*/
.sy-box5 .b5-subtitle {margin: 5px 0 25px 0;}
.sy-box5 .b5-info {padding-bottom: 20px;}	
.sy-box5 .b5-list {margin-bottom: 40px;}
.y-footer .ff-r-item {margin: 20px 0;}
.y-footer .foot-first {height: 210px;}	
.y-footer .f-s-info{font-size: 15px;}	
.y-footer .foot-second {height: 90px;}
		
}
@media screen and (max-width: 1200px){
.y-about .gy-tit {font-size: 16px;  }
.y-about .lb-info{margin-bottom: 20px;}
.y-register .b1-l-btit, .y-register .b1-button {font-size: 17px;}
.y-register .b1-l-tit {width: 160px;}
.y-register .b1-list .zc-info {width: 300px !important;}
.y-register .b1-not img{width: 18px;}
.y-register .b1-agreement .b1-label{margin-top: 0;}
.y-search .ss-list{margin-bottom: 30px;}
.y-search .ss-name {font-size: 18px;}
.y-search .ss-intro {margin-top: 10px;}
.y-search .ss-btn {width: 140px;height: 30px;}
.y-search .ss-pic {width: 145px;height: 203px;}
.y-search .ss-info {height: 203px;}
.y-search {padding: 30px 0 10px 0;}
.y-details1 .d1-b1-first {font-size: 17px;}
.y-details1 .d1-b1-tit {font-size: 24px;margin: 5px 0 20px 0;}
.y-details1 .d1-b1-name, .y-details1 .d1-b1-content {font-size: 17px !important;}
.y-details1 .d1-b1-part {margin-bottom: 20px;}
.y-details .qkd-box2 {margin:30px 0 20px 0;}
.y-submit .sub-box1{font-size: 17px;}
.y-submit .sub-b1-item{margin: 10px auto;}
.y-details .qkd-box1 .mySwiper {width: 160px;}
.y-details .b1-info {margin-left: 25px;}
.y-details .b1-i-name {font-size: 18px;}
.y-details .b1-i-txt {font-size: 15px;margin-top: 25px;}
.y-details .b3-l-name {font-size: 16px;}
.y-details .b3-list {margin-bottom: 40px;}
.y-list .lb-tit {font-size: 18px;padding: 20px 0 10px 0;}
.y-list .lb-info {font-size: 16px;}
.y-list {padding-bottom: 40px;}
.y-reset .b1-btn {width: 240px !important;}
.y-reset .b1-l-tit {width: 200px !important;}
.y-login .dl-main {padding-top: 40px;padding-bottom: 40px;}
.y-login .b1-main {padding-bottom: 60px;padding-top: 40px;}
.y-login .b1-t-list{font-size: 15px;}
.y-login .b1-l-tit, .y-login .b1-btn, .y-login .b1-not {font-size: 17px;}
.y-login .b1-list input,.y-login .b1-all-btn{width: 350px;}
.y-login .b1-btn{width: 105px;height: 30px;}
.y-w1100 {width: 930px;}
.y-header .hr-m-list{font-size:13px;}
.y-services .b1-list{font-size:14px;}
.y-services .fw-box2 {margin-top: 30px;box-sizing: border-box;padding: 10px 25px;margin-bottom: 20px;}
.y-header .hr-m-list {margin-left: 15px;}
.y-header .hea-logo, .y-footer .f-f-logo {width: 145px;}
.sy-box1 .b1-tit {font-size: 22px;}
.sy-box1 .b1-subtitle {font-size: 12px;}
.sy-box2 {padding: 40px 0;}
.sy-box2 .b2-info {margin-left: 40px;}
.sy-box2 .b2-tit, .sy-box3 .b3-tit, .sy-box5 .b5-tit {font-size: 20px;}
.sy-box2 .b2-introduce {font-size: 15px;margin: 3px 0 30px 0;}
.sy-box2 .b2-item img {width: 40px;margin-right: 5px;}
.sy-box2 .b2-item{font-size: 14px;}
.sy-box3 .b3-introduce {font-size: 15px;}
.sy-box3 {height: 245px;padding-top: 40px;}
.sy-box4 .b4-name {font-size: 15px;}
.swiper {width: 90%;}
.sy-box4 .swiper-button-next {right: -7px;}
.sy-box4 .swiper-button-prev {left: -7px;}
.sy-box4 .swiper-button-next:after, .sy-box4 .swiper-button-prev:after {font-size: 35px;}
.sy-box4 {margin-top: -80px;}
.sy-box5 .b5-tit {margin-top: 40px;}
.sy-box5 .b5-grey80 {font-size: 15px;}
.sy-box5 .b5-name{padding: 10px;}
.sy-box5 .b5-list {margin-bottom: 30px;}
.y-footer .ff-r-item {margin: 15px 0;}
.y-footer .foot-first {height: 165px;}
.y-footer .f-s-info {font-size: 14px;line-height: initial;}
.y-footer .foot-second {height: 70px;}
.y-details .b3-tit{font-size:18px;}
}
@media screen and (max-width: 993px){
.header-all{position: static;}
.y-page {padding-top: 0px;}
}