/* CSS Document */
* {
    margin: 0;
    padding: 0;
    text-shadow: none;

}
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, form, label { border: 0 none; font-family: inherit; font-style: inherit; margin: 0; padding: 0;}
body {color: #1D1D1D;font-family:"Microsoft YaHei"; font-size: 12px;line-height: 24px; }
input, select {font-size: 12px;line-height: 22px;}
img { border: 0 none;}
ul, li {list-style-type: none;}
.tc { text-align: center;}
.tl {text-align: left;}
.tr {text-align: right;}
.fl{float:left}
.fr{float:right}
.f14{ font-size:14px;}
.fb{ font-weight:bold;}
.pd{ padding:0px 40px;}
.pd1{ padding:0px 0px 0px 30px;}
.pt{ padding-top:10px;}
.hs{ color:#9a2d28}
.fix::after{clear:both; height:0px; display:block; content:""; overflow:hidden; font-size:1px;}
.hr_10{clear:both; height:10px; overflow:hidden; font-size:1px;}
a { color: #333;text-decoration: none;font-family:"Microsoft YaHei";}
a:link,a:visited {text-decoration: none;}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

.btnbox{ text-align:center; width:100%; padding:45px 0; }
.btnbox a{ display:inline-block; padding:0 55px; height:65px; line-height:65px; border-radius:65px; font-size:36px; color:#fff; background:#ff3300; box-shadow:0px 5px 10px rgba(0,0,0,0.2);}
.btnbox a:hover{animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1)}

.title{ padding:40px 0; text-align:center;}
.title .p1{ font-size:48px; line-height:65px; color:#fff;}
.title .p2{font-size:48px; line-height:65px; color:#FF3300}
.title .p3{ font-size:24px; color:#fff; line-height:38px;}

.maxwidth{ margin:0 auto; max-width:1680px;}
.banner{}
.banner img{ width:100%; display:block; vertical-align:top}

.ban{ position:relative}
.ban a{ position:absolute; display:inline-block; padding:0 85px; height:65px; line-height:65px; border-radius:65px; font-size:36px; color:#fff; background:#ff3300; box-shadow:0px 5px 10px rgba(0,0,0,0.2); left:914px; top:30%;animation:zoomIn1 1.5s linear infinite alternate;}


.p1box{ height:538px; background:url(../images/p1.jpg) center 0 no-repeat}
.p1box .con{ margin:0 auto; width:1200px; height:538px; position:relative; color:#fff;}
.p1box .con .p1{ position:absolute; left:10px; top:405px; width:200px;}
.p1box .con .t1{ font-size:24px; font-weight:700; padding-bottom:5px; line-height:35px;}
.p1box .con .t2{ font-size:18px; line-height:25px;}
.p1box .con .p2{ position:absolute; left:185px; top:375px; width:200px; font-size:24px; transform:rotate(-12deg)}
.p1box .con .p3{ position:absolute; left:345px; top:405px; width:200px;}
.p1box .con .p4{ position:absolute; left:630px; top:405px; width:200px;}
.p1box .con .p5{ position:absolute; left:820px; top:370px; width:200px; font-size:24px; transform:rotate(-12deg)}
.p1box .con .p6{ position:absolute; left:980px; top:405px; width:200px;}

.part2{}
.part2 .box1{ background:#2a2a40}
.part2 .pic{ margin:0 auto; width:1200px;}

.part3{}
.part3 .box1{ background:#2a2a40}
.part3 .con{ margin:0 auto; width:1200px; padding-top:50px;}
.part3 .con .list{ float:left; display:inline; width:345px; margin-right:75px;}
.part3 .con .list .pic{ border-radius:20px 20px 0px 0px; width:100%;overflow:hidden}
.part3 .con .list .pic img{border-radius:20px 20px 0px 0px;}
.part3 .con .list .txt{ width:100%; height:250px; padding:0 10px; box-sizing:border-box; border-radius:0px 0px 20px 20px; background:#ffcfb0}
.part3 .con .list .txt .tt{ text-align:center; font-size:24px; line-height:32px; padding:10px 0; border-bottom:1px solid #d99857}
.part3 .con .list .txt .tt1{ padding:20px; font-size:18px; line-height:28px;}
.part3 .con .list:last-child{ margin-right:0}

.part4{}
.part4 .box1{ background:#2a2a40}
.part4 .con{ margin:0 auto; width:1200px; height:1086px; position:relative}
.part4 .con .quan{ position:absolute; width:826px; height:826px; z-index:-1; top:86px; left:210px; animation: rotate 15s linear infinite;}
.part4 .con .ren{ position:absolute; top:252px; left:310px;}
.part4 .con .q1{ position:absolute; left:152px; top:78px;animation:zoomIn1 2s linear infinite alternate;}
.part4 .con .q2{ position:absolute; right:122px; top:82px;}
.part4 .con .q3{ position:absolute; right:45px; top:360px;}
.part4 .con .q4{ position:absolute; right:80px; top:635px;animation:zoomIn1 3s 2s infinite alternate;}
.part4 .con .q5{ position:absolute; left:125px; top:636px;}
.part4 .con .q6{ position:absolute; left:75px; top:388px;}

.part4 .con  a{ position:absolute; display:inline-block; padding:0 55px; height:65px; line-height:65px; border-radius:65px; font-size:36px; color:#fff; background:#ff3300; box-shadow:0px 5px 10px rgba(0,0,0,0.2); left:322px; bottom:85px;}

.part5{ height:243px; background:url(../images/p5.jpg) center 0 no-repeat}
.part5 .con{ margin:0 auto; width:1200px; height:243px; position:relative}
.part5 .con .btn{ position:absolute; left:734px; top:180px; width:260px; height:50px; text-align:center; line-height:50px; font-size:25px; color:#cc3300; background:#ffcc00;animation:tada 2s linear infinite;}


.part6{ background:#2a2a40;}
.p6box{padding:50px;margin:0 auto;width:1092px; background:#fff;  overflow:hidden}
.p6box .p6slide{ margin:0 auto;width:1092px; position:relative; }
.p6box .imgbox{width:1092px; height:717px;}
.p6box .prev{ position:absolute; left:0px; top:295px;}
.p6box .next{ position:absolute; right:0px; top:295px;}

.part7{ background:#35354a}
.part7 .r{ color:#ff9966}
.p7box{ margin:0 auto; width:1200px; padding-bottom:50px;}
.p7box table{ background:#404078; text-align:center; font-size:18px; color:#fff;}
.p7box .t1{ background:#4b4baa; font-size:30px;}
.p7box .t2{ background:#262653;}
.p7box .t3{ background:#333366;}
.p7box .t4{ background:#8f7342;}
.p7box table td{ height:86px; border:1px solid #404078;}

.part8{ background:#2a2a40}
.p8slide{ margin:0 auto; width:1200px; height:438px; position:relative}
.p8slide li{ float:left; display:inline; width:576px; margin-right:48px;}
.p8slide .prev{ position:absolute; left:-42px; top:160px;}
.p8slide .next{ position:absolute; right:-42px; top:160px;}

.p9box{ margin:0 auto; width:1200px; padding-bottom:50px;}
.p9box .list{ float:left; display:inline; width:273px; height:328px; border-radius:10px; background:#b48c5c; margin-right:32px; color:#fff;}
.p9box .list:last-child{ margin-right:0}
.p9box .list .pic{ width:100%;overflow:hidden; position:relative}
.p9box .list .pic .bg{ background:rgba(42,42,64,0.77); opacity:0;border-radius:10px 10px 0px 0px; position:absolute; left:0; top:0; width:100%; height:100%; transition:0.3s}
.p9box .list:hover .pic .bg{opacity:1;}
.p9box .list .pic .txt{ position:absolute; width:232px; font-size:16px; line-height:28px; left:30px; top:248px; transition:0.6s}
.p9box .list:hover .pic .txt{top:50px;}

.p9box .list .pic img{border-radius:10px 10px 0px 0px;}
.p9box .list .tt{ width:100%; height:70px; display:table; font-size:24px; line-height:32px;}
.p9box .list .tt p{ display:table-cell; text-align:center; vertical-align:middle}

.part10{ background:#2a2a40}
.part10 .p10box{ position:relative; margin:0 auto;  width:1200px; height:430px;}
.part10 .p10box a{ width:175px; height:175px; border-radius:50%; display:table; position:absolute; font-size:24px; color:#fff;transition:0.5s;}
.part10 .p10box a p{ display:table-cell; line-height:32px; text-align:center; vertical-align:middle}
.part10 .p10box a:hover{transform:rotate(360deg);}

.part10 .p10box a:nth-of-type(1){ left:80px; top:70px; background:#6464b5}
.part10 .p10box a:nth-of-type(2){ left:255px; top:0px;background:#ec7753}
.part10 .p10box a:nth-of-type(3){ left:435px; top:70px; background:#a69369}
.part10 .p10box a:nth-of-type(4){ left:612px; top:0px;background:#d09b8b}
.part10 .p10box a:nth-of-type(5){ left:802px; top:70px; background:#7373b1}
.part10 .p10box a:nth-of-type(6){ left:980px; top:0px;background:#3f5e90}

.star {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFF;
    top: 100px;
    left: 400px;
    position: relative;
    transform-origin: 100% 0;
    animation: star-ani 6s infinite ease-out;
    box-shadow: 0 0 5px 5px rgba(255, 255, 255, .3);
    opacity: 0;
    z-index: 2;
}
.star:after {
    content: '';
    display: block;
    top: 0px;
    left: 4px;
    border: 0px solid #fff;
    border-width: 0px 90px 2px 90px;
    border-color: transparent transparent transparent rgba(255, 255, 255, .3);
    transform: rotate(-45deg) translate3d(1px, 3px, 0);
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
    transform-origin: 0% 100%;
    animation: shooting-ani 3s infinite ease-out;
}
.pink {
    top: 30px;
    left: 395px;
    background: #ff5a99;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}
.pink:after {
    border-color: transparent transparent transparent #ff5a99;
    animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
}
.blue {
    top: 35px;
    left: 432px;
    background: #fff;
    animation-delay: 7s;
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
}
.blue:after {
    border-color: transpareanimation-delay: 12s;
    -webkit-animation-delay: 7s;
    -moz-animation-delay: 7s;
    animation-delay: 7s;
}
.yellow {
    top: 50px;
    left: 600px;
    background: #fff;
    animation-delay: 5.8s;
}
.yellow:after {
    border-color: transparent transparent transparent #fff;
    animation-delay: 5.8s;
}

@keyframes ghostUpdown{
		from{transform:translateY(0px);}
		to{transform:translateY(40px);}
	}
	
@keyframes rotate {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -360deg);
    transform: rotate3d(0, 0, 1, -360deg);

  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;

  }
}

@keyframes zoomIn1 {
  from {
    opacity: 0.7;
    -webkit-transform: scale3d(.7, .7, .7);
    transform: scale3d(.7, .7, .7);
  }

  50% {
    opacity: 1;
  }
}