@import url("global.css");

html{font-size: 20px;}
.banner{width:100%;background: #e07534 url(../images/bannerbg.jpg) no-repeat top center; background-size: cover;}
.banner_con{max-width:1300px;height:520px;margin:0 auto;display:flex;justify-content: center;align-items:center;position: relative;}
.banner_con .logo{padding:25px 0 0 15px;position: absolute;left:0;top:0;z-index: 9;}
.banner_con h2{position:relative;margin-top: 50px;z-index: 10;}
.banner_con h2 img{width:550px;height: auto;}

.container{padding:30px 0;background-color: #f5f5f5;}
.container .main{width:100%;max-width:1380px;margin:0 auto;padding:40px 0;background-color: #fff;position: relative; }
.container .main::after{content:'';display: block;width:2px;position: absolute;top:30px;bottom:30px;left:67.8%;border-right: 1px solid #efefef;box-shadow: 0px 0 30px rgba(0,0,0,0.15);}

.section .col_a{width:68%;float: left;}
.section .col_b{width:32%;float: right}
.section .article_card:last-child{margin-bottom: 0}

.article_card{padding:0 30px;box-sizing: border-box;margin-bottom:20px;background-color: #fff; border-radius: 8px}
.card_title{margin-bottom: 15px;padding-top:12px;padding-bottom: 15px; background:#fdf2ed url(../images/t_bg.png) no-repeat left bottom; display: flex;justify-content: space-between;align-items: center;}
.card_title strong{display:inline-block;padding-left:45px;font-size: 1.3rem;color: #d5590f;background: url(../images/ts_bg.png) no-repeat 10px center;}
.card_title .more{margin-right: 1.5em;}
.card_title .more a{display:block;width:32px;height: 32px;font-size: 0; background: url(../images/more.png); background-size: cover;transition: all ease-in 0.3s;}
.card_title .more a:hover{transform: scale(1.3);}

.top_service ul{padding-top: 0;margin-bottom: -15px}
.top_service ul{margin-right:-15px;display: flex;flex-wrap: wrap;justify-content: space-between}
.top_service li {margin-right: 15px;flex-grow: 1;margin-bottom: 15px;width:calc(25% - 15px);border-radius: 10px;}
.top_service .list_col_b li{width:calc(50% - 15px);}
.top_service li a{display: block;padding:25px 50px; box-sizing: border-box; height: 190px; font-size: 1.2rem;border: none;border-radius: 8px;color:#d25f0a;text-align: center;}
.top_service li a span{background: linear-gradient(to right, #ff8402, #d25f0a) no-repeat;background-position: right bottom;background-size: 0 2px;transition: background-size .5s;}
.top_service li a:hover span{background-position: left bottom;background-size: 100% 2px;}

.top_service li:nth-child(1) {background: url(../images/icon_guide01.png) no-repeat center center;background-size: cover;}
.top_service li:nth-child(2) {background: url(../images/icon_guide02.png) no-repeat center center;background-size: cover;}
.top_service li:nth-child(3) {background: url(../images/icon_guide03.png) no-repeat center center;background-size: cover;}
.top_service li:nth-child(4) {background: url(../images/icon_guide04.png) no-repeat center center;background-size: cover;}

.service ul{padding-top:15px;margin-right:-15px;display: flex;flex-wrap: wrap;justify-content: space-between}
.service li {margin-right: 15px;flex-grow: 1;margin-bottom: 15px}
.service li a{display: block;padding:0.85em 0.5em;background: #f8f8f8;border-radius: 5px;text-align: center;font-size: 0.9rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service li a:hover{background-color: #ef6b47;color: #fff;}

.service .list_col_a li{width:100%}
.service .list_col_b li{width:calc(50% - 15px)}
.service .list_col_c li{width:calc(33% - 15px)}
.service .list_col_d li{width:calc(25% - 15px)}
.service .list_col_e li{width:calc(20% - 15px)}
.service .list_col_f li{width:calc(16.6% - 15px)}

.img_news{float: left;width:48%;padding-top:10px}
.slideBox{ width:100%; height:260px; overflow:hidden; position:relative;}
.slideBox .swiper-pagination{right: 10px;bottom:15px;width:auto;text-align: right;}
.slideBox .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1;width:12px;height: 12px;}
.slideBox .swiper-pagination .swiper-pagination-bullet-active{ background: #f00;}

.slideBox .swiper-button-prev,.slideBox .swiper-button-next{ position: absolute;top:50%;transform: translateY(-50%); display:block;  width:30px; height:66px;cursor:pointer; z-index: 3;} 
.slideBox .swiper-button-prev{left:0;background:url("../images/prev_btn.png") no-repeat;background-size: cover;}
.slideBox .swiper-button-next{right: 0; background:url("../images/next_btn.png") no-repeat;background-size: cover;} 

.slideBox .swiper-slide{position:relative;flex-wrap: wrap;overflow: hidden;}
.slideBox .swiper-slide img{ width:100%; height:100%; position: relative; z-index: 0;transition: all ease-in 0.3s;object-fit: cover;}
.slideBox .swiper-slide img:hover{transform: scale(1.08);}
.slideBox .swiper-slide .news_info{padding:10px;box-sizing: border-box;background:rgba(0,0,0,0.6); width:100%;position: absolute;bottom:0;z-index:2;padding-left: 15px;}
.slideBox .swiper-slide  .news_info a{display:block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight: normal; font-size: 0.8rem;line-height: 2;color: #fff;}
.text_news{float: right;width:49%}

.top_imglink{position: relative;box-sizing:border-box;margin:0 30px 20px;height: 200px;background-color:#fff;border-radius: 20px 0 20px 0;overflow: hidden}
.yjs_Swiper {width: 100%;height: 100%;overflow: hidden;border-radius:8px;}
.yjs_Swiper .swiper-slide{display:flex;justify-content:center;align-items:center;text-align:center;font-size:1.5rem;color: #fff}
.yjs_Swiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.yjs_Swiper .swiper-pagination-bullet{width:12px;height:12px;background-color: #fff}
.yjs_Swiper .swiper-slide{position: relative;}
.yjs_Swiper .swiper-slide .bg{position: absolute;left:0;bottom:0;width: 100%;height: 100%;background-size: 100% !important;background-position:center center !important;filter: blur(20px);opacity: 0.5;}
.yjs_Swiper .swiper-slide img{position: relative;z-index: 11;}
.yjs_Swiper .swiper-pagination-bullets{bottom:10px}

.list ul li{display: flex;justify-content: space-between; line-height:45px;white-space: nowrap}
.list ul li a{position: relative; padding-left:15px; overflow:hidden;white-space: nowrap;font-size:0.9rem; color:#343434;text-overflow: ellipsis}
.list ul li a:before{ content:""; position:absolute;top:47%; left:0px;width:5px; height:5px; background:#f2d2c2;border-radius:50%}
.list ul li a:hover{color:#c00}
.list ul li a:hover:before{ background:#c00}
.list ul li span{margin-left: 1em;color: #9d9d9d;font-size: 0.8rem;}
.list_more{display: none;text-align: center}
.list_more a{display: inline-block;padding: 10px 40px;height: 100%;background: #fff0e5;font-size: 0.9rem;color: #666;text-align: center}

.list_qa dl{ padding:15px; border-bottom: 1px solid #f5f5f5; background-color: #fff;}
.list_qa dl:last-child{border-bottom: none;}
.list_qa dt,.list_qa dd{position: relative;padding-left: 50px;font-weight: normal}
.list_qa dl i{position: absolute;left: 0;top:0;display:inline-block;width:36px;height: 36px;text-align: center;line-height: 34px;color: #fff;font-style: normal}
.list_qa dt i{background: url(../images/msfw_q.png);background-size: 100%;color: #fff}
.list_qa dd i{background: url(../images/msfw_a.png);background-size: 100%;color: #fff;font-size: 0.9rem}
.list_qa dt{margin-bottom:10px;color:#000;font-size: 0.9rem}
.list_qa dd{display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;text-overflow: ellipsis;font-size:0.8rem;line-height: 1.6;color: #888;}

.link_button ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.link_button li{flex-grow: 1;margin-right: 20px;background: linear-gradient(to bottom, #ffb294, #fdf4ec);border-radius: 20px 0 20px;box-shadow: 0 5px 5px rgba(215, 142, 107, 0.2);}
.link_button li a{padding:20px 0;display: flex;justify-content: center;align-items: center;font-size: 1.3rem;color: #c00}
.link_button li img{width: 68px;height: 68px;border-radius: 100%;box-shadow: 0 5px 5px rgba(255,195,148,0.5);}
.link_button li span{margin-left:0.5em}
.link_button li a:hover{color: #f00}
.link_button li a:hover img{transform: rotateY(360deg); transition: all 0.7s linear;}

.col_b .link_button li{width:100%;margin-right: 0;margin-bottom: 20px}
.col_b .link_button li:last-child{margin-bottom: 0;}

.footer{padding:50px 0;background-color: #dd6e2e;color: #fff;font-size: 0.8rem;}
.footer a:link,.footer a:visited{color:#fff}

@media (min-width:1480px){
	.container .main,.banner_con{max-width:1480px;}
}
@media (min-width:1680px){
	.container .main,.banner_con{max-width:1580px;}
}
@media (min-width:1980px){
	.container .main,.banner_con{max-width:1880px;}
}
@media (min-width:1800px){
	.banner{background-size: 100% 100%;}
	.top_service li a{height: 220px;padding: 25px 70px;}
	.link_button li a{padding:25px 0}
}
@media (max-width:1400px){
  .effect .swiper-button-white{display: none;}
}
@media (max-width: 1080px) {
	html{font-size: 18px;}
	.banner{height: 50vw; background-size: cover;}
	.banner_con{width:100%;height: 100%;}
	.banner_con .logo{padding:10px 0 0 15px;}
	.banner_con h2{width:100%;text-align: center;}
	.banner_con h2 img{width:50%}
	
	.container .main{padding: 0;}
	.container .main::after{display: none;}
	.section .col_a,.section .col_b{width:100%}
	.block_b .article_card{width:100%}
	.article_card{padding:20px;margin-bottom: 0;padding-bottom: 0;}
	.service .list_col_c li{width:calc(48% - 15px)}
	.list ul li{line-height: 2.4}
	.list_more{display: block}
	.card_title .more{display: none}
	.top_service li a{font-size:1rem}
	.section_service .service,.section_service .link_button{float: none;width:100%}

	.link_button{margin-top: 15px}
	.link_button li a{font-size:1.5rem}
}

@media (max-width: 640px) {
	html{font-size: 16px;}
	.banner{height: 60vw;}
	.banner_con .logo img {width: 60%;}
	.banner_con h2 img{width:65%}
	
	.top_service ul{margin-right: 0;}
	.top_service li {width:calc(48% - 15px)}
	.top_service li a{height: 150px;padding:25px;}
	.service li i{width:32px;height: 32px;margin-right: 10px;}

	.article_card{padding: 15px}
	.service li{margin-bottom: 15px}
	.service li a{white-space: normal;}
	
	.top_imglink{height: auto;}

	.link_button li img{width: 13vw;height: 13vw;}
	
	.list_qa dt{font-size: 1.1rem;}
	.service ul{margin-right: 0;}
	.service .list_col_b li,.service .list_col_c li{width:100%;margin-right: 0;}
	.service .list_col_c li:nth-child(2n){margin-right: 0;}
	.service .list_col_e li{width:calc(48% - 15px)}
	
	.img_news{margin-bottom: 20px;}
	.img_news,.text_news{float: none;width:100%}
}