@charset "utf-8";
/* CSS Document */
*{ 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%; }

.ztsnav{width:100%; background:#fff; overflow:hidden;}
.ztsnav li{width:19%;float:left;}
.ztsnav li a{display:block; color:#3c3c3c; text-align:center; font-size:0.36rem; padding:0.5em 0;}
.ztsnav li.s{width:24%;}
.ztsnav li.s a{padding:0.4em 0 0.4em 0.3em}


.toutu{width:100%; margin:0 auto; position:relative;}
.toutu .click{border-radius: 3em; width:40%; background: #f5ab52;  color: #fff; font-size: .36rem; font-weight: 700; text-align: center; padding: 1.5% 0; position: absolute; bottom:2%; left: 11%;}


.juanb{ display: block; float:left; width: 98%; margin:4% 0 0 2%;}
.juanb li{float:left; width:31%; margin: 1% }
.juanb li.pf1{animation:updown 1.8s 0s ease both infinite;}
.juanb li.pf2{animation:updown 1.5s 0s ease both infinite;}
.juanb li.pf3{animation:updown 2s 0s ease both infinite;}



.bhnav{width:100%; margin:0 auto; position:relative;}
.bhnav ul{width:100%; max-width:750px; margin:0 auto;background-image:-webkit-linear-gradient(-90deg,#f4b357,#f4a153);background-image:linear-gradient(180deg,#f4b357,#f4a153); position:relative;}
.bhnav ul li{width:24.25%;float:left; text-align:center;}
.bhnav ul li a{display:block; font-size:.32rem; color:#fff; font-weight:600; padding:0.8em 0;}
.bhnav ul li.s{width:1%;height:.6rem; margin-top:3%;}
.bhnav ul li.s span{display:block;width:1px; height:100%; background:#f7c380; margin:0 auto;}




.con1{width:100%; margin:0 auto; padding:1px 0; background:#fff;}
.tt{width:100%; margin:5% auto 2%;}
.tt dt{font-size:0.57rem;color:#3e3e3e; font-weight:600; text-align:center;}
.tt dd{font-size:.3rem;color:#858585;text-align:center; font-weight:300;}

.rdwtul{width:100%; margin:3% auto; }
.rdwtul li{width:48.5%;float:left; text-align:center; background:#ededed; margin-bottom:1%; margin-left:1%; border-radius:.1rem;position: relative }
.rdwtul li a{display:block;font-size:0.4rem; text-align:center; padding:0.7em 0; color:#585757;}

.rdwtul .bq{width:16%; position: absolute; top:-6%; right: 3%;animation:zy 1.8s 0s ease both infinite;}



.con2{width:100%; margin:0 auto; padding:1px 0; background:#fff7e9;}

.stt{width:47%; margin:7% auto 5%; position:relative;}
.stt p{font-size:.6rem;color:#000; text-align:center; width:100%; position:absolute; left:0; top:-75%; font-weight:600;}



.casebox{width:100%; margin:5% auto 10%;}
.casebox .left{width:44%;float:left; margin-left:3%;}
.casebox .right{width:49%;float:left; margin-left:2%;}
.casebox .right p{font-size:.3rem;color:#3b3b3b; margin-bottom:4%; line-height:1.5em;}
.casebox .right p span{color:#fe6054; border:1px solid #fe6054; padding:.05em .3em; border-radius:2.1em;}

.clickbtn1{display:inline-block;font-size:0.32rem;color:#fff; background:#ff6054; width:40%;text-align:center;margin-left:5%; margin-top:3%;padding:.7em 0; border-radius:2.4em;}
.clickbtn2{display:inline-block;font-size:0.32rem;color:#fff; background:#595959; width:40%;text-align:center;margin-left:7%; margin-top:3%;padding:.7em 0; border-radius:2.4em;}

.clickbtnA{display:block;width:60%; margin:5% auto; position:relative;}
.clickbtnA p{width:100%; position:absolute; left:0;top:15%;font-size:.4rem;color:#fff; text-align:center;}
.clickbtnB{display:block;width:60%; margin:0 auto; position:relative;}
.clickbtnB p{width:100%; position:absolute; left:0;top:15%;font-size:.45rem;color:#fff; text-align:center;}


.clickbtn3{display:block;font-size:0.32rem;color:#fff; background:#ff6054; width:40%;text-align:center;margin-left:5%; margin-top:3%;padding:.7em 0; border-radius:2.4em;}

.con3{width:100%; margin:0 auto; padding:1px 0; background:#fff;}

.ysul1{width:100%; margin:5% auto;}
.ysul1 li{width:31%;float:left; margin-left:1.75%;}
.ysul1 li dl{ text-align:center;color:#1b1b1b; margin-top:1%;}
.ysul1 li dl dt{font-size:.37rem;font-weight:600; line-height:2em;}
.ysul1 li dl dd{font-size:.28rem;}
.ysul1 li p{font-size:.26rem;color:#606060; text-align:center;}
.ysul1 li .fgx{width:40%; margin:3% auto; height:.04rem; background:#ff831b;}

.ysul2{width:90%; margin:5% auto;}
.ysul2 li{width:47%;float:left; margin-left:2%;}
.ysul2 li dl{ text-align:center;color:#1b1b1b;margin-top:1%; }
.ysul2 li dl dt{font-size:.37rem;font-weight:600;}
.ysul2 li dl dd{font-size:.28rem;}
.ysul2 li p{font-size:.24rem;color:#606060; text-align:center;}
.ysul2 li .fgx{width:40%; margin:3% auto; height:.04rem; background:#ff831b;}



.con4{width:100%; margin:6% auto 0; padding:1px 0; background:#fff;}


.ysbox{display:block;width:100%; position:relative;}
.ysbox h3{ position:absolute;color:#252525;font-weight:600; font-size:.68rem; left:6%;top:20%;}
.ysbox h3 span{font-size:.37rem;font-weight:normal;}
.ysbox dl{ position:absolute;width:60%; left:0; top:40%;}
.ysbox dl dt{font-size:.33rem;color:#ff6054; text-align:center; font-weight:600; margin-bottom:2%;}
.ysbox dl dd{display:inline-block;width:45.5%; margin-left:3%; text-align:center; font-size:.3rem;color:#ff6054; border:.03rem dotted #ff6054; padding:0.4em 0; border-radius:2em; box-sizing:border-box;}
.ysbox p{ position:absolute; font-size:.32rem;color:#9c8a7c; left:5%; top:70%; width:90%;}
.ysbox p span{color:#4f4135; margin-right:5%;}
.ysbox .btn{position:absolute; display:inline-block; left:17%;top:82%; background:#2b2b2b;color:#fff; font-size:.33rem; font-weight:600; padding:.5em 1em;}
.ysbox .btn i{display:inline-block; width:.3rem; vertical-align:middle;}


#zjswiper{width:100%; margin:2% auto 0; padding-bottom:6%;}
#zjswiper .swiper-pagination-bullet-active{ background:#ff831b;}


.con5{width:100%; margin:0 auto; padding:1px 0; background:#fff;}

.pjbox{width:96%; margin:5% auto; padding:5% 0; background:#f3f4f6;}
.pjbox dl{width:32%;float:left; text-align:center; margin-left:9%;}
.pjbox dl dt{font-size:1rem;font-weight:600;color:#ff8620; line-height:1em;}
.pjbox dl dd{font-size:.4rem;color:#1b1b1b;}
.pjbox ul{width:50%;float:left;margin-left:4%;}
.pjbox ul li{font-size:.36rem;color:#464646;}
.pjbox ul li span{font-size:.44rem;color:#ff831b; margin:0 3%;font-family:"宋体"}
.pjbox ul li strong{font-size:.44rem; font-weight:normal; color:#464646;}

.pjlist{width:94%; margin:5% auto;}
.pjlist .list{ border-bottom:1px solid #e1e1e1; padding-bottom:3%; margin-top:5%;}
.pjlist .list .tx{width:12%;float:left; margin-left:2%;}
.pjlist .list .nr{width:82%;float:left; margin-left:3%;}
.pjlist .list .nr .nc{font-size:.37rem;color:#1b1b1b; font-weight:600;float:left;width:60%;}
.pjlist .list .nr .pf{font-size:.37rem;color:#464646; float:left;width:60%;}
.pjlist .list .nr .pf span{font-size:.44rem;color:#ff831b; margin-left:2%; font-family:"宋体"}
.pjlist .list .nr .rq{font-size:.42rem;color:#777;float:right; margin-top:3%;}
.pjlist .list .nr .pjnr{}
.pjlist .list .nr .pjnr p{font-size:.32rem;color:#1e1e1e;}
.pjlist .list .nr .pjnr .img1{width:70%; margin:2% 0;}

.pjlist .list .hfbox{ background:#f2f2f2; padding:2% 0; margin-top:3%; position:relative;}
.pjlist .list .hfbox a{display:block; width:95%; margin:0 auto; font-size:.3rem; color:#3f3f3f; line-height:1.5em;}
.pjlist .list .hfbox a i{display:inline-block;width:.56rem; vertical-align:middle;}
.pjlist .list .hfbox a strong{font-weight:600;}
.pjlist .list .hfbox a span{color:#ff6054; text-decoration:underline;}
.pjlist .list .hfbox:after{width:0; height:0; content:"";border-width:.4rem;border-style:solid;border-color: transparent transparent #f2f2f2 transparent; position:absolute; left:20%;top:-35%;}

.pjlist .clickbox{width:96%; margin:3% auto;}
.pjlist .clickbox a{display:block;width:42.5%;float:left; margin-left:5%;color:#fff; background:#ff6054; text-align:center;font-size:.44rem; padding:.5em 0; border-radius:2em;}

.fgbox{width:100%;height:.4rem; background:#f0f0f0;}



.con6{width:100%; margin:8% auto 0; padding:1px 0; background:#fff;}
.con6 ul{width:100%; margin:5% auto;}
.con6 ul li{width:32%;float:left; margin-left:1%;}
.con6 ul li p{font-size:.33rem;color:#1b1b1b; line-height:2em; text-align:center;}

.con7{width:100%; margin:0 auto; padding:1px 0; background:#fff;}
.con7 .tt{margin:0 auto 5%;}
.sfyy{width:90%; margin:0 auto;}
.sfyy a{display:block;position:relative;}
.sfyy a dl{width:58%; position:absolute; left:40%;top:0;}
.sfyy a dl dt{font-size:.37rem;color:#ff6054;}
.sfyy a dl dt span{display:inline-block;color:#fff; background:#ff6054; padding:.1em .5em; border-radius:.1rem; margin-right:2%;}
.sfyy a dl dd{font-size:.3rem;color:#717171; margin-top:1%;}
.sfyy2 a dl{left:1%;top:2%;}
.sfyy3 a dl{left:40%;top:5%;}
.sfyy4 a dl{left:1%;top:5%;}
.sfyy5 a dl{left:40%;top:5%;}
.sfyy5{ margin-bottom:5%;}

.con8{width:100%; margin:0 auto; padding:1px 0; background:#fff;}
.clickbtn3{display:block;font-size:0.3rem;color:#fff; background:#ff6054; width:86%; margin:3% auto;text-align:center;padding:.7em 0; border-radius:2.4em;}
.casebox2{width:100%; margin:5% auto;}
.casebox2 .info{width:44%;float:left; margin-left:3%; margin-right:3%; margin-bottom:7%;}
.casebox2 .info.other{margin-bottom:0;}
.casebox2 .info .nr{ margin:5% 0;}
.casebox2 .info .nr p{font-size:.3rem;color:#3b3b3b; margin-bottom:4%; line-height:1.5em;}
.casebox2 .info .nr p span{color:#fe6054; border:1px solid #fe6054; padding:.05em .3em; border-radius:2.1em;}
.casebox2 .info .stt{width:90%;}
.casebox2 .info .stt p{top:-110%;}

.con9{width:100%; margin:0 auto; padding:1px 0; background:#fff7e9;}
.yqbox{width:100%; margin:5% auto 0;}
.yqbox .yq{width:47%;float:left; margin-left:2%; margin-bottom:5%;}
.yqbox .yq.other{ margin-bottom:0;}
.yqbox .yq .nr{ margin:5% 0;}
.yqbox .yq .nr p{font-size:.3rem;color:#3b3b3b; margin-bottom:4%; line-height:1.5em;}
.yqbox .yq .nr p span{color:#fe6054; border:1px solid #fe6054; padding:.05em .3em; border-radius:2.1em;}


.con10{width:100%; margin:0 auto; padding:1px 0 3%; background:#fff;}
.con10 .tt{ margin:0 auto;}
.con10 ul{width:100%; margin:5% auto 1px;}
.con10 ul li{width:45.5%;float:left; margin-left:3%; margin-bottom:3%;}
.con10 ul li dl{ text-align:center;color:#1b1b1b; margin:2% 0;}
.con10 ul li dl dt{font-size:.37rem; font-weight:600;}
.con10 ul li dl dd{font-size:.32rem;}
.con10 ul li .line{width:25%; margin:2% auto; height:.04rem; background:#ff831b;}
.con10 ul li p{color:#606060;font-size:.3rem; text-align:center; padding:0 5%;}

.con11{width:100%; margin:0 auto; padding:1px 0 3%; background:#fff;}
.con11 .nr{width:100%; padding:1% 0; background:#fdf6ec;}
.con11 .nr .img{display:block;width:94%; margin:0 auto;}

.clickbtn4{display:block;font-size:0.36rem;color:#fff; background:#ff6054; width:36%; margin:3% auto;text-align:center;padding:.7em 0; border-radius:2.4em;}

.ztnb_dialoge_box{width:100%; position:fixed;left:0;bottom:0; z-index:3147483645; display:none;}
.ztnb_dialoge{width:100%; max-width:750px;margin:0 auto;padding:0 0 1% 0;background:#f0f0f0;overflow:hidden;border-radius:0.24rem;}
.ztnb_dialoge_tt{font-size:0.35rem;line-height:300%;background:#605ca8;color:#fff; text-align:center; position:relative;}
.ztnb_dialoge_tt .close_ztnb_dialoge{display:block; font-size:0.5rem;color:#fff; position:absolute;top:15%; right:3%; width:0.6rem;height:0.6rem; line-height:0.6rem; border-radius:0.6rem; border:1px solid #fff;}
.ztnb_dialoge_nr{width:96%; margin:5% auto; overflow:hidden;}
.ztnb_dialoge_nr .tx{width:20%;float:left;}
.ztnb_dialoge_nr .dh{width:75%;float:left; margin-left:5%;background:#fff;color:#585757; font-size:0.36rem;border-radius:0.2rem;position:relative;}
.ztnb_dialoge_nr .dh:before {content:"";position: absolute;right: 100%;top:20px;width: 0;height: 0;border-top:10px solid transparent;border-right:12px solid #fff;border-bottom:12px solid transparent;}
.ztnb_dialoge_nr .dh p{padding:0.5em 0.5em 0 0.5em;}
.ztnb_dialoge_nr .dh i{ font-style:normal; display:block; padding:0 0.5em 0.5em;}
.ztnb_dialoge_nr .dh i em{display:inline-block; vertical-align:middle;width:8%;}
.ztnb_dialoge .dhclick{display:block;width:96%; margin:5% auto;}
.ztnb_dialoge_form{width:96%; margin:3% auto; background:#fff; border-radius:0.2rem 0 0 0.2rem; overflow:hidden;}
#ztnbDialoge{font-size:0.38rem;width:80%; background:#fff; border:none; outline:none; padding:2% 0; text-indent:1em; color:#3c3c3c;}
#ztnbDialogeButton{font-size:0.38rem;display:inline-block;width:20%; text-align:center;padding:2% 0; background:#605ca9; color:#fff;border-radius:0.1rem; cursor:pointer;}






.qblc{width:100%; margin:10% auto 0; background:#fff;}
.qblctext{width:94%; margin: 0 auto; position: relative}
.qblcx{width:6%; position: absolute;top:20%; left: 2%;}
.qblc .co1{position: absolute; font-size: 0.46rem; font-weight: 700; color: #fff; top:14%; left: 10%;}
.qblc .co2{position: absolute; font-size: 0.3rem;  color: #fff;top:32%; left:30%}
.qblc li{float: left; width:44%; text-align: center; padding: 4% 3% 0 3%;}
.qblc .co{font-size: 0.36rem; color: #333;line-height: 1.2em; padding-top: 2%; font-weight: 700;}
.qblc .click{border-radius: 2em; background: #f86253; color: #fff; font-size: 0.4rem; text-align: center;width:56%; margin: 6% auto; padding: 2% 0;animation: updown 2s 0s ease both infinite;}

.qbys{width:100%; padding-top: 	3%;background:#fff;}
.qbys li{float: left; width:44%; text-align: center; color: #333; padding: 2% 3% 4% 3%}
.qbys h1{font-size: 0.4rem; padding: 2% 0 }
.qbys h1 span{font-size: 0.3rem; font-weight: normal;}
.qbys .co{padding: 0 1%; font-size: 0.28rem; line-height: 1.4em;}
.qbys li .fgx {width: 40%;margin: 2% auto;height: .04rem;background: #ff831b;}


.team{width:100%; position: relative}
.team .an{width:35.4%; position: absolute; bottom:0; right: 2%;animation: updown 2s 0s ease both infinite;}


.qbjs{padding-top: 4%}
.qbjs1{width:90%; margin: 4% auto 0; background: #fcc875; border-radius: 1em;padding:2% 2%  0 2%;}
.qbjs2{width:90%; margin: 4% auto 0; background: #e8e6f6; border-radius: 1em;padding:2% 2%  0 2%;}
.qbjsleft1{width:29.8%; float: left;}
.qbjsright1{width:64%; padding: 4% 0 0 4%;  float: left;}
.qbjsright1 h1{font-size: 0.36rem; color: #fff;}
.qbjsright1 h1 span{background: #ff831b; padding: 0 2%; text-align: center;}
.qbjsright1 .co{font-size: 0.3rem; color: #fff; line-height: 1.4em; padding-top: 4%}
.qbjsleft2{width:29.8%; float: left;}
.qbjsright2{width:64%; padding: 4% 4% 0 2%;  float: left;}
.qbjsright2 h1{font-size: 0.36rem; color: #1e0233;}
.qbjsright2 h1 span{background: #1e0233; padding: 0 2%; text-align: center; color: #fff;}
.qbjsright2 .co{font-size: 0.3rem; color: #1e0233; line-height: 1.4em; padding-top: 4%}

.qbfacon{width:100%; padding: 2% 0 4%;}
.qbfatext{position: relative; width:90%; border-bottom: 1.5px solid #333;border-top: 1.5px solid #333; padding: 1% 0 1% 10%; margin-left: 10%; font-size: 0.36rem; font-weight: 700; color: #333;}
.qbfatext .bq{position: absolute; width:13.4%; top:-20%; left: -6%;}
.qbfaleft{width:40%; float: left; padding: 4% 0 0 3%}
.qbfaright{width:50%; float: left; padding: 4% 0 0 4%;}
.qbfaright .pp{background: #ff831b; padding: 1% 2%; width:26%; font-size: 0.32rem; font-weight: 700; color: #fff; text-align: center;}
.qbfaright .co1{font-size: 0.3rem;  color: #333;line-height: 1.4em; padding: 2% 0 8%}
.qbfaright .co2{font-size: 0.3rem;  color: #ff831b;line-height: 1.4em; padding-top: 2%}


.qbyq{width:100%; background: #fff7e9; padding-top:2%}
.qbyq li{width:44%; float: left; padding: 2% 2% 4% 3%}
.qbyq .co1{ font-size: 0.3rem; color: #fb6356; padding: 2% 0 6%}
.qbyq .co1 span{border: 1.5px solid #fb6356; border-radius: 2em; padding:0 2%; line-height: 1.8em }
.qbyq .co2{ font-size: 0.3rem; color: #333; }
.qbyq .co2 span{border: 1.5px solid #333; border-radius: 2em; padding:0 2%; line-height: 1.8em }



.qbxgtext{width:94%; margin: 0 auto 3%; position: relative}
.qbxgtext .textleft{background: #f4a954; border-top-left-radius: .2em;border-bottom-left-radius: .2em; width:34%; text-align: center; padding: 1.5% 0; color: #fff; font-size: 0.38rem; font-weight: 700; float: left}
.qbxgtext .textright{background: #333333; border-top-right-radius: .2em;border-bottom-right-radius: .2em; width:60%;  padding: 1.5% 0; color: #fff; font-size: 0.38rem;  float: left; padding-left: 6%;}

.qbxgtext .bq{position: absolute; width:13.3%; top:-86%; right: 2%;animation: updown 2s 0s ease both infinite;}

.qbxgleft{width:51.2%;float: left; padding-left: 3%;}
.qbxgleft .click{background: #f86253; border-radius: 2em; padding: 2.5% 0; width:74%; font-size: 0.36rem; font-weight: 700; color: #fff; text-align: center; margin: 3% auto 0;}
.qbxgright{width:40%;float: left; padding-left: 3%;}
.qbxgright .co1{background: #f86253; border-radius: .2em; width:38%; padding: 1% 0; color: #fff; text-align: center; font-size: 0.3rem; font-weight: 700;}
.qbxgright .co{padding: 2% 0 6%; color: #333; font-size: 0.28rem; line-height: 1.4em;}
.qbxgright .co2{color: #f86253;}


@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)}
}

@keyframes zy{
	0%{opacity:1;transform:translateX(0px)}
	50%{opacity:1;transform:translateX(5px)}
	100%{opacity:1;transform:translateX(0px)}
}
