@charset "utf-8";
/*
*********	Author:黑牛
*********	Date:2025/02/01
*********	QQ:2389089525
*/

/* html body */
/* @media all{
    html{overflow:unset !important;}
    html body{overflow-x: unset !important;}
}
@media all and (max-width:1024px){
    html body{overflow-x: hidden !important;}
} */

/* ====================== */
/* ======  index  ======= */
/* ====================== */
/* headNav */
@media all {
	:root{--navHeight:8rem}
}
@media all and (max-width:960px){
	:root{--navHeight:5rem}
}
@media all {
	.hdNav {z-index: 99;position: fixed;top: 0px; background:#fff;border-bottom: 1px solid #eee;} 

    .hdNav.transparentBg{background: none;border-bottom: none;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1 .li1_item a{color: #FFF;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1 .li1_item .triangle:after{border-top: 5px solid #fff;} 
	.hdNav.slideUp { -webkit-transform: translateY(-6rem); -ms-transform: translateY(-6rem); -o-transform: translateY(-6rem);transform: translateY(-6rem); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out;transition: transform .5s ease-out; }
    .hdNav.slideDown {-webkit-transform: translateY(0);-ms-transform: translateY(0); -o-transform: translateY(0);  transform: translateY(0); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out; transition: transform .5s ease-out; }
	.hdNav .navbox .lflogo{float:left; height:6rem; display: flex; align-items: center;}
	.hdNav .navbox .lflogo img{height: 3rem; }

	.hdNav .navbox .rtmsg{float:right; height: 6rem; display: flex; align-items: center;margin-left:10px;}
	.hdNav .navbox .rtmsg .lang1{cursor: pointer; position: relative;}
	.hdNav .navbox .rtmsg .lang1 .langtitl i{ font-size: 1.5rem; color: var(--cm2);}
	.hdNav .navbox .rtmsg .lang1 .lang_sublt{display: none;position: absolute; z-index: 999; background: #fff; width: 6rem; top: 2.5em; margin-left: -2rem;} 
	.hdNav .navbox .rtmsg .lang1 .lang_sublt li{padding:0 5px;}
	.hdNav .navbox .rtmsg .lang1 .lang_sublt li:hover {background: var(--cm1);}
	.hdNav .navbox .rtmsg .lang1 .lang_sublt li:hover a{color:#fff; font-weight: bold;}
	.hdNav .navbox .rtmsg .srch{display: none !important;position: relative; margin: 0 1rem 0 2rem;}
	.hdNav .navbox .rtmsg .srch .srchbtn i{font-size: 1.5rem;color: #eee;}
	.hdNav .navbox .rtmsg .srch .srchform{position: absolute; display: none; right: 0;background: rgba(0, 0, 0, 0.6); margin-top: 3rem; padding:20px; border-radius: 5px;}
	.hdNav .navbox .rtmsg .srch .srchform .srchbox{display: flex;}
	.hdNav .navbox .rtmsg .srch .srchform .srchbox .input{height: 38px; width:300px; padding:12px 10px; background-color: #ccc;color:#fff;font-size: 12px; display: table-cell;border:none;}
	.hdNav .navbox .rtmsg .srch .srchform .srchbox .input:focus{outline: none; background: #fcf3da; color: #333;}
	.hdNav .navbox .rtmsg .srch .srchform .srchbox .iconbox{display: inline-block;position: relative;white-space: nowrap;vertical-align: middle; height: 38px; width:50px;background-color: var(--cm1); margin:-2px 0 0 -5px; cursor: pointer;}
	.hdNav .navbox .rtmsg .srch .srchform .srchbox .iconbox i{padding:10px 16px; color:var(--cm2); font-size:1.6rem;}

 	.Midnav{float: right;}
 	.Midnav .m-hdbtn{display: none;}
	.Midnav .navmask .ul1 {float: left; } 
	.Midnav .navmask .ul1 .li1 {float: left; -webkit-transition: all 1s ease; -moz-transition:all 1s ease; -ms-transition: all 1s ease; transition: all .5s ease;}  
	.Midnav .navmask .ul1 .li1 .li1_item {display: block;  height:6rem; line-height:6rem; padding: 0 2vw;  font-family: '微软雅黑'; position: relative; } 
	.Midnav .navmask .ul1 .li1 .li1_item::after{position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;content: "";width: 0px;height: 2px;background:var(--clr2);}
	.Midnav .navmask .ul1 .li1 .li1_item:hover::after{width: 100%;}
	.Midnav .navmask .ul1 .li1 .li1_item i{display: none;} 
	.Midnav .navmask .ul1 .li1 .li1_item .triangle{display: none;}
	.Midnav .navmask .ul1 .li1 .li1_item .triangle:after{display: inline-block;	content: "";	width: 1px;	height: 6px; margin-left: 4px;		border-top: 5px solid #666;	border-right: 4px solid transparent;	border-left: 4px solid transparent;	vertical-align: middle;transition: all 0.5s ease-in-out;}
	.Midnav .navmask .ul1 .li1 .li1_ctent { display: none; position: absolute; left:0 ; padding-top:1.75em;  background:var(--cl2);box-shadow: 0 3px 10px 0 #999;}  
	
    .Midnav .navmask .ul1 .li1:hover{background:var(--cm2); } 
    .Midnav .navmask .ul1 .li1:hover .li1_item a{transition: all 0.5s ease-in-out; color: #fff;}
    .Midnav .navmask .ul1 .li1:hover .li1_item .triangle:after{border-top: 5px solid #fff;}
    .Midnav .navmask .ul1 .li1.current{background:var(--cm2); } 
    .Midnav .navmask .ul1 .li1.current .li1_item a{color: #fff; transition: all 500ms;} 
    .Midnav .navmask .ul1 .li1.current .li1_item .triangle:after{border-top: 5px solid #fff;}

    .Midnav .navmask .ul1 .li1:hover .li1_ctent { display: block; animation: navfadeInUp .6s ease-in-out; 	-webkit-animation: navfadeInUp .6s ease-in-out; 	} 
	@keyframes navfadeInUp { 	
		0% {transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; 	} 	
		100% {transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; 	} 
	}  

	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2{display: grid; grid-template-columns: repeat(4,1fr); justify-content: center;align-items: center; padding:0 10%;} 
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 { margin-bottom: 1.75rem; height: auto; display: flex;align-items: center;justify-content: center; }  
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 .navimgbox{width:20%; overflow: hidden;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 .navimgbox i{color: var(--cm2); font-size: 2rem;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 a {width:60%;padding-left: 5%;  }  
	/* .Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2:hover .navimgbox{border:1px solid var(--cm2);} */
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2:hover .navimgbox i{color: var(--cm1);  }
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2:hover a { color: var(--cm1); font-weight: bold;}  

}
@media all and (max-width:1440px){
	.hdNav .navbox .rtmsg .srch{position: relative; margin: 0 1rem 0 1.5rem;}
}
@media all and (max-width:960px){
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1 .li1_item a{color: #666;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1:hover .li1_item a{color: #fff;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1.current .li1_item a{color: #fff;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1 .li1_item .triangle:after{border-top: 5px solid #666;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1:hover .li1_item .triangle:after{border-top: 5px solid #fff;}
    .hdNav.transparentBg .Midnav .navmask .ul1 .li1.current .li1_item .triangle:after{border-top: 5px solid #fff;}

	.hdNav .navbox .lflogo{height:4rem;}
	.hdNav .navbox .lflogo img{height: 2rem; }
	.hdNav .navbox .rtmsg{ height: 4rem;margin-right: 2rem;}
	.hdNav .navbox .rtmsg .srch{ margin: 0 .75rem 0 0;}
	.hdNav .navbox .rtmsg .srch .srchform{margin-top: 1.2rem;}
	.hdNav .navbox .rtmsg .srch .srchform .srchbox .input{width: 50vw;}

	.Midnav{ position: fixed;top: 0;left: 0;}
	.Midnav .m-hdbtn{display: block; cursor: pointer;  position: fixed;top: 1.1rem;	right: 2vw; z-index: 999; }
	.Midnav .m-hdbtn .navbtn_on{color: var(--cm2); font-size: 1.5rem; }
	.Midnav .m-hdbtn .navbtn_off{display: none;}
	.Midnav .m-hdbtn.cur .navbtn_on{display: none;}
	.Midnav .m-hdbtn.cur .navbtn_off{display: block; font-size: 1.5rem;}
	.Midnav .navmask{display: none; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.5);}
	.Midnav .navmask .ul1{position:absolute;float:none; width:100%; height:auto; top:0;right:0px;margin:0px; border-top:4rem solid #fff;background:#fff;}
	.Midnav .navmask .ul1 .li1{padding:0px; border-bottom:1px solid #ccc; float:none;}
	.Midnav .navmask .ul1 .li1:nth-child(1){border-top: 1px solid #ccc;}
	.Midnav .navmask .ul1 .li1 .cur{color: #426dd7; background:none;}
	.Midnav .navmask .ul1 .li1 .li1_item{padding:0 20px;height:50px;line-height:50px;color:#333;}
	.Midnav .navmask .ul1 .li1 .li1_item i{/*display: inline-block; */display: none;  padding-right: 25px;} 
	.Midnav .navmask .ul1 .li1 .li1_item a{color: #666;}
    .Midnav .navmask .ul1 .li1:hover .li1_item a{color: #fff;}
	.Midnav .navmask .ul1 .li1 .li1_item .triangle{float: right; padding-right: 2vw;}
	.Midnav .navmask .ul1 .li1 .li1_item .triangle:after{border-top:5px solid #000; margin-left: 8px;}
	.Midnav .navmask .ul1 .li1:hover .li1_item .triangle:after{border-top:5px solid #fff;transform: rotate(-90deg); -webkit-transform: rotate(-90deg); height: 0; }
    .Midnav .navmask .ul1 .li1.current .li1_item .triangle:after{border-top:5px solid #fff;}
	.Midnav .navmask .ul1 .li1 .li1_ctent{position:relative; margin-left: 0;  width: 100%; padding:0 0; top:0px; left:0%; border-bottom: none;box-shadow: 0 0px 4px 0 #999;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .subctain{width: 100%;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2{width:100%; float:none;grid-template-columns: repeat(2,1fr);padding:0 2%;gap:0 2rem;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 {margin-left: 0%; width: 100%;  text-align: left; color: #fff; margin-bottom: 0; border-bottom: none;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2:nth-child(n+3){	border-top: 1px solid #ccc;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 .navimgbox{display: none;}
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2 a{display: inline-block;white-space: nowrap; width: 90%; padding:0; height:55px; line-height:55px; text-align:left; font-size:13px;}
	/* .Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2:hover{background:var(--clr2);} */
	.Midnav .navmask .ul1 .li1 .li1_ctent .ul2 .li2:hover a {color:var(--cm1); font-weight: bold;}
}


/* nav-m05-mobftnav */
@media all{
    .nav-m05-mobftnav{display: none;}
}
@media all and (max-width:960px){
    .nav-m05-mobftnav{display: block; width: 100%; position: fixed; z-index: 99; bottom:0; background: #fafafa; }
    .nav-m05-mobftnav .ft_nav{float:left; width:25%;text-align: center; padding:5px 0 0 0;} 
    .nav-m05-mobftnav .ft_nav:hover,.nav-m05-mobftnav .ft_nav:focus{cursor: pointer; background: #e4e4e4;}
    .nav-m05-mobftnav .ft_share{position: relative;}
    .nav-m05-mobftnav .ft_nav .addshare{display: none; position: absolute;z-index: 200; bottom: 52px;width: 195px;background: #fff;padding: 5px;border: 1px solid #ccc;border-radius: 5px;} 
    .nav-m05-mobftnav .ft_nav a{display: block;}
    .nav-m05-mobftnav .ft_nav span{display: block; font-size: 1.5em;}
}



@media all{
	.indxFoot{background: var(--c3);}
	.indxFoot .ft2{display: flex; justify-content: space-between; align-items: flex-start;}
	.indxFoot .ft2 .lfbox{width: 20%;}
	.indxFoot .ft2 .lfbox img{width: 100%;}
	.indxFoot .ft2 .midbox{width: 40%;}
	.indxFoot .ft2 .midbox .ftnav{display: flex;justify-content: space-between;}
	.indxFoot .ft2 .midbox .ftnav a{display: inline-block; line-height: 1.5rem;font-weight: bold;color: #fff;}
    .indxFoot .ft2 .midbox .ftnav a:hover{color: var(--cm1);}
	.indxFoot .ft2 .midbox .ctact{color: #fff;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;  padding: 1rem 0; margin: 1.5rem 0;}
    .indxFoot .ft2 .midbox .ctact a{color: #fff;}
	.indxFoot .ft2 .midbox .ctact th{width: 5rem; vertical-align: top;}
    .indxFoot .ft2 .midbox .msg{font-size: 1rem; }
	.indxFoot .ft2 .rtbox{width: 20%;}
	.indxFoot .ft2 .rtbox .qrbox{display: flex; justify-content: space-between;text-align: center;color: var(--ce); }
	.indxFoot .ft2 .rtbox .qrbox .wx{width: 45%;}
	.indxFoot .ft2 .rtbox .qrbox .wx img{width: 100%;}
}
@media all and (max-width:960px){
	.indxFoot .ft2{display: block;}
	.indxFoot .ft2 .lfbox{display: none;}
	.indxFoot .ft2 .lfbox img{width: 50%;display: inline-block;}
	.indxFoot .ft2 .midbox{width: 100%;}
	.indxFoot .ft2 .midbox .ftnav{text-align: center;justify-content: space-around;}
	.indxFoot .ft2 .rtbox{width: 100%;padding:2rem 1.5rem 1rem;}
	.indxFoot .ft2 .rtbox .qrbox{justify-content: space-around;}
}

/* indxFoot .ft1 */
@media all {
    #pcSwp .indxFoot .ctain{padding:0;}
    .indxFoot .ctain{padding:6rem 0 3rem 0;}
    .indxFoot .ft1 .emul{display: flex; justify-content: space-between; flex-wrap: wrap; padding:0 0 6rem 0;}
    .indxFoot .ft1 .emul .emli{position: relative;flex-grow:1;flex-basis: 0; background-size: cover;background-repeat: no-repeat; background-position: center;cursor: pointer;overflow: hidden; transition: all .5s ease-in-out;}    /* flex-grow:1;flex-basis: 0; flex项目盒子平均分布 */
    .indxFoot .ft1 .emul .emli .imgBox{width: 100%; height:240px;display: flex; justify-content: center; align-items: center;}
    .indxFoot .ft1 .emul .emli .imgBox img{width: 100%; height: 100%; object-fit: cover;transition: all ease-in-out .5s;}
    .indxFoot .ft1 .emul .emli:hover{flex-grow:2; }
    .indxFoot .ft1 .emul .emli:hover .imgBox img{transform: scale(1.15);}
    .indxFoot .ft1 .emul .emli .prodbox{position: absolute;top:0;left: 0;width: 100%;height: 100%; display: flex;justify-content: space-between;align-items: center; color: var(--cf); padding:0 2rem;}
    .indxFoot .ft1 .emul .emli .prodbox .h3{font-size: 2rem;font-weight:bold;}
    .indxFoot .ft1 .emul .emli .prodbox i{font-size: 3rem;}
    .indxFoot .ft1 .emul .emli:hover .prodbox{color:var(--cm1)}

}
@media all and (max-width:960px){
    .indxFoot .ctain{padding:0;}
    .indxFoot .ft1 .emul{padding:3rem 0;}
    .indxFoot .ft1 .emul .emli{width: 50%;height: calc(var(--cw)*0.31*1); justify-content:space-between;flex-grow:unset;flex-basis:unset;}
    .indxFoot .ft1 .emul .emli:hover{flex-grow:unset;}
    .indxFoot .ft1 .emul .emli .imgBox{height: 100%;}
    .indxFoot .ft1 .emul .emli .prodbox .h3{font-size: 1.2rem;}
    .indxFoot .ft1 .emul .emli .prodbox  i{font-size: 1.2rem;}
}


@media all{
    /* #pcSwp */
    #pcSwp{height: 100vh;}
    #pcSwp .swiper-slide .wp{height: 100vh;width: 100%; display: flex; align-items: center;justify-content: center;}
    #pcSwp .swiper-slide .wp .ctain{ padding-top:calc(var(--navHeight) / 2);}

    /* 侧导航hide */
    #pcSwp .swpNation.swiper-pagination {display:none; width: 55px; left: unset; right:1rem;top: 50%;bottom: unset;}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet{display: block;position: relative;height: 1.8rem; width: 50px; opacity: .9; background: none;}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet .swpNation-text{display:none;margin:0 5px;white-space:nowrap;font-size:14px;color:var(--cm1)}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet:before{content:'';width:30px;height:1px;position:absolute;top:1.5rem;right:0;border:0;background:var(--cm1);border-radius:0;z-index:1;transition:.8s ease 0s}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet:after{content:'';width:5px;height:5px;position:absolute;right:-5px;top:1.35rem;border:1px solid transparent;border-radius:50%;}
    /* active */
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet-active:before{width:100%;}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet-active:after{border-color:var(--cm1)}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet-active .swpNation-text{display:block;font-weight: bold;}
    /* hover */
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet:hover .swpNation-text{display:block}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet:hover:before{width:100%;background:var(--cm1)}
    #pcSwp .swpNation.swiper-pagination .swiper-pagination-bullet:hover:after{border-color:var(--cm1)}
    /* animation */
    #pcSwpWrap>.swiper-slide-active .ctain {animation: slideInFromBottom 2.5s ease forwards;	}
}
@media all and (max-width:960px){
    #pcSwp{height: auto;}
    #pcSwp .swiper-slide .wp{height: auto;width: 100%; display: block;background-attachment: fixed; }
    #pcSwp .swiper-slide .wp .ctain{ padding-top:unset;position: relative;}
}

/* banner-wp */
@media all {
    .indxBan{ width:100%;}
    .indxBan .swiper{margin:0 auto; height: 100vh;}
	.indxBan .swiper .swiper-slide .slideImg{width: 100%; height: 100vh;object-fit: cover;}
	.indxBan .swiper .swiper-slide .ctentbox{position: absolute; width: 80vw; left:10vw;bottom:28%;transform: translateY(-50px); transition: all 2.5s ease-in-out;}
	.indxBan .swiper .swiper-slide .ctentbox h2{color:#fff; text-shadow: 1px 1px #666;font-weight: 700; font-size: 4rem;}
	.indxBan .swiper .swiper-slide .ctentbox .text{color:#fff; margin-bottom:4rem;font-size: 1.5rem; }
	.indxBan .swiper .swiper-slide .ctentbox .link{display: inline-block; border:1px solid var(--cm1);padding:.75em 2.5em; color:#fff; background: var(--cm1);border-radius: 5px;}
	.indxBan .swiper .swiper-slide .ctentbox .link:hover{background: var(--cm1);}
	.indxBan .swiper .swiper-pagination {padding-bottom: 3vh;}
	.indxBan .swiper .swiper-pagination .swiper-pagination-bullet{background: #fff; width: 5vw;height: 4px;border-radius: 1.1vw;opacity: 1;-webkit-transition: all 1.5s;transition: all 1.5s;outline: none;margin: .5vw}
	.indxBan .swiper .swiper-pagination .swiper-pagination-bullet-active{ width: 10vw;background-color: var(--cm1);}
    /* 给当前活动slide添加关键帧动画 */
    .indxBan .swiper .swiper-slide-active .ctentbox {animation: slideInFromBottom 2.5s ease forwards;	}
    @keyframes slideInFromBottom {
        0% {transform: translateY(100%);opacity: 0;}
        100% {transform: translateY(0);	opacity: 1;}
    }
}
@media all and (max-width:1280px){
	.indxBan .swiper .swiper-slide .ctentbox h2{ font-size: 3rem;}
}
@media all and (max-width:960px){
	.indxBan .swiper .swiper-slide .ctentbox{bottom:30%; left: 5vw;}
	.indxBan .swiper .swiper-slide .ctentbox h2{font-size: 2rem;}
	.indxBan .swiper .swiper-slide .ctentbox .text{margin-bottom:3rem;padding:10px 0;font-size:1rem; }
	.indxBan .swiper .swiper-pagination {padding-bottom: 0;}
}


/* product:imgM13 */
@media all {
    .swp-wp{width: 100%;background:url(../../01_Mod1200_1024/zstatic/img/prod/bg_blueworld.jpg);padding: 5rem 0 }
    .swp-wp .ctain{width:90%; margin:0 auto;}
    .swp-wp .ctain .titlebox{text-align: center; padding-bottom: 2rem;}
    .swp-wp .ctain .titlebox .title{font-size: 3em; color:#fff;}
    .mod-swp14{width:100%; position: relative;}
    .mod-swp14 .swiper {width: 100%;height: 100%;}
    .mod-swp14 .swiper-slide {text-align: center;background: #fff;  display: -webkit-box/* Center slide text vertically */; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
    .mod-swp14 .swiper-slide .slide-box{display: flex;}
    .mod-swp14 .swiper-slide .slide-box .imgbox{width: 50%;height: 60vh;display: flex; justify-content: center; align-items: center;overflow: hidden;}
    .mod-swp14 .swiper-slide .slide-box .imgbox img {width:75%;  max-height: 60vh; object-fit: cover;}
    .mod-swp14 .swiper-slide .slide-box .txtbox{width: 50%;text-align: left; padding:4rem 4rem;background: var(--cl4);}
    .mod-swp14 .swiper-slide .slide-box .txtbox h2{margin-bottom: 2rem; }
    .mod-swp14 .swiper-slide .slide-box .txtbox h2 a{color: var(--cm2);}
    .mod-swp14 .swiper-button-prev, .mod-swp14 .swiper-button-next{top:unset; bottom:5%; width: 3rem;height: 3rem;border-radius: 2rem; background-color: var(--cm1); color:#fff}
    .mod-swp14 .swiper-button-prev::after, .mod-swp14 .swiper-button-next::after{font-size: 1.5rem;}
    .mod-swp14 .swiper-button-prev{left:unset; right:6rem;}
    .mod-swp14 .swiper-button-next{right:2rem;}
    .mod-swp14 .swiper-pagination{left: 5%; bottom:5%;}
}
@media all and (max-width:1200px){
    .swp-wp .ctain{width:100%;}
    .mod-swp14 .swiper-slide .slide-box .txtbox{padding:2rem 2rem;}
    .mod-swp14 .swiper-slide .slide-box .txtbox h2{margin-bottom: 1rem;}
    .mod-swp14 .swiper-button-prev, .mod-swp14 .swiper-button-next{width: 2.5rem;height: 2.5rem;border-radius: 2rem; }
    .mod-swp14 .swiper-button-prev::after, .mod-swp14 .swiper-button-next::after{font-size: 1rem;}

}
@media all and (max-width:960px){
    .mod-swp14 .swiper-slide .slide-box{flex-direction: column;}
    .mod-swp14 .swiper-slide .slide-box .imgbox{width:100%;}
    .mod-swp14 .swiper-slide .slide-box .txtbox{width: 100%;}
    .mod-swp14 .swiper-slide .slide-box .txtbox{padding:2rem 1.5rem 5rem;height: 20rem;}
    .mod-swp14 .swiper-button-prev, .mod-swp14 .swiper-button-next{top:unset;bottom:2rem}
    .mod-swp14 .swiper-button-prev{left:30%; right:unset;}
    .mod-swp14 .swiper-button-next{right:30%;}
    .mod-swp14 .swiper-pagination{left: 0 ; bottom:4%;}
}
@media all and (max-width:720px){
    .mod-swp14 .swiper-slide .slide-box .imgbox{height:94vw;}
    .mod-swp14 .swiper-slide .slide-box .imgbox img {width:80%; max-height:94vw; object-fit: cover;}
}

/* advant:imgM06*/
@media all {
    .imgM06{width: 100%; background: url(../img/home/adv_bg.jpg) no-repeat center;background-size: cover;padding:50px 0;}
    .imgM06 .adv_head{text-align: center;}
    .imgM06 .adv_head p{text-transform:uppercase;font-family:'Times New Roman';font-size:40px; color:#fff;}
    .imgM06 .adv_head h2{font-size: 24px; margin:30px 0; color: #fff;}
    .imgM06 .list_ul .list_li{float:left; width: 48%; margin:30px 0 50px 0; cursor: pointer;}
    .imgM06 .list_ul .list_li:nth-child(odd){margin-right: 4%;}
    .imgM06 .list_ul .list_li .imgbox{float:left; width: 25%;}
    .imgM06 .list_ul .list_li .imgbox i{font-size: 5rem; color:var(--cm1);transition: ease-out .5s;}
    .imgM06 .list_ul .list_li:hover .imgbox i{ transform: rotateY(180deg);}
    .imgM06 .list_ul .list_li .txtbox{float:left; width:75%;}
    .imgM06 .list_ul .list_li .txtbox h4{color: #fff; border-bottom:1px solid var(--cm1); padding-bottom: 10px; margin-bottom: 10px;font-size: 1.2em; transition: .5s; -webkit-transition: .5s;}
    .imgM06 .list_ul .list_li:hover .txtbox h4{color: var(--cm1);}
    .imgM06 .list_ul .list_li .txtbox span{display: block; width: 95%; color: var(--ce);}
}
@media all and (max-width:960px){
    .imgM06{min-width: 100%;}
    .imgM06 .list_ul{padding:0 3%;text-align: center;}
    .imgM06 .list_ul .list_li{width: 100%;margin:0 0 30px 0;}
    .imgM06 .list_ul .list_li:nth-child(odd){margin-right: 0;}
    .imgM06 .list_ul .list_li .imgbox{ width: 100%;}
    .imgM06 .list_ul .list_li .txtbox{ width:100%; margin-top:10px;}
}

/* indxAbt */
@media all{
    .indxAbt{position: relative;;background: url(../img/home/abt_bg.jpg) no-repeat center; background-size: cover; padding:5rem 0;}
    .indxAbt::before {content: ""; position: absolute;top: 0; left: 0;width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色覆盖层，使图片变暗 */  }
    .indxAbt .ctain{z-index: 1;}
    .indxAbt .msgbox{overflow: hidden;}
    .indxAbt .msgbox .msg{float: left; width: 60%;color: #fff;padding-right: 8%;}
    .indxAbt .msgbox .msg .p3{text-align: justify;}
    .indxAbt .msgbox .mob-numbox{float: left;} 
    .indxAbt .msgbox .tags{float: left; width: 40%; display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center; }
    .indxAbt .msgbox .tags .tag{width: 45%; border:1px solid var(--cm1); border-bottom-right-radius: 1rem;border-top-left-radius: 1rem; padding:1rem; margin-top: 1rem; transition: all .5s ease-in-out;}
    .indxAbt .msgbox .tags .tag .icon{transition: all .75s ease-in;color:#fff;}
    .indxAbt .msgbox .tags .tag .btn{margin-top: .5rem;}
    .indxAbt .msgbox .tags .tag .btn .btnLink{display: block; color:#fff;}
    .indxAbt .msgbox .tags .tag .btn .btnLink i{float: right; transition: all .5s ease-in-out;}

    .indxAbt .msgbox .tags .tag:hover{background: var(--cm1);opacity: .75;}
    .indxAbt .msgbox .tags .tag:hover .icon{transform: rotate(360deg); }
    .indxAbt .msgbox .tags .tag:hover .btn .btnLink i{font-size: 1.5rem;padding-top: 0;}

    .indxNumRoll{padding-top: 5rem;}
    .indxNumRoll ul{width: 100%;}
    .indxNumRoll ul li{width: 25%;float: left;  text-align: center;  color: #fff;   overflow: hidden;}
    .indxNumRoll ul li:nth-child(-n+3){  border-right: 1px solid #ccc;}
    .indxNumRoll ul li .rollnum span{ font-size:4rem; font-weight: bold;  font-family: 'dincond';color: var(--cm1);}
    .indxNumRoll ul li p{ font-size: 16px;}
}
@media all and (max-width:960px){
    .indxAbt{background:none;}
    .indxAbt::before{display: none;}
    .indxAbt .msgbox .msg{width:100%;padding-right:0;float:none;color: #666;}
    .indxAbt .msgbox .mob-numbox{width: 100%; float:none;} 
    .indxAbt .msgbox .tags{ width: 100%;}
    .indxAbt .msgbox .tags .tag{width: 48%;}
    .indxAbt .msgbox .tags .tag .icon{color:var(--cm1);}
    .indxAbt .msgbox .tags .tag .btn .btnLink{color:#666;}
    .indxAbt .msgbox .tags .tag:hover .icon{color:#fff;}
    .indxAbt .msgbox .tags .tag:hover .btn .btnLink{color:#fff;}
    .indxNumRoll{padding-top: 2rem;padding-bottom: 2rem;}
    .indxNumRoll ul{width: 100%;}
    .indxNumRoll ul li{width: 50%;padding-top:1.5rem;color: #666;}
    .indxNumRoll ul li:nth-child(-n+3){ border-right:none;}
    .indxNumRoll ul li .rollnum span{ font-size:2rem; }
}
    
/* indxNews */
@media all {
    .indxNews{background: #d3e4ee; padding:5rem 0;}
    .indxNews .newsTitle{display: flex; justify-content: space-between; align-items: center;padding-bottom: 2rem; }
    .indxNews .newsTitle a{font-size:2.5rem; color: var(--cm2); transition: all .5s ease-in-out;} 
    .indxNews .newsTitle a:hover{transform:rotate(180deg); color: var(--cm1); } 
    .indxNews .newslt .news1{float: left; width: calc((100% - 3rem)*0.4);border-radius: 1rem; overflow: hidden;}
    .indxNews .newslt .news1 a{display: block; position: relative;;overflow: hidden; }
    .indxNews .newslt .news1 a i {display: block;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat; background-position: center; transition: all .5s ease-in-out;}
    .indxNews .newslt .news1 a i img{width:100%; height: 60vh;}
    .indxNews .newslt .news1 .mask{position: absolute; bottom: 0; background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #ffcd11 100%);  color: var(--cf);width: 100%;  padding:2.5rem 1.2rem 1.2rem; }
    .indxNews .newslt .news1 .mask .date i{display: inline;padding-right: 1rem;}
    .indxNews .newslt .news23{float: right; width: calc((100% - 3rem)*0.6);}
    .indxNews .newslt .news23 li a{display: flex; justify-content: space-between; align-items: center; border-radius: 1rem; overflow: hidden; transition: all .5s ease-in-out; background: var(--cl2);}
    .indxNews .newslt .news23 li:first-child{margin-bottom: 3rem;}
    .indxNews .newslt .news23 li:nth-child(even) a{flex-direction: row-reverse;}
    .indxNews .newslt .news23 li:nth-child(even) .txtbox{text-align: right;}
    /* .indxNews .newslt .news23 .imgbox{border-radius: 1rem;overflow: hidden;}
    .indxNews .newslt .news23 .imgbox img{height: calc((60vh - 3rem)/2);width: calc((60vh - 3rem)/2 * 1.33); object-fit: cover;transition: all .5s ease-in-out; }  */
    .indxNews .newslt .news23 .imgbox{border-radius: 1rem;overflow: hidden; display: flex;justify-content: center; align-items: center;height: calc((60vh - 3rem)/2);width: calc((60vh - 3rem)/2 * 1.33);}
    .indxNews .newslt .news23 .imgbox img{width: 100%; height: 100%; object-fit: cover;transition: all .5s ease-in-out; } 
    .indxNews .newslt .news23 .txtbox{width: calc((100% - 2rem)/2);padding:1rem;}
    .indxNews .newslt .news23 .txtbox .date i{padding-right: 1rem;}
    .indxNews .newslt .news23 .txtbox .title{margin:1rem 0 1rem 0; line-height: 1.5;}
    .indxNews .newslt .news23 .txtbox .more i{font-size: 2rem; color: var(--cm1); transition: all .5s ease-out;}

    .indxNews .newslt .news1:hover{box-shadow: 0 0 15px 2px #999; transform: translateY(-2px);}
    .indxNews .newslt .news1:hover i {transform: scale(1.2);}
    .indxNews .newslt .news1:hover .mask{background:linear-gradient(180deg, rgba(255, 238, 0, 0) 0%, var(--cm1) 100%);}
    .indxNews .newslt .news23 li:hover a{background:var(--cm1);  box-shadow: 0 0 15px 2px #999;transform: translateY(-2px);}
    .indxNews .newslt .news23 li:hover .imgbox img{transform: scale(1.15);} 
    .indxNews .newslt .news23 li:hover .txtbox{color: var(--cf);}
    .indxNews .newslt .news23 li:hover .txtbox .more i{color: var(--cf); transform: rotate(360deg);}   
}
@media all and (max-width:1280px){
    .indxNews .newslt .news1 a i img{width:100%; height: 60vh;}
    .indxNews .newslt .news23 .imgbox img{height: calc((60vh - 3rem)/2); } 
}
@media all and (max-width:960px){
    .indxNews .newslt .news1{float: none; width: 100%;}
    .indxNews .newslt .news1 a i img{height: auto;}

    .indxNews .newslt .news23{float: none; width: 100%;}
    .indxNews .newslt .news23 li:first-child{margin-bottom: 2rem; margin-top: 2rem;}
    .indxNews .newslt .news23 .imgbox img{height: auto; } 
    .indxNews .newslt .news23 .txtbox .title{margin:1rem 0 1.5rem 0; line-height: 1.35;}
    .indxNews .newslt .news23 .txtbox .more i{font-size: 1.5rem;}
}
@media all and (max-width:720px){
    .indxNews .newslt .news1{float: none; width: 100%;}
    .indxNews .newslt .news1 a i img{height: 50vh;}
    .indxNews .newslt .news23{float: none; width: 100%;}
    .indxNews .newslt .news23 li a{flex-direction: column !important;}
    .indxNews .newslt .news23 .imgbox{width: 100%;}
    .indxNews .newslt .news23 .txtbox{width: 100%; text-align: left !important;}
    .indxNews .newslt .news23 .txtbox .title{margin:1rem 0 1rem 0; line-height: 1.2;}
}



/* ltTopimg */
@media all{
	.ltTopimg{position: relative;}
	.ltTopimg img{width: 100%; height: auto;}
	.ltTopimg .bantxtbox{position: absolute; width:100%; bottom:20%;text-align: center; }
	.ltTopimg .bantxtbox h2{display: none;color:#fff;margin-bottom: 1rem;font-size: 4rem; text-shadow: 1px 1px #666;font-weight: 700;}
	.ltTopimg .bantxtbox .text{color:#fff; margin-bottom:1rem; }
	.ltTopimg .bantxtbox .link{display: none; border:1px solid #fff;padding:.5em 2.5em; color:#fff;border-radius:.5rem;margin-top:2rem;}
	.ltTopimg .bantxtbox .link:hover{background:  var(--clrm1);}
 }
@media all and (max-width:1200px){
	.ltTopimg .bantxtbox h2{margin-bottom: 1rem; font-size: 3rem;}
	.ltTopimg .bantxtbox .text{padding:10px 0; }
}
@media all and (max-width:960px){
	.ltTopimg .bantxtbox{bottom:1rem}
	.ltTopimg .bantxtbox h2{margin-bottom: 1rem;font-size: 2rem;}
	.ltTopimg .bantxtbox .text{margin-bottom:1rem; }
}



/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/*                    lt-prod.htm                         */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* pageBan */
@media all{
	.pageBan{position: relative;}
	.pageBan img{width: 100%; height: auto;}
	.pageBan .bantxtbox{position: absolute; width:100%; bottom:20%;text-align: center;}
	.pageBan .bantxtbox h2{display: none; color:#fff;margin-bottom: 1rem;font-size: 4rem;text-shadow: 1px 1px #666;font-weight: 700; }
	.pageBan .bantxtbox .text{color:#fff; margin-bottom:1rem; }
	.pageBan .bantxtbox .link{display: none; border:1px solid #fff;padding:.5em 2.5em; color:#fff;border-radius:.5rem;margin-top:2rem;}
	.pageBan .bantxtbox .link:hover{background:  var(--clrm1);}
 }
@media all and (max-width:1200px){
	.pageBan .bantxtbox h2{margin-bottom: 1rem; font-size: 3rem;}
	.pageBan .bantxtbox .text{padding:10px 0; }
}
@media all and (max-width:960px){
	.pageBan .bantxtbox{bottom:1rem}
	.pageBan .bantxtbox h2{margin-bottom: 1rem; font-size: 2rem;}
	.pageBan .bantxtbox .text{margin-bottom:1rem; }
}

/* pageNav */
@media all{
    /* .pageNav{background:#dd761e;} */
	.pageNavFixed{position: fixed; right: 0; left: 0;  top:0; z-index: 80;background:#FFF !important;border-bottom:1px solid #ffbc65; transition: ease-in-out 0.5s;}
    .pageNav ul{width:100%;padding:1.25rem 0;overflow-y: hidden;overflow-x: auto;    white-space: nowrap;
        -webkit-overflow-scrolling: touch; display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center;}
    .pageNav ul li a{font-size: 1.25rem; color:#888; transition: all 0.2s ease-in-out;}
    .pageNav ul li:nth-child(n+2) a{margin-left: 2.5rem;}
    .pageNav ul li:hover a, .pageNav ul li.active a{color: var(--cm1); }
}
@media all and (max-width:960px){
    .pageNav .ctain{width: 100%;}
    .pageNav ul{width: 100%;padding:1rem 1rem 1.05rem 1rem;}
    .pageNav ul li a{font-size: 1rem;font-weight:normal}
    .pageNav ul li:nth-child(n+2) a{margin-left: 1rem;}
}


/* rtTopimg */
@media all{
	.rtTopimg{position: relative;}
    .rtTopimg .imgbox{display: flex;justify-content: center;align-items: center;width: 100%; height:auto;filter: brightness(0.9);}
	.rtTopimg .imgbox img{width: 100%; height: 100%; object-fit: cover;}
    .rtTopimg .mask{position:absolute; width: 100%; height: 100%; top:0; left: 0; }
    .rtTopimg .mask .ctain{position:relative; height: 100%;}

    .maskCrumbs{position: absolute; right: 1rem; bottom:1rem;display: flex; flex-direction: column; align-items: flex-end;;color:#fff;transition: all ease-in-out .3s;}
    .maskCrumbs a{color:#fff;}
    .maskCrumbs .lfbox i{padding-right: 5px;}
    .maskCrumbs .rtbox i{background:var(--cm1);  padding: 2px 5px; border-radius: 2px;  color: #fff;}
    .maskCrumbs:hover{filter: opacity(1);}

	.maskText{position: absolute; width:100%; bottom:20%;}
	.maskText h2{color:#fff;margin-bottom: 1rem;font-size: 3rem; }
	.maskText .text{color:#fff; margin-bottom:1rem; }
	.maskText .link{display: none; border:1px solid #fff;padding:.5em 2.5em; color:#fff;border-radius:.5rem;margin-top:2rem;}
	.maskText .link:hover{background:  var(--clrm1);}

 }
@media all and (max-width:960px){
	.maskText{bottom:1rem}
	.maskText h2{margin-bottom: 1rem;font-size: 2rem;}
	.maskText .text{margin-bottom:1rem; padding:10px 0; }
}

/* ltSubNav */
@media all{
    /* .ltSubNav{background:#dd761e;} */
    .ltSubNav ul{display: flex;flex-wrap: wrap;justify-content:center; width:80%;margin:0 auto;padding:5rem 0;}
    .ltSubNav ul li{display:flex;justify-content: center; align-items: center;text-align: center; height: 4rem; width:auto;min-width:18%;margin:1rem 1%;padding:.5rem; border-radius: .5rem;}
    .ltSubNav ul li a{font-size: 1.5rem; font-weight: bold;line-height:2rem;}
    .ltSubNav ul li.current{background: var(--cm1);transition: all 0.5s ease-in-out;}
    .ltSubNav ul li.current a{color: #fff; transition: all 0.2s ease-in-out;}
    .ltSubNav ul li:hover{background: var(--cm1);transition: all 0.5s ease-in-out;}
    .ltSubNav ul li:hover a{color: #fff; transition: all 0.2s ease-in-out;}
}
@media all and (max-width:960px){
    .ltSubNav ul{width: 100%;padding:2rem 0;}
    .ltSubNav ul li{width: auto;margin:.25rem 1%;height: 3rem;}
}

/* indx-Prod */
@media all{
    .listImgs-m08B{background: var(--cl3); padding:5rem 0;}
    .listImgs-m08B.prodindx{padding:2rem 0 5rem;}
    .listImgs-m08B .prodBox .navbox{display: flex;}
    .listImgs-m08B .prodBox .navbox ul{margin: 0 auto 50px;}
    .listImgs-m08B .prodBox .navbox ul li{float:left; width: 140px; text-align: center; margin-right: 10px;  padding:15px 0; border-radius: 5px; transition: .3s;border:1px solid var(--clr3)} 
    .listImgs-m08B .prodBox .navbox ul li:hover,.listImgs-m08B .prodBox .navbox ul li.current{background-color: var(--clr3); transition: all 0.5s ease-in-out;}
    .listImgs-m08B .prodBox .listbox:nth-child(n+2){padding-top: 2rem;}
    .listImgs-m08B .prodBox .listbox{position: relative;}
    .listImgs-m08B .prodBox .listbox .anchor{position: absolute; top:-240px;}/*anchor 偏移*/
    .listImgs-m08B .prodBox .listbox .className{margin:1rem 0;}
    .listImgs-m08B .prodBox .listbox .imglist{display: grid;grid-template-columns: repeat(4,1fr);grid-template-rows: auto;gap:4rem 3rem;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli{background: var(--ce); transition: .5s all; -webkit-transition: 0.5s all;border:1px solid #eee;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli .prodpic{overflow: hidden;border-bottom: none; display: flex; justify-content: center;align-items: center;height: calc(var(--cw)*0.2275);} 
    .listImgs-m08B .prodBox .listbox .imglist .prodli .prodpic img{width:100%; height:100%; object-fit: cover;transition: all 0.5s ease-in-out;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli .prodtitl{display: flex;  display: -webkit-flex;flex-direction: column; align-items:stretch; justify-content:space-between; text-align: center;  height:10rem; padding:2rem 1rem 1rem;  transition:  .5s;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli .prodtitl h4{font-weight: normal;height: 3rem; line-height: 1.5rem;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli .prodtitl .prodbtn{display: flex;justify-content: center;align-items: center; font-size: 2rem; color: var(--cm1);}

    .listImgs-m08B .prodBox .listbox .imglist .prodli:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2); border:1px solid var(--cm1); background: var(--cm1); transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
    .listImgs-m08B .prodBox .listbox .imglist .prodli:hover  img{width:100%; transform: scale(1.15);}
    .listImgs-m08B .prodBox .listbox .imglist .prodli:hover .prodtitl i{color: #fff;animation: ccdd 1s ease-in-out 0s 5;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli:hover .prodtitl h4{color: #fff;}
	.listImgs-m08B .morebox{display: none;}
    @keyframes ccdd
    {
        0%   {transform: translateY(0)}
        50%  {transform: translateY(-.75rem)}
        100% {transform: translateY(0)}
    }
}
@media all and (max-width:960px){
    .listImgs-m08B{ padding:2rem 0;}
    .listImgs-m08B.prodindx{padding:1rem 0 2.5rem;}
    .listImgs-m08B .prodBox .navbox ul{width:100%; margin:0 auto 30px;}
    .listImgs-m08B .prodBox .navbox ul li{margin:0 1% 5px;  width: 30%; padding:8px 0;}
    .listImgs-m08B .prodBox .navbox ul li h3 {font-size: 14px; font-weight: normal;}
    .listImgs-m08B .prodBox .navbox ul{width:100%; margin:0 auto 20px;}
    .listImgs-m08B .prodBox .listbox .anchor{position: absolute; top:-120px;}/*anchor 偏移*/
    .listImgs-m08B .prodBox .listbox .imglist{grid-template-columns: repeat(3,1fr);gap:2rem;}
    .listImgs-m08B .prodBox .listbox .imglist .prodli .prodpic{height: calc(var(--cw)*0.48755);} 
	.listImgs-m08B .morebox{display: block;text-align: center;padding:20px 0 25px 0;}
	.listImgs-m08B .morebox span{padding:7.5px 40px; border:2px solid var(--clr3); border-radius: 5px; font-weight: bold;}
}
@media all and (max-width:720px){
    .listImgs-m08B .prodBox .listbox .imglist{grid-template-columns: repeat(2,1fr);gap:1rem;} 
}

/* listpage */
@media all{
     .mod-pages02{margin: 4rem 0;}
     .mod-pages02 .pagebox{margin:0 auto;}
     .mod-pages02 .pagebox ul{text-align: center;}
     .mod-pages02 .pagebox ul li{display: inline-block;padding:5px 20px;margin:2px;border:1px solid #ccc; overflow: hidden; border-radius: 3px; font-family:Tahoma; cursor: pointer;}
     .mod-pages02 .pagebox ul li.pageActive{color: #fff; background: var(--cm1);}
     .mod-pages02 .pagebox ul li a{display:block}
     .mod-pages02 .pagebox ul li:hover{background:none; color:var(--cm1); border-color: var(--cm1);}
     .mod-pages02 .pagebox ul li:hover a{color:var(--cm1);}
     .mod-pages02 .pagebox ul li.thisclass,.mod-pages02 .pagebox ul li.thisclass a,.pagebox ul li.thisclass a:hover{background:var(--cm1); color:#fff;}
     .mod-pages02 .pagebox .pageinfo strong{font-weight:bold; padding:0 2px;}
 }
 @media all and (max-width:1024px){
    .indxProd-wp.listprod .prodBox{padding-top: 20px;}
     .mod-pages02{margin:2rem 0;}
 }



/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/*                    art-prod.htm                         */
/* ------------------------------------------------------ */
/* ------------------------------------------------------ */
/* art-prod */
@media all{
    .prodTitle{text-align: center; }
    .prodTitle h1{padding:4rem 0; line-height: 2.4rem;}
    .prodCtent .mod-artEditor{ margin:0; padding:0; border-top:none; border-bottom: 1px solid #ccc; text-align: justify;}
}
@media all and (max-width:960px){
    .prodTitle h1{padding:3rem 0;}
}

/* art-news */
@media all{
    .newsTitle{text-align: center; }
    .newsTitle h1{padding:4rem 0; line-height: 2.4rem;}
    .newsTitle .newsInfo{text-align: center;}
    .newsTitle .newsInfo i{padding:0 1rem;color: var(--cm1);}
    .newsTitle .newsInfo .author{padding-right: 2rem;}
}
@media all and (max-width:960px){
    .newsTitle h1{padding:3rem 0 2rem 0; }
}

/* 【本案重点：文档内容-来自后台ckeditor编辑器】mod-artEditor */
@media all{
    .mod-artCtent .subtags{padding:2rem 0;}
    .mod-artCtent .subtags .tagtitle{float:left; width: 50%; text-align: center; background-color:#f3f3f3; height:4rem; line-height: 4rem;  transition: 0.5s; cursor: pointer;letter-spacing: 5px;border:1px solid #999;}
    .mod-artCtent .subtags .tagtitle:last-child{border-left: none;}
    .mod-artCtent .subtags .tagtitle:hover,.mod-artCtent .subtags .tagtitle.active{background-color: var(--clr1); transition: all 0.5s ease-in-out; color:#fff; }
    .mod-artCtent .subboxes .mod-artEditor{display:none;box-sizing:border-box;position:relative;width:100%;padding:20px 20px;border:1px solid #dedede}
    .mod-artCtent .subboxes .mod-artEditor.active{display: block;}

    .mod-artEditor{ margin:1rem 0; padding:1rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: justify;}
    .mod-artEditor strong{color:#333;padding:0 3px;font-weight: bold;}
    .mod-artEditor a{color:var(--clr3);text-decoration:underline;font-weight:700; padding:0 3px;}
    .mod-artEditor img{max-width:100%!important;height:auto!important;display: inline-block;}
    .mod-artEditor h2{ margin: 1rem 0; }
    .mod-artEditor h2::before{content: '';position: absolute;top: .9em;left: 12px;border: .5rem solid; border-color: transparent transparent transparent #fff;}
    .mod-artEditor h2 a,.mod-artEditor h3 a,.mod-artEditor h4 a{color:var(--clr3);}
    .mod-artEditor ul{padding-left: 1.5rem;}
    .mod-artEditor ul li{list-style: disc;}
    .mod-artEditor ol li{list-style-type: decimal;list-style-position: inside;}
    /* 表格标签 */
    .mod-artEditor .tabwrap{display: block; overflow: auto;}
    .mod-artEditor table {border:1px solid #bcaf91;color:#333;width:100%;border-collapse: collapse; font-size: .95rem;}
    .mod-artEditor table caption{font-weight: bold; font-size: 1rem; height: 3.5rem; line-height: 3.5rem;}
	.mod-artEditor table th {border:1px solid #bcaf91;padding: 8px;text-align:center; font-weight: bold;}
	.mod-artEditor table tr {background-color:#e9dbbb;}
	.mod-artEditor table tr td:first-child{font-weight: bold;}
	.mod-artEditor table td {border:1px solid #bcaf91;text-align: center;padding: 8px;}
	.mod-artEditor table thead tr{background-color: #cb7903 !important; color:#fff;}
    /* 引用标签 */
    .mod-artEditor blockquote{border-left: 5px solid #000; padding:1rem; margin:1rem; font-style: italic;/* font-family: '宋体';  */ background: #eee; border-radius: 0 1rem 1rem 0;   }
    /* 自定义样式类：digest1-3 */
    .mod-artEditor .digest1{border-top-left-radius:30px;border-bottom-right-radius:30px;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:1rem;margin:1rem 0;}
    .mod-artEditor .digest2{border:5px solid var(--clr1);border-top-left-radius:30px;border-bottom-right-radius:30px;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:1rem;margin:1rem 0;}
    .mod-artEditor .digest3{ padding:1rem;margin:1rem 0;  background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,245,235,.54)),to(rgba(185, 215, 255,.35)));
        background-image: linear-gradient(180deg, rgba(255,245,235,.54), rgba(185, 215, 255, .35)); border-radius: 1rem;    }
}
@media all and (max-width:960px){

}

/* ckeditorTemp_v5 */
@media all{
    :root{--cktempTxtBoxbgcolor:var(--cl2);--cktempImgBoxbgcolor:var(--cl2);--cktempbgcolor:var(--cl2);--cktempSwpBtncolor:rgb(255, 255, 255);--cktempUnitbgcolor:var(--cl2);}
    .ckTemp{width: 100%;  margin:0 auto;}
    .modClmn,.modRow{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: stretch;}
    .unitClmn{display: flex; flex-direction: column;; flex-wrap: wrap; justify-content: flex-start; align-items: center; margin-bottom: 2rem;background-color: var(--cktempUnitbgcolor);}
    .unitRow{display: flex;flex-direction: row; flex-wrap: wrap;justify-content: space-between; margin-bottom: 2rem;background-color:var(--cktempUnitbgcolor);align-items: center;}
    .flexImgBox{width:100%; overflow: hidden;position: relative;background-color: var(--cktempImgBoxbgcolor);}
    .flexImgBox img{width: 100%;filter: brightness(1);height: auto !important;display: block !important;transition: all 0.5s ease-in-out;}
    .flexImgBox .img-top-title{display: flex; position: absolute; top:0; width: 100%; height: 100%; flex-direction: column;align-items: center; justify-content: center;text-align: center;}
    .flexTxtBox{width:100%;display: flex;flex-wrap: nowrap; flex-direction: column; justify-content: center;align-items: center;  padding:2rem; background-color:var(--cktempTxtBoxbgcolor); }
    .flexTxtBox .txttitle{padding-bottom:2rem; text-align: center;font-size: 1.5rem; font-weight: bold;}
    .unitClmn:hover .flexImgBox img, .unitRow:hover .flexImgBox img{transform:scale(1.15,1.15);transition: all 0.5s ease-in-out;}
    .tempClmn111 .unitClmn{width:100%;}
    .tempClmn221 .unitClmn{width:49%;}
    .tempClmn421 .unitClmn{width:24%;}
    .tempClmn422 .unitClmn{width:24%;}
    .tempClmn331 .unitClmn{width:32%;}
    .tempClmn321 .unitClmn{width:32%;}
    .tempClmn322 .unitClmn{width:32%;}
    .tempRow221 .unitRow{width: 100%;}
    .tempRow221 .unitRow .flexImgBox, .tempRow221 .unitRow .flexTxtBox{width:50%;}
    .tempRow222 .unitRow{width: 100%;}
    .tempRow222 .unitRow .flexImgBox, .tempRow222 .unitRow .flexTxtBox{width:50%;}
    .tempRow421 .unitRow{width: 49%;}
    .tempRow421 .unitRow .flexImgBox, .tempRow421 .unitRow .flexTxtBox{width:50%;}
    .tempRow442 .unitRow{width: 49%;}
    .tempRow442 .unitRow .flexImgBox, .tempRow442 .unitRow .flexTxtBox{width:50%;}
    .tempSwpRow221{background-color: var(--cktempbgcolor);}
    .tempSwpRow221 .unitRow{width: 100%;margin-bottom: 0;}
    .tempSwpRow221 .unitRow .flexImgBox, .tempSwpRow221 .unitRow .flexTxtBox{width:50%;}
    .tempSwpRow221 .swiper-button-next, .tempSwpRow221 .swiper-button-prev{color:var(--cktempSwpBtncolor);}
    .tempSwpRow221 .swiper-pagination-bullet-active{background-color:var(--cktempSwpBtncolor);}
    .tempSwpClmn4321x .swiper-slide{background-color: var(--cktempTxtBoxbgcolor);}
}
@media all and (max-width:960px){
    .flexTxtBox{padding: 1.5rem;}
    .flexTxtBox .txttitle{padding-bottom:1.5rem; }
    .unitClmn,.unitRow{margin-bottom: 1.5rem;}
    .tempClmn221 .unitClmn{width:49%;}
    .tempClmn421 .unitClmn{width:49%;}
    .tempClmn422 .unitClmn{width:49%;}
    .tempClmn331 .unitClmn{width:32%;}
    .tempClmn321 .unitClmn{width:49%;}
    .tempClmn322 .unitClmn{width:49%;}
    .tempRow421 .unitRow{width: 100%;}
}
@media all and (max-width:720px){
    .tempClmn221 .unitClmn{width:100%;}
    .tempClmn421 .unitClmn{width:100%;}
    .tempClmn422 .unitClmn{width:49%;}
    .tempClmn331 .unitClmn{width:100%;}
    .tempClmn321 .unitClmn{width:100%;}
    .tempClmn322 .unitClmn{width:49%;}
    .tempRow221 .unitRow .flexImgBox, .tempRow221 .unitRow .flexTxtBox{width:100%;}
    .tempRow421 .unitRow .flexImgBox, .tempRow421 .unitRow .flexTxtBox{width:100%;}
    .tempRow442 .unitRow{width: 100%;}
    .tempSwpRow221 .swiper{padding-bottom: 20px;}
    .tempSwpRow221 .unitRow .flexImgBox, .tempSwpRow221 .unitRow .flexTxtBox{width:100%;}
}

/* mod-artPage：上下翻页 */
/* artPage-m05 */
@media all {
    .artPage-m05{display: flex; justify-content: space-between; margin:3rem 0; border-radius: .5rem;overflow: hidden;}
    .artPage-m05>div {width:50%; padding:1rem 2rem; color:#fff; background-color:var(--cm1);}
    .artPage-m05>div span{margin-right: 1rem; font-weight: bold;}
    .artPage-m05>div a{color: #fff; }
    .artPage-m05>div:hover { background-color:var(--cm2);}
    .artPage-m05 .nextpage{text-align: center; border-left: 1px solid #fff;}  
}
@media all and (max-width:960px){
    .artPage-m05{display: flex; flex-direction: column;margin:2rem 0;}
    .artPage-m05>div {width:100%; margin-bottom:1px; text-align: left; padding:.2rem 2rem;}
    .artPage-m05 .nextpage{text-align: left; border-top: 1px solid #fff;border-left: none;} 
}


/* lt-news */
/* listArts-m06 */
@media all{
    .listArts .ctain{ width: calc(var(--cw)*0.8);}
    .listArts .item{display: flex; justify-content: space-between;align-items: center; padding: 1.5rem; border:1px solid #eee; margin-bottom: 2rem; transition: all ease-in-out .5s; border-radius: .5rem; background: var(--cl2);}  /* background: rgb(184, 0, 0) url(../../zstatic/img/bgimg/bg01.svg) no-repeat right center; */
    .listArts .item .imgbox{display: flex; justify-content: center; align-items: center; width: calc(var(--cw)*0.8*0.3); height: calc(var(--cw)*0.8*0.3*0.75);overflow: hidden;}
    .listArts .item .imgbox img{width: 100%; height: 100%; object-fit: cover; transition: all ease-in-out .5s;}
    .listArts .item .ctentbox{width: 62%;}
    .listArts .item .ctentbox h3{font-size: 1.35rem;line-height: 1.8rem;color: var(--cm1);}
    .listArts .item .ctentbox .msg{display: flex;align-items: center;padding:1rem 0;}
    .listArts .item .ctentbox .msg .icon{margin-right: 1rem; color: var(--cm2);}
    .listArts .item:hover{box-shadow: 0 0 18px 0 #ccc;transform: translateY(-5px);border:1px solid var(--cm1);}
    .listArts .item:hover .imgbox{border:1px solid #fff;}
    .listArts .item:hover .imgbox img{transform:scale(1.15); border:1px solid #fff;}
    /* .listArts .item:hover .ctentbox h3{color:#fff;} */


}
@media all and (max-width:1440px){
    .listArts .ctain{width: calc(var(--cw));}
    .listArts .item .imgbox{ width: calc(var(--cw)*0.3); height: calc(var(--cw) * 0.3 * 0.75);}
}
@media all and (max-width:720px){
    .listArts .item{padding:1rem}
    .listArts .item .ctentbox{width: 55%;}
    .listArts .item .ctentbox h3{font-size: 1rem;line-height: 1.5; }
    .listArts .item .ctentbox .msg{padding:.2rem 0 0 0;}
    .listArts .item .ctentbox .txt{display: none;}
    .listArts .item .imgbox{ width: calc(var(--cw)*0.35); height: calc(var(--cw) * 0.35 * 0.75);}
}

/* sg-ctact */
@media all {
    .ctact1 .ctain{ padding-top:6rem;  padding-bottom: 2rem;     border-bottom: 1px solid #ccc;  margin-bottom: 2rem;}
    .ctact1 .ctain p{font-size: 2rem;}
    .ctact .ctain{display: flex; justify-content: space-between; padding-bottom: 6rem;}
    .ctact .msg{width: 48%;}
    .ctact .msg table{font-size: 1.6rem;padding:1rem 0;}
    .ctact .msg table i{font-size: 2rem; color: var(--cm1);}
    .ctact .msg table tr{height: 5rem;}
    .ctact .msg table tr td:nth-child(2){white-space: nowrap;padding:0 1rem 0 2rem;}
    .mod-map{width: 48%;}
}
@media all and (max-width:1200px){
    .ctact1 .ctain{ padding-top:3rem; }
    .ctact .ctain{flex-direction: column;padding-bottom:5rem;}
    .ctact .msg{width: 100%; margin-bottom: 4rem;}
    .ctact .msg table{font-size: 1.25rem;}
    .ctact .msg table tr{height: 3rem;}
    .mod-map{width: 100%;}
}
@media all and (max-width:720px){
    .ctact1 .ctain{  padding-bottom: 1.5rem; margin-bottom:1.5rem;}
    .ctact1 .ctain p{font-size:1.4rem;}
    .ctact .ctain{padding-bottom:2rem;}
    .ctact .msg{ margin-bottom: 2rem;}
    .ctact .msg table{font-size: 1rem;padding:5px 0;}
    .ctact .msg table i{font-size: 1.2rem; }
    .ctact .msg table tr{height: 3rem;}
    .ctact .msg table tr td:nth-child(2){padding:0 1rem 0 1rem;}
}


/* sg-abtIntro */
@media all {
    .sg-abtIntro .intro{display: flex; justify-content: space-evenly;padding:0 0 5rem 0;}
    .sg-abtIntro .intro .text{width:100%;text-align: justify;}
    .sg-abtIntro .intro .text p{padding-bottom: 2rem; text-indent: 2em;}
    .sg-abtIntro .intro .imgs{width: 40%; display: none;}
    .sg-abtIntro .intro .imgs .imgbox{width: 100%; height: auto;}
    .sg-abtIntro .intro .imgs .imgbox img{width: 100%;}
}
@media all and (max-width:960px){
    .sg-abtIntro .intro{flex-direction: column;padding:0 0 3rem 0;}
    .sg-abtIntro .intro .text{width:100%;padding-right: 0;}
    .sg-abtIntro .intro .imgs{width: 100%;}
}

@media all{
    .swp20{padding:0 0 5rem 0;}
    .swp20 .ctent{display:block; position:relative;}
    .swp20 .ctent .imgbox{display: flex; justify-content: center;align-items: center;overflow: hidden;border: 1px solid #ccc;}
    .swp20 .ctent .imgbox img {display: block;width: 100%;height: 100%;object-fit: cover; transition: all ease-in-out .5s;}
    .swp20 .ctent:hover .imgbox img{transform: scale(1.1);}
    .swp20 .ctent .mask{position: absolute;width: 100%; height: 100%; top:0; left: 0;display: flex; justify-content: center;align-items: flex-start;}
    .swp20 .ctent .mask p{width: 70%; text-align: center; color:#fff;margin-top: 1rem;}
    .swp20 .swiper-button-next, .swp20 .swiper-button-prev{background-color: var(--cm1);height: 3rem; width: 3rem; border-radius: 50%;  color:#333; }
    .swp20 .swiper-button-next::after, .swp20 .swiper-button-prev::after{font-size: 1rem;color:#fff}
    .swp20 .swiper-button-next:hover, .swp20 .swiper-button-prev:hover{box-shadow: 0 0 6px 4px #fff;}
}
@media all and (max-width:720px){
    .swp20{padding:0 0 2rem 0;}
    .swp20 .swiper-button-next, .swp20 .swiper-button-prev{top:unset; bottom:1rem; }
    .swp20 .swiper-button-next{right: 25%;} 
    .swp20 .swiper-button-prev{left: 25%;}
}