/* banner区域 */
.banner_con { position: relative; width: 100%; }
.banner_list, .banner_list li, .banner_list li img { width: 100%; }
.banner_list li img { display: block; }
.banner_but { display: inline-block; width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 5; top: 50%; margin-top: -30px; }
.banner_li { text-align: center; position: absolute; bottom: 20px !important; z-index: 5; }
.banner_li li { display: inline-block; width: 0.625rem; height: 0.063rem;  margin: 0 0.063rem; transition: all ease-in-out 400ms;  background: #fff;     opacity: 0.6;}
.banner_li li.on { width: 1rem; background: #fff;  opacity: 1;}


.content{    width: 1200px; margin: auto;}
.zjjsBox{    margin-top: 1rem;}




/* 方向区域 */
.picScroll-left .bd ul{overflow:visible!important;display: flex ; justify-content: space-between;}
.picScroll-left .bd ul li{overflow: visible !important; width: 5.5rem; float: left; overflow: hidden; text-align: center; border: 1px solid #e1e1e1\9; -o-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;}
.picScroll-left .bd ul li{position:relative;}
.css3guodu{width:100%;height:100%;position:absolute;z-index:90; transition:.6s;background:url(/xlglyy_en/uiFramework/commonResource/image/2018072715452361072.png) repeat 0 0;left:0;bottom:-5.75rem;display: flex ; justify-content: space-around; align-items: center; flex-direction: column;}
.picScroll-left .bd ul li:hover .huadong{bottom:0;}
.picScroll-left .bd ul li:hover .down{display: none;}

.picScroll-left .bd ul li .huadong a,
.picScroll-left .bd ul li .huadong span{display:block;}
.picScroll-left .bd ul li .huadong .title{display:block;font-size:0.375rem;text-align:center;color:#fff;  margin-bottom: 0.25rem;}
.picScroll-left .bd ul li .huadong .title a{display:block;font-size:0.375rem;text-align:center;color:#fff; }
.picScroll-left .bd ul li .huadong .summary a{display: block; font-size: 0.3rem; line-height: 0.5rem; color: #fff;}
.picScroll-left .bd ul li .huadong img{    width: 1rem;}


:root .picScroll-left .bd ul li{margin-right:19px\9\0;border:none\9\0;}/*ie9矫正样式*/
.down{ font-size: 0.3rem; font-weight: bold; height: 1rem; display: flex; align-items: center; justify-content: center; background: url(/xlglyy_en/uiFramework/commonResource/image/2024112516511332207.png); color: #fff; position: absolute; bottom: 0; width: 100%;}
.down a{  font-size: 0.3rem;  color: #fff; font-weight: bold;padding-right:20px;}
.down a span{font-size: 0.3rem;  color: #fff;display: flex ; align-items: center;}
.picScroll-left .bd { width: 100%;  overflow: hidden !important;    margin-top: 1rem;}
.down a span img{width: 0.138rem; margin-left: 0.125rem;}



/* 新闻区域 */
.ztzl_box {    position: relative;}
.ztzl_box .swiper-container {position: static!important;}
.zxdt_con{	margin-bottom: 1rem;}
.mk_tit{font-size: 0.5rem; color: #666666; text-align: center; padding: 1rem 0 0.75rem;    font-weight: bold;}
.swiper-list { float: left; width:  5.5rem; height: auto; background: #fff; margin-right: 20px; overflow: hidden;  }
.swiper-list a { display: block; position: relative; } 
.swiper-list a:visited { text-decoration: none !important; border:none !important; } 
.swiper-list img { width:  100%;object-fit: cover; height: 4.2rem; vertical-align: middle; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; } 
.swiper-list img:hover { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } 
.swiper-list{ float: left; width: 5.5rem; height: auto; background: #fff; margin-right: 20px; overflow: hidden;  }
.swiper-pagination-clickable .swiper-pagination-bullet{ width: 10px; height: 10px;text-indent: -99999em; background-color: #e8e8e8; margin: 0 10px; opacity: 1; } 
.swiper-pagination-bullet-active { opacity: 1; background: #007aff; width: 25px!important; background-color: #92afff!important; } 
.swiper-pagination { margin-top: 40px; position: unset!important; }
.new_tit a{font-size: 0.3rem; line-height: 0.5rem;  color: #666666; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;    margin: 0.313rem 0; font-weight: bold;}
.new_sum{color: #666666; font-size: 0.25rem; line-height: 0.5rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.more{display: flex ; justify-content: center;    margin-top: 0.625rem;    margin-bottom: 1rem;}
.more a{background: #008a7c; font-size: 0.313rem; text-align: center; width: 3rem; color: #fff; padding: 0.25rem 0; border-radius: 0.5rem;display: flex ; justify-content: center; align-items: center; }
.more img{    margin-left: 0.125rem;    width: 0.163rem;}

/* 标准区域 */
.bz_all{width: 100%; background: url(/xlglyy_en/uiFramework/commonResource/image/2024112611243028872.jpg) no-repeat top center / cover; height: 100%;}
.bz_alls{width: 17.5rem; margin: auto; height: 8.825rem;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: url(/xlglyy_en/uiFramework/commonResource/image/2024112613484436426.png); left: -0.875rem; right: auto;    top: 2rem;width: 0.625rem; height: 1.175rem; background-size: 0.625rem 1.175rem;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(/xlglyy_en/uiFramework/commonResource/image/2024112613485112188.png); right: -0.875rem; left: auto;   top: 2rem;width: 0.625rem; height: 1.175rem; background-size: 0.625rem 1.175rem;}
.js_all{   padding-top: 1.25rem;}
.js_tit a{font-size: 0.375rem;line-height: 0.75rem;color: #ffffff;font-weight: bold;}
.js_con p{font-size: 0.25rem;line-height: 0.5rem;color: #ffffff;}
.js_more{display: flex ; justify-content: center;    margin-top: 0.75rem;}
.js_more a{font-size: 0.313rem; line-height: 0.375rem; color: #ffffff; background-color: #008a7c; text-align: center; width: 3rem; padding: 0.25rem 0; border-radius: 0.5rem;display: flex ; justify-content: center; align-items: center; }
.js_more img{    margin-left: 0.125rem;    width: 0.163rem;}



@media screen and (max-width: 768px) {
.content { width: 100%; margin: auto;     padding: 0 .3rem;}
.bz_alls { width: 100%; margin: auto; height: auto;     padding: 0 .3rem;}
.css3guodu { width: 100%;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: 0; right: auto;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; left: auto; }
.swiper-list { float: left; width:  100%;  margin-right: 0px; overflow: hidden;  }
.swiper-list img { width:  100%; height: auto;  } 
.picList li:nth-child(2) { margin: 0 0.1rem; }

	
.bg { width: 100%; display: block; }
.Left_all{ width: 100%; }
.Right_all { width: 100%; }

}