body, dl, dd, ul, ol, h1, h2, h3, h4, h5, h6, p, form ,span,a,img{ margin:0; padding:0px; }
body, button, input, select, textarea { font:12px/1.5 tahoma, '\5b8b\4f53', sans-serif }
h1, h2, h3, h4, h5, h6 { font-size:100% }
em, b,i { font-style:normal }
a { text-decoration:none; outline:none;}
a:hover { text-decoration:none; outline:none;blr:expression(this.onFocus=this.blur());}
a:visited,a:active,a:focus{ outline:none;blr:expression(this.onFocus=this.blur());}
img { display:block;border:0 }
button, input, select, textarea { font-size:100%; outline:none }
table { border-collapse:collapse; border-spacing:0 }
td, th, ul, ol { padding:0; }
ul li, ol li { list-style:none; }
body { font-family: "Microsoft YaHei"; width:100%; min-width:1200px; margin:0 auto; background:#fff;}
input,textarea,h3{font-family: "Microsoft YaHei";}

.main{width:1200px;margin:0 auto;position:relative;}
.nav{width:100%;height:104px;position:fixed;top:0;left:0;background:url(../images/head-bg.png) repeat-x;-webkit-transition: 0.2s;transition: 0.2s;z-index:999;}
.nav .logo{float:left;display:block;height:104px;-webkit-transition: 0.2s;transition: 0.2s;}
.nav .logo img{height:100%;}
.nav ul{float:right;}
.nav ul li{float:left;}
.nav ul li a{display:block;font-size:16px;height:104px;line-height:104px;padding:0 40px;color:#fff;transition:all 0.2s linear;}
.nav ul li a:hover,.nav ul li.curr a{background:#ffa200;}
.nav.ani{background:#ff8400;}
/* .nav.ani .logo{height:80px;}
.nav.ani ul li a{height:80px;line-height:80px;} */

.page-1{width:100%;height:635px;background:url(../images/page-1-bg.jpg) no-repeat top center;overflow:hidden;}
.page-1.about{background:url(../images/about.jpg) no-repeat top center;}
.page-1.brand{background:url(../images/brand.jpg) no-repeat top center;}
.page-1.approach{background:url(../images/approach.jpg) no-repeat top center;}
.page-1 .doc{position:absolute;left:-50px;top:210px;color:#fff;opacity:0;-webkit-transition: 1s;transition: 1s;}
.page-1.ani .doc{opacity:1;left:0;}
.page-1 .doc h3{font-size:36px;font-size:700;}
.page-1 .doc p{font-size:16px;padding:10px 0 50px 0;}
.page-1 .doc span{display:block;width:30px;height:2px;font-size:0;background:#fff;}
.page-1 .btn{position:absolute;left:0;top:470px;opacity:0;-webkit-transition: 0.8s 0.3s;transition: 0.8s 0.3s;}
.page-1.ani .btn{opacity:1;top:420px;}
.page-1 .btn a{display:inline-block;margin-right:20px;width:196px;height:52px;line-height:52px;border:2px #fff solid;text-align:center;font-size:16px;border-radius:6px;color:#fff;position: relative;overflow:hidden;}
.page-1 .btn a.submit-message{background:#fff;color:#ffa200;-webkit-transition: 0.5s;transition: 0.5s;}
.page-1 .btn a.submit-message:hover{background:#ffa200;color:#fff;}
.btn-2 span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;z-index:2;}
.page-1 .btn-2 span{line-height:52px;}
.btn-2:before,
.btn-2:after {z-index: 1;-webkit-transition: 0.5s;transition: 0.5s;}
.btn-2:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #ffa200;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn-2:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #ffa200 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}
.btn-2:hover {
  color: #c9e5e8;
}
.btn-2:hover:before {
  border-width: 165px 0 0 165px;
}
.btn-2:hover:after {
  border-width: 0 165px 165px 0;
}
.btn-2:active {
  background: #ffa200;
}

.page-2{padding:100px 0 60px 0;}
.index-title{text-align:center;}
.index-title h3{font-size:36px;color:#333333;font-weight:700;}
.index-title span{display:inline-block;width:102px;height:25px;line-height:30px;border-bottom:1px #a0a0a0 solid;font-size:0;overflow:hidden;}
.page-2 ul{padding-top:55px;position:relative;opacity:0;top:50px;-webkit-transition: 1s;transition: 1s;}
.page-2.ani ul{opacity:1;top:0;}
.page-2 li{float:left;text-align:center;width:400px;padding-bottom:80px;}
.page-2 li:hover{cursor:pointer;}
.page-2 li i{width:64px;height:64px;overflow:hidden;display:inline-block;-webkit-transition: 0.5s;transition: 0.5s;}
.page-2 li:hover i{transform:scale(1.2);}
.page-2 li.icon-1 i{background:url(../images/page-2-1.png) no-repeat;}
.page-2 li.icon-2 i{background:url(../images/page-2-2.png) no-repeat;}
.page-2 li.icon-3 i{background:url(../images/page-2-3.png) no-repeat;}
.page-2 li.icon-4 i{background:url(../images/page-2-4.png) no-repeat;}
.page-2 li.icon-5 i{background:url(../images/page-2-5.png) no-repeat;}
.page-2 li.icon-6 i{background:url(../images/page-2-6.png) no-repeat;}
.page-2 li p{font-size:18px;color:#333333;padding:15px 0 10px 0;}
.page-2 li span{display:block;line-height:30px;font-size:14px;color:#666;}

.page-3{width:100%;height:698px;background:url(../images/page-3-bg.jpg) no-repeat top center;overflow:hidden;}
.page-3 .index-title{padding-top:60px;}
.page-3 p{text-align:center;line-height:30px;color:#666;font-size:14px;padding-top:15px;}
.page-3-round{width:100%;position:absolute;left:0;top:323px;}
.page-3-round i{display:block;width:320px;height:322px;background:url(../images/page-3-round.png) no-repeat;background-size:100% auto;margin:0 auto;-webkit-transition: 0.8s;transition: 0.8s;transform:rotate(90deg);}
.page-3-round.ani i{transform:rotate(0deg);}
.page-3-round i:hover{transform:rotate(90deg);}
.page-3 .list{position:absolute;}
.page-3 .list h3{font-size:18px;}
.page-3 .list.ul-1 h3{color:#0691d1;}
.page-3 .list.ul-2 h3{color:#ef4b74;}
.page-3 .list.ul-3 h3{color:#5a3395;}
.page-3 .list.ul-4 h3{color:#6ac6b4;}
.page-3 .list li{font-size:14px;color:#666;line-height:25px;}
.page-3 .list li span{display:block;float:left;width:5px;height:5px;overflow:hidden;border-radius:100px;background:#666;margin-top:12px;margin-right:10px;}

.page-3 .list.ul-1{top:343px;left:162px;opacity:0;-webkit-transition: 0.8s;transition: 0.8s;}
.page-3 .list.ul-2{top:343px;left:913px;opacity:0;-webkit-transition: 0.8s;transition: 0.8s;}
.page-3 .list.ul-3{top:530px;left:162px;opacity:0;-webkit-transition: 0.8s 0.2s;transition: 0.8s 0.2s;}
.page-3 .list.ul-4{top:530px;left:913px;opacity:0;-webkit-transition: 0.8s 0.2s;transition: 0.8s 0.2s;}
.page-3 .list.ul-1.ani{left:212px;opacity:1;}
.page-3 .list.ul-2.ani{left:863px;opacity:1;}
.page-3 .list.ul-3.ani{left:212px;opacity:1;}
.page-3 .list.ul-4.ani{left:863px;opacity:1;}

.page-4{padding:50px 0 55px 0;}
/* .page-4 .icon-0{padding:45px 0 15px 0;position:relative;top:-50px;opacity:0;-webkit-transition: 0.8s;transition: 0.8s;}
.page-4 .icon-0 i{display:block;width:64px;height:97px;margin:0 auto;background:url(../images/page-4-1.png) no-repeat;}
.page-4 .icon-0 p{font-size:18px;color:#333;padding-top:5px;}
.page-4 .arrow{width:24px;height:48px;margin:0 auto;background:url(../images/arrow.png) no-repeat;position:relative;opacity:0;top:-50px;-webkit-transition: 0.8s 0.2s;transition: 0.8s 0.2s;}
.page-4 li{float:left;width:400px;text-align:center;padding-top:15px;opacity:0;}
.page-4 li i{display:block;width:170px;height:170px;margin:0 auto;}
.page-4 li.icon-1{-webkit-transition: 0.8s 0.6s;transition: 0.8s 0.6s;}
.page-4 li.icon-2{-webkit-transition: 0.8s 0.8s;transition: 0.8s 0.8s;}
.page-4 li.icon-3{-webkit-transition: 0.8s 1s;transition: 0.8s 1s;}
.page-4 li.icon-1 i{background:url(../images/page-4-2.png) no-repeat;}
.page-4 li.icon-2 i{background:url(../images/page-4-3.png) no-repeat;}
.page-4 li.icon-3 i{background:url(../images/page-4-4.png) no-repeat;}
.page-4 li p{font-size:18px;color:#333;padding-top:20px;}
.page-4 .icon-0.ani,
.page-4 .arrow.ani,
.page-4 li.ani{opacity:1;top:0;} */

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#e2e2e2;font-family: "Microsoft YaHei";font-size:14px;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#e2e2e2;font-family: "Microsoft YaHei";font-size:14px;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#e2e2e2;font-family: "Microsoft YaHei";font-size:14px;}
.bottom{width:100%;height:649px;background:#f8f8f8;position:relative;}
#map{position:absolute;width:500px;height:100%;}
.bottom .message{float:right;padding-left:88px;padding-right:84px;padding-top:125px;width:428px;height:524px;background:url(../images/message-bg.jpg) no-repeat;position:relative;opacity:0;left:50px;-webkit-transition: 0.8s;transition: 0.8s;}
.bottom.ani .message{opacity:1;left:0px;}
.bottom .title{font-size:18px;color:#333;width:135px;padding-bottom:5px;border-bottom:1px #333 solid;margin-bottom:20px;}
.bottom p{font-size:14px;color:#666;padding-left:26px;line-height:35px;padding-bottom:5px;}
.bottom p.icon-1{background:url(../images/icon-1.png) no-repeat;}
.bottom p.icon-2{background:url(../images/icon-2.png) no-repeat;}
.bottom .forme input{width:186px;height:38px;border:1px #e5e5e5 solid;background:#fff;padding-left:10px;font-size:14px;color:#333;margin-top:50px;}
.bottom .forme .left{float:left;}
.bottom .forme .right{float:right;}
.bottom .forme textarea{width:414px;height:100px;line-height:38px;border:1px #e5e5e5 solid;background:#fff;padding-left:10px;font-size:14px;color:#333;margin:15px 0;}
.bottom .forme a{width:428px;height:42px;line-height:42px;background:#4483fd;color:#fff;text-align:center;display:block;font-size:14px;border-radius:10px;}
.bottom .forme a:hover{background:#2971fb;}
.foot{width:100%;height:50px;line-height:50px;font-size:18px;color:#fff;text-align:center;background:#1b2227;}
.go-top{width:50px;height:50px;background:#1b2227 url(../images/go-top.png) no-repeat center;position:fixed;bottom:100px;right:20px;transition: 0.2s;cursor:pointer;display:none;border-radius:5px;}
.go-top:hover{background:#ffa200 url(../images/go-top.png) no-repeat center;}

.page-1.about .doc p{font-size:14px;padding:5px 0 25px 0;line-height:25px;}
.page-1.about.ani .btn{top:420px;}
.about-main{width:1200px;margin:0 auto;padding:50px 0 75px 0;}
.about-main .doc{font-size:18px;color:#333;line-height:30px;padding-top:40px;width:900px;margin:0 auto;}
.about-main .doc h3{font-weight:700;padding-top:20px;}

.page-1.brand .doc p{padding:5px 0 25px 0;line-height:25px;}
.page-1.brand.ani .btn{top:420px;}
.brand-page-1{padding:70px 0 60px 0;}
.brand-page-1 p{font-size:14px;color:#666;line-height:30px;text-align:center;}
.brand-page-1 img{display:block;padding-top:40px;}
.partner img{display:block;padding-top:100px;}
.partner{padding:70px 0 155px 0;}

.approach-main{padding:50px 0 80px 0;}
.approach-main img{padding-top:50px;}
.page-1.approach .doc p{font-size:14px;padding:5px 0 25px 0;line-height:25px;}
.page-1.approach.ani .btn{top:410px;}



























.clear{clear:both;font-size:0px;overflow:hidden;}