*{ 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%; }

.top-nav{width:100%;z-index:9999;}
.top-nav ul{width:100%;max-width:750px;margin:0 auto;border-left:1px solid #dfdfdf;box-sizing:border-box;}
.top-nav ul li{width:25%;float:left;text-align:center;border-right:1px solid #dfdfdf;box-sizing:border-box; border-bottom:1px solid #dfdfdf;}
.top-nav ul li a{display:block;font-size:.34rem;line-height:1.1em;padding:.7em 0;color:#282828;background:#fff}

.toutu{width:100%; margin:0 auto; position:relative;}
.toutu a{display:block; position:relative;}
.toutu a i{display:block;width:53%; position:absolute; left:12%; top:31%;animation-duration:2s;}



.con0{width:100%; margin:0 auto; padding:5% 0; background:#fff; position:relative;}
.con0 .nr{display:block;width:90%;margin:0 auto; position:relative;}
.con0 .nr .xx{width:62%; position:absolute; right:0; top:15%;}
.con0 .nr .xx dt{color:#3c3c3c;font-size:.48rem;margin-left:5%; font-weight:600;}
.con0 .nr .xx dd{color:#3c3c3c;font-size:.36rem;margin-left:5%;}
.con0 .nr .xx dd span{color:#fd8258;}
.con0 .nr .xx dd.jg{ margin-top:5%; font-size:.9rem; color:#fd8258; font-family:Arial; font-weight:600;}
.con0 .nr .xx dd.jg i{font-size:.3rem; display:inline-block;width:1em; color:#959495; font-style:normal;line-height:1.1em; font-weight:normal; border:1px solid #959495; padding:1%; margin-right:2%;}
.con0 .nr .xx dd.jg em{font-size:.3rem;font-style:normal; font-weight:normal;}
.con0 .fgx{width:98%; position:absolute; left:0;top:-3%;}

.con1{width:100%; margin:0 auto; padding:5% 0 0 0; background:#fff;}
.con1 .tt{width:65%; margin:0 auto;}
.con1 ul{width:93%; margin:5% auto;}
.con1 ul li{width:50%;float:left; text-align:center; background:#19c2d7;}
.con1 ul li a{display:block; color:#fff; padding:1.2em 0; font-size:0.32rem; position:relative;}
.con1 ul li:nth-child(2) a,.con1 ul li:nth-child(3) a{ background:#85dbe6;}
.con1 ul li a i{font-style:normal; position:absolute; left:48%;top:-3%; line-height:1;color:#3c3c3c;font-size: 0.2rem;}
.con1 .zxk{display:block;width:100%; margin-top:7%; position:relative;}
.con1 .zxk p{color:#fff;font-size:.32rem; position:absolute; left:20%; top:31%;}


.con2{width:100%; margin:0 auto; padding:5% 0 5% 0; background:#e2fbfe; position:relative;}
.con2 .tt{width:67%; margin:5% auto;}
.con2 .nr{width:92%; margin:7% auto; position:relative;}
.con2 .nr dl{ text-align:center; position:absolute;}
.con2 .nr dl dt{font-size:0.32rem; color:#19c2d7;}
.con2 .nr dl dd{font-size:0.3rem; color:#767676;}
.con2 .nr .dl1{left:-2%;bottom:7%;}
.con2 .nr .dl2{left:24%;top:2%;}
.con2 .nr .dl3{left:48%;bottom:7%;}
.con2 .nr .dl4{right:-1%;top:2%;}
.con2 .zxk{display:block;width:100%; margin-top:7%; position:relative;}
.con2 .zxk p{color:#fff;font-size:.32rem; position:absolute; left:20%; top:31%;}
.con2 .fgx{width:98%; position:absolute; left:0;top:-1.5%;}

.clickbtn1{display:block;width:72%; margin:5% auto; font-size:0.46rem; color:#fff; background:#19c2d7; text-align:center; padding:0.7em 0; border-radius:2em; border:0.05rem dotted #fff; }
.clickbtn2{display:block;width:72%; margin:5% auto; font-size:0.46rem; color:#fff; background:#fd8258; text-align:center; padding:0.7em 0; border-radius:2em; border:0.05rem dotted #fff; }

.con22{width:100%; margin:0 auto; padding:5% 0; background:#efefef;}
.dhbox{width:96%; margin:3% auto;}
.dhbox p{font-size:0.3rem;color:#b0b0b0; text-indent:6em; margin-bottom:1%;}
.dhbox .wen{ margin-bottom:3%;}
.dhbox .wen a{display:block;width:70%;float:left;margin-left:3%; background:#fff; font-size:0.33rem; color:#717171; padding:0.7em 1em; position:relative; border-radius:0.1rem;}
.dhbox .wen a:before {content:"";position: absolute;right:100%;top:0.4rem;width:0;height:0;border-top:0.15rem solid transparent;border-right:0.15rem solid #fff;border-bottom:0.15rem solid transparent;}
.dhbox .wen img{width:10%;float:left;margin-left:3%;}
.con22 ul{width:100%; margin:5% auto;}
.con22 ul li{width:20%;float:left; margin-left:4%; text-align:center;}
.con22 ul li a{display:block; font-size:0.37rem;color:#fd8258; text-decoration:underline;}
.btnew2018{width:90%;display:block;padding:3% 0;margin:5% auto 2%;text-overflow:ellipsis;white-space:nowrap;overflow: hidden;}
.btnew2018 span{display:block;float:left;width:70%;padding:0 1%;font-size:0.33rem; color:#717171; text-indent:1em;border-radius:6px;background:#fff;border:1px solid #dedede;line-height:250%;text-align:left;overflow: hidden; box-shadow:0px 0px 10px #ccc;}
.btnew2018 i{display:block;float:right;width:25%; font-size:0.33rem; border-radius:8px;background:#605ca9;color:#fff;border:1px solid #8a98ac;line-height:250%;text-align:center;font-style:normal;letter-spacing:4px;box-shadow:0px 0px 10px #999;}



.con3{width:100%; margin:0 auto; padding:5% 0; background:#c6f9fa; position:relative;}
.con3 .fgx{width:98%; position:absolute; left:0;top:-1%;}
.con3 .tt{width:100%; margin:3% auto;}
.con3 .tt img{display:block;width:52%; margin:0 auto;}
.con3 .tt span{display:block; text-align:center; font-size:0.37rem; color:#646464;}
.con3 .tt span i{display:inline-block;width:1.2666rem; vertical-align:middle; margin:0 2%;}
.con3 .tt span i img{width:100%;}

.con3 ul{width:98%; margin:5% auto;}
.con3 ul li{width:31%;float:left; margin-left:1.75%; margin-bottom:1.75%;}


.con4{width:100%; margin:0 auto; padding-top:5%; background:#fff; position:relative;}
.con4 .fgx{width:98%; position:absolute; left:0;top:-0.3%;}
.con4 .tt{width:100%; margin:3% auto;}
.con4 .tt img{display:block;width:62%; margin:0 auto;}
.con4 .tt span{display:block; text-align:center; font-size:0.37rem; color:#afafaf;}
.con4 .tt span i{display:inline-block;width:1.2666rem; vertical-align:middle; margin:0 2%;}
.con4 .tt span i img{width:100%;}

.con4 .nr{width:100%; margin:0 auto; padding:5% 0;}
.con4 .nr.bg1{ background:#efefef;}

.con4 .nr .stt{display:inline-block; background:#19c2d7;font-size:.48rem; padding:0.2em 1em 0.2em .2em; border-radius:2em; margin:3% 0 3% 3.5%;}
.con4 .nr .stt span{display:inline-block;color:#19c2d7; background:#c6f9fa; padding:0.2em 0.7em; border-radius:1em;}
.con4 .nr .stt i{display:inline-block;color:#fff; text-indent:0.5em; font-style:normal;}
.con4 .nr .fxcase{display:block;width:93%; margin:0% auto;}

.zlfa1{display:block;width:100%; margin:5% auto;}
.zlfa1 img{width:15%;float:left; margin-left:3.5%;}
.zlfa1 dl{width:75%; float:left; margin-left:2%; }
.zlfa1 dl dt{font-size:.37rem;color:#3c3c3c; background:#ffb14c; display:inline-block; padding:0.1em 1em; border-radius:2.2em;margin-top:2%;}
.zlfa1 dl dd{font-size:.33rem; color:#80807f;}

.tips{display:block;width:92%; margin:5% auto; position:relative;}
.tips i{display:block; width:35%; position:absolute; left:7%;top:15%;animation: updown 3s 0s ease both infinite;}
.tips p{font-size:.4rem;color:#3c3c3c; position:absolute; left:47%; top:25%; line-height:1.1em;}


.zlfa2{display:block;width:100%; margin:5% auto 0;}
.zlfa2 img{width:20%;float:left; margin-left:3.5%; margin-top:2%;}
.zlfa2 dl{width:70%; float:left; margin-left:2%; }
.zlfa2 dl dt{font-size:.37rem;color:#3c3c3c; background:#ffb14c; display:inline-block; padding:0.1em 1em; border-radius:2.2em;margin-top:2%;}
.zlfa2 dl dd{font-size:.33rem; color:#80807f;}

.fgx2{width:100%;height:1px;background:#efefef;}


.con5{width:100%; margin:0 auto; padding:5% 0; background:#19c2d7; position:relative;}
.con5 .fgx{width:98%; position:absolute; left:0;top:-1%;}
.con5 .tt{width:100%; margin:3% auto;}
.con5 .tt img{display:block;width:40%; margin:0 auto;}
.con5 .tt span{display:block; text-align:center; font-size:0.37rem; color:#fff;}
.con5 .tt span i{display:inline-block;width:1.2666rem; vertical-align:middle; margin:0 2%;}
.con5 .tt span i img{width:100%;}

.con5 ul{width:94%; margin:5% auto;}
.con5 ul li{width:1.6rem;height:1.6rem;float:left; margin-left:.2rem;}
.con5 ul li a{display:block;width:1.6rem;height:1.2rem; padding-top:.4rem; border-radius:1.6rem; text-align:center; background:#c6f9fa;  font-size:.35rem; color:#5c5b5b; line-height:1.1em; border:1px dashed #32959e;}



.clickbox{width:98%; margin:5% auto;}
.clickbox a{display:block;font-size:.42rem;width:47%;float:left; color:#fff; background:#fd8258; text-align:center; padding:0.7em 0; border-radius:2em; border:0.05rem dotted #fff; margin-left:2%; box-sizing:border-box;}


.con6{width:100%; margin:0 auto; padding:5% 0 0 0; background:#fff; position:relative;}
.con6 .fgx{width:98%; position:absolute; left:0;top:-1.5%;}
.con6 .tt{width:65%; margin:3% auto 5%;}

.con7{width:100%; margin:0 auto; padding:5% 0 0 0; background:#fff;}
.con7 .tt{width:65%; margin:3% auto 5%;}
.con7 ul{width:98%; margin:5% auto;}
.con7 ul li{width:48.5%;float:left; margin-left:1%; margin-bottom:1%; text-align:center;}
.con7 ul li a{display:block; font-size:.33rem; color:#fff; background:#6a7b8f; padding:.7em 0;}
.con7 ul li:nth-child(2) a{ background:#7c707b;}
.con7 ul li:nth-child(3) a{ background:#e67a60;}
.con7 ul li:nth-child(4) a,.con7 ul li:nth-child(5) a{ background:#298c96;}

.con8{width:100%; margin:0 auto; padding-top:5%; background:#fff;}
.con8 .tt{width:100%; margin:3% auto;}
.con8 .tt img{display:block;width:54%; margin:0 auto;}
.con8 .tt span{display:block; text-align:center; font-size:0.37rem; color:#afafaf;}
.con8 .tt span i{display:inline-block;width:1.2666rem; vertical-align:middle; margin:0 2%;}
.con8 .tt span i img{width:100%;}
.con8 ul{width:98%; margin:5% auto;}
.con8 ul li{width:23.5%;float:left; margin-left:1%}

#caseswiper{width:86%; margin:5% auto;padding-bottom:5%;}
#caseswiper .swiper-pagination-bullet{ background:#ccc; opacity:1;}
#caseswiper .swiper-pagination-bullet-active{ background:#354a67;}

#zjswiper{width:100%; margin-top:7%}
#zjswiper .swiper-pagination-bullet{ background:#ccc; opacity:1;}
#zjswiper .swiper-pagination-bullet-active{ background:#354a67;}



@keyframes ftimg105{
	0%{opacity:0;transform:scale(0.95)}
	50%{opacity:1;transform:scale(1)}
	100%{opacity:0;transform:scale(0.95)}
}
@keyframes updown{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-10px)}
	100%{opacity:1;transform:translateY(0px)}
}