@charset "utf-8";
/*
*********	Author:黑牛
*********	Date:2024/04/01
*********	QQ:2389089525
*/
/*css rest*/
@media all{
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
    body { background:#fff; color:#666; font:16px/180% Microsoft YaHei, "微软雅黑", Arial, "宋体", Helvetica, sans-serif, Simsun,Verdana,Microsoft YaHei, "微软雅黑",  "宋体", "黑体"; }
    td,th,caption { font-size:16px; }
    h1, h2, h3, h4, h5, h6 { font-weight:bold; font-size:100%;}
    address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
    a { text-decoration:none; color:#666;}
    a:hover,a:active { text-decoration:none; }
    img { border:0;}
    ol,ul,li { list-style:none; }
    input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
    table { border-collapse:collapse; }
    html {overflow-y: scroll;} 
    *{box-sizing:border-box;}
    /* 清除浮动 */
    .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
    .clearfix { *zoom:1; }

    .hide{display: none;}
    .show{display:block;}
    .fl{float: left;}
    .fr{float: right;}

    /* 禁止选择复制
    *{
        -webkit-touch-callout:none; 
        -webkit-user-select:none; 
        -khtml-user-select:none; 
        -moz-user-select:none;
        -ms-user-select:none; 
        user-select:none;
    }
    input,textarea{-webkit-user-select:auto;} 
    */

    /* 单行以及多行文本溢出 */
    .line1{overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }
    .line2{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
    .line3{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3;}
    .line4{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;-moz-line-clamp:4;-o-line-clamp:4;}
    .line5{overflow:hidden;text-overflow:ellipsis;white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;line-clamp:5;-moz-line-clamp:5;-o-line-clamp:5;}

    /* 全局变量 */
    :root{--c0:#000;--c3:#333;--c6:#666;--c9:#999;--cc:#ccc;--cf:#fff;--clr1:#1c2e24; --clr2:#4f5f46;--clr3:#8c9458; --clr4:#d8deae;--clr5:#eef1da;--color1:#0099cc; --color2:#ff8800; --color3:#f6f6f6;--color4:#febf01;}
}

/* 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;}
}

/* headlogo */
@media all{
    .headlogo{width: 100%; min-width: 1200px; background: var(--clr3);}
    .navbar-fixed-top{position: fixed; right: 0; left: 0;  top:0; z-index: 1030;background: rgba(12,49,27,0.9) !important; }
    .headlogo .ctain{width: 1200px; margin:0 auto;}
    .headlogo .ctain .logo{display: inline-block;}
    .headlogo .ctain .logo img{width:480px; margin:20px 0;}

    .mod_head_lang{float:right; margin-top: 20px;}
    .mod_head_lang .langtitl{color: var(--cf);}
    .mod_head_lang .langtitl i{font-size: 20px; padding-right: 10px;}
    .mod_head_lang:hover .lang_sublt{display: block;}
    .mod_head_lang .lang_sublt{display: none;position: absolute; z-index: 999; background: #fff; width:120px;} 
    .mod_head_lang .lang_sublt li{padding:0 5px;}
    .mod_head_lang .lang_sublt li img{padding-right: 5px;}
    .mod_head_lang .lang_sublt li:hover {background: var(--color4);}
    .mod_head_lang .lang_sublt li:hover a{color:#fff; font-weight: bold;}

    .hd_msg{float:right; margin-top: 20px; padding-right:10px; margin-right: 10px; border-right: 1px solid #fff;}
    .hd_msg a{color:#fff;}
    .hd_msg a span{text-decoration: underline;}

    .headlogo .ctain .hdsearch{float:right; display: none;}
    .headlogo .ctain .hdsearch .searchbox .input{height: 38px; width:300px; padding:12px 10px; background-color: var(--cf);color:#fff;font-size: 12px; display: table-cell; margin:30px 0 0 0;border:none;}
    .headlogo .ctain .hdsearch .searchbox .input:focus{outline: none; background: #fcf3da; color: #333;}
    .headlogo .ctain .hdsearch .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;}
    .headlogo .ctain .hdsearch .searchbox .iconbox i{padding:10px 16px; color:#fff; font-size: 18px;}
}
@media all and (max-width:1024px){
    .headlogo{min-width: 100%;}
    .headlogo .ctain{width: 100%; }
    .headlogo .ctain .logo{width: 100%; display: flex; justify-content: center;;padding:0 10%; }
    .headlogo .ctain .logo img{width: 100%;}
    .hd_msg{display: none;}
    .headlogo .ctain .hdsearch{width:100%; display: none; margin-bottom: 20px;}
    .headlogo .ctain .hdsearch .searchbox{display: flex; justify-content: center; align-items: center; }
    .headlogo .ctain .hdsearch .searchbox .input{margin:0; width: 60%;}
    .headlogo .ctain .hdsearch .searchbox .iconbox{margin: 0px 0 0 -5px;}
}

/* headnav */
@media all{
    .headnav{width: 100%; min-width: 1200px; background:var(--clr1);}
    .headnav .ctain{width: 1200px; margin:0 auto;}
    .headnav .ctain .mob_navbar{display: none;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1{float:left; position: relative; }
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1.cur{background: var(--clr2);}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1>a{display: block; font-size: 16px; color: #fff; padding: 20px 30px; text-align: center; line-height: 20px; transition: 0.5s; font-weight: bold; }
    .headnav.navbar-fixed-top .ctain .fix_navbar .ul_lev1 .li_lev1>a{padding:15px 20px;/* nav缩放效果*/}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1:hover>a{background: var(--clr2);}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down{display: none;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul{display: none; position: absolute; z-index: 99;background-color: var(--clr3); padding: 8px 0;;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul li a{white-space: nowrap;/* 文本不换行*/ background-clip: padding-box; display: block; color: #fff; padding:5px 30px;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul li a:hover{background: var(--clr2);}
}
@media all and (max-width:1024px){
    .headnav{ min-width: 100%;}
    .headnav .ctain{width: 100%;} 
    .headnav .ctain .mob_navbar{display: block; padding:10px 3%; background-color:var(--clr1);z-index: 99; position: relative;}
    .headnav .ctain .mob_navbar .navtxt{float:left; display: flex; justify-content: flex-start; align-items: center;    height: 30px; color: #fff;}
    .headnav .ctain .mob_navbar .navtxt img{height: 24px; padding-right: 6px;}
    .headnav .ctain .mob_navbar .navtxt span{font-size: 18px;}

    .moblang{position: absolute; right: 80px;}
    .moblang .mod_head_lang{ margin-top: 0;}

    .headnav .ctain .mob_navbar .navbtn{float: right; background: var(--color4); padding:4px 10px 8px; border: 0; border-radius: 5px;}
    .headnav .ctain .mob_navbar .navbtn .icon-bar{display: block; width: 22px;height: 2px; border-radius: 1px; background-color: #fff; margin-top: 4px; }

    .headnav .ctain .mob_navbar .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;}
    .headnav .ctain .mob_navbar .navbtn.on .icon-bar:nth-child(2){opacity: 0;}
    .headnav .ctain .mob_navbar .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;}

    .headnav .ctain .mob_navbar .mobsearch{display: none; float:right; height: 30px; line-height: 30px; margin-right: 5px; font-size: 20px; padding:0 12px;   border-radius: 5px;}
    .headnav .ctain .mob_navbar .mobsearch:hover{background-color: var(--color4);}
    .headnav .ctain .fix_navbar{display: none;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1{width: 100%;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1>a{text-align:left; padding:15px 30px;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down{position: absolute;font-size: 20px; top:0; right: 0; color:#fff; padding:15px 20px;}
    .headnav.navbar-fixed-top .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down{ padding:15px 20px;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 i.hasLi{display: inline-block;}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 .mob-down:hover{background: var(--color4);}
    .headnav .ctain .fix_navbar .ul_lev1 .li_lev1 ul{position: relative;}
}

/* foot */
@media all{
	.foot{width: 100%; min-width: 1200px; background-color:var(--clr1);}
	.foot .ctain{width: 1200px; margin:0 auto;}
	.foot .ctain .ft1box{display: flex; justify-content: space-between; align-items: center;  padding:60px 0 30px 0; }
	.foot .ctain .ft1box .ft-logo {width:300px;}
	.foot .ctain .ft1box .ft-logo .logo img{width:240px;}
    .foot .ctain .ft1box .ft-logo .abt{margin-top:30px; color:#ccc;}

	.foot .ctain .ft1box .ft-ctact {width:400px;color:#fff;}
	.foot .ctain .ft1box .ft-ctact li{margin-bottom: 14px; font-size: 18px;}
	.foot .ctain .ft1box .ft-ctact li a{color:#fff;}
    .foot .ctain .ft1box .ft-ctact li .lab{ color:#a8efbf;}
	.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: 350px;}
    .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: #a8efbf;}
    .foot .ctain .ft1box .ft-form .form .layout .submit .btn{    padding: 8px 40px;    border-radius: 10px;    margin: 0 10px 20px 0;    font-size: 16px;    font-weight: bold;    background: #febf01; color: #000; border:1px solid #fff; box-shadow: 2px 2px 2px #416559; cursor: pointer;}
    .foot .ctain .ft1box .ft-form .form .layout .submit .btn:hover{background:var(--color2); color:#fff;}


    .foot .ctain .ft1box .ft-beian .ctactbtn{display: flex; justify-content: center; background: var(--color4); border-radius: 10px;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:1024px){
	.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 .logo 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%; min-width: 1200px; background-color:#000; border-top: 1px solid #666;}
    .foot2 .ctain{width: 1200px; margin:0 auto;}
    .foot2 .ctain ul{display: flex; justify-content: center; flex-wrap: wrap; align-items: center; height: 50px;}
    .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:1024px){
    .foot2{min-width: auto; padding-bottom: 50px;}
	.foot2 .ctain{width: 100%;}
    .foot2 .ctain ul{height: 30px;}
}

/* ftmob */
@media all{
    .ftmob{display: none;}
}
@media all and (max-width:1024px){
    .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(--clr3);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:1024px){
    .Sidebar-m06{display:none}
}

/* hm-ban */
@media all {
    .hm-ban{ width:100%; min-width: 1200px;}
    .hm-ban .swp01{margin:0 auto;}
    .swp01 .swiper-slide .slideImg{width: 100%; display: block;}
    .swp01 .swiper-slide .txtctain{position: absolute;display: flex; width: 100%; height: 90%; top:0;   text-align: center;flex-direction: column; justify-content: center; align-items: center;  }
    .swp01 .swiper-slide .txtctain .txtbox{width: 900px;padding:40px;  }
    .swp01 .swiper-slide .txtctain .txtbox strong{display:block;color:#fff; font-size:2rem; font-weight: normal;margin-bottom:25px;}
    .swp01 .swiper-slide .txtctain .txtbox .text{color:#fff; font-size: 16px;}
    .swp01 .swiper-slide .txtctain .txtbox .link{display: inline-block; border:1px solid #fff;padding:5px 20px; color:#fff; border-radius: 5px; background:var(--clr1);margin-top:25px;}
    .swp01 .swiper-slide .txtctain .txtbox .link i{padding-left: 10px; font-size: 1rem;}
    .swp01 .swiper-slide .txtctain .txtbox .link:hover{background: #cc8000;}
	.swp01 .swiper-pagination {padding-bottom: 10px;}
    .swp01 .swiper-pagination .swiper-pagination-bullet{background: #ccc;}
    .swp01 .swiper-pagination .swiper-pagination-bullet-active{background: #fff;} 
}
@media all and (max-width:1024px){
	.hm-ban{min-width: auto;}
    .swp01 .swiper-slide .slideImg{width: auto;height:100vw; display: block;}
    .swp01 .swiper-slide .txtctain .txtbox{width: 90%; padding:15px;}
    .swp01 .swiper-slide .txtctain .txtbox strong{font-size:1.5rem;margin-bottom:10px; }
    .swp01 .swiper-slide .txtctain .txtbox .text{font-size: 14px;}
    .swp01 .swiper-slide .txtctain .txtbox .link{padding:0 20px; margin-top: 10px;}
	.swp01 .swiper-pagination {padding-bottom: 0;}
}

/* hm-prod:imgs-m15 */
@media all{
    .hm-prod {width: 100%;padding-top:50px;background-color: #fff;}
    .hm-prod .ctain{width: 1200px; margin:0 auto;}
    .hm-prod .ctain .navbox{background: url(../images/line.gif) no-repeat center center;
        height: 65px; text-align: center; margin:0 0 50px 0;}
    .hm-prod .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0;color:var(--clr1)}
    .hm-prod .ctain .navbox p{font-family: 'Times New Roman';}
    .hm-prod .ctain .prolist .imgbox{ width: 600px;height: 460px;}
    .hm-prod .ctain .prolist .imgbox .swiper .swiper-pagination{display: none;}
    .hm-prod .ctain .prolist .imgbox img{display: block;}
    .hm-prod .ctain .prolist .txtbox{display:flex; justify-content: center; align-items: center; width: 600px; height: 460px;background: var(--clr5);}
    .hm-prod .ctain .prolist .txtbox .innerbox{padding:50px 60px;}
    .hm-prod .ctain .prolist .txtbox .innerbox h2{font-size: 24px; margin-bottom:20px; color:var(--clr1)}
    .hm-prod .ctain .prolist .txtbox .innerbox h2::after{content: ''; display:block;width: 120px; height: 4px; background:var(--clr2); margin-top: 20px;}
    .hm-prod .ctain .prolist .txtbox .innerbox ul{margin:20px 0; }
    .hm-prod .ctain .prolist .txtbox .innerbox ul li{font-size: 16px; margin-bottom: 3px;}
    .hm-prod .ctain .prolist .txtbox .innerbox ul li i{margin:0 10px 0 0;} 
    .hm-prod .ctain .prolist .txtbox .innerbox ul li:hover {color: var(--clr1);}
    .hm-prod .ctain .prolist .txtbox .innerbox ul li:hover a{color: var(--clr1); font-weight: bold;}
    .hm-prod .ctain .prolist .txtbox .innerbox .more i{padding-left: 10px;}
    .hm-prod .ctain .linkmore{text-align: center; padding:45px 0 45px 0;}
    .hm-prod .ctain .linkmore a{display: inline-block; padding:5px 50px; border-radius: 10px; background:var(--clr3); color:#fff; font-weight: bold;}
    .hm-prod .ctain .linkmore a:hover{background: var(--color4);}
}
@media all and (max-width:1024px){
    .hm-prod{padding-top: 10px;}
    .hm-prod .ctain{width: 100%;}
    .hm-prod .ctain .navbox {padding:0 2%;background: none; margin: 0 0 20px 0;}
    .hm-prod .ctain .navbox h2 {font-size: 20px; padding: 10px 0 5px 0;    }
    .hm-prod .ctain .prolist .imgbox{width: 100%; height: auto;}
    .hm-prod .ctain .prolist .imgbox .swiper{--swiper-theme-color: #fff;  --swiper-pagination-color: #fff;/* 两种都可以 */  }
    .hm-prod .ctain .prolist .imgbox .swiper .swiper-pagination{display: block;}
    .hm-prod .ctain .prolist .imgbox img{width: 100%; height: auto;}
    .hm-prod .ctain .prolist .txtbox{width: 100%; height: auto;}
    .hm-prod .ctain .prolist .txtbox .innerbox{padding:25px 30px;}
    .hm-prod .ctain .prolist .txtbox .innerbox h2{font-size: 20px; margin-bottom:20px;}
    .hm-prod .ctain .linkmore{ padding:0 0 25px 0;margin-top: 20px;}
}

/* hm-advant*/
@media all {
    .hm-advant{width: 100%; min-width: 1200px; background: url(../img/index/advant/adv_bg.jpg) no-repeat;background-size: 100% 100%;background-attachment: fixed; padding:50px 0;}
    .hm-advant .ctain { width: 1200px; margin:0 auto; color:#fff;}
    .hm-advant .ctain .adv_head{text-align: center;}
    .hm-advant .ctain .adv_head p{text-transform:uppercase;font-family:'Times New Roman';font-size:40px;}
    .hm-advant .ctain .adv_head h2{font-size: 24px; margin:30px 0; color: #fff;}
    .hm-advant .ctain .list_ul .list_li{float:left; width: 48%; margin:30px 0 50px 0; cursor:pointer;}
    .hm-advant .ctain .list_ul .list_li:nth-child(odd){margin-right: 4%;}
    .hm-advant .ctain .list_ul .list_li .imgbox{float:left; width: 25%;}
    .hm-advant .ctain .list_ul .list_li .imgbox img{transition: ease-out 1.2s;}
    .hm-advant .ctain .list_ul .list_li .txtbox{float:left; width:75%;}
    .hm-advant .ctain .list_ul .list_li .txtbox .tag{position: relative;color: #fff; border-bottom:1px solid #fff; padding-bottom: 10px; margin-bottom: 10px;font-size: 1.2em; transition: .751s; -webkit-transition: .75s;}
    .hm-advant .ctain .list_ul .list_li .txtbox .tag::after{content: '';position: absolute; width: 0%; height: 1px; background-color: var(--color4); bottom:-1px;left:0;-webkit-transition: all .75s;-moz-transition: all .75s;-ms-transition: all .75s;transition: all .75s; }
    .hm-advant .ctain .list_ul .list_li .txtbox span{display: block; width: 95%;}
    .hm-advant .ctain .list_ul .list_li:hover .imgbox img{ transform: rotateZ(360deg);}
    .hm-advant .ctain .list_ul .list_li:hover .txtbox{color: var(--color4);} 
    .hm-advant .ctain .list_ul .list_li:hover .txtbox .tag{color: var(--color4);}
    .hm-advant .ctain .list_ul .list_li:hover .txtbox .tag::after{right: 0; width: 100%;}

}
@media all and (max-width:1024px){
    .hm-advant{min-width: 100%;background-size: cover;  background-attachment: fixed;}
    .hm-advant .ctain{width: 100%;}
    .hm-advant .ctain .list_ul{padding:0 3%;text-align: center;}
    .hm-advant .ctain .list_ul .list_li{width: 100%;margin:0 0 30px 0;}
    .hm-advant .ctain .list_ul .list_li:nth-child(odd){margin-right: 0;}
    .hm-advant .ctain .list_ul .list_li .imgbox{ width: 100%;}
    .hm-advant .ctain .list_ul .list_li .txtbox{ width:100%; margin-top:10px;}
}

/* hm-arts:arts-m02 */
@media all {
    .hm-arts{width: 100%;}
    .hm-arts .ctain{width:1200px; margin:0 auto ; padding:50px 0 50px 0;}
    .hm-arts .ctain .navbox{background: url(../images/line.gif) no-repeat center center;
        height: 65px; text-align: center; margin:0 0 20px 0;}
    .hm-arts .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0; color: var(--clr1);}
    .hm-arts .ctain .navbox p{font-family: 'Times New Roman';}
	.hm-arts .ctain .listbox .modarts16.lfbox{float:left; width: 575px; margin:0 25px 0 0;}
	.hm-arts .ctain .listbox .modarts16.rtbox{float:left; width: 575px; margin:0 0 0 25px;}
	.hm-arts .ctain .listbox .modarts16 .titlbox{width: 100%; text-align: center; background: var(--clr3);padding:10px 0; margin:40px 0;}
	.hm-arts .ctain .listbox .modarts16 .titlbox span a{font-size: 24px;color:var(--cf)}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem{margin:30px 0;position: relative;z-index:1;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem:after {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 0;background:var(--clr3);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; */	
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .itembox{display: flex; align-items: center;justify-content: center;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg{width: 145px; height:96px; border:1px solid var(--clr3); overflow: hidden;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg img{ display: block;width:100%; height: 100%; transition: all 0.5s ease-in-out;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent{ width:400px; margin:0 20px;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .titl{font-weight: bold;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .dscrp{display: none;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg{margin-top: 5px; font-size: 14px;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg i{padding-right: 10px;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg .reader{padding-left: 20px;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem:hover{ box-shadow: 0 0 4px 2px #ccc}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem:hover:after {right: 0;width: 100%;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem:hover .lfimg img{ transform: scale(1.1);}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem:hover .rtctent{ color:var(--cf); transition: all 0.3s ease-in-out;}
}
@media all and (max-width:1024px){
    .hm-arts .ctain{width:100%; padding:0 0;}
    .hm-arts .ctain .navbox {padding:0 2%;background: none; margin: 10px 0 10px 0;}
    .hm-arts .ctain .navbox h2 {font-size: 20px; padding: 10px 0 5px 0;    }
	.hm-arts .ctain .listbox{padding:15px 0 0 0;margin:0;}
	.hm-arts .ctain .listbox .modarts16.lfbox{width: 100%; margin:0 auto;}
	.hm-arts .ctain .listbox .modarts16.rtbox{width: 100%; margin:0 auto;}
    .hm-arts .ctain .listbox .modarts16 .titlbox{ margin:5px 0 20px 0;  padding:5px 0;}
    .hm-arts .ctain .listbox .modarts16 .titlbox span a{font-size: 20px}
    .hm-arts .ctain .listbox .modarts16 .ulem{padding:0 3%;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem{margin:15px 0;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg{ width: 33%; height:auto; }
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .lfimg img{ width: 100%; height:auto; min-height: 70px;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent{width:67%;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .titl{white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;-moz-line-clamp:3;-o-line-clamp:3; font-size: 14px; line-height:20px;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .dscrp{display: none;}
	.hm-arts .ctain .listbox .modarts16 .ulem .liem .rtctent .msg{display: none;}
}

/* hm-abt */
@media all {
    .hm-abt{width: 100%; min-width:1200px; background: #f6f6f6; padding-bottom: 30px;}
    .hm-abt .ctain{width: 1200px; margin:0 auto;}
    .hm-abt .ctain .navbox{background: url(../images/line.gif) no-repeat center center;text-align: center; padding:60px 0 10px 0;}
    .hm-abt .ctain .navbox h2{font-size: 32px; padding:15px 0 15px 0;color: var(--clr1);}
    .hm-abt .ctain .navbox p{font-family: 'Times New Roman';}

    .hm-abt .ctain .abt_ctent{padding:30px 0 20px 0;}
    .hm-abt .ctain .abt_ctent img{float:left; width: 40%; margin-right: 3%;}
    .hm-abt .ctain .abt_ctent p{float: left; width: 57%;}
    .hm-abt .ctain .abt_ctent .abt_btn a{display: inline-block ; padding:8px 40px; margin-top:20px;transition: ease-in-out .5s; border-radius: 5px; font-weight: 550;background:var(--clr3); color:#fff;}
    .hm-abt .ctain .abt_ctent .abt_btn a:hover{background: var(--color4); color:#fff;}

    .fancyImg{width: 1200px; margin:0 auto;}
    .fancyImg .fancyNav{display: flex;}
    .fancyImg .fancyNav ul{margin: 50px auto;}
    .fancyImg .fancyNav ul li{float:left; width: 200px; text-align: center; margin:0 20px; background-color:var(--c9); padding:15px 0; border-radius: 5px; transition: .3s;} 
    .fancyImg .fancyNav ul li:hover,.fancyImg .fancyNav ul li.current{background-color: var(--clr2);}
    .fancyImg .fancyNav ul li 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(160, 160, 160, 0.8);}
    .fancyImg .listbox .imglist .prodli .prodtitl h4{color:var(--cf); line-height: 20px;}
    .fancyImg .listbox .imglist .prodli:hover .prodtitl{background: var(--clr3);}
    .fancyImg .listbox .imglist li:hover  img{width:100%; transform: scale(1.05);}
}
@media all and (max-width:1199px){
    .fancyImg{width: 100%;}
    .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){
    .hm-abt{min-width: 100%; padding:0 3%;}
    .hm-abt .ctain{width:100%;}
    .hm-abt .ctain .navbox {padding:0 2%;background: none; margin: 10px 0 10px 0;}
    .hm-abt .ctain .navbox h2 {font-size: 20px; padding: 20px 0 5px 0;    }
    .hm-abt .ctain .fancyNav {padding:0 2%;background: none; margin: 0 0 10px 0;}
    .hm-abt .ctain .fancyNav h2 {font-size: 20px; padding: 10px 0 5px 0;    }
    .hm-abt .ctain .abt_ctent{padding:10px 0 15px 0;}
    .hm-abt .ctain .abt_ctent img{width: 100%; margin-right: 0;;}
    .hm-abt .ctain .abt_ctent p{width: 100%; }
    .hm-abt .ctain .abt_ctent .abt_txt{margin:10px 0 -10px 0;}
    .hm-abt .ctain .abt_ctent .abt_btn{text-align: center; padding:5px 0 0 0;}
    .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-abtintro-nav */
@media all{
    .sg-abtintro-nav{width: 100%;border-bottom: solid 1px #dedede; }
    .sg-abtintro-nav .ctain{width: 1200px; margin:0 auto; padding:0 3%;}
    .sg-abtintro-nav .ctain .menu{ padding: 30px 0; margin: 0;}
    .sg-abtintro-nav .ctain .menu .column{ display: none}
    .sg-abtintro-nav .ctain .menu ul{ text-align: center}
    .sg-abtintro-nav .ctain .menu ul li{ display: inline-block; font-size: 18px; line-height: 40px; min-width: 13.5%;}
    .sg-abtintro-nav .ctain .menu ul li a{ color: #666666;position: relative; display:inline-block; font-weight: bold; padding:0 20px;}
    .sg-abtintro-nav .ctain .menu ul li.active a,.sg-abtintro-nav .ctain .menu ul li:hover a{ color: var(--color2)}
    .sg-abtintro-nav .ctain .menu ul li a:after{ content: ''; position: absolute; left: 50%; display: block; width: 0%; height: 1px; bottom: -31px;  transition: 0.5s }
    .sg-abtintro-nav .ctain .menu ul li:hover a:after,
    .sg-abtintro-nav .ctain .menu ul li.active a:after{ left: 0; width: 100%;background: var(--color2)}
}
@media all and (max-width:1199px){
    .sg-abtintro-nav{min-width: auto;}
    .sg-abtintro-nav .ctain{width: 100%;}
    .sg-abtintro-nav .ctain .menu ul li{font-size: 16px;}
}
@media all and (max-width:1024px){
    .menu{ padding: 0}
    .sg-abtintro-nav .ctain .menu{ padding: 20px 0; }
    .sg-abtintro-nav .ctain .menu .column{ color: #fff; font-size: 16px; position: relative;display: block;cursor: pointer; padding: 8px 20px; margin: 0; border-radius: 100px;
background: var(--clr1); /* Old browsers */
background: -moz-linear-gradient(left,var(--clr1) 0%, var(--clr3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, var(--clr1) 0%,var(--clr3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, var(--clr1) 0%,var(--clr3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--color2)', endColorstr='#19c8fa',GradientType=1 ); /* IE6-9 */
}
    .sg-abtintro-nav .ctain .menu .column .titl{color: #fff;}
    .sg-abtintro-nav .ctain .menu .column .rtbtn{width: 20%; float: right;}
    .sg-abtintro-nav .ctain .menu .column .rtbtn i{float:right;padding-top: 5px;transition: all 0.5s ease-in-out;}
    .sg-abtintro-nav .ctain .menu .column.on .rtbtn i{transform: rotate(-180deg); padding-bottom: 7px; transition: all 0.5s ease-in-out;} 
    /* .sg-abtintro-nav .ctain .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 .ctain .menu .column.on .after{transform: rotate(-135deg); top: 16px; } */
    .sg-abtintro-nav .ctain .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 .ctain .menu ul li{font-size: 14px; display: block; width: 100%; border-bottom: dotted 1px #ddd}
    .sg-abtintro-nav .ctain .menu ul li a{ padding: 0px 20px; display: block}
    .sg-abtintro-nav .ctain .menu ul li a:after{ display: none}
}

/* sg-abtintro-main */
@media all{
    .sg-abtintro-main .ctain{width: 1200px; margin: 0 auto;}
    .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%;}
    .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:1199px){
    .sg-abtintro-main .ctain{width: 95%; margin: 0 auto;}
	.sg-abtintro-main .head {padding: 30px 0 10px 0;}
	.sg-abtintro-main .head .right {width: 408px;	margin-right: 0;	}
}
@media all and (max-width:1024px){
	.sg-abtintro-main .head {padding: 20px 0;	}
	.sg-abtintro-main .head .textPic{ margin-top: 15px;}
	.sg-abtintro-main .head .textPic .left{float: left; width: 100%; line-height: 200%;}
	.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{width:100%}
    .sg-abtintro-ban .ctain{width:1200px; margin:0 auto; padding:50px 0;}
    .sg-abtintro-ban .ctain .subtitl{margin:20px 0 80px 0;text-align: center;}
    .sg-abtintro-ban .ctain .subtitl h2{font-size: 30px;}
    .sg-abtintro-ban .ctain .subtitl p{font-size: 15px; color: #aaa; padding-top: 10px;}
    .sg-abtintro-ban .ctain img{width: 100%;}
}
@media all and (max-width:1199px){
    .sg-abtintro-ban .ctain{width:100%;}
}
@media all and (max-width:1024px){
    .sg-abtintro-ban .ctain{ padding:30px 0;}
    .sg-abtintro-ban .ctain .subtitl{margin:0 0 35px 0;}
    .sg-abtintro-ban .ctain .subtitl h2{font-size: 20px;}
    .sg-abtintro-ban .ctain .subtitl p{font-size: 14px; padding-top:5px;}
}

/* sg-abtfactory-imgs */
@media all{
    .sg-abtfactory-imgs{width:100%;}
    .sg-abtfactory-imgs .ctain{width:1200px; margin:0 auto;}
}
@media all and (max-width:1199px){
    .sg-abtfactory-imgs .ctain{width:100%;padding:0 3%;}
}

/* sg-abthonor-album */
@media all{
    .sg-abthonor-album{width:100%;}
    .sg-abthonor-album .ctain{width:1200px; margin:0 auto; }
	.honor-swiper{	padding: 60px 0;}
	.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 {width: 100%;	bottom: 20px;	display: none;}
	.honor-swiper .swiper-pagination-bullets .swiper-pagination-bullet {	margin: 0 5px;	border: 3px solid #fff;	background-color: #d5d5d5;	width: 10px;	height: 10px;	opacity: 1;}
	.honor-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active {	border: 3px solid #00aadc;	background-color: #fff;}
	.honor-swiper .swiper-button-prev {left: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;	background-size: 100%;}
	.honor-swiper .swiper-button-prev:hover {background-position: 0 -46px;	background-size: 100%}
	.honor-swiper .swiper-button-next {right: -30px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;	background-size: 100%;}
	.honor-swiper .swiper-button-next:hover {background-position: 0 -139px;	background-size: 100%;}
	.honor-swiper .swiper-button-next:hover {background-position: 0 -139px;	background-size: 100%;}
	.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: 1024px){
    .sg-abthonor-album .ctain{width:100%;}
    .honor-swiper{	padding: 30px 0;}
	.honor-swiper .swiper-slide {width: 100%;}
	.honor_pic{margin-bottom: 40px;	height: auto;	padding: 3px;}
}


/* lt-prod-ban */
@media all{
    .lt-prod-ban{width: 100%; background-color: #f6f6f6;}
    .lt-prod-ban .ctain{ margin:0 auto;}
    .lt-prod-ban .ctain .mainImg{width: 100%; display: block;}
}    
@media all and (max-width:1024px){
    .lt-prod-ban {display: none;}
}

/* crumbs */
@media all{
    .crumbs-wp{width: 100%; background: #f6f6f6; }
    .crumbs-wp .ctain{width: 1200px; margin:0 auto;border-bottom:1px solid #e0e0e0;padding:20px 0 10px 0;}
    .crumbs-wp .ctain .title{float:right; font-size:18px;font-family:""微软雅黑""}
    .crumbs-wp .ctain .fa-home{float:left;padding:5px 15px 0 0;}
    .crumbs-wp .ctain .childs{float:left;}
    .crumbs-wp .ctain .return{display: none;  float:right; margin-left: 20px; }
}
@media all and (max-width:1024px){
    .crumbs-wp{padding:0 3% 5px; }
    .crumbs-wp .ctain{ width: 100%; border-bottom: none; padding:5px 0 0 0;}
    .crumbs-wp .ctain .title{display: none;}
    .crumbs-wp .ctain .childs{font-size:14px;}
}

/* lt-prod-main: lfBox */
@media all{
    .lt-prod-main{width: 100%; overflow: hidden; background: #f6f6f6;	border-bottom:10px solid #f6f6f6;}
    .lt-prod-main .ctain{width: 1200px; margin:0 auto; padding-top:25px;}
    .lt-prod-main .ctain .lfBox{	float: left;	width: 310px;	height: auto; padding-right: 20px;}

    .mod01-lfnavbox .lfnav .titl{height: 60px; line-height: 60px; background: var(--clr1); color:#fff; text-align: center;}
    .mod01-lfnavbox .lfnav .titl h3{color:#fff; font-size: 20px; margin:0;}
    .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: 25px;}
    .mod01-lfnavbox .lfnav .supul .supli .subul{display: none;}
    .mod01-lfnavbox .lfnav .supul .supli .subul .subli{ padding:5px 0 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(--clr3);}
    .mod01-lfnavbox .lfnav .supul .supli:hover .suptitl i,  .mod01-lfnavbox .lfnav .supul .supli.current .suptitl i{color:var(--cf);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(--clr1);font-weight: bold;}

    .lfBox .gsImg{	width: 290px;	height: 120px;     box-shadow: #999 2px 2px 2px;  margin-top: 15px;  border-radius: 5px}
    .lfBox .ltContact{border: 1px dotted var(--clr3); border-radius: 10px; padding: 10px; margin-top: 10px; background: #fff;}
    .lfBox .ltContact h2{	padding-bottom:5px;	color:var(--clr3);}
    .lfBox .ltContact  li{	font-size:14px;}
    .lfBox .ltContact  strong{	font-size:16px;	font-weight:bold;	color: var(--clr3);}
    .lfBox .ltContact  span{	font-weight:bold;}
}
@media all and (max-width:1024px){
    .lt-prod-main{ background: #fffeee;border-bottom:10px solid #fffeee;}
    .lt-prod-main .ctain{width: 100%; padding-top:0;}
    .lt-prod-main .ctain .lfBox{width: 100%; padding-right: 0;}
    .lt-prod-main .ctain .lfBox .ltnavbox{display: none;}

    .mod01-lfnavbox .lfnav .titl{padding:0 3%; height:40px; line-height: 40px; background: var(--clr3);}
    .mod01-lfnavbox .lfnav .titl h3 {font-size: 14px; margin:0;}
    .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(--cf); }
    .mod01-lfnavbox .lfnav .supul{ padding:10px 0 6px 3%; margin-bottom: 10px; border-right: none; border-left: none;}
    .mod01-lfnavbox .lfnav .supul .supli{float:left; width:46.67%;margin:0 3.33% 5px 0; 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: rtBox  and pages */
@media all{
    .lt-prod-main .ctain .rtBox-ltprod{width: 890px;	float: left;	overflow: hidden;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox{float:left; width:250px; margin:0 0 46.66px 46.66px; text-align: center; border:1px solid #ddd;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox{width:248px;height:248px;overflow: hidden; position: relative;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox img{width: 100%; height: 100%; transition: all 0.5s ease-in-out; display: block;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox i{display: block; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:250px;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .imgbox img{transform: scale(1.15);}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .imgbox i{background: var(--clr3); opacity: 0.3;top:0;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox{padding:30px 15px; transition: all 0.5s ease-in-out;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox .title{display:flex;justify-content: center;align-items: center; font-weight: bold;  height: 50px; }
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox .title strong{font-weight:bold;font-size: 16px; line-height: 24px;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox span{display: inline-block; padding:5px 40px;  border-radius: 20px;  border:1px solid var(--clr3); margin:30px auto 0; background: var(--clr3); color: var(--cf);}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .textbox{background: var(--clr3); }
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .textbox  .title strong{color: #fff; }
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:hover .textbox span{color:#454545; background:var(--color4); transition:all 0.5s ease-in-out;}

    .mod-pages02{margin: 0 0 0 46.66px;}
    .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(--clr3); border-radius: 3px; color: #fff; font-family:Tahoma;}
    .mod-pages02 .pagebox ul li a{color: #fff;display:block}
    .mod-pages02 .pagebox ul li:hover{background:none; color: #333; border-color: var(--clr3);}
    .mod-pages02 .pagebox ul li:hover a{color:#333;}
    .mod-pages02 .pagebox ul li.thisclass, .mod-pages02 .pagebox ul li:hover{background:var(--color4); color:#333;border-color: var(--clr3)}
    .mod-pages02 .pagebox .pageinfo strong{font-weight:bold; padding:0 2px;}
}
@media all and (max-width:1024px){
    .lt-prod-main .ctain .rtBox-ltprod{width: 100%; padding:0 3%;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox{width: 48%; margin-left: 4%; margin-bottom:15px;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox:nth-child(odd){margin-left: 0;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .imgbox{width: 100%; height: auto;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox{padding:15px 10px;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox .title strong{font-size: 15px; line-height: 20px;}
    .lt-prod-main .ctain .rtBox-ltprod .ulbox .libox .textbox span{margin:10px auto; padding:3px 15px; margin:15px auto 0;font-size: 15px;}
    .mod-pages02{margin: 0;}
    .mod-pages02 .pagebox ul li{padding:2px 15px;}
}

/* mod-arts-m17 */
@media all {
    .mod-arts-m17{width: 100%; background: #f6f6f6; padding:40px 0 25px 0;}
    .mod-arts-m17 .ctain{width:1200px; margin:0 auto;}
    .mod-arts-m17 .ctain .titlbox{background: #ddd;}
    .mod-arts-m17 .ctain .titlbox .titl{width:220px ;padding:10px 0 10px 20px; background-color: var(--clr1);}
    .mod-arts-m17 .ctain .titlbox .titl i{color:#fff; font-size: 20px; padding-right: 10px;}
    .mod-arts-m17 .ctain .titlbox .titl span{color:#fff; font-size:20px;}
    .mod-arts-m17 .ctain .listul{margin:20px 0;}

    .mod-arts-m17 .ctain .listul .listli{float:left; margin:20px 5% 20px 0; width:30%;}
    .mod-arts-m17 .ctain .listul .listli:nth-child(3n){margin-right:0;}
    .mod-arts-m17 .ctain .listul .listli:nth-child(n+7){display:none}
    .mod-arts-m17 .ctain .listul .listli a{display: flex; justify-content: flex-start; align-items: center;}
    .mod-arts-m17 .ctain .listul .listli .imgbox img{width:145px; height: 80px; border:1px solid #ccc; display: block;}
    .mod-arts-m17 .ctain .listul .listli .titl{padding-left: 20px;}
    .mod-arts-m17 .ctain .listul .listli .titl h4{color:#666; font-size: 14px; line-height: 20px;}
    .mod-arts-m17 .ctain .listul .listli:hover .imgbox img{border:1px solid var(--clr3);}
    .mod-arts-m17 .ctain .listul .listli:hover .titl h4{color:var(--clr3);}

}
@media all and (max-width:1024px){
    .mod-arts-m17{padding: 0px 0 10px 0;}
    .mod-arts-m17 .ctain{width:100%;}
    .mod-arts-m17 .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 3%; background-color: var(--clr1);}
    .mod-arts-m17 .ctain .titlbox .titl h3{ font-size:18px;}
    .mod-arts-m17 .ctain .listul{margin:15px 3% 0;}
    .mod-arts-m17 .ctain .listul .listli{width: 100%; border-bottom: 1px dashed #ccc;  margin: 0 0 15px 0 !important;  padding-bottom: 15px;}
    .mod-arts-m17 .ctain .listul .listli .imgbox{width: 30%; height: auto;}
    .mod-arts-m17 .ctain .listul .listli .imgbox img{width:100%; height: auto; }
    .mod-arts-m17 .ctain .listul .listli .titl{width: 70%; }
    .mod-arts-m17 .ctain .listul .listli .titl h4{font-weight: normal;}
}


/* rt-prod:rtbox-rtprod */
@media all{
    .lt-prod-main .ctain .rtBox-rtprod{width: 890px;float: right;padding-left:40px; overflow: hidden;}
}
@media all and (max-width:1024px){
    .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(--clr3); margin-bottom:30px;}
}
@media all and (max-width:1024px){
    .mod-bdtitl h1{padding: 10px 0 10px; 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:500px;}
    .mod-bdimgban .right{float:right;width:300px;color:#666;font-size:16px}
    .mod-bdimgban .right .info{    background: var(--clr3); color: var(--cf);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(--clr1); text-decoration: underline;}
    .mod-bdimgban .right .feedback{display: inline-block; padding: 5px 20px; background-color: var(--clr1); 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:1024px){
    .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(--clr3);}
    .swiper-button-next, .swiper-button-prev{color:var(--clr3) !important;}

    .mod-swp05 .swiper-button-next:after, .mod-swp05 .swiper-rtl .swiper-button-prev:after{ font-size: 18px; padding:7.6px 12px; background: rgba(140,148,88,0.8); 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: rgba(140,148,88,0.8); 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;}
    .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;border:1px solid #999;}
    .mod-bdctent .ctentitl>div:last-child{border-left: none;}
    .mod-bdctent .ctentitl>div:hover,.mod-bdctent .ctentitl>div.active{background-color: var(--clr2); 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(--clr2);border-top-left-radius:30px;border-bottom-right-radius:30px;background-color:var(--clr3);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(--clr3); 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(--clr3); 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 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(--clr3) !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:1024px){
    
    .mod-bdctent{margin-top:20px; border-top:1px solid #ccc;}
    .mod-bdctent .ctentbox>div{padding:15px 0 0 0;border:none;}
    .mod-bdctent .ctentbox>div h2{margin: 25px 0 30px 0;font-size: 20px;}
}

/* mod-bdartpage */
@media all{
    .mod-bdartpage{padding:35px 0;}
    .mod-bdartpage>div {width:45%; border-radius: 30px; border:1px solid var(--clr3); 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 .prepage{float: left; }
    .mod-bdartpage .nextpage{float: right;}
    .mod-bdartpage span{margin-right:8px;}
    .mod-bdartpage>div:hover {background-color: var(--clr3); 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:1024px){
    .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;}
}

/* lt-news-list */
@media all{
	.lt-news-list{width: 100%;   padding:50px 0 40px 0;}
	.lt-news-list .ctain{width: 1200px;  margin:0 auto;}
	.lt-news-list .ctain .news-titl-box{text-align:center; padding:20px 0 80px 0;}
	.lt-news-list .ctain .news-titl-box h2{ font-size:30px;}
	.lt-news-list .ctain .news-list-box .news-li{float:left; width:30%; margin-right: 5%;margin-bottom: 50px; border:1px solid #dfdfd8;}
	.lt-news-list .ctain .news-list-box .news-li:nth-child(3n){margin-right: 0;}
	.lt-news-list .ctain .news-list-box .news-li .news-li-subbox{overflow: hidden;}
	.lt-news-list .ctain .news-list-box .news-li img{display: block;width:100%;  height:201px; transition: all 0.5s ease-in-out;}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox{padding:20px 15px;   background:var(--clr5); line-height:28px;}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox p {display:block; }
	.lt-news-list .ctain .news-list-box .news-li .news-notebox p i{padding-right: 10px; color: var(--clr3);}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox p  span{float:right;}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox .news-title{display: flex; justify-content: flex-start; align-items: center; height: 100px;}
    .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-title h3{line-height: 24px;}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox .news-text{height: 80px; margin:0 0 15px 0; }
	.lt-news-list .ctain .news-list-box .news-li .news-notebox .news-btn{text-align:center;  margin-top:30px;}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox .news-btn span{height:60px; line-height: 60px; padding:10px  40px; background:var(--clr3); border-radius: 20px; color:var(--cf)}
	.lt-news-list .ctain .news-list-box .news-li:hover .news-li-subbox{box-shadow: 0 0 20px 0 #aaa;}
	.lt-news-list .ctain .news-list-box .news-li:hover .news-li-subbox img{transform:scale(1.05,1.05);}
	.lt-news-list .ctain .news-list-box .news-li:hover .news-notebox{background:var(--clr3); transition: all 0.5s ease-in-out; color: var(--cf);}
    .lt-news-list .ctain .news-list-box .news-li:hover .news-notebox p i{ color: var(--cf);}
	/* .lt-news-list .ctain .news-list-box .news-li:hover .news-notebox h3{transition: all 0.7s ease-in-out;} */
	.lt-news-list .ctain .news-list-box .news-li:hover .news-notebox .news-btn span{color:var(--c3); background-color: var(--color4); transition: all 1s ease-in-out;opacity: 1;}
}
@media all and (max-width:1200px){
	.lt-news-list .ctain{width:100%; padding:0 1%;}
}
@media all and (max-width:1024px){
	.lt-news-list{ padding:20px 0 10px 0;}
	.lt-news-list .ctain{width:100%;padding:0 2.5%;}
	.lt-news-list .ctain .news-titl-box{padding:0 0 40px 0;}
	.lt-news-list .ctain .news-titl-box h2{font-size: 24px;}
	.lt-news-list .ctain .news-list-box .news-li{width:100%; padding:0; margin-bottom:20px;margin-right:0;}
	.lt-news-list .ctain .news-list-box .news-li img{height:auto;}
	.lt-news-list .ctain .news-list-box .news-li .news-notebox .news-title{height: auto; margin:10px 0 15px 0; }
	.lt-news-list .ctain .news-list-box .news-li .news-notebox .news-text{display: none;}
    .lt-news-list .ctain .news-list-box .news-li .news-notebox .news-btn{margin-top:15px;}
}

/* rt-news-body */
@media all {
    .rt-news-body{width:100%;min-width: 1200px;}
    .rt-news-body .ctain{width:1200px; margin:0 auto; padding-bottom: 20px;}
}
@media all and (max-width:1200px){
    .rt-news-body{min-width: 100%;}
    .rt-news-body .ctain{width:100%; padding:0 1%; padding-bottom: 30px;}
}
@media all and (max-width:1024px){
    .rt-news-body .ctain{padding:0 2.5%; padding-bottom: 20px;}
}
/* 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(--clr3)}
    .mod-bdartitl .titl_info span:nth-child(n+2){padding-left: 20px;}
}
@media all and (max-width:1024px){
    .mod-bdartitl{padding:20px 0 0 0;}
    .mod-bdartitl h1{font-size: 18px; line-height: 24px;}
    .mod-bdartitl .titl_info{height: auto; line-height: normal; padding:15px 0;}
}

/* rtNews: mod-arts-m18 */
@media all {
    .mod-arts-m18{width: 100%; background: #f6f6f6; padding:50px 0 15px 0;}
    .mod-arts-m18 .ctain{width:1200px; margin:0 auto;}
    .mod-arts-m18 .ctain .titlbox{background: #ddd;}
    .mod-arts-m18 .ctain .titlbox .titl{width:220px ;padding:10px 0 10px 20px; background-color: var(--clr1);}
    .mod-arts-m18 .ctain .titlbox .titl i{color:#fff; font-size: 20px; padding-right: 10px;}
    .mod-arts-m18 .ctain .titlbox .titl span{color:#fff; font-size:20px;}
    .mod-arts-m18 .ctain .ulbox{margin-top: 50px;}
    .mod-arts-m18 .ctain .ulbox .libox{float:left; width:255px; margin:0 60px 40px 0; text-align: center; border:1px solid #ddd;}
    .mod-arts-m18 .ctain .ulbox .libox:nth-child(4n){margin:0 0 40px 0;}
    .mod-arts-m18 .ctain .ulbox .libox:nth-child(n+5){display:none;}
    .mod-arts-m18 .ctain .ulbox .libox .imgbox{width:255px;height:255px;overflow: hidden; position: relative;}
    .mod-arts-m18 .ctain .ulbox .libox .imgbox img{width: calc(100% - 2px); height: 100%; transition: all 0.5s ease-in-out; display: block;}
    .mod-arts-m18 .ctain .ulbox .libox .imgbox i{display: block; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:250px;}
    .mod-arts-m18 .ctain .ulbox .libox:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
    .mod-arts-m18 .ctain .ulbox .libox:hover .imgbox img{transform: scale(1.15);}
    .mod-arts-m18 .ctain .ulbox .libox:hover .imgbox i{background: var(--clr3); opacity: 0.3;top:0;}
    .mod-arts-m18 .ctain .ulbox .libox .textbox{padding:30px 15px;transition: all 0.5 ease-in-out;}
    .mod-arts-m18 .ctain .ulbox .libox .textbox .title{display:flex;justify-content: center;align-items: center; font-weight: bold;  height: 50px; }
    .mod-arts-m18 .ctain .ulbox .libox .textbox .title strong{font-weight:bold;font-size: 16px; line-height: 24px;}
    .mod-arts-m18 .ctain .ulbox .libox .textbox span{display: inline-block; padding:5px 40px;  border-radius: 20px;  border:1px solid var(--clr3); margin:30px auto 0;}
    .mod-arts-m18 .ctain .ulbox .libox:hover .textbox{background: var(--clr3);}
    .mod-arts-m18 .ctain .ulbox .libox:hover .textbox .title strong{color: var(--cf);}
    .mod-arts-m18 .ctain .ulbox .libox:hover .textbox span {color:#454545; background:var(--color4); transition:all 0.5s ease-in-out;}

}
@media all and (max-width:1024px){
    .mod-arts-m18{padding: 0px 0 10px 0;}
    .mod-arts-m18 .ctain{width:100%;}
    .mod-arts-m18 .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 3%; background-color: var(--clr1);}
    .mod-arts-m18 .ctain .titlbox .titl h3{ font-size:18px;}
    .mod-arts-m18 .ctain .ulbox{padding:0 3%; margin-top: 30px;}
    .mod-arts-m18 .ctain .ulbox .libox{width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom:20px;}
    .mod-arts-m18 .ctain .ulbox .libox:nth-child(even){margin-right: 0;}
    .mod-arts-m18 .ctain .ulbox .libox .imgbox{width: 100%; height: auto;}
    .mod-arts-m18 .ctain .ulbox .libox .textbox{padding:15px 10px;}
    .mod-arts-m18 .ctain .ulbox .libox .textbox .title strong{font-size: 15px; line-height: 20px;}
    .mod-arts-m18 .ctain .ulbox .libox .textbox span{margin:10px auto; padding:3px 15px; margin:15px auto 0;font-size: 15px;}

}











@media all {
	/* indx-ctact-main */
	.indxctact-main-wrap{width:100%; }
	.indxctact-main-wrap .ctain{width:1200px; margin:0 auto 50px; }
	.indxctact-main-wrap img{display: inline-block;}
	.indxctact-main-wrap .titlbox{text-align:center; margin:50px 0  80px;}
	.indxctact-main-wrap .titlbox  h2{font-size:36px;}
	.indxctact-main-wrap .titlbox  .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid var(--clr3);}
	.indxctact-main-wrap .lfdiv{float:left;  width:50%; height: 240px; display: flex;flex-direction: column; justify-content: center; align-items: center;;}
	.indxctact-main-wrap .lfdiv h1{font-size: 20px;  margin-top: 15px;}
	.indxctact-main-wrap .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; }
	.indxctact-main-wrap .rtdiv .toppic {text-align: center;}
	.indxctact-main-wrap .rtdiv .decoline{height: 5px; background-color: rgba(152, 152, 152, 0.3); margin:50px 0;}
	.indxctact-main-wrap .rtdiv .ctact p{font-size: 16px; color: #333; line-height: 30px;}
	.indxctact-main-wrap .rtdiv .ctact p span {font-weight: bold; }

	/* indx-ctact-map */
	.indxctact-map-wrap{ width: 100%; margin-bottom: 50px;}
	.indxctact-map-wrap .ctain{width: 1200px; margin:0 auto;}
	.indxctact-map-wrap .ctain #map{width: 1200px; height: 500px;}
    /* googlemap */
    .g-map{ width: 100%; margin-bottom: 50px; display: none;}
    .g-map .ctain{width: 1200px; margin: 0 auto;}
    .g-map .googleMap{height: 500px; width: 100%; border:1px solid var(--cf);}
}
@media all and (max-width:1024px){
    .indxctact-main-wrap .ctain{ width:100%;padding:0 1%;margin:0 auto 30px; }
    .indxctact-main-wrap .titlbox{text-align:center; margin:50px 0  40px;}
	.indxctact-main-wrap .lfdiv{display: none;}
	.indxctact-main-wrap .rtdiv{width:100%;border: none;padding:0 20px; height: auto; }
	.indxctact-main-wrap .rtdiv .toppic img{margin:0 auto;}

	.indxctact-map-wrap .ctain{width: 100%;padding:0 1%;}
	.indxctact-map-wrap .ctain #map{width: 100%; height: 500px;}
    /* googlemap */
    .g-map .ctain{width: 100%;}
}


















/* indx-ctact-rtBox */
@media all{
    .ctact-rtBox{width: 890px;	min-height: 760px;	background: #fffeee;	float: left;	overflow: hidden;}
    .ctact-rtBox .pro_list{	padding:20px 20px;}
    .ctact-rtBox .pro_list h1{	color:var(--color2); padding-bottom:20px; margin-bottom:25px;	border-bottom:1px solid var(--color2); font-size: 1.5em;}
    .ctact-rtBox .employee{padding-bottom:30px;}
    .ctact-rtBox .employee p{padding-bottom:0;}
    .ctact-rtBox .employee .employeeImg{	border-radius: 10px;	float: left;}
    .ctact-rtBox .employee .employeeInfo{	width:630px;	float: left;	padding-left: 20px;}
    .ctact-rtBox .employee .employeeInfo .name{	font-size: 20px;	font-weight: bold;	height: 35px;	line-height: 35px;	color:#333333;}
    .ctact-rtBox .employee .employeeInfo .post{	font-size: 16px;	font-weight: bold;	color: #777777;	height: 30px;	line-height: 30px;}
    .ctact-rtBox .employee .employeeInfo .telEmail{	font-size: 16px;	height: 25px;	line-height: 25px;}
    .ctact-rtBox .employee .employeeInfo .telEmail img{	height: 15px;	padding-right: 10px;	padding-top: 5px;	float: left;}
    .ctact-rtBox .employee .intr{	width:630px;	float: left;	padding:10px 0 0 20px;}
}
@media all and (max-width:1024px){
    .ctact-rtBox{width: 100%;}
    .ctact-rtBox .pro_list{	padding:15px 3%;}
    .ctact-rtBox .employee .employeeImg{width: 100px;} 
    .ctact-rtBox .employee .employeeInfo{width:100%; padding-left:115px; float: none;}
    .ctact-rtBox .employee .employeeInfo .name{	font-size: 16px; height: 30px; line-height: 30px;}
    .ctact-rtBox .employee .employeeInfo .post{font-size: 14px;} 
    .ctact-rtBox .employee .employeeInfo .telEmail{font-size: 14px;}
    .ctact-rtBox .employee .intr{ width: auto; padding:10px 0 0 0;}
}

/* map */
@media all{
    .ctact-rtBox .map{	border-top:1px solid  var(--main-color);}
    .ctact-rtBox .map .gooleMap{	width: 100%;	height: 300px;	border: 1px solid #999999;	margin-top:25px;} 
}
@media all and (max-width:1024px){
}

/* 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:1024px){
    /* .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;} 
}





/* imgart-rtBox */
@media all {
    .imgart-rtBox{float:left; width: 890px;padding:0 0 0 40px;overflow: hidden;}
}
@media all and (max-width:1024px){
    .imgart-rtBox{width: 100%;padding:0 0; }
}

/* mod-bdtitl */
/* @media all{
    .mod-bdtitl h1{color:#333;font-size:20px;padding:10px 0px 20px;}
    .mod-bdtitl .sub{height:4px;border-bottom:1px solid var(--color2); margin-bottom:25px;}
}
@media all and (max-width:1024px){
    .mod-bdtitl{padding:0 3%;}
    .mod-bdtitl h1{padding: 10px 0 10px;}
    .mod-bdtitl .sub{margin-bottom: 15px;}
} */

/* mod-bdimgban */
/* @media all{
    .mod-bdimgban .left{float:left;position:relative;width:500px;}
    .mod-bdimgban .left .banner{width:495px;height:360px;border:1px solid #e8e8e8;overflow:hidden;margin:0 auto;}
    .mod-bdimgban .left .banner img{display:none;width:100%;height:100%}
    .mod-bdimgban .left .childs{position:relative;width:500px;height:90px;overflow:hidden;padding:20px 30px 0 30px}
    .mod-bdimgban .left .childs .child{cursor:pointer;float:left;width:100px;height:70px;border:1px solid #e8e8e8;margin:0 5px}
    .mod-bdimgban .left .childs .child.active{border:1px solid rgb(167, 128, 0);}
    .mod-bdimgban .left .childs .child img{width:100%;height:100%;vertical-align:middle}
    .mod-bdimgban .left .childs .logoBtn{position:absolute;cursor:pointer; width: 20px; top:35px;}
    .mod-bdimgban .left .childs .leftBtn{left:0;}
    .mod-bdimgban .left .childs .rightBtn{right:0;}
    .mod-bdimgban .right{float:right;width:325px;color:#666;font-size:16px}
    .mod-bdimgban .right .info{    background: #ffefdc;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(--color2); text-decoration: underline;}
    .mod-bdimgban .right .feedback{display: inline-block; padding: 5px 20px; background-color: var(--color4); color:#fff; margin-top: 20px;  transition: 0.5s;}
    .mod-bdimgban .right .feedback:hover{background-color: #333;}

}
@media all and (max-width:1024px){
    .mod-bdimgban{padding:0 3%;}
    .mod-bdimgban .left{float:none; width:100%}
    .mod-bdimgban .left .banner{width: 100%; max-width:550px;height:auto; border:none; }
    .mod-bdimgban .left .banner img{display:none;max-width:100%;max-height:100%}
    .mod-bdimgban .left .childs{width:100%; padding: 12px 3% 0 3%; height: 60px;}
    .mod-bdimgban .left .childs .child{width:21%; height:48px; margin:0 2%;border:none;}
    .mod-bdimgban .left .childs .child img{width:100%;height:100%;vertical-align:middle}
    .mod-bdimgban .left .childs .logoBtn{width:3%; cursor:pointer; top:22px;}
    .mod-bdimgban .right{width:100%;}
    .mod-bdimgban .right .info{padding:10px; margin:15px auto 10px;}
    .mod-bdimgban .right .feedback{margin-top: 15px;}
} */

/* mod-bdctent */
/* @media all{
    .mod-bdctent{margin-top:25px;}
    .mod-bdctent .ctentitl>div{float:left; width: 33.33%; text-align: center; background-color: #ccc; height: 40px; line-height: 40px; font-size: 1.1em; border-right: 1px solid #fff; transition: 0.5s;}
    .mod-bdctent .ctentitl>div:hover,.mod-bdctent .ctentitl>div.active{background-color: var(--color4); color: #fff;}
    .mod-bdctent .ctentbox>div{display:none;box-sizing:border-box;position:relative;width:100%;padding:5px 2.5%;border:1px solid #dedede}
    .mod-bdctent .ctentbox>div.active{display: block;}
    .mod-bdctent .ctentbox>div .info{padding:22px 0;line-height:22px;color:#666;font-size:14px}
    .mod-bdctent .ctentbox>div .digest{border:5px solid #00c5ec;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:10px 10px;margin-bottom:30px;}
    .mod-bdctent .ctentbox>div h2{color: #333; padding: 9px 10px 9px 5px;  margin: 10px 0;border-bottom:1px solid #afb7d0;  font-size: 15px;}
    .mod-bdctent .ctentbox>div h2 a{color:#fffaaa;}
    .mod-bdctent .ctentbox>div h3{color:#555; font-size: 15px; margin:10px 0;}
    .mod-bdctent .ctentbox>div strong{color:var(--color2);padding:0 3px;font-weight: bold;}
    .mod-bdctent .ctentbox>div a{text-decoration:underline;color:var(--color2);font-weight:700; padding:0 3px;}
    .mod-bdctent .ctentbox>div p{padding:0;line-height:24px;color:#666;font-size:14px;}
    .mod-bdctent .ctentbox>div div{padding:0;line-height:24px;color:#666;font-size:14px;}
    .mod-bdctent .ctentbox>div img{max-width:100%!important;height:auto!important;}
    .mod-bdctent .ctentbox>div table caption{font-weight: bold;}

    .mod-bdctent .tags{border-top: 1px solid #ccc; padding:10px 20px; margin-top: 10px;}
    .mod-bdctent .tags i{padding-right: 10px;}
}
@media all and (max-width:1024px){
    .mod-bdctent{margin-top:20px;}
    .mod-bdctent .ctentitl .ctentitl1{width: 100%;}
    .mod-bdctent .ctentbox>div{padding:0 3%;border:none;}
} */

/* mod-bdartpage */
/* @media all{
    .mod-bdartpage{margin:20px 0 10px 0;}
    .mod-bdartpage>div {width:40%; border-radius: 20px; background-color: rgba(35,160,195,.75); padding:8px 20px; text-align:center; color:#fff;}
    .mod-bdartpage  a{color: #fff; }
    .mod-bdartpage .prepage{float: left; }
    .mod-bdartpage .nextpage{float: right;}
    .mod-bdartpage>div:hover {background-color:var(--color4); }
}
@media all and (max-width:1024px){
    .mod-bdartpage{margin-bottom: 10px; padding:10px 3% 0; border-top:1px solid #ccc; }
    .mod-bdartpage>div {width: 100%;  padding:5px 10px; margin:5px 0; text-align: left;}
} */

/* mod-taglist */
@media all{

    .mod-tagslist{width: 890px; padding:10px 2.5%;	min-height: 760px;	background: #fff;	float: left;	overflow: hidden;}
    .mod-tagslist .tagpath{padding:0 0 15px 0;}
    .mod-tagslist .seotitl{font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom:10px; color: #555;}
    .mod-tagslist .subnav{padding:0 0 40px 0;}
}
@media all and (max-width:1024px){
    .mod-tagslist{width: 100%}
    .mod-tagslist .subnav{padding:0 0 20px 0;}
}


/* lt-prod-main */
@media all {
    .newslist-rtBox{width: 890px;	min-height: 760px;	background: #f6f6f6;	float: left;	overflow: hidden;}
    .mod-artlist01{padding-bottom: 5px;}
    .mod-artlist01 .tagpath{padding:8px 0 8px 10px;}   
    .mod-artlist01 .subtitl{padding:20px 45px 10px;background: #fff;}
    .mod-artlist01 .subtitl div{border-bottom: 1px solid #eee; padding-bottom: 9px;}
    .mod-artlist01 .subtitl div span{font-size: 18px; font-weight: bold; border-bottom: 4px solid var(--color4);padding-bottom: 10px;}
    .mod-artlist01 .subtitl .seotitl{border-bottom: 1px solid #ccc; padding-bottom: 15px;}
    .mod-artlist01 ul li{padding:20px 45px; margin-bottom: 5px; background: #fff;}
    .mod-artlist01 .flexbox{display: flex;align-items: center;}
    .mod-artlist01 .flexbox .txtbox{float: left;width: 560px; margin-right: 50px;}
    .mod-artlist01 .flexbox .txtbox h3{font-size: 18px; font-weight: normal; padding-bottom: 5px;}
    .mod-artlist01 .flexbox:hover div h3{font-weight: bold;color: var(--color2);}
    .mod-artlist01 .flexbox:hover .dscpt{color: var(--color2);}
    .mod-artlist01 .flexbox .msg{color: #aaa;}
    .mod-artlist01 .flexbox .msg .date{background: url(../images/icon-date.png) no-repeat 0 3px;width: 12px; height: 15px; background-size: 12px;display:inline-block;margin:0 5px 0 0;}
    .mod-artlist01 .flexbox .msg .dz{background: url(../images/icon-reader.png) no-repeat 0 3px;width: 12px; height: 15px; background-size: 12px;display:inline-block;margin:0 5px 0 15px;}
    .mod-artlist01 .flexbox .imgbox {float: right;height: 120px; width: 190px; overflow: hidden;}
    .mod-artlist01 .flexbox .imgbox img{height: 100%; width: 100%;transition: ease-in-out 1s;}
    .mod-artlist01 .flexbox:hover .imgbox img{transform: scale(1.1);box-shadow: 0 2px 2px 0 #ccc;}
    .mod-artlist01 .flexbox:hover .imgbox {box-shadow: 0 3px 6px 0 #666;}
    .mod-artlist01 .tags i{background: url(../img/icon/10.png) no-repeat 0 3px;width: 12px; height: 15px; background-size: 12px;display:inline-block;margin:0 5px 0 0;}

    .mod-pages01{display:flex; margin: 20px auto;margin: 5px auto 0; background: #fff;padding-top: 5px;}
    .mod-pages01 .pagebox{margin:auto;}
    .mod-pages01 .pagebox ul{float:left;padding:12px 0 12px 16px}
    .mod-pages01 .pagebox ul li{float:left;font-family:Tahoma;line-height:25px;margin:0 6px 5px 0;border:1px solid #E9E9E9}
    .mod-pages01 .pagebox ul li a{float:left;padding:0 8px;color:#555;display:block}
    .mod-pages01 .pagebox ul li a:hover{text-decoration:none;padding:0 8px; background-color:var(--color1); color:#fff;}
    .mod-pages01 .pagebox ul li.thisclass,.mod-pages01 .pagebox ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:var(--color1);padding:0 8px;font-weight:700; color:#fff;}
    .mod-pages01 .pagebox .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999}
    .mod-pages01 .pagebox .pageinfo strong{color:#555;font-weight:400;margin:0 2px}

}
@media all and (max-width:1024px){
    .newslist-rtBox{width:100%;}
    .mod-artlist01 .subtitl{padding:10px 3% 10px;background: #fff;}
    .mod-artlist01 .subtitl div span{font-size: 16px;}
    .mod-artlist01 ul li{padding:10px 3%; margin-bottom: 5px; }
    .mod-artlist01 .flexbox .txtbox{width: calc(100% - 100px); margin-right: 20px;}
    .mod-artlist01 .flexbox .txtbox h3{font-size: 16px; white-space: unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;}
    .mod-artlist01 .flexbox .txtbox .dscpt{display: none;}
    .mod-artlist01 .flexbox .txtbox .msg{display: none;}
    .mod-artlist01 .flexbox .imgbox{width: 120px;height: 72px;}
    .mod-artlist01 .tags{padding-top: 5px;}

}

/* newsart-rtBox */
@media all {
    .newsart-rtBox{width: 890px;	min-height: 760px;	background: #fff;	float: left;	overflow: hidden;}
    .newsart-rtBox .mod-bdctent .ctentbox>div{border:none;}
    .newsart-rtBox .mod-bdartpage{margin:0 auto; padding:20px 0 20px 0;background: #f6f6f6;}
    .newsart-rtBox .mod01-form{margin:0 auto;}
    
}
@media all and (max-width:1024px){
    .newsart-rtBox{width:100%;}
}



















