@charset "utf-8";*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}body{font-family:"Microsoft YaHei",sans-serif,"微软雅黑";overflow-x:hidden;padding:70px 0 528px;}img{display:block;margin:0 auto;border:0 none;pointer-events:none}a{text-decoration:none}ul,li{list-style:none}.fl{float:left}.fr{float:right}.oh{overflow:hidden}.content{width:1920px;left:50%;margin-left:-960px;display:none}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}input,textarea{outline:0;border:0;vertical-align:middle;resize:none;}h1,h2,h3{font-weight:normal;}#loading{position:fixed;top:0;left:0;z-index:10;width:100%;height:100vh;background:#0a090b;}#loading > img{top:50%;left:50%;width:402px;margin:-134px 0 0 -201px;}.pa,#loading > img{position:absolute;}.pr{position:relative;}.z2{z-index:2;}.d_3s{-webkit-animation-delay:.3s;animation-delay:.3s;}
.header1 {position:fixed;top:0;left:50%;z-index:9;margin-left:-960px;width:1920px;background:rgba(255,255,255,.95);border-bottom:1px solid #eee;}
.header1 > .logo {margin:0 176px 0 343px;padding-top:20px;}
.header1 > a {float:left;font-size:16px;padding:0 15px;color:#535353;line-height:69px;height:69px;}
.header1 > .current,.header1 > a:hover {color:#c32235;}
.footer1 {position:fixed;left:50%;bottom:0;margin-left:-960px;width:1920px;height:528px;background:#1b1b1b;padding-top:84px;display:none}
.footer1 .info {margin:0 265px 0 360px;}
.footer1 .nav {width:185px;}
.footer1 .nav > h2 {font-size:20px;color:#e5e5e5;margin-bottom:25px;}
.footer1 .nav > a,.footer1 .nav > p {display:block;font-size:14px;color:#eee;margin-bottom:8px;}
.footer1 .nav > a:hover {color:#fff;text-decoration:underline;}
.footer1 > p {bottom:0;width:100%;font-size:14px;color:#fff;text-align:center;line-height:55px;background:#2d2d2d;}
.footer1 > p > a {color:inherit}
#case1 {font-size:0;}
#case1 > li {position:relative;overflow:hidden;display:inline-block;text-align:center;color:#fff;width:25%;cursor:pointer;}
#case1 > li > img,#case1 > li > div {width:100%;}
#case1 > li > div {position:absolute;top:100%;height:100%;background:rgba(0,0,0,.67);-webkit-transition:top .4s;transition:top .4s;padding-top:25%;}
#case1 > li:hover > div {top:0;}
#case1 > li > div > h3 {font-size:30px;font-weight:bold;}
#case1 > li > div > p {display:inline-block;padding:0 14px;line-height:28px;font-size:18px;border:1px solid #fff;margin:16px auto 0;}
#page > li {display:inline-block;width:36px;height:36px;line-height:36px;font-size:18px;font-family:'Arial';color:#959595;margin:0 11px;background:#fff;border-radius:2px;cursor:pointer;-webkit-transition:all .4s;transition:all .4s;}
#page > li:hover,#page > .current {background:#1eb1c1;color:#fff;}
#page > #prev {background:#fff url(../img/prev.png);}
#page > #next {background:#fff url(../img/next.png);}
#page > #prev:hover {background:#1eb1c1 url(../img/prev_hover.png);}
#page > #next:hover {background:#1eb1c1 url(../img/next_hover.png);}
#page > #prev,#page > #next {color:rgba(0,0,0,0)}
input {height:57px;padding:0 22px;}
input,textarea {display:block;width:460px;margin-bottom:22px;border-radius:4px;background:#fff;font-size:16px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#535353;}
textarea {height:181px;padding:10px 22px;font-family:'微软雅黑';}
#send {position:relative;overflow:hidden;line-height:57px;text-align:center;background:#2ee2d7;border-radius:4px;color:#fff;cursor:pointer;}
#send::before {content:'';position:absolute;left:-460px;width:460px;height:57px;background:#c32235;-webkit-transition:left .4s;transition:left .4s;}
#send:hover::before {left:0}
.btn_hover {-webkit-backface-visibility:visible;backface-visibility:visible;}
.btn_hover:hover {-webkit-animation-name:flip;animation-name:flip}
@-webkit-keyframes flip {0% {-webkit-transform:perspective(700px) rotateY(-1turn);transform:perspective(700px) rotateY(-1turn)}
0%,40% {-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40% {-webkit-transform:perspective(700px) translateZ(150px) rotateY(-190deg);transform:perspective(700px) translateZ(150px) rotateY(-190deg)}
50% {-webkit-transform:perspective(700px) translateZ(150px) rotateY(-170deg);transform:perspective(700px) translateZ(150px) rotateY(-170deg)}
50%,80% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80% {-webkit-transform:perspective(700px) scale3d(.95,.95,.95);transform:perspective(700px) scale3d(.95,.95,.95)}
to {-webkit-transform:perspective(700px);transform:perspective(700px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip {0% {-webkit-transform:perspective(700px) rotateY(-1turn);transform:perspective(700px) rotateY(-1turn)}
0%,40% {-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40% {-webkit-transform:perspective(700px) translateZ(150px) rotateY(-190deg);transform:perspective(700px) translateZ(150px) rotateY(-190deg)}
50% {-webkit-transform:perspective(700px) translateZ(150px) rotateY(-170deg);transform:perspective(700px) translateZ(150px) rotateY(-170deg)}
50%,80% {-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80% {-webkit-transform:perspective(700px) scale3d(.95,.95,.95);transform:perspective(700px) scale3d(.95,.95,.95)}
to {-webkit-transform:perspective(700px);transform:perspective(700px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
#p1 {top:0;left:0;width:0;-webkit-transition:width 1.5s;transition:width 1.5s;}
#p1.width,#p1 > img {width:1920px;}
.fixed,#phone2,#code {position:fixed;top:50%;right:20px;z-index:9;}
.fixed {width:50px;margin-top:-93px;padding-top:72px;}
.fixed > li,#phone2 {height:60px;cursor:pointer;}
.fixed > li {width:200px;position:relative;left:-70px;margin-bottom:2px;-webkit-transition:left .4s;transition:left .4s;}
.fixed > li:hover {left:-10px;}
.fixed > li > div {float:left;background:#858889;margin-left:10px;}
.fixed > li > .a {background:#c32235;}
#phone2 {width:50px;margin-top:-83px;background:#858889;color:#fff;line-height:60px;overflow:hidden;-webkit-transition:all .4s;transition:all .4s;}
#phone2:hover {width:180px;background:#c32235;}
#phone2 > img {float:left;}
#code {display:none;right:80px;margin-top:-70px;}
.form {margin:166px 363px 44px 0;}
.form > input,.form > textarea,#send {border:1px solid #434343;border-radius:0;width:481px;height:48px;margin-bottom:24px;background:transparent;}
.form > p {font-size:14px;color:#535353;margin-left:24px;}
#send {width:132px;color:#1b1b1b;font-size:30px;line-height:46px;-webkit-transition:color .4s;transition:color .4s;}
#send:hover {color:#fff;}
#send::before {width:132px;left:-132px;}