*{ 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;color:#3c3c3c;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%; margin:0 auto; position:relative;}
.headerbanner .clickbtn1{position:absolute;width:44%;  font-size:0.4rem;background:#7c45b4;  color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite; top:85%; left:4%; font-weight: bold;}
.headerbanner .clickbtn2{position:absolute;width:44%;  font-size:0.4rem; background:#5f348b; color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite;top:90%; left:52%;font-weight: bold;}
.headerbanner a{color: #fff}

.connav{width:100%; padding-top: 14%}
.connav .nav{width:100; margin-left: 2%;}
.connav li{ float: left; text-align: center;  padding: 3% 0;  border: 2px solid #000;color: #000; font-size: 0.3rem; }
.connav1{width:22%;}
.connav2{width:18%;  margin-left: 2%; }
.connav3{width:26%; margin-left: 2%;  }
.connav4{width:22%; margin-left: 2%;  }
.tounav a{color: #fff}



.con1{width:100%; padding-top: 9%; position: relative;color: #333;}
.con1text{position:relative;}
.con1text p{    position: absolute;
    font-size: 0.32rem;
    width: 90%;
    margin-left: 5%;
    line-height: 0.55rem;
    color: #626263;}
.con1 .co1{position: absolute;
    top: 47%;
    left: 22%;
    font-size: 0.32rem;
    width: 32%;}
.con1 .co2{    position: absolute;
    top: 59%;
    left: 22%;
    font-size: 0.32rem;
    width: 34%;}
.con1 .co3{position: absolute;
    top: 70%;
    left: 22%;
    font-size: 0.32rem;
    width: 31%;}
.con1 h2{ font-size: 0.38rem;
    text-decoration: underline;
    margin-left: 5%;
    line-height: 0.6rem;margin-top: 4%;}
.con1 h3{ position: absolute;  top:43%; left:58%; font-size: 0.38rem; width:40%; text-decoration: underline;}
.con1 h4{ position: absolute;  top:48%; left:58%; font-size: 0.38rem; width:40%; text-decoration: underline;}
.con1 h5{ position: absolute;  top:54%; left:58%; font-size: 0.38rem; width:40%; text-decoration: underline;}



.con2{width:100%; padding-top: 14%;background:#f4f4f4; }
.con2text{position:relative;margin-top: 4%;}
.con2text p{ position: absolute;
    width: 43%;
    font-size: 0.37rem;
    left: 7%;
    top: 21%;
    line-height: 0.55rem;}
.con2text p span{font-weight:bold;}
.clickbtn1{ margin: 6% auto 12%; width:68%;  font-size:0.4rem;background:#5f348b;  color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite;  font-weight: bold;}
.clickbtn1 a{color:#fff;}
.con2 a{ color: #fff;}
.zxk{width:100%; margin:0 auto;}
.zxk a{display:block; position:relative;}
.zxk a p{font-size:.38rem;color:#393939; position:absolute; left:20%;top:28%;}


.con3{width:100%;  }
.con3text{position:relative;}
.con3text p{position: absolute;
    width: 46%;
    left: 5%;
    font-size: 0.35rem;
    top: 19%;
    line-height: 0.53rem;}
.con3text p span{font-size:bold;}
.jishu2{width:100%; padding: 4% 0 2%}
.jishu2 h2{margin: 0 auto 2%; width:50%;  font-size:0.4rem;background:#1b022f;  color:#fff; text-align: center; padding:0.4em 0;font-weight: bold; }
.jishu2 li{ position: relative; width:50%; float: left;}
.jishu2 .co1{ position: absolute; width:78%; top:58%; left:11%; font-size:0.24rem; color: #fff;}
.jishu2 .co2{ position: absolute; width:78%; top:58%; left:11%; font-size:0.24rem; color: #fff;}

.jishu1{width:100%; padding: 4% 0 2%}
.jishu1 h2{margin: 0 auto 2%; width:50%;  font-size:0.4rem;background:#1b022f;  color:#fff; text-align: center; padding:0.4em 0;font-weight: bold; }
.jishu1 li{ position: relative; width:33.3%; float: left;}
.jishu1 .co1{ position: absolute; width:80%; top:67%; left:12%; font-size:0.24rem; color: #fff;}
.jishu1 .co2{ position: absolute; width:80%; top:67%; left:10%; font-size:0.24rem; color: #fff;}
.jishu1 .co3{ position: absolute; width:80%; top:67%; left:8%; font-size:0.24rem; color: #fff;}





.case{width:100%; margin-top: 14%; background: #12011f; padding-top: 6%;}
.case .co1{width:50%; float: left;}
.case .co3{margin: 18% auto 2%; width:60%;  font-size:0.4rem; color:#fff; text-align: center; padding:0.4em 0; border: 2px solid #fff;}
.case .co4{margin: 2% auto 2%; width:74%;  font-size:0.28rem; color:#333; text-align: center; padding:0.5em 0; background: #ddd}
.casejishu{width:100%; padding-top: 4%;}
.casejishu li{ position: relative; width:33.3%; float: left;}
.casejishu h2{ position: absolute; width:80%; top:42%; left:12%; font-size:0.3rem; color: #fff;}
.casejishu .pp1{ position: absolute; width:80%; top:56%; left:12%; font-size:0.24rem; color: #fff;}
.casejishu .pp2{ position: absolute; width:80%; top:56%; left:10%; font-size:0.24rem; color: #fff;}
.casejishu .pp3{ position: absolute; width:80%; top:56%; left:8%; font-size:0.24rem; color: #fff;}
.case .clickbtn1{ float: left;width:44%;  font-size:0.36rem;background:#e8cf8d;  color:#fff; text-align: center; padding:0.5em 0; animation: updown 2s 0s ease both infinite; margin:6% 0 8% 4% }
.case .clickbtn2{float: left;width:44%;  font-size:0.36rem; background:#e3c160;  color:#fff; text-align: center; padding:0.5em 0; animation: updown 2s 0s ease both infinite;margin:6% 0 8% 3% }
.case .clickbtn3{ float: left;width:44%;  font-size:0.36rem;background:#e8cf8d;  color:#fff; text-align: center; padding:0.5em 0; animation: updown 2s 0s ease both infinite; margin:4% 0 6% 4%;border-radius:1.5em; }
.case .clickbtn4{float: left;width:44%;  font-size:0.36rem; background:#e3c160;  color:#fff; text-align: center; padding:0.6em 0; animation: updown 2s 0s ease both infinite;margin:4% 0 6% 3%;border-radius:1.5em; }
.case a{color: #fff}
.casetext li{position: relative; width:50%; float: left;}
.casetext .an1{position: absolute; font-size: 0.4rem; font-weight: bold; color: #fff; top:16%; left:34%;}
.casetext .an2{position: absolute; font-size: 0.4rem; font-weight: bold; color: #fff; top:16%; left:20%;}




.con4{width:100%; }
.con4text1{position:relative; }
.con4text1 p{position: absolute;
    width: 89%;
    font-size: 0.36rem;
    color: #fff;
    line-height: 0.6rem;
    margin: 2% 7% 7% 6%;}
.con4text1 span{font-weight: bold;color:#d9bb7d;}
.con4 li{ float:left; width:50%;}
.con4 .clickbtn1{ margin: 6% auto 12%; width:80%;  font-size:0.4rem;background:#d1b464;  color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite;  font-weight: bold;}
.con4 a{color: #fff;}

.con6{width:100%;padding-top:8%;}
.con6text{padding-bottom:4%;}
.con6text .bt{margin-top:4%;}
.con6text .bt img{width: 12%;
    float: left;
    vertical-align: middle;
    margin-right: 2%;
    margin-left: 5%;}
.con6text .bt p{font-size:0.45rem;}
.con6text .bt p span{font-weight:bold;color:#fff;background:#d9bb7d;}
.con6text .nr{position:relative;margin-top: 5%;}
.con6text .nr p{    position: absolute;
    font-size: 0.38rem;
    width: 83%;
    left: 12%;
    top: 14%;
    line-height: 0.55rem;}
.con6text .nr p span{font-weight:bold;color:#d9bb7d;}
.con7 .anniu{position:relative;}
.con7  .clickbtn1{position:absolute;width:44%;  font-size:0.4rem;background:#7c45b4;  color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite; top:2%; left:4%; font-weight: bold;}
.con7  .clickbtn2{position:absolute;width:44%;  font-size:0.4rem; background:#5f348b; color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite;top:24%; left:52%;font-weight: bold;}
.clickbtn2 a{color:#fff;}
.con5{width:100%; padding: 8% 0}
.con5qa{width:100%; padding-top: 6%; position: relative; }
.con5qa img{padding-bottom: 6%;}
.con5qa .co1{ position: absolute; width:78%; top:9%;  left:18%; font-size: 0.32rem; color: #333;}
.con5qa .co2{ position: absolute; width:78%; top:28%;  left:6%; font-size: 0.32rem; color: #fff;}
.con5qa .co3{ position: absolute; width:78%; top:56%;  left:18%; font-size: 0.32rem; color: #333;}
.con5qa .co4{ position: absolute; width:78%; top:73%;  left:6%; font-size: 0.32rem; color: #fff;}
.con5 .clickbtn1{ margin: 6% auto 12%; width:80%;  font-size:0.4rem;background:#d1b464;  color:#fff; text-align: center; padding:0.6em 0; border-radius:1.5em;animation: updown 2s 0s ease both infinite;  font-weight: bold;}
.con5 a{color: #fff;}

.con8text1 {
    width: 89%;
    font-size: 0.36rem;
    color: #3c3c3c;
    line-height: 0.6rem;
    margin: 2% 7% 2% 6%;}
.con8text1 span{font-weight: bold;color:#d9bb7d;}






@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 zy{
	0%{opacity:1;transform:translateX(0px)}
	50%{opacity:1;transform:translateX(30px)}
	100%{opacity:1;transform:translateX(0px)}
}