* { margin: 0; padding: 0;}
body { font: 16px/1.8 "Microsoft Yahei",verdana;}

/* 右侧导航 */
#fp-nav ul li, .fp-slidesNav ul li{ width: 21px; height: 21px; margin: 5px 0 0; vertical-align: middle;}
#fp-nav ul li a, .fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;background: url(/PC/static/images/dot.png) 0 0 no-repeat;}
#fp-nav ul li a span{display: none;}
#fp-nav ul li a.active{ background-position: 0 bottom;}
.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
.section .main {width:62.5%;position: relative;height:100%;margin:0 auto;}
.section strong img,.section h3 img{width:100%;}
.section .main img{width:100%;}
.banner{position: absolute;width:100%;height:100%;top:0;left:0;z-index:2;overflow: hidden;}
.banner .bd{position: relative;height:100%;padding-top:12%;box-sizing: border-box;}
.banner .bd .main{width:1200px;height:325px;}
.banner .bd ul {
    width: 100% !important;height:100%!important;
}
.banner .bd ul li{
    width: 100% !important;height:100%;
}
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:15%; left:0; height:10px; line-height:10px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:60px; height:10px; margin:0 4px; overflow:hidden; border-radius:10px;background:#fff;
text-indent: -9999px;}
.banner .hd ul .on{background:#60e0eb;}
.s11{position: absolute;width:60%;left:50%;margin-left:-30%;top:10%;z-index:3}
.s12{position: absolute;width:86%;left:50%;margin-left:-43%;bottom:0;}
.s13{position: absolute;font-size:26px;line-height:40px;bottom:8%;right:14%;color:#e2f0f1;letter-spacing: 2px;font-weight:200;}
.s21{position: absolute;width:27.5%;left:20.83%;top:9%;}
.s22{position: absolute;width:30%;left:48%;top:55%;}
.s23{position: absolute;width:30%;left:20.83%;bottom: 0;}
.s24{position: absolute;font-size:26px;color:#bcc8cd;line-height:40px;right:22%;top:42%;font-style: italic;font-weight:200;letter-spacing: 2px;}
.s32{position: absolute;width:33.33%;right:11%;top:68%;}
.s31{position: absolute;width:46.916%;left:9.6%;top:30.5%;z-index: 1;}
.s34{position: absolute;font-size:32px;color:#e2f0f1;line-height:40px;right:11%;top:54%;font-style: italic;font-weight:200;letter-spacing: 2px;}


.bg21 { position: absolute; left: 50%; bottom: 15%; width: 42.33%; margin-left: -100%; margin-bottom: 2%; transition: all 1s;-webkit-transition: all 1s;  opacity: 0;}
.bg22 { position: absolute; right: 50%; bottom: 15%; width: 42.33%;  margin-right: -100%; margin-bottom: 2%;  transition: all 1s;-webkit-transition: all 1s; opacity: 0;}

.section2 strong { position: absolute; left: 50%; top: 17%; z-index: 10; width: 98.75%;margin-left: -51.16%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section2 h3 { position: absolute; left: 50%; top: 17%; z-index: 10; width: 58.5%; margin-left: -12%; margin-top: 6%;  background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section3 strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 100%; margin-left: -50%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section3 h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 66.91%;  margin-left: -33.45%; margin-top: 3%;  background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section4 strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 62.33%; margin-left: -31.16%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section4 h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 20.16%;  margin-left: -10.08%; margin-top: 3%;  background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}


.bg31 { position: absolute; left: 50%; top: 30%; width: 63.75%; margin-left: -31.875%; -webkit-transform:scale(0, 0); transform:scale(0, 0); transition: all 1s;-webkit-transition: all 1s;}
.bg34{position: absolute;width:100%;bottom:0;margin-bottom:10px;background:rgba(0, 0, 0, 0.33);padding:10px 0;}
.bg34 ul{width:56%;margin:0 auto;overflow: hidden;}
.bg34 ul li{width:10%;float:left;text-align: center;position: relative;bottom:-300px;transition: all 1s;-webkit-transition: all 1s;}
.bg34 ul li img{max-width:100%;}

.section4 .main .list{width:100%;position: absolute;top:35%;left:0;}
.section4 .main .list div{width:50%;float:left;margin-bottom:3%;text-align: center;position: relative;}
.section4 .bg41,.section4 .bg43,.section4 .bg45,.section4 .bg47{left:-100%;transition: all 1s;-webkit-transition: all 1s;}
.section4 .bg42,.section4 .bg44,.section4 .bg46,.section4 .bg48{right:-100%;transition: all 1s;-webkit-transition: all 1s;}
.section4 .main .list div img{width:96.6%;}

.bg51, .bg52, .bg53, .bg54 { position: absolute; z-index: 1; width: 208px; left: 50%; bottom: 20%; padding-top: 210px; color: #fff;}
.section5 strong { position: absolute; left: 50%; top: 15%; z-index: 10; width: 24.25%; margin-left: -12.25%; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section5 h3 { position: absolute; left: 50%; top: 15%; z-index: 10; width: 15.33%; margin-left: -7.6%;margin-top: 2%;  opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;-webkit-transition: all 1s;}
.section5 .contact{position: absolute;bottom:-100%;background:rgba(0,0,0,.33);width:100%;transition: all 1s;-webkit-transition: all 1s;}
.section5 .contact .fl{width:45.66%;}
.section5 .contact .fr{width:45%;margin-right:5%;padding:8% 0 5%;}
.smallImg ul li{width:48%;margin:0 1% 1%;box-sizing: border-box;border:3px solid #fff;border-radius:5px;float:left;height:110px;position: relative;overflow: hidden;}
.smallImg ul li img{position: absolute;top:50%;left:0;width:100%;transform: translateY(-50%);opacity: 0.3;}
.section5 .contact .fr h4{font-size:36px;color:#60e0eb;line-height:80px;border-bottom:1px solid #fff;letter-spacing: 4px;margin-bottom:30px;}
.section .conCon{line-height:32px;font-size:16px;color:#e2f0f1;letter-spacing: 2px;display: none;}
.section .conCon1{display: block;}
.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; background-image: url(/static/images/btn.png); opacity: 0; transition: all 1s;-webkit-transition: all 1s;}
.height-auto{height:auto!important;}
/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .bg21 { opacity: 1; margin-left: -48.5%; transition-delay: 0.7s;}
.active .bg22 { margin-right: -48.5%; opacity: 1; transition-delay: 0.7s;}

.active .bg31{ opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 1s;}
.active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}
.active .bg34 .bg34_1{bottom:0;transition-delay: 0.9s;}
.active .bg34 .bg34_2{bottom:0;transition-delay: 0.96s;}
.active .bg34 .bg34_3{bottom:0;transition-delay: 1.02s;}
.active .bg34 .bg34_4{bottom:0;transition-delay: 1.08s;}
.active .bg34 .bg34_5{bottom:0;transition-delay: 1.14s;}
.active .bg34 .bg34_6{bottom:0;transition-delay: 1.2s;}
.active .bg34 .bg34_7{bottom:0;transition-delay: 1.26s;}
.active .bg34 .bg34_8{bottom:0;transition-delay: 1.31s;}
.active .bg34 .bg34_9{bottom:0;transition-delay: 1.37s;}
.active .bg34 .bg34_10{bottom:0;transition-delay: 1.43s;}
.active .bg41 {left:0;opacity: 1;transition-delay: 1s;}
.active .bg42 {right:0;opacity: 1;transition-delay: 1s;}
.active .bg43 {left:0;opacity: 1;transition-delay: 1.2s;}
.active .bg44 {right:0;opacity: 1;transition-delay: 1.2s;}
.active .bg45 {left:0;opacity: 1;transition-delay: 1.4s;}
.active .bg46 {right:0;opacity: 1;transition-delay: 1.4s;}
.active .bg47 {left:0;opacity: 1;transition-delay: 1.6s;}
.active .bg48 {right:0;opacity: 1;transition-delay: 1.6s;}

.active .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.active .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}
.active .contact {bottom:15%;transition-delay: 0.7s;}

.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}
.fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell, .fp-auto-height.fp-section {
    height: auto!important;
}
.active .service-call a{color: #da0f0f;font-size: 40px;font-family: '微软雅黑'!important;line-height: 40px;transition: all 0.5s ease-in 0.5s;display: inline-block;}
/* for lt ie 10
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg41 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg42 { bottom: 15%; transition-delay: 1.1s;}
.ltie10 .bg43 { bottom: 15%; transition-delay: 0.9s;}

.ltie10 .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}
 */