@charset "utf-8";
/* html body */
@media all{
    html{overflow:unset !important; }
    html body{overflow-x: unset !important;background: #f6f6f6;}
    .VIpgJd-ZVi9od-vH1Gmf{overflow: scroll;}
}
@media all and (max-width:960px){
    html body{overflow-x: hidden !important;}
}

/* logoNav */
@media all{
    .logoNav{position:absolute;z-index: 10;background:#fff;border-bottom: 1px solid #eee;}
    .logoNav.transparentBg{background:transparent;border-bottom: none;}
    .logoNav .ctain{height: 5rem;display: flex; align-items: center; justify-content: space-between;}
    .logoNav .lflogo img{height: 3rem;}
    .logoNav .rtmsg{display: flex; align-items: center;}
    .hd_lang{position: relative;padding-right:1rem; margin-right: 1rem; border-right: 1px solid #ccc;}
    .hd_lang .langtitl i{color:var(--cm1); font-size: 1.4rem;}
    .hd_lang:hover .lang_sublt{display: block;}
    .hd_lang .lang_sublt{display: none;position: absolute; z-index: 999; background: #fff; width:9rem; right: -3.5rem; box-shadow: 1px 1px 10px 0 #333;} 
    .hd_lang .lang_sublt li{font-size: 1rem;padding:0 5px;border-bottom: 1px dashed #eee;}
    .hd_lang .lang_sublt li a{display: flex; justify-content: flex-start; align-items: center;}
    .hd_lang .lang_sublt li img{width: 40px; height: 100%;padding:0 .5rem; display: inline-block;}
    .hd_lang .lang_sublt li:hover {background: var(--cm1);}
    .hd_lang .lang_sublt li:hover a{color:#fff; font-weight: bold;}
    .hd_email a{color:var(--cm1);}
    .hd_email a span{text-decoration: underline;}
    .hd_search{display: none;}
    .hd_search .searchbox{display: flex;align-items: center;}
    .hd_search .searchbox .input{height: 38px; width:300px; padding:12px 10px; background-color: var(--cf);color:#fff;font-size: 12px; display: table-cell; border:none;border-radius: 5px;}
    .hd_search .searchbox .input:focus{outline: none; background: #fcf3da; color: #333;}
    .hd_search .searchbox .iconbox{display: inline-block;position: relative;white-space: nowrap;vertical-align: middle; height: 38px; width:50px;background-color: var(--color4); margin:0 0 0 -5px; cursor: pointer;}
    .hd_search .searchbox .iconbox i{padding:10px 16px; color:#fff; font-size: 18px;}
    .hd_navbtn{display: none;}
}
@media all and (max-width:960px){
    .logoNav{position: fixed;}
	.logoNav.slideUp { -webkit-transform: translateY(-3rem); -ms-transform: translateY(-3rem); -o-transform: translateY(-3rem);transform: translateY(-3rem); -webkit-transition: transform .5s ease-out; -o-transition: transform .5s ease-out;transition: transform .5s ease-out; }
    .logoNav.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;}
    .logoNav .ctain{height: 3rem;}
    .logoNav .lflogo img{height: 2rem;}
    .hd_lang{padding-right:0;margin-right: 1rem; border-right:none;}
    .hd_lang .lang_sublt{width:9rem; right:-1.5rem;} 
    .hd_email{display: none;}
    .hd_search{width:100%; display: none; margin-bottom: 20px;}
    .hd_search .searchbox{display: flex; justify-content: center; align-items: center; }
    .hd_search .searchbox .input{margin:0; width: 60%;}
    .hd_search .searchbox .iconbox{margin: 0px 0 0 -5px;}
    .hd_navbtn{display: block; background:none; border: 0; border-radius: 5px; padding-bottom: 5px;}
    .hd_navbtn .icon-bar{display: block; width: 22px;height: 2px; border-radius: 1px; background-color:var(--cm1); margin-top: 4px; }
    .hd_navbtn.on .icon-bar:first-child{transform: rotate(-45deg);   -webkit-transform: rotate(-45deg);transform-origin: 88% 50%;
        -webkit-transform-origin: 88% 50%; margin-left: -2px;}
    .hd_navbtn.on .icon-bar:nth-child(2){opacity: 0;}
    .hd_navbtn.on .icon-bar:last-child{transform: rotate(45deg);   -webkit-transform: rotate(45deg);transform-origin: 88% 50%;
        -webkit-transform-origin: 88% 50%;margin-left: -2px;}
}

/* pcNav */
@media all{
    .pcNav{width: 100%;  background:var(--cm1); position: absolute;z-index: 9;top:5rem;box-shadow: 0 2px 6px 0 #fff;}
    .pcNav.pc_topNavFixed{position: fixed !important; top:0 !important; z-index: 1030;}
    .pcNav.pc_topNavFixed .navbar .ul_lev1 .li_lev1 .navtit1{padding:0 20px;/* nav缩放效果*/}
    .pcNav .mob_navbar{display: none;}
    .pcNav .navbar .ul_lev1 .li_lev1{float:left; position: relative; }
    .pcNav .navbar .ul_lev1 .li_lev1 .navtit1{display: flex; align-items: center;padding: 0 30px; transition: all ease-in-out .5s;}
    .pcNav .navbar .ul_lev1 .li_lev1 .navtit1 a{font-size: 16px; color: #fff; line-height:4rem; transition:all ease-in-out .5s; font-weight: bold; }
    .pcNav .navbar .ul_lev1 .li_lev1 .navtit1 .mob-down{ color:#fff; padding-left: 5px;}
    .pcNav .navbar .ul_lev1 .li_lev1.cur .navtit1,.pcNav .navbar .ul_lev1 .li_lev1:hover .navtit1{background: var(--cm2);border-right: 1px solid #fff;border-left: 1px solid #fff;}
    .pcNav .navbar .ul_lev1 .li_lev1 ul{display: none; position: absolute; z-index: 99;background:#fff; border-radius: 5px; overflow: hidden;}
    .pcNav .navbar .ul_lev1 .li_lev1 ul li{border-top: 1px solid #e1e1e1;}
    .pcNav .navbar .ul_lev1 .li_lev1 ul li a{white-space: nowrap;/* 文本不换行*/ background-clip: padding-box; display: block; padding:8px 30px;}
    .pcNav .navbar .ul_lev1 .li_lev1 ul li a:hover{background: var(--cm1); color: #fff;}
}
@media all and (max-width:960px){
    .pcNav{top:3rem;background: none;box-shadow: none;}
    .pcNav.pc_topNavFixed{top:3rem !important;}
    .pcNav .mob_navbar{display: flex;justify-content: space-between; align-items: center; padding:10px 0;z-index: 99;display: none;}
    .pcNav .mob_navbar .navtxt{float:left; display: flex; justify-content: flex-start; align-items: center;    height: 30px; color: #fff;}
    .pcNav .mob_navbar .navtxt img{height: 24px; padding-right: 6px;}
    .pcNav .mob_navbar .navtxt span{font-size: 1.2rem; color:#fff;}
    .pcNav .mob_navbar .mobsearch{display: none; float:right; height: 30px; line-height: 30px; margin-right: 5px; font-size: 20px; padding:0 12px;   border-radius: 5px;}
    .pcNav .mob_navbar .mobsearch:hover{background-color: var(--cm1);}
    .pcNav .navbar{display: none; position: absolute; width: 100%; left: 0;}
    .pcNav .navbar .ul_lev1{background: #fff;}
    .pcNav .navbar .ul_lev1 .li_lev1{width: 100%;border-top: 1px solid #e1e1e1;}
    .pcNav .navbar .ul_lev1 .li_lev1:last-child{border-bottom: 1px solid #e1e1e1;;}
    .pcNav .navbar .ul_lev1 .li_lev1 .navtit1 a{text-align:left;line-height: 3rem;padding:0 1%;color: #333;}
    .pcNav .navbar .ul_lev1 .li_lev1 .navtit1 .mob-down{position: absolute;font-size: 1rem; top:0; right: 0; padding:15px 20px; height: 3rem;color: #333;}
    .pcNav .navbar .ul_lev1 .li_lev1 .navtit1{padding:0 2% !important;}
    .pcNav .navbar .ul_lev1 .li_lev1:hover .navtit1 .mob-down,.pcNav .navbar .ul_lev1 .li_lev1.cur .navtit1 .mob-down{background: var(--cm1);color:#fff;}
    .pcNav .navbar .ul_lev1 .li_lev1:hover .navtit1 a,.pcNav .navbar .ul_lev1 .li_lev1.cur .navtit1 a{color:#fff;}
    .pcNav .navbar .ul_lev1 .li_lev1 ul{position: relative;border-radius: 0;}
    .pcNav .navbar .ul_lev1 .li_lev1 ul li a{padding:8px 0 8px 5%;}
}

/* foot */
@media all{
	.foot{width: 100%;  background-color:var(--cd1);}
	.foot .ctain{ margin:0 auto;}
	.foot .ctain .ft1box{display: flex; justify-content: space-between; align-items: center;  padding:5rem 0; }
	.foot .ctain .ft1box .ft-logo {width:30%;}
    .foot .ctain .ft1box .ft-logo .logo{width: 50%;}
	.foot .ctain .ft1box .ft-logo .logo img{width:100%;}
    .foot .ctain .ft1box .ft-logo .abt{margin-top:30px; color:#ccc;line-height: 2rem;}

	.foot .ctain .ft1box .ft-ctact {width:30%;color:#fff;}
	.foot .ctain .ft1box .ft-ctact li{font-size: 18px;}
	.foot .ctain .ft1box .ft-ctact li a{color:#fff;}
    .foot .ctain .ft1box .ft-ctact li .lab{ color:var(--cm1); font-weight: bold;}
	.foot .ctain .ft1box .ft-ctact .tel{display:inline-block; padding-bottom: 10px;font-size: 24px; font-weight: bold; }
	.foot .ctain .ft1box .ft-ctact .flw{display: flex; align-items: center;padding-top: 5px;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist span{color: #fff; font-size: 18px;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist a{display: inline-block; height: 29px; width: 29px; margin-left: 5px;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(1){background: url(../../zstatic/img/common/shareapp.png) 0 0 no-repeat;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(2){background: url(../../zstatic/img/common/shareapp.png) -31px 0 no-repeat;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(3){background: url(../../zstatic/img/common/shareapp.png) -61px 0 no-repeat;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(4){background: url(../../zstatic/img/common/shareapp.png) -92px 0 no-repeat;}
    .foot .ctain .ft1box .ft-ctact .flw .sharelist a:nth-child(5){background: url(../../zstatic/img/common/shareapp.png) -123px 0 no-repeat;}

	.foot .ctain .ft1box .ft-form{width: 30%;}
    .foot .ctain .ft1box .ft-form .formtitl{font-size: 20px; height: 30px; line-height: 30px;  margin-bottom: 10px; color: #febf01;}
    .foot .ctain .ft1box .ft-form .form .layout .intxt{width: 100%; height:30px; margin-bottom: 8px;}
    .foot .ctain .ft1box .ft-form .form .layout .txtarea{width: 100%; height:70px; margin-bottom:4px;}
    .foot .ctain .ft1box .ft-form .form .layout .vfcode .validate{width: 150px; height:30px; margin-bottom:15px; }
    .foot .ctain .ft1box .ft-form .form .layout .vfcode img{display: inline-block;}
    .foot .ctain .ft1box .ft-form .form .layout .vfcode .refresh{font-size: 14px; color: var(--cm1);}
    .foot .ctain .ft1box .ft-form .form .layout .submit .btn{    padding: 8px 40px;    border-radius: 5px;    margin: 0 10px 20px 0;    font-size: 16px;    font-weight: bold;   color:var(--cm1); border:1px solid var(--cm1); box-shadow:0 0 2px 2px #666; cursor: pointer;}
    .foot .ctain .ft1box .ft-form .form .layout .submit .btn:hover{background:var(--cm1); color:#fff;}


    .foot .ctain .ft1box .ft-beian .ctactbtn{display: flex; justify-content: center; background: var(--color4); border-radius: 5px;line-height: 30px; box-shadow: 1px 1px #eee;  border: 2px solid #ddd; margin-bottom: 5px;}
    .foot .ctain .ft1box .ft-beian .ctactbtn a{font-weight: bolder; color: #000;}
    .foot .ctain .ft1box .ft-beian .ctactbtn:hover{background: #000;box-shadow: 1px 1px rgb(253, 252, 176);  border: 2px solid var(--color4);}
    .foot .ctain .ft1box .ft-beian .ctactbtn:hover a{color: var(--color4);}
    .foot .ctain .ft1box .ft-beian .gs_name a{color: #fff;}

}
@media all and (max-width:960px){
	.foot {min-width: auto;}
	.foot .ctain{width: 100%;}
	.foot .ctain .ft1box{ padding:0 3%; flex-direction: column; align-items: center; justify-content: flex-start;}
	.foot .ctain .ft1box .ft-logo {width:100%; display: flex; justify-content: center; margin:30px 0;}
	.foot .ctain .ft1box .ft-logo .lflogo img{width:200px;}
    .foot .ctain .ft1box .ft-logo .abt{display: none;}

	.foot .ctain .ft1box .ft-ctact{margin-bottom:20px; width: 100%;}
    .foot .ctain .ft1box .ft-ctact li{margin-bottom: 0; font-size: 14px;}
    .foot .ctain .ft1box .ft-ctact .tel{font-size: 20px; padding-bottom: 2px;}
	.foot .ctain .ft1box .ft-ctact .flw{padding-top: 5px;}

	.foot .ctain .ft1box .ft-form{width: 100%;}
    .foot .ctain .ft1box .ft-form .form .layout .txtarea{height:90px;}
    .foot .ctain .ft1box .ft-form .form .layout .vfcode .validate{width: 150px;}
    .foot .ctain .ft1box .ft-form .form .layout .submit .btn{padding: 8px 20px; font-size: 14px;  border-radius: 5px;} 

}

/* foot2 */
@media all{
    .foot2{width: 100%;  background-color:#000; border-top: 1px solid #666;}
    .foot2 .ctain{ margin:0 auto;}
    .foot2 .ctain ul{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; height: 50px; font-size: .8rem;}
    .foot2 .ctain ul li{display: inline-block;}
    .foot2 .ctain ul li:nth-child(n+2){margin-left: 10px; padding-left: 10px; border-left: 1px solid #666;}
}
@media all and (max-width:960px){
    .foot2{min-width: auto; padding-bottom: 1rem 0;}
	.foot2 .ctain{width: 100%;}
    .foot2 .ctain ul{height:100%;}
}

/* ftmob */
@media all{
    .ftmob{display: none;}
}
@media all and (max-width:960px){
    .ftmob{display: block; width: 100%; position: fixed; z-index: 99; bottom:0; background: #fafafa; }
    .ftmob .ft_nav{float:left; width:25%;text-align: center; padding:5px 0;} 
    .ftmob .ft_nav:hover,.ftmob .ft_nav:focus{cursor: pointer; background: #e4e4e4;}
    .ftmob .ft_share{position: relative;}
    .ftmob .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;} 
    .ftmob .ft_nav a{display: block;}
    .ftmob .ft_nav span{display: block; font-size: 1.5em;}
}

/* sidebar */
@media all{
    .Sidebar-m06{position:fixed;right:0;bottom:150px;z-index:99; width:80px;}
    .Sidebar-m06 .SidebarBox{position:relative;float:right}
    .Sidebar-m06 .a{display:block;margin-bottom:4px;width:44px;height:44px;outline:0;background-color:var(--cm1);cursor:pointer}
    .Sidebar-m06 .a .i{float: left;width:24px;height:20px;margin-top:12px;margin-left:12px;}
    .Sidebar-m06 .a-email .i{background-image:url(../img/common/sidebar03.png);background-position:0 0;background-repeat:no-repeat}
    .Sidebar-m06 .a-phone .i{background-image:url(../img/common/sidebar03.png);background-position:-27px 0;background-repeat:no-repeat}
    .Sidebar-m06 .a-qrcode .i{background-image:url(../img/common/sidebar03.png);background-position:-91px 0;background-repeat:no-repeat}
    .Sidebar-m06 .a-top{display:none;background:#aaa}
    .Sidebar-m06 .a-top .i{background-image:url(../img/common/sidebar03.png);background-position:-28px -25px;background-repeat:no-repeat}

    .Sidebar-m06 .d{display:none;position:absolute;top:0;right:67px;width:280px;border:1px solid #e1e1e1;border-radius:3px;background:#fff;box-shadow:0 2px 5px 0 rgba(144, 145, 151, 0.11)}
    .Sidebar-m06 .d .arrow{position:absolute;top:20px;right:-15px;width:18px;height:37px;background:url(../img/common/sidebar03.png) no-repeat -69px -79px; opacity: 0.35;}
    .Sidebar-m06 .d .itemBox{padding:15px; display: flex; justify-content: center; justify-items: center;}
    .Sidebar-m06 .d .itemBox .circle{float:left;display:block;overflow:hidden;width:44px;height:44px;border-radius:50%;background:#e1e1e1}
    .Sidebar-m06 .d .itemBox h3{float:left;margin-left:10px;font-size:14px;line-height:44px}

    .Sidebar-m06 .d-email .i-email{display:block;overflow:hidden;width:44px;height:44px;border-radius:50%;background:url(../img/common/sidebar03.png) no-repeat -28px -74px;transition:all .2s}
    .Sidebar-m06 .d-phone{top:34px}
    .Sidebar-m06 .d-phone .i-tel{display:block;width:44px;height:44px;background:url(../img/common/sidebar03.png) no-repeat 7px -74px;}
    .Sidebar-m06 .d-qrcode{top:20px;text-align:center}
    .Sidebar-m06 .d-qrcode .arrow{top:80px;}
    .Sidebar-m06 .d-qrcode .qrcode-img img{display: inline-block; width: 160px; height: auto;}
    .Sidebar-m06 .d-qrcode p{font-weight: bold;}
}
@media all and (max-width:960px){
    .Sidebar-m06{display:none}
}


/* ---------------------------------------------------- */
/* -----------------------indx------------------------- */
/* ---------------------------------------------------- */


/* indxBan */
@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 #999;font-weight: 600;font-size: 3rem;}
	.indxBan .swiper .swiper-slide .ctentbox .text{color:#fff; margin-bottom:4rem; font-weight: bold;font-size: 1.5rem;}
	.indxBan .swiper .swiper-slide .ctentbox .link{display: inline-block;padding:.75em 2.5em; color:#fff;background: var(--cm1); transition: all ease-in-out .5s;}
	.indxBan .swiper .swiper-slide .ctentbox .link:hover{background: var(--cm2);}
	.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添加关键帧动画 */
    .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:960px){
	.indxBan .swiper .swiper-slide .ctentbox{bottom:20%; text-align: center;left: 8vw;}
	.indxBan .swiper .swiper-slide .ctentbox h2{font-size: 2rem; font-weight: 600; }
	.indxBan .swiper .swiper-slide .ctentbox .text{margin-bottom:2.5rem;margin-top:1rem;font-size: 1.2rem; }
	.indxBan .swiper .swiper-pagination {padding-bottom: 0;}
}

/* indx:Title & linkMore */
@media all {
    .mod-indxTitle1{text-align: center; margin:0 0 3rem 0;}
    .mod-indxTitle1 h2{font-size: 32px; padding:15px 0 15px 0;color: var(--cm1);}
    .mod-indxTitle1 p{font-family: 'Times New Roman';}
    .mod-linkMore{text-align: center; padding:4rem 0 1rem 0;}
    .mod-linkMore a{display: inline-block; padding:5px 50px; border-radius: 5px; background:var(--cm1); color:#fff; font-weight: bold;transition: all ease-in-out  .5s;}
    .mod-linkMore a:hover{background: var(--cm1); }
    .artsM02 .mod-linkMore{padding:2.5rem 0 1rem 0;}
}
@media all and (max-width:960px){
    .mod-indxTitle1 {padding:0 2%;background: none; margin: 0 0 10px 0;}
    .mod-indxTitle1 h2 {font-size: 20px; padding: 10px 0 5px 0;    }
    .mod-linkMore{ padding:2.5rem 0 .5rem 0;}
    .artsM02 .mod-linkMore{padding:1.5rem 0 0 0;}
}

/* indxProd */
@media all {
    .indxProd {padding: 3rem 0;}
    .indxProd .emul {
        display: grid;
        grid-template-columns: repeat(4, 1fr); /*比例均分建议用fr，不要用25%*/
        grid-template-rows: repeat(2, calc((var(--cw) - 6rem ) * 0.25));
        gap: 2rem;
        grid-auto-flow: column;       /*先列后行*/
    }
    .indxProd .emul .emli{position: relative;border-radius: 5px; box-shadow: 0 0 4px 0 #e1e2e3; overflow: hidden; transition: all ease-in-out .5s;}
    .indxProd .emul .emli:nth-child(1){grid-column: span 2; /*不指定start-line，默认从当前行开始跨越网格*/ }
    .indxProd .emul .emli:nth-child(6) { grid-row: span 2; }
    .indxProd .emul .emli .imgbox { width: 100%; height: 100%; position: relative; display: flex;justify-content: center; align-items: center;  cursor: pointer; overflow: hidden; }
    .indxProd .emul .emli .imgbox  img{ width: 100%;height: 100%; object-fit: cover;  transition: all .5s ease-in-out; }
    .indxProd .emul .emli:hover img{transform: scale(1.15);  }
    .indxProd .emul .emli:hover {box-shadow: 0 0 16px 0 #b3b3b3; transform: translateY(-3px);}
    .indxProd .emul .emli .imgtitle{ position: absolute; bottom:0; transition: all ease-in-out .5s; }
    .indxProd .emul .emli .imgtitle .h3{color:var(--cm1);padding:.5rem 1rem;font-weight: bold;}
    .indxProd .emul .emli:hover .imgtitle{ bottom:-4rem;}
    .indxProd .emul .emli:hover .imgtitle .h3{color: var(--cm1);padding:.5rem 1rem;}
    .indxProd .emul .emli .mask{position: absolute;display: flex; flex-direction: column; justify-content: center;align-items: flex-start;  height: 100%;width: 100%; padding:.5rem 1.5rem; color:#fff; transition: all  0.5s ease-in-out; top:100%;overflow: hidden; }
    .indxProd .emul .emli .mask a{color:#fff;text-decoration: underline;}
    .indxProd .emul .emli:hover .mask{top:0; background: rgba(255,143,0,0.5);}
}
@media all and (max-width:960px) {
    .indxProd {padding:2rem 0;}
    .indxProd .emul{gap: 1rem;}
    .indxProd .emul {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(4, calc((var(--cw) - 1rem) * 0.5));
    }
}
@media all and (max-width:720px) {
    .indxProd .emul .emli .imgtitle .h3{font-size: .85rem; line-height: 1rem;}
    .indxProd .emul .emli .mask h3{font-size: 1.2rem; line-height: 1.5rem;}
}

/* indxApply:imgM13 */
@media all{
    .imgM13 .ctain{padding:3rem 0;}
    .imgM13 .listbox .imglist{display: grid; grid-template-columns: repeat(4,1fr);gap: 3rem 5%; }
    .imgM13 .listbox .imglist li{ width:100%;border-radius: 5px;}
    .imgM13 .listbox .imglist .prodli{border:1px solid #e1e2e3;border-radius: 5px;overflow: hidden;background: #fff;transition: all ease-in-out .5s;}
    .imgM13 .listbox .imglist .prodli .prodpic{overflow: hidden; height: auto;transition: all ease-in-out .5s;} 
    .imgM13 .listbox .imglist .prodli .prodpic img{display:block;width:100%; height: auto;transition: all 0.5s ease-in-out;}
    .imgM13 .listbox .imglist .prodli .prodtitl{display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height:6rem; padding: 0 1rem; border-top:none;}
    .imgM13 .listbox .imglist .prodli .prodtitl h4{line-height: 1.8; transition: all 0.5s ease-in-out;font-weight: normal;}
    .imgM13 .listbox .imglist .prodli:hover{box-shadow: 0 0 16px 0 #999; background: var(--cm1); border: none;}
    .imgM13 .listbox .imglist .prodli:hover img{width:100%; transform: scale(1.15);}
    .imgM13 .listbox .imglist .prodli:hover .prodtitl h4{color: #fff;}
    .imgM13.indxApply .mod-linkMore{text-align: center; padding:2rem 0 1rem 0;}
}
@media all and (max-width:960px){
    .imgM13 .listbox .imglist{ grid-template-columns: repeat(2,1fr);gap:1.2rem 5%; }
    .imgM13 .listbox .imglist .prodli .prodpic{height: auto;}
    .imgM13 .listbox .imglist .prodli .prodpic img{height: auto; }
    .imgM13 .listbox .imglist .prodli .prodtitl{padding:0 5px; height: 6rem;}
}

/* advant:imgM06*/
@media all {
    .imgM06{position: relative; overflow: hidden; padding:5rem 0;}
    .imgM06 .ctain{position: relative;z-index: 2;}
    .imgM06 .adv_head{text-align: center;}
    .imgM06 .adv_head p{text-transform:uppercase;font-family:'Times New Roman';font-size:40px; color:var(--cm1);}
    .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 img{display:inline-block;transition: ease-out 1.2s;}
    .imgM06 .list_ul .list_li:hover .imgbox img{ transform: rotate(360deg);}
    .imgM06 .list_ul .list_li .txtbox{float:left; width:75%;}
    .imgM06 .list_ul .list_li .txtbox h4{color: var(--cl1); 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:#ccc;}
    .imgM06 .maskBgimg{position:absolute; top:0; left: 0;  width: 100%; height: 100%; background: url(../img/home/adv_bg.jpg) no-repeat center; background-size: cover;filter: brightness(.8);z-index:1}
}
@media all and (max-width:960px){
    .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{
    .othImgs-m04B{position:relative; overflow: hidden; padding:8rem 0;}
    .othImgs-m04B .ctain{position:relative; z-index: 2;}
    .othImgs-m04B .topbox{overflow: hidden;}
    .othImgs-m04B .topbox .msg{float: left; width: 55%;color: #fff;}
    .othImgs-m04B .topbox .msg .p1{font-size: 1.6rem;}
    .othImgs-m04B .topbox .msg .p2{color: var(--cm1);margin:1rem 0;font-size: 2rem;}
    .othImgs-m04B .topbox .msg .p3{text-align: justify;}
    .othImgs-m04B .topbox .numRoll{float:right;width: 40%;}
    .othImgs-m04B .topbox .numRoll ul{width: 100%;}
    .othImgs-m04B .topbox .numRoll ul li{float: left; width: 50%; text-align: center; margin-bottom: 2rem;  color: #fff;   overflow: hidden;}
    .othImgs-m04B .topbox .numRoll ul li .rollnum span{ font-size:3rem; font-weight: bold;  font-family: 'dincond'; color:var(--cm1)}
    .othImgs-m04B .topbox .numRoll ul li p{ font-size: 16px;}
    .othImgs-m04B .tags{float: left; width:55%; padding-top: 2rem; display: flex;flex-wrap: wrap; justify-content: space-between; align-items: center;}
    .othImgs-m04B .tags .tag{width: 20%; border:1px solid var(--cm1); border-radius: 0 1rem 0 1rem; padding:1rem; margin-top: 1rem; transition: all .5s ease-in-out;}
    .othImgs-m04B .tags .tag .icon{color: var(--cm1);transition: all ease-in-out .75s;}
    .othImgs-m04B .tags .tag .btn{margin-top: .5rem;}
    .othImgs-m04B .tags .tag .btn .btnLink{display: block; color: var(--cf);}
    .othImgs-m04B .tags .tag .btn .btnLink i{float: right; transition: all .5s ease-in-out;}
    .othImgs-m04B .tags .tag:hover{background: var(--cm1);opacity: .9;transform: translateY(-3px);}
    .othImgs-m04B .tags .tag:hover .icon{transform: rotate(360deg); color:var(--cf)}
    .othImgs-m04B .tags .tag:hover .btn .btnLink i{font-size: 1.5rem;padding-top: 0;}
    .othImgs-m04B .maskBgimg{position:absolute; top:0; left: 0;  width: 100%; height: 100%; background: url(../../zstatic/img/home/abt_bg.jpg) no-repeat center; background-size: cover;filter: brightness(.65);background-attachment: fixed;z-index:1}
}
@media all and (max-width:960px){
    .othImgs-m04B .topbox .msg{width:100%;padding-right:0;float:none;}
    .othImgs-m04B .topbox .mob-numbox{width: 100%; float:none;}
    .othImgs-m04B .topbox .numRoll{float: none; width: 100%;padding-top: 2rem;padding-bottom:0;}
    .othImgs-m04B .topbox .numRoll ul{width: 100%;}
    .othImgs-m04B .topbox .numRoll ul li{width: 50%;padding-top:1.5rem;}
    .othImgs-m04B .topbox .numRoll ul li:nth-child(-n+3){ border-right:none;}
    .othImgs-m04B .topbox .numRoll ul li .rollnum span{ font-size:2rem; }
    .othImgs-m04B .tags{ width: 100%;padding-top: 0;}
    .othImgs-m04B .tags .tag{width: 48%;}
}
    
/* indxNews:artsM02 */
@media all {
    .artsM02{width: 100%; padding:3rem 0;}
    .artsM02 .ctain .navbox{background: url(../images/line.gif) no-repeat center center;text-align: center; margin:0 0 20px 0;}
    .artsM02 .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0;}
    .artsM02 .ctain .navbox p{font-family: 'Times New Roman';}
    .artsM02 .ctain .listul{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .artsM02 .ctain .listul .listli{width:47.5%;padding:1.5rem 0;}
    .artsM02 .ctain .listul .listli a{display: flex; justify-content: center; align-items: flex-start; background: #fff; border-radius: 5px; transition: all .5s ease-in-out;}
    .artsM02 .ctain .listul .listli .lfbox{ width: 12.5rem; height: 10rem;display: flex; justify-content: center; align-items: center; border-radius: 5px; margin:1rem; overflow: hidden;}
    .artsM02 .ctain .listul .listli .lfbox img{width: 100%; height: 100%;object-fit: cover; transition: all .5s ease-in-out;}
    .artsM02 .ctain .listul .listli .rtbox{width: calc(100% - 15rem); padding:1rem 1rem 1rem 2rem;}
    .artsM02 .ctain .listul .listli .rtbox .date{font-size: 1rem; transition: all ease-in-out .5s;}
    .artsM02 .ctain .listul .listli .rtbox .date i{padding-right: 1rem;}
    .artsM02 .ctain .listul .listli .rtbox .title{margin:.75rem 0; color: var(--c3); line-height: 1.35; font-size: 1.2rem;}
    .artsM02 .ctain .listul .listli .rtbox .more i{font-size: 1.2rem; transition: all .5s ease-out; color:var(--cm1);}
    .artsM02 .ctain .listul .listli:hover a{box-shadow:0  0 25px 5px #bbb;background: var(--cm1); transform: translateY(-3px);}
    .artsM02 .ctain .listul .listli:hover .lfbox img{transform: scale(1.2);}
    .artsM02 .ctain .listul .listli:hover .rtbox .date{color:#fff;}
    .artsM02 .ctain .listul .listli:hover .rtbox .title{color:#fff;}
    .artsM02 .ctain .listul .listli:hover .rtbox .more i{color:#fff; transform: rotate(360deg);}  
}
@media all and (max-width:1280px){
    .artsM02 .ctain .listul .listli .lfbox{ width: 12rem; height: 9.6rem; }
    .artsM02 .ctain .listul .listli .rtbox{width: calc(100% - 12rem);}
}
@media all and (max-width:960px){
    .artsM02 .ctain .listul .listli{width:100%;   border-bottom: 1px dashed #ddd; }
    .artsM02 .ctain .listul .listli .lfbox{ width: 30vw; height: 24vw; }
    .artsM02 .ctain .listul .listli .rtbox{width: calc(100% - 30vw);}
}
@media all and (max-width:720px){
    .artsM02 .ctain .listul .listli .lfbox{ width: 40vw; height: 32vw; }
    .artsM02 .ctain .listul .listli .rtbox{width: calc(100% - 40vw);}
}
@media all and (max-width:640px){
    .artsM02 .ctain .listul .listli a{flex-direction: column;}
    .artsM02 .ctain .listul .listli .lfbox{ width: 100%; height: auto; margin:0;}
    .artsM02 .ctain .listul .listli .lfbox img{ width: 100%; height: auto; }
    .artsM02 .ctain .listul .listli .rtbox{width: 100% ; padding:1rem;}
}


/* ---------------------------------------------------- */
/* -----------------------sgAbt------------------------- */
/* ---------------------------------------------------- */

/* sg-abtintro-nav */
@media all{
    .sg-abtintro-nav{border-bottom: solid 1px #dedede; padding-top: 10rem;}
    .sg-abtintro-nav .menu{ padding: 30px 0; margin: 0;}
    .sg-abtintro-nav .menu .column{ display: none}
    .sg-abtintro-nav .menu ul{ text-align: center}
    .sg-abtintro-nav .menu ul li{ display: inline-block; font-size: 18px; line-height: 40px; min-width: 13.5%;}
    .sg-abtintro-nav .menu ul li a{ color: #666666;position: relative; display:inline-block; font-weight: bold; padding:0 20px;}
    .sg-abtintro-nav .menu ul li.active a,.sg-abtintro-nav .menu ul li:hover a{ color: var(--cm1)}
    .sg-abtintro-nav .menu ul li a:after{ content: ''; position: absolute; left: 50%; display: block; width: 0%; height: 1px; bottom: -31px;  transition: 0.5s }
    .sg-abtintro-nav .menu ul li:hover a:after,
    .sg-abtintro-nav .menu ul li.active a:after{ left: 0; width: 100%;background: var(--cm1)}
}
@media all and (max-width:960px){
    .sg-abtintro-nav{ padding-top:3rem;;}
    .sg-abtintro-nav .menu{ padding: 20px 0; }
    .sg-abtintro-nav .menu .column{ color: #fff; font-size: 16px; position: relative;display: block;cursor: pointer; padding: 8px 20px; margin: 0; border-radius: 100px;
background: var(--cm1); /* Old browsers */
background: -moz-linear-gradient(left,var(--cm1) 0%, var(--cm1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, var(--cm1) 0%,var(--cm1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, var(--cm1) 0%,var(--cm1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--cm1)', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */
}
    .sg-abtintro-nav .menu .column .titl{color: #fff;}
    .sg-abtintro-nav .menu .column .rtbtn{width: 20%; float: right;}
    .sg-abtintro-nav .menu .column .rtbtn i{float:right;padding-top: 5px;transition: all 0.5s ease-in-out;}
    .sg-abtintro-nav .menu .column.on .rtbtn i{transform: rotate(-180deg); padding-bottom: 7px; transition: all 0.5s ease-in-out;} 
    /* .sg-abtintro-nav .menu .column .after{ content: ''; position: absolute; right: 4%; top: 12px; width: 10px; height: 10px; border-right: solid 2px #fff; border-bottom: solid 2px #fff; transform: rotate(45deg); transition: 0.5s}
    .sg-abtintro-nav .menu .column.on .after{transform: rotate(-135deg); top: 16px; } */
    .sg-abtintro-nav .menu ul{ z-index: 20; text-align: left; background: #fff; box-shadow: 0 6px 12px 0 #999; display: none; position: absolute; width:100%;}
    .sg-abtintro-nav .menu ul li{font-size: 14px; display: block; width: 100%; border-bottom: dotted 1px #ddd}
    .sg-abtintro-nav .menu ul li a{ padding: 0px 20px; display: block}
    .sg-abtintro-nav .menu ul li a:after{ display: none}
}

/* sg-abtintro-main */
@media all{
    .sg-abtintro-main .head {padding: 50px 0 30px 0;}
    .sg-abtintro-main .head .picBan img{width: 100%;}
    .sg-abtintro-main .head .textPic{ margin-top: 25px;}
    .sg-abtintro-main .head .textPic .left{float: left; width: 60%; line-height: 220%;text-align: justify;}
    .sg-abtintro-main .head .textPic .left div{font-size: 16px; color: #696969; margin: 0 20px 20px; line-height: 28px;}
    .sg-abtintro-main .head .textPic .right{float: left; width: 37.5%; margin-left: 2.5%;}
    .sg-abtintro-main .head .textPic .right .picTop{ float: left; width: 100%;}
    .sg-abtintro-main .head .textPic .right .picTop img{ width: 100%;}
    .sg-abtintro-main .head .textPic .right .picTop .picText{ text-align: center; color: #666666;line-height: 250%; padding-bottom: 15px;}
    .sg-abtintro-main .head .textPic .right .picBtm{ float: left; width: 100%;}
    .sg-abtintro-main .head .textPic .right .picBtm img{ width: 100%;} 
    .sg-abtintro-main .head .textPic .right .picBtm .picText{ text-align: center; color: #666666; line-height: 250%;}
}
@media all and (max-width:960px){
	.sg-abtintro-main .head {padding: 20px 0;	}
    .sg-abtintro-main .head .picBan {width: 100%;height: 300px;}
	.sg-abtintro-main .head .textPic{ margin-top: 15px;}
	.sg-abtintro-main .head .textPic .left{float: left; width: 100%; line-height: 1.6rem;}
	.sg-abtintro-main .head .textPic .left div{margin: 0;}
	.sg-abtintro-main .head .textPic .right{float: left; width: 100%; margin: 20px 0 0 0;}
	.sg-abtintro-main .head .textPic .right .picTop{ float: left; width: 47.50%;}
	.sg-abtintro-main .head .textPic .right .picBtm{ float: left; width: 47.5%; margin-left: 5%;}
}

/* sg-abtintro-ban */
@media all{
    .sg-abtintro-ban{ padding:50px 0;}
    .sg-abtintro-ban .subtitl{margin:20px 0 80px 0;text-align: center;}
    .sg-abtintro-ban .subtitl h2{font-size: 30px;color:var(--cm1)}
    .sg-abtintro-ban .subtitl p{font-size: 15px; color: #aaa; padding-top: 10px;}
    .sg-abtintro-ban img{width: 100%;}
}
@media all and (max-width:960px){
    .sg-abtintro-ban{ padding:30px 0;}
    .sg-abtintro-ban .subtitl{margin:0 0 35px 0;}
    .sg-abtintro-ban .subtitl h2{font-size: 20px;}
    .sg-abtintro-ban .subtitl p{font-size: 14px; padding-top:5px;}
}

/* sg-abtfactory-imgs */
@media all {
    .fancyImg .fancyNav{display: flex;}
    .fancyImg .fancyNav ul{margin: 50px auto;}
    .fancyImg .fancyNav ul li{float:left; width: 200px; text-align: center; margin:0 20px;padding:15px 0; border-radius: 5px; border:1px solid var(--cm1) ;transition: .3s;} 
    .fancyImg .fancyNav ul li:hover,.fancyImg .fancyNav ul li.current{background-color: var(--cm1);}
    .fancyImg .fancyNav ul li h3{color:var(--cm1);font-size: 1rem;}
    .fancyImg .fancyNav ul li:hover h3,.fancyImg .fancyNav ul li.current h3{color:#fff;}
    .fancyImg .listbox .imglist:nth-child(n+2){display: none;}
    .fancyImg .listbox .imglist li{float:left; width:30% ; margin-right:5%; margin-bottom: 50px; /*box-shadow: 0 2px 4px 0 #ccc;*/}
    .fancyImg .listbox .imglist li:nth-child(3n){margin-right: 0;}
    .fancyImg .listbox .imglist .prodli{transition: .3s all; -webkit-transition: 0.3s all; position: relative;}
    .fancyImg .listbox .imglist .prodli:hover{box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);  transform: translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
    .fancyImg .listbox .imglist .prodli a{cursor: zoom-in;}
    .fancyImg .listbox .imglist .prodli .prodpic{overflow: hidden; height: 358px; border:1px solid #ccc; } 
    .fancyImg .listbox .imglist .prodli .prodpic img{width:100%; height: 358px;transition: all 0.5s ease-in-out; display: block;}
    .fancyImg .listbox .imglist .prodli .prodtitl{position:absolute; bottom:0; width:100%;display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 10px; border:1px solid #ccc; border-top:none; transition:  1s; background: rgba(0, 0, 0, 0.5);}
    .fancyImg .listbox .imglist .prodli .prodtitl h4{color:var(--cf); line-height: 20px;}
    .fancyImg .listbox .imglist .prodli:hover .prodtitl{background: var(--cm1);}
    .fancyImg .listbox .imglist li:hover  img{width:100%; transform: scale(1.05);}
}
@media all and (max-width:1199px){
    .fancyImg .fancyNav {padding:0 2%; }
    .fancyImg .fancyNav ul{width:100%; margin:20px auto;}
    .fancyImg .fancyNav ul li{margin:0 1% 5px;  width: 31%; padding:8px 0; height: 55px; display: flex;align-items: center; text-align: center; justify-content: center;}
    .fancyImg .fancyNav ul li h3 {font-size: 14px; font-weight: normal; line-height: 20px; }
    .fancyImg .listbox{padding:0;}
    .fancyImg .listbox .imglist .prodli .prodpic{height: auto;}
    .fancyImg .listbox .imglist .prodli .prodpic img{height: auto; margin-bottom: -7px;}
    .fancyImg .listbox .imglist .prodli .prodtitl{padding:0 5px; height: 40px;}
    .fancyImg .listbox .imglist .prodli .prodtitl h4{line-height: 18px;font-size: 14px; font-weight: normal;}
}
@media all and (max-width:1024px){
    .fancyImg .listbox .imglist li{width: 48%; margin: 0 4% 0 0; margin-bottom:20px;}
    .fancyImg .listbox .imglist li:nth-child(3n){margin-right: 4%;}
    .fancyImg .listbox .imglist li:nth-child(even){margin-right:0;}
}

/* sg-abthonor-album */
@media all{
    .sg-abthonor-album .ctain{overflow: hidden;}
	.honor-swiper{	padding: 60px 0; position: relative;}
	.honor-swiper .swiper-slide {width: 570px;padding-bottom: 30px;	text-align: center;	background: #fff;	box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
	.honor-swiper .swiper-slide img{display:block;}
	.honor-swiper .swiper-pagination {display: none; width: 100%;	bottom: 20px;}
	.honor-swiper .swiper-button-prev,.honor-swiper .swiper-button-next {color:#fff;background: #0075c7;border-radius: 50%;width: 4rem;height: 4rem;font-size: 3rem;box-shadow: 0 0 10px 1px #fff;}
    .honor-swiper .swiper-button-next:after, .honor-swiper .swiper-button-prev:after{font-size:2rem;}
	.honor-swiper .swiper-button-prev:hover,.honor-swiper .swiper-button-next:hover{background: var(--cm1);}
	.honor_pic{margin-bottom: 40px;height: auto;	overflow: hidden;	}
	.honor_pic img{min-height: 100%;	width: 100%;}
	.honor_title{ color: #22a7d9;    font-size: 24px;    margin: 20px 0;    font-weight: 400;}
	.honor_sub-title{color: #22a7d9;	opacity: 0.6;font-size: 16px;display: none;}
	.honor_text{color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;font-size: 14px; margin: 40px 30px;  line-height: 1.5;text-align: left;}
	.honor_link{	color: #22a7d9;	font-size: 14px;}
	.honor_link .fa{	margin-left: 5px;}
}
@media (max-width: 960px){
    .honor-swiper{	padding: 30px 0;}
	.honor-swiper .swiper-slide {width: 100%;}
	.honor_pic{margin-bottom: 40px;	height: auto;	padding: 3px;}
}


/* ---------------------------------------------------- */
/* -----------------------ltProd------------------------- */
/* ---------------------------------------------------- */

/* lt-prod-main: lfBox */
@media all{
    .lt-prod-main{padding-top: 12rem; overflow: hidden; background: #f6f6f6;}
    .lt-prod-main .lfBox{float: left;width: 28%;height: auto; padding-right:3rem;}

    .mod01-lfnavbox .lfnav .titl{background: var(--cm1); color:#fff; text-align: center;}
    .mod01-lfnavbox .lfnav .titl h3{color:#fff; margin:0; height:4rem; line-height: 4rem; font-size: 1.6rem;}
    .mod01-lfnavbox .lfnav .titl .rt{display: none;}
    .mod01-lfnavbox .lfnav .titl .return{display: none;}
    .mod01-lfnavbox .lfnav .supul{border:1px solid #ccc;}
    .mod01-lfnavbox .lfnav .supul .supli {border-bottom: 1px dashed #ccc;}
    .mod01-lfnavbox .lfnav .supul .supli:last-child {border-bottom: none;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl{position: relative; display: flex; justify-content: flex-start; align-items: center;   padding:15px 5px 15px 18px; }
    .mod01-lfnavbox .lfnav .supul .supli .suptitl i{transition: all 0.5s ease-in-out;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl a{display: inline-block; padding:0 0 0 15px;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl a h3{color:#454545; line-height: 1.2rem; font-size: 1rem;}
    .mod01-lfnavbox .lfnav .supul .supli .subul{display: none;}
    .mod01-lfnavbox .lfnav .supul .supli .subul .subli{ padding:2.5px 0 2.5px 30px;}
    .mod01-lfnavbox .lfnav .supul .supli .subul .subli h4{color:#666; font-size:14px; font-weight: normal;}
    .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl,    .mod01-lfnavbox .lfnav .supul .supli.current .suptitl{background: var(--cm2);}
    .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl i,  .mod01-lfnavbox .lfnav .supul .supli.current .suptitl i{color:#fff;transform: rotate(90deg); -webkit-transform: rotate(90deg);}
    .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl h3, .mod01-lfnavbox .lfnav .supul .supli.current .suptitl h3{color:var(--cf);}
    .mod01-lfnavbox .lfnav .supul .supli:hover .subul,  .mod01-lfnavbox .lfnav .supul .supli.current .subul{display: block; transition: all 0.5s ease-in-out;}
    .mod01-lfnavbox .lfnav .supul .supli .subul .subli h4:hover,    .mod01-lfnavbox .lfnav .supul .supli .subul .subli.active h4{color:var(--cm1);font-weight: bold;}

    .lfBox .gsImg{	width: 100%;	height: auto;     box-shadow: #999 2px 2px 2px;  margin-top: 15px;  border-radius: 5px}
    .lfBox .ltContact{border: 1px dotted var(--cm1); border-radius: 10px; padding: 10px; margin-top: 10px; background: #fff;}
    .lfBox .ltContact h2{	padding-bottom:1rem;color:var(--cm1);font-size: 1.2rem;line-height: 1.6;}
    .lfBox .ltContact  li{	font-size:14px;}
    .lfBox .ltContact  strong{	font-size:16px;	font-weight:bold;	color: var(--cm1);}
    .lfBox .ltContact  span{	font-weight:bold;}

    .lt-prod-main .crumbs-m02{display: none;}
}
@media all and (max-width:960px){
    .lt-prod-main{padding-top:3rem;}
    .lt-prod-main .ctain{width: 100%;}
    .lt-prod-main .lfBox{ width: 100%; padding-right: 0;}
    .lt-prod-main .lfBox .ltnavbox{display: none;}

    .mod01-lfnavbox .lfnav .titl{padding:0 2%;background:#fff;border-bottom:1px solid #ccc;}
    .mod01-lfnavbox .lfnav .titl h3 {height: 3rem;line-height: 3rem;  margin:0; font-size: 1rem;color:var(--cm2)}
    .mod01-lfnavbox .lfnav .titl .lf{display: block; float:left;}
    .mod01-lfnavbox .lfnav .titl .rt{display: none; float: right;  }
    .mod01-lfnavbox .lfnav .titl .return{display: block; float: right; color: var(--cm2);height: 3rem; line-height: 3rem; }
    .mod01-lfnavbox .lfnav .supul{padding:1rem 2%;display: grid; grid-template-columns:repeat(3,1fr);grid-template-rows: auto; gap:10px 1rem; border: none;}
    .mod01-lfnavbox .lfnav .supul .supli{ border-radius:5px; border:1px solid #ddd; text-align:center;}
    .mod01-lfnavbox .lfnav .supul .supli:last-child {border-bottom: 1px solid #ddd;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl {height: 38px; justify-content: center; margin:0; padding:3px 2%; background:none; border-bottom: none;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl i{display: none;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl a{ padding:0;}
    .mod01-lfnavbox .lfnav .supul .supli .suptitl a h3{font-weight: normal; font-size:14px;line-height: 14px;}
    .mod01-lfnavbox .lfnav .supul .supli:hover .subul,  .mod01-lfnavbox .lfnav .supul .supli.current .subul{display: none}
    .lfBox .gsImg{display: none;}
    .lfBox .ltContact{display: none;}

    .lt-prod-main .crumbs-m02{display: block; padding-top: 0;}
}

/* lt-prod-main: rtBox  and pages */
@media all{
    .lt-prod-main .ctain .rtBox-ltprod{width:72%;float: left;overflow: hidden;}
    .mod-ltprod{display: grid; grid-template-columns: repeat(3,1fr);  	grid-template-rows: auto;gap:3rem;}
    .mod-ltprod .libox{text-align: center; border:1px solid #ddd; transition: all ease-in-out .5s;}
    .mod-ltprod .libox .imgbox{width:100%;height:auto;overflow: hidden; position: relative;}
    .mod-ltprod .libox .imgbox img{width: 100%; height: 100%; transition: all 0.5s ease-in-out; display: block;}
    .mod-ltprod .libox .imgbox i{display: none; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:250px;}
    .mod-ltprod .libox:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); transform: translateY(-5px);}
    .mod-ltprod .libox:hover .imgbox img{transform: scale(1.15);}
    .mod-ltprod .libox:hover .imgbox i{background: var(--cm1); opacity: 0.3;top:0;}
    .mod-ltprod .libox .textbox{padding:30px 15px;background: var(--cf); transition: all 0.5s ease-in-out;}
    .mod-ltprod .libox .textbox .title{display:flex;justify-content: center;align-items: center; font-weight: bold;  height: 50px; }
    .mod-ltprod .libox .textbox .title strong{font-weight:bold;font-size: 16px; line-height: 24px;}
    .mod-ltprod .libox .textbox span{display: inline-block; padding:2px 30px;  border-radius: 30px;  border:1px solid var(--cm1); margin:30px auto 0; background: var(--cm1); color: var(--cf);font-size: 1rem;}
    .mod-ltprod .libox:hover .textbox{background: var(--cm1); }
    .mod-ltprod .libox:hover .textbox  .title strong{color: #fff; }
    .mod-ltprod .libox:hover .textbox span{color:var(--cm1); background:#fff; transition:all 0.5s ease-in-out;}

    .mod-pages02{padding:2rem;}
    .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; background: var(--cf); border-radius: 3px; font-family:Tahoma;}
    .mod-pages02 .pagebox ul li a{display:block}
    .mod-pages02 .pagebox ul li:hover{background:none; color: #333; border-color: var(--cm1);}
    .mod-pages02 .pagebox ul li:hover a{color:#fff;}
    .mod-pages02 .pagebox ul li.pageActive, .mod-pages02 .pagebox ul li:hover{background:var(--cm1); color:#fff;border-color: var(--cm1)}
    .mod-pages02 .pagebox .pageinfo strong{font-weight:bold; padding:0 2px;}
}
@media all and (max-width:960px){
    .lt-prod-main .ctain .rtBox-ltprod{width: 100%;padding:0 2%;}
    .mod-ltprod .libox .textbox{padding:15px 10px;}
    .mod-ltprod .libox .textbox .title strong{font-size: 15px; line-height: 20px;}
    .mod-ltprod .libox .textbox span{margin:10px auto; margin:15px auto 0;font-size: 15px;}
    .mod-pages02{margin: 0;}
    .mod-pages02 .pagebox ul li{padding:2px 15px;}
}
@media all and (max-width:720px){
    .mod-ltprod{grid-template-columns: repeat(2,1fr);  grid-template-rows: auto;gap:1.5rem;}
}

/* mod-arts-m17 */
@media all {
    .mod-arts-m17{ background: #f6f6f6;padding:3rem 0;}
    .mod-arts-m17 .mod-ltprod{grid-template-columns: repeat(4,1fr);}
}
@media all and (max-width:960px){
    .mod-arts-m17 .mod-ltprod{ grid-template-columns: repeat(3,1fr);}
}
@media all and (max-width:720px){
    .mod-arts-m17{padding:0 0 3rem 0;}
    .mod-arts-m17 .mod-ltprod{ grid-template-columns: repeat(2,1fr);}
}

/* ---------------------------------------------------- */
/* -----------------------rtProd------------------------- */
/* ---------------------------------------------------- */


/* rt-prod:rtbox-rtprod */
@media all{
    .lt-prod-main .ctain .rtBox-rtprod{width: 72%;float: right;overflow: hidden;}
}
@media all and (max-width:960px){
    .lt-prod-main .ctain .rtBox-rtprod{width: 100%;float: none;padding:0 3%;}
}

/* mod-bdtitl */
@media all{
    .mod-bdtitl h1{font-size: 24px;color:#000; line-height: 32px; padding:0 0 25px 0;}
    .mod-bdtitl .sub{height:2px;background: var(--cm1); margin-bottom:30px;}
}
@media all and (max-width:960px){
    .mod-bdtitl h1{padding:1.2rem 0; text-align: center;font-size: 20px;line-height: 30px;}
    .mod-bdtitl .sub{margin-bottom: 15px;}
}

/* mod-bdimgban */
@media all{
    .mod-bdimgban .left{float:left;position:relative;width:60%;}
    .mod-bdimgban .right{float:right;width:35%;color:#666;font-size:16px}
    .mod-bdimgban .right .info{    background: #fff; color:var(--cm1);border: 1px dashed #ccc;padding: 10px;line-height: 24px; margin-bottom: 20px; border-radius: 5px;}
    .mod-bdimgban .right .tag{line-height:24px}
    .mod-bdimgban .right .tag a{color:var(--cm1); text-decoration: underline;}
    .mod-bdimgban .right .feedback{display: inline-block; padding: 5px 20px; background-color: var(--cm2); color:#fff; margin-top: 20px;  transition: 0.5s;}
    .mod-bdimgban .right .feedback i{padding-right: 10px;}
    .mod-bdimgban .right .feedback:hover{background-color: #333;}
}
@media all and (max-width:1200px){
    .mod-bdimgban .left{width:58%;}
    .mod-bdimgban .right{width:38%;}
}
@media all and (max-width:960px){
    .mod-bdimgban .left{float:none; width:100%}
    .mod-bdimgban .right{width:100%;}
    .mod-bdimgban .right .info{padding:10px; margin:15px auto 10px;}
    .mod-bdimgban .right .feedback{margin-top: 15px;}
}

/* mod-swp05 */
@media all{
    .mod-swp05 .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}
    .mod-swp05 .swiper-slide{text-align:center;font-size:18px;display:-webkit-box;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;background:#fff;background-size:cover;background-position:center}
    .mod-swp05 .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
    .mod-swp05 .mySwiper2{border:1px solid #ccc;height:80%;width:100%;--swiper-navigation-color: #fff; --swiper-pagination-color: #fff}
    .mod-swp05 .mySwiper1{height:20%;box-sizing:border-box;padding:10px 0}
    .mod-swp05 .mySwiper1 .swiper-slide{width:25%;height:100%;opacity:.4;border:1px solid #ccc;}
    .mod-swp05 .mySwiper1 .swiper-slide-thumb-active{opacity:1;border:1px solid var(--cm1);}
    /* .swiper-button-next, .swiper-button-prev{color:var(--cm1) !important;} */

    .mod-swp05 .swiper-button-next:after, .mod-swp05 .swiper-rtl .swiper-button-prev:after{ font-size: 18px; padding:7.6px 12px; background: var(--cm1); border-radius: 25px; color: #fff;}
    .mod-swp05 .swiper-button-prev:after, .mod-swp05 .swiper-rtl .swiper-button-next:after{ font-size: 18px; padding:7.6px 12px; background:var(--cm1); border-radius: 25px; color: #fff;}

    .zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0}
    .zoomMask{position:absolute;background:url(../img/common/mask.png) repeat scroll 0 0 transparent;cursor:move; z-index:99}
}

/* mod-bdctent */
@media all{
    .mod-bdctent{margin-top:40px; font-size: 16px;text-align: justify;border-top: 1px solid var(--cl1);}
    .mod-bdctent .ctentitl strong{font-weight: bold;}
    .mod-bdctent .ctentitl>div{float:left; width: 50%; text-align: center; background-color:#f3f3f3; height: 60px; line-height: 60px;  transition: 0.5s; cursor: pointer;letter-spacing: 5px;}
    .mod-bdctent .ctentitl>div:last-child{border-left: none;}
    .mod-bdctent .ctentitl>div:hover,.mod-bdctent .ctentitl>div.active{background-color: var(--cm1); transition: all 0.5s ease-in-out; color:var(--cf); }
    .mod-bdctent .ctentbox>div{display:none;box-sizing:border-box;position:relative;width:100%;padding:20px 20px;border:1px solid #dedede}
    .mod-bdctent .ctentbox>div.active{display: block;}
    .mod-bdctent .ctentbox>div .digest,.mod-bdctent .ctentbox>div cite{display: block;margin:20px 0 30px;border:5px solid var(--cm1);border-top-left-radius:30px;border-bottom-right-radius:30px;background-color:var(--cm1);box-shadow:5px 5px 2px rgba(188,188,188,1);padding:10px 10px; color:var(--cf)}
    .mod-bdctent .ctentbox>div .quote,.mod-bdctent .ctentbox blockquote {display: block; margin:20px 0 20px 20px; border-left: 4px solid var(--cm1); padding:10px 10px 10px 18px;  font-style: italic; background: #f0f0f0;}
    .mod-bdctent .ctentbox>div .info,.mod-bdctent .ctentbox>div var {display: block; margin:20px 0 ; background-color:var(--clr5); padding:15px; border:1px dashed #ccc; border-radius: 10px;} 
    .mod-bdctent .ctentbox>div .bg,    .mod-bdctent .ctentbox>div samp {display: block; margin:20px 0 ; background: var(--clr5); padding:15px;}  
    .mod-bdctent .ctentbox>div h2{margin: 45px 0 25px 0;font-size: 20px; color:#333; border-bottom: 1px solid var(--cl1); padding-bottom: 12px;}
    .mod-bdctent .ctentbox>div h3{margin:20px 0;font-size: 18px;color:#555; font-style: italic; padding-left: 10px;}
    /* .mod-bdctent .ctentbox>div h1{font-size: 2rem;}
    .mod-bdctent .ctentbox>div h2{font-size: 1.6rem;}
    .mod-bdctent .ctentbox>div h3{font-size: 1.2rem;}
    .mod-bdctent .ctentbox>div h4{font-size: 1rem;}
    .mod-bdctent .ctentbox>div h5{font-size: 0.8rem;}
    .mod-bdctent .ctentbox>div h6{font-size: 0.8rem;} */

    .mod-bdctent .ctentbox>div strong{padding:0 3px; font-weight: bold;}
    .mod-bdctent .ctentbox>div a{text-decoration:underline;font-style: italic; font-weight:bold; padding:0 3px;color:#6190e5;}
    .mod-bdctent .ctentbox>div p{padding:0;color:#666;}
    .mod-bdctent .ctentbox>div div{padding:0;;color:#666;}
    .mod-bdctent .ctentbox>div img{max-width:100%!important;height:auto!important; display: inline-block;}
	.mod-bdctent .ctentbox .signature{color:#999; padding-top: 5px; font-style: italic;}	

    .mod-bdctent .ctentbox table {border:1px solid #bcaf91;color:#333;font-size:12px;width:100%;border-collapse: collapse;}
    .mod-bdctent .ctentbox table th {border:1px solid #bcaf91;font-size:14px;padding: 8px;text-align:center; font-weight: bold;}
    .mod-bdctent .ctentbox table tr {background-color:#fff;}
    .mod-bdctent .ctentbox table tr td:first-child{font-weight: bold;}
    .mod-bdctent .ctentbox table td {border:1px solid #bcaf91;text-align: center; font-size:12px;padding: 8px;}
    .mod-bdctent .ctentbox table thead tr{background-color: var(--cm1) !important; color:#fff;}

    /* 只显示一个标签 */
    .mod-bdctent .ctentitl>div:first-child{width:100%;}
    .mod-bdctent .ctentitl>div:nth-child(n+2){display: none;}
    .mod-bdctent .ctentbox>div:nth-child(n+2){display: none;}
}
@media all and (max-width:960px){
    .mod-bdctent{margin-top:3rem;}
    .mod-bdctent .ctentitl>div{letter-spacing:2px;}
    .mod-bdctent .ctentbox>div{padding:15px 0 0 0;border:none;}
    .mod-bdctent .ctentbox>div h2{margin: 25px 0 30px 0;font-size: 20px; border-bottom: 1px solid #ccc;}
}

/* mod-bdartpage */
@media all{
    .mod-bdartpage{padding:35px 0;}
    .mod-bdartpage>div {width:45%; border-radius: 8px; border:1px solid var(--cl1); background: #fff; padding:8px 20px; text-align:center; cursor: pointer;transition: all 0.5s ease-in-out; }
    .mod-bdartpage  a{ transition: all 0.5s ease-in-out; }
    .mod-bdartpage span{padding-right: 1rem;}
    .mod-bdartpage .prepage{float: left; }
    .mod-bdartpage .nextpage{float: right;}
    .mod-bdartpage>div:hover {background-color: var(--cm1); color:var(--cf); transition: all 0.5s ease-in-out; }
    .mod-bdartpage>div:hover a{color:var(--cf); transition: all 0.5s ease-in-out;  }
}
@media all and (max-width:960px){
    .mod-bdartpage{border-top: 1px solid #ccc; margin-top: 20px; padding:20px 0; }
    .mod-bdartpage>div {width: 100%;  padding:5px 10px; margin:5px 0; text-align: left; border-radius:5px;}
}


/* mod-titBar */
@media all {
    .mod-titBar-m01{display: flex;justify-content: space-between; align-items: center;font-size: 1.2rem;margin-bottom: 3rem;background: #ddd; }
    .mod-titBar-m01 .titl{width:200px ; height: 3rem;display: flex;justify-content: center; align-items: center; background-color: var(--cm1);}
    .mod-titBar-m01 .titl i{color:#fff; padding-right: 10px;}
    .mod-titBar-m01 .titl span{color:#fff; }
    .mod-titBar-m01 .more{padding-right: 1rem; }
    .mod-titBar-m01 .more a{color: var(--cm1);}  
}
@media all and (max-width:720px){
    .mod-titBar-m01{margin: 1rem 0 2rem 0;}
    .mod-titBar-m01 .titl { width: 180px;  font-size: 1rem; justify-content: flex-start; padding-left: 1rem;}
}

/* modarts16 */
@media all{
	.modarts16{ width: 100%;padding-bottom: 3rem;}
	.modarts16 .titlbox{width: 100%; text-align: center; background: var(--cm1);padding:10px 0;}
	.modarts16 .titlbox span a{font-size: 24px;color:var(--cf)}
    .modarts16 .ulem{display:grid; grid-template-columns: repeat(2,1fr);gap:3rem;align-items: center;}
	.modarts16 .ulem .liem{position: relative;z-index:1;}
	.modarts16 .ulem .liem:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 0;background:var(--cm1);z-index: -1; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;transition: all .3s;}/* 背景hover:父div:relative,z-index=1;伪元素：absolute,z-index:-1; */	
	.modarts16 .ulem .liem .itembox{display: flex; align-items: center;justify-content:space-between;}
	.modarts16 .ulem .liem .lfimg{width: 35%; height: calc( var(--cw)*0.5*0.35*0.66); border-radius: 5px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
	.modarts16 .ulem .liem .lfimg img{width:100%; height: 100%; object-fit: cover; transition: all 0.5s ease-in-out; }
	.modarts16 .ulem .liem .rtctent{ width:60%;}
	.modarts16 .ulem .liem .rtctent .titl{font-weight: bold;}
	.modarts16 .ulem .liem .rtctent .dscrp{display: none;}
	.modarts16 .ulem .liem .rtctent .msg{margin-top: 5px; font-size: 14px;}
	.modarts16 .ulem .liem .rtctent .msg i{padding-right: 10px;}
	.modarts16 .ulem .liem .rtctent .msg .reader{padding-left: 20px;}

	.modarts16 .ulem .liem:hover{ box-shadow: 0 0 4px 2px #ccc}
	.modarts16 .ulem .liem:hover:after {right: 0;width: 100%;}
	.modarts16 .ulem .liem:hover .lfimg img{ transform: scale(1.1);}
	.modarts16 .ulem .liem:hover .rtctent{ color:var(--cf); transition: all 0.3s ease-in-out;}
}
@media all and (max-width:960px){
    .modarts16 .ulem .liem .rtctent .titl{line-height: 1.6;}
	.modarts16 .ulem .liem .rtctent .dscrp{display: none;}
	.modarts16 .ulem .liem .rtctent .msg{display: none;}
}
@media all and (max-width:720px){
    .modarts16 .ulem{ grid-template-columns: repeat(1,1fr);gap: 1.5rem;}
	.modarts16 .ulem .liem .lfimg{width: 40%; height: calc( var(--cw)*0.4*0.66);}
    .modarts16 .ulem .liem .rtctent{ width:55%;}
    .modarts16 .ulem .liem .rtctent .titl{font-weight:normal;}
}

@media all {
    .lt-prod-main .mod-titBar-m01{margin-bottom: 2rem;}
    .lt-prod-main .modarts16 .ulem{gap:2rem;}
    .lt-prod-main .modarts16 .ulem .liem .lfimg{height: calc( var(--cw)*0.72*0.5*0.35*0.66); }
}
@media all and (max-width:960px){
    .lt-prod-main .modarts16 .ulem .liem .lfimg{height: calc( var(--cw)*0.5*0.35*0.66); }
}
@media all and (max-width:720px){
    .lt-prod-main .mod-titBar-m01{margin: 1rem 0 2rem 0;}
    .lt-prod-main .modarts16 .ulem{gap:1.5rem;}
    .lt-prod-main .modarts16 .ulem .liem .lfimg{height: calc( var(--cw)*0.4*0.66); }
}



/* ---------------------------------------------------- */
/* -----------------------ltNews------------------------- */
/* ---------------------------------------------------- */


/* ltNews */
@media all{
	.ltNews{padding:50px 0 40px 0;}
    .ltNews .newsltBox{display: grid;grid-template-columns: repeat(4,1fr);gap:3rem;}
	.ltNews .newsltBox li .newsSubbox{border:1px solid #dfdfd8; transition: all ease-in-out .5s;}
    .ltNews .newsltBox li .newsSubbox .imgbox{width:100%; height:calc( (var(--cw) - 9rem ) * 0.25 * 0.75 ); display: flex; justify-content: center; align-items: center;overflow: hidden;}
	.ltNews .newsltBox li .newsSubbox .imgbox img{width:100%; height: 100%; object-fit: cover; transition: all 0.5s ease-in-out;}
	.ltNews .newsltBox li .textbox{display: flex; flex-direction: column; justify-content: space-between; align-items: center;padding:1rem;   background:var(--cf); height: 15rem; }
    .ltNews .newsltBox li .textbox .msg{display: flex; justify-content:space-between; align-items: center; width: 100%;}
	.ltNews .newsltBox li .textbox .msg i{padding-right: 10px; color: var(--cm1);}
	.ltNews .newsltBox li .textbox .news-title{flex-grow: 1; display: flex; justify-content: center; align-items: center;}
    .ltNews .newsltBox li .textbox .news-title h3{line-height:1.6rem;font-size: 1.1rem;}
	.ltNews .newsltBox li .textbox .news-text{height: 80px; margin:0 0 15px 0; }
	.ltNews .newsltBox li .textbox .news-btn span{height:60px; line-height: 60px; padding:8px 32px; background:var(--cm1); border-radius: 20px; color:var(--cf)}
	.ltNews .newsltBox li:hover .newsSubbox{box-shadow: 0 0 20px 0 #aaa; transform: translateY(-5px);}
	.ltNews .newsltBox li:hover .newsSubbox img{transform:scale(1.05,1.05);}
	.ltNews .newsltBox li:hover .textbox{background:var(--cm1); transition: all 0.5s ease-in-out; color: var(--cf);}
    .ltNews .newsltBox li:hover .textbox p i{ color: var(--cf);}
	.ltNews .newsltBox li:hover .textbox .news-btn span{background-color:#fff; color: var(--cm1); transition: all .5s ease-in-out;opacity: 1;}
}
@media all and (max-width:960px){
	.ltNews{ padding:20px 0 10px 0;}
    .ltNews .newsltBox{grid-template-columns: repeat(3,minmax(0, 1fr));gap:2rem;}
    .ltNews .newsltBox li .newsSubbox .imgbox{ height:calc( (var(--cw) - 4rem ) * 0.333 * 0.75 ); }
    .ltNews .newsltBox li .textbox{height: 14rem;}
    .ltNews .newsltBox li .textbox .news-title h3{line-height:1.5rem;font-size: 1rem;}
    .ltNews .newsltBox li .textbox .news-btn span{padding:5px 30px;}
}
@media all and (max-width:720px){
    .ltNews .newsltBox{grid-template-columns: repeat(2,minmax(0, 1fr));gap:1rem;}
    .ltNews .newsltBox li .newsSubbox .imgbox{ height:calc( (var(--cw) - 1rem ) * 0.5 * 0.75 ); }
}


/* ---------------------------------------------------- */
/* -----------------------rtNews------------------------- */
/* ---------------------------------------------------- */
/* crumbs-m02 */
@media all{
    .crumbs-m02{padding-top:9rem; border-bottom: 1px solid #ccc;}
    .crumbs-m02 .ctain{width:calc( var(--cw) * 0.8)}
    .crumbs-m02 .crumbs{display: flex; justify-content: space-between; align-items: center; height: 4rem; line-height: 4rem;}
    .crumbs-m02 .crumbs .lfbox span{padding:0 5px;}
    .crumbs-m02 .crumbs .rtbox i{  padding: 2px 5px; border-radius: 2px; }
}
@media all and (max-width:1200px){
    .crumbs-m02 .ctain{width:var(--cw);}
}
@media all and (max-width:960px){
    .crumbs-m02{padding-top:3rem;;}
    .crumbs-m02 .crumbs{ height: 3rem; line-height: 3rem;}
    .crumbs-m02 .crumbs a{color: var(--cm2);}
}


/* rt-news-body */
@media all {
    .rt-news-body{width:100%;}
    .rt-news-body .ctain{width:calc( var(--cw) * 0.8)}
}
@media all and (max-width:1200px){
    .rt-news-body .ctain{width:var(--cw);}
}

/* mod-bdartitl */
@media all{
    .mod-bdartitl{text-align: center; padding:40px 0 0 0;}
    .mod-bdartitl h1{font-size: 20px; }
    .mod-bdartitl .titl_info{padding:20px 0 0 0; }
    .mod-bdartitl .titl_info span i{padding-right: 10px; color:var(--cm1)}
    .mod-bdartitl .titl_info span:nth-child(n+2){padding-left: 20px;}
}
@media all and (max-width:960px){
    .mod-bdartitl{padding:2rem 0 0 0;}
    .mod-bdartitl h1{font-size: 18px; line-height: 24px;}
    .mod-bdartitl .titl_info{height: auto; line-height: normal; padding:1.2rem 0 0 0;}
}

/* rtNews-like */
@media all{
    .rtNews-like{background: #fff; padding:3rem 0;}
}
@media all and (max-width:720px){
    .rtNews-like{background: #f6f6f6; padding:0;}
}


/* ---------------------------------------------------- */
/* -----------------------ctact------------------------- */
/* ---------------------------------------------------- */


@media all {
	/* indx-ctact-main */
	.sg-ctactMsg{ padding-top: 9rem;}
	.sg-ctactMsg img{display: inline-block;}
	.sg-ctactMsg .titlbox{text-align:center; margin:50px 0  80px;}
	.sg-ctactMsg .titlbox h2{font-size:36px;}
	.sg-ctactMsg .titlbox .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid var(--cm1);}
	.sg-ctactMsg .lfdiv{float:left;  width:50%; height: 240px; display: flex;flex-direction: column; justify-content: center; align-items: center;;}
	.sg-ctactMsg .lfdiv h1{font-size: 20px;  margin-top: 15px;}
	.sg-ctactMsg .rtdiv{float:left;  width:50%; height: 240px; padding:0 60px; border-left: 1px solid rgba(152,152,152,.4); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
	.sg-ctactMsg .rtdiv .toppic {text-align: center;}
	.sg-ctactMsg .rtdiv .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0;}
	.sg-ctactMsg .rtdiv .ctact p{font-size: 16px; color: #333; line-height: 30px;}
	.sg-ctactMsg .rtdiv .ctact p span {font-weight: bold; }

	/* indx-ctact-map */
	.sg-ctactMap{padding:5rem 0;}
    .sg-ctactMap .ctain{border:1px solid #ccc;}
	.sg-ctactMap .ctain #map{ height: 500px;}
    /* googlemap */
    .g-map{ width: 100%; margin-bottom: 50px; display: none;}
    .g-map .ctain{ margin: 0 auto;}
    .g-map .googleMap{height: 500px; width: 100%; border:1px solid var(--cf);}
}
@media all and (max-width:960px){
    .sg-ctactMsg{padding-top:3rem;;}
    .sg-ctactMsg .ctain{padding:0 1%;margin:0 auto 30px; }
    .sg-ctactMsg .titlbox{text-align:center; margin:2rem 0 3rem 0;}
    .sg-ctactMsg .titlbox  h2{font-size:2rem;}
    .sg-ctactMsg .titlbox .en{padding:0; font-size: 1.2rem;}
	.sg-ctactMsg .lfdiv{display: none;}
	.sg-ctactMsg .rtdiv{width:100%;border: none;padding:0 20px; height: auto; }
	.sg-ctactMsg .rtdiv .toppic img{margin:0 auto;}
	.sg-ctactMap{padding:2rem 0;}
	.sg-ctactMap .ctain #map{width: 100%; height: 500px;}
    /* googlemap */
    .g-map .ctain{width: 100%;}
}

/* mod01-form */
@media all{
    /* .ctain{width: 900px;    background: #fffeee;} */
    .mod01-form{ background: #fffeee; margin-top: 15px;}
    .mod01-form .formtitl{font-size: 20px; height: 50px; line-height: 50px; padding-left: 15px;     background: var(--color4);    margin-bottom: 20px;    color: #333; font-weight: bold;}
    .mod01-form .form{width: 650px; margin:0 auto;}
    .mod01-form .form table td{font-size:16px;  font-weight: bold;}
    .mod01-form .form .star{color:red; vertical-align: middle; padding-right: 2px;}
    .mod01-form .form .intxt{width: 500px; height: 25px; margin-bottom: 10px;}
    .mod01-form .form .txtarea{width: 500px; height: 80px; margin-bottom: 10px;}
    .mod01-form .form .validate{width: 200px; height: 30px; margin-bottom: 15px;}
    .mod01-form .form table .tips{font-size: 14px; font-weight: normal;}
    .mod01-form .form .coolbg{    padding: 10px 30px;    border-radius: 5px;    margin: 0 10px 20px 0;    font-size: 16px;    font-weight: bold;    background: var(--color1); color: #fff; border:none; cursor: pointer;}
    .mod01-form .form .coolbg:hover{background:var(--color4);}
}
@media all and (max-width:960px){
    /* .ctain{width: 100%; padding:0 3%;} */
    .mod01-form .form{width: 100%;}
    .mod01-form .form table td{ font-weight: normal;}
    .mod01-form .form .intxt{width: 90%;}
    .mod01-form .form .txtarea{width: 90%;}
    .mod01-form .form .validate{width: 100px;}
    .mod01-form .form .coolbg{padding: 5px 15px; border-radius: 5px;    margin: 0 10px 20px 0;    font-size: 14px;    font-weight: bold;    background: var(--color1); color: #fff; border:none;} 
}