@charset "utf-8";
/* CSS Document */
body,html{width:100%; margin:0px; padding:0px; overflow-x:hidden;text-align:center; background:#FFF}
.viewport{ margin:0 auto; background:#FFF}

header{ width:100%;}
.home1{ left:0; bottom:0; width:100%; z-index:5;}
.home1 img{ border:none;}
.home2{ bottom:5.45rem; left:33.055%; z-index:8; width:33.889%;}
.homenav{ width:90%; margin:0 auto; line-height:1.2}
.homenav ul li{ float:left; width:20%;}
.homenav ul li .navcon{ width:80%; margin:0 auto; position:relative;}
.homenav ul li .navcon a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;border-radius:50%; border:1px solid #B6B6B6;}
.homenav ul li .navcon a p{ font-size:1.7rem; padding-top:1rem;}
.homenav ul li .navcon a:hover,.homenav ul li .navcon a.hover{ background:#72A399; color:#FFF; border-color:#72A399;}

.vaim { background:#FFF; position:relative; z-index:2;}
.vaim .dh2{-webkit-animation:flipInY 3s 2.5s 1 both;animation:flipInY 3s 2.5s 1 both;}
.vaim .dh1{-webkit-animation:bounceIn 1s 2.8s 1 both;animation:bounceIn 1s 2.8s 1 both;}
.vaim .dh3{-webkit-animation:fadeInUp 1s 3.3s 1 both;animation:fadeInUp 1s 3.3s 1 both;}	
.vaim .dh4{-webkit-animation:fadeInUp 1s 3.9s 1 both;animation:fadeInUp 1s 3.9s 1 both;}

.vain .dh1{-webkit-animation:rollIn 1s 1.5s 1 both;animation:rollIn 1s 1.5s 1 both;}
.vain .dh2{-webkit-animation:bounceInUp 1.5s 2s 1 both;animation:bounceInUp 1.5s 2s 1 both;}
.vain .dh5{-webkit-animation:flipInY 1s 1.2s 1 both;animation:flipInY 1s 1.2s 1 both;}
.vain .dh3{-webkit-animation:bounceInUp 1s 0.5s 1 both;animation:bounceInUp 1s 0.5s 1 both;}	
.vain .dh4{-webkit-animation:flipInY 1s 2.2s 1 both;animation:flipInY 1s 2.2s 1 both;}
.top1 .dh1{-webkit-animation:bounceInDown 1.4s 0s 1 both;animation:bounceInDown 1.4s 0s 1 both;}

.top{ width:100%; background:#fcb6b8; border-bottom:1px solid #fff}
.top1{ width:75%; padding-left:5%; padding-top:2.4rem;}
.top2{ width:15%; padding-right:5%}
.nav{ width:100%; height:4.65rem; background:#fcb6b8;border-bottom:0.35rem solid #111;}
.nav ul{ width:88%; margin:0 auto;}
.nav ul li{float:left;width:20%;overflow:visible;}
.nav ul li a{ display:inline-block;width:100%; height:4.65rem; border-bottom:0.35rem solid #111;}
.nav ul li a:hover,.nav ul li a.hover{ border-color:#fff;}
.nav ul li p{ font-size:1.7rem;line-height:0.8; padding-top:1.5rem;}
.nav ul li span{ font-size:0.8rem;line-height:1.1}

.type_List{ text-align:center;}
.type_List a{ display:inline-block; height:2.75rem;line-height:2.75rem; width:22%; margin:0 0.25rem;border-radius:0.2rem; background:#EEE; color:#444;}
.type_List a:hover{color:#fcb6b8;}
.type_List a.hover{ color:#FFF; background:#fcb6b8;}

.case{width:94%;overflow:hidden;margin:0 auto;}
.case ul{width:104%;}
.case ul li{width:48%;overflow:hidden; margin-bottom:1.5rem; margin-right:2%; float:left;}
.case ul li .p1{ padding-top:0.5rem;}
.more{ width:94%; height:4.5rem; line-height:4.5rem; background:#fcb6b8; margin:0.25rem auto; border-radius:0.2em; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; -o-border-radius:0.2em;-khtml-border-radius:0.2em;}
.more:hover{ background:#111;}
.loadpage a{ width:100%; height:4.5rem; line-height:4.5rem; background:#72A399; margin:0.25rem auto; border-radius:0.2em; -webkit-border-radius:0.2em; -moz-border-radius:0.2em; -o-border-radius:0.2em;-khtml-border-radius:0.2em; display:block; color:#FFF; font-size:1.7rem;}
.loadpage a:hover{ background:#111;}

.huodong ul li{width:94%;overflow:hidden;margin:0 auto; margin-bottom:2rem;}
.huodong ul li .p1{ padding-top:0.8rem;}

.pl ul li{ width:94%;overflow:hidden;margin:0 auto; text-align:left; margin-bottom:2.5rem; margin-top:1.5rem;}
.pl ul li .pltu{width:22%;float:left;}
.pl ul li .pltu img{ border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%;-khtml-border-radius:50%; border:0.4rem solid #F6F6F6;}
.pl ul li .plcon{width:78%; float:left; padding-bottom:2rem;}
.pl ul li .plcon p{padding-left:2rem;padding-right:1rem;}

.dialog .content{overflow: hidden;}
.dialog .line{width:89%; line-height:3.5rem; font-size: 1.1rem; text-align:left; color:#777; margin:0 auto; overflow:hidden; margin-top:1rem;}
.dialog .line textarea, .dialog .line input[type="text"]{border: 1px solid #BBB; border-radius:0.5rem; line-height:2.2rem;height:2.2rem;padding-top:0.65rem;padding-bottom:0.65rem; font-size: 1.1rem; width:97%; padding-left:3%;}
.dialog .line input[type="text"]:hover,.dialog .line textarea:hover{border: 1px solid #666;}
.dialog .line .input{display: inline-block; width:98%;}

.tijiao{background-color:#72A399;border-radius:5px 5px 5px 5px;box-shadow:0 6px 0 #638E85,0 6px 6px rgba(0,0,0,0.7);color:#FFFFFF;display:block;font-size:1.8rem;position:relative;text-align:center;text-decoration:none;transition:all 0.1s ease 0s;width:89%; height:4.5rem; line-height:4.5rem;margin:0.5rem auto 1rem;}
.tijiao:active{box-shadow:0 3px 0 #638E85,0 3px 3px rgba(0,0,0,0.9);position:relative;top:6px;}

.btq{width:100%; max-width:720px;position:fixed;bottom:0; left:0; right:0; margin-left:auto; margin-right:auto;z-index:1000;background:url(../images/q.png) no-repeat;height:4.5rem; background-size:100% 100%;}
.btq a{display:block;float:left;height:4.5rem;width:25%;}
.btq .l{width:50%;}

.pages{ width:100%; height:auto; text-align:center; padding:3rem 0;}
.pages li{ display:inline-block; background:#e9e9e9; font-size:1.25rem; border-radius:0.5rem; margin-right:0.25rem;}
.pages a{ display:block; padding:0.5rem 1rem; color:#333;} 
.pages a.selected{font-weight:bold; color:#fcb6b8;}

.v_detail{ width:100%;}
.v_detail img{ max-width:100%; height:auto;}

.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0; font-size:0; width:100%;}
.clearfix {zoom:1;}
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}

.article{ text-align:left;}
.article ul{}
.article li{ width:100%; padding:1.25rem 0; border-bottom: #f8f8f8 dotted 1px;}
.article li p{text-align:left;}