@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%; }

.fl{float:left;}
.fr{float:right;}

.toutu{width:100%; position:relative; z-index:2;}
.toutu span{display:block;width:100%; font-size:.35rem; color:#fce7d2; text-align:center; position:absolute; left:0; top:33%;}
.toutu .clickbtn1{display:block;width:100%; position:absolute; left:0%;bottom:6%;/*animation: ftimg 2s 0s ease both infinite;*/}
.toutu .clickbtn1 p{width:100%; font-size:.48rem;color:#f9c193;font-weight: bold; text-align:center; position:absolute; left:0;top:13%;}
.toutu .menuLeft{ position: absolute; left: 3%; top: 3%; width: 9.46%}

.infobox{ display: block; width: 94%; background: #fcc6d4; padding: 0% 3% 5% 3%;}
.infobox .zxgd{ width: 100%; margin: 0 auto; display: block; background: url(../images/info_bg.png) no-repeat center;background-size:100%;height: .78rem; padding-top:.32rem;overflow: hidden;}
.infobox .zxgd .zzc{width: 100%;height:.54rem;overflow: hidden;}
.infobox .zxgd .zxinfo{ width: 80%;height:.54rem;  margin-left: 15.5%; font-size: 0.36rem; overflow: hidden;}
.infobox .zxgd .zxinfo p a{display:block;width: 100%;height:.54rem;line-height:1.5em;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.ppcon1{ width: 100%; display: block; overflow: hidden;}
.ppcon1 .pc1-1{ width: 100%; display: block; overflow: hidden; position: relative}
.ppcon1 .pc1-1 i{ position: absolute; left: 49.2%; top: 15.6%; width: 3.7%; z-index: 5}
.ppcon1 .pc1-2 i{ position: absolute; left: 46.8%; bottom: 15.6%; width: 3.7%; z-index: 5}
.ppcon1 .pc1-1{ float:left; position: relative; width: 100%;}
.ppcon1 .pc1-1img{ width: 50%; float:left; display: block;z-index: 2}
.ppcon1 .pc1-1info{ width: 42%; float: left; display: block; text-align: center; padding: 5% 4% 3% 4%;max-height: 3.67rem; min-height: 3.66rem;overflow: hidden}
.ppcon1 .pc1-1info h1{ font-size: 0.48rem; font-weight: bold; color: #fff; margin-top: 3.5%}
.ppcon1 .pc1-1info font{ font-size: 0.38rem; color: #fff; font-weight: normal;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; text-transform: uppercase}
.ppcon1 .pc1-1info a{ display: block; width: 60%; border-radius: 2em; border:.02rem solid #fff; padding: 1% 0; text-align: center; margin:0 auto; color: #fff; font-size: 0.26rem; margin-top: 6%}
.ppcon1 .c1{ background: #7c5a9d;}
.ppcon1 .c2{ background: #dc9061;}
.ppcon1 .c3{ background:#4b2570}
.ppcon1 .c4{ background:#df94b5}
.ppcon1 .c5{ background:#4cb4c1}

.ppcon2{ width: 100%; display: block; overflow: hidden; background: #fff; position: relative}
.ppcon2 .c2_tit1{width: 51.4%; display: block; margin-left: 7%; margin-top: 14%; z-index: 5  }
.ppcon2 .c2_tit2{width: 48.1%;  position: absolute; display: block; right: 4%; top: 24.4%; z-index: 5   }
.ppcon2 .nr{ z-index: 1 }
.ppcon2 .clickbtn1{display:block;width:18.9%; position:absolute; right:4.3%; top: 42%; animation: ftimg 2s 0s ease both infinite;}


.ppcon3{ width: 100%; display: block; overflow: hidden; background: #fff; position: relative; padding-top: 5%; padding-bottom: 8%}
.ppcon3 .c3_tit{width: 100%; display: block;z-index: 5  }
.ppcon3 .nr{ margin-top: 6%}
.ppcon3 .nr1{ margin: 6% auto 3%; width: 92%; display: block}
.ppcon3 p{ font-size: 0.46rem; color: #8b6c52; display: block; padding: 1% 4%;}
.ppcon3 span{ font-size: 0.36rem; color: #3f3a39; padding: 0% 4%; width: 92%; display: block}

.ppcon4{ width: 100%; display: block;background: #210c38; position: relative; padding-top: 5%;}
.ppcon4 .c4_tit{width: 100%; display: block;z-index: 5; margin-top: -8%  }
.ppcon4 .ksxm{ width: 100%; display: block; position: relative; height: 7rem;}
.ppcon4 .ksxm .ksxm1{ position: absolute; left: 1%; top:16%; width:27.6%; }
.ppcon4 .ksxm .ksxm2{ position: absolute; left: 25%; top: 6%; width:27.6%; }
.ppcon4 .ksxm .ksxm3{ position: absolute; left: 49%; top: 12%; width:27.6%; }
.ppcon4 .ksxm .ksxm4{ position: absolute; right: 0; top: 4%; width:27.6%; }


.ppcon5{ width: 100%; display: block;background: #210c38; position: relative; padding-top: 2%; padding-bottom: 8%;}
.ppcon5 .c5_tit{width: 50%; display: block;z-index: 5; margin-top: 2% ; margin-left: 5% }
.ppcon5 span{ font-size: 0.34rem; color: #fff; padding: 0% 4%; width: 92%; display: block; margin-top: 1%}


.ppcon6{ width: 100%; display: block;background: #fff; position: relative; padding-top: 2%; padding-bottom: 8%; background: url(../images/p_c6_img.jpg) no-repeat center;background-size:100%; height: 11.3rem}
.ppcon6 .c6_tit{width: 50%; display: block;z-index: 5; margin-top: 2% ; margin-left: 5% }
.ppcon6 .hybz{ position: absolute; width: 46%; left: 3%; top: 41.7%; }
.ppcon6 p{ font-size: 0.54rem; color: #8b6c52; display: block; padding: 1% 4%;}
.ppcon6 span{ font-size: 0.32rem; color: #3f3a39; padding: 0% 4%; width: 92%; display: block; margin-top: 2%}

.ckmore{ display: block; width: 40%; padding: 1% 0%; text-align: center; color: #fff; background:#210b39; margin: 6% auto 0%; font-size: 0.36rem}
.ckmore font img{ transform:rotate(-90deg);}
.ckmore font img.on{ transform:rotate(0deg);}


.ppcon7{ width: 100%; display: block;background: #faf0e9; position: relative; padding-top: 5%; padding-bottom: 8%; overflow: hidden}
.ppcon7 ul{ padding-left: 3%}
.ppcon7 li{ width: 48%; margin: 2% 0.5% 2% 1% ; float:left; display: block;  height: 4.6rem}
.ppcon7 li img{width: 84%;}
.ppcon7 li p{ font-size: 0.50rem; color: #8b6c52; display: block;text-align: center;}
.ppcon7 li span{ font-size: 0.32rem; color: #3f3a39; text-align: center; width: 100%; display: block}

.ppcon8{ width: 100%; display: block;background: #fff; position: relative; padding-top: 2%; padding-bottom: 8%;}
.ppcon8 .c8_tit{width: 76.93%; display: block;z-index: 5; margin-top: 2% ; margin-left: 5% }
.ppcon8 span{ font-size: 0.34rem; color: #323232; padding: 0% 4%; width: 92%; display: block; margin-top: 3%}
.ppcon8 .nr{ margin-top: 4%;}
.ppcon8 .mlbo{ width: 94%; padding: 3% 3% 10% 3%; display: block; overflow: hidden;}
.ppcon8 .mlbo li{ float:left; width: 18.5%; border: 0.02rem solid #8b6c52; text-align: center; padding: 2% 0; margin: 0.5%}
.ppcon8 .mlbo li a{color: #8b6c52; font-size: 0.32rem}

.ppmenu{ padding: 4% 0; background:#fafafa; display: block; position: relative}
.ppmenu h1{ font-weight: normal; font-size: 0.48rem; display: block; text-align: center; color: #626262}
.ppmenu .menuLeft{position: absolute; left: 3%; top: 34%; width: 7.5%}
.ppmenu .menuRight{position: absolute; right: 3%; top: 34%; width: 4.2%}

.ppny{ width: 100%; display: block; overflow: hidden}
.ppny .ppmltit1{ width:45.3%; margin-left: 5%; margin-top: 7%;}
.ppny p{ display: block; width: 92%; padding: 3% 4% 10% 4%; font-size: 0.32rem; line-height: 0.56rem}
.ppny p strong{ font-weight: bold; color: #8b6c52}
.ppny .padbotm{ padding-bottom: 6%; }
.ppny .padbotm p{ padding-bottom: 1%; padding-top: 1%; line-height: 0.52rem}


.dymlwz{ width: 100%; display: block; background: #f7d1d3; margin-top: 5%}
.dymlwz .dymltit1{ width: 100%; padding-top: 5%;}
.dymlp1{ display: block; width: 92%; padding: 3% 4% 10% 4%; font-size: 0.32rem; line-height: 0.56rem}
.dymlp1 span{ display: block; padding-bottom: 3%}
.dymlp1 font{ color: #66484c; display: block; font-size: 0.36rem}
.dymlp1 em{ color: #431c6a; display: block; font-size: 0.32rem; font-style: normal;}

.rymltit1{width:36.9%; margin-left: 5%; margin-top: 7%;}
.rymltit2{width:74.5%; margin-left: 5%; margin-top: 3%;}
.rymltit3{width:75.6%; margin:6% auto;}
.rymltit4{width:44.8%; margin:6% auto;}
.rymltit5{width:79.7%; margin:6% auto;}

.zpml{ background: #f9d1d3; width: 100%}
.zpmltit1{width:80.4%; margin-left: 5%; margin-top: 9%;}
.zpmltit2{width:75.7%;  margin-top: 4%;}
.zpml3{ width: 100%; display: block; margin-top: 5%}
.zpml3 .xmlista {
    width: 100%;
    display: block;
    overflow: hidden;
    padding: 0 3%;
}
.zpml3 .xmlista li {
    float: left;
    width: 21.5%;
    overflow: hidden;
    margin: 2% 1% 1% 1%;
}
.zpml4{ width: 100%; display: block; }

@keyframes rotate {
0% {
    transform: translateY(-2px);
}
50% {
    transform: translateY(2px);
}
100% {
    transform: translateY(-2px);
}
}
@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)}
}

#swiperyst1 .swiper-pagination{ position:fixed; background:rgba(0,0,0,.1); padding:2% 0; bottom:0;}
#swiperyst1 .swiper-pagination-bullet{ background:#fff; opacity:1;}
#swiperyst1 .swiper-pagination-bullet-active{ background:#be9d7f; opacity:1;}