@charset "utf-8";
/* CSS Document */

/*--榛樿--*/
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
body{font-family:寰蒋闆呴粦,榛戜綋;font-size:12px;color:#707070;}
ol,ul,li{list-style:none outside none;}
/*a{text-decoration:none;color:inherit;cursor: pointer;}*/
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;}
tr,td,th{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;color:#333;line-height:100%;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;}
i,em,b,strong{font-style:normal;font-weight:normal;}
input,textarea,select{padding:0;border:1px solid #CCC;font-family:inherit;outline:none;resize:none;background:none;}
input::-moz-placeholder{opacity:1;color:inherit;}
input::-webkit-placeholder{opacity:1;color:inherit;}
input::-ms-placeholder{opacity:1;color:inherit;}
textarea::-moz-placeholder{opacity:1;color:inherit;}
textarea::-webkit-placeholder{opacity:1;color:inherit;}
textarea::-ms-placeholder{opacity:1;color:inherit;}
::-webkit-input-placeholder{opacity:1;color:inherit;}


/*--婊氬姩鏉℃彃浠�--*/
.jspContainer{overflow:hidden;position:relative;}
.jspPane{position:absolute;}
.jspVerticalBar{position:absolute;top:0;right:0;width:16px;height:100%;}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dde;position:relative;}
.jspDrag{background:#ddd;position:relative;top:0;left:0;cursor:pointer;}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%;}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;}
.jspArrow.jspDisabled{cursor:default;background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4;float:left;height:100%;}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner{margin:0 -3px 0 0;}
.jspVerticalBar{width:6px;}
.jspDrag{background:#ccc;border-radius:8px;}
.jspTrack{background:#444;border-radius:8px;}

@font-face{
    font-family:'AvianRegular';
    src: url('AvianRegular.eot');
    src: url('AvianRegular.eot?#iefix') format('embedded-opentype'),
         url('AvianRegular.woff2') format('woff2'),
         url('AvianRegular.woff') format('woff'),
         url('AvianRegular.ttf') format('truetype'),
         url('AvianRegular.svg#AvianRegular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*--绫�--*/
.clear{clear:both;height:0;overflow:hidden;}
.clearfix:after{content:"";clear:both;display:block;}
.left{float:left;}
.right{float:right;}
.footer_f{position:fixed;left:0;bottom:0;width:100%;}


/*--閫氱敤--*/
body{min-width:1230px;max-width:1920px;margin:auto;}
.body{overflow:hidden;background//:url(../image/bg1.png);}
.block{max-width:1196px;height:100%;margin:0 auto;}


.header{height:138px;background:#fff;z-index:1300;position:relative;}
.header .block{max-width:1230px;}
.header h1{display:none;}
.header .block{position:relative;height:100%;}
.header .logo{position:absolute;left:20px;top:45px;width:420px;height:55px;}
.header .logo a.link{position:absolute;left:0;top:0;width:100%;height:100%;outline:none;}
.header .logo a img{ display: inline-block; height:100%; }
.header .nav_main1{position:absolute; left:405px; top:45px;font-size:24px;color:#474747;width:450px;height:93px;}
.header .nav_main1 a.link{margin:0 20px 0 70px; display: inline-block; line-height: 1.3; }

.header .nav_main1 .last{ position: absolute; margin:0; top:3px; left:167px; text-align: center; font-size:14px; width:90px; }
.header .nav_main1 .last span{ display: block; font-size:45px; font-family: arial; text-transform: uppercase; line-height: 42px; }

.header .nav_main2{position:absolute;right:20px;top:84px;font-size:18px;color:#474747;height:54px;}
.header .nav_main2 a{margin:0 0 0 12px;}
.header .rt{position:absolute;right:20px;top:50px;}
.header .rt .tel{float:left;font-size:16px;font-family:Arial;}
.header .rt .tel span{margin-left:20px;}
.header .rt .lang{font-size:14px;float:left;}
.header .rt .lang a{margin-left:20px;}
.header a:hover{color:#445e9f;}

.header.v2{position:absolute;left:0;top:0;right:0;background:none;z-index:3;}
.header.v2 .nav_main1 a.link{color:#fff;}
.header.v2 .rt{color: #fff;}
.header.v2 .nav_main2 a{color:#fff;}

.header .nav_bg{position:absolute;left:0;top:100%;right:0;background:#fff;height:0px;box-shadow:0 0 15px rgba(0,0,0,0.2);overflow: hidden;
transition:all 0.4s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.4s cubic-bezier(0.5,0,0.5,1) 0s;}
.header .nav_bg:after{content:"";top:0;left:0;right:0;border-top:2px solid #445e9f;display:block;}
.header .nav_bg.show{height:600px;}
.header.v2 .nav_bg{background:rgba(255,255,255,0.85);}
.header.v2 .nav_bg:after{display:none;}
.header .nav_main3{position:absolute;left:0;top:100%;right:0;z-index:1;height:0;overflow: hidden;}
.header .nav_main3.show{height:auto;}
.header .nav_main3 a{cursor:pointer;}
.header .nav_main3 .l{font-size:16px;padding:40px 0 10px; overflow: hidden; float: left; width:100%; }
.header .nav_main3 .l .d{float:left;margin-right:45px;opacity:0;
transform:translateX(100px);-webkit-transform:translateX(100px);
transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;}
.header .nav_main3 .l h3{font-size:24px;margin-bottom:25px;}
.header .nav_main3 .l li{margin-bottom:8px;font-size:16px;
transition:all 0.15s ease-out 0s;-webkit-transition:all 0.15s ease-out 0s;}
.header .nav_main3 .l .d:nth-child(1){transition-delay:0s;-webkit-transition-delay:0s;}
.header .nav_main3 .l .d:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.header .nav_main3 .l .d:nth-child(3){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.header .nav_main3 .l .d:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.header .nav_main3.show .l .d{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}

.header .nav_main3 .l .d_ai li span{ color:#474747; padding-right: 28px; }
.header .nav_main3 .l .d_ai li a:hover span{ color:#445e9f; }

.header .nav_main3 .r{ float: right; text-align: right; }
.header .nav_main3 .r .tel{font-size:54px;font-family:Arial;color: #333;padding-bottom: 20px; line-height: 1; }
.header .nav_main3 .r .tel p{opacity:0;transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;}
.header .nav_main3 .r .tel p:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.header .nav_main3 .r .p{color: #333;font-size:16px;margin-top:5px;opacity:0;
transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.header .nav_main3 .r .btn{background:#445e9f;font-size:24px;color: #fff;display:inline-block;height:68px;line-height:68px;padding:0 30px;margin-top:30px;opacity:0;
transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.header .nav_main3 .r .btn i{width:45px;height:100%;vertical-align: middle;margin-left:15px;display: inline-block;font-size: 0;
transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;}
.header .nav_main3 .r .btn i img{width:100%;height:auto;vertical-align: middle;}
.header .nav_main3.show .r *{opacity:1 !important;transform:translateX(0px) !important;-webkit-transform:translateX(0px) !important;}



.header .nav_main3 .d_all{ float: left; width:455px; margin-right:0;  opacity:0; transform:translateX(-50px);-webkit-transform:translateX(-50px); transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s; }
.header .nav_main3 .d_all h3{ text-align: left; }
.header .nav_main3 .d_all ul{ overflow: hidden; }
.header .nav_main3 .d_all li{ float: left; width:145px; height:60px; line-height:60px; text-align: center; background:url(../image/ld/h_1.png) repeat center; margin-left: 6px; margin-bottom: 6px; }
.header .nav_main3 .d_all li a{ font-size:20px; color:#ffffff; }
.header .media_new{ padding:0 0 15px; }
.header .media_new a{ display: inline-block; padding-right: 45px; font-size: 24px; line-height: 1.5; }

.header .nav_main3.show .d_all{ opacity:1; transform:translateX(0px);-webkit-transform:translateX(0px); }

.header .nav_main3 .r .tel{ overflow: hidden; }
.header .nav_main3 .r .btn{ display: block; margin-top:0; }
.header .pc{ display: none }
.header .nav_main3 .r{ margin-top:-30px; }


.w_1280 .header .nav_bg.show{height:540px;}
.w_1280 .header .nav_main3 .l{ padding-top:25px; }
.w_1280 .header .nav_main3 .l h3{ margin-bottom: 15px; }
.w_1280 .header .nav_main3 .d_all li{ height:45px; line-height: 45px; }
.w_1280 .header .nav_main3 .r .tel{ font-size:48px; }
.w_1280 .header .nav_main3 .r .btn{ height:60px; line-height: 60px; }

.w_1280 .header{ height:125px; }
.w_1280 .header .logo,.w_1280 .header .nav_main1{ top:35px; }
.w_1280 .header .rt{ top:50px; }
.w_1280 .header .nav_main2{ top:75px; }

.footer{border-top:2px solid #e1e1e1;}
.footer .block{max-width:1230px;}
.footer .d1{height:250px;background//:url(../image/bg1.png);}
.footer .d1 .list{float:left;padding:60px 0 0;}
.footer .d1 .list .item{float:left;margin-left:20px;color:#333;font-size:16px;text-align:center;}
.footer .d1 .list .item span{width:104px;height:104px;line-height:104px;border:2px solid #999;border-radius:100%;display:block;position:relative;perspective:300px;}
.footer .d1 .list .item span:after{width:70px;height:70px;content:"";vertical-align:middle;position:absolute;left:50%;top:50%;margin:-35px 0 0 -35px;}
.footer .d1 .list .item span.ico1:after{background:url(../image/icon2.png) 6px center no-repeat;}
.footer .d1 .list .item span.ico2:after{background:url(../image/icon2.png) -133px center no-repeat;}
.footer .d1 .list .item span.ico3:after{background:url(../image/icon2.png) -263px center no-repeat;}
.footer .d1 .list .item span.ico4:after{background:url(../image/icon2.png) -395px center no-repeat;}
.footer .d1 .list .item span.ico1{position:relative;z-index:1;}
.footer .d1 .list .item span.ico1 img{position:absolute;left:50%;top:50%;width:200px;height:200px;margin:-100px 0 0 -100px;z-index:1;box-shadow:0 0 5px rgba(0,0,0,0.2);display:none;}
.footer .d1 .list .item span.ico1:hover img{display:block;}
.footer .d1 .list .item:hover span:after{transform:rotateY(-360deg);-webkit-transform:rotateY(-360deg);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.footer .d1 .list .item:hover span.ico1:after{transform:none;-webkit-transform:none;}
.footer .d1 .list .item strong{margin-top:8px;display:inline-block;}
.footer .d1 .tel{float:right;padding:80px 0 0;}
.footer .d1 .tel .d{float:left;margin-left:30px;text-align:right;}
.footer .d1 .tel .d .h3{font-size:46px;}
.footer .d1 .tel .d p{color:#333;margin-top:5px;}
.footer .d2{background:url(../image/bg2.jpg) center top no-repeat;padding:70px 0 50px;}
.footer .d2 .nav{float:left;width:800px;font-size:0;}
.footer .d2 .nav .item{width:140px;margin-right:25px;display:inline-block;vertical-align:top;margin-bottom:30px;}
.footer .d2 .nav .item .h3{color:#fefefe;font-size:18px;padding-bottom:15px;border-bottom:1px solid #405584;}
.footer .d2 .nav .item ul{padding-top:12px;line-height:1.7;color:#fefefe;font-size:14px;}
.footer .d2 .des{float:right;width:405px;}
.footer .d2 .des .d{margin-bottom:30px;}
.footer .d2 .des .d .h3{color:#fefefe;font-size:18px;padding-bottom:15px;border-bottom:1px solid #405584;}
.footer .d2 .des .d .text{padding-top:12px;line-height:1.7;color:#fff;}
.footer .d3{background:url(../image/bg2.jpg) center top no-repeat;padding:40px 0;border-top:2px solid #fff;}
.footer .d3 .share{text-align:center;}
.footer .d3 .share a{display:inline-block;margin:0 8px;width:31px;height:31px;}
.footer .d3 .share a:hover{opacity:0.8;}
.footer .d3 .share .a1{background:url(../image/icon_share.png) 0 0 no-repeat;}
.footer .d3 .share .a2{background:url(../image/icon_share.png) -31px 0 no-repeat;}
.footer .d3 .share .a3{background:url(../image/icon_share.png) -62px 0 no-repeat;}
.footer .d3 .copyright{text-align:center;color:#fefefe;margin-top:5px;}

.footer.v2{border:none;}
.footer.v2 .d1{background:none;}
.footer.v2 .d1 .block{border-bottom:1px solid #ddd;}
.footer.v2 .d2{background:none;}
.footer.v2 .d2 .nav .item .h3{color:#909090;border-color:#ddd;}
.footer.v2 .d2 .nav .item ul{color:#333;}
.footer.v2 .d2 .des .d .h3{color:#909090;border-color:#ddd;}
.footer.v2 .d2 .des .d .text{color:#333;}
.footer.v2 .d3{background:#607cbc;}

.friend{padding:20px 0;line-height:1.5;font-size:16px;color:#333;border-top:2px solid #e1e1e1;}
.friend .block{position:relative;}
.friend .tit{position:absolute;left:0;top:0;}
.friend .inner{padding:0 0 0 80px;}
.friend a{margin:0 10px;display:inline-block;}

.nav_float{position:fixed;right:-110px;top:50%;width:124px;margin-top:-210px;}
.nav_float li{margin-bottom:3px;background:#4461a0;height:126px;border-radius:15px 0 0 15px;perspective:300px;}
.nav_float a{display:block;height:100%;}
.nav_float .a1{background:url(../image/icon3.png) center 25px no-repeat;background:url(../image/icon3a.gif) center center no-repeat;}
.nav_float .a2{background:url(../image/icon3.png) center -105px no-repeat;background:url(../image/icon3b.gif) center center no-repeat;}
.nav_float .a3{background:url(../image/icon3c.png) center center no-repeat;position:relative;}
.nav_float .a3 img{position:absolute;right:100%;top:0;max-width:200px;margin-right:10px;display:none;}
.nav_float .a3:hover img{display:block;}
.nav_float .gotop{background:url(../image/icon3.png) center -230px no-repeat;}

.red-t{opacity:0;filter:alpha(opacity='0');background:url(../image/red_t.png) left top no-repeat;width:58px;height:24px;position:fixed;z-index:14000;top:0;left:50%;margin-left:-29px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.red-l{opacity:0;filter:alpha(opacity='0');background:url(../image/red_l.png) left top no-repeat;width:49px;height:29px;position:fixed;z-index:10;top:50%;left:0;margin-top:-15px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.red-r{opacity:0;filter:alpha(opacity='0');background:url(../image/red_r.png) left top no-repeat;width:50px;height:29px;position:fixed;z-index:10;top:50%;right:0;_right:-1px;margin-top:-15px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.red-b{opacity:0;filter:alpha(opacity='0');background:url(../image/red_t.png) left top no-repeat;width:50px;height:29px;position:fixed;z-index:10;bottom:-13px;left:50%;margin-left:-29px;
transition:all 2s ease-out 1s;-webkit-transition:all 2s ease-out 1s;}
.fs.show .red-t{opacity:1;filter:alpha(opacity='100');}
.fs.show .red-l{opacity:1;filter:alpha(opacity='100');}
.fs.show .red-r{opacity:1;filter:alpha(opacity='100');}
.fs.show .red-b{opacity:1;filter:alpha(opacity='100');}
.fu1{opacity:0;filter:alpha(opacity='0');position:fixed;left:100px;top:50%;margin-top:-86px;width:98px;height:172px;background:url(../image/fu.png) left top no-repeat;z-index:10;
transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;}
.fu2{opacity:0;filter:alpha(opacity='0');position:fixed;right:100px;top:50%;margin-top:-86px;width:98px;height:172px;background:url(../image/fu.png) left top no-repeat;z-index:10;
transition:all 1s linear 0s;-webkit-transition:all 1s linear 0s;}
.fu1.s{opacity:1;filter:alpha(opacity='100');}
.fu2.s{opacity:1;filter:alpha(opacity='100');}

.showtxt i{display:inline-block;text-align:left;}
.showtxt i b{opacity:0;display:inline-block;white-space:nowrap;overflow:hidden;
transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.showtxt i b.h{width:0;}
.showtxt.act i b.h{width:100%;opacity:1;}

.serv_dialog{position:fixed;width:590px;left:50%;top:50%;margin:-160px 0 0 -295px;background:url(../image/bg1.jpg) center center;box-shadow:5px 5px 20px rgba(0,0,0,0.4);display:none;z-index:3;}
.serv_dialog .inner{padding:30px 20px 20px;}
.serv_dialog .close{background:url(../image/close.png) center center no-repeat;position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer;}
.serv_dialog .h3{font-size:60px;color:#fff;line-height:1.2;text-align:center;}
.serv_dialog .btns{text-align:center;margin-top:30px;}
.serv_dialog .btns a{display:inline-block;background:#fff;width:240px;height:40px;line-height:40px;color:#3a467e;font-size:22px;margin:0 12px;border:2px solid #fff;border-radius:5px;}
.serv_dialog .btns a.a1{background:none;color:#fff;}
.serv_dialog .kw{font-size:17px;color:#fff;margin-top:20px;text-align:center;}

.banner{height:460px;position:relative;overflow: hidden;}
.banner .frame{height:100%;overflow:hidden;}
.banner .frame .child{height:100%;position:absolute;background-position:center center;background-repeat:no-repeat;left:0;top:0;width:100%;}
.banner .frame .child a{display:block;height:100%;}
.banner .text{position:absolute;left:50%;top:50%;margin:-155px 0 0 -615px;text-align:center;width:1230px;opacity:0;
transition:all 3s ease-out 0s;-webkit-transition:all 3s ease-out 0s;}
.banner.show .text{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.banner .text .h3{font-size:100px;line-height:1;font-family:Arial;color:#fff;text-shadow:0 0 20px rgba(0,0,0,0.7);padding-left:20px
/*transform:translateY(-250px);-webkit-transform:translateY(-250px);opacity:0;
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;*/}
.banner .text .h3 i{display:none;vertical-align:middle;}
.banner .text .h3 em{display:inline-block;height:80px;border-left:6px solid #fff;vertical-align:middle;margin-left:20px;display:none;
animation:cur 0.5s linear 0s infinite;-webkit-animation:cur 0.5s linear 0s infinite;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.banner .text .h3 em.h{animation:none;opacity:0;filter:alpha(opacity='0');}
@-webkit-keyframes cur{
0%{opacity:1;}
49%{opacity:1;}
50%{opacity:0;}
100%{opacity:0;}
}
@keyframes cur{
0%{opacity:1;}
49%{opacity:1;}
50%{opacity:0;}
100%{opacity:0;}
}
.banner .text .h4{font-size:72px;line-height:1;margin-top:5px;color:#fff;text-shadow:0 0 20px rgba(0,0,0,0.7);}
.banner .text .h4 i{transform:rotateY(90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;}
.banner .text .h4.act i{transform:rotateY(0deg) translateZ(0px) scale(1);-webkit-transform:rotateY(0deg) translateZ(0px) scale(1);opacity:1;}
.banner .text .btn{margin:25px auto 0;border:2px solid #fff;height:33px;line-height:33px;width:222px;color:#fff;font-size:18px;}
.banner .text .btn a{display:block;height:100%;}
.banner .text .btn a:hover{background:rgba(255,255,255,0.15);}
.banner .text.show .h3{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.banner .text.show .btn{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.banner .text.show/{animation:zoom1 6s linear 2.2s infinite;-webkit-animation:zoom1 6s linear 2.2s infinite;}
@-webkit-keyframes zoom1{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(1.05);}
100%{-webkit-transform:scale(1);}
}
@keyframes zoom1{
0%{transform:scale(1);}
50%{transform:scale(1.05);}
100%{transform:scale(1);}
}

.h2{color:#333;}
.h3{color:#333;}
.h4{color:#333;}

.title{text-align:center;perspective:500px;}
.title .h2{font-size:48px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.title .h2 i{transform:rotateY(90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.title .h3{font-size:24px;margin-top:5px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.title .h3 i{transform:rotateY(-90deg) translateZ(-90px) scale(0.3);-webkit-transform:rotateY(-90deg) translateZ(-90px) scale(0.3);opacity:0;display:inline-block;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.title.act i{transform:rotateY(0deg) translateZ(0px) scale(1);-webkit-transform:rotateY(0deg) translateZ(0px) scale(1);opacity:1;}
.title .button{margin-top:20px;}
.title .button .a{display:inline-block;min-width:265px;height:54px;line-height:52px;border:2px solid #777;border:0px solid rgba(119,119,119,0);font-size:30px;color:#333;margin:0 20px;position:relative;text-align:center;}
.title .button svg{position:absolute;left:0;top:0;height:100%;fill:none;width:100%;
stroke-dasharray: 320, 324; stroke-dashoffset: 320;}
.title .button #svg2{display:none;}
.title .button path{stroke:#777;stroke-width:4px;}
.title .button .a a{display:block;height:100%;position:relative;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.title .button .a a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}

.line1{background:url(../image/l1.png) center center no-repeat;width:60px;height:240px;left:50%;margin-left:-30px;position:absolute;}
.line2{background:url(../image/l2.png) center center no-repeat;width:8px;height:190px;left:50%;margin-left:-4px;position:absolute;}
.line3{background:url(../image/l3.png) center center no-repeat;width:8px;height:190px;left:50%;margin-left:-4px;position:absolute;}
.line4{background:url(../image/l4.png) center center no-repeat;width:8px;height:190px;left:50%;margin-left:-4px;position:absolute;}

.home1{padding:60px 0 60px;position:relative;}
.home1 .line2{top:0;}
.home1 .list{margin-top:40px;}
.home1 .list .item{/*float:left;width:281px;*/text-align:center;border:1px solid #ddd;height:289px;/*margin-left:20px;*/margin-bottom: 20px;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.home1 .list .item:hover{box-shadow:0 5px 20px rgba(0,0,0,0.2);
transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.home1 .list .item:first-child{margin-left:0;}
.home1 .list .item h2{font-size:32px;font-weight:bold;margin-top:10px;opacity:0;
transform:translateY(50px);-webkit-transform:translateY(50px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home1 .list .item p{padding:0 20px;margin-top:15px;font-size:16px;color:#474747;opacity:0;
transform:translateY(70px);-webkit-transform:translateY(70px);
transition:all 1s ease-out 0.2s;-webkit-transition:all 1s ease-out 0.2s;}
.home1 .list .item .ico{height:140px;opacity:0;margin-top:14px;text-align:center;
transform:translateY(-70px);-webkit-transform:translateY(-70px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home1 .list .item.s .ico{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.home1 .list .item.s h2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.home1 .list .item.s p{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.home1 .list .item .ico a{display:inline-block;height:100%;width:140px;}
.home1 .list .item .ico a.i1{background:url(../image/icon1_1.png) center center no-repeat;}
.home1 .list .item .ico a.i2{background:url(../image/icon1_2.png) center center no-repeat;}
.home1 .list .item .ico a.i3{background:url(../image/icon1_3.png) center center no-repeat;}
.home1 .list .item .ico a.i4{background:url(../image/icon1_4.png) center center no-repeat;}
.home1 .list .item .ico a.i5{background:url(../image/icon1_5.png) center center no-repeat;}
.home1 .list .item .ico a.i6{background:url(../image/icon1_6.png) center center no-repeat;}

.home1 .list .box{float: left;width: 385px;margin-left: 20px;}
.home1 .list .box:first-child{margin-left: 0;}
/* .home1 .list .box.bx2 .item{height: 600px;}
.home1 .list .box.bx2 .item .text{text-align: left;padding:0 45px;margin-top: 40px;}
.home1 .list .box.bx2 .item .text span{display: inline-block;margin-right: 20px;color: #474747;}
.home1 .list .box.bx2 .item .text p{padding: 0;margin-top: 10px;color: #707070;}
.home1 .list .box.bx2 .item .ico{margin-top: 65px;}

 */


.home2{position:relative;padding:40px 0 0px;}
.home2 .line1{top:0;}
.home2 .list{margin-top:50px;padding:0 0.5%;}
.home2 .list .item{width:24%;margin:0 0.5% 1%;position:relative;overflow:hidden;opacity:0;background:#ddd;float:left;
transform:translateY(100px);-webkit-transform:translateY(100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.home2 .list .item:nth-child(4n-3){transition-delay:0.4s;-webkit-transition-delay:0.2s;}
.home2 .list .item:nth-child(4n-2){transition-delay:0.4s;-webkit-transition-delay:0.0s;}
.home2 .list .item:nth-child(4n-1){transition-delay:0.8s;-webkit-transition-delay:0.1s;}
.home2 .list .item:nth-child(4n){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home2.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.home2 .list .item img{width:100%;height:auto;
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.home2 .list .item .mask{background:url(../image/bg1.jpg);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-40px;}
.home2 .list .item .mask .h3{font-size:36px;color:#fff;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.home2 .list .item .mask p a{margin:0 10px;}
.home2 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.home2 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.home2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}
.home2 .button{margin-top:40px;text-align:center;}
.home2 .button a{display:inline-block;min-width:250px;height:58px;line-height:58px;border:2px solid #777;font-size:30px;color:#333;margin:0 20px;padding:0 20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.home2 .button a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}
.home2 .button a h3{display:inline-block;color:inherit;font-size:inherit;}

.service{height:280px;position:relative;padding:90px 0;}
.service .l1{top:0;}
.service .l2{bottom:0;}
.service .ico{width:128px;height:106px;margin:auto;perspective:300px;}
.service .ico a{display:block;height:100%;background:url(../image/ico1.gif) center center no-repeat;position:relative;}
.service .btn{border:2px solid #777;width:264px;height:50px;line-height:50px;margin:20px auto 0;text-align:center;font-size:30px;color:#333;cursor:pointer;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.service .btn a{display:block;}
.service .btn:hover{background:#445e9f;color:#fff;border-color:#445e9f;}
.service .tel{text-align:center;font-size:44px;font-family:Arial;color:#333;margin-top:15px;}
.service p{text-align:center;font-size:24px;color:#333;margin-top:5px;}
@-webkit-keyframes wx1{
0%{width:0;}
1%{width:18px;}
5%{width:18px;}
6%{width:44px;}
10%{width:44px;}
11%{width:65px;}
100%{width:65px;}
}
@keyframes wx1{
0%{width:0;}
1%{width:18px;}
5%{width:18px;}
6%{width:44px;}
10%{width:44px;}
11%{width:65px;}
100%{width:65px;}
}
@-webkit-keyframes wx2{
0%{opacity:0;}
1%{opacity:1;}
10%{opacity:1;}
11%{opacity:0;}
20%{opacity:0;}
21%{opacity:1;}
100%{opacity:1;}
}
@keyframes wx2{
0%{opacity:0;}
1%{opacity:1;}
10%{opacity:1;}
11%{opacity:0;}
20%{opacity:0;}
21%{opacity:1;}
100%{opacity:1;z-index:-10;}
}

.decision{padding:0 0 90px;}
.decision .h2{font-size:48px;}
.decision .h3{font-size:24px;margin-top:0px;}

.home_news{padding:0px 0 100px;}
.home_news .item{float:left;width:33.3%;margin:0 0 25px 0;
transition:all 0.2s ease-out 0s;}
.home_news .item:hover{text-shadow:2px 2px 1px rgba(0,0,0,0.2);}
.home_news .item .date{color:#909090;font-size:16px;font-family:Arial;}
.home_news .item .h2{font-size:20px;margin-top:5px;}
.home_news .item .tag{font-size:16px;margin-top:8px;color:#445e9f;}
.home_news .item .tag a{margin-right:10px;}
.home_news .list2 .item {margin:0 0 8px 0;}
.home_news .list2 .item .h2{font-size:16px;}

.home3{background:url(../image/bg2.jpg) center top no-repeat;padding:100px 0 100px;position:relative;}
.home3 .line3{top:-95px;}
.home3 .block{perspective:1000px;}
.home3 .title .h2{color:#fff;}
.home3 .title .h3{color:#fff;}
.home3 .num{height:350px;width:880px;margin:40px auto 0;overflow:hidden;
perspective:1200px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.home3 .num>div{float:left;height:100%;opacity:0;
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;
transform:rotateY(90deg) translateZ(120px);-webkit-transform:rotateY(90deg) translateZ(120px);}
.home3 .num .d1{background:url(../image/png2_1.png) center center no-repeat;width:244px;}
.home3 .num .d2{background:url(../image/png2_2.png) center center no-repeat;width:244px;margin-left:-44px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.home3 .num .d3{background:url(../image/png2_2.png) center center no-repeat;width:244px;margin-left:-44px;
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.home3 .num .d4{background:url(../image/png2_3.png) center center no-repeat;width:276px;margin-left:-44px;
transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.home3.show .num>div{transform:rotateY(0deg) translateZ(0px);-webkit-transform:rotateY(0deg) translateZ(0px);opacity:1;}
.home3 .list{padding:0 23px;margin-top:40px;height:180px;overflow:hidden;}
.home3 .list .item{float:left;width:200px;margin:0 15px 40px;height:69px;overflow:hidden;}
.home3 .list .item .t{min-height:70px;overflow:hidden;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.home3 .list .item .h3{font-size:30px;color:#fff;line-height:1.2;}
.home3 .list .item p{font-size:14px;color:#fff;margin-top:10px;}
.home3 .list .item:hover .t{margin-top:-70px;}
.home3 .list .item a{display:block;height:70px;}
.home3 .list .item a:aftar{content:"";height:100%;display:inline-table;vertical-align:middle;}
.home3 .list .item a img{max-height:100%;max-width:100%;width:auto;height:auto;}
@-webkit-keyframes num{
0%{transform:rotateY(0deg);}
25%{transform:rotateY(-10deg);}
50%{transform:rotateY(0deg);}
75%{transform:rotateY(10deg);}
100%{transform:rotateY(0deg);}
}
@keyframes num{
0%{transform:rotateY(0deg);}
25%{transform:rotateY(-10deg);}
50%{transform:rotateY(0deg);}
75%{transform:rotateY(10deg);}
100%{transform:rotateY(0deg);}
}

.home4{padding:80px 0;position:relative;}
.home4 .ico{width:110px;height:108px;margin:auto;perspective:300px;}
.home4 .ico a{display:block;height:100%;background:url(../image/ico2.png) center center no-repeat;
transform-origin:center bottom;-webkit-transform-origin:center bottom;}
.svgbtn{text-align:center;margin-top:30px;}
.svgbtn .a{display:inline-block;width:264px;height:54px;line-height:52px;border:2px solid #777;border:0px solid rgba(119,119,119,0);font-size:30px;color:#333;margin:0 20px;position:relative;}
.svgbtn svg{position:absolute;left:0;top:0;width:100%;height:100%;fill:none;
stroke-dasharray: 320, 324; stroke-dashoffset: 320;}
.svgbtn #svg2{display:none;}
.svgbtn path{stroke:#777;stroke-width:4px;}
.svgbtn .a a{display:block;height:100%;position:relative;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.svgbtn .a a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}

.home4 .line2{top:320px;}
.home4 .title{margin-top:20px;}

.build1{padding:100px 0 45px;}
.build1 h1{text-align:center;font-size:56px;}
.build1 .text{font-size:16px;text-align:center;line-height:1.5;margin-top:25px;padding:0 10%;color: #474747;}
.build1 .dtabs{margin-top:75px;}
.build1 .dtabs h2{float:left;width:282px;height:52px;line-height:52px;text-align:center;color:#fff;font-size:22px;background:#4461a0;margin:0 0 22px 22px;position:relative;cursor:pointer;}
.build1 .dtabs h2.first{margin-left:0;}
.build1 .dtabs h2.now:after{content:"";position:absolute;left:50%;top:100%;background:url(../image/arrow1.png) center center no-repeat;width:24px;height:6px;margin-left:-12px;}
.build1 .dtabs h2:hover{color:#dfe6f6;}
.build1 .arc{margin-top:30px;height:353px;}
.build1 .arc .pic{float:left;width:584px;height:353px;overflow:hidden;}
.build1 .arc .con{float:right;width:576px;padding-top:18px;}
.build1 .arc .con .h3{font-size:30px;}
.build1 .arc .con .h4{margin-top:15px;font-size:20px;}
.build1 .arc .con .txt{margin-top:35px;line-height:1.7;}
.serv{margin-top:55px;}
.serv .button{text-align:center;}
.serv .button a{display:inline-block;min-width:200px;height:50px;line-height:50px;text-align:center;font-size:30px;color:#333;cursor:pointer;border:2px solid #777;margin:0 15px;padding:0 20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.serv .button a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}
.serv .tel{text-align:center;font-size:44px;font-family:Arial;color:#333;margin-top:15px;}
.serv p{text-align:center;font-size:20px;color:#333;margin-top:5px;}

.build2{padding:40px 0 55px;position:relative;}
.build2 .line2{top:0;}
.build2 .list{perspective:1200px;}
.build2 .list .item{position:relative;overflow:hidden;float:left;width:388px;height:234px;margin:0 0 16px 16px;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(100px);-webkit-transform:translateY(100px);}
.build2 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.build2 .list .item:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.build2 .list .item:nth-child(3){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.build2 .list .item:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.build2 .list .item:nth-child(5){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.build2 .list .item:nth-child(6){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.build2.show .list .item{opacity:1;transform:translateY(0px) rotateX(0deg);-webkit-transform:translateY(0px) rotateX(0deg);}
.build2 .list .item.first{margin-left:0;}
.build2 .list .item img{width:100%;height:auto;
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.build2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.build2 .list .item .mask{background:url(../image/bg1.jpg);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.build2 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-40px;}
.build2 .list .item .mask .h3{font-size:36px;color:#fff;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.build2 .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.build2 .list .item .mask p a{margin:0 10px;}
.build2 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.build2 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.build2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.build2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}
.build2 .button{margin-top:40px;text-align:center;}
.build2 .button a{display:inline-block;min-width:200px;height:58px;line-height:58px;border:2px solid #777;font-size:30px;color:#333;margin:0 20px;padding:0 20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.build2 .button a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}
.build2 .button a h3{display:inline-block;color:inherit;font-size:inherit;}

.build3{position:relative;padding:45px 0;}
.build3 .item{float:left;width:392px;height:180px;background:#374b7a;color:#fff;margin:0 0 9px 9px;position:relative;opacity:0;
transition:transform 0.5s ease-out 0s,opacity 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s,opacity 0.5s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.build3.show .item{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.build3 .item .h3{padding:40px 32px 0;color:#fff;font-size:20px;
transition:all 0.2s linear 0s;}
.build3 .item:hover .h3{text-shadow:1px 1px 1px rgba(255,255,255,0.8);}
.build3 .item .tag{padding:0 32px 32px;color:#fff;font-size:16px;position:absolute;left:0;bottom:0;}
.build3 .item .tag a{margin:0 0.3em;}
.build3 .item.s{background:#4461a0;width:192px;}
.build3 .item.s .h3{font-size:16px;line-height:1.5;}
.build3 .item.s .tag{font-size:12px;line-height:1.5;}
.build3 .item.first{margin-left:0;}
.build3 .refresh{width:192px;height:180px;float:left;margin-left:9px;background:#374b7a;opacity:0;
transition:transform 0.5s ease-out 0s,opacity 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s,opacity 0.5s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.build3 .refresh span{display:block;width:180px;height:180px;background:url(../image/ico3.png) center center no-repeat;cursor:pointer;margin:auto;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.build3 .refresh:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.build3.show .refresh{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.create{padding:225px 0 90px;position:relative;}
.create .line2{top:0;}

.case1{background:url(../images/bg2.jpg) center center no-repeat;position:relative;margin-top:40px;}
.case1 .line4{bottom:-95px;}
.case1 .block{padding:50px 0;perspective:1000px;}
.case1 .title .h2{color:#fff;opacity:0;
transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;
transform:translateX(-120px);-webkit-transform:translateX(-120px);}
.case1.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.case1 .title .h3{color:#fff;opacity:0;
transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;-webkit-transition:all 1.5s cubic-bezier(0.5,0,0.3,1) 0s;
transform:translateX(120px);-webkit-transform:translateX(120px);}
.case1.show .title .h3{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.case1 .num{height:350px;width:880px;margin:20px auto 0;
perspective:1200px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.case1 .num>div{float:left;height:100%;opacity:0;
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;
transform:rotateY(90deg) translateZ(120px);-webkit-transform:rotateY(90deg) translateZ(120px);}
.case1 .num .d1{background:url(../image/png2_1.png) center center no-repeat;width:244px;}
.case1 .num .d2{background:url(../image/png2_2.png) center center no-repeat;width:244px;margin-left:-44px;
transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case1 .num .d3{background:url(../image/png2_2.png) center center no-repeat;width:244px;margin-left:-44px;
transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.case1 .num .d4{background:url(../image/png2_3.png) center center no-repeat;width:276px;margin-left:-44px;
transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.case1.show .num>div{transform:rotateY(0deg) translateZ(0px);-webkit-transform:rotateY(0deg) translateZ(0px);opacity:1;}
.case1 .h{font-size:30px;color:#fff;text-align:center;opacity:0;
transform:scale(1.3);-webkit-transform:scale(1.3);
transition:all 1s ease-out 0.5s;-webkit-transition:all 1s ease-out 0.5s;}
.case1.show .h{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.case2{padding:0px 0;position:relative;}
.case2 .tit{font-size:30px;line-height:1.5;text-align:center;padding:50px 0;color:#333;}
.case2 .tit h1{font-size:inherit;display:inline-block;}
.case2 .tit span{margin-right:15px;}
.case2 .tit2{text-align:center;margin-top:40px;}
.case2 .tit2 h3{font-size:30px;}
.case2 .tit2 h4{font-size:48px;margin-top:20px;}
.case2 .list{perspective:1200px;}
.case2 .list .item{position:relative;overflow:hidden;float:left;width:388px;height:234px;margin:0 0 16px 16px;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(100px);-webkit-transform:translateY(100px);}
.case2 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case2 .list .item:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.case2 .list .item:nth-child(3){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.case2 .list .item:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.case2 .list .item:nth-child(5){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case2 .list .item:nth-child(6){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.case2.show .list .item{opacity:1;transform:translateY(0px) rotateX(0deg);-webkit-transform:translateY(0px) rotateX(0deg);}
.case2 .list .item.first{margin-left:0;}
.case2 .list .item img{width:100%;height:auto;
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.case2 .list .item .mask{background:url(../image/bg1.jpg);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-40px;}
.case2 .list .item .mask .h3{font-size:36px;color:#fff;line-height:1.2;padding:0 15px;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case2 .list .item .mask p a{margin:0 10px;}
.case2 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.case2 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.case2 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.case2 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}
.case2 .pager{margin:30px 0 40px;}
.case2 .content{height:353px;padding-bottom:40px;}
.case2 .content .pic{float:left;width:585px;height:353px;overflow:hidden;}
.case2 .content .pic img{width:100%;height:auto;}
.case2 .content .des{width:574px;float:right;padding-top:20px;}
.case2 .content .des h3{font-size:30px;}
.case2 .content .des .tag{font-size:20px;color:#445e9f;margin-top:10px;}
.case2 .content .des .tag span{margin-right:10px;}
.case2 .content .des .txt{margin-top:30px;line-height:1.7;}

.case3{padding:40px 0 60px;position:relative;}
.case3 .line2{top:0;}
.case3 .list{perspective:1200px;}
.case3 .item{float:left;width:388px;margin-left:16px;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(60px);-webkit-transform:translateY(60px);}
.case3 .item:nth-child(1){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.case3 .item:nth-child(2){transition-delay:0.0s;-webkit-transition-delay:0.0s;}
.case3 .item:nth-child(3){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.case3.show .item{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.case3 .item:first-child{margin-left:0;}
.case3 .item .pic{height:234px;overflow:hidden;}
.case3 .item .pic img{width:100%;height:auto; transform-style:preserve-3d;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.case3 .item:hover img{transform:scale(1.1);}
.case3 .item .h3{margin-top:20px;text-align:center;font-size:20px;}
.case3 .button{margin-top:45px;text-align:center;}
.case3 .button a{display:inline-block;min-width:220px;height:48px;line-height:48px;border:2px solid #777;font-size:30px;color:#333;margin:0 20px;padding:0 20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.case3 .button a:hover{background:#445e9f;color:#fff;border-color:#445e9f;}
.case3 .button a h3{display:inline-block;color:inherit;font-size:inherit;}

.case_detail{padding:100px 0 45px;}
.case_detail .tit{text-align:center;}
.case_detail .tit h1{font-size:30px;}
.case_detail .tit .tag{color:#456fc7;margin-top:10px;font-size:20px;}
.case_detail .tit .tag span{margin-right:10px;}
.case_detail .tit .txt{margin-top:20px;padding:0 90px;font-size:16px;line-height:1.5;text-align:left;}
.case_detail .focus{margin:60px auto 0;background:url(../image/mac.png) center top no-repeat;padding-top:39px;height:772px;width:1028px;position:relative;}
.case_detail .focus .frame{width:947px;height:535px;overflow:hidden;margin:auto}
.case_detail .focus .frame .child{float:left;width:100%;height:100%;text-align:center;}
.case_detail .focus .frame .child img{width:100%;height:auto;}
.case_detail .focus .frame .child .jspPane:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar{position:absolute;left:0;bottom:237px;width:100%;text-align:center;z-index:1;}
.case_detail .focus .bar .inner{display:inline-block;padding:0 10px;background:url(../image/black64.png);height:54px;border-radius:15px 15px 0 0;vertical-align:middle;}
.case_detail .focus .bar .inner .prev{background:url(../image/arrow3.png) left center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar .inner .next{background:url(../image/arrow3.png) right center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar .inner .nav{display:inline-block;height:100%;margin:0 10px;vertical-align:middle;line-height:54px;}
.case_detail .focus .bar .inner .nav i{background:url(../image/dot1.png) 8px center no-repeat;width:25px;height:25px;margin:0 2px;display:inline-block;vertical-align:middle;}
.case_detail .focus .bar .inner .nav i.now{background-position:-22px center;}
.case_detail .focus2{margin:60px auto 0;background:url(../image/iphone.png) center top no-repeat;padding-top:90px;height:775px;width:521px;position:relative;}
.case_detail .focus2 .frame{width:306px;height:545px;overflow:hidden;margin:auto}
.case_detail .focus2 .frame .child{float:left;width:100%;height:100%;text-align:center;}
.case_detail .focus2 .frame .child img{width:100%;height:auto;}
.case_detail .focus2 .frame .child .jspPane:before{content:"";height:100%;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar{position:absolute;left:0;bottom:237px;width:100%;text-align:center;z-index:1;}
.case_detail .focus2 .bar .inner{display:inline-block;padding:0 10px;background:url(../image/black64.png);height:54px;border-radius:15px 15px 0 0;vertical-align:middle;}
.case_detail .focus2 .bar .inner .prev{background:url(../image/arrow3.png) left center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar .inner .next{background:url(../image/arrow3.png) right center no-repeat;width:50px;height:100%;cursor:pointer;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar .inner .nav{display:inline-block;height:100%;margin:0 10px;vertical-align:middle;line-height:54px;}
.case_detail .focus2 .bar .inner .nav i{background:url(../image/dot1.png) 8px center no-repeat;width:25px;height:25px;margin:0 2px;display:inline-block;vertical-align:middle;}
.case_detail .focus2 .bar .inner .nav i.now{background-position:-22px center;}
.case_detail .tip{text-align:center;line-height:1.8;margin-top:-30px;}
.case_detail .serv .button{margin-top:40px;}
.case_detail .more{text-align:center;}
.case_detail .more{margin-top:45px;text-align:center;}
.case_detail .more a.link{display:inline-block;width:260px;height:48px;line-height:48px;border:2px solid #777;font-size:16px;color:#333;margin:0 15px;}
.case_detail .more a.link:hover{background-color:#445e9f;color:#fff;border-color:#445e9f;}
.case_detail .more a.link.l{background:url(../image/button2.png) center top no-repeat;width:242px;border:none;height:52px;line-height:52px;padding-left:20px;}
.case_detail .more a.link.l:hover{background-position:center bottom;}
.case_detail .more a.link.r{background:url(../image/button3.png) center top no-repeat;width:242px;border:none;height:52px;line-height:52px;padding-right:20px;}
.case_detail .more a.link.r:hover{background-position:center bottom;}

.about1{padding:100px 0 45px;}
.about1 .block{perspective:1000px;}
.about1 .text{margin-top:25px;text-align:center;line-height:1.5;font-size:16px;}


.about2{position:relative;padding:35px 0 0;}
.about2 .line2{top:0;}
.about2 .text{margin-top:25px;text-align:center;line-height:1.5;font-size:16px;}
.about2 .job{margin-top:40px;}
.about2 .job .h2{font-size:30px;text-align:center;}
.about2 .job .list{margin-top:50px;}
.about2 .job .item{float:left;width:33.3%;margin-bottom:40px;opacity:0;
transition:all 0.7s ease-out 0s;-webkit-transition:all 0.7s ease-out 0s;
transform:translateX(-70px);-webkit-transform:translateX(-70px);}
.about2 .job .item:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.about2 .job .item:nth-child(3){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.about2 .job .item:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.about2 .job .item:nth-child(5){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.about2 .job .item:nth-child(6){transition-delay:0.5s;-webkit-transition-delay:0.5s;}
.about2.show .job .item{min-height:160px;transform:translateX(0);-webkit-transform:translateX(0);opacity:1;}
.about2 .job .item .h3{font-size:30px;}
.about2 .job .item .h4{font-size:20px;margin-top:10px;color:#4461a0;}
.about2 .job .item p{margin-top:15px;line-height:1.5;padding-right:40px;}
.about2 .item:hover .h3{text-shadow:3px 3px 3px rgba(0,0,0,0.1);}
.about2 .item:hover .h4{text-shadow:3px 3px 3px rgba(0,0,0,0.1);}

.about3{position:relative;padding:45px 0 85px;}
.about3 .line2{top:0;}
.about3 .addr{text-align:center;margin-top:0px;font-size:24px;color:#333;}
.about3 .map{margin-top:40px;height:585px;box-shadow:0 3px 10px rgba(0,0,0,0.1);border:8px solid #fff;}
.about3 .map #container{height:100%;}

.news{padding:0px 0 50px;}
.news .tit{font-size:30px;line-height:1.5;text-align:center;margin-bottom:50px;color:#333;}
.news .tit h1{font-size:inherit;display:inline-block;}
.news .tit span{margin-right:15px;}
.news .rowl{float:left;width:573px;}
.news .rowr{float:right;width:573px;}
.news .item{margin-top:50px;
/*opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(80px);-webkit-transform:translateY(80px);*/
}
.news .item.show{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.news .item:first-child{margin-top:0;}
.news .item .pic{margin-bottom:30px;}
.news .item .pic img{width:100%;height:auto;}
.news .item .h3{font-size:30px;}
.news .item .tag{font-size:20px;color:#445e9f;margin-top:10px;}
.news .item .tag span{margin-right:10px;}
.news .item p{margin-top:20px;line-height:1.7;}
.news .item .date{margin-top:20px;text-align:right;color:#909090;font-size:20px;overflow:hidden;font-family:Arial;}
.news .item .date:before{content:"";width:100%;margin:11px 0 0 -115px;display:block;float:left;border-top:1px solid #ccc;}
.news .pager{margin-top:50px;}
.news .b{text-align:center;padding:100px 0 0;}
.news .b .h3{font-size:24px;}
.news .b .h2{font-size:48px;}

.pager{text-align:center;}
.pager a{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #888;font-size:16px;color:#333;font-family:Arial;margin:0 5px;}
.pager a:hover{background:#4461a0;color:#fff;border-color:#4461a0;}
.pager a.now{border-color:transparent;}
.pager span{display:inline-block;height:25px;line-height:25px;padding:0 10px;border:1px solid #888;font-size:16px;color:#333;font-family:Arial;margin:0 5px;}
.pager .jump{padding:0;}
.pager .jump input{border:none;width:25px;padding:0 10px;font-size:16px;text-align:center;}
.pager .jump em{display:inline-block;border-left:1px solid #888;text-align:center;width:40px;}
.pager .jump em:hover{background:#4461a0;color:#fff;border-color:#4461a0;cursor:pointer;}


.plan{padding:0 0 50px;}
.plan .item{margin-top:40px;padding-bottom:40px;border-bottom:1px solid #c5c5c5;position:relative;
/*opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(80px);-webkit-transform:translateY(80px);*/
}
.plan .item:after{content:"";display:block;clear:both;}
.plan.show .item{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.plan .item:first-child{margin-top:0;}
.plan .item .pic{float:left;width:583px;}
.plan .item .pic img{width:100%;height:auto;}
.plan .item .text{float:right;width:573px;padding-top:20px;}
.plan .item .h3{font-size:30px;}
.plan .item .tag{font-size:20px;color:#0c3e79;margin-top:10px;}
.plan .item .tag a{color:#445e9f;}
.plan .item .tag span{margin-right:10px;}
.plan .item p{margin-top:20px;line-height:1.7;font-size: 16px;}
.plan .item .yfa{position:absolute;left:624px;bottom:40px;color:#333;font-size:18px;height:40px;line-height:40px;border:2px solid #666;padding:0 40px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.plan .item .yfa:hover{border-color:#0c3e79;background:#0c3e79;color:#fff;}
.plan .pager{margin-top:40px;}

.article{padding:70px 0 80px;color:#555;background:#fff;}
.article strong{font-weight:bold;}
.article em{font-style:italic;}
.article .left{width:830px;padding-top:30px;}
.article .left h1{font-size:30px;text-align:center;}
.article .left .tag{font-size:20px;color:#456fc7;margin-top:10px;text-align:center;}
.article .left .tag span{margin-right:10px;}
.article .left .date{margin-top:10px;text-align:center;font-size:16px;font-family:Arial;}
.article .left .con{padding:30px 0;line-height:1.5;font-size:16px;}
.article .left .con .share{margin-bottom:20px;}
.article .left .con .share .bdsharebuttonbox{float:left;}
.share .bdshare-button-style0-16 a,.share .bdshare-button-style0-16 .bds_more{background:url(../image/icon6.png) 0 0 no-repeat;width:31px;height:31px;padding:0;margin:0 5px 0 0;}
.share .bdshare-button-style0-16 .bds_more{background-position:right center;float:right;}
.share .bdshare-button-style0-16 .bds_qzone{background-position:-38px center;}
.share .bdshare-button-style0-16 .bds_tsina{background-position:-111px center;}
.share .bdshare-button-style0-16 .bds_tqq{background-position:right center;}
.share .bdshare-button-style0-16 .bds_renren{background-position:-76px center;}
.share .bdshare-button-style0-16 .bds_weixin{background-position:0 center;}
.article .left .con .share .c{display:inline-block;height:32px;vertical-align:middle;line-height:32px;font-size:20px;color:#333;font-family:Arial;margin-left:15px;}
.article .left .bottom{height:88px;line-height:88px;border-top:1px solid #ccc;border-bottom:1px solid #c5c5c5;overflow:hidden;}
.article .left .bottom .l{float:left;}
.article .left .bottom .l .btn{font-size:20px;display:inline-block;vertical-align: middle;color:#333;margin-left:40px;height:40px;line-height:40px;border:2px solid #999;padding:0 40px;color: #333;font-size:20px;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.article .left .bottom .l .btn:hover{border-color:#445e9f;background:#445e9f;color:#fff;}
.article .left .bottom .l .tel{background:url(../image/ico4.png) left center no-repeat;padding-left:70px;font-size:24px;font-family:Arial;color:#333;margin-left:20px;padding-top:1px;float:left;}
/*.article .left .bottom .r{float:right;}
.article .left .bottom .r .bdsharebuttonbox{float:left;margin-top:32px;}
.article .left .bottom .r .c{display:inline-block;height:32px;vertical-align:middle;line-height:32px;font-size:20px;color:#333;background//:url(../image/icon_share1.png) -124px 0 no-repeat;padding-left//:35px;font-family:Arial;margin-left:15px;}*/
.article .left .nav{margin-top:20px;color:#333;height:20px;}
.article .left .nav .l{float:left;}
.article .left .nav .r{float:right;}

.article .right{width:325px;position:absolute;left:50%;margin-left:273px;/*top:210px;*/}
/*.article .right.f{position:fixed;top:20px;}
.article .right.s{position:absolute;}*/
.article .right .d1{background:url(../images/bg2.jpg) center center;float:left;}
.article .right .d1 .tit{padding:30px 24px 0;height:32px;}
.article .right .d1 .tit .h3{color:#fff;font-size:24px;float:left;line-height: 1;}
.article .right .d1 .ckgd{padding:12px 10px 12px 0;float:right;font-size:14px;}
.article .right .d1 .ckgd a{color:#fff;}
.article .right .d1 ul{clear:both;margin-top:10px;float:left;}
.article .right .d1 li{height:48px;line-height:48px;padding:0 24px;font-size:16px;color:#fff;border-bottom:1px solid #4c6cb1;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.article .right .d1 li a{color:#fff;}
.article .right .d1 li:hover{text-indent:10px;}
.article .right .d2{background:url(../image/bg2.jpg) center center;margin-top:20px;}
.article .right .d2 .pic img{width:100%;height:auto;}
.article .right .d2 h3{text-align:center;font-size:20px;height:60px;line-height:60px;color:#fff;}
.article .right .d3{margin-top:30px;font-size:20px;color:#333;line-height:32px;float:left;}
.article .right .d3 a{margin:0 5px 22px;display:inline-block;}
.article .right .d3 a:hover{text-shadow:3px 3px 2px rgba(0,0,0,0.1);
transform:scale(1.1);-webkit-transform:scale(1.1);}
.article .right .d3 .b{font-size:30px;}
.article .right .d3 .c{color:#456fc7;}

@-webkit-keyframes tel{
0%{-webkit-transform:scale(1);}
1%{-webkit-transform:scale(1.3);}
3%{-webkit-transform:scale(0.8);}
6%{-webkit-transform:scale(1);}
100%{-webkit-transform:scale(1);}
}
@keyframes tel{
0%{transform:scale(1);}
1%{transform:scale(1.3);}
3%{transform:scale(0.8);}
6%{transform:scale(1);}
100%{transform:scale(1);}
}
.tel i{animation:tel 6s ease-out 0s infinite;-webkit-animation:tel 6s ease-out 0s infinite;display:inline-block;}

.showpic{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;z-index:10;display:none;background:url(../image/black64.png);text-align:center;}
.showpic img{max-width:100%;height:auto;}
body.lock{overflow:hidden;}

.logos{position:relative;padding:50px 0 60px;}
.logos .line2{top:0;}
.logos .list{margin-top:60px;}
.logos .list .item{float:left;width:223px;height:110px;margin:0 0 20px 20px;box-shadow:3px 3px 10px rgba(0,0,0,0.13);background:#fff;text-align:center;}
.logos .list .item:after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.logos .list .item.first{margin-left:0;}

.special1{padding:90px 0 160px;position:relative;background-position:center center;background-repeat:no-repeat;}
.special1 .img img{transform:scale(0) rotateY(-360deg);-webkit-transform:scale(0) rotateY(-360deg);
transition:all 1.5s ease-out 0s;-webkit-transition:all 1.5s ease-out 0s;}
.special1.show .img img{transform:scale(1) rotateY(0deg);-webkit-transform:scale(1) rotateY(0deg);}
.special1 .block{text-align:center;color:#fff;}
.special1 .h1{font-size:48px;font-family:'骞煎渾';margin-top:15px;}
.special1 .h2{font-size:24px;margin-top:15px;color:#fff;}
.special1 .text{font-size:14px;margin-top:25px;line-height:1.5;}
.special1 .nav{position:absolute;left:0;bottom:0;right:0;height:70px;background:url(../image/black64.png);line-height:70px;text-align:center;}
.special1 .nav a{font-size:16px;margin:0 20px;color:#fff;}


.special2 .block{position:relative;padding:140px 0 0;}
.special2 .img{position:absolute;}
.special2 .content{position:relative;opacity:0;
transform:translateX(-100px);-webkit-transform:translateX(-100px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.special2.show .content{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special2 .h1{font-size:48px;font-family:'骞煎渾';color:#333;}
.special2 .h2{font-size:30px;margin-bottom:35px;text-transform:uppercase;font-family:'Times New Roman';}
.special2 .h3{font-size:30px;font-family:'骞煎渾';}
.special2 .txt{font-size:16px;margin-top:12px;color:#333;line-height:1.8;margin-bottom:40px;}

.sbtn{position:relative;text-align:center;margin-top:120px;}
.sbtn:before{content:"";width:100%;height:1px;background:#777;position:absolute;top:50%;left:0;}
.sbtn span{background:url(../image/bg1.png);padding:0 20px;display:inline-block;position:relative;}
.sbtn a.more{background:#4461a0;color:#fff;display:inline-block;border-radius:10px;height:80px;line-height:75px;width:345px;font-size:24px;box-shadow:0 10px 30px rgba(0,0,0,0.1);}
.sbtn a.more img{margin-right:10px;}
.sbtn a.more:hover img{animation:sb 0.5s ease-out 0s 1;-webkit-animation:sb 0.5s ease-out 0s 1;}
@-webkit-keyframes sb{
0%{-webkit-transform:rotate(0deg);}
30%{-webkit-transform:rotate(-8deg);}
70%{-webkit-transform:rotate(4deg);}
100%{-webkit-transform:rotate(0deg);}
}
@keyframes sb{
0%{transform:rotate(0deg);}
30%{transform:rotate(-8deg);}
70%{transform:rotate(4deg);}
100%{transform:rotate(0deg);}
}

.special3{padding:100px 0 0;}
.special3 .block{position:relative;}
.special3 .left{float:none;}
.special3 .item{margin-bottom:40px;opacity:0;
transform:translateX(-50px);-webkit-transform:translateX(-50px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.special3.show .item{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special3 .item:nth-child(2){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.special3 .item:nth-child(3){transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.special3 .item strong{font-size:200px;color:#333;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;float:left;line-height:1;margin-right:20px;}
.special3 .item .h1{font-size:30px;color:#333;padding-top:110px;}
.special3 .item p{font-size:16px;margin-top:3px;}
.special3 .item:after{content:"";clear:both;display:block;}
.special3 .right{position:absolute;right:0;top:0;text-align:right;}
.special3 .right .h1{font-size:48px;color:#333;}
.special3 .right .h2{font-size:30px;text-transform:uppercase;font-family:'Times New Roman';}
.special3 .right .text{margin-top:15px;line-height:1.6;}

.special4{padding:100px 0 100px;}
.special4 .step{background:url(../image/bg2.png) center center no-repeat;height:251px;width:1200px;margin:auto;position:relative;opacity:0;
transform:translateY(50px);-webkit-transform:translateY(50px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.special4.show .step{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.special4 .step .item{width:125px;height:125px;text-align:center;position:absolute;}
.special4 .step .item .h{height:125px;}
.special4 .step .item .h b{font-size:35px;color:#fff;font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;display:block;padding-top:15px;}
.special4 .step .d1{left:15px;top:14px;}
.special4 .step .d2{left:163px;top:110px;}
.special4 .step .d3{left:313px;top:14px;}
.special4 .step .d4{left:463px;top:110px;}
.special4 .step .d5{left:612px;top:14px;}
.special4 .step .d6{left:762px;top:110px;}
.special4 .step .d7{left:911px;top:14px;}
.special4 .step .d8{left:1060px;top:110px;}
.special4 .step .even .t{background:url(../image/icon4_0.png) top center no-repeat;padding-top:80px;position:absolute;width:100%;top:100%;left:0;margin-top:-15px;opacity:0;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.special4 .step .odd .t{background:url(../image/icon4_0.png) bottom center no-repeat;padding-bottom:80px;position:absolute;width:100%;bottom:100%;left:0;margin-bottom:-15px;opacity:0;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.special4 .step .d2 .t{transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.special4 .step .d3 .t{transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.special4 .step .d4 .t{transition-delay:0.6s;-webkit-transition-delay:0.6s;}
.special4 .step .d5 .t{transition-delay:0.8s;-webkit-transition-delay:0.8s;}
.special4 .step .d6 .t{transition-delay:1s;-webkit-transition-delay:1s;}
.special4 .step .d7 .t{transition-delay:1.2s;-webkit-transition-delay:1.2s;}
.special4 .step .d8 .t{transition-delay:1.4s;-webkit-transition-delay:1.4s;}
.special4 .step .t.act{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
.special4 .step .t h4{font-size:20px;}
.special4 .step .t p{font-size:13.5px;line-height:1.2;margin-top:8px;}
.special4 .pics{margin-top:120px;}
.special4 .pics .tit{text-align:center;}
.special4 .pics .tit .h1{font-size:48px;font-family:'骞煎渾';color:#333;}
.special4 .pics .tit .h2{font-size:30px;text-transform:uppercase;font-family:'Times New Roman';}
.special4 .pics .list{margin-top:50px;position:relative;height:895px;}
.special4 .pics .list .item{position:absolute;overflow:hidden;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.special4 .pics .list .item img{transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.special4 .pics .list .item:hover{box-shadow:0 0 15px rgba(0,0,0,0.5);}
.special4 .pics .list .item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}
.special4 .pics .list .item .mask{background:url(../image/bg1.jpg);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.special4 .pics .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-40px;}
.special4 .pics .list .item .mask .h3{font-size:36px;color:#fff;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.special4 .pics .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.special4 .pics .list .item .mask p a{margin:0 10px;}
.special4 .pics .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.special4 .pics .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.special4 .pics .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}

.special5{background:#fff;padding:80px 0 120px;}
.special5 .h1{text-align:center;font-size:48px;color:#333;}
.special5 .h2{text-align:center;font-size:30px;text-transform:uppercase;font-family:'Times New Roman';}
.special5 .form{margin:30px auto 0;width:684px;}
.special5 .form .p:after{content:"";display:block;clear:both;}
.special5 .ipt{border:1px solid #999;float:left;border-radius:5px;margin-bottom:20px;}
.special5 .ipt input{padding:0 20px;height:45px;line-height:45px;display:block;font-size:18px;border:none;}
.special5 .ipt select{width:100%;height:45px;border:none;padding:0 10px;font-size:18px;}
.special5 .ipt textarea{width:100%;resize:none;border:none;padding:10px 20px;font-size:18px;}
.special5 .form .button{margin-top:10px;text-align:center;}
.special5 .form .button input{border:1px solid #999;font-size:18px;height:45px;border-radius:5px;width:200px;cursor:pointer;}
.special5 .tip{margin-top:30px;text-align:center;color:#333;}

/*===========sp2==========*/

.special6{height:985px;background:url(../image/bg3.jpg) center center no-repeat;position:relative;}
.special6 .h{background:url(../image/png8.png) center center no-repeat;width:461px;height:899px;position:absolute;left:50%;top:-100%;margin:0 0 0 -121px;}
.special6 .h .p1{position:absolute;left:-35px;top:140px;}
.special6 .h .p2{position:absolute;left:221px;top:163px;}
.special6 .h .p3{position:absolute;left:256px;top:409px;}
.special6 .c{perspective:600px;width:370px;height:370px;position:absolute;left:50%;top:50%;margin:-185px 0 0 -185px;opacity: 0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:rotate(-360deg) scale(0.5);-webkit-transform:rotate(-360deg) scale(0.5);}
.special6.show .c{transform:rotate(0deg) scale(1);-webkit-transform:rotate(0deg) scale(1);opacity: 1;}
.special6 .c .inner{background:url(../image/png10.png) center center no-repeat;width:100%;height:100%;display:block;}

.special6 .c .p{position:absolute;width:332px;height:332px;left:50%;top:50%;margin:-166px 0 0 -166px;perspective:400px;
transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
.special6 .c .p span{background:url(../image/png11.png) center center no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;
animation:po 4s ease-out 0s infinite;-webkit-animation:po 4s ease-out 0s infinite;}
.special6 .c .p b{background:url(../image/png12.png) center center no-repeat;width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;
animation:po 4s ease-out 2s infinite;-webkit-animation:po 4s ease-out 2s infinite;}
@-webkit-keyframes po{
0%{opacity:0;-webkit-transform:translateZ(-400px) rotate(-135deg);}
10%{opacity:1;-webkit-transform:translateZ(0px) rotate(0deg);}
50%{opacity:1;-webkit-transform:translateZ(0px) rotate(0deg);}
60%{opacity:0;-webkit-transform:translateZ(-400px) rotate(135deg);}
100%{opacity:0;-webkit-transform:translateZ(-400px) rotate(135deg);}
}
@keyframes po{
0%{opacity:0;transform:translateZ(-400px) rotate(-135deg);}
10%{opacity:1;transform:translateZ(0px) rotate(0deg);}
50%{opacity:1;transform:translateZ(0px) rotate(0deg);}
60%{opacity:0;transform:translateZ(-400px) rotate(135deg);}
100%{opacity:0;transform:translateZ(-400px) rotate(135deg);}
}
.special6 .line{width:100%;height:100%;position:absolute;left:0;top:0;perspective:2000px;opacity: 0;
transition:all 1s cubic-bezier(0,0,0,1) 1s;-webkit-transition:all 1s cubic-bezier(0,0,0,1) 1s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.special6.show .line{transform:scale(1);-webkit-transform:scale(1);opacity:1 ;}
.special6 .dot{background:url(../image/png9a.png) center center no-repeat;position: absolute;left:-25%;top:-25%;width:150%;height:150%;}
.special6 .dot .item{text-align:center;position:absolute;left:50%;top:50%;width:16px;height:16px;perspective:100px;cursor: pointer;
transform-style:preserve-3d;}
.special6 .dot .item i{display:none;width:9px;height:9px;border-radius:100%;padding:3px;border:1px solid #fff;}
.special6 .dot .item i:after{content:"";width:9px;height:9px;display:block;border-radius:100%;background:#fff;}
.special6 .dot .item .txt{position:absolute;white-space:nowrap;text-shadow:0 3px 20px rgba(0,0,0,0.1);
transition:all 0.2s cubic-bezier(0.5,1.5,0.7,1.3) 0s;-webkit-transition:all 0.2s cubic-bezier(0.5,1.5,0.7,1.3) 0s;}
.special6 .dot .item:hover .txt:last-child{transform:translateZ(18px);-webkit-transform:translateZ(18px);text-shadow:0 3px 10px rgba(0,0,0,0.1);}
.special6 .dot .item strong{font-size:32px;color:#fff;font-family:'AvianRegular';}
.special6 .dot .item p{font-size:22px;color:#fff;}
.special6 .dot .item .txt:first-child{filter:blur(2px);opacity:0;}
.special6 .dot .item .txt:first-child strong{color:#474747;}
.special6 .dot .item .txt:first-child p{color:#474747;}
.special6 .dot .item:hover .txt:first-child{opacity:0.3;}
.special6 .dot .d1{margin:-188px 0 0 -287px;}
.special6 .dot .d2{margin:-216px 0 0 172px;}
.special6 .dot .d3{margin:-181px 0 0 373px;}
.special6 .dot .d4{margin:159px 0 0 288px;}
.special6 .dot .d5{margin:162px 0 0 -336px;}
.special6 .dot .d6{margin:67px 0 0 -488px;}
/*.special6 .dot .d1{left:35%;top:26.5%;}
.special6 .dot .d2{left:59%;top:23.5%;}
.special6 .dot .d3{left:69.5%;top:27%;}
.special6 .dot .d4{left:65%;top:62%;}
.special6 .dot .d5{left:32.5%;top:62%;}
.special6 .dot .d6{left:24.5%;top:52.5%;}*/

.special6 .dot .d1 .txt{right:40px;top:-40px;}
.special6 .dot .d2 .txt{left:-80px;top:-80px;}
.special6 .dot .d3 .txt{left:40px;top:-10px;}
.special6 .dot .d4 .txt{left:10px;top:20px;}
.special6 .dot .d5 .txt{right:-15px;top:25px;}
.special6 .dot .d6 .txt{left:-90px;margin-top:-70px;top:0; transform:translate(10px,-10px)}

.special7{padding-top:275px;position:relative;background:#fff;}
.special7 .l{position:absolute;left:50%;top:-91px;background:url(../image/l5.png) center center no-repeat;width:17px;height:269px;margin-left:-9px;}
.special7 .h1{background:url(../image/png13.png) left center no-repeat;width:583px;height:99px;margin:auto;text-align: center;padding:14px 0 0 0;width:0;overflow:hidden;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.special7.show .h1{width:651px;}
.special7 .title .text{font-size:16px;margin-top:20px;line-height:1.6;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.special7.show .text{opacity:1;}
.special7 .line{position:absolute;left:50%;bottom:0;background:url(../image/png18.png) center center no-repeat;height:352px;margin-left:-951px;width:1597px;clip:rect(0 0 352px 0);
transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;}
.special7 .line.show{clip:rect(0 1597px 352px 0);}
.special7 .pic{position:relative;height:730px;margin-top:40px;}
.special7 .pic img{position:absolute;}

.special8{background:#fff;padding:80px 0 120px;}
.special8 .title .h1{font-family:'AvianRegular';font-size:52px;color:#333;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(200px);-webkit-transform:translateX(200px);}
.special8 .title .h2{font-family:'骞煎渾';font-size:44px;color:#333;margin-top:5px;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.special8.show .title .h1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special8.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special8.show .title .button{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special8 .title .button{text-align:center;margin-top:35px;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}
.special8 .title .button a{display:inline-block;height:52px;width:400px;background:#5d7fca;border-radius:26px;color:#fff;text-align:center;font-size:18px;box-shadow:0 20px 50px rgba(93,127,202,0.5);line-height:49px;position:relative;overflow:hidden;}
.special8 .title .button a:before{content:"";width:40px;height:100px;background:rgba(255,255,255,0.2);position:absolute;left:-55px;top:-20px;
transform:rotate(35deg);-webkit-transform:rotate(35deg);}
.special8 .title .button a:hover:before{left:110%;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.special8 .list{margin-top:80px;}
.special8 .list .item{float:left;width:33.33%;text-align:center;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateY(100px);-webkit-transform:translateY(100px);}
.special8 .list .item:nth-child(2){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.special8 .list .item:nth-child(3){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.special8.show .list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.special8 .list .item .ico{height:115px;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.special8 .list .item .ico:after{content:"";height:100%;display:inline-block;vertical-align:middle;}
.special8 .list .item h3{margin-top:30px;font-size:28px;color:#333;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;
transform-origin:center top;-webkit-transform-origin:center top;}
.special8 .list .item p{margin-top:21px;font-size:16px;line-height:1.8;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;
transform-origin:center top;-webkit-transform-origin:center top;}
.special8 .list .item:hover .ico{transform:scale(0.5) translateY(120px);-webkit-transform:scale(0.5) translateY(120px);opacity:0.1;}
.special8 .list .item:hover h3{transform:scale(1.2) translateY(-90px);-webkit-transform:scale(1.2) translateY(-90px);text-shadow:0 3px 10px rgba(255,255,255,0.3);}
.special8 .list .item:hover p{transform:scale(1.2) translateY(-90px);-webkit-transform:scale(1.2) translateY(-90px);text-shadow:0 3px 10px rgba(255,255,255,0.3);}

.special9{background-position:center center;background-repeat:no-repeat;background-size:cover;height:1003px;color:#fff;}
.special9 .block{padding:150px 0 0;}
.special9 .title .h1{font-family:'AvianRegular';font-size:52px;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(200px);-webkit-transform:translateX(200px);}
.special9 .title .h2{font-family:'骞煎渾';font-size:44px;margin-top:5px;opacity:0;color: #fff;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.special9 .title p{font-size:16px;opacity:0;margin-top:30px;
transition:all 0.8s ease-out 0.2s;-webkit-transition:all 0.8s ease-out 0.2s;}
.special9.show .title .h1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special9.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special9.show .title p{opacity:1;}

.special9 .list{position:relative;margin:50px auto 0;height:500px;width:1195px;}
.special9 .list .text{position:absolute;left:0;top:0;width:100%;height:100%;}
.special9 .list .line{position:absolute;left:0;top:0;width:100%;height:100%;}
.special9 .item{position:absolute;text-align:center;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.special9 .item strong{font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;font-size:58px;}
.special9 .item span{font-size:30px;margin-top:5px;display:block;}
.special9 .item em{font-size:22px;font-family:Arial;}
.special9 .p{position:absolute;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:scale(0);-webkit-transform:scale(0);}
.special9 .p:nth-child(1){transform-origin:left top;-webkit-transform-origin:left top;}
.special9 .p:nth-child(2){transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.special9 .p:nth-child(3){transform-origin:left top;-webkit-transform-origin:left top;}
.special9 .p:nth-child(4){transform-origin:left top;-webkit-transform-origin:left top;}
.special9 .p:nth-child(5){transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.special9 .p:nth-child(6){transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.special9.show .p{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.special9.show .item{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.special10{background:#fff;}
.special10 .block{padding:150px 0 50px;}
.special10 .title .h1{font-family:'AvianRegular';font-size:52px;opacity:0;color:#333;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(200px);-webkit-transform:translateX(200px);}
.special10 .title .h2{font-family:'骞煎渾';font-size:44px;margin-top:5px;opacity:0;color:#333;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.special10 .title p{font-size:16px;opacity:0;margin-top:30px;padding:0 5%;
transition:all 0.8s ease-out 0.2s;-webkit-transition:all 0.8s ease-out 0.2s;}
.special10.show .title .h1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special10.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special10.show .title p{opacity:1;}
.special10 .list{margin:30px auto 0;height:910px;position:relative;width:1047px;opacity:0;
transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;}
.special10 .area1{background:url(../image/png20.png) center center no-repeat;width:1047px;height:887px;position:absolute;left:0px;top:0px;
transform:scale(0.9);-webkit-transform:scale(0.9);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
animation:area1 10s linear 2s infinite;-webkit-animation:area1 10s linear 2s infinite;}
.special10 .l1{background:url(../image/png20a.png) center center no-repeat;width:904px;height:748px;position:absolute;left:105px;top:105px;
transform:scale(0.9);-webkit-transform:scale(0.9);
transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;
animation:area1 10s linear 2s infinite;-webkit-animation:area1 10s linear 2s infinite;}
.special10 .area{width:1047px;height:887px;position:absolute;left:0px;top:0px;}
.special10 .area img{position:absolute;left:0;top:0;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.special10 .area img:nth-child(1){transition-delay:2s;-webkit-transition-delay:2s;}
.special10 .area img:nth-child(2){transition-delay:2.2s;-webkit-transition-delay:2.2s;}
.special10 .area img:nth-child(3){transition-delay:2.4s;-webkit-transition-delay:2.4s;}
.special10 .area img:nth-child(4){transition-delay:2.6s;-webkit-transition-delay:2.6s;}
.special10 .area img:nth-child(5){transition-delay:2.8s;-webkit-transition-delay:2.8s;}
.special10.show .area img{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.special10 .area2{background:url(../image/png21.png) center center no-repeat;width:1043px;height:716px;position:absolute;left:50px;top:44px;
transform:scale(0.85);-webkit-transform:scale(0.85);
transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;
animation:area2 10s linear 2s infinite;-webkit-animation:area2 10s linear 2s infinite;}
.special10 .l2{background:url(../image/png21a.png) center center no-repeat;width:1043px;height:716px;position:absolute;left:34px;top:38px;
transform:scale(0.85);-webkit-transform:scale(0.85);
transition:all 2s ease-out 0s;-webkit-transition:all 2s ease-out 0s;
animation:area2 10s linear 2s infinite;-webkit-animation:area2 10s linear 2s infinite;}

.special10.show .list{opacity:1;}
.special10.show .area1{transform:scale(1);-webkit-transform:scale(1);}
.special10.show .l1{transform:scale(1);-webkit-transform:scale(1);}
.special10.show .area2{transform:scale(1);-webkit-transform:scale(1);}
.special10.show .l2{transform:scale(1);-webkit-transform:scale(1);}

@-webkit-keyframes area1{
0%{-webkit-transform:rotate(0deg);}
25%{-webkit-transform:rotate(-2deg);}
50%{-webkit-transform:rotate(0deg);}
75%{-webkit-transform:rotate(2deg);}
100%{-webkit-transform:rotate(0deg);}
}
@keyframes area1{
0%{transform:rotate(0deg);}
25%{transform:rotate(-2deg);}
50%{transform:rotate(0deg);}
75%{transform:rotate(2deg);}
100%{transform:rotate(0deg);}
}

@-webkit-keyframes area2{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(0.9);}
100%{-webkit-transform:scale(1);}
}
@keyframes area2{
0%{transform:scale(1);}
50%{transform:scale(0.9);}
100%{transform:scale(1);}
}

/*  xx - v3*/
.transition, .transition_l{ opacity:0;
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	transition:all 2s;
	}
	
.translateX-100{
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);
	}

.translateX_100{
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	transform:translateX(100%);
	}

.translateY-100{
	-webkit-transform:translateY(-100px);
	-moz-transform:translateY(-100px);
	transform:translateY(-100px);
}

.translateY_100{
	-webkit-transform:translateY(100px);
	-moz-transform:translateY(100px);
	transform:translateY(100px);
}

.show .transition{ opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0);
}

.show_l .transition_l{ opacity:1;
	-webkit-transform:translate(0,0);
	-moz-transform:translate(0,0);
	transform:translate(0,0);
}

.flashlight { display:block; position: relative; margin:0 auto; overflow:hidden; width:800px; height:450px;}
.flashlight:before { content: ""; position: absolute; top: 0; left: -100%; overflow: hidden; width:200px; height: 100%;
	background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	transform: skewX(-25deg);
	}
.flashlight:hover:before { left: 150%;
	-webkit-transition: left 1s ease 0s;
	-moz-transition: left 1s ease 0s;
	transition: left 1s ease 0s;
	}


/* WebKit browsers */
.special19 ::-webkit-input-placeholder {
	color: #909090;
}
/* Mozilla Firefox 4 to 18 */
.special19 :-moz-placeholder {
	color: #909090;
	opacity: 1;
}
/* Mozilla Firefox 19+ */
.special19 ::-moz-placeholder {
	color: #909090;
	opacity: 1;
}
/* Internet Explorer 10+ */
.special19 :-ms-input-placeholder {
	color: #909090;
}	

.footer.v3{border:none;}
.footer.v3 .d1{ height: 182px; background:none;}
.footer.v3 .d1 .list{ padding: 0;}
.footer.v3 .d1 .tel{ padding-top: 20px;}
.footer.v3 .d1 .block{border-bottom:1px solid #ddd;}
.footer.v3 .d2{background:none; padding-bottom: 38px;}
.footer.v3 .d2 .nav .item .h3{color:#909090;border-color:#ddd; padding-bottom: 12px;}
.footer.v3 .d2 .nav .item ul{ height: 262px; color:#333;}
.footer.v3 .d2 .des .d{ margin-bottom: 34px;}
.footer.v3 .d2 .des .d .h3{color:#909090;border-color:#ddd; padding-bottom: 12px;}
.footer.v3 .d2 .des .d .text{color:#333;}
.footer.v3 .d3{background:#5ea6e3;}

.footer .d3 .share .a4{ background: url(../image/xf/icon8.png) center no-repeat;}
.footer .d3 .share .a5{ background: url(../image/xf/icon9.png) center no-repeat;}
.footer .d3 .share .a6{ background: url(../image/xf/icon10.png) center no-repeat;}
.footer .d3 .share .a7{ background: url(../image/xf/icon11.png) center no-repeat;}

.special11{background:#fff url(../image/png29.png) center top no-repeat;}
.special11 .block{padding:140px 0 0;}
.special11 .title .h1{font-family:'AvianRegular';font-size:52px;opacity:0;color:#333;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(200px);-webkit-transform:translateX(200px);}
.special11 .title .h2{font-family:'骞煎渾';font-size:44px;margin-top:5px;opacity:0;color:#333;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.special11 .title p{font-size:16px;opacity:0;margin-top:30px;padding:0 5%;
transition:all 0.8s ease-out 0.2s;-webkit-transition:all 0.8s ease-out 0.2s;}
.special11.show .title .h1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special11.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special11.show .title p{opacity:1;}

.special11 .tabr{margin-top:50px;text-align:center;}
.special11 .tabr a{display:inline-block;height:52px;width:265px;border-radius:26px;color:#fff;text-align:center;font-size:18px;line-height:49px;margin:0 25px;cursor:pointer;position:relative;overflow:hidden;
transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;}
.special11 .tabr a:before{content:"";width:40px;height:100px;background:rgba(255,255,255,0.2);position:absolute;left:-55px;top:-20px;
transform:rotate(35deg);-webkit-transform:rotate(35deg);}
.special11 .tabr a:hover:before{left:110%;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.special11 .tabr a img{margin-right:10px;vertical-align:middle;}
.special11 .tabr a:hover{box-shadow:0 15px 30px rgba(227,80,149,0.3);}
.special11 .tabr a.more{background:#5d7fca;box-shadow:0 22px 52px rgba(94,123,187,0.5);}
.special11 .tabr a.now{transform:translateY(-5px);-webkit-transform:translateY(-5px);}
.special11 .divs{margin-top:60px;height:700px;}
.special11 .div{position:relative;height:700px;width:1190px;margin:auto;}
.special11 .pc{background:url(../image/macbook.png) center center no-repeat;width:1037px;height:603px;position:relative;}
.special11 .pc span{position:absolute;overflow:hidden;left:148px;top:46px;width:740px;height:462px;}
.special11 .pc span img{width:100%;height:auto;}
.special11 .phone{background:url(../image/phone.png) center center no-repeat;width:265px;height:454px;position:absolute;left:50%;margin-left:65px;top:205px;}
.special11 .phone span{position:absolute;width:181px;height:313px;left:39px;top:50px;}
.special11 .pad{background:url(../image/pad.png) center center no-repeat;width:486px;height:620px;position:absolute;left:50%;margin-left:110px;top:100px;}
.special11 .pad span{position:absolute;width:181px;height:313px;left:77px;top:51px;}

.special12{background:url(../image/bg3.png);padding-bottom:400px;}
.special12 .block{padding:140px 0 50px;}
.special12 .title .h1{font-family:'AvianRegular';font-size:52px;opacity:0;color:#333;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(200px);-webkit-transform:translateX(200px);}
.special12 .title .h2{font-family:'骞煎渾';font-size:44px;margin-top:5px;opacity:0;color:#333;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:translateX(-200px);-webkit-transform:translateX(-200px);}
.special12 .title p{font-size:16px;opacity:0;margin-top:30px;padding:0 5%;
transition:all 0.8s ease-out 0.2s;-webkit-transition:all 0.8s ease-out 0.2s;}
.special12.show .title .h1{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special12.show .title .h2{transform:translateX(0px);-webkit-transform:translateX(0px);opacity:1;}
.special12.show .title p{opacity:1;}

.special12 .list{margin-top:40px;background:url(../image/png30.png) center top no-repeat;position:relative;height:850px;}
.special12 .list .item{position:absolute;}
.special12 .list .item h3{font-size:26px;color:#333;}
.special12 .list .item img{width:100%;height:auto;}
.special12 .list .item p{box-shadow:0 0 20px rgba(0,0,0,0.2);}
.special12 .list .d1{left:30px;top:0px;}
.special12 .list .d1 h3{width:26px;float:left;}

.special12 .list .d1 p{float:left;margin-left:20px;width:605px;overflow:hidden;}
.special12 .list .d2{right:200px;top:125px;}
.special12 .list .d2 h3{text-align:right;margin-bottom:20px;}
.special12 .list .d2 p{width:380px;overflow:hidden;}
.special12 .list .d3{left:150px;top:500px;}
.special12 .list .d3 p{width:500px;overflow:hidden;margin-top:20px;}
.special12 .list .d4{left:50%;top:470px;margin-left:120px;}
.special12 .list .d4 h3{width:26px;float:left;}
.special12 .list .d4 p{float:left;margin-left:20px;width:439px;}

.special13{background:#fff;position:relative;height:660px;}
.special13 .block{background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.15);position:relative;top:-370px;height:1000px;}
.special13 .part1{padding:70px 75px 0;}
.special13 .part1 .h{font-size:28px;color:#333;}
.special13 .part1 .list{margin-top:30px;border-bottom:1px solid #ddd;padding-bottom:40px;}
.special13 .part1 .item{font-size:16px;width:510px;float:left;line-height:1.5;margin-bottom:20px;}
.special13 .part1 .item:nth-child(even){margin-left:60px;}

.special13 .part1 .date{font-family:'AvianRegular';margin-top:10px;}
.special13 .part2{padding:70px 75px;}
.special13 .part2 .h{font-size:28px;color:#333;}
.special13 .part2 .form{margin-top:20px;}
.special13 .part2 .form .ipt1{border:1px solid #eee;width:310px;height:30px;border-radius:5px;padding:10px 20px;float:left;margin-bottom:12px;}
.special13 .part2 .form .ipt2{border:1px solid #eee;width:674px;height:30px;border-radius:5px;padding:10px 20px;float:left;margin-bottom:12px;}
.special13 .part2 .form .ipt3{border:1px solid #eee;border-radius:5px;margin-bottom:12px;padding:10px 20px;clear: both;}
.special13 .part2 .form input{color: #707070;font-size:16px;border:none;width:100%;height:100%;display:block;line-height:30px;}
.special13 .part2 .form textarea{color:#707070;font-size:16px;border:none;width:100%;height:100%;display:block;height:140px;resize:none;}
.special13 .part2 .select{position:relative;height:100%;cursor: pointer;}
.special13 .part2 .select span{display:block; background:url(../image/arrow4.png) right center no-repeat;line-height:30px;}
.special13 .part2 .select ul{position:absolute;left:-1px;top:100%;border:1px solid #eee;width:100%;background:#fff;padding:5px 0;display:none;}
.special13 .part2 .select li{line-height:35px;padding:0 20px;cursor: pointer;}
.special13 .part2 .select li:hover{background:#09f;color:#fff;}
.special13 .part2 .button{text-align:center;margin-top:35px;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;}
.special13 .part2 .button a{display:inline-block;height:52px;width:400px;background:#f17db3;border-radius:26px;color:#fff;text-align:center;font-size:18px;box-shadow:0 20px 50px rgba(227,80,149,0.5);line-height:49px;position:relative;overflow:hidden;}
.special13 .part2 .button a:before{content:"";width:40px;height:100px;background:rgba(255,255,255,0.2);position:absolute;left:-55px;top:-20px;
transform:rotate(35deg);-webkit-transform:rotate(35deg);}
.special13 .part2 .button a:hover:before{left:110%;
transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.special13 .part2 .tip{margin-top:30px;text-align: center;font-size:16px;}

.special14{position: relative;}
.special14 .video{ position: relative; width: 1230px; height: 720px; margin: 0 auto; overflow: hidden;}
.special14 .video:after{ content: ''; position: absolute; left: 50%; top: 0; margin-left: -640px; width: 1280px; height: 720px; background: url(../image/xf/mask1.png) center top no-repeat; z-index: 1;}
.special14 .video video{ display: block; width: 1280px; height: 720px; margin: 0 -25px;}
.special14 .head{ position: absolute; left: 0; top: 113px; width: 100%; text-align: center; z-index: 2;}
.special14 .head .h1{ font-size: 42px; color: #fff; line-height: 78px;}
.special14 .head .h2{ font-size: 28px; color: #909090; line-height: 36px;}
.special14 .list{ position: relative; width: 1230px; height: 750px; margin: -135px auto 0;}
.special14 .list li{ position: absolute; width: 100px; height: 123px; text-align: center; white-space: nowrap; z-index: 2;}
.special14 .list li img{ position: absolute; left: 50%;
	-wekit-transition: opacity 0.5s, transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
}
.special14 .list li .i1{}
.special14 .list li .i2{ opacity: 0;}
.special14 .list .ico{ position: relative; width: 100px; height: 96px;}
.special14 .list .ico img{ top: 0; margin-left: -50px;}
.special14 .list .ico .i1{}
.special14 .list .ico .i2{}
.special14 .list .p{ position: absolute; left: 50%; bottom: 0; width: 200px; margin-left: -100px; font-size: 20px; color: #333333;}
.special14 .list .horn{ position: absolute; left: 50%; top: 140px; height: 190px; border-left: 1px solid #e6e6e6;}
.special14 .list .horn img{ bottom: 0;}
.special14 .list .horn .i1{ margin-left: -12px; margin-bottom: -12px;}
.special14 .list .horn .i2{ margin-left: -68px; margin-bottom: -110px;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: scale(0);
	transform: scale(0);
}
.special14 .list .l1{ top: 88px; left: 7px;}
.special14 .list .l2{ top: 198px; left: 145px;}
.special14 .list .l3{ top: 42px; left: 284px;}
.special14 .list .l4{ top: 233px; left: 411px;}
.special14 .list .l5{ top: 90px; left: 566px;}
.special14 .list .l6{ top: 193px; left: 750px;}
.special14 .list .l7{ top: 0; left: 883px;}
.special14 .list .l8{ top: 160px; left: 985px;}
.special14 .list .l9{ top: 36px; left: 1122px;}
.special14 .list li:hover .i1{ opacity: 0;}
.special14 .list li:hover .i2{ opacity: 1;}
.special14 .list li:hover .horn .i2{
	-webkit-transform: scale(1);
	transform: scale(1);
}
.special14 .list li:hover .horn .i2{
	-webkit-animation: rotateY 4s 0.5s linear infinite;
	animation: rotateY 4s 0.5s linear infinite;
}
@-webkit-keyframes rotateY{
	0%{ -webkit-transform: rotateY(0);}
	100%{ -webkit-transform: rotateY(360deg);}
}
@keyframes rotateY{
	0%{ transform: rotateY(0);}
	100%{ transform: rotateY(360deg);}
}


.special15{ margin-bottom: 150px;}
.special15 .head{ text-align: center; margin-bottom: 50px;}
.special15 .head .h1{}
.special15 .head .h2{ font-size: 38px; line-height: 74px; color: #333333;}
.special15 .head .h3{ font-size: 18px; line-height: 22px; color: #707070;}
.special15 .list{ height: 490px;}
.special15 .list li{ float: left; width: 394px; height: 100%; margin-left: 24px; border-bottom: 8px solid;
	-webkit-box-shadow: 0px 1px 30px 0px rgba(4, 0, 0, 0.08);
	box-shadow: 0px 1px 30px 0px rgba(4, 0, 0, 0.08);
}
.special15 .list .l1{ border-color: #68e6c5; margin-left: 0;}
.special15 .list .l2{ border-color: #52aefd;}
.special15 .list .l3{ border-color: #b350ec;}
.special15 .list .ico{ padding-top: 58px; margin: 0 46px 4px;}
.special15 .list .h{ font-size: 22px; line-height: 48px; color: #333333; margin: 0 45px;}
.special15 .list .p{ font-size: 14px; line-height: 22px; color: #707070; margin: 0 45px 8px;}
.special15 .list li:hover{
	-webkit-box-shadow: 0px 1px 30px 0px rgba(4, 0, 0, 0.08) inset;
	box-shadow: 0px 1px 30px 0px rgba(4, 0, 0, 0.08) inset;
}

.special16{ margin-bottom: 132px;}
.special16 .head{ text-align: center; margin-bottom: 20px;}
.special16 .head .h1{}
.special16 .head .h2{ font-size: 38px; line-height: 86px; color: #333333;}
.special16 .left{ float: left; width: 450px; padding-top: 34px;}
.special16 .left li{ margin-bottom: 21px;}
.special16 .left .h{ font-size: 22px; line-height: 50px; color: #333333;}
.special16 .left .i{ margin-right: 10px;}
.special16 .left .p{ margin-left: 34px; font-size: 14px; line-height: 22px; color: #707070;}
.special16 .right{ position: relative; float: right; width: 780px; height: 732px;}
.special16 .right>div{ position: absolute;}
.special16 .right .block1{ left: 102px; top: -14px;}
.special16 .right .block2{ left: 306px; top: 110px;}
.special16 .right .block3{ left: 72px; top: 118px;}
.special16 .right .block4{ left: 12px; top: 24px;}
.special16 .right .block5{ left: 126px; top: 256px;}
.special16 .right .block6{ left: 142px; top: 0;}
.special16 .right .block7{ left: 350px; top: 32px;}

.special17{ padding-top: 140px; margin-bottom: 140px; background: url(../image/xf/bg1.jpg);}
.special17 .head{ text-align: center; margin-bottom: 20px;}
.special17 .head .h1{}
.special17 .head .h2{ font-size: 38px; line-height: 86px; color: #333333;}
.special17 .box{ position: relative; height: 645px;}
.special17 .line{ position: absolute; left: 0; top: 38px; width: 0; height: 340px; overflow: hidden;
	transition: width 5s;
}
.special17 .line img{ position: absolute; left: 0; top: 0;}
.special17 .box.show .line{ width: 100%;}
.special17 .box ul{}
.special17 .box li{ position: absolute; text-align: center;}
.special17 .box .ico{ border-radius: 50%; background-color: #fff; margin-bottom: 10px;
	 -webkit-box-shadow: 0px 1px 24px 0px rgba(4, 0, 0, 0.12);
	 box-shadow: 0px 1px 24px 0px rgba(4, 0, 0, 0.12);
}
.special17 .box .ico:after{ content:''; display:inline-block; vertical-align:middle; height:100%;}
.special17 .box .p{ font-size: 20px; line-height: 1.5; color: #333333;}
.special17 .box .l1{ left: 20px; top: 36px;}
.special17 .box .l1 .ico{ width: 169px; height: 169px;}
.special17 .box .l2{ left: 310px; top: 194px;}
.special17 .box .l2 .ico{ width: 214px; height: 214px;}
.special17 .box .l3{ left: 438px; top: 66px;}
.special17 .box .l3 .ico{ width: 85px; height: 85px;}
.special17 .box .l4{ left: 620px; top: 388px;}
.special17 .box .l4 .ico{ width: 119px; height: 119px;}
.special17 .box .l5{ left: 678px; top: 62px;}
.special17 .box .l5 .ico{ width: 144px; height: 144px;}
.special17 .box .l6{ left: 930px; top: 166px;}
.special17 .box .l6 .ico{ width: 188px; height: 188px;}
.special17 .box .l7{ left: 1120px; top: 16px;}
.special17 .box .l7 .ico{ width: 92px; height: 92px;}

.special18{ margin-bottom: 140px;}
.special18 .head{ text-align: center;}
.special18 .head .h1{}
.special18 .head .h2{ font-size: 38px; line-height: 88px; color: #333333;}
.special18 .box{ padding: 93px 30px 49px; margin-bottom: 22px; background: url(../image/xf/bg2.jpg) center top no-repeat;}
.special18 .carousel{ position: relative; height: 581px;}
.special18 .carousel ul{ overflow: hidden; height: 581px;}
.special18 .carousel li{ float: left; width: 1170px; height: 581px;}
.special18 .carousel .prev, .special18 .carousel .next{ position: absolute; top: 0; width: 132px; height: 100%; background: left no-repeat;}
.special18 .carousel .prev{ left: 0; background-image: url(../image/xf/prev.png);}
.special18 .carousel .next{ right: 0; background-image: url(../image/xf/next.png);}
.special18 .carousel .prev:hover, .special18 .carousel .next:hover{ background-position: right;}
.special18 .more{ display: block; width: 282px; height: 52px; border-radius: 26px; background-color: #5ea6e3; margin: 0 auto; font-size: 18px; line-height: 52px; color: #fff; text-align: center;
	  -webkit-box-shadow: 0px 22px 52px 0px rgba(94, 166, 227, 0.51);
	  box-shadow: 0px 22px 52px 0px rgba(94, 166, 227, 0.51);
}

.special19{ padding: 140px 0 376px; margin-bottom: 700px; -background: url(../image/xf/bg3.jpg);}

/* 涓嬫媺閫夋 */
.special19 .selectWarp{ float: left; text-align:left; cursor:pointer; position:relative;}
.special19 .selectWarp .selectBtn{ position:relative; overflow:hidden; height: 28px; padding:10px 40px 10px 20px; border:1px solid #ebebeb; border-radius: 5px; line-height: 28px; font-size:18px; color:#909090;}
.special19 .selectWarp .selectBtn .arr{ position:absolute; right:10px; top:0; width:12px; height:100%; background:url(../image/xf/select_arrow.png) left no-repeat;}
.special19 .selectWarp .down{ border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.special19 .selectWarp .down .arr{ background-position:right;}
.special19 .selectWarp .options{ max-height:180px; overflow:hidden; padding:12px 20px; background-color:#fff; border:1px solid #ebebeb; position: absolute; left: 0; right: 0; top: 48px; z-index:10; display: none;}
.special19 .selectWarp ul{ padding-right:20px;}
.special19 .selectWarp ul li{ font-size:16px; margin-bottom:5px;}
.special19 .selectWarp ul li:hover { color:#909090;}
.special19 .selectWarp .mCSB_inside > .mCSB_container{ margin:0;}

.special19 .head{ text-align: center; margin-bottom: 31px;}
.special19 .head .h1{}
.special19 .head .h2{ font-size: 38px; line-height: 88px; color: #333333;}
.special19 .box{ position: relative; height: 913px; margin-bottom: 146px;}
.special19 .box li{ position: absolute;}
.special19 .box .l1{ left: 0; top: 0;}
.special19 .box .l1 .p{ float: left; width: 30px; margin-right: 18px; line-height: 1;}
.special19 .box .l1 .img{ float: right; width: 680px; height: 412px;}
.special19 .box .l2{ left: 50%; top: 112px; margin-left: 40px;}
.special19 .box .l2 .p{ margin-bottom: 14px; text-align: right;}
.special19 .box .l2 .img{ width: 485px; height: 295px;}
.special19 .box .l3{ left: 132px; bottom: 0;}
.special19 .box .l3 .p{ margin-bottom: 14px;}
.special19 .box .l3 .img{ width: 573px; height: 347px;}
.special19 .box .l4{ right: 0; bottom: 140px;}
.special19 .box .l4 .p{ float: left; width: 30px; margin-right: 18px; line-height: 1;}
.special19 .box .l4 .img{ float: right; width: 415px; height: 251px;}
.special19 .box .img{ overflow: hidden;
	-webkit-box-shadow: 0px 1px 70px 0px rgba(4, 0, 0, 0.16);
	box-shadow: 0px 1px 70px 0px rgba(4, 0, 0, 0.16);
}
.special19 .box .p{ font-size: 26px; line-height: 32px; color: #333333;}
.special19 .float{ position: relative;}
.special19 .float .cont{ position: absolute; left: 0; top: 0; width: 100%; padding-bottom: 70px; background-color: #fff;
	-webkit-box-shadow: 0px 1px 70px 0px rgba(4, 0, 0, 0.16);
	box-shadow: 0px 1px 70px 0px rgba(4, 0, 0, 0.16);
}
.special19 .float .h{ font-size: 28px; line-height: 78px; color: #333333;}
.special19 .float .news{ overflow: hidden; padding: 44px 0; margin: 0 76px 38px; border-bottom: 1px solid #ebebeb;}
.special19 .float .news ul{ overflow: hidden; margin-left: -38px;}
.special19 .float .news li{ float: left; width: 520px; margin-left: 38px; margin-bottom: 21px; font-size: 16px; line-height: 26px; color: #707070;}
.special19 .float .news .a{ display: block; height: 52px; margin-bottom: 6px;}
.special19 .float .news .p{ font-size: 16px; color: #707070;}
.special19 .float .form{ margin: 0 76px;}
.special19 .float .table{ margin-bottom: 34px;}
.special19 .float .item{ margin-bottom: 12px;}
.special19 .float .item .input{ float: left; width: 310px; border-radius: 5px; padding: 10px 20px; border: 1px solid #ebebeb;}
.special19 .float .item .input input{ display: block; width: 100%; font-size: 18px; line-height: 28px; border: 0; padding: 0;}
.special19 .float .item .input + .input{ margin-left: 11px;}
.special19 .float .item .input.l{ width: 673px;}
.special19 .float .item .selectWarp{ width: 352px; margin-left: 11px;}
.special19 .float .item .textarea{ height: 158px; padding: 10px 20px; border: 1px solid #ebebeb; border-radius: 5px;}
.special19 .float .item .textarea textarea{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 0; font-size: 18px; line-height: 28px;}
.special19 .float .btn{ display: block; margin: 0 auto 35px; width: 342px; height: 52px; background-color: #5ea6e3; border-radius: 26px; font-size: 20px; line-height: 52px; color: #fff; text-align: center;}
.special19 .float .tip{ font-size: 16px; color: #707070; text-align: center;}
.special19 .float .tip span{ font-family: Arial;}
.special19 .more{ display: block; width: 282px; height: 52px; border-radius: 26px; background-color: #5ea6e3; margin: 0 auto; font-size: 18px; line-height: 52px; color: #fff; text-align: center;
	  -webkit-box-shadow: 0px 22px 52px 0px rgba(94, 166, 227, 0.51);
	  box-shadow: 0px 22px 52px 0px rgba(94, 166, 227, 0.51);
}


@charset "utf-8";
/* CSS Document */

.specail_ico_list1{padding:80px 0 50px;position:relative;}
.specail_ico_list1 .line2{top:0;}
.specail_ico_list1 .list{margin-top:40px;}
.specail_ico_list1 .list .item{float:left;width:281px;text-align:center;height:345px;margin-left:20px;
transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.specail_ico_list1 .list .item:hover{box-shadow:0 5px 20px rgba(0,0,0,0.2);
transform:translateY(-10px);-webkit-transform:translateY(-10px);}
.specail_ico_list1 .list .item:first-child{margin-left:0;}
.specail_ico_list1 .list .item h2{font-size:32px;margin-top:20px;opacity:0;
transform:translateY(50px);-webkit-transform:translateY(50px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.specail_ico_list1 .list .item p{padding:0 20px;margin-top:15px;font-size:16px;color:#474747;opacity:0;
transform:translateY(70px);-webkit-transform:translateY(70px);
transition:all 1s ease-out 0.2s;-webkit-transition:all 1s ease-out 0.2s;}
.specail_ico_list1 .list .item .ico{height:140px;opacity:0;margin-top:30px;text-align:center;
transform:translateY(-70px);-webkit-transform:translateY(-70px);
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;}
.specail_ico_list1 .list .item.s .ico{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.specail_ico_list1 .list .item.s h2{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.specail_ico_list1 .list .item.s p{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.specail_ico_list1 .list .item .ico i{display:inline-block;height:100%;width:140px;}
.specail_ico_list1 .list .item .ico i.i1{background:url(../image/icon1_1.png) center center no-repeat;}
.specail_ico_list1 .list .item .ico i.i2{background:url(../image/icon1_2.png) center center no-repeat;}
.specail_ico_list1 .list .item .ico i.i3{background:url(../image/icon1_3.png) center center no-repeat;}
.specail_ico_list1 .list .item .ico i.i4{background:url(../image/icon1_4.png) center center no-repeat;}


.specail_pic_list1{padding:50px 0;position:relative;}
.specail_pic_list1 .line2{top:0;}
.specail_pic_list1 .list{perspective:1200px;margin-top:50px;}
.specail_pic_list1 .list .item{position:relative;overflow:hidden;float:left;width:388px;height:234px;margin:0 0 16px 16px;opacity:0;
transition:all 1s ease-out 0s;-webkit-transition:all 1s ease-out 0s;
transform:translateY(100px);-webkit-transform:translateY(100px);}
.specail_pic_list1 .list .item:nth-child(1){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.specail_pic_list1 .list .item:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;}
.specail_pic_list1 .list .item:nth-child(3){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.specail_pic_list1 .list .item:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;}
.specail_pic_list1 .list .item:nth-child(5){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.specail_pic_list1 .list .item:nth-child(6){transition-delay:0.4s;-webkit-transition-delay:0.4s;}
.specail_pic_list1.show .list .item{opacity:1;transform:translateY(0px) rotateX(0deg);-webkit-transform:translateY(0px) rotateX(0deg);}
.specail_pic_list1 .list .item.first{margin-left:0;}
.specail_pic_list1 .list .item img{width:100%;height:auto;
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.specail_pic_list1 .list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.specail_pic_list1 .list .item .mask{background:url(../image/bg1.jpg);position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;opacity:0;filter:alpha(opacity='0');
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.specail_pic_list1 .list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;height:80px;margin-top:-40px;}
.specail_pic_list1 .list .item .mask .h3{font-size:36px;color:#fff;
transform:translateY(-20px);-webkit-transform:translateY(-20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.specail_pic_list1 .list .item .mask p{font-size:16px;color:#fff;margin-top:20px;
transform:translateY(20px);-webkit-transform:translateY(20px);
transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.specail_pic_list1 .list .item .mask p a{margin:0 10px;}
.specail_pic_list1 .list .item:hover .mask{opacity:1;filter:alpha(opacity='100');}
.specail_pic_list1 .list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.specail_pic_list1 .list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.specail_pic_list1 .list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}


.specail_text_list1{padding:50px 0;}
.specail_text_list1 .list{margin-top:50px;}
.specail_text_list1 .item{float:left;width:33.3%;margin:0 0 25px 0;
transition:all 0.2s ease-out 0s;}
.specail_text_list1 .item:hover{text-shadow:2px 2px 1px rgba(0,0,0,0.2);}
.specail_text_list1 .item .date{color:#909090;font-size:16px;font-family:Arial;}
.specail_text_list1 .item .h2{font-size:20px;margin-top:5px;}
.specail_text_list1 .item .tag{font-size:16px;margin-top:8px;color:#445e9f;}
.specail_text_list1 .item .tag a{margin-right:10px;}
.specail_text_list1 .list2 .item {margin:0 0 8px 0;}
.specail_text_list1 .list2 .item .h2{font-size:16px;}

.specail_text_list2{position:relative;padding:50px 0;}
.specail_text_list2 .list{margin-top:50px;}
.specail_text_list2 .item{float:left;width:392px;height:180px;background:#374b7a;color:#fff;margin:0 0 9px 9px;position:relative;opacity:0;
transition:transform 0.5s ease-out 0s,opacity 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s,opacity 0.5s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.specail_text_list2.show .item{transform:scale(1);-webkit-transform:scale(1);opacity:1;}
.specail_text_list2 .item .h3{padding:40px 32px 0;color:#fff;font-size:20px;
transition:all 0.2s linear 0s;}
.specail_text_list2 .item:hover .h3{text-shadow:1px 1px 1px rgba(255,255,255,0.8);}
.specail_text_list2 .item .tag{padding:0 32px 32px;color:#fff;font-size:16px;position:absolute;left:0;bottom:0;}
.specail_text_list2 .item .tag a{margin:0 0.3em;}
.specail_text_list2 .item.s{background:#4461a0;width:192px;}
.specail_text_list2 .item.s .h3{font-size:16px;line-height:1.5;}
.specail_text_list2 .item.s .tag{font-size:12px;line-height:1.5;}
.specail_text_list2 .item.first{margin-left:0;}
.specail_text_list2 .refresh{width:192px;height:180px;float:left;margin-left:9px;background:#374b7a;opacity:0;
transition:transform 0.5s ease-out 0s,opacity 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s,opacity 0.5s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.specail_text_list2 .refresh span{display:block;width:180px;height:180px;background:url(../image/ico3.png) center center no-repeat;cursor:pointer;margin:auto;
transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;}
.specail_text_list2 .refresh:hover span{transform:rotate(360deg);-webkit-transform:rotate(360deg);}
.specail_text_list2.show .refresh{transform:scale(1);-webkit-transform:scale(1);opacity:1;}

.specail_mix_list1{position:relative;padding:50px 0;}
.specail_mix_list1 .list{margin-top:50px;}
.specail_mix_list1 .item{float:left;width:50%;margin-bottom:30px;}
.specail_mix_list1 .item .pic{float:left;width:236px;height:142px;overflow: hidden;}
.specail_mix_list1 .item .pic img{width:100%;height:auto;}
.specail_mix_list1 .item .text{float:left;width:323px;padding:5px 0 0 15px;}
.specail_mix_list1 .item .text .h3{font-size:20px;}
.specail_mix_list1 .item .text .tags{margin-top:5px;font-size:16px;color: #445e9f;}
.specail_mix_list1 .item .text .tags a{margin-right:10px;}
.specail_mix_list1 .item .text p{margin-top:15px;color: #707070;line-height:1.5;}

.specail_text_list3{padding:50px 0;}
.specail_text_list3 .list{margin-top:50px;}
.specail_text_list3 .rowl{float:left;width:573px;}
.specail_text_list3 .rowr{float:right;width:573px;}
.specail_text_list3 .item{margin-top:50px;}
.specail_text_list3 .item:first-child{margin-top:0;}
.specail_text_list3 .item .pic{margin-bottom:30px;}
.specail_text_list3 .item .pic img{width:100%;height:auto;}
.specail_text_list3 .item .h3{font-size:30px;}
.specail_text_list3 .item .tag{font-size:20px;color:#445e9f;margin-top:10px;}
.specail_text_list3 .item .tag span{margin-right:10px;}
.specail_text_list3 .item p{margin-top:20px;line-height:1.7;}
.specail_text_list3 .item .date{margin-top:20px;text-align:right;color:#909090;font-size:20px;overflow:hidden;font-family:Arial;}
.specail_text_list3 .item .date:before{content:"";width:100%;/*margin:11px 0 0 -115px;*/margin:11px 0 0 0px;display:block;float:left;border-top:1px solid #ccc;}
.specail_text_list3 .pager{margin-top:50px;}
.specail_text_list3 .b{text-align:center;padding:100px 0 0;}
.specail_text_list3 .b .h3{font-size:24px;}
.specail_text_list3 .b .h2{font-size:48px;}

.specail_ico_list2{padding:50px 0;}
.specail_ico_list2 .list{margin-top:50px;}
.specail_ico_list2 .list .item{width:25%;float:left;position: relative;text-align: center;padding:30px 0;position: relative;opacity:0;
transition:all 0.8s ease-out 0s;-webkit-transition:all 0.8s ease-out 0s;
transform:scale(0.5);-webkit-transform:scale(0.5);}
.specail_ico_list2.show .list .item{opacity:1;transform:scale(1);transform:scale(1);}
.specail_ico_list2 .list .item i{position:absolute;background:url(../image/arrow5.png) center center no-repeat;width:25px;height:47px;top:50%;margin-top:-24px;}
.specail_ico_list2 .list .odd .inner{padding-right:65px;}
.specail_ico_list2 .list .odd i{right:10px;}
.specail_ico_list2 .list .even .inner{padding-left:65px;padding-right:25px;}
.specail_ico_list2 .list .even i{left:0;}
.specail_ico_list2 .list .h3{font-size:30px;color: #333;margin-top:10px;}
.specail_ico_list2 .list p{font-size:16px;color: #333;margin-top:10px;}

/*1219*/

.a_w{ overflow: hidden; padding:28px 40px 0 0; }
.a_w .a{ float: left; width: 165px; line-height: 44px; font-size:18px; color:#fff; background:#4461a0; text-align: center; }
.a_w .a + .a{ float: right; }

.plastic-egg .a{ display: block; width: 100%; height:100%; position: relative; z-index: 10;  background:url(../image/eggback.png) no-repeat center; }
.plastic-egg .zhao:before{ content:""; position: absolute; width: 164px; height:164px; right: 0; top:0; border-radius: 50%; z-index: 5; background:#4461a0; animation:scl 2s infinite; -webkit-animation:scl 2s infinite; }
.plastic-egg .zhao:after{ content:""; position: absolute; width: 164px; height:164px; right: 0; top:0; border-radius: 50%; z-index: 5; background:#4461a0; animation:scl 2s infinite; -webkit-animation:scl 2s infinite; -webkit-animation-delay:0.5s; animation-delay:0.5s; }


@keyframes scl{
0%{ transform:scale(1); opacity: 1; }
100%{ transform:scale(1.5); opacity: 0; }
}
@-webkit-keyframes scl{
0%{ -webkit-transform:scale(1); opacity: 1; }
100%{ -webkit-transform:scale(1.5); opacity: 0; }
}


.plastic-egg{ position:fixed; bottom:0px;   left:0px; z-index:10;}
.zhao{  bottom:0px; width:82px; height:82px; position:absolute; color:#f6f7fa; }

/*1219*/
.ren{ diaplay:block; width:26px; height:26px; padding-top:30px; padding-left:16px; }
.zhao .p1{ font-size:13px; padding-left:16px;   }
.egg{ position:absolute; bottom:60px;  width:200px; height:200px; left:600px;  }
.one-egg{ width:92px; height:142px;  position:absolute; bottom:40px; left:370px; display:none}
.one-egg{
	-webkit-animation:animationg 0.8s ease-out  forwards ;
    -moz-animation:animationg 0.8s ease-out forwards;
    animation:animationg 0.8s ease-out  forwards;
	}
@-webkit-keyframes animationg{
     0%{transform:translate(0);opacity:0;}
   100%{transform:translateY(10px);opacity:1;}  

}
@-moz-keyframes animationg{
    0%{transform:translate(0);opacity:0;}
   100%{transform:translateY(10px);opacity:1;}  

}
@keyframes animationg{
     0%{transform:translate(0);opacity:0;}
   100%{transform:translateY(10px);opacity:1;}  
   
}
.chui{ position:absolute;  bottom:160px; left:460px;  display:none; 
   
	-webkit-animation:animationss 1s ease-out 1s forwards;
    -moz-animation:animationss 1s ease-out 1s forwards;
    animation:animationss 1s ease-out 1s forwards; 
	 
	}
@-webkit-keyframes animationss{
     0%{transform:translate(0);opacity:0;}
   100%{transform:translatex(-10px) rotate(-5deg) ;opacity:1;}  

}
@-moz-keyframes animationss{
    0%{transform:translate(0);opacity:0;}
    100%{transform:translatex(-10px) rotate(-5deg) ;opacity:1;}  

}
@keyframes animationss{
   
    0%{transform:translatex(0px) rotate(0deg) ;opacity:1;} 
	40%{transform:translatex(0px) rotate(-20deg) ;opacity:1;}
	80%{transform:translatex(0px) rotate(20deg) ;opacity:1;}
	100%{transform:translatex(0px) rotate(0deg) ;opacity:1;}  
   
}

.bad-egg{ width:92px; height:142px;  position:absolute; bottom:0; display:none; bottom:40px; left:370px; animation:animation2 1.5s ease-out  forwards;}
@keyframes animation2{
    0%{transform:translate(0);opacity:0.8;}
   100%{transform:translateY(10px);opacity:1;}  
   
}
@-moz-keyframes animation2{
   0%{transform:translate(0);opacity:0.8;}
   100%{transform:translateY(10px);opacity:1;}  
}
@-webkit-keyframes animation2{
    0%{transform:translate(0);opacity:0.8;}
   100%{transform:translateY(10px);opacity:1;}   

}
.square{width:486px; height:329px;  position:absolute; bottom:60px; left:200px;  display:none; 
     animation:animation3 1.5s ease-out forwards; }
@keyframes animation3{
    0%{transform:scale(0);opacity:0;}
    100%{transform:scale(1);opacity:1;}  
}
@keyframes animation3{
      0%{transform:scale(0);opacity:0;}
    100%{transform:scale(1);opacity:1;}   
}
@-moz-keyframes animation3{
     0%{transform:scale(0);opacity:0;}
    100%{transform:scale(1);opacity:1;}  
}
.closecai{ position:absolute; right:10px; top:10px; display:block; width:30px; height:30px; }


.media_new{ padding-left:3px; }


.nav_float .a3{ background-position: center 20px; }
.nav_float .a2{ background:none; }
.nav_float .a1{ background:none; }
.nav_float .a2 img{ display: block; width:70px; margin:0 auto; padding:20px 0 10px; }
.nav_float .a1 img{ display: block; width:70px; margin:0 auto; padding:15px 0 10px; }
.nav_float li span{ font-size:18px; display: block; text-align: center; line-height:1; color:#fff; }
.nav_float .a3 span{ padding-top:90px; }

/*1113*/
.about2 .job .item:nth-child(3n+1){ clear:left; }


.fenlei{ width:1196px; margin:0 auto;}
.fenlei ul li{ width:200px; height:40px; float:left; margin:60px 38px 20px 0; background:#33b5d4; text-align:center;}
.fenlei ul li a{ font-size:16px; color:#fff; padding:10px 20px; line-height:40px;}
.fenlei ul .bg-blue{ background:#074b7c;}