*{margin:0;padding:0}
footer,header,nav{float:left;width:100%}
body{background:#fff;font-weight:400;font-style:normal;font-variant:normal;font-family:"微软雅黑",Arial;-webkit-text-size-adjust:none}
a{outline:0 0;border:0 none}
a,a:active,a:hover,a:link,a:visited{text-decoration:none}
.clear{clear:both;margin:0;padding:0}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:' '}
dd,dl,dt,li,ul{background:0 0;list-style-type:none}
dd,dl,dt,li,p,ul{margin:0;padding:0}
img{width:100%}


.tounav ul{ float:left; width: 100%;border-bottom:0.0016rem solid #ccc; }
.tounav{width:100%;font-size:.3rem;margin:0 auto;position:relative;overflow:hidden;font-weight:700;background:#fff;overflow: hidden}
.tounav li{float:left;text-align:center;height:2.2em;padding-top:3%;font-size:.32rem; line-height: 1.2em}
.tounav3{width:19.5%}
.tounav2{width:19.8%;border-right:.015rem solid #ccc}
.tounav a{color:#333}



.con1{padding-top: 8%;width:100%;}
.con1 h1{font-size: 0.64rem; color: #333; text-align: center}
.con1 ul{margin: 5% 0 0 1%}
.con1 li{float: left; margin-left: 1.5%;width:22.9%; position: relative;}
.con1 .bq{width:28%; position: absolute; top:-5%; right: 0%;}
.fxxl{ position:absolute; width:7.2%;left:46%;top:58%;z-index:999;}

.con2{width:100%; padding-top: 6%;}
.con2 h1{font-size: 0.64rem; color: #333; text-align: center}
.con2one{width:100%; padding: 4% 0}
.con2two{width:100%; padding: 4% 0; background: #f4f4f4; margin: 4% 0; overflow: hidden}
.con2left{width:32%; float: left; padding-left: 3%;}
.lefttext{border: 2px solid #000; background: #f9d602; text-align: center; font-size: 0.32rem; color: #000;padding: 2.5% 0; font-weight: 700;}
.con2right{width:56%; float: left; padding-left: 5%;}
.con2right h2{font-size: 0.46rem; color: #333;}
.con2right .co{font-size: 0.3rem; padding-top: 3%; line-height: 1.24em; color: #333;}
.con2right .co span{color: #f6586f}
.con2right a{color: #d3a277}
.con2 .click1{float: left; background: #d3a277; border-radius: 2em; padding: 2% 0; width:46%; font-size: 0.32rem; font-weight: 700; color: #fff; text-align: center; margin-top: 5%}
.con2 .click2{float: left; background: #f6586f; border-radius: .3em; padding: 2% 0; width:94%; font-size: 0.32rem; color: #fff; text-align: center; margin-top: 5%}


.con3{width:100%; padding-top: 8%;}
.con3 h1{font-size: 0.64rem; color: #333; text-align: center; line-height: 1.1em; font-weight: normal;}
.con3con{background: #ffe6d1; padding-top: 4%; margin-top: 4%; height: 29.4rem}
.con3one{width:100%; position: relative; margin: 2% 0 10%}
.con3left{width:48%; float: left;}
.con3lefttext{position: relative; margin-left: 4%; border-radius: 2em; padding: 2% 0 2% 22%; border: 2px solid #cab19b; font-size: 0.4rem; color: #eed0b5; background: #333}
.con3lefttext .pp{position: absolute; width:7.4%; top:28%; left: 10%;}
.con3left li{width:1.8rem; height: 1.24rem; border: 1px dashed #333; float: left; font-size: 0.28rem; line-height: 1.2em; text-align: center; border-radius: 5em; padding-top: 12%; margin: 6% 0 0 9%}
.con3 .click1{float: left; background: #d3a277; border-radius: 2em; padding: 2% 0; width:46%; font-size: 0.32rem; font-weight: 700; color: #fff; text-align: center; margin: 5% 0 0 4%}
.con3 .click2{float: left; background: #9f734d; border-radius: 2em; padding: 2% 0; width:46%; font-size: 0.32rem; font-weight: 700; color: #fff; text-align: center; margin: 5% 0 0 4%}
.con3right{width:42.7%; float: left;}
.con3one .bq1{width:14.7%; position: absolute; top:-4%; left: 48%;animation: updown 2s 0s ease both infinite;}
.con3one .bq2{width:14.7%; position: absolute; top:-4%; left: 34%;animation: updown 2s 0s ease both infinite;}


.con4{width:100%; padding-top: 8%;}
.con4 h1{font-size: 0.64rem; color: #333; text-align: center; line-height: 1.1em; font-weight: normal;}

/* 选项卡样式 */
.c4ul{width:100%;margin:4% auto 2%}
.c4ul li{float:left;text-align:center;font-size:.32rem;color:#9f734d;background:#ffe6d1;cursor:pointer;margin-left:2%;padding:4% 0; width:22.5%; line-height: 1.2em}
.c4ul li.on{background:#d3a277;color:#fff; font-weight: 700;}

.zzleft{float: left; width:47%; padding-left: 2%;}
.zzright{float: left; padding-left: 4%; width:44%;}
.zzright h2{font-size: 0.4rem; color: #333; padding-top:10%}
.zzright .co{padding-top: 10%; line-height: 1.4em; font-size: 0.3rem; color: #333;}




.con5{width:100%; padding: 10% 0 3%;}
.con5 h1{font-size: 0.64rem; color: #333; text-align: center; line-height: 1.1em; font-weight: normal;}
.con5con{position: relative; width:100%; margin-top: 3%}
.con5con .click1{position: absolute; width:46%; bottom: 3%; right: 5%; background: #f9d602; border-radius: .5em; border: 2px solid #000; text-align: center; color: #000; padding: 1.5% 0; font-size: 0.4rem;animation: updown 2s 0s ease both infinite; }
.con5 li{float: left;width:29%; padding: 3% 0.5% 0 3%}
.con5 h2{font-size: 0.36rem; color: #000; line-height: 1.4em; padding-top: 1%; text-align: center;}
.con5 h2 span{font-size: 0.26rem; font-weight: normal;}
.con5 .click2{background: #f9d602; border-radius: .3em; border: 2px solid #000; text-align: center; color: #000; padding: 2% 0; font-size: 0.36rem;animation: updown 2s 0s ease both infinite; margin-top: 3%; }



.con11{padding: 8% 0 4%;width:100%;}
.con11 h1{font-size: 0.64rem; color: #333; text-align: center; line-height: 1.1em; font-weight: lighter}

.c11ul{width:100%;margin:4% 0 0 4%}
.c11ul li{float:left;text-align:center;font-size:.32rem;color:#333;background:#fdcab5;cursor:pointer;margin-left:2%;padding:3% 0; width:20%; line-height: 1.2em}
.c11ul li.on{background:#f6586f;color:#fff; font-weight: 700;}
.case11{width:88%; margin: 1% auto 0;}
.case11left{width:20%; float: left; font-size: .56rem; font-weight: 700; color: #64b1b7}
.case11left span{font-weight: lighter;}
.case11right{float: left; margin-left: 2%; width:70%; font-size: .3rem;color: #64b1b7; line-height: 1.2em; padding-top: 1%}
.case11right span{font-weight: lighter; font-size: .26rem;}
.case11 .click1{background: #64b1b7; text-align: center; padding: 2% 0; font-size: .3rem; color: #fff; width:30%; float: left; border-radius: .1em; margin-top:1%;}
.case11 .click2{background: #f6586f; text-align: center; padding: 2% 0; font-size: .3rem; color: #fff; width:30%; float: left; border-radius: .1em; margin:1% 0 0 2%;}
.case11 .click3{background: #d3a277; text-align: center; padding: 2% 0; font-size: .3rem; color: #fff; width:30%; float: left; border-radius: .1em; margin:1% 0 0 2%;}


.dhkboxx{ background: url(../images/dhk.jpg) no-repeat; background-size: 100%; width: 100%; height: 1.6rem;}

.dhkboxx .nr .sr{width: 61%;
    float: left;
    margin-left: 12.5%;
    border-left: 1px solid #e7e7e7;
    padding:2.5% 0;
    margin-top: 2%;
    background: #fff;
    border-top: 1px solid #ecebed;
    border-radius: 0.15rem;margin-right: 2%;}
.dhkboxx .nr .sr input{width:97%;font-size:.36rem;color:#333; margin-left:3%; padding:.2em 0; border:none; outline:none;}
.dhkboxx .nr .btn{display: block;
    width: 22%;
   font-size: 0.42rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #30ccc3;
    padding: .66em 0;
    border-radius: 0.1rem;
    margin-top: 2%;
    float: left;}
@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.05)}
	100%{-webkit-transform:scale(1)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes zy{
	0%{opacity:1;transform:translateX(0px)}
	50%{opacity:1;transform:translateX(10px)}
	100%{opacity:1;transform:translateX(0px)}
}

.con3left h4{ display: block; width: 100%; font-size: 0.3rem; margin-left: 6%; font-weight: normal; line-height: 1.3em; padding: 3% 0}
.con3left .caseb{ display: block; margin-left: 6%; width:95%; margin-top: 2% }
.con3left .caseb a{ display: block; width: 100%}