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


.headerbanner{width:100%; color: #251b3d; position: relative}
.headerbanner h1{font-weight: normal; font-size: 0.36rem; line-height: 1.4em;width:92%; margin: 4% auto 0;}
.headerbanner h2{font-size: 0.36rem; line-height: 1.4em; width:92%; margin: 6% auto 0;}
.headerbanner .text{width:79.4%; position: absolute; bottom:23%; left: 9%;}

.con0{width:100%; position: relative;}
.con0 ul{position: absolute; width:100%;top:4%; left: 0%;}
.con0 li{position: relative; width:20.3%; float: left; margin: 2% 0% 1% 10%;}
.con0 .co{text-align: center; width:100%; font-size: 0.34rem; color: #e8d2cf; line-height: 1.2em; position: absolute; top:28%; font-weight: lighter}

.information{width:90%; margin: 0 auto; background: #f7f4f8; border-radius: 1em; padding: 2%}
.informationleft{width:8.3%; padding: 2% 2% 0 0; border-right: 1px solid #d8cee6; float: left; height: 4rem;}
.informationright{width: 86%; padding-left: 3%; float: left;}
.informationright h1{font-size: .3rem;  line-height: 1.2em;  padding-top: 2%;font-weight: normal;}.informationright h1 span{font-size: 0.26rem;text-decoration: underline;font-weight: lighter; }
.informationright a{color: #251b3d;}
#bcxSwiper .swiper-wrapper{height:4rem !important;}




.con1{width:100%; margin-top:8%; background: #e8d2cf; padding-bottom: 4%}
.con1 h1{font-size: 0.36rem; color: #333; line-height: 1.5em; width:90%; margin: 2% auto 0; font-weight: normal}
.con1 h2{font-size: 0.36rem; color: #333;  width:90%;line-height: 1.5em; margin: 4% auto 0; }
.con1 .video1{margin: 3% auto 0; width:92%;}
.con1 .video2{width:44%; float: left; padding: 3% 0 0 4%}

.con2{width:100%; padding-top: 8%}
.con2left{width:12%; float:left; padding-left: 6%;}
.con2right{width:75%; float: left; padding: 2% 0 0 3%;}
.con2right dd{float: left;}
.con2right a{color: #251b3d;}
.con2right .co{font-size: 0.26rem; width:75%; line-height: 1.2em;  padding-top: 2%;}
.con2right .click{background: #251b3d; padding: 1% 0; text-align: center; color: #fff; font-size: 0.26rem; width:20%;margin:2.5% 0 0 5%;}
.con2con{padding-top: 4%;}
.con2co{width:92%; margin: 0 auto;}
.con2con .co{font-size: 0.26rem; line-height: 1.2em; color: #251b3d; padding-top: 1%;}
.con2con li{float: left; width:28%; padding: 4% 0 0 4%}

.con3{width:100%;margin-top: 8%;background: #e8d2cf; padding-bottom: 4%;}
.con3 h1{font-weight: normal; font-size: 0.36rem; line-height: 1.4em;width:92%; margin: 2% auto 0;color: #251b3d; }
.con3 li{width:44%; float: left; padding: 4% 0 5% 4%}
.con3 h2{font-size: 0.36rem; color: #251b3d; line-height: 1.5em; text-align: center; width:90%; margin: 1% auto 0; font-weight: normal}
.con3 .video{margin: 4% auto 2%; width:92%;}
.con3 h3{font-weight: normal; font-size: 0.36rem; line-height: 1.4em;width:92%; margin: 2% auto 0;color: #251b3d; text-align: center;}
.con3 h4{font-size: 0.36rem; line-height: 1.4em;width:92%; margin:0 auto;color: #251b3d; text-align: center;}
.con3img{width:92%; margin: 2% auto 0}


.con4{width:100%;padding-top: 8%;}
.con4 h1{font-weight: normal; font-size: 0.36rem; line-height: 1.4em;width:92%; margin: 2% auto 0;color: #251b3d; }
.con4 .video{margin: 4% auto 2%; width:92%;}

.con5{width:100%;margin-top: 8%;}
.con5 h1{font-weight: normal; font-size: 0.36rem; line-height: 1.7em;width:92%; margin: 4% auto 0;color: #251b3d; }
.con5 li{width:44%; float: left;padding: 3% 2% 0 4%}
.con5 .wbwx{width:59.5%; padding:0  0 4% 20%}
.con5 .wb{width:96%;}

.con6{width:100%;margin-top:10%;background: #e8d2cf; padding-bottom: 6%;}
.con6 h1{font-weight: normal; font-size: 0.36rem; line-height: 1.4em;width:92%; margin: 2% auto 0; color: #251b3d; line-height: 1.7em;}
.con6 li{width:45.6%; float: left; padding: 4% 0 0 3%;}
.con6 .co{width:94%}


.con7{width:100%; padding-top:6%;}
.con7con{position: relative; width:100%;}
.con7con .click1{position: absolute; width:46%; bottom: 3%; right: 5%; background: #f9d602; border-radius: .5em; border: 2px solid #000; text-align: center; color: #000; padding: 1.5% 0; font-size: 0.4rem;animation: updown 2s 0s ease both infinite; }
.con7 li{float: left;width:29%; padding: 3% 0.5% 0 3%}
.con7 h1{font-size: 0.36rem; color: #000; line-height: 1.4em; padding-top: 1%; text-align: center;}
.con7 h1 span{font-size: 0.26rem; font-weight: normal;}
.con7 .click2{background: #f9d602; border-radius: .3em; border: 2px solid #000; text-align: center; color: #000; padding: 2% 0; font-size: 0.36rem;animation: updown 2s 0s ease both infinite; margin-top: 3%; }


.con8{width:100%; padding-top:8%;}
.con8qa{width:100%;}
.con8qa li{width:44%; float: left;color: #fff; margin: 5% 0 0 4%; position: relative;}
.con8qa .co{position: absolute; font-size: 0.3rem; font-weight: 700; width:100%; text-align: center; top:20%; color: #fff}

.con8xg{width:100%;}
.con8xg li{position: relative; width:24.2%; margin: 6% 0 0 6.5%;float: left;animation: updown 2s 0s ease both infinite; }
.con8xg .pp1{position: absolute; width:53%;top:20%; left: 26%;}
.con8xg .pp2{position: absolute; width:26.5%;top:20%; left: 40%;}

.c4ul{width:100%;margin:4% auto 2%}
.c4ul li{    float: left;
    text-align: center;
    font-size: .37rem;
    color: #3c3c3c;
    background: #fff;
    cursor: pointer;
    margin-left: 2%;
    padding: 3% 0;
    width: 29.5%;
    line-height: 1.2em;}
.c4ul li.on{background:#97d4e6;color:#fff; font-weight: 700;}


.c5ul{width:100%;margin:4% auto 2%}
.c5ul li{    float: left;
    text-align: center;
    font-size: .37rem;
    color: #3c3c3c;
    background: #e8d2cf;
    cursor: pointer;
    margin-left: 2%;
    padding: 3% 0;
    width: 22.5%;
    line-height: 1.2em;}
.c5ul li.on{background:#97d4e6;color:#fff; font-weight: 700;}

.bgbox{ background: url(../images/bg1.jpg) no-repeat #e8d2cf; background-size:100%; width: 100%; margin-bottom: 6%; }
.dv li {
    width: 44%;
    float: left;
    padding: 4% 0 5% 4%;
}
.bg2box{  width: 100%; margin-top: 10%}
.b3{ background: url(../images/bg3.jpg) no-repeat #e8d2cf; background-size:100%; width: 100%; }
.bg2box h4{
    font-size: 0.32rem;
    color: #333;
    line-height: 1.5em;
    width: 90%;
    margin: 2% auto 0;
	padding:3% 5% 5% 5%;
    font-weight: normal;
}
.bg2box h4 p{ padding: 1% 4%;}
.dtshuo{ background: url(../images/bg2.jpg) no-repeat #e8d2cf; background-size:100%; width: 100%; height: 5.6rem; margin-top: 2%; position: relative}
.dts{ position: absolute; width: 55%; right: 7%; top: 10.7%; font-size: 0.32rem; line-height: 1.5em; color: #333}
.dts{ text-indent: 8em}
.dv2 li {
    width: 44%;
    float: left;
    padding: 4% 0 5% 4%;
}

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