/*================      >=1200px (width: 1200px)   ===============================*/
@media all {
/*==========================================*/
/*======for list-chanping; list-hangye======*/
/*==========================================*/
    /* list-prod-main */
    .listprod-main{width:1200px; margin:20px auto 0;}
    .listprod-main .lfbox{float: left;}

    .mod01-lfnavbox{width: 288px; margin-right: 10px; border-radius: 5px; border:1px solid var(--color2); overflow:hidden;}
    .mod01-lfnavbox .lfnav .titl{position:relative; padding:9px 0 10px 74px; background: url(../img/navlist01.png)  no-repeat 23px center;  background-color: var(--color2); background-size: 28px; }
    .mod01-lfnavbox .lfnav .titl h3{color:#fff; font-size: 20px; margin:0;}
    .mod01-lfnavbox .lfnav .titl .rt{display: none;}
    .mod01-lfnavbox .lfnav .superul{padding:0 10px 20px;}
    .mod01-lfnavbox .lfnav .superul .supli:hover .subul{display: block;}
    .mod01-lfnavbox .lfnav .superul .superli{position: relative;;margin:10px 0; padding:10px 0 10px 30px;}
    .mod01-lfnavbox .lfnav .superul .superli i{position: absolute; display:block; width: 30px; height: 30px; left: 0px; top:7px; background: url(../img/listpointer.png)  no-repeat 15px center;}
    .mod01-lfnavbox .lfnav .superul .superli h3{color:#333;}
    .mod01-lfnavbox .lfnav .superul .supli.current .superli h3{color:var(--color2);}
    .mod01-lfnavbox .lfnav .superul .supli.current .subul{display: block;}
    .mod01-lfnavbox .lfnav .superul .supli:hover .superli h3{color:var(--color2);}
    .mod01-lfnavbox .lfnav .superul .supli:hover i{transform: rotate(90deg); -webkit-transform: rotate(90deg); right: 15px; top:4px;}
    .mod01-lfnavbox .lfnav .superul .subul{display: none;}
    .mod01-lfnavbox .lfnav .superul .subul .subli{ padding:5px 0 5px 45px;background: url(../img/common/arr00.png)  no-repeat 40px center;}
    .mod01-lfnavbox .lfnav .superul .subul .subli h4{color:#666; font-size:14px; font-weight: normal;}
    .mod01-lfnavbox .lfnav .superul .subul .subli.current h4{color:var(--color2);}
    .mod01-lfnavbox .lfnav .superul .subul .subli h4:hover{color:var(--color2);}

    .mod09-lfctact{width: 288px; margin:20px 10px 20px 0;  border-radius: 5px; border:1px solid var(--color2);}
    .mod09-lfctact .titl{position:relative; padding:10px 0 10px 70px; background: url(../img/navlist01.png)  no-repeat 15px center; background-size:27px;  background-color: var(--color2);   border-top-right-radius: 5px; border-top-left-radius: 5px;}
    .mod09-lfctact .titl h3{color:#fff; font-size: 20px; margin:0;}
    .mod09-lfctact ul{padding:10px 20px;}
    .mod09-lfctact ul li{margin:8px 0; color:#666;}
    .mod09-lfctact ul li a{color:#333; text-decoration: underline;}

    .mod-tbslider{ margin:25px 0 20px 0;}
    .mod-tbslider .swiper {border-radius: 5px;}
    .mod-tbslider .swiper .swiper-wrapper .swiper-slide img{width: 100%; display: block;}
    .mod-tbslider .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff;}


    .listprod-main .rtbox{float:left; width: 900px;}
    .mod02-imglist li{float:left; width:280px ; padding:0 0 0 20px; margin-bottom: 20px; }
    .mod02-imglist .prodli .prodpic{overflow: hidden; border-radius: 10px; height: 280px; width: 100%; display: flex; justify-content: center; align-items: center; border:1px solid #ccc; } 
    .mod02-imglist .prodli .prodpic img{width:100%; height: 100%;object-fit: cover; display: block; transition: all 0.5s ease-in-out;}
    .mod02-imglist .prodli .prodtitl{display: flex;  display: -webkit-flex; align-items: center; justify-content: center; text-align: center;  height: 60px; padding: 0 20px;}
    .mod02-imglist li:hover  img{width:100%; transform: scale(1.05);}
    .mod02-imglist li:hover  h4{color: #c8000b; transition: all 0.5s ease-in-out;}

    /* list-prod-page */
    .listprod-main .rtbox .page{display:flex; margin: 20px auto;}
    .mod06-pages{margin:auto;}
    .mod06-pages ul{float:left;padding:12px 0 12px 16px}
    .mod06-pages ul li{float:left;font-family:Tahoma;line-height:25px;margin:0 6px 5px 0;border:1px solid #E9E9E9}
    .mod06-pages ul li a{float:left;padding:0 8px;color:#555;display:block}
    .mod06-pages ul li a:hover{text-decoration:none;padding:0 8px; background-color:var(--color2);font-weight:700; color:#fff;}
    .mod06-pages ul li.pageActive,.mod06-pages ul li.pageActive a,.pagebox ul li.pageActive a:hover{background-color:var(--color2);padding:0 8px;font-weight:700; color:#fff;}
    .mod06-pages .pageSum{line-height:21px;padding:2px 10px 2px 16px;color:#999}
    .mod06-pages .pageSum strong{color:#555;font-weight:400;margin:0 2px}

    /* 相关文章 */
    .mod15-arclist{padding:0 0 0 20px; margin:50px 0 40px 0;}
    .mod15-arclist .listul li{border-bottom: 1px dotted #ccc; margin-bottom:10px; padding:0 0 10px  18px; background: url(../img/arr04.gif) 5px 7px no-repeat;}
    .mod15-arclist .listul  li span{display:inline-block; float:right; color:#666;}

/*=============================*/
/*==for arctic-imgprod(详情)===*/
/*=============================*/
    .articprod-main{width:1200px; margin:0 auto; padding:30px 0 0 0;}
    .articprod-main .infobox .lfsider{float: left; width: 288px;}
    /* .articprod-main .mod01-lfnavbox{float: left;} */

    .mod03-rtprodctent{float: right; width:870px; margin-left:30px;padding-bottom:30px;}
    .mod03-rtprodctent .headtitl h1{color:#333;font-size:20px;padding:10px 0px 20px;}

    .swp05-box {width: 100%; margin:0 auto;position: relative; overflow: hidden;}
    .swp05-box .swiper{width:100%;height:100%;margin-left:auto;margin-right:auto}
    .swp05-box .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}
    .swp05-box .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
    .swp05-box .mySwiper2{height:80%;width:100%;--swiper-navigation-color: #fff; --swiper-pagination-color: #fff}
    .swp05-box .mySwiper1{height:20%;box-sizing:border-box;padding:10px 0}
    .swp05-box .mySwiper1 .swiper-slide{width:25%;height:100%;opacity:.4}
    .swp05-box .mySwiper1 .swiper-slide-thumb-active{opacity:1;border:1px solid var(--color2)}

    .mod03-rtprodctent .head .left{float:left;position:relative;width:550px;}
    .mod03-rtprodctent .head .left .banner{width:550px;height:400px;border:1px solid #e8e8e8;overflow:hidden;margin:0 auto;}
    .mod03-rtprodctent .head .left .banner img{display:none;width:100%;height:100%}
    .mod03-rtprodctent .head .left .childs{position:relative;width:500px;height:90px;overflow:hidden;padding:20px 30px 0 30px}
    .mod03-rtprodctent .head .left .child{cursor:pointer;float:left;width:110px;height:90px;border:1px solid #e8e8e8;margin:0 6px}
    .mod03-rtprodctent .head .left .child img{width:100%;height:100%;vertical-align:middle}
    .mod03-rtprodctent .head .left .leftBtn{position:absolute;left:0;top:40px}
    .mod03-rtprodctent .head .left .rightBtn{position:absolute;right:0;top:40px}
    .mod03-rtprodctent .head .left .logoBtn{cursor:pointer}
    .mod03-rtprodctent .head .right{float:right;width:275px;color:#666;font-size:16px}
    .mod03-rtprodctent .head .right .info{padding:0 0 30px 0;line-height:24px}
    .mod03-rtprodctent .head .right .reader{display: none;}
    .mod03-rtprodctent .head .right .tag{line-height:24px;padding-bottom: 5px;}
    .mod03-rtprodctent .head .right .tag a{color:var(--color2); text-decoration: underline;}

    .mod03-rtprodctent .advtag{width: 100% ; margin-top:25px; /*background: url(../img/advtag_bg.gif) no-repeat;*/ text-align: center; border-radius: 5px; padding:20px 0; background: #cc0000;}
    .mod03-rtprodctent .advtag a{display: block;font-size: 18px; color:#fff; font-weight: bold; }

    .mod03-rtprodctent .content{margin-top:20px;}
    .mod03-rtprodctent .content  .left{width:100%;}
    .mod03-rtprodctent .content  .left li{height:50px;line-height:50px;font-weight:700;text-align:center;font-size:16px;cursor:pointer; border:1px solid #dedede; }
    .mod03-rtprodctent .content  .left .active{color:#333;background:#f1f1f1}

    .mod03-rtprodctent .content  .right{box-sizing:border-box;position:relative;width:100%;padding:5px 1.5%;border:1px solid #dedede;border-top: none;}
    .mod03-rtprodctent .content  .right .info{padding:22px 0;line-height:22px;color:#666;font-size:14px}
    .mod03-rtprodctent .content  .right .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;}
    .mod03-rtprodctent .content  .right .child h2{color: #333; /* background: url(../img/arro3.png) no-repeat 5px center;  background-size: 17px; border-radius: 5px;   padding: 9px 10px 9px 10px;*/  margin: 50px 0 15px 0;  font-size: 18px; border-bottom: 1px solid #bd9d4b;padding-bottom: 15px;}
    .mod03-rtprodctent .content  .right .child h2 i{padding-right: 15px; color: #bd9d4b;}
    /* .mod03-rtprodctent .content  .right .child h2 a{color:#fffaaa;} */
    .mod03-rtprodctent .content  .right .child h3{color: #555; /* background: url(../img/arro3.png) no-repeat 5px center;   background-size: 17px;  padding: 9px 10px 9px 10px;  */ margin: 20px 0 10px 0;  font-size: 16px;}
    /* .mod03-rtprodctent .content  .right .child h3 a{color:#fffaaa;} */
    /* .mod03-rtprodctent .content  .right .child h4{color:#666; font-size: 15px; margin:10px 0;} */
    .mod03-rtprodctent .content  .right .child a{text-decoration:underline;color:var(--color2);font-weight:700; padding:0 3px;font-style: italic;}
    .mod03-rtprodctent .content  .right .child p{padding:0;line-height:28px;color:#666;font-size:16px;}
    .mod03-rtprodctent .content  .right .child strong{font-size:15px;}
    .mod03-rtprodctent .content  .right .child div{padding:0;line-height:28px;color:#666;font-size:16px;}
    .mod03-rtprodctent .content  .right .child img{max-width:100%!important;height:auto!important;}

    .mod03-rtprodctent  .page>div {width:40%; border-radius: 15px; background-color: rgba(189,157,77,.8); padding:8px 20px; text-align:center; color:#fff;}
    .mod03-rtprodctent  .page  a{color: #fff; }
    .mod03-rtprodctent  .page .prepage{float: left; }
    .mod03-rtprodctent  .page .nextpage{float: right;}
    .mod03-rtprodctent  .page>div:hover {background-color: var(--color2); }

    /* hotbox03: 左侧相关产品 */
    .articprod-main .infobox .hotbox03{float:left;width: 290px;margin: 40px 10px 0 0;}
    .mod08-imglist{overflow: hidden;  border: 1px solid var(--color2);  border-radius: 5px; width: 288px; margin: 20px 0 0 0;}
    .mod08-imglist .titl{ background-color: var(--color2); margin-bottom:20px;}
    .mod08-imglist .titl span{height: 40px;   line-height: 40px; font-size: 16px;   font-weight: bold; margin-left: 24px;  color: #fff;}
    .mod08-imglist .titl a img{float: right;  margin: 14px 20px 0 0;}
    .mod08-imglist ul{padding:0 5% 0 0;}
    .mod08-imglist ul li{float:left; width:45%; margin:0 0 20px 5%; }
    .mod08-imglist ul li .hotpic{width: 100%; height: 120px; overflow: hidden;display: flex; justify-content: center; align-items: center; border-radius: 5px; border: 1px solid #ccc;}
    .mod08-imglist ul li .hotpic img{width: 100%; height: 100%;object-fit: cover; transition: all 0.5s ease-in-out; display: block;}
    .mod08-imglist ul li .hotpic img:hover{transform: scale(1.05,1.05);}
    .mod08-imglist ul li h3{font-size: 14px; text-align:center; margin-top:10px;}
    .mod08-imglist ul li:hover h3{color:var(--color2);}

    /* hotbox1:热门推荐（产品，4*1 ） */
    .articprod-main .hotbox1{display:none; position:relative;padding:16px 0 50px 0; }
    .mod04-subtitl{position:relative;height:24px;padding-bottom:40px}
    .mod04-subtitl span{position:relative;z-index:1;line-height:24px;font-size:18px;color:#333;padding-right:20px;background:#fff}
    .mod04-subtitl .sub{position:absolute;height:6px;background:rgba(234,137,28,.8);top:10px;left:0;width:100%}

    .mod05-imglist .child{position:relative;float:left;width:288px;border:1px solid #e8e8e8;margin-left:12px}
    .mod05-imglist a:nth-child(1) .child{margin-left:0}
    .mod05-imglist .child .childImg{width:288px;height:288px;line-height:288px;text-align:center}
    .mod05-imglist .child .childImg img{vertical-align:middle;max-width:90%;max-height:90%}
    .mod05-imglist .child{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s}
    .mod05-imglist .child:hover{-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.2);-moz-box-shadow:0 0 4px 0 rgba(0,0,0,.2);box-shadow:0 0 4px 0 rgba(0,0,0,.2);-ms-box-shadow:0 0 4px 0 rgba(0,0,0,.2);-o-box-shadow:0 0 4px 0 rgba(0,0,0,.2)}
    .mod05-imglist .child .childTitle{position:relative;height:60px;text-align:center}
    .mod05-imglist .child .childTitle p{line-height:20px;padding-top:14px;color:#006FCF}
    .mod05-imglist .child .childSub{height:5px;width:250px;margin:0 auto;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
    .mod05-imglist .child .childInfo{height:54px;line-height:54px;text-align:center;color:#006FCF;font-size:14px}
    .mod05-imglist .child .childInfo img,.articprod-main .about .child .childInfo span{vertical-align:middle}

    /* hotbox-relartic: 相关文章列表 2*5  */
    .hotbox-relartic{margin: 20px 0 25px 0;}
    .mod13-arclist .listul li{float:left; width:46%;  border-bottom: 1px dotted #ccc; margin-bottom:10px; padding:0 0 10px  18px; background: url(../img/arr04.gif) 5px 7px no-repeat;}
    .mod13-arclist .listul li:nth-child(even){margin-left:5%;}
    .mod13-arclist .listul li span{display:inline-block; float:right; color:#666;}

    /* hotbox2: 相关产品 3*3 */
    .articprod-main .hotbox2{position:relative;padding:16px 0 50px 0}
    .mod07-articlist .art-ul .art-li{float:left; width:33.3%; height: 30px; overflow: hidden; white-space:nowrap; text-overflow: ellipsis; }
    .mod07-articlist .art-ul .art-li span{color:#A1A1A1;}
    .mod07-articlist .art-ul .art-li a{color:#555;}

    /* advant */
    .advant{width:1200px; margin:0 auto;}
    .advant img{width: 100%; height: auto;}
    .advant .wap-img{display: none;}

/*=============================*/
/*======= for list-news =======*/
/*=============================*/
    /* listnews-tag */
    .listnwestag-main{width: 100%; background:#e6f5ff;border-bottom:1px solid #e6e6e6;}
    .listnwestag-main .ctain{width: 1200px; margin:0 auto; height: 47px; padding-left:0;}
    .mod10-navtag ul li{float:left;height:45px;padding:0 17px;line-height:45px;margin:1px}
    .mod10-navtag ul li.hover{border:1px solid #e6e6e6;border-bottom:1px solid #fff;background:#fff;font-weight:700}
    .mod10-navtag ul li a:hover,.mod10-navtag ul li.hover a{color:var(--color2)}

    /* listnews-main */
    .listnews-main{width: 100%; }
    .listnews-main .ctain{width:1200px; margin:0 auto;}
    .listnews-main .ctain .disbug{visibility: hidden; height: 1px; width: 1px;}

        /* --lfbox */
    .listnews-main .ctain .lfbox{float:left; width: 840px;}
    .mod11-newslist{padding-top:20px}
    .mod11-newslist .newsli{margin-bottom: 25px; padding-bottom: 25px; border-bottom:1px dashed #ccc;}
    .mod11-newslist .newsli .imgbox{width:160px; height:100px;float: left; overflow:hidden;}
    .mod11-newslist .newsli .imgbox img{width: 100%; height: 100%; transition: all .5s ease-in-out;}
    .mod11-newslist .newsli .ctentbox{float: left; width: 640px; margin-left:40px;}
    .mod11-newslist .newsli .ctentbox .titl{color: var(--color2);}
    .mod11-newslist .newsli .ctentbox .date{margin:10px 0;}
    .mod11-newslist .newsli:hover .imgbox img{transform:scale(1.1,1.1);}
    .mod11-newslist .newsli:hover .ctentbox{color:var(--color2); }
    .listnews-main .ctain .lfbox .pagebox{display: flex; margin-bottom: 20px;}

        /* ---rtbox */
    .listnews-main .ctain .rtbox{float:right; width:310px;}
    .listnews-main .ctain .rtbox  .box01{padding:25px; border-radius: 10px; border:1px solid var(--color2); margin-top:20px;}
    .mod12-hotlist .listtitl{border-bottom:2px solid var(--color2); padding-bottom:20px; margin-bottom:10px;}
    .mod12-hotlist .listtitl span{font-size: 18px; font-weight: bold;}
    .mod12-hotlist .listtitl a img{float: right; padding-top:8px;} 
    .mod12-hotlist .listul .listli{float:left; margin:10px 0;}
    .mod12-hotlist .listul .listli .imgbox{float:left; width:80px; height:50px;}
    .mod12-hotlist .listul .listli .imgbox img{width:100%; height: 100%; border:1px solid #ccc; border-radius: 5px;}
    .mod12-hotlist .listul .listli .titl{float:left; width: 155px;  margin-left: 20px;}
    .mod12-hotlist .listul .listli:hover .imgbox img{border:1px solid var(--color2);}
    .mod12-hotlist .listul .listli:hover .titl{color: var(--color2);}

    .listnews-main .ctain .rtbox  .box02{padding:25px; border-radius: 10px; border:1px solid var(--color2); margin-top:30px;}
    .listnews-main .ctain .rtbox .box03{ margin-top:30px;}
    .listnews-main .ctain .rtbox .box03 .mod09-lfctact{width: 310px;}
    .listnews-main .ctain .rtbox .box03 .mod09-lfctact .titl{padding: 15px 0 15px 70px;}


/*=============================*/
/*======= for artic-news =======*/
/*=============================*/
    /* articnews-main */
    .articnews-main{width: 100%;}
    .articnews-main .ctain{width: 1200px; margin:0 auto;}
    .articnews-main .ctain .disbug{visibility: hidden; height: 1px; width: 1px;}

    .articnews-main .ctain .lfbox{float:left; width: 840px; margin-top:30px;}
    .mod13-newsctent .mainHead .titl {	line-height:40px;	color:#333333;	font-size:28px; font-weight: normal; text-align: center;}
    .mod13-newsctent .mainHead .time {	font-size:15px;	color:#999999;	line-height:24px; margin:20px 0 0 0; padding-bottom: 10px;
    border-bottom: 1px solid #ccc; text-align: center;}
    .mod13-newsctent .mainHead .time i{padding-right: 8px;}
    .mod13-newsctent .mainHead .time i:nth-child(n+2){margin-left: 15px;}
    .mod13-newsctent .mainContent{margin:20px 0 20px 0; padding-bottom:20px; border-bottom: 1px solid #ccc;}
    .mod13-newsctent .mainContent img {	max-width: 100% !important;	height: auto !important;}
    .mod13-newsctent .mainContent h2{font-size:18px; padding:6px 10px 6px 0;border-radius:5px;color:#151515; margin:20px 0 10px 0;}
    .mod13-newsctent .mainContent h3{font-size:16px; padding:6px 10px;border-radius:5px;color:#333; margin:10px 0;}
    .mod13-newsctent .mainContent h4{font-size:15px; color:#333; padding:10px 0 10px 10px;}
    .mod13-newsctent .mainContent .digest{margin-bottom:30px;padding:10px;border:5px solid rgb(234,137,28);border-bottom-right-radius:30px;border-top-left-radius:30px;background-color:rgba(255,236,216,.5);box-shadow:5px 5px 2px #bcbcbc}
    .mod13-newsctent .mainContent a{font-weight: bold;color:rgb(234,137,28);text-decoration:underline; padding:0 3px;}
    .mod13-newsctent .mainContent a:hover{text-shadow: 1px 1px #000;}
    .mod13-newsctent .mainContent div,.mod13-newsctent .mainContent p,.mod13-newsctent .mainContent span, .mod13-newsctent .mainContent li{padding:1px 0;color:#666;font-size:16px;line-height:28px}
    .mod13-newsctent .mainContent .signature{font-style: italic; font-size: 16px; color:#888;}
    .mod13-newsctent  .page>div {width:40%; border-radius: 15px; background-color: #ad8a6b; padding:8px 20px; text-align:center; color:#fff;}
    .mod13-newsctent  .page  a{color: #fff; }
    .mod13-newsctent  .page .prepage{float: left; }
    .mod13-newsctent  .page .nextpage{float: right;}
    .mod13-newsctent  .page>div:hover {background-color: var(--color2); }

    .articnews-main .ctain .lfbox .mod15-arclist{padding:0 0; margin:50px 0 0 0;}

    .articnews-main .ctain .rtbox{float:right; width:310px;}
    .articnews-main .ctain .rtbox  .box01{padding:25px; border-radius: 10px; border:1px solid var(--color2); margin-top:30px;}
    .articnews-main .ctain .rtbox  .box02{padding:25px; border-radius: 10px; border:1px solid var(--color2); margin-top:30px;}
    .articnews-main .ctain .rtbox .box03{ margin-top:30px;}
    .articnews-main .ctain .rtbox .box03 .mod09-lfctact{width: 310px;}
    .articnews-main .ctain .rtbox .box03 .mod09-lfctact .titl{padding: 15px 0 15px 70px;}
    .articnews-main .ctain .rtbox .mod-tbslider{width:100%;}   

    /* articnews-abt */
    .articnews-abt{width: 100%;}
    .articnews-abt .ctain{width: 1200px; margin:50px auto 40px;}
    .mod14-articlist .listul .listli{float:left; margin:10px 0; width:255px; margin-right: 60px;}
    .mod14-articlist .listul .listli:nth-child(4n){margin-right: 0;}
    .mod14-articlist .listul .listli a{display: flex; align-items: center;}
    .mod14-articlist .listul .listli .imgbox{float:left; width:90px; height:55px;}
    .mod14-articlist .listul .listli .imgbox img{width:100%; height: 100%; border:1px solid #999; }
    .mod14-articlist .listul .listli .titl{float:left; width: 145px;  margin-left: 20px;}
    .mod14-articlist .listul .listli:hover .imgbox img{border:1px solid var(--color2);}
    .mod14-articlist .listul .listli:hover .titl{color: var(--color2);}


/*=============================*/
/*======for list-yeji======*/
/*=============================*/
    /* listyeji-main */
    .listyeji-main {width: 100%;}
    .listyeji-main .ctain{width: 1200px; margin:0 auto;}
    .listyeji-main .ctain .banbox img{width: 1200px; height: 400px;}
    .mod15-navbox{margin:30px 0  40px 0;}
    .mod15-navbox ul li{float:left; width: 141.6px; text-align: center; margin-right: 9.6px; background-color: var(--color1); padding:15px 0; border-radius: 5px;} 
    .mod15-navbox ul li:hover,.mod15-navbox ul li.current{background-color: var(--color2);}
    .mod15-navbox ul li h3{color:#fff;}
    .mod15-navbox ul li:nth-last-child(1){margin-right: 0;}
    .listyeji-main .ctain .listbox .mod02-imglist li{padding:0 0 0 26.6px;}
    .listyeji-main .ctain .listbox .mod02-imglist li:nth-child(4n+1){padding:0 0 0 0;}
    .listyeji-main .ctain .listbox .page{display: flex; margin-bottom: 30px;}

    /* listyeji-abt */
    .listyeji-abt{width:100%;}
    .listyeji-abt .ctain{width:1200px; margin:10px auto 40px;}


/*=============================*/
/*======for artic-yeji======*/
/*=============================*/
    .articyeji-nav{width:100%;}
    .articyeji-nav .ctain{width:1200px; margin:0 auto;}
}

/*=================     1025px-1199px (width:1024px)     =========================*/
@media all and (max-width:1199px){
/*=============================*/
/*======for list-chanping======*/
/*=============================*/
    /* list-prod-main */
    .listprod-main{width:1024px;}
    .mod01-lfnavbox{width: 244px;}
    .mod01-lfnavbox .lfnav .titl{padding: 15px 0; }
    .mod01-lfnavbox .lfnav .titl h3 {font-size: 24px; font-weight: normal; margin-left: 70px;}
    .mod09-lfctact{width: 244px;}
    .mod09-lfctact .titl{padding: 10px 0;  background-size:25px;}
    .mod09-lfctact .titl h3 {font-size: 20px; font-weight: normal; margin-left: 70px;}
    .mod-tbslider{width:244px}
    .listprod-main .rtbox{ width: 768px;}
    .mod02-imglist li{width:240px ; padding:0 0 0 16px; margin-bottom: 16px; }
    .mod02-imglist .prodli .prodpic{ height: 240px; } 


/*=============================*/
/*==for artic-imgprod(详情)===*/
/*=============================*/
    .articprod-main{width:1024px; padding:30px 0 0 0;}
    .articprod-main .infobox .lfsider{width:246px;}
    .mod03-rtprodctent {width: 730px;margin-left: 0px;}
    .mod03-rtprodctent .head .left {float: none;  margin: 0 auto;}
    .mod03-rtprodctent .head .right{float: none; width: 720px; margin: 40px 0 0 20px;}
    .mod03-rtprodctent .content .left li {height: 40px; line-height: 40px;}

    /* hotbox03: 左侧最新产品 */
    .articprod-main .infobox .hotbox03{width: 246px;margin: 40px 10px 0 0;}
    .mod08-imglist{width: 244px;}
    .mod08-imglist .list {padding: 0 10px; }
    .mod08-imglist .list li .hotpic {width: 100%;  height: 80px;}
    .mod05-imglist{width: 1024px;}
    .mod05-imglist .child{width: 240px;float:none;display:inline-block;margin:10px 10px 0 0;}
    .mod05-imglist .child .childImg{width: 240px; height: 240px; line-height: 240px;}
    .mod05-imglist .child .childSub{width: 240px;}

    /* hotbox-relartic: 相关文章列表 2*5  */
    .mod13-arclist .listul li:nth-child(even){margin-left:4%;}
    .mod13-arclist .listul li span{display:none;} 

    /* mod14-articlist */
    .mod14-articlist .listul .listli{float:left; margin:10px 0; width:230px; margin-right: 34px;}
    .mod14-articlist .listul .listli .imgbox{float:left; width:70px; height:45px;}
    .mod14-articlist .listul .listli .titl{float:left; width: 140px;  margin-left: 20px;}


    /* advant */
    .advant{width: 100%;}


/*=============================*/
/*======= for list-news =======*/
/*=============================*/
    .listnwestag-main .ctain{width: 1024px;}
    .listnews-main .ctain{width:1024px;}
    .listnews-main .ctain .lfbox{width: 670px;}
    .mod11-newslist .newsli .ctentbox{ width: 480px; margin-left:20px;}


/*=============================*/
/*======= for artic-news =======*/
/*=============================*/
    .articnews-main{width: 100%;}
	.articnews-main .ctain{width: 1024px; margin:0 auto;}
	.articnews-main .ctain .lfbox{width: 685px; margin-top:15px;}

	.articnews-abt .ctain{width: 1024px; margin:50px auto 40px;}
    /* .mod14-articlist .listul .listli .titl{float:left; width: 80px;  margin-left: 20px;} */
    

/*=============================*/
/*======for list-yeji======*/
/*=============================*/
    /* listyeji-main */
    .listyeji-main .ctain{width: 1024px;}
    .listyeji-main .ctain .banbox img{width: 1024px; height: 340px;}
    .mod15-navbox{margin:20px 0 30px 0;}
    .mod15-navbox ul li{ width: 121px; margin-right: 8px; padding:15px 0;} 
    .listyeji-main .ctain .listbox .mod02-imglist li{padding:0 0 0 21.3px;}
    .listyeji-main .ctain .listbox .page{margin-bottom: 0;}
    
    /* listyeji-abt */
    .listyeji-abt .ctain{width:1024px; margin:10px auto 40px;}

/*=============================*/
/*======for artic-yeji======*/
/*=============================*/
    .articyeji-nav .ctain{width:1024px;}

}


/* =================    <=1024px (width:100%)  ===================================*/
@media all and (max-width:1024px){
    body{overflow-x: hidden;} 
/*=============================*/
/*======for list-chanping======*/
/*=============================*/
    /* list-prod-main */
    .listprod-main{width: 100%; margin-top:0;}
    .listprod-main .lfbox{float:none;}
    .mod01-lfnavbox{width: 100%; min-height: auto; padding:0; margin:0;background-color:#fff;background: none; border-radius:0;border:none; border-bottom:1px solid #aaa;}
    .mod01-lfnavbox .lfnav .titl{padding:7px 2.5%; background-image: none; border-radius: 0; background-color: var(--color1);}
    .mod01-lfnavbox .lfnav .titl h3 {font-size: 18px; margin:0;}
    .mod01-lfnavbox .lfnav .titl .lf{display: block; float:left;}
    .mod01-lfnavbox .lfnav .titl .rt{display: block; float: right; margin-right: 40px;}
    .mod01-lfnavbox .lfnav .titl i{position: absolute; top:0; right: 2.5%; display: block; height: 40px; width: 27px; background: url(../img/arr02.png)  no-repeat 0 center; background-size: 27px; }
    .mod01-lfnavbox .lfnav .titl.cur i{transform: rotate(-180deg); -webkit-transform: rotate(-180deg);}
 
    .mod01-lfnavbox .lfnav .superul{display: none; margin:10px 0 0 2.5%; padding:0 10px 10px;}
    .mod01-lfnavbox .lfnav .superul .supli.current {background-color: var(--color1);}
    .mod01-lfnavbox .lfnav .superul .supli.current .superli h3{color:#fff;}
    .mod01-lfnavbox .lfnav .superul .supli:hover .subul{display: none;}
    .mod01-lfnavbox .lfnav .superul>li{float:left;box-sizing: border-box; width:30.8%;margin:0 2.5% 5px 0; border-radius:15px; border:1px solid #ccc; text-align:center;}
    .mod01-lfnavbox .lfnav .superul>li:hover{background-color:var(--color1);}
    .mod01-lfnavbox .lfnav .superul .supli.current .subul{display: none;}
    .mod01-lfnavbox .lfnav .superul .supli:hover .superli h3{color:#fff;}
    .mod01-lfnavbox .lfnav .superul .superli {float: none;margin:0; padding:6px 2%; background:none;}
    .mod01-lfnavbox .lfnav .superul .superli i{display: none;}
    .mod01-lfnavbox .lfnav .superul .superli h3{color:#333; font-weight: normal; font-size:14px;}
    .mod09-lfctact{display:none;}

    .listprod-main .rtbox{width: 100%; padding-right: 2%;}
    .mod02-imglist{margin-top: 15px;  margin-right: 4%;}
    .mod02-imglist li{width: 46%; padding: 0 0 0 4%; margin-bottom:5px;}
    .mod02-imglist .prodli .prodpic{height: 240px;}
    .mod02-imglist .prodli .prodtitl{padding:0 5px;}
    /* .mod02-imglist .prodli .prodtitl h4{font-weight: normal;} */

    .mod05-imglist .listbox .child .childSub{display: none;}
    .mod05-imglist .listbox .child .childInfo{display: none;}

    .mod15-arclist{border-top:15px solid #eee; padding: 25px 20px 0 20px;  margin: 0 0 40px 0;}


/*=============================*/
/*== arctic-imgprod(详情)===*/
/*=============================*/
    .articprod-main{width:100%; padding: 0;}
    .articprod-main .infobox .lfsider{width: 100%;}
    .mod03-rtprodctent{width: 95%;  margin:10px 0;  padding: 0 2.5%;}
    .mod03-rtprodctent .head .left{float:none; width:100%}
    .mod03-rtprodctent .head .left .banner{width: 100%; max-width:550px;height:auto; }
    .mod03-rtprodctent .head .left .banner img{display:none;max-width:100%;max-height:100%}
    .mod03-rtprodctent .head .left .childs{width:94%; padding: 12px 3% 0 3%; height: 60px;}
    .mod03-rtprodctent .head .left .childs .child{width:21%; height:60px; margin:0 2%;border:none;}
    .mod03-rtprodctent .head .left .childs .child img{width:100%;height:100%;vertical-align:middle}
    .mod03-rtprodctent .head .left .childs .leftBtn{position:absolute;left:0;top:30px;}
    .mod03-rtprodctent .head .left .childs .rightBtn{position:absolute;right:0;top:30px;}
    .mod03-rtprodctent .head .left .childs .logoBtn{width:3%; cursor:pointer;}
    .mod03-rtprodctent .head .right .info{padding:20px 0 20px 0;}
    .mod03-rtprodctent .head .right{width:100%; margin:0;}
    .mod03-rtprodctent .advtag{ padding:10px 0;}
    .mod03-rtprodctent .content{margin-top:20px;}
    .mod03-rtprodctent .content .left{width:100%;float:none;}
    .mod03-rtprodctent .content .right{border: none; padding:0;}
    .mod03-rtprodctent .content .right .title{font-size:16px;line-height:22px}
    .mod03-rtprodctent .content .right .info{padding:22px 0;line-height:22px;font-size:14px}
    .mod03-rtprodctent .content .right .child h2{margin:35px 0 15px 0;}
    .mod03-rtprodctent .content .right .child h2 i{padding-right: 8px;}
    .mod03-rtprodctent .page{margin-bottom: 10px;}
    .mod03-rtprodctent .page>div{padding:5px 10px;}


    /* hotbox03 */
    .articprod-main .infobox .hotbox03 {width: 95%; margin: 0 0; padding:20px 2.5%; border-top: 15px solid #eee;}
    .mod08-imglist{ border:none;  border-radius: 0; width: 100%;}
    .mod08-imglist .titl h3{font-size:16px; padding:9px 0;}
    .mod08-imglist .list {padding: 0; }
    .mod08-imglist .list li:nth-child(2n-1) {width: 44%; margin: 0 2% 15px 4%;}
    .mod08-imglist .list li:nth-child(2n) {width: 44%;  margin: 0 4% 15px 2%;}
    .mod08-imglist .list li .hotpic {width: 100%;  height: 240px; border:none;}

    /* .mod-tbslider */
    .mob-tbslider{padding:5px 2.5% 20px;}
    .mod-tbslider{width:100%; padding:0; margin:0;}

    /* hotbox01 */
    .articprod-main .hotbox1{padding:20px 2.5%;     border-top: 15px solid #eee;}
    .mod04-subtitl{height:24px;padding-bottom:20px}
    .mod04-subtitl span{line-height:24px;font-size:18px;padding-right:20px}
    .mod04-subtitl .sub{height:6px;top:10px}

    .mod05-imglist{width: 100%;}
    .mod05-imglist .child{margin:0 0 15px 0;}
    .mod05-imglist a:nth-child(2n-1) .child{float: left; width: 48%;}
    .mod05-imglist a:nth-child(2n) .child{float: right; width: 48%;}
    .mod05-imglist .child .childImg{width:100%;height:auto;line-height:normal; margin-top:15px;}
    .mod05-imglist .child .childSub{width:100%; }

    /* .hotbox-relartic */
    .hotbox-relartic{margin: 0 0 25px 0; padding:25px 2.5% 0; border-top:15px solid #eee;}
    .mod13-arclist .listul li{width:44%;}

    /* hotbox02 */ 
    .articprod-main .hotbox2{padding:20px 2.5%; border-top: 15px solid #eee;}
    .mod07-articlist .art-ul .art-li{ width:50%;  }

    /* advant */
    /* .advant .pc-img{display: none;} */
    .advant .wap-img{display: block;}


/*=============================*/
/*======= for list-news =======*/
/*=============================*/
    /* listnwestag-main */
    .listnwestag-main {width: 95%; padding: 0 2.5%;}
    .listnwestag-main .ctain{width: 100%;}
    .mod10-navtag ul li{padding:0 5px;}

    /* listnews-main */
    .listnews-main{width:100%;}
    .listnews-main .ctain{width:100%;}
    .listnews-main .ctain .lfbox{float:none; width: 95%; padding:0 2.5%;}
    .mod11-newslist .newsli .ctentbox{ width: 70%; margin-left:2.8%;}
    .mod11-newslist .newsli .ctentbox .ctent{-webkit-line-clamp:1;line-clamp:1;-moz-line-clamp:1;-o-line-clamp:1;}

    .listnews-main .ctain .rtbox{float:left; width:100%;}
    .listnews-main .ctain .rtbox .box01{border: none;   border-top: 15px solid #eee; border-radius: 0; padding: 20px 2.5% 0;}
    .mod12-hotlist .listul .listli{width:48%;}
    .mod12-hotlist .listul .listli:nth-child(odd){margin-right: 4%;}
    .mod12-hotlist .listul .listli .titl{width: 64%;}
    .mod12-hotlist .listul .listli .titl h4{font-weight: normal;}
    .listnews-main .ctain .rtbox .box02{border: none;   border-top: 15px solid #eee; border-radius: 0; padding: 20px 2.5% 0;}

/*=============================*/
/*======= for artic-news =======*/
/*=============================*/
    /* articnews-main */
    .articnews-main .ctain{width: 100%;}
    .articnews-main .ctain .lfbox{float:none; width: 95%; margin:15px auto 0;}

    .mod13-newsctent .mainHead .titl {	line-height:40px;	font-size:24px;}
    .mod13-newsctent .mainHead .time {	font-size:14px;	line-height:24px;	padding-top:7;}
    .mod13-newsctent .mainContent p {	font-size:15px;	line-height:24px;	padding:8px 0;}
    .mod13-newsctent .mainContent div {	font-size:15px;	line-height:24px;	padding:8px 0;}
    .mod13-newsctent .mainContent span {	font-size:15px;	line-height:24px;	padding:8px 0;}

    .articnews-main .ctain .lfbox .mod15-arclist {padding: 25px 0 0 0; margin: 25px 0 0 0;}

    .articnews-main .ctain .lfbox .mob-tbslider2{margin-top: 25px;}

    .articnews-main .ctain .rtbox{float:left; width:100%;}
    .articnews-main .ctain .rtbox .box01{border: none;   border-top: 15px solid #eee; border-radius: 0; padding: 20px 2.5% 0;margin-top:20px;}
    .articnews-main .ctain .rtbox .box02{border: none;   border-top: 15px solid #eee; border-radius: 0; padding: 20px 2.5% 0;}
    .articnews-main .ctain .rtbox .box03{display: none;}
    .articnews-main .ctain .rtbox .mod-tbslider{padding:15px 2.5% 0;width: auto;}

    /* articnews-abt */
    .articnews-abt .ctain {width: 95%;	margin: 25px auto 40px;	padding: 25px 2.5% 0;	border-top: 15px solid #eee;}
    .articnews-abt .ctain .mod04-subtitl{padding-bottom: 15px;}
    .mod14-articlist .listul .listli{ width:48%; margin-right: 4%;}
    .mod14-articlist .listul .listli:nth-child(even){margin-right:0;}
    .mod14-articlist .listul .listli .titl {width: 50%;}
    .mod14-articlist .listul .listli .titl  h4{font-weight: normal;}


/*=============================*/
/*======for list-yeji======*/
/*=============================*/
    /* listyeji-main */
    .listyeji-main .ctain{width: 100%;}
    .listyeji-main .ctain .banbox img{width:100%; height:auto;}
    .mod15-navbox {width: 99%;  margin:10px 0  10px 1%; }
    .mod15-navbox ul li{margin-right: 1%;  width: 24%;  margin-bottom: 5px;}
    .mod15-navbox ul li h3 {font-size: 14px; font-weight: normal;}
    .listyeji-main .ctain .listbox .mod02-imglist{margin-right: 3%;}
    .listyeji-main .ctain .listbox .mod02-imglist li{width: 47%; margin:0 0 10px 3%; padding:0; }

    /* listyeji-abt */
    .listyeji-abt .ctain {width: 95%;	margin: 25px auto 40px;	padding: 25px 2.5% 0;	border-top: 15px solid #eee;}
    .listyeji-abt .ctain .mod04-subtitl{padding-bottom: 15px;}

/*=============================*/
/*======for artic-yeji======*/
/*=============================*/
    .articyeji-nav .ctain{width:100%;}
}

/* =================  <= 640px;  width:100%; ==================================== */
@media all and (max-width:640px){
/*=============================*/
/*======= for list-chanping =======*/
/*=============================*/
    .mod01-lfnavbox .lfnav .titl h3{font-size:16px;}
    .mod03-rtprodctent .page>div {width: 100%;  padding:5px 0; margin:5px 0;}
    .mod07-articlist .art-ul .art-li {width: 100%;border-bottom: 1px dashed #ccc; margin-bottom: 10px;}
    .mod02-imglist .prodli .prodpic{height: 175px;}
    .mod08-imglist .titl h3{font-size:16px; padding:10px 0;}
    .mod08-imglist .list li .hotpic {width: 100%;  height:175px;}
    .mod15-arclist{padding:20px 3% 0;}
    .mod15-arclist .listul li span{display: none;}




/*=============================*/
/*======= for list-news =======*/
/*=============================*/
    /* listnews-main */
    .mod11-newslist{padding-top:15px;}
    .mod11-newslist .newsli{margin-bottom:15px; padding-bottom:15px;}
    .mod11-newslist .newsli .imgbox{width:27%; height:auto; max-height: 85px;}
    .mod11-newslist .newsli .ctentbox {width: 69%; margin-left: 4%;}
    .mod11-newslist .newsli .ctentbox .titl{font-size: 14px;}
    .mod11-newslist .newsli .ctentbox .date{margin:5px 0;}
    .listnews-main .ctain .lfbox .pagebox{margin-bottom:0;}

    .mod12-hotlist .listul .listli{width: 44%; border:1px solid #ccc; margin:10px calc(3% - 1px) !important;  background-color: var(--color1);}
    .mod12-hotlist .listul .listli .imgbox {text-align: center;  float: none;  width: 100%;  height: auto;}
    .mod12-hotlist .listul .listli .imgbox img {width: 100%;  height:auto;   border: none;  border-radius: 0; }
    .mod12-hotlist .listul .listli:hover .imgbox img{border:none;}
    .mod12-hotlist .listul .listli .titl{width: 90%;  height: 38px;  margin: 4px  auto  8px;   float: none; text-align: center;}
    .mod12-hotlist .listul .listli .titl h4{color: #fff;}

/*=============================*/
/*======= for artic-news =======*/
/*=============================*/
	/* articnews-main */
	.mod13-newsctent  .mainHead .title {	line-height:26px;	font-size:20px;}
	.mod13-newsctent  .mainHead .time {	font-size:14px;	line-height:20px;	padding-top:4;}
	.mod13-newsctent  .mainContent p {	font-size:16px;	line-height:28px;	padding:6px 0;}
	.mod13-newsctent  .mainContent div {	font-size:16px;	line-height:28px;	padding:6px 0;}
	.mod13-newsctent  .mainContent span {	font-size:16px;	line-height:28px;	padding:6px 0;}
	.mod13-newsctent .page>div {width: 95%; padding: 5px 2.5%;	margin: 5px 0;	}

    /* articnews-abt */
    .articnews-abt .ctain {margin:25px auto 15px;}
	.mod14-articlist .listul .listli{width: 100%; border-bottom: 1px dashed #ccc;
        margin: 0 0 10px 0 !important;  padding-bottom: 10px;}
    .mod14-articlist .listul .listli:nth-child(n+9){display: none;}
	.mod14-articlist .listul .listli .imgbox{width: 25%; height: auto;}
	.mod14-articlist .listul .listli .imgbox img{height: auto; max-height: 65px;}
    .articnews-abt .ctain .mod14-articlist .listul .listli .imgbox img{height: 60px;}
    .mod14-articlist .listul .listli .titl{width: 70%; margin-left:5%;}
    

/*=============================*/
/*== arctic-imgprod(详情)===*/
/*=============================*/
    /* hotbox-relartic: 相关文章列表 2*5  */
    .mod13-arclist .listul{overflow: hidden;}
    .mod13-arclist .listul li{ width:100%; }
    .mod13-arclist .listul li:nth-child(even){margin-left:0;}

}