@charset "gb2312";
/* CSS Document */
body{font: 16px/30px "΢ÈíÑźÚ"; color: #666;}

i,em{ font-style: normal}
*{ transition:ease 0.5s all}
.pp2_c *,.pp4_con *{ transition:none}

.pp_banner{ width: 100%; height: 655px; background: url(../images/pp_02.jpg) no-repeat center;}

.pp_tit{ text-align: center}
.pp_tit>h2{font-size: 50px; color: #221a18; padding-bottom:35px}
.pp_tit>span{ display: block; font-size:31px; color: #c2996d;}

.pp_btn{ border: 1px solid #b5b5b5; height: 40px; line-height: 40px; margin: 0 auto; font-size: 18px; color: #414043; cursor: pointer;; text-align: center}
.pp_btn:hover{ background: #b88d62; color: #fff; border:1px solid #b88d62}
.pp_btn:hover a{ color: #fff;}

.pp1{ height: 446px; background: url(../images/pp_04.jpg) no-repeat center; padding-top: 75px; margin-top: 20px}
.pp1>p{ width: 930px; margin: 120px auto 0; font-size: 16px; line-height: 30px; color: #666;}

.pp2{ margin-top: 62px}
.pp2 .pp2_con{ height: 420px; margin-top: 65px; position: relative}
.pp2 .pp2_con i{ display: block; width: 100%; height: 2px; background: #414043; position: absolute; top:50%}
.pp2 .pp2_con .pp2_c{ width: 1106px; margin: 0 auto; position: relative; padding-left: 40px}
.pp2_c ul{ width: 980px;overflow: hidden;}
.pp2_c li{ width: 225px; margin: 0 23px; float: left; background: url(../images/pp1_2.jpg) no-repeat right 205px}
.pp2_c li p{ width: 139px; height: 242px; margin-left: 28px; background: url(../images/pp1_1.png) no-repeat;}
.pp2_c li p span{ display: block; width: 127px; height: 126px; overflow: hidden; padding: 7px;}
.pp2_c li p span img{display: block;}
.pp2_c li em{display: block; width: 195px; height: 48px; line-height: 24px; padding: 8px 0; background: #414043; text-align: center; color: #fff; font-size: 16px;}
.pp2_c li.f{ padding-top: 112px}
.pp2_c li.f p{ background: url(../images/pp1_1_f.png) no-repeat;height: 140px; padding-top: 102px}
.pp2 .pp2_con .pp2_l,.pp2 .pp2_con .pp2_r{ width: 37px; height: 37px; position: absolute; top: 192px; overflow: hidden; border-radius: 50%; z-index: 2; cursor: pointer;}
.pp2 .pp2_con .pp2_l{ left: -20px; background: #b88d62 url(../images/pp1_l.png) no-repeat center}
.pp2 .pp2_con .pp2_r{ right: -20px; background: #b88d62 url(../images/pp1_r.png) no-repeat center}
.pp2 .pp_btn{ width:255px; margin-top: 41px}

.pp3{ margin-top: 80px}
.pp3 p{ height: 429px; background: url(../images/pp_06.jpg) no-repeat center; margin: 50px 0 46px}
.pp3 .pp_btn{ width:255px; margin-top: 46px}

.pp4{ margin-top: 80px}
.pp4_con{ width: 1090px; margin: 48px auto 80px;}
.pp4 .pp4_con1{ width: 1090px; height: 289px; margin: 0 auto; background: url(../images/pp_09.jpg) no-repeat;}
.pp4_con1 p{ padding:22px 0 0 532px; font-size: 16px; line-height: 30px}
.pp4_con1 p span{ display: block; width: 510px; height: 40px; line-height: 40px; margin-bottom: 28px; background: #000305; color: #c2996d; font-size: 20px; text-align: center}

.pp4 .pp4_con2{ width: 1006px; height: 289px; margin: 0 auto; background: url(../images/pp4_con2.jpg) no-repeat;}
.pp4_con2 p{ padding:22px 0 0 433px; font-size: 16px; line-height: 30px}
.pp4_con2 p span{ display: block; width: 302px; height: 40px; line-height: 40px; margin-bottom: 28px; background: #000305; color: #c2996d; font-size: 20px; text-align: center}
.pp4 .pp4_con3{ width: 984px; height: 289px; margin: 0 auto; background: url(../images/pp4_con3.jpg) no-repeat right;}
.pp4_con3 p{ padding:22px 400px 0 0; font-size: 16px; line-height: 30px}
.pp4_con3 p span{ display: block; width: 302px; height: 40px; line-height: 40px; margin-bottom: 28px; background: #000305; color: #c2996d; font-size: 20px; text-align: center}

.pp5{ position:relative; padding-top: 72px; height:1288px;}
.pp5 .pp_tit>h2{ color: #fff;}
.pp5_bg{ position: absolute; left: 0; top: 0; width: 100%; height:1288px;}
.pp5 .bg1{ height: 300px; background:#000 url(../images/pp5_bg_01.jpg) no-repeat center;}
.pp5 .bg2{ height: 300px; background:#000 url(../images/pp5_bg_02.jpg) no-repeat center;}
.pp5 .bg3{ height: 300px; background:#000 url(../images/pp5_bg_03.jpg) no-repeat center;}
.pp5 .bg4{ height: 444px; background:#000 url(../images/pp5_bg_04.jpg) no-repeat center;}
.pp5_con{ position: relative; z-index: 2;}
.ys_t ul{overflow: hidden; height: 920px;}
.ysjs{ width:1110px; height:740px; position:relative; margin:140px auto 30px; }
.ysjs .ys_nr{ position:absolute; left:70px; top:240px; width:560px; color:#fff;}
.ysjs span{ font-size:54px; height:54px; line-height:54px; margin-bottom:32px;}
.ysjs span i{ color:#B39864}
.ysjs p{ font-size:18px; height: 260px; padding-top: 26px; line-height: 40px}
.ysjs .ys_nr a{ display:block; width:220px; height:50px; border:2px solid #B39864; text-align:center; line-height:50px; color:#B39864; font-size:22px; border-radius:25px;-webkit-animation: hover 0.5s ease-out infinite alternate;-ms-animation: hover 0.5s ease-out infinite alternate;animation: hover 0.5s ease-out infinite alternate;}
.ys_b{ width:1141px; height: 185px; overflow:hidden; margin:0 auto; position: relative}
.ys_bb>ul li{ width:147px; height:193px; float:left; margin:0 8px; color:#fff; line-height:46px; font-size:18px; text-align:center; }
.ys_bb>ul li >div{width:147px; height:147px; background-color:#E4E2E2}
.ys_bb>ul li.on >div{ background-color:#B39864}
.ys_l,.ys_r{}

.pp6{ width: 1050px; margin: 100px auto 0;}
.pp6>p{ font-size:16px; line-height: 30px;; color: #666; padding: 20px 0 100px;}
.pp6 .pp6_con{ height: 405px; margin: 0 auto; position: relative}
.pp6_con .ya{ display: block; width: 117px; height: 163px; position: absolute; top: 232px; left:456px; background: url(../images/pp_13.jpg) no-repeat;}
.pp6 .pp6_con li{ position:absolute; width: 187px; height: 187px;}
.pp6 .pp6_con li span{display: block; width: 187px; height: 187px; transform: rotate(45deg); position: absolute}
.pp6 .pp6_con li i{ display: block; width: 187px; color: #fff; font-size: 20px; text-align: center; position: absolute; top: 75px; z-index: 2}
.pp6_con .pp6c1{ top: 0; left: 0;}
.pp6_con .pp6c2{ top: 140px; left:140px;}
.pp6_con .pp6c3{ top: 0; left: 280px;}
.pp6_con .pp6c4{ top: 0; left: 560px;}
.pp6_con .pp6c5{ top: 140px; left: 700px;}
.pp6_con .pp6c6{ top: 0; left: 840px;}
.pp6c1_1 *{ position: absolute; z-index: 4}
.pp6 .pp6_con li .pp6c1_1{ width: 187px; height: 187px; position: absolute; z-index: 3; color: #ad804f; font-size: 14px; text-align: center; opacity: 0}
.pp6 .pp6_con li em{ display: block; width: 187px; height: 187px; transform: rotate(45deg); width: 100%; background: #080404}
.pp6 .pp6_con li strong{display: block; height: 31px; left: 75px; top: 30px;}
.pp6 .pp6_con li b{ display: block; font-size: 16px; width: 100%; top: 70px;}
.pp6 .pp6_con li .pp6_s{ width: 100%; top: 95px;}
.pp6 .pp6_con li a{display: block; width: 98px; height: 25px; border:1px solid #fff; border-radius: 20px; text-align: center; line-height: 25px; color: #e4e5ea; font-size: 14px; top: 132px; left: 43px;}
.pp6 .pp6_con li:hover .pp6c1_1{display: block; opacity: 1}
.pp6 .pp6_con2{ padding-top: 60px; text-align: center}
.pp6 .pp6_con2 h3{ font-size:20px; font-weight: lighter; padding-bottom: 25px; background: url(../images/TEETH.jpg) no-repeat center bottom}
.pp6 .pp6_con2 .pp6_c2{ overflow: hidden; padding-top: 40px; width: 1010px; margin: 0 auto;}
.pp6_c2 a{display: block; width: 150px; height: 45px; float: left; font-size: 16px; line-height: 45px; background: #efefef; text-align: center; margin: 7px}
.pp6_c2 a:hover{ background: #ad804f; color: #fff;}
.pp6 .pp_btn{ width:148px; margin-top: 35px}

.pp7{ background: #efefef; margin-top: 75px; padding: 70px 0 55px}
.pp7_con{ width: 1066px; margin: 35px auto 0; overflow: hidden;}
.pp7_con p{ width: 259px; float: left; margin: 0 3px}
.pp7_con p img{ width: 259px; height: 214px; display: block;}
.pp7_con p i{display: block; height: 40px; line-height: 40px; text-align: center; border: 1px solid #ccc}
.pp7 .pp_btn{ width:148px; margin-top: 35px}

.pp8{ width: 1100px; margin: 80px auto 0;}
.pp8 p{ padding:25px 0 0 40px; font-size: 16px; line-height: 30px}
.pp8 .pp8_con{ overflow: hidden; padding-top: 35px}
.pp8 .pp8_con .pp8_l{ width: 529px; height: 350px; float: left}
.pp8 .pp8_con .pp8_r{ width: 568px; height: 350px; float: right; overflow: hidden;}
.pp8 .pp8_con .pp8_r img{display: block; float: left; width: 274px; height: 172px; margin: 0 0 8px 10px}

.pp9{ margin-top: 82px; padding-top: 70px; height: 847px; background: url(../images/pp9_bg.png) no-repeat center;}
.pp9_con{ width: 1006px; margin: 30px auto 0}
.pp9_con .pp9_t{ width: 604px; margin: 0 auto; overflow: hidden;}
.pp9_con .pp9_t li{ width: 148px; height: 52px; float: left; margin-right: 3px}
.pp9_con .pp9_t li em{display: block; width: 148px; height: 42px; line-height: 42px; font-size: 18px; background: #fff; text-align: center;}
.pp9_con .pp9_t li i{display: none; width: 17px; height: 10px; margin: 0 auto; background: url(../images/jian.png) no-repeat}
.pp9_con .pp9_t li.active em{ background: #c2996d; color: #fff;}
.pp9_con .pp9_t li.active i{display: block;}
.pp9_con .pp9_b{ overflow: hidden; margin-top: 50px; background: #fff}
.pp9_con .pp9_b p{ width: 303px; padding: 0 40px 0 70px; line-height: 24px; font-size: 16px; float: left}
.pp9_con .pp9_b img{ width: 588px; height: 425px; float: right}
.pp9_b.pb1 p{ padding-top: 86px}
.pp9_b.pb2 p{ padding-top:158px}
.pp9_b.pb3 p{ padding-top: 158px}
.pp9_b.pb4 p{ padding-top: 145px}
.pp9 .pp9_zx{ width: 442px; margin: 55px auto 0; overflow: hidden;}
.pp9_zx a{display: block; width: 148px; margin: 0 32px; float: left; border: 1px solid #b5b5b5; height: 40px; line-height: 40px; font-size: 18px; color: #414043; cursor: pointer;; text-align: center}
.pp9_zx a:hover{ background: #b88d62; color: #fff; border:1px solid #b88d62}

.pp10{ width: 1067px; margin: 0 auto; padding-top: 80px;}
.pp10_con1{ height: 246px; margin-top: 50px; background: url(../images/pp_48.jpg) no-repeat;}
.pp10_con2{ height: 487px; background: url(../images/pp_51.jpg) no-repeat;}
.pp10_con2 p{ width: 320px; padding-top: 45px; color: #fff; margin: 6px auto 0}
.pp10 .pp_btn{ width:257px; margin-top: 35px}

.pp11{ height: 605px; background: url(../images/pp_53.jpg) no-repeat center; margin-top: 100px}
.pp11 .pp11_con{ width: 810px; margin:0 auto; padding-top: 180px; color: #fff;}
.pp11 .pp11_con b{display: block; font-size: 30px; text-align: center}
.pp11 .pp11_con p{ padding-top: 30px}