@charset"utf-8";
*{ margin:0; padding:0;}
body,html{height:100%;font-size:15px;line-height:1.2em;}
body{background:url(../images/part1-bg.png) repeat-x center top;}
input,body{font-family: "Microsoft YaHei",Arial,Helvetica,sans-serif;}
li{list-style:none;}
img{max-width:100%;}
em{font-style:normal;}
a{text-decoration: none}
.hide{display: none}
.times{font-size:28px;padding:0 2px;vertical-align: bottom}
.logo{text-align:center;padding:28px 0 60px;position:relative;left:-50px;}
.part{min-width:1170px;}
.part .con{width:1170px;margin:0 auto}
.half{display:inline-block;vertical-align:middle;width:50%;}

.part3 .con{background: #fff;position: relative;z-index: 2;}
.part3 .p1,.part5 .p1,.part6 .p1{font-size:20px;font-weight: bold;margin:36px 0}
.part3 .em1,.part5 .em1,.part6 .em1{font-size:26px;}
.part3 .p2,.part5 .p2,.part6 .p2{line-height:1.5em;margin-bottom:66px;font-size:15px;
  animation-delay: .2s;
  -webkit-animation-delay:.2s;
  -moz-animation-delay: .2s;
}
.part3 .p3,.part5 .p3,.part6 .p3{font-size:16px;font-weight: bold;}
.part3 .p4,.part5 .p4,.part6 .p4{font-size:14px;line-height:2.4em;}

.part1{background: url(../images/part1-con-bg.png) no-repeat 18% top;height:100%;font-size:0;min-height:600px;width:100%;overflow:hidden}
.part1 .con{position:relative;height:100%}
.part1-pic4{margin-bottom:10px;}
.part1 .arrow{background:url(../images/part1-pic5.png) no-repeat center bottom;height:17px;width:34px;position:absolute;left:50%;margin-left:-17px;}
.part1 .p1{font-size:26px;line-height: 28px}
.part1 .em1{color:#181d1d;margin-right:15px;}
.part1 .em2{color:#df2422;}

.part2 .con{position: relative;overflow: hidden;}
.part2-pic1{margin:98px auto;}
.part2 .txt{color:#fff;text-align:left;line-height:1.7em;position: absolute;top:250px;left:660px}
.part2 .p1{margin-bottom:30px;}
.part2 .tab{height:100px;position: absolute;bottom:198px;cursor: pointer}
.part2 #tab1{background: url(../images/part2-pic4.png) no-repeat center;left:102px;width:108px;}
.part2 #tab2{background: url(../images/part2-pic2.png) no-repeat center;left:283px;width:78px}
.part2 #tab3{background: url(../images/part2-pic3.png) no-repeat center;left:434px;width:89px;}
.part2 #tab1:hover{background-image: url(../images/part2-pic4-h.png)}
.part2 #tab2:hover{background-image: url(../images/part2-pic2-h.png)}
.part2 #tab3:hover{background-image: url(../images/part2-pic3-h.png)}

.part2 .location{position: absolute;}
.part2 .location-icon{background-image:url(../images/loc.png);background-repeat: no-repeat;display: inline-block;width:23px;height:32px;vertical-align: top}
.part2 .loc-txt{color:#fff;position: relative;top:-13px;left:-12px;font-size: 12px}
.part2 .loc1{top:502px;right:323px;}
.part2 .loc2{top:562px;right:226px;}
.part2 .loc3{top:545px;right:152px;}
.part2 .loc3 .location-icon{background-size:67%;}
.part2 .loc4{top:585px;right:195px;}
.part2 .loc4 .location-icon{background-size:64%;}
.part2 .loc4 .loc-txt{top:2px;left:-4px;}
.part2 .loc5{top:680px;right:330px;}
.part2 .loc5 .location-icon{background-size:66%;}
.part2 .loc6{top:702px;right:51px;}
.part2 .loc6 .location-icon{background-size:66%;}
.part2 .loc6 .loc-txt{top:3px;left:-140px;}

.part3{color:#181d1d;font-size:0;}
.part3 .half-left{width:57%;position: relative;z-index: 2;}
.part3 .half-right{width:37%;margin-left: -3%}
.part3 .half{font-size:12px;}
.part3 .em2{color:#e4090e;}

.part3 .p4{color:#a6a6a6}
.part3 ul{margin-top:40px}
.part3 li{width:122px;float:left;margin-bottom:20px;}
.part3 li .p3{font-size:14px}
.part4{text-align:center;margin:30px auto 0;min-width:1153px;}
.part4 img{margin-right:20px}

.part5{background:#d41412 url(../images/part5-bg.png) no-repeat center bottom;margin-top:100px;font-size:0;overflow: hidden;}
.part5 .half{font-size: 12px;color:#fff;margin-top:100px;margin-bottom:70px}
.part5 .half-left{position: relative;z-index: 2;}
.part5 .half-right{padding-left:40px;width:auto;}
.part5 .em2{color:#000;}
.part5 ul{margin-top:40px}
.part5 li{width:122px;float:left;}
.part5 li .p3{font-size:12px}

.part6{background: #fafafa;font-size:0;padding:100px 0}
.part6 .con{width:1000px;}
.part6 .half1{width:44%}
.part6 .half2{width:56%}
.part6 .em2{color:#e4090e;}
.part6 li{background:#fff;padding:8px;float:left;margin:10px;box-shadow:0px 3px  8px #efefef;text-align: center;}
.part6 li p{color:#181d1d;font-size: 14px;line-height: 3em}
.part6 .not{background:none;box-shadow:none;padding-top:58px;width:240px;}

.part7 .half-left{width:56%;}
.part7 .half-left-con{width:320px;margin:0 auto;}
.part7 .half-right{color:#fff;background:#181d1d;height:480px;display: inline-block;vertical-align: middle;padding: 0 45px;}
.part7 .half-right .con1{margin:0 auto 70px;width:170px;}
.part7 .p1{font-size:20px;}
.part7 .p2{font-size:24px;font-weight:bold;line-height:2em;margin-bottom:40px;}
.part7 .con1 .p1{margin-top:80px;}
.part7 .half-right .p3{margin-bottom:20px;}
.part7 .half-right .p5{font-size:12px;line-height:1.6em;}
.part7 .icon{display:inline-block;height:43px;margin-right:24px;width:43px;}
.part7 .part7-icon1{background: url(../images/part7-icon1.png) no-repeat;vertical-align:middle;}
.part7 .part7-icon2{background: url(../images/part7-icon2.png) no-repeat;vertical-align:top;}
.part7 li{position: relative;width:300px;}
.part7 .text{line-height:36px;height:36px;border-radius:30px;border:2px solid #000;margin-bottom:20px;padding-left:20px;outline:none;width:276px;}
.part7 button{background: #e4090e;color:#fff;height:40px;width:300px;border-radius:30px;border:0 none;cursor: pointer;outline:none;}
.part7 .empty,.part7 .notEmpty{position: absolute;right:6px;top:7px;height:26px;width:44px;}
.part7 .empty{background: url(../images/btn-nocur.png) no-repeat left center}
.part7 .notEmpty{background: url(../images/btn-cur.png)no-repeat 1px center}

.part1 .p1{
  -moz-animation-duration: .8s;
  animation-duration: .8s;
  -webkit-animation-duration: .8s;
  animation-delay:.8s;
  -webkit-animation-delay:.8s;
  -moz-animation-delay:.8s;
}
.part1 .arrow{
  opacity: 0;
  /*
  animation-delay:2s;
  -webkit-animation-delay:2s;
  -moz-animation-delay: 2s;
  animation-duration: 1.2s;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration:1.2s;
  animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count:infinite; */
   animation:arrow .7s 1.7s infinite;
  -webkit-animation:arrow .7s 1.7s infinite;
  -moz-animation:arrow .7s 1.7s infinite;
}

@keyframes arrow{
  0%{bottom:20px;opacity:1}
  50%{bottom:30px;opacity:1}
  100% {bottom:20px;opacity:1}
}

@-webkit-keyframes arrow{
  0%{bottom:20px;opacity:1}
  50%{bottom:30px;opacity:1}
  100% {bottom:20px;opacity:1}
}

@-moz-keyframes arrow{
  0%{bottom:20px;opacity:1}
  50%{bottom:30px;opacity:1}
  100% {bottom:20px;opacity:1}
}

.part2 .animated,.part3 .animated,.part3-pic1 .animated,.part5 .animated,.part6 .animated{opacity: 0;} 
.part2 .p1{
  animation-delay: .8s;
  -webkit-animation-delay:.8s;
  -moz-animation-delay:.8s;
}
.part2 .p2{
  animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -moz-animation-delay: 1.3s;
}
.part2 .location-icon{
  animation-delay: 1.8s;
  -webkit-animation-delay:1.8s;
  -moz-animation-delay: 1.8s;
}
.part2 .loc-txt{
  animation-duration: .5s;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  animation-delay: 2.3s;
  -webkit-animation-delay:2.3s;
  -moz-animation-delay:2.3s;
}
.part2 .loc2 .location-icon{
  animation-delay: 2.3s;
  -webkit-animation-delay:2.3s;
  -moz-animation-delay: 2.3s;
}
.part2 .loc2 .loc-txt{
  animation-delay: 2.8s;
  -webkit-animation-delay:2.8s;
  -moz-animation-delay: 2.8s;
}
.part2 .loc3 .location-icon{
  animation-delay: 2.8s;
  -webkit-animation-delay:2.8s;
  -moz-animation-delay: 2.8s;
}
.part2 .loc3 .loc-txt{
  animation-delay: 3.2s;
  -webkit-animation-delay:3.2s;
  -moz-animation-delay: 3.2s;
}
.part2 .loc4 .location-icon{
  animation-delay: 3.2s;
  -webkit-animation-delay: 3.2s;
  -moz-animation-delay: 3.2s;
}
.part2 .loc4 .loc-txt{
  animation-delay: 3.7s;
  -webkit-animation-delay:3.7s;
  -moz-animation-delay: 3.7s;
}
.part2 .loc5 .location-icon{
  animation-delay: 3.7s;
  -webkit-animation-delay:3.7s;
  -moz-animation-delay:3.7s;
}
.part2 .loc5 .loc-txt{
  animation-delay: 4.2s;
  -webkit-animation-delay:4.2s;
  -moz-animation-delay: 4.2s;
}
.part2 .loc6 .location-icon{
  animation-delay: 4.2s;
  -webkit-animation-delay: 4.2s;
  -moz-animation-delay: 4.2s;
}
.part2 .loc6 .loc-txt{
  animation-delay: 4.7s;
  -webkit-animation-delay:4.7s;
  -moz-animation-delay: 4.7s;
}
 
.part2 .location .bounceInDown{
  opacity: 1;
  transition:opacity 2s;
  -webkit-transition:opacity 2s;
  -moz-transition:opacity 2s;
}
.part2 .location .fadeIn{
  opacity: 1;
  transition:opacity 3s;
  -webkit-transition:opacity 3s;
  -moz-transition:opacity 3s;
}

.part2 .bounceInUp{
  opacity: 1;
  transition:opacity 1.6s;
  -webkit-transition:opacity 1.6s;
  -moz-transition:opacity 1.6s;
}
.group{
  animation-duration: .1s;
  -webkit-animation-duration: .1s;
  -moz-animation-duration: .1s;
}
.group0{
  animation-delay: 1s;
  -webkit-animation-delay:1s;
  -moz-animation-delay: 1s;
}
.group1{
  animation-delay: 1.4s;
  -webkit-animation-delay:1.4s;
  -moz-animation-delay:1.4s;
}
.group2{
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
  -moz-animation-delay:1.8s;
}
.group3{
  animation-delay:2.2s;
  -webkit-animation-delay :2.2s;
  -moz-animation-delay: 2.2s;
}
.group4{
  animation-delay:2.6s;
  -webkit-animation-delay:2.6s;
  -moz-animation-delay:2.6s;
}
.group5{
  animation-delay: 3s;
  -webkit-animation-delay:3s;
  -moz-animation-delay:3s;
}
.group6{
  animation-delay: 3.4s;
  -webkit-animation-delay:3.4s;
  -moz-animation-delay:3.4s;
}
.part4 .slideInDown{
  opacity: 1;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
  -moz-transition:opacity 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-delay: 0s;
  -webkit-animation-delay:0s;
  -moz-animation-delay: 0s;
}
.part5 .slideInDown{
  opacity: 1;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
  -moz-transition:opacity 1s;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-delay: 0s;
  -webkit-animation-delay:0s;
  -moz-animation-delay: 0s;
}
.part6 .li1{
  animation-delay: .2s;
  -webkit-animation-delay:.2s;
  -moz-animation-delay: .2s;
}
.part6 .li2{
  animation-delay: .4s;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
}
.part6 .li3{
  animation-delay: .6s;
  -webkit-animation-delay: .6s;
  -moz-animation-delay: .6s;
}
.part6 .li4{
  animation-delay: .8s;
  -webkit-animation-delay:.8s;
  -moz-animation-delay: .8s;
}
.part6 .li6{
  animation-delay: 1.2s;
  -webkit-animation-delay:1.2s;
  -moz-animation-delay: 1.2s;
}
.part6 .li5{
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  -moz-animation-delay:1.5s;
}
#pop{display:none;background:rgba(0,0,0,0.3);position: fixed;top:0;left:0;right:0;bottom:0;z-index:9}
#pop .con{background:#fff;position:fixed;top:42%;left:50%;margin-left:-169px;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;-o-border-radius: 10px;padding:32px 0 15px;width:338px;}
#pop .btn{text-align: right;border-top:1px solid #999;padding-top:15px;margin-top:30px}
#pop .btn,#pop #text{padding-left:20px;padding-right:20px}
#close:active{color:blue}
#emailErr{color:red;font-size: 12px;position: absolute;bottom:0;left:20px;display: none}