.mr10{ margin-top: 1em;}
.area{ position: relative;}
.area-list,.project-list{display: none;height: 11em;width: 100%;position: absolute;top: 3.8em;padding: 1em;left: 0;background-color: #fff;}
.list_nav{flex-direction: column;flex: 1;}
.list_nav p{margin-top: 0 !important;font-size: 1rem;line-height: 3em;text-align: center;border-bottom: 1px solid #e7e7e7;}
.list_nav:first-child p{border-right: 1px solid #e7e7e7;}
.list_nav li{font-size: 1rem;margin: .4rem .4rem .1rem 0;color: #848282;}
.list_nav li.active{ color: #2f98e0;}

.wsxx li{ /*padding: .4rem .15rem .2rem; border-bottom: 2px solid #e6e6e6;*/}
.wsxx .ell{margin-left: 2rem; font-weight: 100;}
.wsxx h4{ font-size: 1.1rem; text-shadow: 0 0 0;}
.wsxx h5{font-size: .28rem; color: #4c4c4c; margin-top: .2rem; text-shadow: 0 0 0;}
.wsxx p{margin-top: .22rem; font-size: .3rem; color: #f08e33;}
.wsxx p span{ color:#2f98e0;}
.wxdt h4{color:#2f98e0;}
.wxdt p{ color: #4c4c4c;}
.zswd li{padding: .4rem .3rem .2rem; border-bottom: 2px solid #e6e6e6;}
.zswd h4{font-size: .32rem; color: #2f98e0;text-shadow: 0 0 0;font-weight: 100;}
.zswd span{font-size: .25rem; color: #c3c3c3; margin-top: .13rem; text-shadow: 0 0 0; display: block;}
.zswd p{margin-top: .17rem; font-size: .3rem; color: #4c4c4c;}

.pages{text-align: center;padding: .5em 0;}
.pages a{font-size: .9rem;padding: .1em .2em;color: #9f9e9e;border: 1px solid #9f9e9e;}
/* Ã¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡ÂµÃ¦Â Â·Ã¥Â¼Â */

.Effect{ display:flex;margin-top: 1em;}
.Effect li{ width:45%; margin-left:3%;position: relative;}
.Effect .effect-img { display: block; width: 100%; height: 100%; max-width: 100% !important;}
.Effect .before,.Effect .after { position: absolute;  left: 0; width: 90px; height: 30px;-webkit-background-size: cover;  bottom: 0;}
.Effect .before{background-size: cover; background-image: url(https://www.010yt.com/skin/010yt2020/image/before.png);}
.Effect .after{background-size: cover; background-image: url(https://www.010yt.com/skin/010yt2020/image/after.png);}

.con{ padding: 0 2%;}
.where{width: 60%; margin: .4rem auto; border-radius: 10px; background: #2f98e0; color: #fff; font-size: .44rem; text-align: center; line-height: .8rem; height: .8rem;}
.show_dh{ color: #666666; font-size: .9rem; padding-top: .5rem;}
.show_dh a{ color: #666;}
.show .bt{font-size: 1.2rem;padding-top: 1rem;text-align: center;line-height: 2rem;color: #262626;margin: .5rem 0 .5rem;}
.show .time{color: #4c4c4c;font-size: .8rem;text-align: center;border-bottom: 1px solid #ececec;padding-bottom: 1.2rem;}
.show ul{padding: 5%;}
.show ul li{ font-size: 1rem; line-height: 1; color: #ffffff; background: #337bf7; float: left; width: 30%; padding: 2.5%; border-radius: 10px; text-align: center; margin-left: 5%;}
.show ul a:first-child li{ margin-left: 0;}
.show ul a:nth-of-type(2) li{ background: #f08e33;}
.show ul a:nth-of-type(3) li{ background: #88bd3f;}
.show ol li{list-style: none;margin-top: .8rem;}
.image_preview{ margin-top:1em}
.image_preview img{ max-width:95%; width:auto; height:auto; display:block; margin:.5em auto;}


.show .contemt{font-size: 1rem; text-align:justify;}
.show .contemt .jyzy{/* margin-bottom:1em; */border-bottom: 1px solid #ececec;padding-bottom: 1.5em;}
.show .contemt h3{color: #008000;margin-top: 1.2rem;font-weight: normal;margin-bottom: .8rem;}
.show .contemt p,.show .contemt span{ text-indent:2rem; line-height:1.65rem;}
/*.show .contemt h3:nth-of-type(1){ margin-top: 0;}*/

.show .contemt h8{ color: #7d7777; font-size: 1rem; padding-left: 0.2rem; padding-right: .2rem; margin-top:.2rem; display: block;letter-spacing: .05rem;}
.show .contemt h4{font-weight: normal;margin: 0.1rem 0;font-size: 1.2rem;line-height: 3rem;padding-bottom: .2rem;/* border-bottom: 1px solid #ececec; */color: #008000;/* margin-bottom: .5em; */}
.show .contemt strong{ margin-top: .4rem; display: block;}
.show .contemt img{ max-width: 90%;  height: auto;margin: auto;}
.show .list_np{margin: 1rem 0 0;}
.show .list_np p{font-size:1rem;color: #262626;margin-bottom: 1em;}
.show .list_np p a{ color: #262626;}
.show_form{    margin: 0 .3rem;}
.show_form h2{ font-size: .32rem; color: #262626; margin: 0.1rem 0 .15rem 0; font-weight: 100; text-shadow: 0 0 0;text-align: center;}
.show_form mip-form{border: 1px solid #2f98e0;  border-radius: 10px; padding: 3% 3% 5%; display: block; box-shadow: 5px 5px 8px #ffadcea1;}
@media all and (max-width: 550px) {
	.show_form mip-form{border: 1px solid #2f98e0;}
}
.show_form p{font-size: .3rem; color: #262626; margin-top: .2rem;}
.show_form p label{ vertical-align: middle; float: left; width: 20%; line-height: .9rem; border: 1px solid #fff;}
.show_form p input{font-size: .3rem; vertical-align: middle; float: left; width: 80%; border-radius: 5px; border: 1px solid #2f98e0; line-height: .9rem;    text-indent: .5em;}
.show_form .special select{ width: 20%;border-radius: 5px; border: 1px solid #2f98e0; height: .9rem;vertical-align: middle; float: left;font-size: .3rem; margin-right: 5%;}
.show_form .special input{ width: 35%;}
.show_form input[type=submit]{ color: #fff; background: #2f98e0; border-radius: 10px; text-align: center; width: 70%; margin: .34rem auto 0; border: 0; font-size: .4rem; display: block; line-height: .8rem;}

.show_lj p{color: #000; font-size: 1rem;  margin-bottom: .2rem;}
.show_lj li{ color: #000; font-size: 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*  Ã¦â€“â€¡Ã§Â«Â Ã¦Â Â·Ã¥Â¼Â    */


.wsxx li b,.wsxx li b,.wsxx li b,.wsxx li b {
    font-size: 1.2rem;
    display: block;
    text-align: center;
}
.show_lj.jy_news{padding: 0;}
.readMore{text-indent: 0 !important;text-align: center !important;}
.readMore a{margin: 1.2em auto;display: block;line-height: 2.5rem;width: 10em;color: #008000;border: 1px solid #008000;}
.readMore a:hover{ color: #fff; background-color: #008000;}
