@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {margin: 0; padding: 0; } 
fieldset, img {border: none; }
img{vertical-align:top; display:inline-block}
ul, ol {list-style: none; }
input {padding-top: 0; padding-bottom: 0; font-family: "SimSun", "宋体"; }
select, input {vertical-align: middle; }
select, input, textarea {font-size: 12px; margin: 0; }
textarea {resize: none; }
table {border-collapse: collapse; }
body {font: 21px '微软雅黑'; color:#333333 }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1,h2,h3 ,h4 ,h5 ,h6{font-weight:normal; }
i,em{font-style: normal;}
a {color: #fff; text-decoration: none; }
.fl{ float:left;}
.fr{ float:right;}
.fix:after{ clear:both; content:"."; height:0px; display:block; overflow:hidden; visibility:hidden }
.fix{*zoom:1;}
.hs{ color:#fa5500}
.dot-bottom {
    width: 0;
    height: 0;
    border-top: 15px solid #00a000;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}  
.dot-left {
    width: 0;
    height: 0;
    border-left: 15px solid #47abc3;
    border-bottom: 15px solid transparent;
    border-top: 15px solid transparent;
} 

.wrap{
	max-width: 1680px;
	min-width: 1200px;
	margin:0 auto;
}
.btncon{ text-align:center; padding:50px 0}
.btncon .btn{position:relative;display:inline-block; padding:0 65px;height:65px; line-height:65px;font-size:24px; border-radius:65px; color:#fff;animation:shake 8s linear normal both infinite;}
.btncon .btn:hover{/*animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) 1;-webkit-animation:rubberBand 2.5s cubic-bezier(0.39, 0.66, 0.57, 1) 1*/}
.btncon .btn:nth-of-type(1),.btncon .btn:nth-of-type(2){ background:#ff9933; margin-right:45px;}
.btncon .btn:last-child{ background:#ff3344;}

.titlecon{padding:40px 0 40px 0; position:relative;color:#333333; text-align:center; }
.titlecon .tt1{font-size:50px; line-height:50px; padding-bottom:10px; font-weight:700}
.titlecon .tt2{ height:43px;display: box;              /* OLD - Android 4.4- */
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.titlecon .tt2 .l{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height:1px; overflow:hidden; border-bottom:2px solid #535353; transform:translateY(25px)}
 .titlecon .tt2 .r{-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  width: 20%;               /* For old syntax, otherwise collapses. */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
 height:1px; overflow:hidden; border-bottom:2px solid #535353; transform:translateY(25px)}
.titlecon .tt2 .m{ position:relative; padding:0 25px; font-size:30px; line-height:43px; background:#535353; color:#fff} 
 
.titlecon .tt2 .m .s-bottom { position:absolute; bottom:-15px; left:50%; transform:translateX(-50%);
    width: 0;
    height: 0;
    border-top: 15px solid #535353;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}  
.banner{ width:100%; height:915px; background:url(../images/banbg.jpg) center 0 no-repeat}
.banner .con{ position:relative; width:1200px; height:915px; margin:0 auto;}
.banner .con .p1{ position:absolute; width:759px; height:297px; left:450px; top:195px; overflow:hidden;animation:movement2 3.5s 1s infinite linear ;}
.banner .con .p2{ position:absolute; width:696px; left:470px; top:506px;}
.banner .con .p3{ position:absolute; width:240px; left:678px; top:756px;animation:movement2 3.5s infinite linear ;}

.light{
	cursor:pointer;
	position: absolute;
	left: -180px;
	top: 0;
	width: 80px;
	height: 100%;
	
	background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
	background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
	background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
	background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
	background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.2),rgba(255,255,255,0));
	
	transform: skewx(-25deg);
	-o-transform: skewx(-25deg);
	-moz-transform: skewx(-25deg);
	-webkit-transform: skewx(-25deg);
	-ms-transform: skewx(-25deg);
	
	animation:light_move 3.5s 1s infinite linear ;
	-webkit-animation:light_move 3.5s 1s infinite linear ;
	-moz-animation:light_move 3.5s 1s infinite linear ;
	-o-animation:light_move 3.5s 1s infinite linear ;
	-ms-animation:light_move 3.5s 1s infinite linear ;
}

@keyframes light_move {
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-moz-keyframes light_move {
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-webkit-keyframes light_move {
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-o-keyframes light_move{
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}
@-ms-keyframes light_move{
0% {left:-180px;}
30%{left:720px}
75%{left:20px;}
100%{left:720px;}
}

@keyframes movement2 {
    0% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}
@-webkit-keyframes movement2 {
    0% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
    25% {
        -webkit-transform: translate(3px,6px);
        transform: translate(3px,6px);
    }
    50% {
        -webkit-transform: translate(6px,-3px);
        transform: translate(6px,-3px);
    }
    75% {
        -webkit-transform: translate(-8px,0px);
        transform: translate(-8px,0px);
    }
    100% {
        -webkit-transform: translate(0px,0px);
        transform: translate(0px,0px);
    }
}

.part1{ width:100%; height:901px; background:url(../images/p1_bg.jpg) center 0 no-repeat}
.part1 .con{ position:relative; width:1200px; height:901px; margin:0 auto;}
.part1 .con .p1{ position:absolute; left:144px; top:130px;}
.part1 .con .p2{ position:absolute; right:50%; margin-right:-830px; top:288px;}
.part1 .con .p3{ position:absolute; left:0; top:410px;}

.part2{ background:#000000 url(../images/p2_bg.jpg) center 0 no-repeat; overflow:hidden}
.part2 .con{ margin:0 auto; width:1200px; height:2016px;}
.part2 .con .t1{ text-align:center; padding-bottom:48px;}
.part2 .con .t2{ margin:20px auto; width:780px; height:80px; text-align:center; line-height:80px; color:#fff; font-size:59px; border-radius:20px; background:#45474c}
.part2 .con .t3{ text-align:center; line-height:79px; height:79px; font-size:79px; color:#c9bca9}
.part2 .con .t4{ padding:30px 0; text-align:center; line-height:79px; height:79px; font-size:79px; color:#ffb820}
.part2 .con .p2btn{ display:block; margin:0 auto; width:720px; height:124px; line-height:124px; background:#f46b10; border-radius:124px; font-size:62px; color:#fff; text-align:center}
.part2 .con .t5{ text-align:center; padding-top:104px; }
.part2 .con .t6{ margin:0 auto; width:956px; height:586px; background:url(../images/p2_2.jpg) no-repeat; position:relative}
.part2 .con .p1{ position:absolute; left:62px; top:48px; font-size:45px; color:#7f5700}
.part2 .con .p2{ position:absolute; left:62px; top:105px; font-size:45px; color:#fa0404}
.part2 .con .p3{ position:absolute; width:495px; height:101px; line-height:101px;  left:138px; top:198px;}
.part2 .con .p3 input{ background:none; border:0 none;font-size:45px; width:100%; height:100%; outline:none}
.part2 .con .p4{ position:absolute; width:495px; height:101px; line-height:101px;  left:138px; top:324px; }
.part2 .con .p4 input{ background:none; border:0 none;font-size:45px; width:100%; height:100%;outline:none}
.part2 .con .p5{ position:absolute; width:495px; height:101px; line-height:101px;  left:138px; top:446px}
.part2 .con .p5 input{ background:none; border:0 none;font-size:45px; width:100%; height:100%;outline:none}
.t6btn{ position:absolute; left:688px; top:310px;animation:jello 3.5s 1s infinite linear ;}

.part3{ background:#161216; overflow:hidden}
.part3 .con{ margin:0 auto; width:1200px; padding-bottom:50px}
.part3 .con .t1{ text-align:center; padding:80px 0 55px 0}
.part3 .con .t2{ width:100%; overflow:hidden}
.part3 .con .t2 .list{ float:left; display:inline; width:280px; margin-left:16px; text-align:center;}
.part3 .con .t2 .list .name{ height:50px; line-height:50px; background:#2d2d2d; font-size:25px; color:#fff;}
.part3 .con .t3{ text-align:center; padding:50px 0 50px 0}
.part3 .con .t4{ width:100%; overflow:hidden}
.part3 .con .t4 .list{ display:inline; float:left; width:234px; margin-left:53px;}

.p4tt{ width:100%; height:310px; background:url(../images/p4.jpg) center 0 no-repeat}
.p4slide{ width:100%; position:relative; padding-bottom:283px; background:url(../images/p4_2.jpg) center bottom no-repeat; overflow:hidden}
.p4slide .bd li{ width:100%; height:724px;}
.p4slide .hd{ text-align:center; position:absolute; left:0; bottom:250px; width:100%; height:20px;}
.p4slide .hd li{ display:inline-block; width:20px; height:20px; overflow:hidden; text-indent:-999px; margin-right:20px; background:#ffffff; border-radius:50%}
.p4slide .hd li.on{ background:#f8b93e}
.p4slide .btn1{ position:absolute; width:486px; left:50%; margin-left:-243px; bottom:30px;animation:movement2 3.5s infinite linear ;}

.part5{ width:100%; height:915px; background:url(../images/p5_bg.jpg) center 0 no-repeat}
.part5 .con{ margin:0 auto; width:1200px}
.part5 .t1{ text-align:center; padding:60px 0 50px 0}
.p5slide{ margin:0 auto; position:relative; width:1180px; height:600px;}
.p5slide .bd li{ width:100%; height:600px;}
.p5slide .bd li .pic{ float:left; width:437px; padding-left:20px}
.p5slide .bd li .txt{ float:right; width:700px; color:#fff;}
.p5slide .bd li .txt .p1{ font-size:64px; line-height:64px;}
.p5slide .bd li .txt .p1 font{ display:inline-block; vertical-align:top}
.p5slide .bd li .txt .p1 span{display:inline-block; vertical-align:top; height:64px; font-size:28px;}
.p5slide .bd li .txt .p2{ font-size:30px; line-height:30px; padding:20px 0 20px 0}
.p5slide .bd li .txt .p3{ font-size:23px; line-height:22px;}
.p5slide .bd li .txt .p4{ font-size:29px; line-height:38px; padding-top:20px;}
.p5slide .bd li .txt .p5{ padding-top:20px; width:100%}
.p5slide .bd li .txt .p5 .list{ float:left; display:inline; width:202px; height:261px; margin-right:38px; position:relative}
.p5slide .bd li .txt .p5 .list:last-child{ margin-right:0}
.p5slide .bd li .txt .p5 .list .btn{ position:absolute; width:138px; height:35px; border-radius:35px; background:#6d32ac; text-align:center; line-height:35px; font-size:22px; color:#fff; bottom:-20px; left:30px;}
.p5slide .prev{ position:absolute; left:50%; margin-left:-660px; top:180px;}
.p5slide .next{ position:absolute; right:50%; margin-right:-660px; top:180px;}

.part6{ width:100%; height:1093px; background:url(../images/p6_bg.jpg) center 0 no-repeat}
.part6 .con{ margin:0 auto; width:1200px;}
.part6 .con .t1{ text-align:center; padding:30px 0;}
.part6 .con .text{ width:100%; background:#252525; padding:30px 0 20px 0}
.part6 .con .text .list{ float:left; width:362px; display:inline; margin-left:28px; color:#fff}
.part6 .con .text .list .p1{ text-align:center; font-size:28px; color:#f8b93e; line-height:38px; padding:10px 0}
.part6 .con .text .list .p2{ font-size:26px; line-height:38px;}
.part6 .con .text .list .p2 span{color:#f8b93e;}
.part6 .con .btn1{ margin:0 auto; width:379px; padding-top:30px; display:block;animation:movement2 3.5s infinite linear ;}

.p7silde{ width:100%; height:1053px; position:relative}
.p7silde .tt{ position:absolute; width:100%; height:125px; text-align:center; left:0; top:56px; z-index:3}
.p7silde .bd li{ width:100%; height:1053px; position:relative;}
.p7silde .bd li a{ display:block; width:100%; height:100%;}
.p7silde .prev{ position:absolute; left:50%; margin-left:-660px; top:530px;}
.p7silde .next{ position:absolute; right:50%; margin-right:-660px; top:530px;}
.p7silde .btn{ position:absolute; width:238px; right:50%; margin-right:-300px; top:860px;animation:movement2 3.5s 1s infinite linear ;}

.part8{ width:100%; height:440px; position:relative; background:url(../images/p8_1.jpg) center 0 no-repeat}
.part8 .btn{ position:absolute; width:185px; left:50%; margin-left:-10px; top:230px;animation:movement2 3.5s infinite linear ;}


.part9{ padding: 90px 0 50px; background: url(../images/bg9.jpg) no-repeat;}
.part9 .con {margin: 0 auto;width: 1200px; position: relative}
.part9 ul{ position: relative; width: 100%; height: 970px}
.part9 ul::before{content: ""; display: block; width:706px; height:641px; 
    background: url(../images/p9-line.png) no-repeat; position: absolute; left:292px; top:250px  }
.part9 ul li { padding: 10px; border:2px dotted #fff; border-radius: 50%; width: 330px; 
    height: 330px; position: absolute}
.part9 ul li img{ border-radius: 50%; overflow: hidden}
.part9 ul li:nth-child(2){ left:600px; top:168px }
.part9 ul li:nth-child(3){ left:196px; top:472px }
.part9 ul li:nth-child(4){ right:0; top:606px }
.part9 ol{ color: #fff;}
.part9 ol i{ display: inline-block; padding: 5px; background: #ffb820; margin: 10px 0}
.part9 ol li{ width: 230px; position: absolute; line-height: 35px}
.part9 ol li:nth-child(1){ left: 380px; top:200px}
.part9 ol li:nth-child(2){ right: 0; top:325px}
.part9 ol li:nth-child(3){ left: 0; top:700px}
.part9 ol li:nth-child(4){ left: 620px; top:750px}
.part9 .btn9 { display: block; animation: movement2 3.5s infinite linear; width:695px; margin: 0 auto }

.part10{ background: url(../images/bg10.jpg) no-repeat; padding: 70px 0}
.part10 .tt{ text-align: center}
.part10 .con {margin: 0 auto;width: 1200px; position: relative}
.part10 .con .db{ height: 530px; background:url(../images/p10-pic.png) no-repeat center}
.part10 .con .db ul { padding: 30px 0;width: 244px; float: left}
.part10 .con .db ul li{ height:80px; width: 244px; color: #fff; margin: 30px 0;
    background: url(../images/line1.png) no-repeat center bottom}
.part10 .con .db ul li:nth-child(1){ margin-left:30px}
.part10 .con .db ul li:nth-child(2){ margin-left:110px}
.part10 .con .db ul li:nth-child(3){ margin-left:90px}
.part10 .con .db ol { padding: 30px 0;float: right}
.part10 .con .db ol li{ height:80px; width: 302px; color: #fff; margin: 40px 0;
    background: url(../images/line2.png) no-repeat left bottom; text-align: right}
.part10 .con .db ol li:nth-child(1){ padding-right:100px}
.part10 .con .db ol li:nth-child(2){padding-right:0}
.part10 .con .db ol li:nth-child(3){ }
.part10 p{ text-align: center; color: #fff; line-height: 35px}
.part10 .btn10 { display: block; animation: movement2 3.5s infinite linear; width:695px; margin: 0 auto }