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

.headerbanner{width:100%; }


.con0{width:100%; background: #ea5519}
.con0 li{width:26%; float: left; padding:3% 0 0 5.5%;}
.con11{width:100%; background: #ea5519; padding-top: 4%;}
.con11 ul{width:100%;}
.con11 li{width:20.5%; float: left; padding:4% 0 4% 3.5%;}


.con1{width:100%;}
.con1con{position: relative;}
.con1con ul{width:100%; position: absolute; top:0%; left:0%;}
.con1con li{width:20.5%; float: left; padding-left:3.2%;}

.con2a{background: url(../images/h_03.jpg) no-repeat #e5ecf4; background-size:100%; width:100%;}
.con2con{width:94%; color: #fff;padding-bottom: 2%; margin: 0 auto; }
.con2 li{float: left; width:17%; padding: 1% 0.5% 0.6% 4.2%; text-align:center;}
.con2con .co{font-size: .34rem; color: #fff; padding-top:0%; line-height: 1.2em; font-weight: 500; text-align:center}


.swiper-containerIcon{ padding-left:5px; padding-bottom:.2rem;}
.swiper-containerIcon .swiper-slide{ margin-top:5px !important;}

.swiper-containerIcon .swiper-pagination{bottom:0;}
.swiper-containerIcon .swiper-pagination .swiper-pagination-bullet{width:.3rem;height:.053rem; border-radius:0; background:#fff; opacity:1;}
.swiper-containerIcon .swiper-pagination .swiper-pagination-bullet-active{ background:#691e96;}

.con2con .swiper-slide{ margin-bottom:1%;}
.sqth{ position: absolute; width: 21.3%; left: 0;bottom:35%;}


.gyd{ background:#b5c1e3 ; position: relative; width: 100%; padding: 5% 0}
.gyd .clickbtn0{display:block;width:52%; margin: 0% auto;animation:updown 3s 0s ease both infinite; background: #5e318f; border-radius: 4em; padding: 2% 0}
.gyd .clickbtn0 p{width:100%; font-size:.43rem; font-weight:bold;color:#fff; text-align:center;}
.gyd .clickbtn0 p span{font-weight:normal;}

.con2{ position:relative;background:#23b3dc;padding-bottom: 19%;}
#iconswiper{width: 95%;
    position: absolute;
    left:5%;
    top:22.7%;
    padding-bottom: .25rem;}
#iconswiper .swiper-pagination{bottom:0;}
#iconswiper .swiper-pagination .swiper-pagination-bullet{width:.3rem;height:.053rem; border-radius:0; background:#fff; opacity:1;}
#iconswiper .swiper-pagination .swiper-pagination-bullet-active{ background:#ec3585;}

.icon{display:block; position:relative;}
.icon span{display:block; font-size:.32rem;color:#fff; text-align:center; line-height:2em;}
.icon i{display:block;width:.32rem;height:.43rem; background:url(../images/shou.png) no-repeat; background-size:cover;position:absolute;right:7%;bottom:23%;animation: updown 3s 0s ease both infinite;}


.con2 .bt{position:relative;}
.con2 .bt p{position:absolute;width:67%;margin-left:20%;margin-top: 5%;}
.icon{padding-bottom:6%;}

#ppswiper .swiper-pagination-bullet{ background:#fff; opacity:1}
#ppswiper .swiper-pagination-bullet-active{ background:#8D1DFE;}



.tb{position:relative;background:url(../images/tbbg.jpg) no-repeat; background-size:cover;height:10rem;display:block;overflow:hidden;}
.tb .bt{width: 60%;
    margin: 0 auto;
    padding-top: 6%;padding-top: 12%;}
.tb .tbb{width: 94%;
    margin: 0 auto;
    margin-left: 6%;
    display:block;position: absolute;}
.tb .tbb li{width: 45%;
    float: left;
    margin-right: 4%;}

.tb .tbb li dl{position: absolute;
    margin-top:5%;width:50%;}
.tb .tbb li dt{font-size: 0.46rem;
    font-weight: bold;
    color: #eb3585;
    margin-bottom: 2%;
    margin-top: 3%;text-align: center;margin-right: 24%;}
.tb .tbb li dd{font-size: 0.3rem;
    text-align: center;
    margin-right: 28%;
    line-height: 0.4rem;
    margin-top: 3%;}
.tb .tbb li .x1{width: 72%;
    margin-left: 0%;}
.tb .tbb li .x2{width:60%;margin:0 auto;}
.tb .on{     position: absolute;
    width: 31%;
    top: 90%;
    left:7%;}
.tb .on p{position: absolute;
    font-weight: bold;
    font-size: 0.37rem;
    color: #fff;
    left: 19%;
    top: 14%;}
	
	
.tb .on2{    position: absolute;
    width: 31%;
    top: 90%;
    left: 58%;}
.tb .on2 p{position: absolute;
    font-weight: bold;
    font-size: 0.37rem;
    color: #fff;
    left: 19%;
    top: 14%;}

.tb .lb{height:6.2rem;    margin-top: -2%;}

#DMswiper1{width:30%;height:1.4rem; overflow:hidden; position:absolute;left:5%;bottom:5%;}
#DMswiper1 .dmnr{height:.6rem;line-height:.6rem;background: rgba(0,0,0,0.5);color: #fff;font-size: .32rem; text-align:center;border-radius: .6rem;}

#DMswiper2{width:76%;height:.6rem; overflow:hidden;position:absolute;left:2%;top:3%;}
#DMswiper2 .dmnr{height:.6rem;line-height:.6rem;background: rgba(0,0,0,0.5);color: #fff;font-size: .32rem; text-align:center;border-radius: .6rem;}

.bottom-nav{width:100%; width: 100%;position: fixed;left: 0;bottom: 0;z-index: 2147483645;}
.bottom-nav .nr{width:100%; max-width:750px; margin:0 auto; position:relative;}
.bottom-nav .nr a{display:block;height:100%;}
.bottom-nav .nr .abtn1{width: 13%;
    position: absolute;
    left: -0.5%;
    bottom: 0;}
.bottom-nav .nr .abtn2{width: 12%;
    position: absolute;
    left: 12%;
    bottom: 0;}
.bottom-nav .nr .abtn3{    width: 12%;
    position: absolute;
    left: 24%;
    bottom: 0;}
.bottom-nav .nr .abtn4{width:18%;position:absolute; left:41.2%; top:5.2%;animation:updown 3s 0s ease both infinite;}
.bottom-nav .nr .abtn5{    width: 12%;
    position: absolute;
    left: 58%;
    bottom: 0;}
.bottom-nav .nr .abtn6{width: 17%;
    position: absolute;
    right: 13.5%;
    bottom: 0;}
.bottom-nav .nr .abtn7{    width: 14%;
    position: absolute;
    right: -0.5%;
    bottom: 0;}


.kqgd{ width: 100%; display: block; }
.kqgd .swiper-slide{ width:50.74%; display: block; float:left; margin:6% 0% 5.3% 2.5%; position: relative}
.kqgd .swiper-slide a{ color: #fff; width: 85%; border-radius: 2em; padding: 2% 0; text-align: center; font-size: 0.34rem; position: absolute; left: 7%; bottom: -5%;animation:updown 4s linear infinite alternate; background-image:-webkit-linear-gradient(0deg,#ea4f96,#f48fc6); }

.con3{width:100%;background: #ea5519;}
.con3con{position: relative; color: #270f42; }
.con3con a{display:block;color: #270f42;}
.con3coninfo1{position: absolute; width:46%; top:36%; left: 48%; height:2.5rem;}
.con3coninfo{position: absolute; width:46%; top:25%; left: 48%; height:2.5rem;}
.con3con .line{position: absolute; width:12%; top:34%; right: 1%;}
.con3con .click{position: absolute; width:16.2%;bottom: -6%; right: 2%;animation: zy 2s 0s ease both infinite;}
.con3con h1{font-size: .42rem; text-decoration: underline;}
.con3con h2{font-size: .3rem; text-decoration: underline; line-height: 1.3em; font-weight: lighter; padding-top: 3%;}
.con3con .jg1{width:64.8%; padding-top: 4%;}
.con3con .jg2{width:54.8%; padding-top: 4%;}
.con3con .jg3{width:78%; padding-top: 4%;}
.con3con .jg4{width:94%; padding-top: 4%;}
.con3con .jg5{width:61%; padding-top: 4%;}

.con4{width:100%; background: #b5c1e3;padding-bottom: 4%;}
.con4 .bt{position: relative;}
.con4 .bt p{    position: absolute;
    width: 81%;
    margin-left: 10%;
    margin-top: 3%;}
.con4con{width:100%; position: relative; padding: 3% 0;}
.con4con .video{position: absolute; top:4%; left: 4%;}
.con4con .jg{position: absolute; width:36.8%; top:44%; left: 2.8%;}
.con4con .jg1{position: absolute; width:29.8%; top:44%; left: 2.8%;}
.con4con .jg2{position: absolute; width:34.8%; top:44%; left: 2.8%;}
.con4con h1{position: absolute; font-size: 0.46rem; color: #270f42; line-height: 1.4em; top:7%; left: 60%;}
.con4con h1 span{font-weight: normal; font-size: 0.3rem;}


.contb{width:100%;background: url(../images/c2bga.jpg) no-repeat;background-size: 100%;height: 9.2rem}
.contb .tt{ padding-top: 4%;}
.contb dl{ width: 73%; display: block; padding-left: 8%; padding-top: 11%;}
.contb dl dd{ font-size: 0.30rem; font-weight: 700; color: #fff;background: url(../images/fx.png) no-repeat center left; background-size: 10%; width: 37%; display: block; padding-left: 5%;float:left; margin-bottom: 2.2%}
.contb dl dd.on{background: url(../images/fx1.png) no-repeat center left; background-size: 10%;}

.conann{width:100%;background: url(../images/c3bg.jpg) no-repeat;background-size: 100%;height: 2.1rem}
.conann .caseclicknbb{ width:92%;overflow:hidden;animation:updown 2.0s 0s ease both infinite; margin: 0% auto; padding-top: 4%}
.conann .caseclicknbb a{display:block;width:42%;float:left;margin-left:5%;}




.conlist1{background: url(../images/c4bg.jpg) no-repeat;background-size: 100%;height: 24.2rem; width:100%; }
.conlist1 .tt{ padding-top: 4%;}
.dhbox{ width: 92%; margin:3% auto 0; display: block; overflow: hidden;}
.dhbox li{ float:left; display: block; width: 19%; padding: 1.5% 0 2% 0; text-align: center; font-size: 0.3rem; font-weight: 700; color: #241001; background: #f8e292; border: 0.02rem dashed #f75b39; margin-left: 0.5%}
.dhbox li a{color:#241001}
.dhbox li.on{background: #f75b39;color:#fff;}
.dhbox li.on a{color:#fff;}
.conlisttext{ position: absolute; top:-10%;left: 0;}
.conlisttext1{ position: absolute; top:-10%;left: 0;}

.conlisthead{position: relative; width:100%;}
.conlistheadvideo{width:60%; position: absolute; top:0%; left: 0%;}
.conlistheadcon{position: absolute; top:35%; left: 60%;}
.conlistheadcon h1{font-size: .5rem; color: #3a2557;}
.conlistheadcon h2{font-size: .3rem; color: #3a1c02; font-weight: lighter; padding-top: 4%; line-height: 1.2em;}
.conlisthead .clickty{bottom:16%; right: 5%; width:33%; position: absolute;animation: updown 2s 0s ease both infinite;}
.conlistheadcon h3{font-size: .3rem; color: #e8643a; font-weight: 700; margin-left: -5%; margin-top: -2%; margin-bottom: -3%}

.conlistheadtit{ margin: 0 auto; width:67.6%; padding-top: 19%; position: relative;}
.newic{ position: absolute; width:9.9%; right: -10%; bottom: 28%;animation-duration: 1.5s; }

.conlistheadtit1{ margin: 0 auto; width:75%; padding-top: 19%; position: relative;}
.newic1{ position: absolute; width:9.9%; right: -10%; bottom: 14%;animation-duration: 1.5s; }


.conlist1con{background: #3c290e; border-radius: 1.2em; width:97%; margin: 22% auto 0; position: relative; padding-bottom: 4%}
.conlist1con ul{padding-top: 2%;width:100%}
.conlist1con li{width:30%; float: left; margin: 4% 0 0% 2.5%; position: relative;border-radius:0.13rem; overflow: hidden; }
.conlist1con li a{color: #333;}
.conlist1con .co{padding: 5% 0 6% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #fff;}
.conlist1con .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist1con .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist1con .yq{width: 95.7%; position: relative; display: block;background: #fff; padding-left: 4.3%; padding-bottom: 8%; }
.conlist1con .yq img{ width: 90%; text-align: center}
.conlist1con li .qg{ position: absolute; width: 27.4%; right: 2%; bottom: 9%;animation: updown 2.2s 0s ease both infinite;}

.ybyh{ width: 98%; display: block; position: relative; margin:4% auto 0%;}
.ybyh a{ float:left; margin-left: 1.3%; width: 23.4%;}
.ckgd{ width: 55%; padding: 0.6% 0; display: block;margin: 3% auto;text-align: center; background: #855511; border: 0.016rem solid #f6ad4d; color: #f0b96c; font-size: 0.36rem;}


.conlistjg{width:100%; position: relative;}
.conlistjgleft{width:45%;  font-size: .26rem; color: #f5054e; text-align: center; position: absolute; top:12%;letter-spacing: -1px}
.conlistjgleft span{text-decoration: line-through}
.conlistjgright{width:56%; text-align: center; color: #fff;font-size: .26rem; position: absolute; top:0%; left:44%; letter-spacing: -1px}
.conlistjgright span{font-size: .4rem; font-weight: 700;}

.conlist2{background: url(../images/c5bg.jpg) no-repeat center top;background-size: 100%;height: 12.8rem; width:100%; padding-top: 14%}
.conlist2con{background: #dd643e; border-radius: 1.2em; width:97%; margin: 0% auto 0; height: 11.8rem; position: relative;}
.conlist2con li{width:30%; float: left; margin: 3% 0 2% 2.5%; position: relative;border-radius: 0.13rem; overflow: hidden; }
.conlist2con li a{color: #333;}
.conlist2con .co{padding: 5% 0 6% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #fff;}
.conlist2con .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist2con .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist2con .yq{width: 95.7%; position: relative; display: block;background: #fff; padding-left: 4.3%; padding-bottom: 8%; }
.conlist2con .yq img{ width: 90%; text-align: center}
.conlist2con li .qg{ position: absolute; width: 27.4%; right: 2%; bottom: 9%;animation: updown 2.2s 0s ease both infinite;}

.lbnew{ width: 95%; margin: 0 auto;display: block; position: relative}
.lbnew h1{ position: absolute; left: 50%; top: 42%; width: 50%;}
.lbnew h1 p{ font-weight: 700; font-size: 0.34rem; color: #3a1c02; text-decoration: underline;}
.lbnew h1 span{ font-weight: 500; font-size: 0.30rem; color: #f75b39; display: block; line-height: 1.2em}
.lbnew h1 font{font-weight: 700; font-size: 0.44rem;}
.lbnew h1 .wz{ width: 94%; margin-top: 2%}
.lbnew h1 .tp{ width: 25.8%;position: absolute; left:32%; top: 40%;animation: updown 2s 0s ease both infinite;}

.conlist3{background: url(../images/c6bg.jpg) no-repeat center top;background-size: 100%;height: 13.8rem; width:100%; padding-top: 12%}

.conlist22con{background: #fff4ee; border-radius: 1.2em; width:97%; margin: 22% auto 0; height: 19rem; position: relative;}
.conlist22con li{width:30%; float: left; margin: 4% 0 2% 2.5%}
.conlist22con li a{color: #333;}
.conlist22con .co{padding: 2% 0 4%; text-align: center; font-size: 0.3rem; font-weight: 700; line-height: 1.2em;background: #fff;}
.conlist22con .co span{font-weight: normal; font-size: 0.26rem;}

.conlist222 li{width:46%; float: left; margin: 3% .8% 0% 2.5%;background: #fff; padding-bottom: 2%; border-bottom-left-radius: 1em;border-bottom-right-radius: 1em}
.conlist222 li a{color: #333;}
.conlist222 .co{padding: 5% 0 6% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #fff;}
.conlist222 .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist222 .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist222 .yq{width: 68.3%; position: relative; display: block;background: #fff; padding-left: 4.3%; padding-bottom: 3%; }
.conlist222 .yq img{ width: 90%; text-align: center}
.conlist222 li .qg{ position: absolute; width: 18%; right: 2%; bottom: 13%;animation: updown 2.2s 0s ease both infinite;}
.conlist222 .co em{ font-size: 0.26rem; color: #ccc; text-decoration: line-through; font-weight: 300;font-style: normal; padding-left: 3%}


.conlistjg1{width:70%; position: relative; margin: 0 auto; }



.ysmd{ background: #855511; height: 13.1rem}

.conlist4{background: url(../images/c7bg.jpg) no-repeat center top;background-size: 100%;height: 20rem; width:100%; padding-top: 20%}
.conlist4con{background: #cc433b; border-radius: 1.2em; width:97%; margin: 0% auto 0; height: 19rem; position: relative;}
.conlist4con li{width:30%; float: left; margin: 3% 0 2% 2.5%; position: relative;border-radius: 0.13rem; overflow: hidden; }
.conlist4con li a{color: #333;}
.conlist4con .co{padding: 5% 0 6% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #fff;}
.conlist4con .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist4con .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist4con .yq{width: 95.7%; position: relative; display: block;background: #fff; padding-left: 4.3%; padding-bottom: 8%; }
.conlist4con .yq img{ width: 90%; text-align: center}
.conlist4con li .qg{ position: absolute; width: 27.4%; right: 2%; bottom: 9%;animation: updown 2.2s 0s ease both infinite;}



.conlist4con .conlist222 li{width:46%; float: left; margin: 1% .8% 0% 2.5%;background: #fff; padding-bottom: 2%; border-bottom-left-radius: 1em;border-bottom-right-radius: 1em}
.conlist4con .conlist222 li a{color: #333;}
.conlist4con .conlist222 .co{padding: 5% 0 6% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #fff;}
.conlist4con .conlist222 .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist4con .conlist222 .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist4con .conlist222 .yq{width: 68.3%; position: relative; display: block;background: #fff; padding-left: 4.3%; padding-bottom: 3%; }
.conlist4con .conlist222 .yq img{ width: 90%; text-align: center}
.conlist4con .conlist222 li .qg{ position: absolute; width: 18%; right: 2%; bottom: 13%;animation: updown 2.2s 0s ease both infinite;}
.conlist4con .conlist222 .co em{ font-size: 0.26rem; color: #ccc; text-decoration: line-through; font-weight: 300;font-style: normal; padding-left: 3%}

.conlist4con .conlist333 li{width:46%; float: left; margin: 3% .8% 0% 2.5%;background: #ffe6c3;  border-radius: 1em;}
.conlist4con .conlist333 li a{color: #333;}
.conlist4con .conlist333 .co{padding: 5% 0 6% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #ffe6c3;}
.conlist4con .conlist333 .zo{padding: 3% 0 3% 4%; text-align: center; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;}
.conlist4con .conlist333 li h4{ position: absolute; width: 80%; left: 10%; top: 10%; text-align: center;}
.conlist4con .conlist333 li h4 p{ font-size: 0.38rem; line-height: 1.2em}
.conlist4con .conlist333 li h4 span{ font-size: 0.3rem; font-weight: 300; line-height: 1.2em }
.conlist4con .conlist333 .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist4con .conlist333 .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist4con .conlist333 .zo span{font-weight: normal; font-size: .46rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist4con .conlist333 .zo font{color: #f75b39;font-size: .3rem; font-weight: 300; }

.conlist4con .conlist333 .yq{width: 68.3%; position: relative; display: block;background: #ffe6c3; font-size: 0.3rem; padding-left: 4.3%; padding-bottom: 3%; }
.conlist4con .conlist333 .yq img{ width: 90%; text-align: center}
.conlist4con .conlist333 li .qg{ position: absolute; width: 18%; right: 2%; bottom: 13%;animation: updown 2.2s 0s ease both infinite;}
.conlist4con .conlist333 .co em{ font-size: 0.26rem; color: #ccc; text-decoration: line-through; font-weight: 300;font-style: normal; padding-left: 3%}
.ljqg{ display: block; width: 60%; padding: 1.2% 0; text-align: center;border-radius: 2em; margin: 0 auto;background-image:linear-gradient(90deg,#fb4a27,#fa851d); font-size: 0.3rem;animation: updown 2.2s 0s ease both infinite; }
.conlist4con .conlist333 li a.ljqg{ color: #fff; }




.conlist5{background: url(../images/c8bg.jpg) no-repeat center top;background-size: 100%;height: 25.1rem; width:100%; padding-top: 10.3%}

.conlist55con{background: #3c290e; border-radius: 1.2em; width:97%; margin: 12% auto 0; height:23rem; position: relative;}
.conlist55con .co{padding: 5% 0 2% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.3em;background: #fff;}
.conlist55con .co span{    font-size: .4rem;
    font-weight: 700;
    letter-spacing: -1px;
    color: #f75b39;}

.conlist55con .conlist555 li{width:46%; float: left; margin: 3% .8% 0% 2.5%;background: #fff;  border-radius: 1em; position: relative}
.conlist55con .conlist555 li a{color: #333;}
.conlist55con .conlist555 .co{padding: 5% 0 5% 4%; text-align: left; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;background: #fff;}
.conlist55con .conlist555 .zo{padding: 3% 0 3% 4%; text-align: center; font-size: 0.3rem; font-weight: 700; line-height: 1.5em;}
.conlist55con .conlist555 li h4{ position: absolute; width: 80%; left: 10%; top: 10%; text-align: center;}
.conlist55con .conlist555 li h4 p{ font-size: 0.38rem; line-height: 1.2em}
.conlist55con .conlist555 li h4 span{ font-size: 0.3rem; font-weight: 300; line-height: 1.2em }
.conlist55con .conlist555 .co span{font-weight: normal; font-size: .4rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist55con .conlist555 .co font{color: #f75b39;font-size: .26rem; font-weight: 300; }
.conlist55con .conlist555 .zo span{font-weight: normal; font-size: .46rem; font-weight: 700; letter-spacing: -1px; color: #f75b39}
.conlist55con .conlist555 .zo font{color: #f75b39;font-size: .3rem; font-weight: 300; }

.conlist55con .conlist555 .yq{width: 68.3%; position: relative; display: block;font-size: 0.3rem; padding-left: 4.3%; padding-bottom: 3.8%; }
.conlist55con .conlist555 .yq img{ width: 90%; text-align: center}
.conlist55con .conlist555 li .qg{ position: absolute; width: 18%; right: 2%; bottom: 13%;animation: updown 2.2s 0s ease both infinite;}
.conlist55con .conlist555 .co em{ font-size: 0.26rem; color: #ccc; text-decoration: line-through; font-weight: 300;font-style: normal; padding-left: 3%}
.ljqg{ display: block; width: 60%; padding: 1.2% 0; text-align: center;border-radius: 2em; margin: 0 auto;background-image:linear-gradient(90deg,#fb4a27,#fa851d); font-size: 0.3rem;animation: updown 2.2s 0s ease both infinite; }
.conlist55con .conlist555 li a.ljqg{ color: #fff; }
.conlist55con .conlist555 li .qg{ position: absolute; width: 18%; right: 2%; bottom: 13%;animation: updown 2.2s 0s ease both infinite;}
.conlist55con .conlist555 .co em{ font-size: 0.26rem; color: #ccc; text-decoration: line-through; font-weight: 300;font-style: normal; padding-left: 3%}

.conlist6{background: url(../images/c9bg.jpg) no-repeat center top;background-size: 100%;height:13rem; width:100%;}
.caseul{ width: 98%; margin: 0 auto; display: block;background: url(../images/casebot.png) no-repeat center top;background-size: 100%; height: 2rem; margin-top: -2%; z-index: 9; position: relative; padding: 0 0% 0 1.3%}
.caseul li{ width:9.5%; float:left; display: block; margin: 3.6% 0.2%;}
.casebox{ display: block; width: 100%; position: relative; padding-top: 3%; z-index: 8}
.casebox h1{ position: absolute; left: 3%; top: 66%; display: block; width: 44%;text-align: center}
.casebox h1 img{ width: 43%; display: block; margin: 0 auto}
.casebox h1 p{ font-size: 0.34rem; color: #3a1c02;}
.xmys{ display: block; width:44%; margin: 0 auto;animation: updown 2.2s 0s ease both infinite; }

.conlist7{background: url(../images/c10bg.jpg) no-repeat center top;background-size: 100%;height: 5.4rem; width:100%;}
.conlist7 .tt{ padding-top:5%;}
.conlist7 ul{width:100%;}
.conlist7 li{width:20.5%; float: left; padding:4% 0 4% 3.5%;}

.conlist8{background: url(../images/c11bg.jpg) no-repeat center top;background-size: 100%;height: 7.2rem; width:100%; padding-top:.5rem;}
.conlist8 p{ font-size: 0.3rem; font-weight: 300; text-align: center; color: #491f0e; display: block; padding: 1% 0}


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




/***左右侧、底部导航***/
.left_menu{width:1rem;text-align:center;position:fixed;left:auto;top:2.1333rem;z-index:99999;}
.left_menu ul li{border-bottom:1px solid #666;background:rgba(0,0,0,0.76);}
.left_menu ul li.yc{display:none;}
.left_menu ul li.li1 a{display:block;padding:.2rem 0;color:#f5cdad;font-size:.32rem;font-weight:600;line-height:.36rem;}
.left_menu ul li.on{background:#b50f3f;}
.left_menu ul li a{display:block;font-size:.32rem;line-height:.36rem;color:#fff;padding:0.2rem 0;}
.left_menu.nones{top:47%;}
.left_menu i{display:block;margin:0 auto;width:.5rem;animation:iconLeft 1.5s infinite ease-in-out;-webkit-animation:iconLeft 1.5s infinite ease-in-out;}
.left_menu.nones i{animation:iconRight 1.5s infinite ease-in-out;-webkit-animation:iconRight 1.5s infinite ease-in-out;}
.left_menu.nones i img{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.left_menu.nones ul li{display:none;border:0;}
.left_menu.nones ul li.yc{display:block;}
.left_menu ul li.li3{display:block !important; padding:.2rem 0; background:none; border:none;}
@-webkit-keyframes iconLeft {
0%,30% {opacity: 0;-webkit-transform: translate(0.37rem,0);}
60% {opacity: 1;-webkit-transform: translate(0,0);}
100% {opacity: 0;-webkit-transform: translate(-0.296rem,0);}
}
@-moz-keyframes iconLeft {
0%,30% {opacity: 0;-moz-transform: translate(0.37rem,0);}
60% {opacity: 1;-moz-transform: translate(0,0);}
100% {opacity: 0;-moz-transform: translate(-0.296rem,0);}
}
@keyframes iconLeft {
0%,30% {opacity: 0;transform: translate(0.37rem,0);}
60% {opacity: 1;transform: translate(0,0);}
100% {opacity: 0;transform: translate(-0.296rem,0);}
}
@-webkit-keyframes iconRight {
0%,30% {opacity: 0;-webkit-transform: translate(-0.37rem,0);}
60% {opacity: 1;-webkit-transform: translate(0,0);}
100% {opacity: 0;-webkit-transform: translate(0.296rem,0);}
}
@-moz-keyframes iconRight {
0%,30% {opacity: 0;-moz-transform: translate(-0.37rem,0);}
60% {opacity: 1;-moz-transform: translate(0,0);}
100% {opacity: 0;-moz-transform: translate(0.296rem,0);}
}
@keyframes iconRight {
0%,30% {opacity: 0;transform: translate(-0.37rem,0);}
60% {opacity: 1;transform: translate(0,0);}
100% {opacity: 0;transform: translate(0.296rem,0);}
}
@-webkit-keyframes beat{0%,100%,33.2%,66.4%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
16.6%,49.8%,83%{-webkit-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
}
@keyframes beat{0%,100%,33.2%,66.4%{-webkit-transform:scale3d(1,1,1);-ms-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
16.6%,49.8%,83%{-webkit-transform:scale3d(1.08,1.08,1.08);-ms-transform:scale3d(1.08,1.08,1.08);transform:scale3d(1.08,1.08,1.08)}
}


.bottom1212{width:100%; width: 100%;position: fixed;left: 0;bottom: 0;z-index: 2147483645;}
.bottom1212 .nr{width:100%; max-width:750px; margin:0 auto; position:relative;}
.bottom1212 .nr a{display:block;height:100%;}
.bottom1212 .nr .abtn1{width:16.66%;position:absolute; left:3%; bottom:0;}
.bottom1212 .nr .abtn2{width:18.66%;position:absolute; left:22%; bottom:0;}
.bottom1212 .nr .abtn3{width:20%;position:absolute; left:41%; bottom:0; }
.bottom1212 .nr .abtn4{width:16.66%;position:absolute; right:21%; bottom:0;}
.bottom1212 .nr .abtn5{width:16.66%;position:absolute; right:2%; bottom:0;}

.right1212{width:20%;max-width:120px;z-index:9999;position:fixed;right:0;top:30%;animation:tpbt 4s linear infinite alternate;display:none;}
.right1212 i{display:block;width:55%; position:absolute; left:30%;top:77.5%;}
@keyframes tpbt{0%{top:30%}
50%{top:35%}
100%{top:40%}
}

.closeright{display:block;width:100%;height:17%; position:absolute;left:0;top:0;}

/***左右侧、底部导航***/

.lzqa{ color:#333}





.con115{width:100%; background:url(../images/bg.jpg) repeat-y;background-size: contain;height: 11.5rem;}
.con115text{width:58%;margin: 0 auto; padding-top: 6%}
.con115 ul{padding:6% 0 2% 4%}
.con115 li{float:left; width:24%;}
.con115con{width:100%; background: #fff; height: 7.6rem; margin-top: 4%; padding-bottom:1%; }


.qiang{display:inline-block;background:#d6ae76;color:#fff; font-size:.35rem; text-align:center; padding:.2em .7em; border-radius:1.4em; line-height:1em; margin-top:2%;}


.ppdiv{width:90%; margin:0% auto;}
.ppdiv .left1{width:30%;float:left; margin-top:9%;}
.ppdiv .right1{width:67%; margin-left:3%;float:left; position:relative;}
.ppdiv .right1 dl dt{font-size:.38rem;color:#3c3c3c;}
.ppdiv .right1 dl dd{font-size:.48rem;color:#ee318a;font-weight:600;}
.ppdiv .right1 dl dd span{font-weight: normal; font-size: .28rem;}
.ppdiv .right1 .dl1{ position:absolute; left:5%; top:28%;}
.ppdiv .right1 .dl1 span{font-size:.28rem;color:#666;}
.ppdiv .right1 .dl2{ position:absolute; left:5%; top:60%;border-top:1px dashed #b5b5b5; padding-top:2%;}
.ppdiv .right1 .qiang{ position:absolute;left:53%;top:76%;}

.ppdiv .right1 .dl3{ position:absolute; left:5%; top:42%;}
.ppdiv .right1 .dl3 dt{border-bottom:1px dashed #b5b5b5; padding-bottom:10%; margin-bottom:5%;}


.ppdiv .left2{width:30%;float:left; margin-top:9%; margin-left:3%;}
.ppdiv .right2{width:67%;float:left; position:relative;}
.ppdiv .right2 dl dt{font-size:.32rem;color:#3c3c3c;}
.ppdiv .right2 dl dd{font-size:.48rem;color:#f7522e;font-weight:600;}
.ppdiv .right2 .dl1{ position:absolute; left:5%; top:28%;}
.ppdiv .right2 .dl2{ position:absolute; left:5%; top:60%;border-top:1px dashed #b5b5b5; padding-top:2%;}
.ppdiv .right2 .qiang{ position:absolute;left:53%;top:76%;}

.ppul{width:93%; margin:3% auto;}
.ppul li{width:31%;float:left; margin-left:1.75%; margin-bottom:1.75%;background: #fff;}
.ppul li dl{ background:#fff; padding:2% 0 5% 0%; position:relative; text-align:center;}
.ppul li dl dt{font-size:.38rem;color:#3c3c3c; }
.ppul li dl dt.ss{font-size:.32rem;height:.4rem;line-height:.4rem;}
.ppul li dl dt font{color:#f7522e;}
.ppul li dl dt.s{padding-top: 1%}
.ppul li dl dt.s1{padding-top: 1%; font-size: .32rem; line-height: 1.2em}
.ppul li dl span{display:block;font-size:.2rem;color:#7a7979; line-height: 1.2em}
.ppul li dl dd{font-size:.5rem; color:#ee318a; font-weight:600; line-height:1.2em;height:1.2em;}
.ppul li dl dd i{font-style:normal; font-size:.25rem;}
.ppul li.ss1{width:47.375%;}
.ppul li dl dd i.s{display:inline-block;width:.5rem;height:.5rem; line-height:.5rem; background:#f7522e; color:#fff; border-radius:100%;font-style:normal; font-size:.32rem; vertical-align:middle; margin-right:2%;}
.ppul li dl dd.s{font-size:.2rem;color:#7a7979; margin:2% 0;}
.zrxbtn{ position: absolute; width:57.46% ; bottom:4%; left:21.23% ; z-index: 100;animation:updown 3s linear infinite alternate;}


.con5{width:100%; padding:1% 0; background:#beb8e1;padding-bottom: 5%;}
.con5 .tt{width:100%; margin:7% auto 1%;}

.con6{width:100%; padding:1% 0; background:#f8bae9; padding-bottom: 5%;}
.con6 .tt{width: 100%;
    margin: 4% auto 0;}

.con33{ position:relative;}
.nav-1yuan{width:100%; position:absolute;left:0;top:0;z-index:99;}
.nav-1yuan p{width:100%;max-width:750px;margin:0 auto;}
.con33 ul{width:90%; position:absolute;}
.con33 ul li{width:17.6%;float:left; margin-left:2%; position:relative;}
.con33 ul.ul1{left:0;top:28%;}
.con33 ul.ul2{left:10%;top:52%;}
.con33 ul li i{display:block;width:.32rem;height:.43rem; background:url(../images/shou.png) no-repeat; background-size:cover;position:absolute;right:1%;bottom:8%;animation: ftimg 3s 0s ease both infinite;}
.clickbtn1{display:block;width:52%; position:absolute; left:24%;top:80%;animation:updown 3s 0s ease both infinite;}
.clickbtn1 p{width:100%; position:absolute; left:0;top:16%; font-size:.43rem; font-weight:bold;color:#fff; text-align:center;}


.con12{ position:relative;}
.con12 .quan{width:98%; position:absolute;left:1%;top:32%;}
.con12 .quan li{width:22.5%;float:left; margin-left:2%; position:relative;}
.con12 .quan li span{display:block;width:1.63rem;height:.37rem; background:url(../images/lq.png) no-repeat; background-size:cover; position:absolute;left:50%; margin-left:-.815rem; bottom:22%;}