/* ltprod-ban */
@media all{
    .ltprod-ban-wp{width: 100%;}
    .ltprod-ban-wp .ctain{padding-top:70px; text-align: center;}
    .ltprod-ban-wp .ctain img{width: 100%; height:400px;}
}
@media all and (max-width:640px){
    .ltprod-ban-wp .ctain{height: 200px;  overflow: hidden; padding-top:40px;}
    .ltprod-ban-wp .ctain img{height: 100%;}
}

/* ltprod-main */
@media all{
    .ltprod-main-wp{width: 100%;}
    .ltprod-main-wp .ctain{width: 1200px; margin:0 auto;}
    .mod-crumbs01{border-bottom:1px solid #eee; padding-bottom: 10px; margin:15px auto 18px;}
    .mod-crumbs01 i{padding-top:6px;}
    .mod-crumbs01 i span{padding-left: 5px;}
    .ltprod-main-wp .ctain .m-prodnav{display: none;}
    .ltprod-main-wp .ctain .prod{width:100%; margin-top:5px;}

    .mod-pages01{display:flex; margin: 20px auto;}
    .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:640px){
    .ltprod-main-wp .ctain{width: 100%;}
    .mod-crumbs01{padding:10px 3%; margin:0 auto; border-bottom: none; background: #eee;}
    .mod-crumbs01 i{padding:6px 5px 0 0;}
    .mod-crumbs01 i span{display: none;}
    .mod-crumbs01 strong{display: none;}

    .ltprod-main-wp .ctain .m-prodnav{display: block; margin-top: 10px;}
    .ltprod-main-wp .ctain .m-prodnav ul li{float:left; width: 31.33%;margin:0 0 5px 1.5%; display: flex; align-items: center; justify-content: center; height: 50px; border:1px solid #555;overflow: hidden;}
    .ltprod-main-wp .ctain .m-prodnav ul li p{text-align: center; color:#555; line-height: 20px; padding:0 8px;}
    .ltprod-main-wp .ctain .m-prodnav ul li:hover{background: var(--color1);}
    .ltprod-main-wp .ctain .m-prodnav ul li:hover p{color:#fff;}
    .ltprod-main-wp .ctain .m-prodnav ul li.current{background: var(--color1);}
    .ltprod-main-wp .ctain .m-prodnav ul li.current p{color:#fff;}
    .ltprod-main-wp .ctain .prod .mod-sidenav01{display: none;}
}

/* artprod-main */
@media all {
    .artprod-main-wp{width: 100%; }
    .artprod-main-wp .ctain{width:1200px; margin:0 auto;}
    .artprod-main-wp .ctain .main{margin-top: 20px;}
    .artprod-main-wp .ctain .main .lfbar{float: left; width: 220px; margin-right: 20px;}

    .mod-sidenav02{float: left;width: 220px; margin-right:20px; overflow:hidden;}
    .mod-sidenav02 .supul .supli_titl{position: relative; padding:10px 0 10px 20px; background:var(--color2);}
    .mod-sidenav02 .supul .supli_titl i{position: absolute; font-size: 25px; width: 25px; height: 25px; right: 5px; top:10px; color:#fff; }
    .mod-sidenav02 .supul .supli_titl p{color:#fff; font-weight: bold;}
	.mod-sidenav02 .supul .subul{border:1px solid #eee; margin-bottom:15px;}
    .mod-sidenav02 .supul .subul .subli{ padding:5px 0 5px 30px;background: url(../img/common/listpointer.png)  no-repeat 15px center;}
    .mod-sidenav02 .supul .subul .subli p{color:#666; font-size:14px; font-weight: normal;}
    .mod-sidenav02 .supul .subul .subli p:hover{color:var(--color1);}
    .mod-sidenav02 .supul .subul .subli.current p{color:var(--color1); font-weight: bold;}

    .mod-artprod{float:right; width: 960px; margin-bottom: 50px; padding-left: 20px; font-size:15px; }
    .mod-artprod .titlbox h1{text-align:center; font-size:20px; padding-bottom:20px;}
    .mod-artprod .dashed{width: 100%; border-bottom:1px dashed #ccc; margin-bottom:30px;}
    .mod-artprod .pubbox{text-align: center; padding:20px 0;  border-top:1px  dashed #ccc; border-bottom:1px  dashed #ccc;    margin-bottom: 20px;}
    .mod-artprod .pubbox p{display: inline-block; color:#aaa;}
    .mod-artprod .pubbox p span{font-weight: bold; margin-left: 5px;}
    .mod-artprod .headbox{margin-bottom: 10px;}
    .mod-artprod .headbox .lf{float:left;}
    .mod-artprod .headbox .lf img{width:480px; height: 320px;}
    .mod-artprod .headbox .rt{float:left; width:410px; margin-left:40px; color:#555; line-height: 28px;}
    .mod-artprod .headbox .rt .bt1{padding:0 10px; margin-left:10px; background-color: var(--color1); color:#fff; border-radius: 3px;}
    .mod-artprod .headbox .rt .bt2{margin:5px 0; padding:10px 30px; font-size:16px; background-color: #ee8800; color:#fff; border-radius:5px;}
    .mod-artprod .xxjsbox{display:none; margin:40px 0 20px; padding:20px 0; border-top:1px dashed #ccc;  border-bottom: 1px dashed #ccc; font-weight: bold; font-size: 18px;  color: #555;}
    .mod-artprod .ctentbox h3{color: var(--color1);  border-bottom: 1px solid #ccc;  margin-bottom: 15px; padding: 15px 0;}
    .mod-artprod .ctentbox h3 i{padding-right: 10px;}
    .mod-artprod .ctentbox h4{font-size: 15px; color: #ee8800; margin:5px 0;}
    .mod-artprod .ctentbox ul{padding-left:30px;}
    .mod-artprod .ctentbox ul li{list-style: disc;}
    .mod-artprod .ctentbox img {width: 100%; margin-bottom:5px;}
    .mod-artprod .horline {width:100%; border-bottom:1px solid #999; margin:20px 0;}

    .mod-pages02>div {width:40%; border-radius: 25px;background: #eee; padding:8px 20px; text-align:center;}
    .mod-pages02 .prepage{float: left; }
    .mod-pages02 .nextpage{float: right;}
    .mod-pages02>div:hover {background-color: var(--color1); color:#fff;}
    .mod-pages02>div:hover a { color:#fff;}
}
@media all and (max-width:640px){
    .artprod-main-wp .ctain{width: 100%;}
    .artprod-main-wp .ctain .main{margin-top: 0;}
    .artprod-main-wp .ctain .main .lfbar{width: 100%; margin:0 auto;}
    .artprod-main-wp .ctain .main .lfbar .mod-sidenav01{display: none;}

    .mod-sidenav02{width: 100%; margin:0 auto;}
	.mod-sidenav02 .supul .supli{width: 100%;border-bottom: 1px solid #eee;}
	.mod-sidenav02 .supul .supli_titl{padding:5px 3%; background: unset;}
    .mod-sidenav02 .supul .supli_titl p{color:#555;}
    .mod-sidenav02 .supul .supli_titl i{top:7px; right: 2.5%; transform: rotate(90deg); color:#555;}
    .mod-sidenav02 .supul .supli.current .supli_titl{background:var(--color1);}
    .mod-sidenav02 .supul .supli.current .supli_titl p{color:#fff;}
    .mod-sidenav02 .supul .supli.current .supli_titl i{ color:#fff;}
    .mod-sidenav02 .supul .supli_titl.cur i{top:4px; right: 2.5%; transform: rotate(270deg);}
    .mod-sidenav02 .supul .supli .subul {display:none; border: none; margin-bottom: 0;}
    .mod-sidenav02 .supul .supli.current .subul {display:block;}

    .mod-artprod{width:100%; margin-bottom: 0; padding:0 3%;}
    .mod-artprod .titlbox h1{ margin-bottom:20px; padding:20px 0; border-bottom:1px solid rgba(226, 219, 220, 0.65);}
    .mod-artprod .dashed{display: none;}
    .mod-artprod .headbox{padding-bottom: 15px;}
    .mod-artprod .headbox .lf img{width:100%; height: auto;}
    .mod-artprod .headbox .rt{ width:100%; margin-left:1.5%; margin-top:15px;}
    .mod-artprod .headbox .rt .zixun{text-align: center; margin-top:10px;}
    .mod-artprod .xxjsbox{margin:0; }
    .mod-artprod .ctentbox img{width: 100%;}

    .mod-pages02>div {width:100%; margin:5px 0; text-align: left;}
    .mod-pages02 .prepage{float: left; }
    .mod-pages02 .nextpage{float: left;}
    .mod-pages02>div:hover {background-color: #ee8800; color:#fff;}
    .mod-pages02>div:hover a { color:#fff;}
}

/* artprod-list */
@media all{
	.artprod-list-wp{width:100%;}
	.artprod-list-wp .ctain{width: 1200px; margin:30px auto 20px;}
	.artprod-list-wp .ctain .lfbox{float:left; width: 450px;}
	.artprod-list-wp .ctain .titlbox{width: 100%;padding-bottom:15px; border-bottom:1px solid #999;}
	.artprod-list-wp .ctain .titlbox span{font-size: 24px; padding-bottom:15px; border-bottom:4px solid var(--color1);}
	.artprod-list-wp .ctain .titlbox em {display: block;float: right;width: 25px;height: 25px;line-height: 25px;border-radius: 50%;text-align: center; background: var(--color1);font-size:20px; color: #fff;margin-top: 2px;}

	.artprod-list-wp .ctain .lfbox .ulem .liem{margin:20px 0;}
    .artprod-list-wp .ctain .lfbox .ulem .liem:nth-child(n+4){display: none;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .itembox{display: flex; align-items: center;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .lfimg{float:left; width: 130px; height:80px; margin-right: 25px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent{float:left; width:295px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent .titl{float:left; width: 100%; height: 33px; line-height: 30px; font-weight: bold; font-size:16px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent .date{float:right; height: 40px; line-height: 40px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent .dscrp{float:left; width: 100%;}

    .artprod-list-wp .ctain .midbox{float: left; width: 325px; margin:0 0 0 50px;}
    .artprod-list-wp .ctain .midbox ul{margin-top:20px;}
    .artprod-list-wp .ctain .midbox ul li{height:33px;}
    .artprod-list-wp .ctain .midbox ul li i{padding-right:10px;}

	.artprod-list-wp .ctain .rtbox{float:left; width: 325px; margin:0 0 0 50px;}
	.artprod-list-wp .ctain .rtbox .marqbox {overflow:hidden;height:285px; margin:20px 0 0;}
	.artprod-list-wp .ctain .rtbox .wenda{overflow: hidden;margin-top: 30px;}
	.artprod-list-wp .ctain .rtbox .wenda .wen{overflow: hidden;}
	.artprod-list-wp .ctain .rtbox .wenda .wen em{display: block;float: left;width: 30px;height: 30px; line-height: 30px; border-radius: 50%;text-align: center; background: var(--color1); color:#fff; margin-right: 10px;}
	.artprod-list-wp .ctain .rtbox .wenda .wen span{font-size: 14px;color:var(--color2);}
	.artprod-list-wp .ctain .rtbox .wenda .da{margin-top: 5px; overflow: hidden;}
	.artprod-list-wp .ctain .rtbox .wenda .da em{display: block;float: left;width: 30px;height: 30px; line-height: 30px; border-radius: 50%;text-align: center; background: #C8C8C8; color:#fff;  margin-right: 10px;}
	.artprod-list-wp .ctain .rtbox .wenda .da span{color:#666;}
}
@media all and (max-width:640px){
	.artprod-list-wp .ctain{width: 100%; padding:0 3%;}
	.artprod-list-wp .ctain .lfbox{width: 100%; margin:0;}
	.artprod-list-wp .ctain .titlbox span{font-size: 20px; }
	.artprod-list-wp .ctain .lfbox .ulem .liem{margin:15px 0;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .lfimg{ width: 25%;  margin-right: 5%; height: auto; max-height: 60px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent{width:70%;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent .titl{float:left; width:100%; height: 20px; line-height: 20px; font-weight: bold; font-size:14px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent .date{float:left; height: 20px; line-height: 20px; margin-top:5px;}
	.artprod-list-wp .ctain .lfbox .ulem .liem .rtctent .dscrp{display: none;}
    .artprod-list-wp .ctain .midbox{width: 100%; margin:20px 0 0;}
	.artprod-list-wp .ctain .rtbox{width: 100%; margin:20px 0 0;}
	.artprod-list-wp .ctain .rtbox .wenda{margin-top: 15px;}
}

/* ltnews-main */
@media all {
    .ltnews-main-wp{width: 100%; }
    .ltnews-main-wp .ctain{width:1200px; margin:0 auto;}
    .ltnews-main-wp .ctain .main{margin-top: 20px;}
    .ltnews-main-wp .ctain .main .lfbar{float: left; width: 220px; margin-right: 20px;}

    .mod-ltnews{float:left; width: 960px; padding-left: 20px;}
    .mod-ltnews .typetitl{padding-bottom:15px; margin-bottom:20px; border-bottom:1px solid #eee;}
    .mod-ltnews .typetitl strong{font-size: 20px; font-weight: bold; padding-bottom: 15px; border-bottom: 3px solid var(--color1);}
    .mod-ltnews .ulbox .newsli{padding:20px 40px; border:1px solid #eee; box-shadow: 0 2px 4px 0 #eee; border-radius:10px; margin-bottom: 20px;}
    .mod-ltnews .ulbox .newsli a{display: flex; justify-items: center; align-items: center;}
    .mod-ltnews .ulbox .newsli .imgbox{width:180px; height:120px;float: left; overflow:hidden;}
    .mod-ltnews .ulbox .newsli .imgbox img{width: 100%; height: 100%; transition: all .5s ease-in-out;}
    .mod-ltnews .ulbox .newsli .ctentbox{float: left; width: 635px; margin-left:40px;}
    .mod-ltnews .ulbox .newsli .ctentbox .titl{color: #666;}
    .mod-ltnews .ulbox .newsli .ctentbox .date{margin:10px 0;}
    .mod-ltnews .ulbox .newsli .ctentbox .date i{padding-right:10px;}  
    .mod-ltnews .ulbox .newsli:hover .imgbox img{transform:scale(1.1,1.1);}
    .mod-ltnews .ulbox .newsli:hover{ box-shadow: 0 0 4px 0 var(--color1); }
    .mod-ltnews .ulbox .newsli:hover .ctentbox .titl{color: var(--color1); }
}
@media all and (max-width:640px){
    .ltnews-main-wp .ctain{width: 100%;}
    .ltnews-main-wp .ctain .main{margin-top: 0;}
    .ltnews-main-wp .ctain .main .lfbar{display: none;}

    .mod-ltnews{float:left; width: 100%; padding:0 3%;}
    .mod-ltnews .typetitl{padding-bottom:10px; margin-bottom:10px;  margin-top:10px;}
    .mod-ltnews .typetitl strong{font-size:16px; padding-bottom: 10px;}
    .mod-ltnews .ulbox{padding-top:10px;}
    .mod-ltnews .ulbox .newsli{padding:10px 4%;}
    .mod-ltnews .ulbox .newsli .imgbox{width:27%; height:auto; max-height: 85px;}
    .mod-ltnews .ulbox .newsli .ctentbox {width: 69%; margin-left: 4%;}
    .mod-ltnews .ulbox .newsli .ctentbox .titl{font-size: 14px;}
    .mod-ltnews .ulbox .newsli .ctentbox .date{display: none;}
    .mod-ltnews .ulbox .newsli .ctentbox .ctent{display: none;}
}

/* artnews-main */
@media all {
    .artnews-main-wp{width: 100%; }
    .artnews-main-wp .ctain{width:1200px; margin:0 auto;}
    .artnews-main-wp .ctain .main{margin-top: 20px;}
    .artnews-main-wp .ctain .main .lfbar{float: left; width: 220px; margin-right: 20px;}

    .mod-artnews{float:right; width: 960px; padding-left: 20px;}
    .mod-artnews .titlbox h1{text-align:center; font-size:20px; padding-bottom:30px;}
    .mod-artnews .pubbox{text-align: center; padding:20px 0;  border-top:1px  dashed #ccc; border-bottom:1px  dashed #ccc;    margin-bottom: 20px;}
    .mod-artnews .pubbox p{display: inline-block; color:#aaa;}
    .mod-artnews .pubbox p span{font-weight: bold; margin-left: 5px;}
    .mod-artnews .ctentbox{font-size:15px;}
    .mod-artnews .ctentbox h2{color: var(--color1);  background: url(../img/common/bg_underline.png) no-repeat 0 bottom;  background-size: 85px; padding: 15px 0; font-size:1.2em;}
    .mod-artnews .ctentbox h3{font-size: 15px; color: #ee8800; margin:5px 0;}
    .mod-artnews .ctentbox strong{font-weight:bold;}
    .mod-artnews .ctentbox ul{padding-left:30px;}
    .mod-artnews .ctentbox ul li{list-style: disc;}
    .mod-artnews .ctentbox img {width: 100%; margin-bottom:5px;}
    .mod-artnews .ctentbox a{font-weight: bold;    text-decoration: underline;    padding: 0 2.5px;    color: #ff9945;}
    .mod-artnews .horline {width: 100%; border-bottom: 1px solid #999; margin: 20px 0;}
}
@media all and (max-width:640px){
    .artnews-main-wp .ctain{width: 100%;}
    .artnews-main-wp .ctain .main{margin-top: 0;}
    .artnews-main-wp .ctain .main .lfbar{display: none;}

    .mod-artnews{width: 100%; padding:0 3%;}
    .mod-artnews .titlbox h1{padding:20px 0;}

}

/* artnews-abtprod */
@media all{
    .artnews-abtprod-wp{width: 100%;}
    .artnews-abtprod-wp .ctain{width:1200px; margin:20px auto 40px; }
    .artnews-abtprod-wp .ctain .titlbox{background: #ddd;}
    .artnews-abtprod-wp .ctain .titlbox .titl{width:220px ;padding:10px 0 10px 20px; background-color: var(--color1);}
    .artnews-abtprod-wp .ctain .titlbox .titl i{color:#fff; font-size: 20px; padding-right: 10px;}
    .artnews-abtprod-wp .ctain .titlbox .titl span{color:#fff; font-size:20px;}
    .artnews-abtprod-wp .ctain .ulbox{margin:30px auto 0;}
    .artnews-abtprod-wp .ctain .ulbox .libox{float:left; width:270px; margin-right:40px; text-align: center; border:1px solid #f1f1f1;}
    .artnews-abtprod-wp .ctain .ulbox .libox:nth-child(4n){margin-right: 0;}
    .artnews-abtprod-wp .ctain .ulbox .libox:hover{box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);}
    .artnews-abtprod-wp .ctain .ulbox .libox .imgbox{width: 269px; height: 195px; overflow: hidden; position: relative;}
    .artnews-abtprod-wp .ctain .ulbox .libox .imgbox img{width: 100%; height: 100%; transition: all 0.5s ease-in-out;}
    .artnews-abtprod-wp .ctain .ulbox .libox:hover .imgbox img{transform: scale(1.1);}

    .artnews-abtprod-wp .ctain .ulbox .libox .imgbox i{display: block; position: absolute; z-index: 3 ;width: 100%; height: 100%; transition: all 0.5s ease-in-out; top:180px;}
    .artnews-abtprod-wp .ctain .ulbox .libox:hover .imgbox i{background:var(--color1); opacity: 0.3;;top:0;}

    .artnews-abtprod-wp .ctain .ulbox .libox .textbox{padding:15px 10px;}
    .artnews-abtprod-wp .ctain .ulbox .libox .textbox strong{display:block; font-weight: bold; font-size: 16px;  padding:10px 0;}
    .artnews-abtprod-wp .ctain .ulbox .libox .textbox span{display: inline-block; padding:5px 40px;  border-radius: 20px;  border:1px solid #f1f1f1; margin:20px auto 10px;}
    .artnews-abtprod-wp .ctain .ulbox .libox:hover .textbox span{color:#fff; background:var(--color1); transition:all 0.5s ease-in-out;}
}
@media all and (max-width:640px){
    .artnews-abtprod-wp .ctain{width: 100%; margin: 20px auto 10px;}
    .artnews-abtprod-wp .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 3%; background-color: var(--color1);}
    .artnews-abtprod-wp .ctain .titlbox .titl h3{ font-size:18px;}
    .artnews-abtprod-wp .ctain .ulbox{padding:0 3%; margin:15px auto 0;}
    .artnews-abtprod-wp .ctain .ulbox .libox{width: 47%; margin-right: 6%; margin-bottom:15px;}
    .artnews-abtprod-wp .ctain .ulbox .libox:nth-child(even){margin-right: 0;}
    .artnews-abtprod-wp .ctain .ulbox .libox .imgbox{width: 100%; height: auto;}
    .artnews-abtprod-wp .ctain .ulbox .libox .textbox{padding:0;}
    .artnews-abtprod-wp .ctain .ulbox .libox .textbox span{margin:10px auto; padding:3px 15px;}

}

/* artnews-abtart */
@media all {
    .artnews-abtart-wp{width: 100%;}
    .artnews-abtart-wp .ctain{width:1200px; margin:0 auto 40px;}
    .artnews-abtart-wp .ctain .titlbox{background: #ddd;}
    .artnews-abtart-wp .ctain .titlbox .titl{width:220px ;padding:10px 0 10px 20px; background-color: var(--color1);}
    .artnews-abtart-wp .ctain .titlbox .titl i{color:#fff; font-size: 20px; padding-right: 10px;}
    .artnews-abtart-wp .ctain .titlbox .titl span{color:#fff; font-size:20px;}
    .artnews-abtart-wp .ctain .listul{margin:20px 0;}
    .artnews-abtart-wp .ctain .listul .listli{float:left; margin:10px 40px 10px 0; width:270px;}
    .artnews-abtart-wp .ctain .listul .listli:nth-child(4n){margin-right:0;}
    .artnews-abtart-wp .ctain .listul .listli a{display: flex; justify-content: center; align-items: center;}
    .artnews-abtart-wp .ctain .listul .listli .imgbox{float:left; width:100px; height:60px;}
    .artnews-abtart-wp .ctain .listul .listli .imgbox img{width:100%; height: 100%; border:1px solid #ccc;}
    .artnews-abtart-wp .ctain .listul .listli .titl{float:left; width: 150px;  margin-left: 20px;}
    .artnews-abtart-wp .ctain .listul .listli .titl h4{color:#666;}
    .artnews-abtart-wp .ctain .listul .listli:hover .imgbox img{border:1px solid var(--color1);}
    .artnews-abtart-wp .ctain .listul .listli:hover .titl h4{color:var(--color1);}

}
@media all and (max-width:640px){
    .artnews-abtart-wp .ctain{width:100%; margin-bottom: 15px;}
    .artnews-abtart-wp .ctain .titlbox .titl{width: 100%; padding: 10px 0 10px 3%; background-color: var(--color1);}
    .artnews-abtart-wp .ctain .titlbox .titl h3{ font-size:18px;}
    .artnews-abtart-wp .ctain .listul{margin:10px 2.5% 0;}
    .artnews-abtart-wp .ctain .listul .listli{width: 100%; border-bottom: 1px dashed #ccc;  margin: 0 0 10px 0 !important;  padding-bottom: 10px;}
    .artnews-abtart-wp .ctain .listul .listli .imgbox{width: 25%; height: auto;}
    .artnews-abtart-wp .ctain .listul .listli .imgbox img{height: auto; max-height: 65px;}
    .artnews-abtart-wp .ctain .listul .listli .titl{width: 70%; margin-left:5%;}
    .artnews-abtart-wp .ctain .listul .listli .titl h4{font-weight: normal;}
}

/* idxabt-subnav */
@media all{
    .idxabt-subnav-wp{width: 100%; border-bottom: 1px solid #ddd; box-shadow: 0 0px 10px #777;}
    .idxabt-subnav-wp .ctain{width:1200px; margin:0 auto;}
    .idxabt-subnav-wp .ctain ul li{float: left; margin:30px 20px;}
    .idxabt-subnav-wp .ctain ul li span{padding:10px 25px;  border-radius: 20px; background-color: #ddd; box-shadow: 1px 2px 4px 0 #999; font-size: 18px;}
    .idxabt-subnav-wp .ctain ul li span:hover{background-color:var(--color1); color: #fff;}
    .idxabt-subnav-wp .ctain .current span{background-color: var(--color1); color: #fff;}
}
@media all and (max-width:640px){
    .idxabt-subnav-wp .ctain{width:100%;}
    .idxabt-subnav-wp .ctain ul{padding:10px 0;}
    .idxabt-subnav-wp .ctain ul li{ margin:10px 10px;}
    .idxabt-subnav-wp .ctain ul li span{padding:5px 15px;  border-radius: 12px; background-color: #ddd; box-shadow:0 2px 2px #666;}
}

/* idxabt-intro */
@media all{
    .idxabt-intro-wp{width:100%; }
    .idxabt-intro-wp .ctain{width:1200px; margin:0 auto 50px; }
    .mod-abtitl{text-align:center; margin:50px 0;}
    .mod-abtitl  h2{font-size:36px;}
    .mod-abtitl  .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid var(--color1);}
    .mod-abtctent .lf{float:left; width: 48.5%;} 
    .mod-abtctent .lf img{width: 100%; }
    .mod-abtctent .rt{float:left; width: 48.5%;margin-left: 3%; font-size: 16px;}
    .mod-abtctent .rt p{padding-bottom: 10px;}
    .mod-abtctent .rt li{list-style: disc; margin:10px 0;}
}
@media all and (max-width:640px){
    .idxabt-intro-wp .ctain{width:100%; margin:0 auto 20px; }
    .mod-abtitl{margin:35px 0;}
    .mod-abtitl  h2{font-size:24px;}
    .mod-abtitl  .en{font-size: 24px;}
    .mod-abtctent .lf{float:left; width:100%;} 
    .mod-abtctent .lf img{width: 100%;}
    .mod-abtctent .rt{float:left; width: 100%; padding:20px 2.5%; margin:0;}
}

/* idxabt-date */
@media all{
    .idxabt-date-wp{width: 100%; height:335px; background-image:url(../img/bg-banner.jpg); background-repeat: no-repeat;}
    .idxabt-date-wp .ctain{width:1200px; margin:0 auto;}
    .idxabt-date-wp .ctain .abt-note{padding-top:100px;}
    .idxabt-date-wp .ctain li{float:left; width: 33.3333%; text-align:center; color:#fff;}
    .idxabt-date-wp .ctain li h4{height: 60px; line-height:60px; font-size:25px;  padding-bottom:20px; margin-bottom:20px; color:#fff;}
    .idxabt-date-wp .num1, .num2{font-size:60px; color:var(--color1);}
}
@media all and (max-width:640px){
    .idxabt-date-wp{width: 100%; height:400px; background-image:url(../img/bg-banner.jpg); background-repeat: no-repeat; background-size:cover;}
    .idxabt-date-wp .ctain{width:100%; margin:0 auto;}
    .idxabt-date-wp .ctain .abt-note{padding-top:5px;}
    .idxabt-date-wp .ctain li{width: 100%;}
    .idxabt-date-wp .ctain li img{ height: 25px;}
    .idxabt-date-wp .ctain li h4{padding-bottom:0; margin-bottom:0; margin-top:10px;}
    .idxabt-date-wp .num1, .num2{font-size:40px;}
}

/* idxabt-cult */
@media all{
    .idxabt-cult-wp{width:100%; }
    .idxabt-cult-wp .ctain{width:1200px; margin:0 auto 50px; }
    .idxabt-cult-wp .ctain .mod-abtctent .rt{padding-left: 1%;}
    .idxabt-cult-wp .ctain .mod-abtctent .rt ul li span{color:var(--color1);}
}
@media all and (max-width:640px){
    .idxabt-cult-wp .ctain{width:100%; }
    .idxabt-cult-wp .ctain ul{padding:0 5%;}
    .idxabt-cult-wp .ctain .mod-abtctent .rt{padding:20px 2.5% 0;}
}

/* idxabt-qual */
@media all{
    .idxabt-qual-wp{width: 100%; background-color:#ddd;}
    .idxabt-qual-wp .ctain{width:1200px; margin:0 auto 50px;}
    .idxabt-qual-wp .mod-abtitl {padding-top: 50px;}
    .idxabt-qual-wp .mod-abtctent .lf img {width: 100%; padding-bottom: 50px; }
    .idxabt-qual-wp .mod-abtctent .rt ul li{margin-left: 15px;}
}
@media all and (max-width:640px){
    .idxabt-qual-wp .ctain{width:100%;}
    .idxabt-qual-wp .mod-abtitl {padding-top: 45px;}
    .idxabt-qual-wp .mod-abtctent .lf img {width: 100%; padding:0 3%; }
    .idxabt-qual-wp .mod-abtctent .rt{padding:20px 3% 45px;} 
}

/* idxabt-fact */
@media all{
    .idxabt-fact-wp{width:100%;}
    .idxabt-fact-wp .ctain{width: 1200px; margin:0 auto;}
    .idxabt-fact-wp .ctentbox li{float: left;width: 30.3333%;margin: 0 1.5% 40px 1.5%; border-radius: 20px;  border: 1px solid #ccc; overflow: hidden;}
    .idxabt-fact-wp .ctentbox li img{width: 100%; height: 240px;   transition: all 0.5s ease-in-out;}
    .idxabt-fact-wp .ctentbox li img:hover{transform: scale(1.05,1.05);}
}
@media all and (max-width:640px){
    .idxabt-fact-wp{width:100%;}
    .idxabt-fact-wp .ctain{width: 100%; margin:0 auto;}
    .idxabt-fact-wp .ctentbox ul{padding:0 0 30px 3%;}
    .idxabt-fact-wp .ctentbox li{width:47.5%; border-radius:10px; margin:0 2.5% 20px 0;}
    .idxabt-fact-wp .ctentbox li img{height:auto;}
}

/* idxctact-main */
@media all{
    .idxctact-main-wp{width:100%; min-width: 1280px; }
    .idxctact-main-wp .ctain{width:1280px; margin:0 auto 50px; }
    .idxctact-main-wp .titlbox{text-align:center; margin:50px 0  80px;}
    .idxctact-main-wp .titlbox  h2{font-size:36px;}
    .idxctact-main-wp .titlbox  .en{display:inline-block; font-size: 28px;font-family: fantasy; opacity: 0.6; padding: 20px 0 10px ; border-bottom:4px solid var(--color1);}
    .idxctact-main-wp .ctentbox .lfdiv{float:left;  width:33%;  padding:0 40px;}
    .idxctact-main-wp .ctentbox .midiv{float:left;  width:33%;  padding:0 40px; border-left: 1px solid rgba(152,152,152,.4);  border-right: 1px solid rgba(152,152,152,.4);}
    .idxctact-main-wp .ctentbox .toppic {text-align: center;}
    .idxctact-main-wp .ctentbox .decoline{height: 5px; background-color: var(--color1); margin:50px 0;}
    .idxctact-main-wp .ctentbox .ctact>h3{height: 27px; font-size: 20px; margin: 15px 0;  padding-left: 20px; border-left: 4px solid var(--color1);}
    .idxctact-main-wp .ctentbox .ctact p{font-size: 16px; color: #333; line-height: 30px;}
    .idxctact-main-wp .ctentbox .ctact p span {font-weight: bold; }
    .idxctact-main-wp .rtdiv{float:left;  width:33%;  padding:0 40px; text-align: center;}
    .idxctact-main-wp .rtdiv .decoline{height: 5px; background-color: var(--color1); margin:50px 0 40px 0;}
    .idxctact-main-wp .rtdiv .weixin{width:200px;}
    .idxctact-main-wp .rtdiv h4{font-size: 16px;}
}
@media all and (max-width:640px){
    .idxctact-main-wp{width: 100%; min-width: auto;}
    .idxctact-main-wp .ctain{width:100%;}
    .idxctact-main-wp .titlbox{margin:20px 0 35px;}
    .idxctact-main-wp .titlbox h2 {font-size: 28px;}
    .idxctact-main-wp .titlbox>p{display: none;}
    .idxctact-main-wp .ctentbox .lfdiv{width: 94%; padding:0; margin:0 3%;}
    .idxctact-main-wp .ctentbox .midiv{width: 94%; padding:0; margin:0 3%; border:none;}
    .idxctact-main-wp .ctentbox .decoline{margin:20px 0; height: 2px;}
    .idxctact-main-wp .midiv .toppic img{margin:0 auto;}
    .idxctact-main-wp .rtdiv{width: 96%; padding:0; margin:0 2%;}
    .idxctact-main-wp .rtdiv .decoline{margin:20px 0; height: 2px;}    
}

/* idxctact-map */
@media all{
    .idxctact-map-wp{ width: 100%;min-width: 1280px; margin-bottom: 50px;}
    .idxctact-map-wp .ctain{width: 1280px; margin:0 auto;}
    .idxctact-map-wp .ctain #map{width: 1280px; height: 500px;}
}
@media all and (max-width:640px){
    .idxctact-map-wp{ min-width: auto; }
    .idxctact-map-wp .ctain{width: 100%; }
    .idxctact-map-wp .ctain #map{width: 100%; height: 300px;}
}