*{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:400;font-variant:normal;}
a{text-decoration:none;border:0 none;outline:0 none}
a:link{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.clear{margin:0;padding:0;clear:both}
.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden}
dd,dl,dt,li,ul{list-style-type:none;margin:0;padding:0;background:0 0}
p{margin:0;padding:0}
img{width:100%}



.headdiv{width:100%;height:1.1rem;background-size:100%;background-image:url(../images/bannerbg.jpg);}

.head{width:100%; background:rgba(255,255,255,.6);margin:0 auto;z-index:2;position:relative;}
.head .categray{width:10%;height:100%; position:absolute; left:0;top:0;}
.head .home{width:70%;height:100%; position:absolute; left:15%;top:0;}
.head .search{width:10%;height:100%; position:absolute; right:0;top:0;}


.toubu{width:100%; position: fixed; left:0;top:0;z-index:999;}
.toubu .nr{width:100%; max-width:750px;margin:0 auto;}

.qbnav{ background:#3858a7;}
.qbnav li{width:33.3%;float:left; text-align:center; cursor:pointer; font-size:.37rem; color:#f9fcad;border-left:1px solid #ecebed; box-sizing:border-box;padding: 2%;font-weight:bold;}
.qbnav li img{width:18%;margin-right:2%;vertical-align:middle}
.qbnav li.on{ background:#6797da;font-weight:bold; color:#f9fcad;}

.content{ background:#fff;}
.content h2{font-size:.53rem;color:#0d1c3a; padding:.5em 0; text-align:center;font-weight: normal;}
.content h2 span{font-weight:bold;}
.content .wt{width:94%;margin:0 auto;}
.content .wt li{text-align:center;width:42%;float:left;font-size:0.32rem;border:1px solid #04215f;color:#04215f;padding:2%;margin-left:2%;margin-bottom:4%;border-radius:0.5rem;}

.content fieldset{border-left:none;border-right:none;border-bottom:none; border-color:#fefefe; margin-top:2%; visibility:hidden;}
.content fieldset legend{margin:0 auto; padding:0 .2rem;font-size:.45rem;color:#999;}
.content .zjlist{width:100%;margin-left:1%;}
.content .zjlist li{width:22.2%;
    float: left;
    margin-left: 1.8%;
    margin-bottom: 1%;
    cursor: pointer;}
.content .xmlist{width:100%;}
.content .xmlist li{width: 23.6%;
    float: left;
    margin-left: 1%;
    margin-bottom: 4%;}
.content .xmlist li a{display:block; position:relative;}
.content .xmlist li a p{width:82%; position:absolute; right:0;top:22%; font-size:.32rem;color:#fff; text-align:center;}
.content .wtlist{ width: 100%;
    margin: 5% auto 2%;}
.content .wtlist li{width:47%;float:left; margin-left:2%; margin-bottom:2%;}
.content .wtlist li a{display: block;
    font-size: .35rem;
    color: #333;
    text-align: center;
    background: #fff;
    padding: .5em 0;
    border: 1px solid #dcdcdc;
    border-radius: 0.5em;}
.content .wtlist li a span{font-weight:bold;}
.content .wtlist li.s1{width:40%;}
.content .wtlist li.s2{width:54%;}

.allist{width:96%; margin:3% auto; background:#fff; border-radius:.2rem; overflow:hidden;}
.allist .tx{width:93%; margin:3% auto; padding-bottom:3%; border-bottom:1px solid #ecebed; overflow:hidden;}
.allist .tx .img{width:18%;float:left;}
.allist .tx dl{float:left; margin-left:2%;}
.allist .tx dl dt{font-size:.53rem;color:#333;font-weight:bold; margin-top:5%;}
.allist .tx dl dd{font-size:.32rem;color:#30ccc3; text-decoration:underline;}
.allist .dp{width:89%; margin:3% auto; border-bottom:1px solid #ecebed; overflow:hidden;font-size:.32rem;color:#000; padding:0 2% 3% 2%;}
.allist .dp dt{font-weight:bold;}
.allist .gc{width:93%; margin:3% auto;}

.xmmore{display: block;
    width: 42%;
    margin: 0 auto;
    font-size: .48rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 0.3em 0;
    border-radius: 2em;
    background-image: -webkit-linear-gradient(0deg,#ff4560,#ff829c);
    background-image: linear-gradient(0deg,#ff4560,#ff829c);}

.duihua{width:100%; overflow:hidden; margin:3% auto;opacity:0;transform:translate3d(0,100%,0);}
.duihua .kf{width:12%;float:left; margin-left:2%; margin-top:3%;}
.duihua .wz{    width: 7.45rem;
    height: 1.05rem;
    background: url(../images/k1.png) no-repeat;
    background-size: cover;
    float: left;
    margin-left: 2%;
    font-size: .37rem;
    color: #333;
    line-height: 1.08rem;
    text-indent: 2em;
    margin-top: 0.4rem;}
.duihua .wz.wz2{width:6.44rem;background:url(../images/k2.png) no-repeat;background-size:cover;}
.duihua .wz.wz3{width:4.65rem;background:url(../images/k3.png) no-repeat;background-size:cover;}
.duihua .wz p{ line-height:1.1em; text-indent:0; margin-left:7%; margin-top:5%; margin-right:3%;}
.duihua .wz i{display:inline-block;width:.28rem;height:.28rem;background:url(../images/s.png) no-repeat;background-size:cover;}

.fasong{width:100%; position:fixed;left:0;bottom:0;z-index:999;}
.fasong .nr{display:block;overflow:hidden; }
.fasong .nr .img{width: 9%;
    float: left;
    margin-left: 0%;
    margin-top: 1%;}
.fasong .nr .sr{width: 60%;
    float: left;
    margin-left: 3%;
    border-left: 1px solid #e7e7e7;
    padding: 2% 0;
    margin-top: 1%;
    background: #fff;
    border-top: 1px solid #ecebed;
    border-radius: 0.15rem;margin-right: 2%;}
.fasong .nr .sr input{width:97%;font-size:.36rem;color:#333; margin-left:3%; padding:.2em 0; border:none; outline:none;}
.fasong .nr .btn{display: block;
    width: 21%;
   font-size: 0.42rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #30ccc3;
    padding: .5em 0;
    border-radius: 0.1rem;
    margin-top: 1%;
    float: left;}


.DHactive .duihua1{animation: fadeInUp .5s linear 5.2s 1;-webkit-animation:fadeInUp .5s linear 5.2s 1;animation-fill-mode:forwards}
.DHactive .duihua2{animation: fadeInUp .5s linear 7s 1;-webkit-animation:fadeInUp .5s linear 7s 1;animation-fill-mode:forwards}
.DHactive fieldset.on{ visibility:visible;}

.DHactive2 .duihua1{animation: fadeInUp .5s linear .2s 1;-webkit-animation:fadeInUp .5s linear .2s 1;animation-fill-mode:forwards}
.DHactive2 .duihua2{animation: fadeInUp .5s linear 2s 1;-webkit-animation:fadeInUp .5s linear 2s 1;animation-fill-mode:forwards}
.DHactive2 fieldset{ visibility:visible;}




.anlilist {padding:4%;
   clear: both;
    overflow: hidden;}
.anlilist .anlihead { line-height:1.1rem;}
.anlilist .anlihead .icon1{margin: -0.8rem .1rem;
    display: inline-block;
    width: 10%;
    height: 1.4rem;
    background: url(../images/anli_icon1.png) no-repeat;
    background-size: contain;}
.anlilist .anlihead .icon2 { background: url(../images/anli_icon2.png) no-repeat; background-size: contain;}
.anlilist .anlihead b{    margin-right: 0.2rem;
    font-size: 0.38rem;
    font-weight: 600;
    color: #11d2de;}
.anlilist .anlihead span {padding-left:5%;
    color: #888888;
    font-size: .29rem;
    font-weight: 100;
    background: url(../images/icon.png) no-repeat;
    background-size: contain;}
.anlilist p{padding: 2% 0;
    font-weight: normal;
    font-size: 0.32rem;
    line-height: 0.5rem;}
.anlilist p a{color:#3c3c3c;}
.anlilist p span{border-bottom:2px solid #f64369;}


.conchat{width:100%; height: 4rem; padding-top: 2%; background: #f4f4f4}
.conchat h3{font-size: .36rem; font-weight: normal; color: #5e328f; border-bottom: 1px solid #d9d9d9; padding-bottom: 2%; text-align: center}
.conchatleft{float: left; width:9.4%; padding:3% 0 2% 4%;}
.conchatright{position: relative; width:78.3%;float: left; margin:3% 0 2% 2%}
.conchatright .kcon{position: absolute; top:4%; left: 6%; width:90%}
.conchatright .kcon1{font-size: 0.32rem; font-weight: normal; line-height: 1.5em; color: #000; width:88%; position: absolute; top:14%; left: 6%;}
.kcon h2{font-size: 0.32rem; font-weight: normal; line-height: 1.5em; color: #000; width:98%}
.kcon h1{font-size: 0.32rem; font-weight: normal; line-height: 1.5em; color: #000; padding-top: 1%}
.kconbq{position: absolute; width:5.3%; top:34%; left: 24%;}

.case{padding-bottom: 6%; width:100%;}
.case .pp{font-size: .32rem; padding: 3% 0 0 6%; line-height: 1.6em; width:90%; color: #333;}
.case .click1{border-radius: .3em; padding: 2% 0; margin: 4% 0 0 4%; background: -webkit-linear-gradient(0deg, #f78e9d, #de495e); text-align: center;  color: #fff; font-size: .42rem; width:42%; font-weight: 700; box-shadow:.2em .2em 0 #f8dbdf;animation: updown 2s 0s ease both infinite; float: left}
.case .click2{border-radius: .3em; padding: 2% 0; margin: 4% 0 0 7%; background: -webkit-linear-gradient(0deg, #8499cd, #3354a5); text-align: center;  color: #fff; font-size: .42rem; width:42%; font-weight: 700; box-shadow:.2em .2em 0 #dce1f0;animation: updown 2s 0s ease both infinite; float: left}


@keyframes ftimg{0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@keyframes ftimg2{0%{opacity:1;transform:translateX(0)}
50%{opacity:1;transform:translateX(5px)}
100%{opacity:1;transform:translateX(0)}
}
@keyframes updown{0%{opacity:1;transform:translateY(0)}
0%{opacity:1;transform:translateY(8px)}
50%{opacity:1;transform:translateY(0)}
100%{opacity:1;transform:translateY(8px)}
}
@keyframes updown1{
	0%{opacity:1;transform:translateY(0)}
	50%{opacity:1;transform:translateY(-5px)}
	100%{opacity:1;transform:translateY(0px)}
}
@keyframes leftright{
	0%{opacity:1;transform:translateX(0)}
	50%{opacity:1;transform:translateX(-5px)}
	100%{opacity:1;transform:translateX(0px)}
}