@charset "utf-8";
/*
 * This is NOT a freeware, use is subject to license terms
 * @author Miscuz! <526781311@qq.com>
 * version 9.20.55
 * @support http://www.950085.com
 */

input[type=text]{-webkit-appearance:none}
input[type=password]{-webkit-appearance:none}
textarea{-webkit-appearance:none} 
@media all and (-webkit-min-device-pixel-ratio: 2){.px1{border-width:0.5px !important}}

.topdom{ position: fixed; z-index: 999999999; width: 100%; left: 0; top: 0; background: #fff;box-shadow:-16px 1px 3px rgba(0,0,0,.3) }
.top{ height: 1rem; background: #ffc; position: relative; background: url(../images/4.png) center center no-repeat; background-size: auto 60%}
.top a.wx{ position: absolute; left: .25rem; top: .25rem; height: .5rem; width: .5rem; background: url(../images/1.png) center center no-repeat; background-size: 100% 100%}
.top a.list{transition: all 0.3s ease 0s; position: absolute; right: .25rem; top: .25rem; height: .5rem; width: .5rem; background: url(../images/3.png) center center no-repeat; background-size: 100% 100%}
.top a.list.close{background: url(../images/3s.png) center center no-repeat; background-size: 100% 100%}
.top a.tel{ position: absolute; right: 1rem; top: .25rem; height: .5rem; width: .5rem; background: url(../images/2.png) center center no-repeat; background-size: 100% 100%}

.menu{transition: all 0.3s ease 0s; width: 50%; position: fixed; right: -80%; top: 1rem; background: #fff; z-index: 9999999999; padding: .2rem 0;box-shadow:rgba(0,0,0,0.2) 0 2px 6px 0}
.menu ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.menu li{ position: relative; width: 100%; padding: .3rem 0}
.menu li a{ display: block; font-size: .30rem; color: #333; text-align: center;}
.menu.show{ right: 0; }

.sl1{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.sl2{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sl3{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}

.swiper-slide {
	text-align: center;
	font-size: 0;
	background: #fff;
	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;
}


.swp1{ position: relative; width: 100%;overflow: hidden; }
.swpg{ width: 100%; left: 0; bottom: 10px; z-index: 999999; position: absolute; text-align: center; }
.swp1 .swiper-pagination-bullet{ width: 15px; height: 6px; margin: 0 2px !important; border-radius: 100px; background: #878B98; opacity: 1}
.swp1 .swiper-pagination-bullet-active{ width: 35px; background: #4E5260}
.bannera{ width: 100% }
.bannera img{ width: 100% }

.ufrm{ background: #efefef; }
.ufrm div.d1{ position: relative; padding: .1rem; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: .2rem;}
.ufrm div.d2{ width: 30%;  display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.ufrm div.d2 em{ width: .5rem; height: .5rem; margin-right: .1rem}
.ufrm div.d2 em.us{background:url(../images/7.png) center center no-repeat; background-size: auto 80%}
.ufrm div.d2 em.sj{background:url(../images/8.png) center center no-repeat; background-size: auto 80%}
.ufrm div.d2 span{ flex: 1; font-size: .25rem; color: #333; }
.ufrm div.d3{ flex: 1 }
.ufrm div.d3 input.input{ width: 100%; border: 0; font-size: .25rem; text-align: right}
.ufrm div.d4{ flex: 1 }
.ufrm div.d4 div.iradio{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.ufrm div.d4 div.iradio a{ width: 33.33%;display: flex; justify-content: flex-start; align-content: center; padding: .1rem 0}
.ufrm div.d4 div.iradio a em{ height: .3rem; width: .3rem; background: url(../images/33.png) center center no-repeat; background-size: 100% 100%; margin-right: .1rem}
.ufrm div.d4 div.iradio a em input{ display: none; }
.ufrm div.d4 div.iradio a span{ font-size: .20rem; }
.ufrm div.d4 div.iradio a.cur em{background: url(../images/34.png) center center no-repeat; background-size: 100% 100%}

.ufrmbtn button{ width: 100%; border: 0; background: #D52E2E; color: #fff; font-size: .30rem; border-radius: 3px; padding: .25rem 0 }


.buchang{}
.buchang ul{display: flex; justify-content:space-between; align-items: center; flex-wrap: wrap;}
.buchang ul li{ width: 33.33%; text-align: center; padding:.05rem}
.buchang ul li a{ display: block; position: relative;}
.buchang ul li em{display: block; padding-top: .2rem;}
.buchang ul li em img{ height: .6rem }
.buchang ul li span{display: block; font-size: .25rem; padding: .2rem 0; color: #333;}


.swiperpage{ position: absolute; width: 100%; left: 0; bottom: 10px; text-align: center; z-index: 999999}
.swiperpage em{ color: #fff; width: 60px; height: 20px; line-height: 20px; vertical-align: middle; background: rgba(0,0,0,0.6); border-radius: 100px; }
.swiperpage em i{ padding: 0 3px; font-size: .25rem;}
.swiperpage span{ font-size: .25rem; }

.chaibu{}
.chaibu div.d1{ font-size: .35rem; font-weight: bold; color: #D52E2E; text-align: center; line-height: 1; padding: .35rem 0}
.chaibu div.d2{ font-size: .25rem; color:#878B98; line-height: 2}


.alos{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.alos a{ width: 42%; }
.alos a img{ width: 100%; }
.alos em{ flex: 1; text-align: center;}
.alos em img{ width: 60%; }

.imgtxt{ text-align: center; font-size: .30rem; color: #878B98; line-height: 1.5; padding-top: .2rem }

.huanjing{}
.huanjing a{ display: inline; float: left; width: 25%; padding: 3px 3px; }
.huanjing a:nth-child(1){ width: 50%;}
.huanjing a:nth-child(7){ width: 33.33%;}
.huanjing a:nth-child(8){ width: 33.33%;}
.huanjing a:nth-child(9){ width: 33.33%;}
.huanjing a img{ width: 100%; }

.viewmore{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.viewmore a{ position: relative; padding: .15rem .5rem; font-size: .30rem;color: #4E5260 }
.viewmore a:after{ border-radius: 100px; border: 1px #878B98 solid }

.swp2{}
.swp2 div.swiper-slide{ width: 60% }
.swp2 div.swiper-slide a{ display: block;position: relative; text-align: left;}
.swp2 div.swiper-slide img{ width: 100%; background: #ccc }
.swp2 div.swiper-slide div.d1{ position: relative; }
.swp2 div.swiper-slide div.d2{}
.swp2 div.swiper-slide div.d2 em{ display: block; font-size: .35rem; height: .6rem; line-height: .6rem; vertical-align: middle; font-weight: bold; color: #4E5260; padding: 0 0 0 .95rem;}
.swp2 div.swiper-slide div.d2 span{ padding: .2rem 0; display: block; }
.swp2 div.swiper-slide div.d2 span i{font-size: .25rem; color: #878B98;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.swp2 div.swiper-slide div.d3{ position: absolute; background: #D52E2E; text-align: center; width: .45rem;height: 1.2rem; left: .3rem; bottom: -.60rem; display: flex; justify-content: center; align-content: center; flex-direction: column;}
.swp2 div.swiper-slide div.d3 i{font-size: .30rem; color: #fff; }
.swp2 div.swiper-slide div.d4 div{ width: 100% }
.swp2 div.swiper-slide div.d4 div span{ display: block;border-radius: 6px;  position: relative; background: url(../images/20.png) 25% center no-repeat #D52E2E; background-size: auto 50%}
.swp2 div.swiper-slide div.d4 div span em{ display: block; padding: .2rem 0; text-align: center; color: #fff; font-size: .30rem; }


.ftbg{ padding-bottom: .3rem; background: url(../images/41.png) center bottom no-repeat; background-size: auto 5% }
.yuani{}
.yuani ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.yuani li{ width: 33.33%; text-align: center; }
.yuani em{ display: block; }
.yuani img{ width: 60% }
.yuani span{ display: block; font-size: .25rem; color: #4E5260; height: 1.5rem; padding-top: .2rem; line-height: 1.5 }


.amli{}
.amli ul{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.amli li{ width: 50%; padding: .1rem}
.amli li a{ display: block;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.16)}
.amli li img{ width: 100%; background: #efefef;}
.amli li div.d2{ padding: .2rem;position: relative;}
.amli li div.d3 em{ font-size: .30rem; font-weight: bold; color: #4E5260;}
.amli li div.d3 span{ font-size: .25rem; color: #878B98; line-height: 1.5; padding-top: 10px;}
.amli li div.d4{ text-align: right; font-size: .25rem; color: #4E5260; padding: .2rem 0 0 0}

.banfu{ background: url(../images/45.png) center center no-repeat; background-size: 100% 100% }

.uu{ text-align: center; }
.uu em{ display: block; font-size: .40rem; font-weight: bold; line-height: 1; color: #fff; padding-top: .8rem;}
.uu span{ display: block; font-size: .30rem; font-weight: bold; line-height: 1; color: #fff; padding-top: .2rem;}

.bia{}
.bia ul{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.bia li{ width: 33.33%; text-align: center; }
.bia img{ width: 60% }
.bia div.d2{ display: block; font-size: .25rem; color: #fff;padding-top: .2rem; line-height: 1.5 }

.biabtn{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.biabtn a{ position: relative; font-size: .25rem; font-weight: bold; color: #fff; padding: .2rem .5rem}
.biabtn a:after{ border-radius: 6px; border: 1px #fff solid }

.bangdz{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-direction: column;}
.bangdz span{ font-size: .35rem; font-weight: bold; color: #4E5260; margin-bottom: .2rem; margin-top: .5rem;background:url(../images/48.png) center top no-repeat; background-size: auto 20px; padding-top:.4rem;}
.bangdz em{ font-size: .20rem;  color: #4E5260; line-height: 2}

.apbar{ z-index: 999999999; position: fixed; width: 100%; left: 0; bottom: 0;display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.apbar a{ width: 50%; position: relative; background: #D52E2E; height: .96rem;display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.apbar a em{height: 70%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding-left: .8rem}
.apbar a em i{ font-size: .30rem; color: #fff; }
.apbar a em.b1{background:url(../images/51.png) left center no-repeat; background-size: auto 90%}
.apbar a em.b2{background:url(../images/52.png) left center no-repeat; background-size: auto 90%}
.apbar a:after{border-left: 1px solid #fff}

.yao{ position: fixed; right: 0; top: 45%; z-index: 9999999 }
.yao img{ width: .7rem }

.miniban{ height: 2.5rem; position: relative;}
.miniban div.d1{ font-size: .25rem; color: #fff; position: absolute; white-space: nowrap; left: .2rem; bottom: .2rem; padding-left: .3rem;background:url(../images/54.png) left center no-repeat; background-size: auto 80%}
.miniban div.d1 a{ color: #fff }

.cataclass{ background: url(../images/png/h20.png) center center repeat-x;padding:.3rem 0;display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
.cataclass em{ background: #fff; padding: 0 .3rem; font-size: .40rem; font-weight: bold; color: #D52E2E }

.catalist{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding: 0 .1rem}
.catalist div{ width: 50%; padding: .1rem }
.catalist a{ display: block; background: #878B98; font-size: .25rem; color: #fff; text-align: center; padding: .2rem 0 }
.catalist div.cur a{ background: #D52E2E }
.catalist.lie3 div{ width: 33.33% }

.content{font-size:.30rem;color:#666;line-height:2;text-align:justify;word-break:break-all}
.content div{padding:.1rem 0}
.content img{max-width:100% !important;height:auto !important}
.content p{padding:.1rem 0}
.content ol{list-style-position:inside;padding-left:20px}
.content ol li{list-style-type:decimal;list-style-position:inside}
.content ul{list-style-position:inside;padding-left:20px}
.content ul li{list-style-type:decimal;list-style-position:inside}

.alist{}
.alist li{display:block;position:relative; padding: .2rem 0}
.alist li a{display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.alist li div.d1{width:35%; margin-right: .2rem}
.alist li div.d1 img{ width: 100%; }
.alist li div.d2{  flex: 1 }
.alist li div.d2 em{font-size: .35rem; color: #4E5260; font-weight: bold;}
.alist li div.d2 span{font-size: .25rem; color: #878B98; margin-top: .1rem}
.alist li div.d2 i{display:block;font-size: .20rem; color: #878B98; margin-top: .1rem}

.nodata{ padding: 2rem 0 !important; text-align: center; font-size: .25rem; color: #333; background: #f3f3f3}

.fltdd{}
.fltdd li{display:block;position:relative; margin-bottom: .2rem; padding-right: .2rem}
.fltdd li a{display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap;}
.fltdd li div.d1{width:30%; margin-right: .3rem}
.fltdd li div.d1 img{ width: 100%; }
.fltdd li div.d6{ flex: 1;}
.fltdd li div.d2 em{ display: block; font-size: .35rem; color: #D52E2E; font-weight: bold; padding-top: .1rem}
.fltdd li div.d2 span{display: block;font-size: .25rem; color: #4E5260; font-weight: bold; margin-top: .1rem}
.fltdd li div.d2 i{display:block;font-size: .20rem; color: #878B98; margin-top: .1rem}
.fltdd li div.d3{ font-size: .25rem; color: #878B98; margin-top: .1rem}
.fltdd li div.d4{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: .2rem}
.fltdd li div.d4 span{ background:#D52E2E; padding: .2rem .4rem; border-radius: 3px;}
.fltdd li div.d4 em{ font-size: .20rem; color: #fff; font-weight: bold; padding-left: .4rem; background:url(../images/20.png) #D52E2E left center no-repeat; background-size: auto 100%}


.knowledge{}
.knowledge li{ display: block; padding: .1rem; margin-bottom: .3rem;box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.knowledge a{ display: block; }
.knowledge div.d1{display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0 .1rem}
.knowledge div.d1 em{ color: #4E5260; font-size: .30rem; font-weight: bold; width: 100%;}
.knowledge div.d1 span{ color: #878B98; font-size: .25rem;  width: 100%; margin-top: .1rem;}
.knowledge div.d2{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: .1rem}
.knowledge div.d2 em{ width:33.33%; padding: 0 .1rem}
.knowledge div.d2 em img{ width: 100% }
.knowledge div.d3{ font-size: .25rem; color: #878B98; padding: .2rem .1rem }


h1{ text-align: center; font-size: .35rem; position: relative; padding: .3rem 0}
.artinfo{ font-size: .25rem; color: #999 }

.pn { position: relative; padding: .2rem }
.pn:after{ border-radius: 6px }
.pn div{ color: #333333; font-size: .25rem; line-height: 2}
.pn div a{ color: #333333; font-size: .25rem; }


.loginipt{}
.loginipt div{position:relative}
.loginipt div:after{border:1px #666 solid !important;border-radius:5px}

.loginipt div input{font-size:.25rem;padding:.2rem .2rem;border:0;background:#fff;width:100%}
.loginipt div textarea{font-size:.25rem;padding:.2rem .2rem;border:0;background:#fff;width:100%}
.loginbtn button{width:100%;border:0;font-size:.35rem;color:#fff;box-shadow:0 5px 12px rgba(255,99,106,.39);background:linear-gradient(to top,#D52E2E,#D20000);padding:.2rem 0;border-radius:5px}

.chkcode{display:flex;justify-content:space-between;align-items:center}
.chkcode div.loginipt{flex:1}
.chkcode img{margin-left:.2rem}


.mlxwm { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.mlxwm em{ font-size: .40rem; font-weight: bold; color: #D52E2E; }
.mlxwm span{ font-size: .30rem; color: #878B98; padding-top: .1rem}

.consty{display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.consty img{ height: 30px; }
.consty span{ font-size: .35rem; color: #878B98; padding: .2rem 0}
.consty i{ font-size: .35rem; font-weight: bold; color: #4E5260; }

.bgf{ background: #fff }