@charset "utf-8";
/*================重置样式部分===============*/
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: 17px;
}
input,
select {
    font-size: 12px;
    line-height: 16px;
}
img {
    border: none;
}
a {
    text-decoration: none;
}
ul,
li {
    list-style-type: none;
}
em,i{ font-style:normal}
i,p,em{ font-weight: normal}
.hide{ overflow:hidden}
.auto{ width: 1200px; margin: 0 auto}
.fl{ float: left}
.fr{ float: right;}
.text_c{ text-align: center}
.pa30{ padding: 30px 0}
.pa20{ padding: 20px 0}
.mb20{ margin-bottom: 20px}

.pat30{ padding-top: 30px}
.pa50{ padding: 50px 0 30px}
.pat50{ padding-top: 50px}
.pr{ position: relative}
.auto{ width: 1200px; margin: 0 auto}
img{ vertical-align:bottom}
.bg_blank{ background: #0f0d0e}
.bg_red{ background:#e62a2b}
.bg_gray{ background: #211814}
.bg_gray1{ background: #a4a4a4}
.bg_brown{ background: #64483c}
.bg_pic{ background: url("../images/img_32.jpg") no-repeat center }
.col_white{ color: #fff}
.col_brown{ color: #cfb1a5}


.btn{ text-align: center; clear: both;}
.btn a{ display: inline-block; padding: 15px 40px; border-radius: 50px; font-size: 20px}
a.fa_btn{ display: block; width: 57px; height: 57px; text-align: center; color: #fff; position: absolute; left: 0; right:0; margin: 0 auto; background: #e73536;bottom:-50px;  border-radius: 50%; padding: 24px; font-size: 23px;}
.part10 a.fa_btn{position:static;}
.ti{ margin-bottom: 20px}
.mb50{ margin-bottom: 50px}

.banner{ width: 100%; height:875px; background: url("../images/banner.jpg") no-repeat center; position: relative}
.banner .auto{ height:  875px}
.banner a{ display: block; width: 235px; height: 53px; position: absolute; bottom:114px; left: 202px;}

.part1{ color: #e5dfde; background: url("../images/lx_bg.jpg") repeat;}
.part1 ul{ padding: 40px 0;text-align: center; overflow: hidden}
.part1 ul li{ width: 216px; color: #424242; margin-right: 100px; float: left}
.part1 ul li.mr0{ margin-right: 0}
.part1 ul li p{ text-align: left; padding: 20px; line-height: 30px; font-size: 19px }
.part1 ul li dt{ background: #fff; height: 329px}
.part1 ul li dd i{ font-size: 38px; color: #fae5b6}
.part1 ul li dd em{ font-size: 20px; color: #e5dfde}
.part1 .bt{ width: 100%; height: 215px; background: url("../images/bt.jpg") no-repeat center}
.part1 .zx_btn{ display: block; width: 192px; height: 92px; text-align: center; color: #fff; position: absolute; left: 0; right:0; margin: 0 auto; background: url("../images/btn.png") no-repeat; bottom:-80px;  padding: 50px 0}
.part1 .zx_btn b{ font-size: 28px}

.part2{ padding: 100px 0 30px}
.part2 .text{ display: block; width: 973px; height: 74px; background: url("../images/bg_pic.jpg") no-repeat center; color: #fff; padding:30px 50px; margin: 0 auto; font-size: 20px; line-height: 35px}
.part2 .con{ height: 598px; background: url("../images/img_05.jpg") no-repeat center; padding: 50px 0 0; width: 1300px; margin: 0 auto; position: relative }
.part2 .con ul li{ width: 420px; line-height: 30px;}
.part2 .con ul li:nth-child(1){ padding: 70px 0 0}
.part2 .con ul li:nth-child(2){ padding: 220px 0 0}
.part2 .con ul li:nth-child(3){ position: absolute; bottom: 60px;  right: 120px;width: 260px}

.part3 .con{ background: url("../images/part3_bg.jpg") no-repeat; height: 761px}
.part3 .con ul{ padding: 370px 100px 50px; overflow: hidden}
.part3 .con ul li{ width: 350px; text-align: center; float: left; color: #fff; padding: 20px 0}
.part3 .con ul li:nth-child(even){float: right; margin-right: 30px}
.part3 .con ul li i{ font-size: 25px}
.part3 .con ul li h3{ font-size: 36px; color: #fae5b6; font-weight: normal; padding: 10px 0}
.part3 .con ul li p{ text-align: left; line-height: 35px}

.part4 .con{ background: url("../images/bg_pic1.jpg") no-repeat top center;}
.part4 .con ul{ padding: 110px 0 0; color: #fff; overflow: hidden}
.part4 .con ul li{background: url("../images/pic.png") no-repeat; text-align: center; padding: 80px 60px 0; float: left; margin-right: 40px}
.part4 .con ul li h3{ font-size: 23px; padding: 10px 0; border-bottom: 1px solid #fff;}
.part4 .con ul li p{ font-size: 20px; line-height: 30px; text-align: left; padding: 20px 0}
.part4 .con ul li:nth-child(odd){width: 226px; height: 326px; margin-top: 35px }
.part4 .con ul li:nth-child(even){width: 288px; height: 356px; background-size:cover;padding: 115px 60px 0;  }
.part4 .con ul li:nth-last-child(1){ margin-right: 0}
.part4 .con .btn{ margin-top: 50px}

.part5 .con{ padding: 70px 0}
.part5 .con ul li{ width: 328px; height: 328px; float: left; position: relative; margin-right: 100px}
.part5 .con ul li img{ width: 328px; height: 328px}
.part5 .con ul li.mr0{ margin-right: 0}
.part5 .con ul li a{ display: block; width: 112px; height: 52px; text-align: center; background: url("../images/radio.png") no-repeat; position: absolute; bottom:-50px; left: 0; right:0; margin: 0 auto; font-size: 21px; color: #fff; padding: 30px 0}

.part6{ }
.part6 .swiper-container22 {
    width: 100%;
    margin: 50px auto;
}
.part6 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.part6 .swiper-slide img{ width: 100%}
.part6 .append-buttons {
    text-align: center;
    margin-top: 20px;
}
.part6 .append-buttons a {
    display: inline-block;
    border: 1px solid #007aff;
    color: #007aff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 4px;
    margin: 0 10px;
    font-size: 13px;
}
.part6 .swiper-slide-prev img{  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }
.part6 .swiper-slide-next img{  -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray; }

.part7{ background: #1e0000; padding: 50px 0 80px}
.part7 .con{ background: url("../images/img_35.jpg") no-repeat center top; height: 551px; width: 1213px}
.part7 .part7_btn{ display: block; width: 66px; height: 66px; padding: 40px; font-size: 25px; color: #fff; background: #e62a2b; border-radius: 50%; position: absolute; bottom:-60px; left: 0; right:0; margin: 0 auto}

.part8{ padding: 70px 0 0}

.part9{ color: #e5dfde; height: 750px}
.part9 ul{ padding: 40px 0;text-align: center; }
.part9 ul li{ width: 285px; color: #424242; margin-right: 20px; float: left; position: relative; background: #fff; text-align: left; height: 511px}
.part9 ul li h3{ color: #bf9b57; font-size: 22px;padding: 20px 20px 10px; line-height: 30px}
.part9 ul li.mr0{ margin-right: 0}
.part9 ul li p{ text-align: left; padding: 0 20px 20px; line-height: 30px; }


.part10 .con{ background: url("../images/part10_bg.jpg") no-repeat; height: 758px; padding: 30px 0; width: 1092px}
.part10 .con ul{ padding: 80px 95px; overflow: hidden}
.part10 .con ul li{ clear: both; margin-bottom: 20px; line-height: 30px; overflow: hidden; font-size: 20px}
.part10 .con ul li i{ display:block; float: left; width: 27px; height: 27px; line-height: 27px; font-size: 20px; border-radius: 5px; color: #fff; text-align: center; margin-right: 10px}
.part10 .con ul li p{ float: left; width: 850px}
.part10 .con ul li:nth-child(odd) i{ background: #dd2a2b;}
.part10 .con ul li:nth-child(even) i{ background: #d4a660;}
.part10 .con ul li:nth-child(odd) p{ font-weight: bold}
.part10 .con ul li:nth-child(even){ margin-bottom: 40px}