/* CSS Document */
html{-webkit-text-size-adjust:none;}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;padding:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
i{font-style: normal;}
a{text-decoration: none; color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0); }
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}


.hidden { display:none; }
.block { display:block; }
.inline-block { display:inline-block; }
.fl { float: left; }
.fr {float: right;}
.tl { text-align: left; }
.tr { text-align: right; }
.tc { text-align: center; }
.tj {text-align: justify;text-justify:distribute-all-lines;}
.text-italic{font-style: italic;}
.pr{position: relative;}
.pa{position: absolute;}
.fb{font-weight: bold;}
.l50{left: 50%;}
.r50{right: 50%;}
.overflow-x{overflow-x:hidden;-ms-overflow-x:hidden;}
.overflow-y{overflow-y: hidden;-ms-overflow-y: hidden;}
.overflow{overflow: hidden;}

.zd2{z-index: 2;}
.tid2{text-indent: 2em;}
.fz24{font-size: 24px;}

body{min-width: 1200px; overflow-x: hidden; -ms-overflow-x: hidden; max-width: 1680px; margin-left: auto; margin-right: auto; }
.wrap{width: 1200px; margin-left: auto; margin-right: auto; font-size: 22px;}
.wrap img{vertical-align: middle;}
.border-radius{border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.bs{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.border-bottom{border-bottom: 2px solid #f2f2f2;}

.padtb20{padding-top: 20px;padding-bottom: 20px;}
.padb20{padding-bottom: 20px;}
.padlr12{padding-left: 12px;padding-right: 12px;}


.translateY{
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.translateX{
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.paW{width: 100%;left: 0;}
.w50{width: 50%;}
.text-transform{text-transform:uppercase;}

.arrow{
    position: absolute;
    width:56px;
    height:130px;
    background-size: cover;
    z-index: 999;
}
.prev{left:6px;}
.next{right:6px;
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}


/*轮播设置*/
.colorWhite{color: #fff;}
.colorBlue{color: #003373;}

.color_b{color:#000;}
.color_w{color:#fff;}

.bg_w{background-color: #fff;}
.bg_b{background-color: #1b1b1b;}
.bg_b1{background-color: #332b2a;}
.bg_b2{background-color: #fffcf3;}

ul.clearfix li{float: left;}
.btn{padding: 40px 0;}
.btn a{ display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #fff; background-color: #ff3409; height: 56px;line-height: 56px; min-width: 280px; font-size: 24px; padding: 0 20px; }

.til{padding: 40px 0;}
.til h3{font-size: 32px;color: #ffd97e;position: relative;}
.til h3:before{content: '';position: absolute;width: 100%;height: 1px;background-color: #ffd97e;left: 0;top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.til h3 span{display: inline-block;position: relative;padding: 0 30px;}
.til h3 span:before,.til h3 span:after{content: '';position: absolute;width: 11px;height: 11px;background: url("../images/til_ico.png") no-repeat;top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.til h3 span:before{left: 0;}
.til h3 span:after{right: 0;}
.til2 h3{color: #e5a324;}
.til2 h3:before{background-color: #e5a324;}
.til2 h3 span:before,.til2 h3 span:after{background-image:url("../images/til_ico2.png"); }

.banner img{width: 100%;min-width: 1200px;max-width: 1680px;vertical-align: middle;}

.part1 ul{padding: 20px 40px 0;}
.part1 ul li{color: #fff2cf;font-size: 25px;margin-right: 27px;}
.part1 ul li:last-of-type{margin-right: 0;}
.part1 ul li span{display: inline-block;width: 202px;height: 202px;overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.part2 .xian{width: 970px;height: 538px;border:3px solid #e5a324;margin: 0 auto;border-bottom: 0 none;}
.part2 .xian .p2_1{bottom: 0;left: -146px;}
.part2 .xian .p2_2{top: 64px;right: -53px;}
.part2 .xian .p2_3{top: 216px;right: 16px;}
.part2 .xian .btn{right: 112px;top: 396px;}

.part3{padding-bottom: 10px;}
.part3 .wrap{margin-top:50px;}
.part3 .p3_bd{padding:0 100px 50px;}
.part3 .p3_bd li{width: 320px;background: #000;border: 1px solid #967446;padding:0 20px;  }
.part3 .p3_bd li.fr{float: right;}
.part3 .p3_bd li .Image span{ width:178px; height: 177px; margin-top: 24px;overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.part3 .p3_bd li h5{ color: #c59a5f; font-size:24px; padding:10px 0;  }
.part3 .p3_bd li p{ font-size:20px; line-height:1.6; color: #fff2de; }
.part3 .p3_bd li p.lastP{ font-size:18px; line-height:1.6; color: #7c726e; padding: 20px 0;}
.part3 .p3_bd li p.lastP span{color: #ffd08f; }
.part3 .p3_bd li.middle{width: 352px;top:-26px;}
.part3 .p3_bd li.middle .Image span{ width:195px; height: 195px; }
.part3 .p3_bd li.middle h5{ color: #ffd08f; font-size:27px; }
.part3 .p3_bd li.middle p{ font-size:22px;}

.part4 {background:#191716 url("../images/p4_bg.png") no-repeat right top;}
.part4 .til h3 span{background-color: #191716;}
.part4 .xian{ width:100%; height:9px; border-top: 1px solid #413629; border-bottom: 1px solid #413629; margin-top:130px;  }
.part4 .p4_bd{margin-top: -108px;}
.part4 .hd ul li{display: inline-block;width: 183px;height: 211px;overflow: hidden;margin: 0 20px;}
.part4 .hd ul li.on .tu1{display: none;}
.part4 .bd{width: 1156px;margin: 0 auto;padding-top: 30px;}
.part4 .bd ul li{color: #fff;height: 472px}
.part4 .bd ul li .txt{padding: 50px 30px 0 616px ;position: relative;height: 414px;border:3px solid #e8e0aa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.part4 .bd ul li h3{font-size: 45px;font-weight: bold;padding: 20px 0;}
.part4 .bd ul li h3 span{color: #fdf4ba;font-weight: normal;}
.part4 .bd ul li p{font-size: 20px;line-height: 1.8;}
.part4 .bd ul li .txt .tu{position: absolute;left: 26px;top: 30px;}

.part5 ul li{margin-bottom: 20px;}
.part5 ul li.fr{float: right;}

.part6{width:100%;background:#fff4e5;padding:1px 0 30px 0;  }
.part6 .p6-1{ width:1196px; height:777px; background:url(../images/p6_bg.jpg) no-repeat; margin:-100px auto 0; padding-top: 415px; padding-left: 38px; box-sizing: border-box; color:#000;  }
.part6 .p6-1 .fl,.part6 .p6-1 .fr{width: 340px;}
.part6 .p6-1 h2{ font-size: 22px; font-weight: bold; margin-bottom: 5px;  }
.part6 .p6-1 p{ font-size: 16px; line-height: 23px; margin-bottom: 20px; }
.part6 .btn{bottom: 0;left: 0;width: 100%;}
.part6 .btn a:first-of-type{background-color: #72564c;margin-right: 30px;}

.part7{background:#191716;padding-bottom: 100px;}
.part7 .p7_bd li{float: left;width: 232px;background-color: #3f3f3f;overflow: hidden;padding-bottom: 20px;}
.part7 .p7_bd li.on{width: 503px;}
.part7 .p7_bd li .text{width: 503px;}
.part7 .p7_bd li h4{font-size: 34px;color: #ffe7ac;padding: 10px 0;}
.part7 .p7_bd li p{font-size: 20px;color: #cccccc;padding: 0 40px;}

.part8{padding-bottom: 30px;}
.part8 .p8-1{ width:765px; height:669px; background:url(../images/p8-bg.png) no-repeat; margin:0 auto ; padding:164px 0 0 126px; box-sizing: border-box; box-sizing: border-box;
}
.part8 .p8-txt h2{ font-size: 26px; margin-bottom: 3px; color:#fff2de; }
.part8 .p8-txt p{  font-size: 22px;  color:#c59b5f;  margin-bottom: 60px;  }

/*摆钟*/
@keyframes  swing{
    0%{  transform: rotate(5deg);  }
    50%{  transform: rotate(-5deg);  }
    100%{  transform: rotate(5deg);  }
}
@-webkit-keyframes  swing{
    0%{  -webkit-transform: rotate(5deg);  }
    50%{  -webkit-transform: rotate(-5deg);  }
    100%{  -webkit-transform: rotate(5deg);  }
}


.a-bounceinL{
    -webkit-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinL 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-moz-keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-ms-keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@keyframes bounceinL {
    0% {
        opacity:0;
        -webkit-transform:translateX(-300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
.a-bounceinR{
    -webkit-animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
    -moz-animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
    -ms-animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
    animation: bounceinR 1.5s ease-in-out 0s 1 alternate forwards;
}
@-webkit-keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-moz-keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@-ms-keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}
@keyframes bounceinR {
    0% {
        opacity:0;
        -webkit-transform:translateX(300%);
    }
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
    }
}

.shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-animation: shadow1 3s linear normal both infinite;
    -o-animation: shadow1 3s linear normal both infinite;
    animation: shadow1 3s linear normal both infinite;
}
.shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
    -webkit-animation: shadow 3s linear normal both infinite;
    -o-animation: shadow 3s linear normal both infinite;
    animation: shadow 3s linear normal both infinite;
}
.part1 .shadow:before,.part5 .shadow:before,.part7 .shadow:before{
    background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
}
@keyframes shadow {
    0%{
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%{
        opacity: 1;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    0%{
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes shadow {
    0%{
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%{
        opacity: 1;
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
    }
    0%{
        opacity: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes shadow1 {
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%{
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes shadow1 {
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50%{
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    0%{
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}