@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 {  font-family: 微软雅黑;  font-size: 20px;  }
.warp{ max-width: 1680px;
  min-width: 1300px;
  margin: 0 auto;  }
input,
select {
  font-size: 12px;
  line-height: 16px;
}
img {
  border: none;
}
a {
  text-decoration: none;
}
ul,
li,ol {
  list-style-type: none;
}
.wi{ width: 1200px}


em,i{ font-style:normal}
.ov{ overflow:hidden}
.p_block{display: block}
.in-block{ display: inline-block}
.clearfix{ clear: both}
.tc{ text-align: center}
.line30{line-height: 30px}
.line35{line-height: 35px}
.line40{line-height: 40px}
.pr{ position: relative}
.pa{ position: absolute}
.fl{ float: left}
.fr{ float: right}
.auto{margin: 0 auto}
.tl{ text-align: left}

.fz16{ font-size: 16px}
.fz18{ font-size: 18px}
.fz35{ font-size: 35px}
.fz30{ font-size: 30px}
.fz24{ font-size: 24px}
.fz20{ font-size: 20px}
.fz36{ font-size: 36px}

.pab50{ padding-bottom: 50px}
.pat50{ padding-top: 50px}
.mr20{ margin-right: 20px}

.bg_blue{ background: #050c3b}
.bg_b{ background: #131f49}

.col_org{ color: #fdcca2}
.col_yel{ color: #f5e7db}
.col_w{ color: #fff}
.col_y{ color: #f5de98}

.pat10{ padding-top: 10px}
.pat20{ padding-top: 20px}
.patb50{ padding: 50px 0}
.patb30{ padding: 30px 0}

.btn a { display: inline-block; padding: 10px 60px; background: #cd4343; border-radius: 50px; color: #f5de98; font-size: 30px;
    animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite
}

.banner{ width: 100%; margin: 0 auto; border-bottom: 10px solid #e6d69b}
.banner .ban_img{ vertical-align: bottom; width: 100%}
.banner .ban-zi{ top:50%; left: 50%; margin-left: -30%; margin-top: 100px;}
.banner .ban-yh{ top:50%; left: 50%; margin-left: -30%; margin-top: 180px;}
.banner a{ display: block; position: absolute; left: 50%; top:50%; margin-left: -25%;margin-top:265px}


.p1{ background: url("../images/p1-bg.jpg") no-repeat top center; height: 348px}
.p1 p{ display: block; width: 440px; line-height: 40px; font-size: 24px; color: #f9efcf; position: absolute;top:50%; left: 50%;margin-left: 0; margin-top: -100px;}

.p2 .ti{ padding: 65px 0 80px}
.p2 dl dt{ width: 558px; text-align: center; height: 540px; padding-left: 40px; cursor: pointer}
.p2 dl dt img{ position: relative; z-index: 2}
.p2 dl dt:before{content: ""; display: block; width: 558px; height: 358px; background: url("../images/p2-xian.png") no-repeat;
    position: absolute; left: 40px; top:171px  }
.p2 dl dt i{ position: absolute; right: 80px; top:40px}
.p2 dl dd{ padding: 85px 30px 0 0; color: #fff}
.p2 .p2-1{ background: url("../images/p2-bg1.jpg") no-repeat top center; line-height: 50px; height: 755px}
.p2 .p2-2{ background: url("../images/p2-bg2.jpg") no-repeat top center; line-height: 50px; height: 840px}
.p2 .p2-2 dl dt{ padding-left: 0}
.p2 .p2-2 dl dt i{ position: absolute; left: 100px; right: auto; top:80px}
.p2 .p2-2 dl dd{ padding: 85px 0 0 60px}


.part2{ width:100%; height:1236px; background:url(../images/p2-bg.jpg) center 0 no-repeat}
.part2 .con{ margin:0 auto; width:1200px; height:1236px;}
.part2 .con .tt{ padding:35px 0 0px 0}
.part2 .con .txt{ padding-bottom:35px; color:#f5e7db; font-size:22px; line-height:48px;}
.part2 .con .txt1{ padding-top:35px; text-align:center; font-size:24px; line-height:48px; color:#fff;}
.part2 .con .txt1 span{ color:#fdcca2}
.part2 .con .btn{ display:block; margin:35px auto 10px auto; width:570px; height:65px; text-align:center; line-height:65px; color:#f5de98; font-size:30px; background:#cd4343; border-radius:65px;}


.p3{ background: url("../images/p3-bg.jpg") no-repeat top center; height: 698px}
.p3 .ti{ padding: 80px 0}
.p3 ul{ padding: 20px 0}
.p3 ul li{ width: 289px; height: 313px; padding-top: 20px; background: url("../images/p3-li-bg.png") no-repeat; float: left; color: #333; position: relative}
.p3 ul li i{ font-size: 40px; color: #d3bead}
.p3 ul li em{ font-size: 36px; color: #e12d11}
.p3 ul li a{ display: inline-block; width: 183px; line-height: 45px; line-height: 45px; text-align: center; color: #fd3e16; border-radius: 50px;
    background: #fedc99; font-size: 23px; position: absolute; bottom: 50px; left: 50px;}

.p4{ padding-bottom: 50px}
.p4 ul li{ width: 358px; background: #423565;padding-left: 238px; position: relative; height: 487px}
.p4 li img{ position: absolute; left: 0; bottom: 0; display: block;}
.p4 li span{ display: block; position: relative; z-index: 2; padding: 25px 0 0}
.p4 ul a,.p4 ol a{position: absolute; border-radius: 50%; overflow: hidden; display: block; width: 84px; height: 84px; animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite }
.p4 ul a{ right: 25px; bottom: 25px;}
.p4 ul li.i2{ width: 399px; padding-left: 200px; }
.p4 ol li{ margin: 5px 0}
.p4 ol li{ width: 765px;background: #423565;padding-left: 435px;position: relative; height: 520px }
.p4 ol li div p{ width: 340px; float: left}
.p4 ol a{ right: 439px; bottom: 39px;}
.p4 ol li:nth-child(2){ height: 328px}
.p4 ol li:nth-child(2) a{ right: 25px; bottom: 25px;}

.p5{ background: url("../images/p5-bg.jpg") no-repeat bottom center #050c3b; height: 1267px}
.p5 .slideTxtBox .hd{ padding: 35px; height: 176px}
.p5 .slideTxtBox .hd ul li{ width: 212px; text-align: center; float: left; position: relative; height: 176px }
.p5 .slideTxtBox .hd ul li:not(:last-child){ margin-right: 15px}
.p5 .slideTxtBox .hd ul li img{ position: absolute; bottom: 0; left: 0;right: 0; margin: 0 auto;-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);  -ms-filter: grayscale(100%);  -o-filter: grayscale(100%);  filter: grayscale(100%);  filter: gray;}
.p5 .slideTxtBox .hd ul li i{ display: block; width: 212px; height: 104px;background: #b5bcce; position: absolute; bottom: 0; left: 0}
.p5 .slideTxtBox .hd ul li.on img{ filter:none; -webkit-filter:none;-moz-filter:none;  -ms-filter: none;  -o-filter: none;}
.slideTxtBox .bd ul{ width: 1200px; position: relative; height: 692px}
.p5 dl:after{ content:""; width: 733px; height: 284px; position: absolute; top:242px; right: 0; background: url("../images/m1-bg2.jpg") no-repeat }
.p5 dl img{ display: block}
.p5 dl dt{width: 528px; height: 692px; position: relative; float: left; border-bottom: 7px solid #e3c990; text-align: center}
.p5 dl dt i{ display: block; position: absolute; bottom: 0; left: 24px;}
.p5 dl dt .mote{ position: absolute; z-index: 1; bottom: 0; left: 0; right: 0; margin: 0 auto}
.p5 dl dd{ padding: 102px 0 0; position: relative; z-index: 1; width: 670px; float: right}
.p5 dl dd i{ color: #ff9933}
.p5 dl dd span{ padding: 30px 20px 0 50px; display: block; line-height: 40px}
.p5 dl dd .db{ padding: 20px 0 0 70px}
.p5 dl dd .db img{ width: 45%; border: 1px solid #fff; display: inline-block}
.p5 .s_pic{ position: absolute; left: 350px; bottom: 30px; z-index: 2;transform:rotate(-10deg)}


.p6 .Scroll,.p8 .Scroll{width:1300px;margin:0 auto;position:relative; height: 304px; overflow: hidden}
.p6 .Scroll .prev,.p6 .Scroll .next,.p8 .Scroll .prev,.p8 .Scroll .next
{width:26px;height:46px;position:absolute;top:45%;z-index:100; cursor:pointer; background:url(../images/prev.png) no-repeat;}
.p6 .Scroll .prev,.p8 .Scroll .prev {left:0;}
.p6 .Scroll .next,.p8 .Scroll .next{background:url(../images/next.png) no-repeat;right: 0}
.p6 .Scroll .scrollWrap,.p8 .Scroll .scrollWrap{width:1200px;margin-left:50px;overflow:hidden;position:absolute;}
.p6 .Scroll li{float:left;width:233px;text-align:center;position:relative; margin-right:7px}
.p6 .Scroll li img{ display: block}
.p6 .Scroll li a{ color: #fff}
.p6 .Scroll li span{ position: absolute; bottom: 0; left: 0; height: 60px; background: rgba(34,33,56,0.7); width: 100%; text-align: center}
.p6 .Scroll li .p6-btn{ display: block; width: 233px; height: 55px; line-height: 55px; background: #c18e52; font-size: 24px}
.p6 .btn{ position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 50px}

.p7 .jz ul li{ width: 296px; float: left; position: relative; margin-right: 5px; margin-bottom: 10px; color: #fff}
.p7 .jz ul li p{ position: absolute; height:43px; line-height: 43px; background: rgba(34,33,56,0.7); bottom: 0; left: 0; width: 100% }
.p7 .jz ul li:nth-child(4),.p7 ul li:nth-child(8){ margin-right: 0}
.p7 .par{ background: #897a66; padding: 20px; margin: 30px 0}
.p7 .par h3{ font-weight: normal; font-size: 24px; color: #fff}
.p7 .par ul{ padding: 20px 20px 0}
.p7 .par ul li{ float: left; width: 123px}
.p7 .par ul li:not(:last-child){ margin-right: 18px}
.p7 .par ul li p{ line-height: 50px}

.p8 .Scroll{ height: 490px}

.p9{ padding:20px 0; overflow:hidden}
.p9 .tt1{ text-align:center; padding:40px 0}
.p9 .p6slide_t{ margin:0 auto; width:1200px; height:80px; overflow:hidden; position:relative}
.p9 .p6slide_t .xian1{ height:6px; overflow:hidden; width:80px; position:absolute; left:0px; top:37px; z-index:2}
.p9 .p6slide_t ul{ position:absolute; width:1600px; left:0px; height:80px;}
.p9 .p6slide_t ul li{ position:relative; cursor:pointer; float:left; width:80px; height:80px; background:url(../images/p6_xian1.png) no-repeat 0 center}
.p9 .p6slide_t ul li.on{ background:url(../images/p6_xian.png) no-repeat 0 center;}
.p9 .p6slide_t ul li span{ position:absolute; font-size:18px; line-height:32px; color:#fff; z-index:5 }
.p9 .p6slide_t ul li.on span{ color:#fee08c}
.p9 .p6slide_t ul li:nth-of-type(n) span{top:10px; left:55px;}
.p9 .p6slide_t ul li:nth-of-type(2n) span{top:40px; left:55px;}
.p9 .p6slide_c{ width:1100px; height:607px; margin:30px auto; position:relative}
.p9 .p6slide_c li{ position:absolute; width:1100px; height:607px;}
.p9 .p6slide_c li .tt{ position:absolute; left:0px; bottom:0; height:106px; width:100%; background:rgba(0,0,0,0.5); box-sizing:border-box; padding:10px 30px 0px 30px; color:#fff; line-height:32px; font-size:18px;}
.p9 .p6slide_c li .tt h3{ font-size:22px; }

.p10 a{ display: block; width: 205px; height: 205px; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 20%;
    animation: bounce 3s infinite; -webkit-animation: bounce 3s infinite
}
.p10 p{ font-size: 36px; color: #fff; position: absolute; bottom: 12%; left: 0; right: 0; margin: 0 auto; text-align: center}





.tihaunkv{ max-width: 1680px; min-width: 1200px; height:1200px; background: url(../images/thkv.jpg) no-repeat top center; }
.tihaunkv .minkuan{ width:1200px; height:1200px; margin:0 auto; padding-top: 632px; box-sizing: border-box; color:#fff; text-align: center;}
.tihaunkv .minkuan ul{ overflow: hidden;}
.tihaunkv .minkuan ul li{ float: left; width:188px; height:245px; border-radius: 10px; padding-top: 42px; box-sizing: border-box;font-size: 30px; margin:0 6px;} 
.tihaunkv .minkuan ul li h2{ font-size: 30px;}
.tihaunkv .minkuan ul li span{ display:block; width:56px; height:56px; border-radius: 50%; background:#fff; line-height: 56px; margin:12px auto 0; font-size: 20px; }
.tihaunkv .minkuan ul li.li1{ background:#d6497b; }
.tihaunkv .minkuan ul li.li2{ background:#9d38eb; }
.tihaunkv .minkuan ul li.li2 span{ font-size: 30px; margin-bottom: 22px;color:#9d38eb;}
.tihaunkv .minkuan ul li.li3{ background:#e36b23; }
.tihaunkv .minkuan ul li.li3 span{ font-size: 24px; margin-bottom: 25px;color:#e36b23;}
.tihaunkv .minkuan ul li.li4{ background:#089fd5; }
.tihaunkv .minkuan ul li.li4 span{ margin-bottom: 16px;color:#089fd5;}
.tihaunkv .minkuan ul li.li5{ background:#d48b44; }
.tihaunkv .minkuan ul li.li5 span{ font-size: 24px; margin-bottom: 10px;color:#d48b44;}
.tihaunkv .minkuan ul li.li6{ background:#bf16a9; }
.tihaunkv .minkuan ul li.li6 span{ font-size: 24px; margin-bottom: 10px;color:#bf16a9;}
.tihaunkv-phone{ text-align: center; margin:50px 0;}
.tihaunkv-phone img{ vertical-align: top;}
.tihaunkv-phone p{ display:inline-block; color:#fdcc9a; font-size: 20px; text-align: left;}
.tihaunkv-phone p span{ font-size: 34px; font-weight: bold; display:block;}
.tihaunkv-aa{ display:inline-block; padding:15px 35px; background:#cd4343; font-size:30px; color:#f3d892; border-radius: 70px; box-shadow: 0px 4px 0px #961818;}