
/*================重置样式部分===============*/
html,
body,
div,
span,
object,
iframe,
table,
tr,
th,
td,
em,
img,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
dl,
dt,
dd,
ul,
li,
ol,
form,
label {
  border: 0 none;
  font-family: inherit;
  font-style: inherit;
  margin: 0;
  padding: 0;
}
body {
  color: #000;
  font-family: "微软雅黑";
  font-size: 22px;
}
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}

em,i{ font-style:normal}
.tc{ text-align: center}
.pr{ position: relative}
.fl{ float: left}
.fr{ float: right}
.auto{margin: 0 auto}
.ov{ overflow: hidden}
.mr0{ margin-right: 0 !important;}
input{ outline: none}

.fz30{ font-size: 30px;}

.patb30{ padding: 30px 0}
.patb50{ padding: 50px 0}

.warp{ max-width: 1680px; min-width: 1300px; overflow: hidden; font-size: 21px}
.wi{ width: 1200px; position: relative; margin:0 auto; overflow: hidden;}
.warp img{ vertical-align:bottom}

.warp .ti{ text-align: center; padding: 70px 0}


.warp .btn a{ display: inline-block; border-radius: 50px; line-height: 70px; font-size:28px;
    color: #000; padding:0 20px; position: relative;
    background: #9d784a;
	background: -webkit-linear-gradient(left, #9d784a , #fae8c2,#9b7648);
	background: -o-linear-gradient(right, #9d784a , #fae8c2,#9b7648);
	background: -moz-linear-gradient(right, #9d784a , #fae8c2,#9b7648);
	background: linear-gradient(to right,#9d784a , #fae8c2,#9b7648); 
	animation: bounceIn 5s infinite; -webkit-animation: bounceIn 5s infinite
}
.warp .btn a:nth-child(even){ margin-left: 10%}


.kv .btn{ position: absolute; right:25%; bottom:10%}

.p1{ background: url(../images/bg1.jpg) no-repeat top center}
.p1 ul{ overflow: hidden; width: 1300px}
.p1 ul li{ width: 385px; background: #fff; float: left; text-align: center; border: 1px solid #e0c39c; margin-right: 20px}
.p1 ul li i{ display: block; width:167px; height:53px; line-height: 40px; color: #fff; 
	background: url(../images/sj.png) no-repeat; text-align: center; font-size: 31px; margin:0 auto;}
.p1 ul li h3{ color: #c19149; font-size: 27px; font-weight: normal; padding: 20px 0}
.p1 ul li img{ border-radius: 50%; overflow: hidden;}
.p1 ul li p{ line-height: 35px; padding: 10px 0}
.p1 .btn a{ background: #c39043; color: #fff}

.p2{ background: url(../images/bg2.jpg) no-repeat top center; height:1002px;}
.p2 span { display: block; padding: 100px 50px 0 570px; color: #fff}
.p2 span p{ font-size: 36px; line-height: 60px}
.p2 span p:nth-child(even){ padding-top: 50px}
.p2 span i{ color: #deb265}

.p22{ background: url(../images/bg3.jpg) no-repeat top center}
.p22 ul li{ background: #f9f9f9; overflow: hidden; margin-bottom: 30px}
.p22 ul li img{ float: left;}
.p22 ul li span{ display: block; width: 695px; float: left; border: 1px solid #e7ca90; margin: 15px; position: relative}
.p22 ul li span::before{ content: ""; display: block; width:50px; height:51px; background: url(../images/ico.jpg) no-repeat;
  position: absolute;top:0; left:0;
}
.p22 ul li h3{ width: 90%; margin:0 auto; font-size: 40px; color: #c2964b; text-align: center; line-height: 40px; padding: 20px 0; border-bottom:1px solid #d0c7bc}
.p22 ul li i{ font-size: 27px; color: #000; font-weight: normal}
.p22 ul li p{ padding: 20px 20px 0; line-height: 35px}
.p22 ul li em{ color: #c2964b}
.p22 .btn a{ background: #c39043; color: #fff}

.p33{ background: url(../images/bg33.jpg) no-repeat top center; background-size:cover; text-align: center}
.p33 ul{ margin-left: -70px}
.p33 ul li{ width:323px; display: inline-block; color: #fff; margin-left: 70px; padding-bottom: 30px}
.p33 ul li img{ border-radius: 50%; overflow: hidden; border:2px solid #fff}
.p33 ul li p{ padding-top: 20px; line-height: 35px}
.p33 ul li p i{ color: #e6c88c}

.p3{ background: url(../images/bg3.jpg) no-repeat top center}
.p3 span{ background: #fff; padding: 20px; display: block}
.p3 span img:nth-child(1){ margin-bottom: 20px}
.p3 .btn a{ background: #c39043; color: #fff}

.p4{ background: url(../images/bg4.jpg) no-repeat top center; height:1101px;}
.p4 span{ color: #fff; width: 600px; display: block; float: right}
.p4 span h3{ font-size: 61px; font-weight: normal}
.p4 span i{ font-size: 35px}
.p4 span p{ padding: 20px 0; line-height: 35px}
.p4 .p4-scroll{ width: 100%; position: relative}
.p4 .bd li{ width:259px; float: left; margin-left: 20px; text-align: center}

.p4 .prev,.p4 .next {
    width: 25px;
    height: 130px;
    position: absolute;
    top:40px;
    margin: auto 0;
    z-index: 100;
    cursor: pointer;
    background: url(../images/prev.png) no-repeat center rgba(0,0,0,0.8);
    left: -10px;
}
.p4 .next{ left:auto; right:10px; background: url(../images/next.png) no-repeat center rgba(0,0,0,0.8);}

.p5{ background: url(../images/bg5.jpg) no-repeat top center; height:477px; text-align: center}
.p5 span{ display: block; width: 630px;}
.p5 h3{ font-weight: normal; font-size: 36px; color: #c1a67c; line-height: 95px}
.p5 ul li{ width: 30%; display: inline-block; border: 1px solid #4d4433; border-radius: 10px; font-size: 24px;
   line-height: 50px; color: #fff; margin-bottom: 15px}
.p5 ul li a{ color: #fff}
.p5 #que{ width: 610px; line-height: 30px; height:80px; background: #fff; border-radius: 10px; font-size: 24px;
  font-family: "微软雅黑"; padding: 10px; margin: 20px 0
 }


.p6-scroll .pic{ padding: 20px}
.p6-scroll .bd li{ height:734px;}
.p6-scroll .bd li.i1{ background: url(../images/p6-1.jpg) no-repeat top center}
.p6-scroll .bd li.i2{ background: url(../images/p6-2.jpg) no-repeat top center}
.p6-scroll .bd li.i3{ background: url(../images/p6-4.jpg) no-repeat top center}
.p6-scroll .bd li.i4{ background: url(../images/p6-3.jpg) no-repeat top center}
.p6-scroll .hd{ width: 345px; height:100%; background: #c3c7ca; position: absolute; left:50%; margin-left: -35%; top:0; z-index: 9; color: #fff}
.p6-scroll .hd li{ padding: 25px 25px; font-size: 21px; line-height: 35px}
.p6-scroll .hd li b{ font-size: 29px}
.p6-scroll .hd li.on{ background: #54575f}
.p66-scroll{ padding: 50px 0}
.p66-scroll .prev,.p66-scroll .next {
  width: 25px;
  height: 70px;
  position: absolute;
  top:100px;
  margin: auto 0;
  z-index: 100;
  cursor: pointer;
  background: url(../images/prev1.png) no-repeat center;
  left: 50px;
}
.p66-scroll .next{ left:auto; right:30px; background: url(../images/next1.png) no-repeat center;}
.p66-scroll{ position: relative}
.p66-scroll .bd{ width: 1000px; margin:0 auto;}
.p66-scroll .bd li{ width:181px; float: left; margin-left: 20px; text-align: center; font-size: 18px; line-height: 30px}
.p66-scroll .bd p{ padding: 10px 5px 0}

.p7{ background: url(../images/bg7.jpg) no-repeat top center; padding-bottom: 50px}
.p7 ul { width: 1200px; margin:0 auto;}
.p7 ul li{ width: 200px; height:170px; border-radius: 50%; background: #464646; padding: 70px 20px 0; font-size: 26px; 
  text-align: center; float: left; margin-left: 110px; margin-bottom: 50px}
.p7 ul li a{ color: #fff}
.p7 .btn a{ background: #c39043; color: #fff}
.p7 .btn a:nth-child(even){ margin-left: 50px}

.partadd{ background: #f5f4f6; padding-bottom: 60px}
.partadd .text{ font-size: 24px; text-align: center; line-height: 50px; 
  border: 1px solid #cfad81; padding:20px 0; border-radius: 100px; width: 80%; margin:0 auto; position: relative}
.partadd .text i{ color: #cfad81}
.partadd .text::before,.partadd .text:after{ content: ""; display: block; width: 150px; height:1px;
  background: #cfad81; position: absolute; left:-100px; top:70px
}
.partadd .text:after{ right:-100px; left:auto;}
.partadd .hd{ text-align: center; padding:40px 0; text-align: center}
.partadd .hd li{ width:30.5%; display: inline-block; text-align: center; background: #fff; padding:1% 0; font-size: 30px; 
  margin-left: 2%}
.partadd .hd li i{ display: block}
.partadd .hd li.on{ background: #c39550; color: #fff}
.partadd .bd .partcon{ background: #fff; padding:20px; overflow: hidden;}
.partadd .addcon .db{ width: 725px; float: right}
.partadd .addcon span{ display: block; width: 393px; float: left; margin: 20px; position: relative}
.partadd .addcon span::before{ content: ""; background: url(../images/bgadd.jpg) repeat; width:393px; height:481px;
  position: absolute; left:-20px; top:-20px
}
.partadd .addcon span img{ position: relative; z-index:1;}
.partadd .addcon h3{ font-size: 34px; line-height: 85px;  color: #c39550; text-align: center}
.partadd .addcon h3 i{ margin-right: 20px}
.partadd .addcon p{ font-size: 24px; padding:2% 0}
.partadd .addlist{ clear: both}
.partadd .addlist .list-db{ float: left; width: 349px; height:182px; padding:30px 10px; color: #fff;  
  background: url(../images/kuang.png) no-repeat; margin-right: 25px}
.partadd .addlist .list-db h3{font-size: 32px; text-align: center}
.partadd .addlist .list-db p{ line-height: 35px; font-size: 24px}
.partadd .addlist .list-db:nth-child(3){ margin-right: 0}

@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}
