@charset "utf-8";
/* website */
.layui-layer{max-width: 640px; border-radius: 20px;}
.layer_form{width: 100%; background: #FFF; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.layer_form>img{display: block; width:100%; height:auto; margin:0 auto;}
.layer_form .s_title{font-size: 30px; font-family: RobotoCondensed-Bold;line-height: 40px; text-align: center; color: #333; padding-bottom: 15px;}
.layer_form label{display: block; padding: 10px 0;}
.layer_form label input,.layer_form label textarea{display: block; border:1px solid rgba(0,0,0,0.15); background: #FAFAFA; padding: 15px; box-sizing: border-box; width:100%; font-size: var(--f16); border-radius: 5px;}
.layer_form label button{height:50px; background: var(--bgcolor-b1); border:none; border-radius: var(--radius-5); color:var(--fcolor-a0); font-size: 1.8rem; line-height: 50px; width:100%; margin: 15px auto;}
.layer_form label button:hover{ background: var(--bgcolor-b2);}

.container{width:100%; max-width:1360px; margin: 0 auto; box-sizing: border-box;}
.container_max{width:100%; margin: 0 auto; box-sizing: border-box;}
.container_plus{width:100%; max-width:1560px; margin: 0 auto; box-sizing: border-box;}
.container_mini{width:100%; max-width:1080px; margin: 0 auto; box-sizing: border-box;}
.container_bg0{background: var(--bgwhite-10);}
.container_bg1{background: #EFEFEF;}

.topbar{width: 100%; height: 90px; position: fixed; left:0;top:0; z-index: 999; box-shadow: 1px 2px 2px var(--bgblack-1); background: var(--bgwhite-6);}
.topbar:hover,.topbar_go{background: var(--bgwhite-10);}
.topbar > div{display: flex; flex-wrap: wrap; align-items: center;}
.topbar_clear {height: 90px;}
.site_logo{padding: 0;}
.site_logo img{display: block; height:auto; margin: 0; height:34px;}
.site_nav_main{margin:0 0 0 auto; display: flex; flex-wrap: wrap; align-items: center;}
.site_nav_main ul{list-style: none; padding:0; box-sizing: border-box;}
.site_nav_main ul li.m{float: left; position: relative; padding-right:35px;}
.site_nav_main ul li:last-child.m{ margin-right:0;}
.site_nav_main ul li.m h3{font-size: var(--f18); line-height: 90px; font-weight: normal;}
.site_nav_main ul li.m h3.mactive,.site_nav_main ul li.m h3.mactive a{color:var(--bgblack-9); text-decoration: underline;}
.site_nav_main ul li.m h3 a{display: block; text-decoration: none; color:var(--fcolor-a2);}
.site_nav_main ul li.m h3 a:hover{color: var(--fcolor-a2);}
.site_nav_main ul li .sub{background: linear-gradient(to bottom, var(--bgwhite-10), var(--bgwhite-8)); list-style: none; display: none; width:150%; padding:0; position:absolute; left:-20px; top:90px; z-index: 9999999;}
.site_nav_main ul li .sub li{display: block; font-size: var(--f14); border-bottom:1px dashed rgba(0,0,0,0.15);}
.site_nav_main ul li .sub li:last-child{border-bottom: none;}
.site_nav_main ul li .sub li a{display: block; line-height: 16px; top:85px; padding: 15px 20px; text-decoration: none;}
.site_nav_main ul li .sub li a:hover{background: var(--fcolor-a2); color:#FFF;}
.site_nav_main .tsearchbar{color: var(--fcolor-a2); font-size: var(--f20); font-family: AliMedium; display: flex; flex-wrap: wrap; align-items: center;}
.site_nav_main .tsearchbar i{padding: 0 10px 0 0; cursor: pointer;}
.site_nav_main .tsearchbar i img{display: block; height: auto; width: 14px; margin: 0;}

.site_mobile_menu{display: none;}
.visible-xs-block{display: block;}

.mo-leftmenu{background:var(--bgwhite-10);position:fixed;top:0;left:-1px;z-index:99999999;overflow-x:hidden;box-sizing:content-box;width:80vw; height:100vh;-webkit-overflow-scrolling:touch;-webkit-transition:all .4s cubic-bezier(0.7,0,0.2,1);-ms-transition:all .4s cubic-bezier(0.7,0,0.2,1);transition:all .4s cubic-bezier(0.7,0,0.2,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);}
.mo-leftmenu .tit{height:60px;line-height:60px;background:var(--fcolor-a2); display: flex; align-items: center;}
.mo-leftmenu .tit h6{color:var(--fcolor-a0);padding:0 0 0 20px;font-size:var(--f18);font-weight:normal;}
.mo-leftmenu .tit span{margin:0 0 0 auto; cursor:pointer;width:50px;text-align:center;}
.mo-leftmenu .tit span img{display: block; margin:0 auto;}
.mo-leftmenu > ul{}
.mo-leftmenu > ul > li{line-height:45px;font-size:var(--f16);border-top:2px solid #e5e5e5;position:relative;}
.mo-leftmenu > ul > li > a{padding:0 0 0 20px;}
.mo-leftmenu > ul > li > i {position:absolute;color:#333;width:50px;height:45px; right:0; top:0; text-align:center;cursor:pointer; background: #F7F7F7 url("../images/arrow_down.png") no-repeat center center;}
.mo-leftmenu > ul > li.active{}
.mo-leftmenu ul li a{color:#333;display: block;}
.mo-leftmenu ul li a:hover{text-decoration: none;}
.mo-leftmenu ul li ul{display:none;padding-bottom:6px;}
.mo-leftmenu ul li ul li{line-height:35px;}
.mo-leftmenu ul li ul li a{background:url(../images/top_mini_nav_arrow.png) no-repeat 25px center;padding:0 0 0 40px;}

.menu-transitioning{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,0.25);}

.site_banner{height: auto;}
.index_banner {width: 100%;margin: 0 auto;position: relative;height: auto;}
.index_banner .bd {margin: 0 auto;position: relative;z-index: 0;overflow: hidden;}
.index_banner .bd ul {width: 100% !important;}
.index_banner .bd li {width: 100% !important;height: auto;overflow: hidden;text-align: center; position: relative;}
.index_banner .bd li img{display: block; margin:0 auto;width:100%; transition: all 4s;transform: scale(1.125);}
.index_banner .bd li.on img{transform: scale(1.0);width: 100%;}
.index_banner .bd li>div{width:100%; height:100%; position: absolute; left:0; top: 0; display: flex; align-items: center;}
.index_banner .bd li>div .container{text-align: center; color: var(--bgwhite-10); text-shadow: 1px 1px 3px var(--bgblack-2);}
.index_banner .bd li>div .container h3{font-size: 50px; font-weight: normal; padding: 30px 0 60px 0; letter-spacing: 10px;}
.index_banner .bd li>div .container p{font-size: var(--f24); font-family: AliMedium; padding: 20px 0;letter-spacing: 2px; line-height: 1.89;}
.index_banner .bd li:nth-child(2)>div .container h3{padding: 4px 0 10px 0; font-size: var(--f50);}
.index_banner .bd li:nth-child(2)>div .container p{padding: 10px 0 150px 0;}
.index_banner .bd li>a{width:100%; height:100%; position: absolute; left:0; top: 0; display: block;}
.index_banner .hd {width: 100%;position: absolute;z-index: 1;bottom: 10px;left: 0;text-align: center;}
.index_banner .hd ul {text-align: center;}
.index_banner .hd ul li {cursor: pointer;display: inline-block;*display: inline;zoom: 1;width: 12px;height: 12px; border-radius:8px; margin: 5px;background:rgba(255,255,255,0.5); text-indent: -99999px; overflow: hidden; border:2px solid rgba(255,255,255,0.8);}
.index_banner .hd ul .on {background:rgba(255,255,255,0.8);border:2px solid rgba(255,255,255,1.0);}

.index_panel_box_hd{width: 100%; display:flex; flex-wrap: wrap; align-items: center;}
.index_panel_box_hd .pr{margin: 0 0 0 auto;}
.ptitle{margin: 0;}
.ptitle dl{display: flex;}
.ptitle dl dt{ padding: 0 10px 0 0;}
.ptitle dl dt img{display: block; height: 68px; width: auto;}
.ptitle dl dd{text-align: lef;}
.ptitle dl dd h3{font-size: var(--f38); font-weight: normal;}
.ptitle dl dd p{font-size: var(--f24); font-family: AliMedium; color: var(--bgblack-2);}

.panel_box_hd{padding:0 20px; text-align: center;}
.panel_box_hd h4{font-size: var(--f14); line-height:20px; color:var(--bgblack-2); font-family: AliBold; padding: 9px 0; font-weight: normal;}
.panel_box_hd h3{font-size: var(--f32); line-height:var(--f32); color:var(--fcolor-a2); font-family: AliBold; padding: 15px 0 5px 0; font-weight: normal;}
.panel_box_hd h5{font-size: var(--f24); line-height:calc(var(--f24) + 4px); font-family: AliBold; padding: 15px 0; font-weight: bold;}
.panel_box_hd p{font-size: var(--f14); color:var(--fcolor-a3);padding: 5px 80px;}
.panel_box_hd p.p2{padding:10px 0;}
.panel_box_hd p.p3{padding:15px 0;}
.panel_box_bd{}

.index_about .container{display: flex; flex-wrap: wrap; align-items: center; min-height: 570px; background: url('../images/index_about_bg.png') no-repeat 0 center;}
.index_about .container .a_l{width:55%;}
.index_about .container .a_l .abd{padding: 30px 0 40px 0;}
.index_about .container .a_l .abd p{line-height: 1.678; padding: 3px 0 5px 0;}
.index_about .container .a_r{width:42%; margin:0 0 0 auto;}
.index_about .container .a_r img{display: block; width: 100%; height: auto; border-radius: var(--radius-15);}
.abtn a{border: 1px solid var(--fcolor-a2); background: var(--bgwhite-10); color: var(--fcolor-a2); padding: 5px 30px 6px 30px; text-decoration: none; font-size: var(--f16);}
.abtn a:hover{background: var(--fcolor-a2); color: var(--bgwhite-10);}

.index_products{padding: 35px 0 40px 0;}
.index_products_slide{}
.index_products_slide .hd{}
.index_products_slide .hd ul{display: flex; flex-wrap: wrap;}
.index_products_slide .hd ul li{margin: 0 2px; background: var(--bgwhite-10); border-radius: var(--radius-5); font-size: var(--f18);}
.index_products_slide .hd ul li.on,.index_products_slide .hd ul li:hover{cursor: pointer;background: var(--fcolor-a2); color: var(--bgwhite-10);}
.index_products_slide .hd ul li a{text-decoration: none; display: block; padding: 9px 25px;}
.index_products_slide .hd ul li.on a,.index_products_slide .hd ul li a:hover{color: var(--bgwhite-10);}
.index_products_slide .bd{padding: 25px 0 0 0;}
.index_products_list_ul{display: flex; flex-wrap:wrap;}
.index_products_list_ul li{width: 23%; margin-right:2.666%; box-sizing: border-box; padding:0 0 35px 0;}
.index_products_list_ul li:nth-child(4n){margin:0 0 0 auto;}
.index_products_list_ul li a{text-decoration: none;display: block; background: var(--bgwhite-10);box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: 2px;}
.index_products_list_ul li a:hover{background: var(--fcolor-a2); color: #FFF;}
.index_products_list_ul li a dl{padding:20px;}
.index_products_list_ul li a dl dt{}
.index_products_list_ul li a dl dt img{display: block; width:100%; transition: all 0.6s; margin:0 auto; background: #FFF; border-radius: 2px; border:5px solid var(--bgwhite-5); box-sizing: border-box;}
.index_products_list_ul li a:hover dl dt img:hover{transform: scale(1.05);}
.index_products_list_ul li a dl dd{text-align: center; padding: 5px 0;}
.index_products_list_ul li a dl dd h3{font-size:var(--f16); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; margin:10px 0 5px 0;}

.index_advantages{position: relative; max-height: 560px; background: url('../images/index_advantages_bg.jpg') no-repeat center center; background-size: 100% 100%; padding: 50px 0;}
.index_advantages .container{display: flex; flex-wrap: wrap; align-items: center;}
.index_advantages .ahd{width:100%;text-align: center}
.index_advantages .ahd h3{font-size: var(--f38); color: var(--bgwhite-10); width:100%;}
.index_advantages .ahd p{font-size: var(--f24); color: var(--bgwhite-2); font-family: AliMedium; width:100%;}
.index_advantages .abd{padding: 35px 0 0 0; width:100%;}
.index_advantages_ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.index_advantages_ul li{width: 23%; margin: 0 2.666% 0 0; background: var(--bgwhite-1); text-align: center; padding: 45px 20px; box-sizing: border-box; border-radius: var(--radius-5);}
.index_advantages_ul li:last-child{margin: 0 0 0 auto;}
.index_advantages_ul li h3{color: var(--bgwhite-10); font-size: var(--f24); font-weight: normal; padding: 10px 0 20px 0;}
.index_advantages_ul li p{color: var(--bgwhite-8); line-height: 1.567;}

.index_news{position: relative; padding: 35px 0 40px 0;}
.index_news .container .panel_box_bd{display: flex; flex-wrap: wrap; padding:40px 0;}
.index_news .container .panel_box_bd .n_l{width:450px; background: var(--fcolor-a2); padding: 15px 15px 10px 15px; box-sizing: border-box; border-radius: var(--radius-5);}
.index_news .container .panel_box_bd .n_r{width:calc(100% - 470px); margin:0 0 0 auto; background: #F9F9F9; padding: 10px 30px; box-sizing: border-box; box-shadow: 1px 1px 5px var(--bgblack-2);}

.index_newsa_list{width: 100%; height: 350px; overflow: hidden; position: relative;background: #FFF;}
.index_newsa_list .slideImageBox{list-style:none; margin:0;}
.index_newsa_list .slideImageBox li{margin:0; position:relative; border-radius: var(--radius-5);}
.index_newsa_list .slideImageBox li a img{width: 100%; height: 350px; object-fit: cover; border-radius: var(--radius-5);}
.index_newsa_list .slideImageBox li h3{width:100%; height:46px; overflow:hidden; text-align:left; color:#FFF; position:absolute; left:0px; bottom:0px; line-height: 46px; font-size: var(--f16);}
.index_newsa_list .slideImageBox li h3 a{color:var(--bgwhite-10);}
.index_newsa_list .slideImageBox li .sMask{width:100%; height:46px; background:var(--fcolor-a2); position:absolute; left:0px; bottom:0px;}
.index_newsa_list .num {position: absolute; bottom:12px; right:0; zoom:1; z-index:3; list-style:none; margin:0px;}
.index_newsa_list .num ul{margin:0px;}
.index_newsa_list .num li {width: 16px; height: 16px; overflow:hidden; line-height: 16px; text-align: center; cursor:pointer; float: left; margin:0 0 0 6px; text-indent:-999999px;background:var(--bgwhite-6); border:var(--bgwhite-8);}
.index_newsa_list .num li.on{background:var(--bgwhite-7); border:var(--bgwhite-9);}
.index_newsa_list .prev,.index_newsa_list .next {display: none; width:30px; height:60px; position: absolute; top:140px; overflow:hidden;}
.index_newsa_list .prev {left:0; background: url(../images/btn_prev-next.png) no-repeat 0px 0px;}
.index_newsa_list .next {right:0; background: url(../images/btn_prev-next.png) no-repeat 0px -60px;}

.index_newsb_list{list-style: none; margin: 0;}
.index_newsb_list li{height: 120px; border-bottom: 1px solid var(--bgblack-1); box-sizing: border-box; line-height: 35px; padding-top:10px;}
.index_newsb_list li:last-child{border-bottom: none;}
.index_newsb_list li div a{font-size: 16px; padding-left:20px; background: url(../images/arrow.png) no-repeat 0 center; font-weight: 600; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index_newsb_list li div a:hover{background: url(../images/arrow_hover.png) no-repeat 0 center;}
.index_newsb_list li div span{color: #777;}
.index_newsb_list li p{color: #777; line-height: 1.7; font-size: 14px; padding:5px 0 0 20px;}

.site_footer{background: url('../images/index_footer_bg.jpg') no-repeat center center; background-size: 100% 100%;}
.site_footer .container{display: flex; height:100%; color: var(--bgwhite-7); font-size: var(--f14);}
.site_footer .a_l{display: block; width:100%; height:100%;}
.footer_link{display: flex; flex-wrap: wrap;}
.link_l{width:60%; padding:30px 0 30px 0; box-sizing: border-box; display: flex; flex-wrap: wrap;}
.footer_dl{width:25%; text-align: left; padding:0;}
.footer_dl dt{font-size: var(--f18); color:var(--fcolor-a0); padding:5px 0;}
.footer_dl dt a{color:var(--fcolor-a0);}
.footer_dl dd{padding:9px 0 3px 0; color:var(--fcolor-a0); line-height: 1.75;}

.footer_ul{}
.footer_ul li{font-size: var(--f14);}
.footer_ul li a{text-decoration: none; color:var(--fcolor-a0); line-height: 26px;}
.link_r{width:40%; padding:30px 20px 30px 0; box-sizing: border-box; margin: 0 0 0 auto; display: flex; flex-wrap: wrap;}
.link_r .footer_dl{width:calc(100% - 130px);}
.footer_qrcode{margin: 0 0 0 auto; text-align: center; width: 120px;}
.footer_qrcode img{display: block; width: 100%;}
.footer_qrcode span{display: block; padding: 10px 0;}

.footer_copyright{color: var(--bgwhite-7); font-size: var(--f14); padding: 20px 0;}
.footer_copyright .container{text-align: left; display: block;}
.footer_copyright a{color: var(--bgwhite-5);}

.pop_right{width:70px;height: auto;position: fixed; right: 0; bottom: 40%; z-index: 100000; box-shadow: 0px 2px 4px var(--bgblack-5);}
.pop_right ul{display: block; border-radius:var(--radius-10) ; background: #E9E9E9;}
.pop_right ul li,.pop_right .btn{cursor:pointer; list-style: none; display: block; font-size: var(--f12);height:70px;padding: 10px; background: var(--bgwhite-10); box-sizing: border-box;}
.pop_right ul li{position: relative; text-align: center; border-bottom: 1px solid var(--bgblack-1);}
.pop_right ul li > img,.pop_right .btn img{display: block; margin: 0 auto; padding-bottom: 5px;}
.pop_right ul li .aimg{display: block;}
.pop_right ul li .bimg{display: none;}
.pop_right ul li > div{display: none; position: absolute; left:-95px; top:-10px;}
.pop_right ul li > div img{display: block; width: 90px;}
.pop_right ul li:hover .aimg{display: none;}
.pop_right ul li:hover .bimg{display: block;}
.pop_right ul li:hover p{color: var(--fcolor-a2);}
.pop_right ul li:hover > div{display: block;}

.pop_bottom{display: none;}

.layui-layer{width:100%; max-width: 350px; border-radius: var(--radius-10);}
.pop_form{width: 100%; background: #FFF; border-radius: 5px; padding: 10px 15px; box-sizing: border-box;}
.pop_form .bd{padding: 0 0 20px 0;}
.pop_form label{display: block; padding: 6px 0; font-size: var(--f14); line-height: 1.23;}
.pop_form label input,.pop_form label textarea{display: block; margin:0; color:var(--bgblack-9); border:1px solid var(--btncolor-a1); background: var(--bgblack-1); padding: 10px; box-sizing: border-box; width:100%; border-radius: var(--radius-5);}
.pop_form label a{text-decoration: underline;}
.pop_form label button{height:50px; background: var(--fcolor-a2); border:none; border-radius: var(--radius-5); color:var(--bgwhite-10); line-height: 50px; width:100%; margin: 0 auto 10px auto;}

@media only screen and (max-width: 1600px) {
    .container{width:1200px;}
	.container_plus{max-width:1400px;}
}
@media only screen and (max-width: 1440px) {
    .container{width:1260px;}
	.container_plus{max-width:1360px;}
}
@media only screen and (max-width: 1280px) {
    .container{width:1000px;}
	.container_plus{max-width:1060px;}
	.site_nav_main ul li.m h3{font-size: var(--f14);}
	.site_nav_main ul li .sub li a{padding: 10px 15px;}
	.site_nav_main .tsearchbar{ font-size: var(--f14);}
	.site_nav_main .tsearchbar i{padding: 0 5px 0 0;}
	.site_nav_main .tsearchbar i img{width: 20px;}
}
@media only screen and (max-width: 1024px) {
	.container{width:100%;}
	.topbar{width: 100%; height: 60px; position: fixed;left:0;top:0; z-index: 999; background: var(--bgwhite-10); box-shadow: 5px 5px 10px var(--bgblack-1);}
	.topbar_clear {height: 60px;}
	.site_logo{padding:12px 0 0 10px;}
	.site_logo img{display: block; height:36px;}
	.site_nav_main{display: none;}
	.site_mobile_menu{position: absolute; width:40px; height: 40px; right: 10px; top:10px; display: block; z-index: 999999;}
	.site_mobile_menu a{display: block; height:100%; background: url(../images/nav_icon.svg) no-repeat center center; background-size: 80%;}

	.index_banner .bd li img{width:100%; height:290px; object-fit: cover;}
	.index_banner .bd li>div .container h3{font-size: var(--f24); padding: 40px 0 10px 0; letter-spacing: 1px;}
	.index_banner .bd li>div .container p{font-size: var(--f12); font-family: AliLight; padding: 10px 0;letter-spacing: 1px;}
	.index_banner .bd li:nth-child(2)>div .container h3{padding: 10px 0 10px 0; font-size: var(--f24);}
	.index_banner .bd li:nth-child(2)>div .container p{padding: 10px 0 50px 0;}

	.ptitle{margin: 0;}
	.ptitle dl{display: flex;}
	.ptitle dl dt img{display: block; height: 38px; width: auto;}
	.ptitle dl dd h3{font-size: var(--f24); font-weight: bold;}
	.ptitle dl dd p{font-size: var(--f14);}

	.index_about{padding: 30px 0;}
	.index_about .container{display: flex; flex-wrap: wrap; align-items: center; min-height: 570px; background: url('../images/index_about_bg.png') no-repeat 0 center; padding: 0 15px;}
	.index_about .container .a_l,.index_about .container .a_r{width:100%; margin:0 auto;}
	.index_about .container .a_l .abd{padding: 20px 0 20px 0;}
	.index_about .container .a_l .abtn{padding:0 0 30px 0;}
	.index_about .container .a_l .abtn a{font-size: var(--f14);}
	.index_about .container .a_r img{display: block; width: 100%; height: auto; border-radius: var(--radius-15);}

	.index_products{padding: 35px 15px 40px 15px;}
	.index_products_slide{}
	.index_products_slide .hd{}
	.index_products_slide .hd ul{padding: 10px 0 0 0;}
	.index_products_slide .hd ul li{width:calc(50% - 2px); margin: 1px; text-align: center;}
	.index_products_slide .hd ul li a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	.index_products_slide .bd{padding: 15px 0 0 0;}
	.index_products_list_ul li{width: 49%; margin:0; box-sizing: border-box; padding:0 0 15px 0;}
	.index_products_list_ul li:nth-child(2n){margin:0 0 0 auto;}
	.index_products_list_ul li a dl {padding: 10px;}

	.index_advantages{background-size: auto 100%; max-height:100%; padding: 40px 0;}
	.index_advantages .ahd h3{font-size: var(--f24);}
	.index_advantages .ahd p{font-size: var(--f14);}
	.index_advantages .abd{padding: 20px 15px 0 15px; box-sizing: border-box;}
	.index_advantages_ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.index_advantages_ul li{width: 100%; margin: 0 auto; padding: 25px 20px; margin-bottom: 10px;}
	.index_advantages_ul li:last-child{margin: 0 auto;}
	.index_advantages_ul li h3{font-size: var(--f20); padding: 10px 0 20px 0;}
	.index_advantages_ul li p{line-height: 1.567;}
	
	.index_news{position: relative; padding: 35px 0 40px 0;}
	.index_news .container{padding: 0 15px;}
	.index_news .container .panel_box_bd{padding:10px 0;}
	.index_news .container .panel_box_bd .n_l,.index_news .container .panel_box_bd .n_r{width: 100%;}
	.index_news .container .panel_box_bd .n_l{padding: 10px;}
	.index_news .container .panel_box_bd .n_r{padding: 10px 20px;}

	.index_newsa_list{width: 100%; height: 270px; overflow: hidden; position: relative;background: #FFF;}
	.index_newsa_list .slideImageBox{list-style:none; margin:0;}
	.index_newsa_list .slideImageBox li{margin:0; position:relative; border-radius: var(--radius-5);}
	.index_newsa_list .slideImageBox li a img{width: 100%; height: 270px; object-fit: cover; border-radius: var(--radius-5);}
	.index_newsa_list .slideImageBox li h3{width:100%; height:46px; overflow:hidden; text-align:left; color:#FFF; position:absolute; left:0px; bottom:0px; line-height: 46px; font-size: var(--f16);}
	.index_newsa_list .slideImageBox li h3 a{color:var(--bgwhite-10);}
	.index_newsa_list .slideImageBox li .sMask{width:100%; height:46px; background:var(--fcolor-a2); position:absolute; left:0px; bottom:0px;}
	.index_newsa_list .num {position: absolute; bottom:12px; right:0; zoom:1; z-index:3; list-style:none; margin:0px;}
	.index_newsa_list .num ul{margin:0px;}
	.index_newsa_list .num li {width: 16px; height: 16px; overflow:hidden; line-height: 16px; text-align: center; cursor:pointer; float: left; margin:0 0 0 6px; text-indent:-999999px;background:var(--bgwhite-6); border:var(--bgwhite-8);}
	.index_newsa_list .num li.on{background:var(--bgwhite-7); border:var(--bgwhite-9);}
	.index_newsa_list .prev,.index_newsa_list .next {display: none; width:30px; height:60px; position: absolute; top:140px; overflow:hidden;}
	.index_newsa_list .prev {left:0; background: url(../images/btn_prev-next.png) no-repeat 0px 0px;}
	.index_newsa_list .next {right:0; background: url(../images/btn_prev-next.png) no-repeat 0px -60px;}

	.index_newsb_list{list-style: none; margin: 0;}
	.index_newsb_list li{height: auto; padding: 15px 0;}
	.index_newsb_list li:last-child{border-bottom: none;}
	.index_newsb_list li div{display: flex; flex-wrap: wrap; padding-bottom: 5px;}
	.index_newsb_list li div a{width:100%; line-height: 1.234;}
	.index_newsb_list li div span{width:100%; color: #777; display: none; padding-left: 20px;}
	.index_newsb_list li p{color: #777; line-height: 1.7; font-size: 14px; padding:2px 0 0 20px 0;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}

	.footer_link{display: flex; flex-wrap: wrap; padding: 0 15px;}
	.link_l{width:100%; padding:20px 0; box-sizing: border-box; display: flex; flex-wrap: wrap;}
	.footer_dl{width:100%; padding:10px 0; border-bottom: 1px solid var(--bgwhite-1);}
	.link_l .footer_dl dd {display: none;}
	.link_l .footer_dl dt {background: url('../images/footer_icon_a1.png') no-repeat right center;}
	.link_l .footer_dl.active dt {background: url('../images/footer_icon_a2.png') no-repeat right center;}
	.link_l .footer_dl.active dd {display: block;}
	.link_r{width:100%; padding:0 20px 10px 0; margin: 0 auto;}
	.link_r .footer_dl{width:100%; border-bottom: none;}

	.footer_qrcode{margin: 0 auto; text-align: center; width: 100%; padding-top: 10px; display: none;}
	.footer_qrcode img{display: block; margin:0 auto; width: 50%;}
	.footer_qrcode span{display: block; padding: 10px 0;}
	.footer_copyright{padding: 20px 15px;}
	.footer_copyright .container{text-align: center; display: block;}

	.pop_right{display: none;}

	.layui-layer{width:100%; max-width: 750px; border-radius: var(--radius-10);}
	.pop_bottom{display:block; background: var(--fcolor-a2);width:100%; height: auto;position: fixed; left: 0; bottom: 0; z-index: 100000; box-shadow: 1px 1px 10px var(--bgblack-5);}
	.pop_bottom ul{width:100%; display: flex; flex-wrap: wrap; align-items: center;}
	.pop_bottom ul li{width:25%; padding:6px 10px; box-sizing: border-box; text-align: center;}
	.pop_bottom ul li a{display: block; color: var(--bgwhite-10); text-decoration: none;}
	.pop_bottom ul li a i{padding: 5px 0 1px 0; display: block;}
	.pop_bottom ul li a i .aimg{display: block; height:24px; width: auto; margin: 0 auto;}
	.pop_bottom ul li a span{padding: 3px 0 8px 0; display: block; font-size: 13px;}
	.panel_box_hd{padding:0;}
	.panel_box_hd h4{font-size: var(--f12);}
	.panel_box_hd h3{font-size: var(--f24); padding: 20px 0 10px 0;}
	.panel_box_hd h5{font-size: var(--f20); padding: 13px 0;}
	.panel_box_hd p{font-size: var(--f14); padding: 9px 80px;}
	
}