@import url("global.css");

html{font-size: 18px;overflow-x: hidden}

.banner{width:100%;background: #0088e3 url(../images/bannerbg.jpg) no-repeat top center; background-size: cover}
.banner_con{max-width:1240px;height:650px;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: 80px;z-index: 10}

.section{padding:40px 0}
.section .wal{width:100%;max-width:1240px;margin:0 auto}
.section h2{margin-bottom: 25px; text-align: center;overflow: hidden;position: relative;height: 88px;}
.section h2 a{display: block;width: 100%;}
.section h2 img{position: absolute;left:50%;transform: translateX(-50%);}

.daoyu {box-sizing: border-box;padding:30px;background-color: #fff;display:flex;justify-content: space-between; align-items: center;  border-radius: 10px; border: 2px dotted #0088e3; background-color: #f5fbff;}
.daoyu h3{width:6%;display: flex;align-items: center; justify-content: center}
.daoyu h3 strong{width:1em;word-break: break-all;padding:0.5em 0.4em 0.5em 0.3em;background-color: #0589ef;color: #fff;font-size: 1.75rem;border-radius: 8px;font-style: italic;transform: skewX(-5deg);box-shadow: 5px 5px 0 #c3f1ff;}
.daoyu p{box-sizing:border-box;padding-left:1em;width:94%;line-height: 1.8; text-indent: 2em;color: #1a7cd2;text-align: justify;}

.section03{padding-top:50px;background: #2393ea url(../images/bg_seciton02.jpg) no-repeat top center;background-size: cover}
.effect{position: relative;position:relative;z-index: 1}
.leftLoop01{padding-bottom: 60px}
.effect .swiper-button-prev{transform: translate(-200%,-100%)}
.effect .swiper-button-next{transform: translate(200%,-100%)}

.leftLoop01 .swiper-pagination{position: absolute;bottom:0;left: 50%;transform: translateX(-50%);text-align: center}
.leftLoop01 .swiper-pagination span{margin:0 6px;display: inline-block;width: 30px;height: 8px;font-size: 0;background-color: rgba(255, 255, 255, 0.5);border-radius: 8px;transition: all ease 0.3s;cursor: pointer;opacity: 0.8}
.leftLoop01 .swiper-pagination span.swiper-pagination-bullet-active{background-color: #fff;width:60px;opacity: 1}
.huodong dl{padding:30px;box-sizing:border-box;height:365px;border-radius: 12px;background-color: #fff}
.huodong  dt{margin-bottom:15px; padding-left: 1em;border-left:4px solid #0088e3;font-weight: bold;color: #0088e3}
.huodong  dt h3{margin-bottom: 0.2em;font-size: 1.3rem;}
.huodong  dt h4{font-size: 1.4rem;}
.huodong  dt i{margin-left:0.5em;border-radius:10px;font-size: 0.85rem;font-style: normal;padding:0.3em 0.5em;color: #fff;}
.huodong  dt i.in{background-color: #0088e3;}
.huodong  dt i.end{background-color: #e3e3e3;color:#666}
.huodong  dd{margin-top:10px;padding:20px;border-radius:12px;font-size:1rem;line-height:1.5}
.huodong  dd p{margin-bottom: 0.4em;}
.huodong  dd em{font-weight: bold;color: #0088e3;}

.section05{padding-top:50px;padding-bottom:60px;background: #e1f1fd;position: relative}
.qa dl{margin-bottom:15px; background: #fff;border: 1px solid #cde6ff; border-radius: 6px; padding:20px}
.qa dl:hover{box-shadow: 0 5px 10px rgba(27, 106, 215,0.1)}
.qa dl.on{background-color: #fff}
.qa dl dt{line-height: 1.6;cursor: pointer}
.qa dl dt strong{font-size: 1.1rem;color: #078ff8;font-weight: bold;display: inline-block;width: 90%;vertical-align: top}
.qa dl i{ display: inline-block;margin-right:0.3em;padding:0 0.3em;background: #078ff8;border-radius: 0.3em;color: #fff;line-height: 1.5;font-style: normal;transition: all ease-in 1s}
.qa dl dt em{display: inline-block;float: right;margin-top:12px;width:22px;height: 22px; background: url(../images/arrow.png) no-repeat;transition: all ease 0.3s}
.qa dl dt em.on{transform: rotate(180deg); transform-origin: center center}
.qa dl dd{margin-top: 10px; display:none;line-height: 1.8;font-size: 1rem}
.qa dl dd .qa_content{display: flex;align-items: flex-start;padding-bottom: 2em;position: relative}
.qa dl dd .qa_content>div{display: -webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;text-overflow: ellipsis}
.qa dl dd .showAll{padding-bottom: 0}
.qa dl dd .showAll>div{display: block;overflow: visible}
.qa dl dd i{ background: #0ccc8f}
.qa dl dd .qa_content div p{margin-bottom: 0.5em}
.qa dl dd .qa_content .get_more{position: absolute;bottom:0;right:1em;color: #5190e5;text-decoration: underline;cursor: pointer}
.qa dl dd .qa_content .get_more a:link,.qa dl dd .qa_content .get_more a:visited{color: #5190e5}

.list_hd ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.list_hd ul li{width:100%;margin-bottom: 15px;background-color:#3090e8;overflow: hidden;color: #fff;}
.list_hd dl{display: flex;justify-content: space-between;align-items: center;}
.list_hd dl dt{width:25%}
.list_hd dl dt img{width: 100%;}
.list_hd dl dd{width: 75%;box-sizing: border-box;padding:0 2em;}
.list_hd dl dd h3{margin-bottom: 0.3em;}
.list_hd dl dd p{line-height: 1.5;}
.list_hd dl dd a:link,.list_hd dl dd a:visited{color: #fff;}
.list_hd dl dd p a{margin-left: 1em;font-weight: bold;text-decoration: underline;}

.leftLoop02{padding-bottom: 50px;}
.list_video ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.list_video li{width:32%}
.list_video li img,.list_video li video{width:100%}
.list_video li p{margin-top:15px;line-height: 1.5}
.list_video li .video{height: 230px;overflow: hidden;}
.list_video li img{width: 100%;height: 100%;object-fit: cover;}

body:not(.hide_block) .foot{background-color: #0589ef !important}
body:not(.hide_block) .footer{background-color: #0589ef;color: #fff}
body:not(.hide_block) .footer a:link,body:not(.hide_block) .footer a:visited{color:#fff}

.hide_block .section05{display: none;}
.yg_banner{margin-bottom:30px;padding:20px;background-color: #fff; border-radius: 12px;}
.yg_banner dl{display: flex;justify-content: space-between;align-items: center;padding:50px 0 50px 280px;background: url(../images/rili.png) no-repeat left 20px center; background-size: auto 100%;}
.yg_banner dt{font-size: 1.75rem;color: #0088e3;font-weight:bold;}
.yg_banner dd{margin-right: 30px;}
.yg_banner dd a{display: block;padding:0.5em 1.5em; background-color: #0088e3;color: #fff;border-radius: 10px;font-size: 1.3rem;}

@media (max-width:1200px){
	.yg_banner dl{flex-direction: column;align-items: baseline;padding-left: 50%;background-size: auto 80%;}
	.yg_banner dt{font-size: 1.4rem;}
	.yg_banner dd{margin-right: 0;margin-top: 15px;}

@media (max-width:800px){
	.yg_banner dl{padding-top:50vw;padding-left:0;padding-bottom:20px;background-size: 80% auto; background-position: top center;align-items: center;text-align: center;}
	.yg_banner dd{margin-right: 0;margin-top: 15px;font-size: 1.2rem;}
}
	
@media (min-width:1480px){
	.section .wal,.banner_con{max-width:1320px}
}
@media (min-width:1680px){
	.section .wal,.banner_con{max-width:1480px}
}
@media (min-width:1980px){
	.section .wal,.banner_con{max-width:1680px}
}
@media (min-width:1800px){
	.banner{background-size: 100% 100%}
}
@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:60%}

.section{padding: 2rem 0}
.section h2{margin-bottom: 20px}
.section h2 img{width:200%}
.section .wal{width:96%; margin:2%}

.daoyu h3{width:10%;}
.daoyu h3 strong{transform: none;}
.daoyu p{width:90%;padding-left: 0;}

.section03,.section05{padding-top:20px}
.leftLoop01{margin-top:20px;height:auto}
.huodong dl{height: auto;}

.qa dl dt{line-height: 1.5}
.qa dl dd .showAll{padding-bottom: inherit}

.list_hd li{padding: 1rem}

.list_video li{width:100%}
.list_video li{margin-bottom: 15px}
.list_video li video{width:100%;height: auto}
}

@media (max-width:640px){
html{font-size: 16px}
.banner{height: 60vw}
.banner_con .logo img {width: 60%}
.banner_con h2{margin-top: 50px;}
.banner_con h2 img{width:80%}
.section h2{height:50px;font-size: 1.6rem}
.section h2 img{width: 300%}

.daoyu{flex-direction: column;}
.daoyu h3{width:80%;margin-bottom: 1em;}
.daoyu h3 strong{width:100%;padding: 0.2em 0;text-align: center;}
.daoyu p{width:100%}

.qa dl dt em{margin-top:10px}
.qa dl dt strong{width:80%}
.qa dl dd .qa_content>div{-webkit-line-clamp:5}

.list_hd{padding: 0.5em}
.list_hd dl{flex-direction: column;}
.list_hd dl dt,.list_hd dl dt img{width: 100%;}
.list_hd dl dd{width: 100%;padding: 1em 0;}
.list_hd ul li,.list_hd.col_ab ul li{width:100%}
}