.wp{max-width:640px;min-width:320px;margin:0 auto;color:#010101;overflow: hidden;}

img{width:100%;height:auto;}

.bdb{border-bottom: 10px solid #f4f4f4;}.

.w20{margin:0 3%;}

.list_nav{text-align: center;}

.list_nav li{width:25%; height:0.7rem; text-align:center; float: left; line-height:0.68rem;}

.list_nav li a{font-size: 0.28rem; color:#060606; padding-bottom: 10%;}

.list_nav li.on a{border-bottom:2px solid #b910c8;}

.list_xm{padding:1% 3% 3% 3%;}

.list_xm ul li{width:18%; border: 1px solid #8f59b8; float: left; margin-right:1.6%; margin-top:3%; height:0.46rem; line-height:0.46rem; font-size: 0.24rem; text-align:center; color:#8f59b8; position:relative; border-radius:6px; cursor:pointer;}

.list_xm ul li i{position:absolute; width:0.25rem; right: 2%; top: -12%;}

.list_xm ul li:nth-child(5n){margin-right:0;}

.list_xm ul li.on{background:#8f59b8; color:#fff;}

.case_c{padding: 3%;}

.case_c dl{overflow:hidden; padding:0 0 2% 2%;}

.case_c dl dt{width:13.6%;}

.case_c dl dd{width:81%; float: right;}

.case_c dl dd h3{font-size: 0.3rem; color:#000; line-height:1.3; text-align:left;}

.case_c dl dd p{font-size: 0.21rem; color:#a879d0;}

.case_c dl dd p img{width:0.27rem;vertical-align: middle; padding: 0 3% 2px 0;}

.case_c1{padding-bottom:1%;}

.case_c1 img{width:32%; margin-right:1%;}

.case_c1 img:nth-child(3){margin-right:0;}

.case_c2{font-size: 0.21rem; color:#333; line-height:1.5; padding: 1%;}

.case_c2 a{color:#a879d0;}



.case_b{padding: 3% 0; border-bottom: 1px solid #e3e3e3; border-top: 10px solid #f4f4f4;}

.case_b dl{overflow:hidden; padding:0 0 2% 2%;}

.case_b dl dt{width:16.6%;}

.case_b dl dd{width:81%; float: right;}

.case_b dl dd h3{font-size: 0.3rem; color:#000; line-height:1.3; text-align:left;font-weight:normal; padding-bottom:1%;}

.case_b dl dd h3 span{font-size: 0.24rem; color:#666; }

.case_b dl dd p{font-size: 0.18rem; color:#9661c2;}

.case_b dl dd p span{color:#666; margin-right:3%;}

.case_b dl dd p img{width:0.27rem;vertical-align: middle; padding: 0 1% 2px 0;}

.case_b .case_b1{height:0.36rem;}

.case_b .case_b1 span{font-size: 0.21rem; color:#a879d0; display:inline-block; height:0.35rem; line-height: 0.35rem; background:#f1f1f1; margin-right: 1%; padding:0 3%; border-radius:6px;}

.case_b2{padding: 3% 0;}

a.btn{width:65%; height: 0.6rem; line-height:0.6rem; text-align: center; border:1px solid #c2c2c2; margin: 3% auto 0; display:block; font-size: 0.24rem; color:#2cc7c5; border-radius:0.3rem;}

.case_b2_s{margin-bottom:1%;}

.case_b2_s span{display:block; width:1.48rem; height:0.34rem; line-height:0.34rem; color:#fff; background:url(/img/case_new/case_tit.png) no-repeat; background-size:100%; font-size: 0.21rem; text-align:center;}

.demo-gallery img{margin-bottom:2%;}

.case_b2 p{font-size: 0.18rem; line-height:1.5; color: #666666; padding-bottom:2%;}

.case_hot{padding:3% 0; border-bottom:1px solid #e3e3e3;}

.case_hot h2{font-size: 0.36rem; color:#333; padding-bottom:5%; line-height:1.3;}

.case_hot h2 p{font-size: 0.3rem; font-weight:normal;}

.case_hot ul li{width:1.78rem; height:1.78rem; margin-right:0.32rem; float: left; margin-bottom: 3%; background:#f66397; border-radius:50%; text-align:center;}

/*.case_hot ul li:nth-child(3n){margin-right:0;}*/

.case_hot ul li a{display:block; width:100%; height:70%; padding-top:30%; color:#fff; font-size: 0.21rem; line-height: 1.3;}

.pad20{padding: 3%; border-bottom:1px solid #e3e3e3;}

.pad20 h3{text-align: left; font-size:0.3rem; color: #333; font-weight:normal;}



.eyeDiary ul{overflow: hidden;padding-top: 0.2rem;}

.eyeDiary ul li{float:left;text-align: center;line-height: 1.2;margin:0 0 0 0.16rem;width: 19%;float:left;}

.eyeDiary ul li .tu{position: relative;width: 100%;}

.eyeDiary ul li .tu span{width: 0.96rem;height: 0.96rem;border-radius: 50%;-webkit-border-radius: 50%;overflow: hidden;}

.eyeDiary ul li .tu:before{position: absolute;content: "";width: 0.15rem;height: 0.15rem;background: url("/img/case_new/gou.png") no-repeat;background-size: cover;right: 13%; bottom: 8%;}



.swiper-container{width:100%;}

.eyeZj .zjList .swiper-slide{padding-right:0.2rem; box-sizing:border-box;width: 20%;}

.eyeZj .zjList .swiper-slide a{display: block;position: relative;}

.eyeZj .zjList .swiper-slide a span{position: absolute;width: 100%;background-color: #262433;left: 0;bottom: -0.38rem;color: #fff;text-align: center;line-height: 1.6; font-size: 0.21rem}

.eyeZj .swiper-main{padding-top: 0.2rem;}

.eyeZj .zjList{height: 1.58rem;}

.swiper-container{overflow:hidden;}

.porRecom .porList .swiper-slide{padding:0 0.1rem;}

.porRecom .porList a{display: block;position: relative;width: 1.84rem; margin:0; padding:0;}

.porRecom .porList .swiper-slide a span{position: absolute;width: 90%;background-color: #53cac1;padding:0.06rem 0;left:5%;bottom: -2%;color: #fff;text-align: center;line-height: 1.4;font-weight: bold; font-size: 0.2rem;}

.porRecom .swiper-main{padding-top: 0.2rem;}

.porRecom .porList{height: 2rem;}


.cont {
    width: 100%;
    margin: 0px auto;
    //padding-bottom: 65px;
	margin-top:-20px;
}
 .title {
    height: 33px;
    background: url(/images/title.jpg);
     margin-top: 8px;
}
  .title h2 {
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    color: #fff;
    background: url(/images/li3.jpg) no-repeat 6px;
      text-align: left;
      padding-left: 24px;
}
.title a {
    color: #ffffff;
}
.cont .view_temp h1 {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
}
.cont .view_temp p {
    line-height: 25px;
    font-size: 14px;
    margin: 10px 5px;
}
.cont .wzly {
    text-align: center;
    line-height: 35px;
    height: 35px;
    border-bottom: 1px dotted #CCC;
    color: #818181;
}
.cont .wzly a {
    color: #818181;
}
.cont .wzly img{
    width: 25px;
    height: 26px;
}
.cont .show_text{
    line-height: 24px;
    font-size: 14px;
}
.cont .show_text p {
    margin: 10px 5px;
}

.sub_menu22 {
    width: 316px;
    margin: 6px auto 0;
    overflow: hidden;
    zoom: 1;
}
.sub_menu22 li {
    width: 99px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: url(/images/sub_menu.jpg);
    float: left;
    margin-left: 5px;
    margin-bottom: 6px;
    display: inline;
}
.sub_menu22:after{
    content:'';
    display:block;
    clear:both;
}
.cont .temp_list{
    font-size: 15px;
    line-height: 1.4;
}
.cont .temp_list ul li{
    margin: 8px auto;
    padding-left: 5px;
}
/*CSS pageinfo style pagination*/

.pageinfo {
    PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
.pageinfo A {
    BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
.pageinfo A:hover {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo A:active {
    BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
.pageinfo SPAN.thisclass {
    BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
.pageinfo SPAN.disabled {
    BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}