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




.headerbanner{width:100%; position: relative;}
.headerbanner .an{position: absolute; width:18.7%; top:84%; left: 37%; animation: updown 2s 0s ease both infinite;}

.con1{width:100%; padding-top: 7%;color:#333; padding-bottom: 3% }
.partbox{ width: 100%;}
.partbox img{ width:22.5%; float:left;  }
.con1 h1{font-size: 0.58rem; text-align: left;float:left; width: 66%; margin-left: 2% }
.con1 em{ font-size: 0.4rem; font-weight: normal; display: block;}
.con1 font{ font-size: 0.46rem; color:#ff813c;display: block;}
.con1 li{float: left; width:45%; margin: 4% 1% 2% 3%; text-align: center; position: relative;}
.con1 .pp2{position: absolute; font-weight: bold; font-size: 0.4rem; top:62%; width:100%;}
.con1 .pp3{position: absolute;font-size: 0.32rem; top:72%; width:100%;}
.con1 .click{position:absolute; font-size: 0.32rem; font-weight: bold; width:94%; padding:2.5% ;color: #fff; top:86.6%; left: 1%; display: block}
.con1 .click p{position: absolute;color: #fff;top:25%; left: 18%; }

.conaa{width:100%; margin:0 auto; padding:1px 0;}
.conaa .tt{width:93.3333%; margin:6% auto 5%; position:relative;}
.conaa h2{width:100%;font-size:.65rem; color:#323232; font-weight:normal; text-align:center; line-height:1.1em; font-weight: bold}
.conaa h2 span{color:#ff9f65;}

.c1ul{width:98%; margin:5% auto;}
.c1ul li{width:33.3333%;float:left; text-align:center; margin-bottom:3%;}
.c1ul li a{display:block;}
.c1ul li img{width:80%;}
.c1ul li p{font-size:.32rem;color:#000;}
.c1ul li span{font-size:.32rem;color:#fff; display:inline-block; background:#525252; padding:.2em 1em; border-radius:1.6em; margin-top:2%;}
.clickbtn1{display:block;width:69%; margin:7% auto; position:relative;animation:updown 2s 0s ease both infinite;}
.clickbtn1 p{width:100%; position:absolute; left:0;top:17%; font-size:.48rem; color:#fff; text-align:center;}

.clickbtn3{display:block;width:69%; margin:3% auto; position:relative;animation:updown 2s 0s ease both infinite;}
.clickbtn3 p{width:100%; position:absolute; left:0;top:17%; font-size:.48rem; color:#fff; text-align:center;}

.jxsfont{ width: 92%; margin: 0 auto; border: 0.04rem dotted #ae9785; border-radius: 0.3rem; margin-top: 4%}
.jxsfont p{ color: #fff; display: block; width: 90%; margin: 0 auto; font-size: 0.34rem; padding: 2% 0}
.jxsfont strong{ font-weight: bold; color: #ff6054;}
.gdcsae{width:100%; position: relative; margin-top: 6%;}
.casebox{width:96%; margin:0% auto; background:#fff; padding:1px 0; border-radius:.2rem; margin-top: -3.5%; z-index: 100; position: relative}
.casebox .casett{width:33%; margin:5% auto;}
.casetit{ width: 46.13%; display: block; text-align: center; color: #fff;z-index: 10;position: relative; margin-left: 2%}
.casetit p{ position: absolute; font-size: 0.44rem; font-weight: bold; left: 9%; top: 12%}
.caseul{width:96%; margin:3% auto 2%;}
.caseul li{width:48.5%;float:left; margin-left:1%;}
.caseul img{ width: 85%; margin: 0 auto 5%; display: block;}
.caseul .sp{ font-size: 0.46rem; text-decoration: underline; display: block; margin-bottom: 4%; padding-left: 3%}
.casebox .xx{width:94%; margin:1% auto; }
.casebox .xx span{font-size:.33rem;color:#fff;background: #ff893d; padding: 1% 3%; margin-right:1%;display:inline-block; border-radius: 0.3rem;}
.casebox .xx a{display:inline-block;font-size:.33rem; color:#e14340; padding:.1em .5em; border:1px dashed #e14340; margin-right:2%; border-radius:1.2em;}
.casebox .xx i{font-size:.33rem; color:#3c3c3c; font-style:normal;}
.clickbox{width:94%; margin:6% auto;}
.clickbox a{display:block;float:left; text-align:center;font-size:.36rem; padding:.2em; box-sizing:border-box; margin-left:2%; border-radius:2.4em; animation: ftimg 1s 0s ease both infinite;}
.clickbox a p{font-size:.36rem; font-weight:600; color:#fff; padding:.5em 0; line-height:1em; border-radius:2em;}
.clickbox a.s{width: 37%; background:#424242;animation: ftimg 1s .5s ease both infinite;}
.clickbox a.s1{ width: 56%; margin-right: 1%; background: #ff6054}

.ysbg{ background: url(../images/bg.png) no-repeat center; background-size: 100%;}
.shushi01{ position: relative; width:45.3%; display: block; margin-left: 4%; margin-top: 4%}
.shushi01 p{ font-size: 0.40rem; font-weight: bold; position: absolute; left: 26%; top: 18%}
.ss-01{ display: block; margin-left: 7%; font-size: 0.34rem; width: 90%; color: #5a5a5a; margin-top: 1%}
.ss-02{ display: block; margin-left: 5%;  width: 90%; color: #5a5a5a; margin-top: 4%}
.shushi02{ position: relative; width:45.3%; display: block; margin-left: 4%; margin-top: 3%}
.shushi02 img{ width: 12%; display: inline-block; vertical-align:bottom}
.shushi02 p{font-size: 0.42rem; font-weight: bold; display: inline-block; color: #fc6c44}

.tyclick{position: relative; width:94%; margin: 0 auto; border: 1px solid #999; padding: 5% 0; border-radius: 4em; animation: updown 2s 0s ease both infinite;}
.tyclick .zxbk{position: absolute; font-size: 0.3rem; color: #999; border: 1px solid #fff; width:40%; top:30%; left: 4%; font-family: "微软雅黑"}
.tyclick .co1{position: absolute; width:20%; text-align: center; font-size: 0.34rem; font-weight: bold; color: #fff; top:-1%; left: 37%; background: #fca6a2; border-radius: 1.5em; padding: 3% 0;}
.tyclick .co2{position: absolute; width:50%; font-size: 0.4rem; font-weight: bold; color: #fff; top:-1%; left: 50.5%; background: #ec5e58; border-top-right-radius: 1.5em;border-bottom-right-radius: 1.5em; padding: 2.5% 0; text-align: center; text-decoration: underline}


.con2{width:100%;padding: 4% 0 5% 0;background: #daebfb; }
.con2 h1{font-size: 0.54rem; text-align: center;}
.con2 h2{ font-size: 0.4rem; font-weight: normal;text-align: center;}
.con2 h2 span{ background: #fff12c; }
.con2 li{float: left; width:29%; margin: 4% 1% 2% 2.8%; }
.con2 .co{color: #333; font-size: 0.26rem; line-height: 1.4em; width:90%; margin: 4% auto;}
.con2con{background: #fff; width:94%; margin: 2% auto; border-radius: 1.5em; padding-top: 2%;}
.con2left{float: left; width:32%; padding-left: 2%;}

.con2right{float:left; padding-left: 3%; width:62%;font-size: 0.3rem;}
.con2right .co1{ color: #333; font-weight: bold;padding-top: 6%;}
.con2right .co2{ color: #ec5e58;font-weight: bold; padding-top: 6%;}
.con2right .co3{color: #333; line-height: 1.4em;font-size: 0.26rem;width:92%;}
.con2right .click{font-size: 0.3rem; font-weight: bold; width:60%; background: #ec5e58; padding: 3% ; border-radius: 1.5em; color: #fff; margin-top:2%; text-align: center; text-decoration: underline}

.con3one{position: relative; margin-top: 4%;}
.con3one h2{position: absolute; top:0%; left:6%; font-size: 0.46rem;  color: #333;}
.con3one h3{position: absolute; top:-0.5%; left:6%; font-size: 0.46rem;  color: #333;}
.con3one .co1{position: absolute; top:36%; left:49%; font-size: 0.34rem; color: #666; line-height: 1.6em; width:43%; }
.con3one .co1 span{color: #7a52b7; font-weight: bold;}


@keyframes ftimg{
	0%{-webkit-transform:scale(1)}
	50%{-webkit-transform:scale(1.1)}
	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)}
}