@charset "utf-8";
/*================重置样式部分===============*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style-type: none;
}
body {font-family:微软雅黑;font-size:0.01rem; background: url("../images/bg.jpg") repeat}
html{ font-size:100px}
img {  border: none; vertical-align:bottom  }
a { text-decoration: none;  }
ul, li {  list-style-type: none;  }
em,i{ font-style:normal}
.hide{ overflow:hidden}
.fl{ float: left}
.fr{ float: right;}
.pa30{ padding: 0.3rem 0}
.pa20{ padding: 0.2rem 0 0.1rem}
.bg_pic1{ background: url(../images/bg_pic.jpg) no-repeat; background-size:cover}
.bg_pic2{ background: url(../images/img_59.jpg) no-repeat; background-size:cover}
.bg_pic3{ background: url(../images/img_61.jpg) no-repeat; background-size:cover}
.bg_org1{ background: #ffeae3}
.bg_org2{ background: #ffedcd}
.bg_org3{ background: #dfc4a9}

.wrap{ max-width:640px; min-width:320px; margin:0 auto;}

.header{ max-width:6.4rem; margin:0 auto; overflow:hidden;}
.hd-til{ padding:0.2rem 0;background:#2c5697;display:-moz-box;display:-webkit-box;display:-ms-flexbox; display:-webkit-flex;display:flex; -webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center; align-items:center;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}
.hd-til div{ width:3.15rem; height:0.48rem;}
.nav1{ background:rgba(255, 255, 255, 0.1); }
.nav1 li{float: left;width: 20%;}
.nav1 a{ padding:0.26rem 0;  text-align:center; font-size:0.22rem; color:#333;display:block;}
.nav1 a.active{ color:#fff; background:#3697c8;}
.nav1 a:hover{color:#fff; background:#3697c8;}

.banner {  position: relative;  overflow: hidden;  height: 4.42rem;  background: url("../images/banner11.jpg") no-repeat center top;   background-size: cover;
}
.banner ul {  width: 2rem;  position: absolute;  left: 0; right: 0; margin: 0 auto;  bottom:0.5rem;  z-index: 1;  }
.banner ul li {  font-size: 0.2rem;  color: #ffffff;  font-weight: normal; line-height: 0.3rem  }

span.ti{ text-align: center;  line-height:0.33rem; font-size: 0.22rem; display: block;}
span.ti:after{ content: ""; display: block; width: 100%; height: 0.18rem; background: url("../images/ico.png") no-repeat center;}
span.ti h3{ font-size: 0.4rem; line-height: 0.5rem; margin-bottom: 0.1rem}

.btn{ text-align: center; padding: 0.2rem 0}
.btn a {  display:inline-block;  color: #4a4a4a;  background: #fd7b3f;  line-height: 0.54rem; text-align: center;  margin: 0.1rem auto;
 color: #fff; font-size: 0.22rem; padding: 0 0.1rem  }

.part1 ul li{  overflow: hidden; margin-bottom: 0.22rem; position: relative }
.part1 ul li:nth-child(odd){ background:#dfab77;border: 1px solid #dfab77;}
.part1 ul li:nth-child(even){ background:#df8f77;border: 1px solid #df8f77;}
.part1 ul li:nth-last-child(1){ margin-bottom: 0}
.part1 ul li img{ width: 3.46rem; height: 2.48rem}
.part1 ul li .con{ width: 2.7rem; color: #fff; position: relative; padding:0.2rem 0.1rem 0}
.part1 ul li .con h3{ font-size: 0.28rem; margin-bottom: 0.1rem}
.part1 ul li .con h3 span{width:100%;display:block;}
.part1 ul li .con h3 span:first-child{margin-bottom:3%;}
.part1 ul li .con p{ font-size: 0.2rem; line-height: 0.3rem}
.part1 ul li:before{content: ""; width:97%; height: 2.35rem; position: absolute; top:0.05rem; left: 0.05rem}
.part1 ul li:nth-child(odd):before{ border: 1px solid #ffdfbf; }
.part1 ul li:nth-child(even):before{ border: 1px solid #ffbfbf; }

.part2{ height: 5.48rem}
.part2 ul{ padding:0 0.5rem; position: relative; height: 2.9rem}
.part2 ul li{ width: 1.54rem; height: 0.74rem; border-radius: 50%; font-size: 0.27rem; text-align: center; color: #fff; padding: 0.4rem 0;position: absolute}
.part2 ul li:nth-child(1){ background: #aace50; line-height: 0.7rem;}
.part2 ul li:nth-child(2){ background: #a77749; right: 0.4rem}
.part2 ul li:nth-child(3){  left:0; right: 0; margin: 0 auto; top:1rem;}
.shan{width:1.54rem;height:1.54rem;background:url(../images/shandong.png) center center no-repeat;background-size:100%;margin-top:-25%;}
.shandong{-webkit-animation: scaleout 1.3s infinite ease-in-out;animation: scaleout 1.3s infinite ease-in-out;}
@-webkit-keyframes scaleout {
    0% { -webkit-transform: scale(1.0) }
    100% {
        -webkit-transform: scale(1.1);
        opacity: 0;
    }
}
@keyframes scaleout {
    0% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    } 100% {
          transform: scale(1.1);
          -webkit-transform: scale(1.1);
          opacity: 0;
      }
}
.part2 ul li:nth-child(4){ background: #7589c4; top:2rem}
.part2 ul li:nth-child(5){ background: #eb6a89;top:2rem;right: 0.4rem}
.part2 ul li p{line-height:0.4rem;}

.part3 dl{width:100%; margin: 0 auto; overflow: hidden; background: #ffeae3; padding-top: 0.2rem}
.part3 dl dt{ width: 1.24rem; height: 1.14rem; text-align: center; background: url("../images/ico21.png") no-repeat; background-size:cover; margin: 0 auto 0.2rem; line-height: 1.14rem; font-size: 0.32rem; color: #fd7b3f}
.part3 dd{ width: 6.3rem; margin: 0 auto; overflow: hidden}
.part3 dl dd img{ width: 100%}
.part3 dl.box1 dd ul li{ height: 4.7rem; width: 2.02rem; float:left; margin-right:0.09rem;background: #fff;}
.part3 dl dd span{ padding: 0 0.05rem 0.2rem; display: block;}
.part3 dl dd span h3{ font-size: 0.22rem; line-height: 0.3rem; text-align:left; color: #c28f86; margin-bottom: 0.1rem}
.part3 dl dd span p{ font-size: 0.2rem;}

.part3 dl.box2{ background: #ffedcd}
.part3 dl.box2 dd ul li{height:4.4rem;width: 2rem;  border-radius: 1.7rem / 1.2rem; overflow: hidden; background: #fff;position: relative;float:left; margin-right:0.13rem;}
.part3 dl.box2 dd ul li span{ background: #fff}

.part3 dl.box3 dd ul li{position: relative; background: none; width: 2rem; float: left; margin-right: 0.15rem;}
.part3 dl.box3 dd ul li span{ background: #fff}

.part3 dl.box1 dd ul li:nth-last-child(1),.part3 dl.box2 dd ul li:nth-last-child(1),.part3 dl.box3 dd ul li:nth-last-child(1){ margin: 0}

.part4 ul,.part4 ol{ width: 6.3rem;  margin: 0  auto 0.05rem}
.part4 ul li{ width: 32.5%; display: inline-block; font-size: 0.2rem; position: relative}
.part4 ol li{ width: 49%; display: inline-block; font-size: 0.2rem; position: relative}
.part4 li i{ display: block; position: absolute; bottom:0; left: 0; line-height: 0.3rem; text-align: center; background: rgba(255,81,0,0.7); width: 100%; color: #fff}

.part5{ height: 4.77rem; padding-top: 0.2rem}
.part5 ul{width:100%; margin: 0 auto;position: relative}
.part5 ul i{ display: block; width: 3.3rem; height: 1.5rem; position: absolute; color: #fff; font-size: 0.39rem; left: 1.7rem; top: 1.5rem; text-align: center }
.part5 ul li{ border-radius: 50%; border: 1px solid #fd7b3f; width: 1.6rem; height: 1.6rem;  padding: 0.1rem}
.part5 ul li p{     display: block;
	width: 1.3rem;
	height: 1rem;
	background: #dfab77;
	border-radius: 50%;
	padding: 0.3rem 0.15rem;
	color: #fff;
	font-size: 0.2rem;
	text-align: center;
	line-height: 0.3rem; }
.part5 ul li:nth-child(2){position: absolute; left:0; top:0; }
.part5 ul li:nth-child(3){position: absolute; right:0; top:0;}
.part5 ul li:nth-child(4){position: absolute; left:0.1rem; top:2rem;}
.part5 ul li:nth-child(5){position: absolute; right:0.1rem; top:2rem;}
.part5 ul li:nth-child(6){position: absolute; left:0; right: 0; margin: 0  auto; top:3.5rem;}
.part5 ul li:hover{opacity:1;-webkit-animation:orangeIn 0.2s ease;-moz-animation:orangeIn 0.2s ease;animation:orangeIn 0.2s ease;}
.part5 ul li:hover p{ background: #fd7b3f}


span.btnn{ text-align: center; display: block; font-size: 0.22rem; clear: both}
span.btnn a{ display: inline-block; background: #fd7b3f; padding: 0.1rem 0.4rem; color: #fff; border-radius: 0.5rem; margin:0.8rem 0 0.3rem}


.part6{ height: 2.6rem; text-align: center; font-size: 0.22rem; line-height: 0.4rem; padding: 0.4rem 0}
.part6 i{ display: inline-block; width: 0.75rem; height: 0.75rem; background: url("../images/ico1.png") no-repeat center #fd7b3f; background-size:70%; border-radius: 50%}