@charset "utf-8";
/* CSS Document */
/*
color:red !important;/* Firefox、IE7支持
_color:red;  IE6支持
*color:red;  IE6、IE7支持
*+color:red; IE7支持/
color:red\9; IE6、IE7、IE8支持
color:red\0; IE8支持
@media screen and(-webkit-min-device-pixel-ratio:0){} chrome
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#99000000', EndColorStr='#99000000');
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/templets/ftwcm/images/bg_index.body1.png');_background:none;
background:linear-gradient(#e99c40,#d35224);-webkit-background:linear-gradient(#e99c40,#d35224);
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.3));
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
select::-ms-expand{display:none;}
input::-moz-placeholder{opacity:1;}
input::-webkit-placeholder{opacity:1;}
input::-ms-placeholder{opacity:1;}
textarea::-moz-placeholder{opacity:1;}
textarea::-webkit-placeholder{opacity:1;}
textarea::-ms-placeholder{opacity:1;}
::-webkit-input-placeholder{color:inherit;}
.gray{-webkit-filter: grayscale(100%);filter:grayscale(100%);filter:gray;}
@media screen and (min-width:540px){
body{width:540px;}
header{width:540px;}
}
@media screen and (max-width:320px){
body{width:320px;}
header{width:320px;}
}
@-webkit-keyframes a1{}

-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;

white-space:nowrap;不换行
*/


/*--默认--*/
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:#333;}
ol,ul,li{list-style:none outside none;}
a{text-decoration:none;color:inherit !important;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;
}

@font-face{
    font-family:'yy';
    src: url('SIMYOU.eot');
    src: url('SIMYOU.woff2') format('woff2'),
         url('SIMYOU.woff') format('woff'),
         url('SIMYOU.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}

@font-face {
  font-family: "en";
  src: url("BRI293.woff2") format("woff2"),
       url("BRI293.woff") format("woff"),
       url("BRI293.ttf") format("truetype"),
       url("BRI293.eot") format("embedded-opentype"),
       url("BRI293.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "bauhaus";
  src: url("../font/bauhaus.woff") format("woff"),
       url("../font/bauhaus.ttf") format("truetype"),
       url("../font/bauhaus.eot") format("embedded-opentype"),
       url("../font/bauhaus.svg") 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%;}
.middle{ font-size: 0;}
.middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}

/*--通用--*/
body{min-width:1250px;font-size:14px;color:#333;margin:auto;}
.body{overflow:hidden;}
.block{max-width:1250px;height:100%;margin:0 auto; position: relative;}


.header{position:relative;height:110px;z-index:5;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.15);}
.header .logo{height:90px;top:20px;line-height:90px;left:40px;position: absolute;}
.header .nav_main{left:50%;transform:translateX(-50%);-ms-transform:translateX(-50%);line-height:90px;text-align: center;position: absolute;top:20px;color: #333;font-size:0;}
.header .nav_main a{margin:0 15px;font-size:30px;}
.header .nav_main a span{font-family: en;font-size:34px;font-weight: bold;display: inline-block;vertical-align: middle;}
.header .nav_main a i{display: inline-block;vertical-align: middle;background:url(../image/arrow6.png) center center no-repeat;width:11px;height:8px;margin-left:5px;}
.header .tools{position: absolute;top:20px;line-height:90px;right:40px;color: #333;}
.header .tools .g{float:left;}
.header .tools .tel{font-size:30px;float: left;}
.header .tools .tel img{vertical-align:sub;margin-right:10px;}
.header .tools .link{float: left;font-size:20px;margin-left:20px;}
.header .tools .link .a1{background:url(../image/icon9_1.png) left center no-repeat;padding-left:22px;}
.header .tools .link .a2{background:url(../image/icon9_2.png) left center no-repeat;padding-left:22px;}
.header .tools .link .a2box{ position: relative; }
.header .tools .link .a2box .d_down{ position: absolute; padding-top: 15px; top: 100%; left: 0; right: 0; text-align: center; font-size: 16px; display: none; }
.header .tools .link .a2box .d_inner{background: #fff; padding: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.header .tools .link .a2box .d_down a{ display: block; line-height: 1.5; margin: 5px 0; }
.header .tools .link .a2box:hover .d_down{ display: block; }
.header .tools .link a{margin-left:10px;}
.header .tools .link a:first-child{margin-left:0;}
.header .tools .link a i{display: inline-block;vertical-align: middle;background:url(../image/icon9_3.png) center center no-repeat;width:15px;height:15px;margin-left:5px; display:none;}
.header .tools .sc{float:left;margin-left:20px;position: relative;}
.header .tools .sc a{background:url(../image/icon_search.png) center bottom no-repeat;width:23px;height:23px;display: inline-block;vertical-align: middle;}
.header .tools .search{background:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.3);width:250px;height:42px;position:absolute;right:0;top:100%;margin-right:-10px;opacity:0;visibility: hidden;transition:all 0.2s ease-out 0s;-webkit-transition:all 0.2s ease-out 0s;color: #333;}
.header .tools .s .search{opacity:1;visibility: visible;}
.header .tools .search .kw{display:block;float: left;height:20px;line-height:20px;width:190px;margin:10px 0 0 12px;font-size:16px;border: none;}
.header .tools .search .ok{float: right;width:42px;height:100%;cursor: pointer;font-family:icon;font-size:20px;border:none;background:url(../image/icon_search.png) center center no-repeat;background-size:20px auto;}
.header .nav_child{position:absolute;left:0;top:100%;right:0;background:#fff;opacity:0;transition:all 0.3s ease-out 0s;visibility: hidden;overflow: hidden;box-shadow:0 0 20px rgba(0,0,0,0.15);}
.header .nav_child.show{opacity:1;visibility: visible;transition-duration:0.5s;}
.header .nav_child .d1{background:url(../image/bg4.png);padding:40px 90px;font-size:0;}
.header .nav_child .d1 .item{width:25%;height:113px;display: inline-block;font-size:14px;transition:all 0.2s ease-out 0s;position:relative;color:#fff;}
.header .nav_child .d1 .item a{height:100%;display:block;}
.header .nav_child .d1 .item .icon1{float: left;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.header .nav_child .d1 .item .text{padding:0 20px 0 140px;height:100%;}
.header .nav_child .d1 .item .text:before{content:"";vertical-align: middle;display: inline-block;height:100%;}
.header .nav_child .d1 .item .text .inner{display: inline-block;vertical-align: middle;width:96%;}
.header .nav_child .d1 .item .h{font-size:30px;}
.header .nav_child .d1 .item .p{margin-top:10px;}
.header .nav_child .d2{padding:0 90px;color:#333;display:table;width:100%;box-sizing:border-box;}
.header .nav_child .d2 a:hover{color:#445e9f;}
.header .nav_child .d2 .item{display:table-cell;width:20%;padding:40px;box-sizing:border-box;border-left:1px solid #ccc;}
.header .nav_child .d2 .item:first-child{padding-left:0;border-left:none;min-width:480px;}
.header .nav_child .d2 .item .h3{font-size:30px;}
.header .nav_child .d2 .item .h3 i{font-size:36px;font-family:en;font-weight: bold;display: inline-block;vertical-align: middle;}
.header .nav_child .d2 .item ul{margin-top:25px;}
.header .nav_child .d2 .item ul li{margin-top:20px;}
.header .nav_child .d2 .item ul li:first-child{margin-top:0px;}
.header .nav_child .d2 .item .h4{font-size:20px;}
.header .nav_child .d2 .item .p{margin-top:15px;font-size:0;}
.header .nav_child .d2 .item .p a{display: inline-block;width:33.3%;font-size:16px;margin-bottom:10px;}

.nav_float .m-arrow1{display: none;}

@media screen and (min-width:1024px){
	
	.header .nav_child .d2 .item{transform:translateX(50px);opacity:0;transition:all 0.5s ease-out 0s;}
	.header .nav_child.show .d2 .item{transform:none;opacity:1;}
	.header .nav_child.show .d2 .item:nth-child(2){transition-delay:0.1s;}
	.header .nav_child.show .d2 .item:nth-child(3){transition-delay:0.2s;}
	.header .nav_child.show .d2 .item:nth-child(4){transition-delay:0.3s;}
	.header .nav_child.show .d2 .item:nth-child(5){transition-delay:0.4s;}
}

.header_s{position:absolute;height:110px;z-index:5;left:0;right:0;}
.header_s.white .tools{color:#fff;}
.header_s .logo{height:90px;top:20px;line-height:90px;left:40px;position: absolute;}
.header_s .tools{position: absolute;top:45px;right:40px;color: #333;}
.header_s .tools .btns{margin-right:20px;float:left;}
.header_s .tools .btns a{display:inline-block;height:50px;border-radius:25px;padding:0 40px;font-size:18px;line-height:50px;}
.header_s .tools .tel{font-size:36px;font-family:AvianRegular;float:left;line-height:50px;}
.header_s .tools .tel span{width:50px;height:50px;border-radius:100%;display: inline-block;margin-right:10px;float:left;text-align: center;}
.header_s .tools.green .btns a{background:#7ad2c8;color:#fff;}
.header_s .tools.green .tel span{background:#7ad2c8;}
.header_s .tools.red .btns a{background:#d10b05;color:#fff;}
.header_s .tools.red .tel span{background:#d10b05;}
.header_s .tools.yellow .btns a{background:#b29943;color:#fff;}
.header_s .tools.yellow .tel span{background:#333;}
.header_s .tools.color .btns a{background:#61b9e1;color:#fff;}
.header_s .tools.color .tel span{background:#a4c23a;}



.footer{border-top:1px solid #e1e1e1;}
.footer .d1{padding:50px 90px;}
.footer .d1 .list{float:left;}
.footer .d1 .list .item{float:left;margin-right:25px;color:#333;font-size:16px;text-align:center;}
.footer .d1 .list .item span{width:100px;height:100px;line-height:100px;box-sizing:border-box;border:1px solid #ccc;border-radius:100%;display:block;position:relative;perspective:300px;}
.footer .d1 .list .item span:after{width:100%;height:100%;content:"";display: block;}
.footer .d1 .list .item span.ico1:after{background:url(../image/icon2_1.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico2:after{background:url(../image/icon2_2.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico3:after{background:url(../image/icon2_3.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico4:after{background:url(../image/icon2_4.png) center center no-repeat;background-size:auto 60%;}
.footer .d1 .list .item span.ico5:after{background:url(../image/icon2_5.png) center center no-repeat;background-size:auto 60%;}
.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:180px;height:180px;margin:-90px 0 0 -90px;z-index:1;box-shadow:0 0 5px rgba(0,0,0,0.2);opacity: 0; transition:all 0.2s ease-out 0s;visibility: hidden; transform:scale(0.9);}
.footer .d1 .list .item span.ico1:hover img{opacity: 1;visibility: visible; transform:none;}
.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-top:30px;}
.footer .d1 .tel .d{float:left;margin-left:30px;text-align:right;}
.footer .d1 .tel .d .h3{font-size:46px;font-family:Arial;}
.footer .d1 .tel .d .div{ color: #333; }
.footer .d1 .tel .d p{color:#333;margin-top:5px;}
.friend{padding:30px 90px;line-height:1.5;font-size:18px;color:#333;border-top:1px solid #ddd;}
.friend .tit{float: left;}
.friend .inner{padding:0 0 0 90px;}
.friend a{margin:0 10px;display:inline-block;}
.footer .d2{background:url(../image/bg4.png);padding:40px 90px;color:#fff;}
.footer .d2 .nav{float:left;width:65%;font-size:0;}
.footer .d2 .nav .item{display: inline-block;vertical-align: top;padding-right:70px;}
.footer .d2 .nav .item:last-child{padding-right:0;}
.footer .d2 .nav .item .h3{font-size:24px;color:inherit;line-height:1;}
.footer .d2 .nav .item ul{padding-top:20px;line-height:1.7;font-size:18px;}
.footer .d2 .nav .item li{margin-top:10px;}
.footer .d2 .nav .item li:first-child{margin-top:0;}
.footer .d2 .nav .item li .h4 {color: inherit;}
.footer .d2 .nav .item .p{font-size:14px;color:inherit;margin-top:3px;line-height:1;}
.footer .d2 .nav .item .p a{display: inline-block;margin-right:10px;}
.footer .d2 .des{float:right;width:30%;}
.footer .d2 .des .d{margin-bottom:30px;}
.footer .d2 .des .d .h3{font-size:24px;color:inherit;}
.footer .d2 .des .d .text{padding-top:20px;line-height:1.7;}
.footer .d2 .des .d .text p{margin-top:10px;}
.footer .d2 .des .d .text p:first-child{margin-top:0;}
.footer .d3{background:url(../image/bg4.png);padding:40px 90px;border-top:1px solid rgba(255,255,255,0.15);color: #fff;}
.footer .d3 .list{font-size:0;text-align: center;}
.footer .d3 .item{width:20%;display: inline-block;text-align: left;vertical-align: top;margin: 10px 0;}
.footer .d3 .item .h{font-size:24px;}
.footer .d3 .item .p{font-size:14px;margin-top:15px;width:90%;}
.footer .copy{line-height:90px;text-align: center;background:url(../image/bg4.png);padding:0 90px;border-top:1px solid rgba(255,255,255,0.15);color: #fff;}
.footer .copy span+span{ margin-left: 20px; }

.footer.white .d2{background:none;color: #333;border-top:1px solid #ccc;}
.footer.white .d3{background:none;color: #333;border-top:1px solid #ccc;}
.footer.white .copy{background:none;color: #333;border-top:1px solid #ccc;}

.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;}


.nav_float{position:fixed;right:-110px;top:50%;width:120px;transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:11;}
.nav_float li{margin-bottom:3px;background:#4461a0;height:120px;border-radius:15px 0 0 15px;perspective:300px;text-align:center;color:#fff; position: relative;}
.nav_float a{display:block;height:100%;font-size:0;}
.nav_float a .inner{display: inline-block;vertical-align: middle;}
.nav_float a:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.nav_float .ico{width:55px;height:55px;line-height:55px;display: block;margin:auto;}
.nav_float .ico img{max-width:100%;max-height:100%;}
.nav_float em{font-size:18px;line-height:1;display: block;margin-top:10px;}
.nav_float .a3 .img{position:absolute;right:100%;top:0;max-width:200px;margin-right:10px;box-shadow:0 0 10px rgba(0,0,0,0.15);visibility: hidden; transition:all 0.5s ease-out 0s;opacity: 0;pointer-events:none;}
.nav_float .a3:hover .img{opacity:1;visibility: visible;}
.nav_float .gotop{background:url(../image/icon3.png) center -230px no-repeat;}
.nav_float .ico img{padding: 0 !important;border: 0 !important;border-radius: 0 !important;}
.nav_float .a3 .ico{width: 80px;height: 80px;}
.nav_float .a3 em{margin-top: 5px;}
.nav_float .ico.mc-show{display: none;}

.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;pointer-events:none;}
.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;pointer-events:none;}
.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/bg4.png);box-shadow:5px 5px 20px rgba(0,0,0,0.4);display:none;z-index:10;}
.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;} */

.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:10px;line-height:1.5;}
.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 !important;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;}


.banner{height:846px;position: relative;opacity:0;transition:opacity 1s ease-out 0s;overflow: hidden;background:#000;}
.banner.show{opacity:1;}
.banner .frame{height:100%;position: relative;}
.banner .child{position: absolute;left:0;top:0;width:100%;height:100%;background-size:cover;opacity:0;transition:all 1s ease-in 0s;background-color:#fff;}
.banner .child a{position: absolute;left:0;top:0;width:100%;height:100%;background-size:cover;}
.banner .child.s{opacity:1;z-index: 1;}
.banner .nav{position:absolute;left:50%;bottom:40px;transform:translateX(-50%);-ms-transform:translateX(-50%);z-index: 1;}
.banner .nav .prev{background:url(../image/arrow7a.png) center center no-repeat;width:19px;height:30px;display: inline-block;vertical-align: middle;cursor: pointer;}
.banner .nav .next{background:url(../image/arrow7b.png) center center no-repeat;width:19px;height:30px;display: inline-block;vertical-align: middle;cursor: pointer;}
.banner .nav .time{display: inline-block;vertical-align: middle;margin:0 10px;position: relative;width:69px;height:62px;line-height:62px;text-align: center;font-family: AvianRegular;color: #fff;}
.banner .nav .time svg{position:absolute;left:0;top:0;width:100%;height:100%;}
.banner .nav .time .inner{display: inline-block;line-height:1.2;vertical-align: middle;margin-top:7px;}
.banner .nav .time b{border-bottom:1px solid #fff;display: block;}
.banner .nav .time i{margin-top:4px;display: block;}

.icon1{width:113px;height:113px;line-height:113px;text-align:center;border:1px solid #ccc;position: relative;overflow:hidden;transition:all 0.5s ease-out 0s;margin:auto;}
.icon1 img{max-width:70%;max-height:70%;position:relative;}
.icon1:before{content:"";width:79px;height:79px;border:1px solid #ccc;position: absolute;left:50%;top:50%;margin:-40px 0 0 -40px;transition:all 0.4s ease-out 0s;}
.item:hover .icon1:before{transform:scale(1.5);}
.icon1 span{position:absolute;left:0;top:0;width:100%;height:100%;border:1px solid #ccc;border-radius:100%;transition:all 0.4s ease-out 0s;box-sizing:border-box;}
.item:hover .icon1 span{transform:rotate(90deg);width:150%;height:150%;left:-25%;top:-25%;}
.icon1 span:before{content:"";position: absolute;left:50%;margin-left:-1px;border-left:1px solid #ccc;top:0;bottom:0;transition:all 0.5s ease-out 0s;}
.icon1 span:after{content:"";position: absolute;top:50%;border-top:1px solid #ccc;left:0;right:0;transition:all 0.5s ease-out 0s;}

.title1{text-align:center;color:#333;}
.title1 .h{font-size:48px;}
.title1 .d{font-size:24px;margin-top:10px;}
.title1 .p{font-size:18px;margin-top:15px;}

.button1{margin-top:60px;text-align:center;}
.button1 .a{display:inline-block;min-width:333px;height:75px;line-height:70px;font-size:36px;color:#333;margin:0 20px;position: relative;}
.button1 .a:before{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:url(../image/bg4.png);transition:all 0.2s ease-out 0s;opacity:0;}
.button1 .a:hover:before{opacity:1;}
.button1 .a svg{position:absolute;left:0;top:0;height:100%;fill:none;width:100%;stroke-dasharray:0,408;}
.button1 .a:hover svg{opacity:0;}
.button1 .a path{stroke:#777;stroke-width:4px;}
.button1 .a a{position:relative;height:100%;transition:all 0.2s ease-out 0s;}
.button1 .a:hover a{color:#fff !important;}
.button1 .a1{height:70px;line-height:70px;display:inline-block;color:#333;font-size:36px;transition:all 0.2s ease-out 0s;position:relative;}
.button1 .a1:before{content:"";position: absolute;left:0px;top:0px;right:0px;bottom:0px;background:url(../image/bg4.png);transition:all 0.2s ease-out 0s;opacity:0;}
.button1 .a1:hover:before{opacity:1;}
.button1 .a1 a{position:relative;height:100%;transition:all 0.2s ease-out 0s;display:block;padding:0 20px;}
.button1 .a1:hover a{color:#fff !important;}
.button1 .a1 a:before{content:"";border-left:1px solid #333;border-top:1px solid #666;position: absolute;left:-0.5px;bottom:0;width:0;height:0;}
.button1 .a1 a:after{content:"";border-right:1px solid #333;border-bottom:1px solid #666;position: absolute;right:-0.5px;top:0;width:0;height:0;}
.button1.show .a1 a:before{animation:btns 1s ease-in-out 0s 1 both;}
.button1.show .a1 a:after{animation:btns 1s ease-in-out 0s 1 both;}
@keyframes btns{
0%{width:0;height:0;}
30%{width:0;height:100%;}
100%{width:100%;height:100%;}
}

/* 20191203 */
.h_tit{ font-size: 40px; color: #000; line-height: 1.2; }
.h_tit .avi{ font-family: "Avian"; font-size: 47px; line-height: 1; display: inline-block; vertical-align: middle; }
.h48{ font-size: 48px; }
.h47{ font-size: 47px; }
.h24{ font-size: 24px; }
.lmsk{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; }

.h_home1{ padding-top: 93px; }
.h_home1 .h1list{ margin-top: 46px; }
.h_home1 .h1list .li{ width: 289px; height: 332px; background: #395894; float: left; box-shadow: 0px 0px 10px rgba(0,0,0,.2); color: #fff; }
.h_home1 .h1list .li+.li{ margin-left: 30px; }
.h_home1 .h1list .li a{ display: block; padding: 36.5px 30px 0; height: 100%; box-sizing: border-box; }
.h_home1 .h1list .li .icon{ width: 140px; height: 140px; margin: 17px auto 24px; border: 1px solid #fff; border-radius: 50%; }
.h_home1 .h1list .li .icon img{ width: 100%; height: 100%; }
.h_home1 .h1list .li .icon .i2{ display: none; }
.h_home1 .h1list .li:hover{ background: #fff; color: #333; }
.h_home1 .h1list .li:hover .icon{ border-color: #cccccc; }
.h_home1 .h1list .li:hover .icon .i2{ display: block; }
.h_home1 .h1list .li:hover .icon .i1{ display: none; }

.h_home2{ padding-top: 90px; position: relative; }
.h_home2 .bg{ position: absolute; bottom: 0; left: 0; right: 0; height: 593px; background: #f6f6f6; }
.h_home2 .block{ position: relative; }
.h_home2 .h2list{ margin-top: 54px; }
.h_home2 .h2list .li{ float: left; width: 25%; }
.h_home2 .h2list .litem{ overflow: hidden; width: 100%; height: 198px; position: relative; color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); }
.h_home2 .h2list .litem img{ width: 100%; }
.h_home2 .h2list .litem .icon{ width: 92px; height: 82px; float: left; position: relative; top: 50%; border: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.h_home2 .h2list .litem a{ display: block;position: relative; padding: 0 30px; height: 100%; }
.h_home2 .h2list .litem .ctbox{ width: 145px; margin-left: 105px; height: 100%;font-size: 0; letter-spacing: -1.5em; }
.h_home2 .h2list .litem .ctbox:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.h_home2 .h2list .litem .ctbox .inner{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0; }
.h_home2 .h2list .l_b{ height: 396px; background-repeat: no-repeat;background-position: center; background-size: cover; text-align: center; }
.h_home2 .h2list .l_b a{ padding: 0 30px; }
.h_home2 .h2list .l_b .lcon{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); }
.h_home2 .h2list .l_b .icon{ float: none; margin: auto; top: auto; transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); border-radius: 0; border: none; }
.h_home2 .h2list .l_b .ctbox{ width: 250px; margin-left: 0; height: auto; }
.h_home2 .h2list .l_b .h24{ margin: 19px 0 10px; }
.h_home2 .h2list .lblue{ background: #395894; }
.h_home2 .h2list .lwhite{ background: #fff; color: #333; }
.h_home2 .h2list .lred{ background: #8a272c; }
.h_home2 .h2list .lback{ background: #383838; }
.h_home2 .h2list .lback a{ padding: 0 55px; }

.home2{position:relative; padding-top: 94px;}
.home2 .h_tit{ padding: 0 0.5% 63px; }
.case_list{/* padding:0 0.5%; */ display:flex;flex-wrap:wrap;}
.case_list .item{width:32.33%;margin:0 0.5% 1%;position:relative;overflow:hidden;/* opacity:0; */background:#ddd;float:left;/* transform:translateY(50px);-webkit-transform:translateY(50px); */transition:all 0.6s ease-out 0s;-webkit-transition:all 0.6s ease-out 0s;}
.case_list .item:nth-child(4n-3){transition-delay:0.4s;-webkit-transition-delay:0.2s;}
.case_list .item:nth-child(4n-2){transition-delay:0.4s;-webkit-transition-delay:0.0s;}
.case_list .item:nth-child(4n-1){transition-delay:0.8s;-webkit-transition-delay:0.1s;}
.case_list .item:nth-child(4n){transition-delay:0.2s;-webkit-transition-delay:0.2s;}
.show .case_list .item{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.case_list .item img{width:100%;height:auto;transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;}
.case_list .item video{width:100%;height:100%;object-fit:cover;}
.case_list .item .logo{height:100%;position:absolute;left:0;top:0;width:100%;background-position:center center;background-repeat:no-repeat;}
.case_list .item .mask{background:url(../image/bg4.png);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;}
.case_list .item .mask .cell{position:absolute;left:0;top:50%;width:100%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.case_list .item .mask .h3{font-size:36px;color:#fff;transform:translateY(-20px);-ms-transform:translateY(-20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case_list .item .mask p{font-size:16px;color:#fff;margin-top:20px;padding:0 20px;transform:translateY(20px);-webkit-transform:translateY(20px);transition:all .3s ease-out 0s;-webkit-transition:all .3s ease-out 0s;}
.case_list .item .mask p a{margin:0 10px;display: inline-block;}
.case_list .item:hover img{filter:blur(5px);}
.case_list .item:hover .mask{opacity:0.75;filter:alpha(opacity='75');}
.case_list .item:hover .mask .h3{transform:translateY(0px);-webkit-transform:translateY(0px);}
.case_list .item:hover .mask p{transform:translateY(0px);-webkit-transform:translateY(0px);}
.case_list .item .more{position:absolute;left:0;top:0;width:100%;height:100%;}

.h18{ font-size: 18px; }
.h36{ font-size: 36px; }
.h40{ font-size: 40px; }
.h48{ font-size: 48px; }
.h20{ font-size: 20px; }
.more1{ width: 336px; height: 72px; line-height: 72px; text-align: center; background: #395894; color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); margin: auto; }
.more1 a{ display: block; }
.middle-box{ font-size: 0; letter-spacing: -1.5em;}
.middle-box:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}

.h_home4{ padding: 94px 0 60px; }
.h_home4 .h4list{ margin: 63px -7px 0; display: flex;flex-wrap: wrap;}
.h_home4 .h4list .hchild{ float: left; width: 355px; margin: 0 5px 10px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 32px 28px 35px; }
.h_home4 .h4list .h24{ line-height: 1.25; }
.h_home4 .h4list .p{ margin-top: 13px; }
.h_home4 .h4list .h18{ margin-top: 11px; color: #445e9f; }
.h_home4 .h4list .h18 a{ display: inline-block; margin: 0 3.5px; }
.h_home4 .h4list .h18 a:hover{ text-decoration: underline; }
.h_home4 .h4list .hchild:nth-child(1),.h_home4 .h4list .hchild:nth-child(2){ width: 563px; margin-left: 6.5px; margin-right: 6.5px; }
.h_home4 .h4list .hchild:nth-child(1) .p,.h_home4 .h4list .hchild:nth-child(2) .p{ margin-top: 23px; }
.h_home4 .h4list .hchild:nth-child(1) .h18,.h_home4 .h4list .hchild:nth-child(2) .h18{ margin-top: 30px; }
.h_home4 .more1{ margin-top: 70px; }

.h_home4 .h4list .hchild:hover{ background: #395894; color: #fff; }
.h_home4 .h4list .hchild:hover .h18{ color: #fff; }


.cbanner{ height: 487px; position: relative; text-align: center; background: url(../image/bg4.png); }
.cbanner .title1{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 20px; right: 20px; color: #fff; }
.cbanner .h48{ margin-bottom: 18px; }
.cbanner .h18{ line-height: 2; }
.cbanner .title1 .h span{ font-family: en; }

.service2{padding:80px 0 0;}
.service2 .part{margin-top:90px;}
.service2 .part:first-child{margin-top:0px;}
.service2 .list{margin-top:40px;font-size:0;}
.service2 .item{ box-shadow: 0px 0px 10px rgba(0,0,0,.1); margin-left1:1.07%;width1:15.7%;width:calc(16.66% - 16.66px);margin-left:20px;display:inline-block;box-sizing:border-box;transition:all 0.2s ease-out 0s;}
.service2 .item a{position:relative;padding:50px 0;display:block;margin:-1px;}
.service2 .item:first-child{margin-left:0;}
.service2 .item .icon{ width: 140px; height: 140px; border-radius: 50%; border: 1px solid #cccccc; margin: auto; }
.service2 .item .icon img{ width: 100%; }
.service2 .item .icon .i2{ display: none; }
.service2 .item .h20{margin-top:17px;text-align: center;}
.service2 .item:hover{background: #395894; color: #fff;}
.service2 .item:hover a {color: #fff !important;}
.service2 .item:hover .icon .i2{ display: block; }
.service2 .item:hover .icon .i1{ display: none; }
.service2 .more{margin-top:50px;background:#395894;height:115px;line-height:115px;text-align: center;color: #fff;font-size:36px; box-shadow: 0px 0px 15px rgba(0,0,0,.2);}
.service2 .more img{vertical-align: middle;margin:0 20px; animation:zoom 3s linear 0s infinite;}
@keyframes zoom{
0%{transform:scale(1);}
5%{transform:scale(1.15);}
10%{transform:scale(1);}
15%{transform:scale(1.05);}
20%{transform:scale(1);}
100%{transform:scale(1);}
}
/* 2020-06-29lyj */
.service2 .list2{width: calc(100% + 20px);}
.service2 .list2 .item{width:calc(33.33% - 23.33px);text-align: center;margin: 0 20px 20px 0;}
.service2 .list2 .item:first-child{margin: 0 20px 20px 0;}
.service2 .list2 .item a{padding:75px 0;}
.service2 .list2 .item .icon1{display:inline-block;vertical-align: middle;}
.service2 .list2 .item .h{display:inline-block;vertical-align: middle;margin-left:20px;font-size: 20px;}
.service2 .list2 .item .i2{display: none;}
.service2 .list2 .item:hover .i2{display: inline-block;}
.service2 .list2 .item:hover .i1{display: none;}
.service2 .list2 .item .icon1 img{max-width: 94%;max-height: 94%;}
.service2 .part.part1{margin-top: 40px;}
.service2{overflow: hidden;}

.service3{padding:90px 0 80px;}
.service3 .list{margin-top:40px;color: #333;}
.service3 .item{box-sizing:border-box;position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,.1); }
.service3 .item a{ display: block; padding: 25px 38px; }
.service3 .item+.item{ margin-top: 20px; }
.service3 .item:hover:after{animation:s3b 0.5s ease-out 0s 1;}
.service3 .item:hover{color:#fff; background: #395894;}
.service3 .item:hover a{color:#fff !important;}
.service3 .item a{display:block;height:100%;}
.service3 .item .h{font-size:24px;}
.service3 .item .p{font-size:18px;margin-top:20px;}
.service3 .item span{font-size:18px;margin-top:20px;display: inline-block;}
.service3 .more1{ width: 376px; }
.service3 .button1{ margin-top: 80px; }
@keyframes s3b{
0%{width:0;}
100%{width:100%;}
}
/* 20191203 */

.solution1{height:848px;position: relative;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.solution1 .tit{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);color: #fff;text-align: center;}
.solution1 .tit .h{font-size:60px;}
.solution1 .tit .h i{font-family:en;font-size:76px;display: inline-block;vertical-align: middle;font-weight: bold;}
.solution1 .tit .p{margin-top:15px;font-size:36px;}
.solution2{padding:80px 0 0;}
.solution2 .list{font-size:0;padding:0 40px;transform:translateY(60px);opacity:0;transition:all 0.6s ease-out 0s;}
.solution2 .list.show{opacity:1;transform:none;}
.solution2 .list .item{border:1px solid #ccc;width:calc(16.66% - 16.66px);margin-left:20px;display:inline-block;box-sizing:border-box;transition:all 0.2s ease-out 0s;text-align: center;}
.solution2 .list .item:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
.solution2 .list .item:hover .icon1{border-color:#445e9f;}
.solution2 .list .item a{position:relative;padding:50px 0;display:block;margin:-1px;}
.solution2 .list .item a:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #445e9f;border-left:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.solution2 .list .item a:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #445e9f;border-bottom:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.solution2 .list .item a:hover:before{width:100%;height:100%;visibility: visible;}
.solution2 .list .item a:hover:after{width:100%;height:100%;visibility: visible;}
.solution2 .list .item:first-child{margin-left:0;}
.solution2 .list .item .h{font-size:24px;margin-top:10px;color:#333;}
.solution2 .list .item .p{margin-top:15px;font-size:14px;padding:0 30px;color:#333;}
.solution2 .content{position: relative;padding-top:58%;margin-top:80px;}
.solution2 .content .inner{position:absolute;left:0;top:0;right:0;bottom:0;}
.solution2 .content .p1{position:absolute;left:5.5%;top:16.5%;width:17%;height:41%;z-index:2;opacity:0;transform:translate(30px,30px);transition:all 1s ease-out 0.5s;}
.solution2 .content .p2{position:absolute;left:7.5%;top:52%;width:20.5%;height:33%;z-index:2;opacity:0;transform:translate(30px,-30px);transition:all 1s ease-out 0.5s;}
.solution2 .content .p3{position:absolute;left:15%;top:0;width:26.5%;height:90%;z-index:1;opacity:0;transform:scale(0.8);transition:all 1s ease-out 0s;}
.solution2 .content .p4{position:absolute;left:26.5%;top:50%;width:24%;height:44%;z-index:2;opacity:0;transform:translate(-30px,-30px);transition:all 1s ease-out 0.5s;}
.solution2 .content .p5{position:absolute;left:30.5%;top:6%;width:25.5%;height:44%;opacity:0;transform:translate(-30px,30px);transition:all 1s ease-out 0.5s;}
.solution2 .content.show img{transform:none;opacity:1;}
.solution2 .list1 .item{text-align:center;color: #fff;z-index:3;}
.solution2 .list1 .item .h{font-size:24px;}
.solution2 .list1 .item .p{font-size:16px;margin-top:10px;}
.solution2 .list1 .d1{position:absolute;left:5.5%;bottom:60%;width:17%;z-index:2;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 1.5s;}
.solution2 .list1 .d2{position:absolute;left:9%;top:66.5%;width:20.5%;z-index:2;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 2s;}
.solution2 .list1 .d3{position:absolute;left:15%;bottom:52%;width:26.5%;z-index:1;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 2.5s;}
.solution2 .list1 .d4{position:absolute;left:26.5%;top:66.5%;width:24%;z-index:2;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 3s;}
.solution2 .list1 .d5{position:absolute;left:30.5%;bottom:70%;width:25.5%;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 3.5s;}
.solution2 .show .list1 .item{opacity:1;transform:none;}
.solution2 .line{background:url(../image/png48.png) left center no-repeat;position:absolute;width:59.5%;height:35%;left:14%;top:35%;z-index:4;background-size:auto 100%;}
.solution2 .show .line{animation:s2l 3s linear 2s 1 both;}
@keyframes s2l{
0%{width:0;}
14%{width:5%;}
28%{width:14%;}
42%{width:24%;}
56%{width:29%;}
70%{width:47%;}
84%{width:47%;}
100%{width:59.5%;}
}
.solution2 .dots{position:absolute;width:59.5%;height:35%;left:14%;top:35%;z-index:4;}
.solution2 .dots>div{border:2px solid #fff;border-radius:100%;width:16px;height:16px;position: absolute;}
.solution2 .dots .d1{left:-1%;top:21%;opacity:0;transition:all 0.6s ease-out 1.5s;}
.solution2 .dots .d2{left:7%;top:80%;opacity:0;transition:all 0.6s ease-out 2s;}
.solution2 .dots .d3{left:22.6%;top:45%;opacity:0;transition:all 0.6s ease-out 2.5s;}
.solution2 .dots .d4{left:40%;top:78%;opacity:0;transition:all 0.6s ease-out 3s;}
.solution2 .dots .d5{left:47.3%;top:-4.5%;opacity:0;transition:all 0.6s ease-out 3.5s;}
.solution2 .show .dots div{opacity:1;transform:none;}
.solution2 .text{position:absolute;left:59.5%;bottom:43%;z-index:5;}
.solution2 .text .title1{text-align:left;}
.solution2 .list2{margin-top:30px;}
.solution2 .list2 .item{display: inline-block;text-align: center;margin-left:30px;}
.solution2 .list2 .item:first-child{margin-left:0;}
.solution2 .list2 .item .ico{border:1px solid #ccc;border-radius:100%;width:124px;height:124px;display:block;margin:auto;line-height:124px;}
.solution2 .list2 .item .ico img{max-width:70%;max-height:70%;}
.solution2 .list2 .item:hover .ico img{transform:rotateY(360deg);transition:all 0.5s ease-out 0s;}
.solution2 .list2 .item .h{margin-top:10px;font-size:18px;color: #333;}
.solution2 .more .d1{width:12.5%;height:21%;position: absolute;left:59.5%;top:63%;z-index:5;text-align: center;color: #333;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 4.1s;}
.solution2 .show .more .d1{transform:none;opacity: 1;}
.solution2 .more .d1 a{position: absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;border:5px dotted #555;box-sizing:border-box;transition:all 0.2s ease-out 0s;}
.solution2 .more .d1 a:hover{ transform:scale(1.05)}
.solution2 .more .d1 .inr{display:inline-block;vertical-align: middle;}
.solution2 .more .d1:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.solution2 .more .d1 .p{font-size:18px;}
.solution2 .more .d1 .h{font-size:48px;line-height:1.1;}
.solution2 .more .d2{width:6.1%;height:10.6%;position: absolute;left:73%;top:61%;z-index:5;text-align: center;color: #333;font-size: 0;opacity:0;transform:scale(0.8);transition:all 0.6s ease-out 4.5s;}
.solution2 .show .more .d2{transform:none;opacity: 1;}
.solution2 .more .d2 a{position: absolute;left:0;top:0;width:100%;height:100%;border-radius:100%;border:5px dotted #555;box-sizing:border-box;transition:all 0.2s ease-out 0s;}
.solution2 .more .d2 a:hover{ transform:scale(1.05)}
.solution2 .more .d2:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.solution2 .more .d2 .h{font-size:18px;line-height:1.1;display: inline-block;vertical-align: middle;}

.solution3{padding:100px 0 0;height:1180px;position: relative;}
.solution3 .bg{position:absolute;left:0;right:0;bottom:0;background:url(../image/png49.png) center top no-repeat;height:761px;opacity:0;transition:all 1s ease-out 0s;background-size:cover;}
.solution3.show	.bg{opacity:1;}
.solution3 .list1 .item{position:absolute;white-space:nowrap;text-align: center;color: #333;transform:translateX(-50%);-ms-transform:translateX(-50%);transition:all 1s ease-out 0.8s;opacity:0;margin-top:200px;}
.solution3.show .list1 .item{margin-top:0;opacity:1;}
.solution3 .list1 .item:nth-child(1){left:20%;top:350px;}
.solution3 .list1 .item:nth-child(2){left:35%;top:300px;}
.solution3 .list1 .item:nth-child(3){left:47%;top:380px;}
.solution3 .list1 .item:nth-child(4){left:60%;top:350px;}
.solution3 .list1 .item:nth-child(5){left:71%;top:310px;}
.solution3 .list1 .item:nth-child(6){left:85%;top:390px;}
.solution3 .list1 .item .b{width:23px;margin:15px auto 0;display: block;}
.solution3 .list1 .item .b:before{content:"";width:16px;height:16px;border:3px solid #666;border-radius:100%;display: block;margin:auto;}
.solution3 .list1 .item .b:after{content:"";width:2px;height:0px;background:#666;display: block;margin:auto;transition:all 1s ease-out 0.8s;}
.solution3.show .list1 .item .b:after{height:200px;}
.solution3.show .list1 .item:nth-child(3) .b:after{height:280px;}
.solution3 .list1 .item .h{font-size:23px;margin-top:15px;}
.solution3 .list1 .item .p{font-size:15px;margin-top:5px;}
.solution3 .bb{position:absolute;left:0;right:0;bottom:0;text-align: center;}
.solution3 .list2 .item{display: inline-block;margin:0 10px;}
.solution3 .list2 .item .ico{background:#fff;border:1px solid #ccc;border-radius:100%;width:124px;height:124px;display:block;margin:auto;line-height:124px;}
.solution3 .list2 .item .ico img{max-width:70%;max-height:70%;}
.solution3 .list2 .item:hover .ico img{transform:rotateY(360deg);transition:all 0.5s ease-out 0s;}
.solution3 .list2 .item .h{margin-top:10px;font-size:18px;color: #333;}
.solution3 .bar{margin-top:30px;text-align: center;}
.solution3 .bar a{display:inline-block;height:63px;line-height:63px;padding:0 30px;background:url(../image/bg4.png);color: #fff;font-size:23px;margin:0 10px;}
.solution3 .bar a img{max-height:40px;margin-right:10px;animation:zoom 3s linear 0s infinite;}

.solution4{margin-top:155px;display:flex;height:800px;padding:0 40px;font-size:0;}
.solution4 .list{display: inline-block;width:60%;height:100%;font-size: 0;vertical-align: top;}
.solution4 .list .item{width:calc(33.33% - 6.66px);margin-right:10px;display: inline-block;height:100%;position: relative;opacity:0;transition:all 0.6s ease-out 0s;transform:scale(0.95);overflow: hidden;}
.solution4 .list .item .bg{background-position:center center;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;left:0;top:0;width:100%;transition:all 0.3s ease-out 0s;}
.solution4 .list .item:hover .bg{transform:scale(1.05);}
.solution4 .list .item:nth-child(2){transition-delay:0.2s;}
.solution4 .list .item:nth-child(3){transition-delay:0.4s;}
.solution4.show .list .item{opacity:1;transform:none;}
.solution4 .list .item .inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);text-align: center;color: #fff;padding:0 40px;}
.solution4 .list .item:last-child{margin-right:0;}
.solution4 .list .item .l{border-left:1px solid #999;height:90px;width:0;display: inline-block;margin-left:1px;margin-bottom:20px;}
.solution4 .list .item:nth-child(2) .l{margin-top:20px;margin-bottom:0;}
.solution4 .list .item .h{font-size:24px;}
.solution4 .list .item .p{font-size:16px;margin-top:15px;}
.solution4 .content{display: inline-block;width:calc(40% - 10px);margin-left:10px;height:100%;background:url(../image/bg4.png);font-size: 0;opacity:0;transition:all 0.6s ease-out 0.6s;transform:scale(0.95);vertical-align: top;}
.solution4.show .content{transform:none;opacity:1;}
.solution4 .content:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.solution4 .content .inner{display: inline-block;vertical-align: middle;padding:0 70px;color: #fff;}
.solution4 .content .title1{text-align:left;color:#fff;}
.solution4 .list2{margin-top:50px;}
.solution4 .list2 .item{display: inline-block;text-align: center;margin-left:30px;}
.solution4 .list2 .item:first-child{margin-left:0;}
.solution4 .list2 .item .ico{background:#fff;border-radius:100%;width:124px;height:124px;display:block;margin:auto;line-height:124px;}
.solution4 .list2 .item .ico img{max-width:70%;max-height:70%;}
.solution4 .list2 .item:hover .ico img{transform:rotateY(360deg);transition:all 0.5s ease-out 0s;}
.solution4 .list2 .item .h{margin-top:10px;font-size:18px;color: #fff;}
.solution4 .b{font-size:30px;color: #fff;margin-top:50px;}
.solution4 .bar{margin-top:40px;}
.solution4 .bar a{display:inline-block;height:65px;line-height:65px;padding:0 20px;background:#fff;color: #333;font-size:22px;margin:0 10px 15px 0;}
.solution4 .bar a:hover{color:#445e9f;text-shadow:2px 2px 3px rgba(0,0,0,0.15);}
.solution4 .bar a img{max-height:40px;margin-right:10px;animation:zoom 3s linear 0s infinite;}
.solution4 .bar a:first-child{margin-left:0;}

.solution5{margin-top:120px;padding:0 40px;}
.solution5 .list{font-size: 0;display:flex;margin-top:50px;}
.solution5 .list .item{width:calc(33.33% - 16.66px);margin-left:20px;position: relative;color: #fff;text-align: center;display: inline-block;overflow: hidden;transition:all 0.6s ease-out 0s;opacity:0;transform:translateY(30px);}
.solution5 .list .item:nth-child(2){transition-delay:0.2s;}
.solution5 .list .item:nth-child(3){transition-delay:0.4s;}
.solution5.show .list .item{transform:none;opacity:1;}
.solution5 .list .item:first-child{margin-left:0;}
.solution5 .list .item img{width:100%;height:auto;transition:all 0.5s ease-out 0s;}
.solution5 .list .item:hover img{transform:scale(1.1);}
.solution5 .list .item .mask{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.solution5 .list .item .h{font-size:24px;margin-top:15px;}
.solution5 .list .item .p{font-size:16px;margin-top:10px;}
.solution5 .bb{text-align: center;margin-top:40px;}
.solution5 .list2 .item{display: inline-block;margin:0 10px;}
.solution5 .list2 .item .ico{border:1px solid #ccc;border-radius:100%;width:124px;height:124px;display:block;margin:auto;line-height:124px;}
.solution5 .list2 .item .ico img{max-width:70%;max-height:70%;}
.solution5 .list2 .item:hover .ico img{transform:rotateY(360deg);transition:all 0.5s ease-out 0s;}
.solution5 .list2 .item .h{margin-top:10px;font-size:18px;color: #333;}
.solution5 .bar{margin-top:40px;text-align: center;}
.solution5 .bar a{display:inline-block;height:63px;line-height:63px;padding:0 20px;background:url(../image/bg4.png);color: #fff;font-size:23px;margin:0 10px;}
.solution5 .bar a img{max-height:40px;margin-right:10px;animation:zoom 3s linear 0s infinite;}

.solution5a{margin-top:120px;padding:0 40px;}
.solution5a .list{font-size: 0;display:flex;margin-top:50px;flex-wrap:wrap;}
.solution5a .list .item{width:calc(33.33% - 16.66px);margin-left:20px;margin-bottom:20px;position: relative;color: #fff;display: inline-block;overflow: hidden;transition:all 0.6s ease-out 0s;opacity:0;transform:translateY(30px);}
.solution5a .list .item:nth-child(2){transition-delay:0.2s;}
.solution5a .list .item:nth-child(3){transition-delay:0.4s;}
.solution5a .list .item:nth-child(4){transition-delay:0.6s;}
.solution5a .list .item:nth-child(5){transition-delay:0.8s;}
.solution5a .list .item:nth-child(6){transition-delay:1s;}
.solution5a.show .list .item{transform:none;opacity:1;}
.solution5a .list .item:nth-child(3n-2){margin-left:0;}
.solution5a .list .item img{width:100%;height:auto;transition:all 0.3s ease-out 0s;}
.solution5a .list .item a{position:absolute;left:0;top:0;right:0;bottom:0;}
.solution5a .list .item:hover img{transform:scale(1.05);}
.solution5a .list .item .mask{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);color: #fff;}
.solution5a .list .item .mask .inner{position:absolute;left:0;bottom:0;right:0;padding:50px;}
.solution5a .list .item .h{font-size:24px;margin-top:15px;}
.solution5a .list .item .p{font-size:16px;margin-top:10px;}
.solution5a .bb{text-align: center;margin-top:40px;}
.solution5a .list2 .item{display: inline-block;margin:0 10px;}
.solution5a .list2 .item .ico{border:1px solid #ccc;border-radius:100%;width:124px;height:124px;display:block;margin:auto;line-height:124px;}
.solution5a .list2 .item .ico img{max-width:70%;max-height:70%;}
.solution5a .list2 .item:hover .ico img{transform:rotateY(360deg);transition:all 0.5s ease-out 0s;}
.solution5a .list2 .item .h{margin-top:10px;font-size:18px;color: #333;}
.solution5a .bar{margin-top:40px;text-align: center;}
.solution5a .bar a{display:inline-block;height:63px;line-height:63px;padding:0 20px;background:url(../image/bg4.png);color: #fff;font-size:23px;margin:0 10px;}
.solution5a .bar a img{max-height:40px;margin-right:10px;animation:zoom 3s linear 0s infinite;}

.solution6{padding:0 40px 80px;margin-top:120px;color: #fff;}
.solution6 .content{height:870px;background:#731313 url(../image/bg4.jpg) center center no-repeat;background-size:cover;}
.solution6 .l{float:left;width:50%;height:100%;}
.solution6 .l:after{content:"";vertical-align: middle;height:100%;display: inline-block;}
.solution6 .l .inner{padding:80px;display:inline-block;vertical-align: middle;}
.solution6 .l .title1{text-align: left;color:#fff;}
.solution6 .l ul{margin-top:30px;}
.solution6 .l li{font-size:20px;margin-top:10px;}
.solution6 .l li:first-child{margin-top:0;}
.solution6 .l li span{display: inline-block;width: 140px;}
.solution6 .r{height:100%;float: left;width:50%;}
.solution6 .bb{margin-top:50px;}
.solution6 .list2 .item{display: inline-block;text-align: center;margin-left:30px;}
.solution6 .list2 .item:first-child{margin-left:0;}
.solution6 .list2 .item .ico{background:#fff;border-radius:100%;width:124px;height:124px;display:block;margin:auto;line-height:124px;}
.solution6 .list2 .item .ico img{max-width:70%;max-height:70%;}
.solution6 .list2 .item:hover .ico img{transform:rotateY(360deg);transition:all 0.5s ease-out 0s;}
.solution6 .list2 .item .h{margin-top:10px;font-size:18px;color: #fff;}
.solution6 .bar{margin-top:30px;}
.solution6 .bar a{display:inline-block;height:63px;line-height:63px;padding:0 20px;background:#fff;color: #333;font-size:24px;margin:0 10px 15px 0;}
.solution6 .bar a img{max-height:40px;margin-right:10px;animation:zoom 3s linear 0s infinite;}
.solution6 .bar a:hover{color:#731313;text-shadow:2px 2px 3px rgba(0,0,0,0.15);}
.solution6 .bar a:first-child{margin-left:0;}

/* 20191203 */
.about3{padding:96px 0 0;}
.about3 .list{display:flex;font-size:0;margin:57px -9px 0;flex-wrap:wrap;}
.about3 .item{width:calc(16.66% - 18px);display:inline-block;margin:0 9px 18px;height:96px;line-height:96px;text-align: center;box-shadow:4px 4px 8px rgba(0,0,0,0.1);position:relative;}
.about3 .item a:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #445e9f;border-left:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.about3 .item a:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #445e9f;border-bottom:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.about3 .item a:hover:before{width:100%;height:100%;visibility: visible;}
.about3 .item a:hover:after{width:100%;height:100%;visibility: visible;}
.about3 .item a{display:block;height:100%;}
.about3 .item img{max-height:80%;max-width:80%;}
.about4{padding:78px 0 0;}
.about4 .news_list{margin:53px -15px 0;}
.about4 .news_list .item{height:164px; width: calc(50% - 90px); padding: 25px 30px; margin: 0 15px 30px; float: left; box-shadow: 0px 0px 10px rgba(0,0,0,.1); }
.about4 .news_list .item .p{ margin-top: 20px; }
.about4 .news_list .item .h18{ color: #445e9f; margin-top: 20px; }
.about4 .news_list .item:hover{ background: #395894; color: #fff; }
.about4 .news_list .item:hover .h18{ color: #fff; }
.about5{padding:60px 0 0;}
.about5 .list{margin:50px -13.5px 0;display:flex;flex-wrap:wrap;font-size:0;}
.about5 .list .item{width:calc(33.33% - 30px);display: inline-block;margin:0 13.5px 30px;color: #333; box-shadow: 0px 0px 10px rgba(0,0,0,.1);}
.about5 .list .item a{display:block;padding:25px 30px;position: relative;}
.about5 .list .item .h{font-size:24px;line-height:1.3;overflow: hidden;}
.about5 .list .item .p{font-size:14px;margin-top:12px;}
.about5 .list .item .more{font-size:24px;color: #314874;margin-top:20px;}
.about5 .list .item:hover{ background: #395894; color: #fff; }
.about5 .list .item:hover .more{ color: #fff; }

.about6{padding:70px 0 80px;}
.about6 .list{margin-top:50px;}
.about6 .item{height:450px;}
.about6 .item:after{content:"";clear: both;display: block;}
.about6 .item .pic{width:50%;display:inline-block;height:100%;background:#eee;}
.about6 .item .pic>div{height:100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.about6 .item:nth-child(odd) .pic{float: left;}
.about6 .item:nth-child(even) .pic{float: right;}
.about6 .item img{max-width:none;max-height:none;}
.about6 .item .text{width:50%;display:inline-block;color: #333;height:100%; background: #395894; color: #fff;}
.about6 .item .text:after{content:"";vertical-align: middle;display: inline-block;height:100%;}
.about6 .item .text .inner{padding:0 60px;display: inline-block;vertical-align: middle;width:99%;box-sizing:border-box;}
.about6 .item .text .h{font-size:36px;}
.about6 .item .text ul{margin-top:20px;}
.about6 .item .text li{margin-bottom:8px;font-size:18px;}
.about6 .button1{margin-top:80px;}
.button1 .a1 a:before{ border-color: #cccccc; }
.button1 .a1 a:after{ border-color: #cccccc; }


.title2{text-align:center;color: #333;font-family:yy;}
.title2 .h{font-size:48px;}
.title2 .p{font-size:20px;margin-top:15px;}

.button2{margin-top:90px;text-align: center;}
.button2 .h{font-size:48px;color: #333;}
.button2 .btns{margin-top:25px;}
.button2 .btns a{display: inline-block;height:60px;line-height:60px;padding:0 40px;font-size:30px;}
.button2 .btns .green{background:#7ad2c8;color:#fff;}
.button2 .btns .red{background:#750e0f;color:#fff;}
.button2 .btns .black{background:#333;color:#fff;}
.button2 .btns .blue{background:#61b9e1;color:#fff;}

.hospital1{background:url(../image/bg5.jpg) center center no-repeat;position:relative;padding-top:51%;background-size:cover;opacity:0;transition:all 1s ease-out 0s;}
.hospital1.show{opacity:1;}
.hospital1 .title2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.hospital1 .title2 .h{transform:translateY(80px);opacity:0; transition:all 1s cubic-bezier(0.5,0,0.5,1) 0.5s;}
.hospital1 .title2 .p{transform:translateY(80px);opacity:0; transition:all 1s cubic-bezier(0.5,0,0.5,1) 1.2s;}
.hospital1.show .title2 .h{opacity:1;transform:none;}
.hospital1.show .title2 .p{opacity:1;transform:none;}

.hospital2{background:url(../image/bg5a.jpg) center center no-repeat;position:relative;padding-top:51%;background-size:cover;opacity:0;transition:all 1s ease-out 0s;}
.hospital2.show{opacity:1;}
.hospital2 .title2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.hospital2 .title2 .h{transform:translateY(80px);opacity:0; transition:all 1s cubic-bezier(0.5,0,0.5,1) 0.5s;}
.hospital2 .title2 .p{transform:translateY(80px);opacity:0; transition:all 1s cubic-bezier(0.5,0,0.5,1) 1.2s;}
.hospital2.show .title2 .h{opacity:1;transform:none;}
.hospital2.show .title2 .p{opacity:1;transform:none;}
.hospital2 .item{position:absolute;color: #333;width:300px;opacity:0;transform:scale(0.7);transition:all 0.8s ease-out 0s;}
.hospital2 .item .text{position:relative;}
.hospital2 .item .h{font-size:24px;position: relative;display: inline-block;}
.hospital2 .item .ico{box-sizing:border-box;text-align:center;width:243px;height:221px;line-height:221px;position: absolute;}
.hospital2 .item:nth-child(-n+3) .ico{left:-195px;top:-135px;background:url(../image/png54a.png) center center no-repeat;background-size:contain;}
.hospital2 .item:nth-child(n+4) .ico{right:-200px;top:-140px;background:url(../image/png54b.png) center center no-repeat;background-size:contain;}
.hospital2 .item .ico img{max-width:25%;max-height:25%;}
.hospital2 .item .p{margin-top:15px;}
.hospital2 .item:nth-child(1){left:22%;top:28%;transition-delay:1.5s;}
.hospital2 .item:nth-child(2){left:15%;top:52%;transition-delay:1.7s;}
.hospital2 .item:nth-child(3){left:30%;top:73%;transition-delay:1.9s;}
.hospital2 .item:nth-child(4){left:53%;top:13%;transition-delay:2.1s;}
.hospital2 .item:nth-child(5){left:71%;top:34%;transition-delay:2.3s;}
.hospital2 .item:nth-child(6){left:71%;top:59%;transition-delay:2.5s;}
.hospital2 .item:nth-child(7){left:58%;top:82%;transition-delay:2.7s;}
.hospital2.show .item{transform:none;opacity:1;}

.hospital3{background:url(../image/bg5.png);padding:160px 80px;position: relative;color: #fff;}
.hospital3 .title2{color:inherit;}
.hospital3 .list{margin-top:50px;font-size:0;}
.hospital3 .item{height:390px;border:4px dotted #fff;border-radius:15px;display:inline-block;vertical-align:top;width:calc(20% - 20px);margin-left:25px;box-sizing:border-box;text-align:center;}
.hospital3 .item:first-child{margin-left:0;}
.hospital3 .item .h{padding-top:50px;font-size:24px;}
.hospital3 .item .ico{height:115px;line-height:115px;text-align:center;margin-top:30px;}
.hospital3 .item .ico img{max-height:100%;}
.hospital3 .item .p{margin-top:30px;padding:0 30px;font-size:14px;text-align: left;}

.hospital4{background:url(../image/bg1.png);padding:160px 80px;position: relative;color:#333;}
.hospital4 .title2{color:inherit;}
.hospital4 .list{margin-top:50px;font-size:0;}
.hospital4 .item{height:390px;border:4px dotted #ddd;border-radius:15px;display:inline-block;vertical-align:top;width:calc(20% - 20px);margin-left:25px;box-sizing:border-box;text-align:center;}
.hospital4 .item:first-child{margin-left:0;}
.hospital4 .item .h{padding-top:50px;font-size:24px;}
.hospital4 .item .ico{height:115px;line-height:115px;text-align:center;margin-top:30px;}
.hospital4 .item .ico img{max-height:100%;}
.hospital4 .item .p{margin-top:30px;padding:0 30px;font-size:14px;text-align: left;}

.hospital5{background:url(../image/bg6.png);padding:160px 80px;position: relative;color:#fff;}
.hospital5 .title2{color:inherit;}
.hospital5 .list{margin-top:50px;font-size:0;}
.hospital5 .item{height:190px;border:4px dotted #ddd;border-radius:15px;display:inline-block;vertical-align:top;width:calc(50% - 20px);box-sizing:border-box;margin-bottom:25px;padding:0 50px;box-sizing:border-box;}
.hospital5 .item:nth-child(even){margin-left:25px;}
.hospital5 .item .h{padding-top:50px;font-size:24px;}
.hospital5 .item .p{margin-top:10px;font-size:14px;}

.hospital6{padding:80px 0 100px;}

.party1{background:url(../image/bg6.jpg) center top no-repeat;padding-top:1140px;color: #fff;position: relative;}
.party1 .tit{position:absolute;left:0;top:550px;right:0;text-align: center;}
.party1 .tit .h{font-size:60px;}
.party1 .tit .d{font-size:40px;}
.party1 .tit .p{font-size:18px;margin-top:15px;}
.party1 .title1{color:#fff;}
.party1 .list{margin-top:130px;padding:0 120px;font-size:0;}
.party1 .list .item{width:20%;box-sizing:border-box;border-left:1px solid #c34648;padding:0 40px;display:inline-block;vertical-align: top;height:340px;}
.party1 .list .item:first-child{border-left:0;}
.party1 .list .item .h{font-size:30px;}
.party1 .list .item .p{font-size:18px;margin-top:15px;}
.party2{padding:120px 0 0;}
.party2 .list{margin-top:50px;padding:0 120px;font-size:0;border-top:1px solid #ddd;color: #333;}
.party2 .list .item{width:20%;box-sizing:border-box;border-left:1px solid #ddd;padding:50px 40px 0;display:inline-block;vertical-align: top;height:340px;}
.party2 .list .item:first-child{border-left:0;}
.party2 .list .item .h{font-size:30px;}
.party2 .list .item .p{font-size:18px;margin-top:15px;}
.party3{background:url(../image/bg7.jpg) center center no-repeat;height:804px;color: #fff;}
.party3 .title1{padding-top:110px;color: #fff;}
.party3 .list{width:1020px;margin:50px auto 0;}
.party3 .item{padding:45px 0;text-align: center;background:rgba(175,0,0,0.8);border-radius:10px;margin-top:40px;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.party3 .item:first-child{margin-top:0;}
.party3 .item .h{font-size:30px;}
.party3 .item .p{font-size:18px;margin-top:10px;}
.party4{padding:80px 1.5%;}

.community1{height:900px;background-position:center center;background-repeat:no-repeat;background-size:cover;position: relative;}
.community1 .tit{position:absolute;left:50%;top:50%; transform:translate(-50%,-50%);text-align: center;color: #fff;font-family:yy;}
.community1 .tit .h{font-size:60px;}
.community1 .tit .p{font-size:24px;margin-top:5px;}
.community2 .part{position: relative;}
.community2 .part:nth-child(even){text-align: right;}
.community2 .part .pic{display:inline-block;width:38%;position: relative;opacity:0;transition:all 1s ease-out 0s;}
.community2 .part.show .pic{opacity: 1;}
.community2 .part .pic img{width:100%;height:auto;}
.community2 .part .pic .s{position:absolute;left:100%;top:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);max-width:100%;max-height:70%;width:auto;height:auto;}
.community2 .part .text{position:absolute;top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);right:10%;text-align:right;color: #333;margin-right:-100px;
transition:all 1s ease-out 0s;opacity:0;}
.community2 .part:nth-child(even) .text{right:auto;left:10%;text-align: left;margin-left:-100px;margin-right:0;}
.community2 .part.show .text{opacity:1;margin:0;}
.community2 .part .text .h{font-size:48px;font-family:yy;}
.community2 .part .text .h i{font-family:en;font-size:60px;display: inline-block;vertical-align: middle;}
.community2 .part .text .d{font-size:80px;font-family:'Baskerville Old Face';text-transform: uppercase;}
.community2 .part .text .d i{color:#b29943;transform:scale(1.5);opacity:0;transition:all 1s ease-out 0.3s;display:inline-block;vertical-align:top;}
.community2 .part.show .text .d i{opacity:1;transform:none;}
.community2 .part .text .p{font-size:18px;}
.community3{padding:100px 0;}

.search_result{max-width:1400px;margin:auto;padding:100px 30px;}
.search_result .tit{text-align:center;color: #333;}
.search_result .tit .h{font-size:48px;}
.search_result .tit .p{font-size:24px;margin-top:20px;}
.search_result em{color:#445e9f;}
.search_result .list1{color: #333;margin:50px -10px 0;font-size:0;}
.search_result .list1 .item{width:calc(33.33% - 20px);margin:10px;height:180px;display: inline-block;border:1px solid #ccc;font-size:14px;box-sizing:border-box;transition:all 0.2s ease-out 0s;position:relative;}
.search_result .list1 .item:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);}
.search_result .list1 .item .icon1{top:50%;transform:translateY(-50%);-ms-transform:translateY(-50%);float: left;}
.search_result .list1 .item:hover .icon1{border-color:#445e9f;}
.search_result .list1 .item a{position: absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;padding:0 30px;}
.search_result .list1 .item a:before{content:"";position: absolute;left:0;top:0;border-top:1px solid #445e9f;border-left:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.search_result .list1 .item a:after{content:"";position: absolute;right:0;bottom:0;border-right:1px solid #445e9f;border-bottom:1px solid #445e9f;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.search_result .list1 .item a:hover:before{width:100%;height:100%;visibility: visible;}
.search_result .list1 .item a:hover:after{width:100%;height:100%;visibility: visible;}
.search_result .list1 .item .text{padding-left:140px;height:100%;}
.search_result .list1 .item .text:before{content:"";vertical-align: middle;display: inline-block;height:100%;}
.search_result .list1 .item .text .inner{display: inline-block;vertical-align: middle;width:96%;}
.search_result .list1 .item .h{font-size:30px;}
.search_result .list1 .item .p{margin-top:10px;}
.search_result .list1 .item.more .icon1{background:#274174;border-color:rgba(255,255,255,0.3);}
.search_result .list1 .item.more .icon1 span{border-color:rgba(255,255,255,0.3);}
.search_result .list1 .item.more .icon1:before{border-color:rgba(255,255,255,0.3);}
.search_result .list1 .item.more .icon1 span:before{border-color:rgba(255,255,255,0.3);}
.search_result .list1 .item.more .icon1 span:after{border-color:rgba(255,255,255,0.3);}
.search_result .list2{margin-top:40px;color:#333;}
.search_result .list2 .item{border-bottom:1px solid #445e9f;}
.search_result .list2 .item a{display:block;padding:50px 0;}
.search_result .list2 .item .h{font-size:24px;}
.search_result .list2 .item .p{font-size:18px;margin-top:15px;}
.search_result .pages{margin-top:70px;}
.search_result .pages em{color:inherit;}

.school1{padding:200px 80px 0;background:url(../image/bg8.jpg) center bottom no-repeat;background-size:contain;}
.school1 .content{text-align:center;}
.school1 .content img{max-width:90%; transform:scale(0.7);opacity:0; transition:all 1.5s ease-out 0s; transform-origin:center bottom;}
.school1.show .content img{opacity:1; transform:none;}
.school1 .list{background:linear-gradient(to right,#60b9e3,#a5c238);height:100px;display:table;width:100%;padding:50px 0;margin-top:50px;}
.school1 .list .item{display:table-cell;vertical-align: middle;text-align:center;border-left:1px solid rgba(255,255,255,0.5);width:12.5%;}
.school1 .list .item:first-child{border-left:0;}
.school1 .list .item .ico{height:66px;line-height:66px;}
.school1 .list .item .h{font-size:24px;color:#fff;margin-top:10px;}
.school2{background:url(../image/bg9.jpg) center top no-repeat;height:2808px;position:relative;}
.school2 .part:nth-child(1){position:absolute;left:10%;top:315px;transform:translateX(100px);opacity:0;transition:all 1s ease-out 0s;}
.school2 .part:nth-child(2){position:absolute;right:10%;text-align: right;top:1180px;transform:translateX(-100px);opacity:0;transition:all 1s ease-out 0s;}
.school2 .part:nth-child(3){position:absolute;left:10%;top:2110px;transform:translateX(100px);opacity:0;transition:all 1s ease-out 0s;}
.school2 .part.show{opacity:1;transform:none;}
.school2 .part .text{color:#333;}
.school2 .part .h{font-size:60px;}
.school2 .part .h i{font-family:en;display: inline-block;vertical-align: middle;font-size:72px;}
.school2 .part .d{font-size:80px;font-family:en;text-transform: uppercase;}
.school2 .part .p{font-size:24px;}
.school2 .part .lb{font-size:24px;margin-top:30px;}
.school2 .part .lb span{background:url(../image/png57.png) left center no-repeat;padding-left:35px;margin-left:30px;line-height:1;}
.school2 .part .lb span:first-child{margin-left:0;}
.school3{padding:100px 0 0;background:linear-gradient(#fff,#eee);}
.school3 .tit{text-align: center;color: #333;}
.school3 .tit .h{font-size:60px;}
.school3 .tit .d{font-family:en;font-size:60px;text-transform: uppercase;}
.school3 .tit .p{font-size:24px;}
.school3 .list{width:1090px;border:2px solid #ccc;padding:50px 90px 0;border-radius:90px 90px 0 0;margin:50px auto 0;text-align: center;border-bottom:none;background: #fff;box-sizing:border-box;}
.school3 .list .inner{background:linear-gradient(#60b9e3,#91bf69);border:2px solid #ccc;border-bottom: none;font-size: 0;padding:20px 0;}
.school3 .list .item{width:155px;height:200px;border:3px dotted #fff;border-radius:10px;color: #fff;display: inline-block;margin:10px;box-sizing:border-box;}
.school3 .list .item .ico{height:70px;line-height:70px;padding-top:45px;}
.school3 .list .item .ico img{max-height:100%;}
.school3 .list .item .h{font-size:24px;margin-top:5px;}
.school4{padding:100px 0;}

.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;margin-top:50px;}
.decision .h2{font-size:48px;}
.decision .h3{font-size:24px;margin-top:0px;}


.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 !important;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/bg4.png);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%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.build2 .list .item .mask .h3{font-size:32px;color:#fff;transform:translateY(-20px);-ms-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;padding:0 10px;}
.build2 .list .item .mask p a{margin:0 10px;display: inline-block;}
.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 !important;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;}

/* 20191204 */
.icon{ width: 140px; height: 140px; border-radius: 50%; border: 1px solid #ccc; margin: auto; }
.icon img{ width: 100%; }
.icon .i2{ display: none; }


.h_bd1{ padding: 100px 0 0; }
.h_bd1 .li{ width: 289px; float: left; box-shadow: 0px 0px 10px rgba(0,0,0,.1); transition: all 0.3s; background: #395894; color: #fff; }
.h_bd1 .li+.li{ margin-left: 31px; }
.h_bd1 .li a{ display: block; padding: 35px 30px 40px; }
.h_bd1 .li .icon{ margin-top: 20px; margin-bottom: 24px; }
.h_bd1 .li .icon .i2{ display: block; }
.h_bd1 .li .icon .i1{ display: none; }
.h_bd1 .li:hover{ background: #fff; color: #333; }
.h_bd1 .li:hover .icon{ border-color: #ccc; }
.h_bd1 .li:hover .icon .i1{ display: block; }
.h_bd1 .li:hover .icon .i2{ display: none; }

.h_top{ position: relative; }
.h_top .h20{ margin-top: 9px; }
.h_top .h_more{ width: 198px; height: 64px; line-height: 64px; text-align: center; font-size: 24px; border: 1px solid #ccc; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.h_top .h_more a{ display: block; }
.h_top .h_more img{ margin-right: 10px; }
.msk{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.h_bd2{ padding-top: 93px; }
.h_bd2 .hd2list{ margin-top: 57px; }
.h_bd2 .hd2list .li{ transition: all 0.3s; width: 226px; height: 359px; float: left; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,.1); text-align: center; }
.h_bd2 .hd2list .li+.li{ margin-left: 30px; }
.h_bd2 .hd2list .li a{ display: block; padding: 40px 30px 37px; }
.h_bd2 .hd2list .li .icon{ margin-bottom: 38px; }
.h_bd2 .hd2list .li .ltbox .h20{ margin-bottom: 15px; }
.h_bd2 .hd2list .li.on{ width: 482px; }
.h_bd2 .hd2list .li .lmsk{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 382px; background: #fff; padding: 24px 50px 0; text-align: left; opacity: 0; visibility: hidden; transition: all 1.5s; }
.h_bd2 .hd2list .li .lmsk .h24{ margin-bottom: 18px; }
.h_bd2 .hd2list .li .lmsk .p{ line-height: 1.7142; }
.h_bd2 .hd2list .li .lmsk .h16{ position: absolute; bottom: 40px; left: 50px; width: 112px; text-align: center; line-height: 50px; border: 1px solid #ccc; font-size: 16px; }
.h_bd2 .hd2list .li.on .lmsk{ opacity: 1; visibility: visible; }

.h_bd3{ padding-top: 100px; }
.h_bd3 .child{ float: left; width: 615px; }
.h_bd3 .child+.child{ margin-left: 20px; }
.h_bd3 .child:first-child .ltbox .h_btn{ border-color: #fff; }
.h_bd3 .child .ltbox{ height: 605px; padding: 75px 75px 0 65px; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,.1); }
.h_bd3 .child .ltbox .h20{ line-height: 1.5; margin: 18px 0 20px; cursor: pointer; }
.h_bd3 .child .ltbox .h_btn{ width: 198px; line-height: 64px; border: 1px solid #ccc; text-align: center; font-size: 24px; position: absolute; bottom: 80px; left: 64px; }
.h_bd3 .child .ltbox .h_btn img{ width: 40px; margin-right: 10px; }
.h_bd3 .child:nth-child(1) .ltbox{ background: #395894; color: #fff; margin-bottom: 20px; }
.h_bd3 .child:nth-child(2) .ltbox{ background: #fff; margin-top: 20px; }
.h_bd3 .child:nth-child(2) .ltbox .h18{ margin: 10px 0 25px; }
.h_bd3 .child:nth-child(2) .ltbox .hlist{ padding-left: 35px; }
.h_bd3 .child:nth-child(2) .ltbox .hlist .h20{ margin: 0; position: relative; }
.h_bd3 .child:nth-child(2) .ltbox .hlist .h20:after{ content: ""; width: 9px; height: 9px; background: #a4a4a4; border-radius: 50%; position: absolute; top: 0; bottom: 0; left: -30px; margin: auto; }
.h_bd3 .child:nth-child(2) .ltbox .hlist .p{ display: none; margin-top: 13px; }
.h_bd3 .child:nth-child(2) .ltbox .hlist .li.on .p{ display: block; }
.h_bd3 .child:nth-child(2) .ltbox .hlist .li+.li{ margin-top: 15px; }
.h_bd3 .child .img{ position: relative; }
.h_bd3 .child .img img{ width: 100%; }
.h_bd4{ padding-top: 93px; }
.h_bd4 .con{ margin-top: 53px; }
.hd4tab .t_item{ float: left; width: 161px; padding: 40px 0 37px; text-align: center; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.1); cursor: pointer; }
.hd4tab .t_item+.t_item{ margin-left: 20px; }
.hd4tab .t_item .icon{ width: 123px; height: 123px; }
.hd4tab .t_item .h20{ margin-top: 17px; }
.hd4tab .t_item.on{ background: #395894; color: #fff; }
.hd4tab .t_item.on .icon .i2{ display: block; }
.hd4tab .t_item.on .icon .i1{ display: none; }
.hd4cont{ margin-top: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,.1); }
.hd4cont .child{ padding: 35px 40px; color: #fff; background: #395894; display: none; }
.hd4cont .child.act{ display: block; }
.h_bd5{ padding: 94px 0 100px; }
.h_bd5 .hd5list{ margin: 57px -10px 80px; }
.h_bd5 .hd5list .li{ width: 403px; height: 247px; float: left; margin: 0 10px 20px; position: relative; box-shadow: 0px 0px 10px rgba(0,0,0,.1); text-align: center; color: #fff; }
.h_bd5 .hd5list .li img{ width: 100%; }
.h_bd5 .hd5list .li .lp{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; right: 0; }
.h_bd5 .hd5list .li .lbox{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 45px; background: #395894; opacity: 0; visibility: hidden; transition: all 0.5s; }
.h_bd5 .hd5list .li .lbox .h24{ margin-bottom: 18px; }
.h_bd5 .hd5list .li:hover .lbox{ opacity: 1; visibility: visible; }
.h_bd5 .cmore{ text-align: center; }
.h_bd5 .cmore a{ display: inline-block; padding: 0 50px; line-height: 70px; border: 1px solid #cccccc; }




/* 20191204 */




.create{padding:225px 0 90px;position:relative;}
.create .line2{top:0;}

.case1{background:url(../image/bg4.png);position:relative;}
.case1 .line4{bottom:-95px;}
.case1 .block{padding:80px 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/bg4.png);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%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.case2 .list .item .mask .h3{font-size:36px;color:#fff;line-height:1.2;padding:0 15px;transform:translateY(20px);-ms-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;display: inline-block;}
.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 .pages{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;}

.news .imglist{ margin: 0 -10px 90px; }
.news .imglist .child{ width: 292px; height: 187px; position: relative; float: left; margin: 0 10px 20px; }
.news .imglist .child img{ width: 100%; }
.news .imglist .child .txtbox{ font-size: 16px; color: #fff; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; text-align: center; transition: all 0.5s; }
.news .imglist .child .txtbox .tbck{ background: url(../image/bg4.png); opacity: 0.95; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all 0.5s; }
.news .imglist .child .txtbox .t16{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 100%; left: 0; }
.news .imglist .child:hover .txtbox{ height: 100%; }
.news .n_t24{ font-size: 24px; text-align: center; color: #333; margin-bottom: 30px; }
.news .n_t24 span{ color: #445e9f; }



.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 !important;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;}


/* 20191203 */
.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:601px;}
.news .rowr{float:right;width:601px;}
.news .item{margin-top:36px;}
.news .item.show{opacity:1;transform:translateY(0px);-webkit-transform:translateY(0px);}
.news .item:first-child{margin-top:0;}
.news .item .pic{margin-top:25px;}
.news .item .pic img{width:100%;height:auto;}
.news .item .h3{font-size:30px;}
.news .item .tag{font-size:18px;color:#445e9f;margin-top:7px;}
.news .item .tag span,.news .item .tag a{margin-right:10px; display: inline-block;}
.news .item p{margin-top:11px;line-height:1.7;}
.news .item .date{margin-top:23px;text-align:right; padding-bottom: 19px; border-bottom: 1px solid #ccc; overflow:hidden;font-family:Arial;}
.news .pages{margin-top:50px;}
.news .b{text-align:center;padding:100px 0 0;}
.news .b .h3{font-size:24px;}
.news .b .h2{font-size:48px;}
/* 20191203 */

/* 20191205 */
.middle{ font-size: 0; letter-spacing: -1.5em;}
.middle:after{ content: ''; display: inline-block; vertical-align: middle; height: 100%;}
.middle-cont{ display: inline-block; vertical-align: middle; font-size: 14px; letter-spacing: 0;}
.h30{ font-size: 30px; }
.h18{ font-size: 18px; }
.h16{ font-size: 16px; }

.h_solution .section{ background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; color: #fff; }
.h_solution .block{ height: auto; padding-top: 110px; }
.sec7 .block{ padding-top: 0; }
.h_solution .block:after{ content: ""; display: block; clear: both; }
.x_lbox{  }
.x_lbox .h30{ margin: 5px 0 10px; }
.x_lbox .li_con{ margin-top: 50px; }
.x_lbox .li_con .li{ float: left; text-align: center; position: relative; }
.x_lbox .li_con .li+.li{ margin-left: 30px; }
.x_lbox .li_con .l_icon{ margin-top: 0; width: 131px; height: 131px; border-radius: 50%; margin: auto; }
.x_lbox .li_con .h18{ margin-top: 15px; position: absolute; bottom: -39px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); white-space: nowrap; }
.x_lbox .btnbox{ margin-top: 84px; }
.x_lbox .btnbox a{ display: inline-block; line-height: 60px; text-align: center; font-size: 18px; }
.x_lbox .btnbox a:nth-child(1){ width: 292px; }
.x_lbox .btnbox a:nth-child(2){ width: 138px; margin-left: 18px; }


.nav_float.h_snav{ top: 56%; }

/* .sec1{ padding: 160px 0 195px; } */
.sec1 .x_lbox{ float: left; }
.sec1 .x_lbox .li_con{ margin-top: 85px; }
.sec1 .x_lbox .li_con .l_icon{ background-color: #7e7185; }
.sec1 .x_lbox .btnbox{ margin-top: 116px; }
.sec1 .x_lbox .btnbox a{ background-color: #7e7185; }
.sec1 .rbox{ overflow: hidden; padding-left: 190px; }
.sec1 .rbox .li+.li{ margin-top: 52px; }
.sec1 .rbox .li .h24{ margin-bottom: 12px; }
/* .sec2{ padding: 208px 0 217px; } */
.sec2 .x_lbox{ float: left; }
.sec2 .x_lbox .li_con .l_icon{ background-color: #788a72; }
.sec2 .x_lbox .btnbox a{ background-color: #788a72; }
.sec2 .rbox{ overflow: hidden; padding-left: 87px; }
.sec2 .rbox .li{ float: left; margin: 0 0 20px 20px; }
.sec2 .rbox .middle{ display: block; width: 208px; height: 228px; background: rgba(0,0,0,.5); text-align: center; }
.sec2 .rbox .ricon{ width: 80px; height: 77px; margin: 0 auto 17px; }
.sec2 .rbox .ricon img{ width: 100%; }
/* .sec3{ padding: 210px 0 203px; } */
.sec3 .x_lbox{ float: right; }
.sec3 .x_lbox .li_con .l_icon{ background-color: #7386a0; }
.sec3 .x_lbox .btnbox a{ background-color: #7386a0; }
.sec3 .rbox{ float: left; }
.sec3 .rbox .li{ float: left; }
.sec3 .rbox .li+.li{ margin-left: 30px; }
.sec3 .rbox .li:nth-child(1){ margin-top: -63px; }
.sec3 .rbox .li:nth-child(2){ margin-top: 78px; }
.sec3 .rbox .middle{ width: 192px; height: 434px; display: block; background: rgba(0,0,0,.5); text-align: center; }
.sec3 .rbox .middle-cont{ padding: 0 30px; }
.sec3 .rbox .ricon{ width: 81px; height: 81px; margin: auto; }
.sec3 .rbox .ricon img{ width: 100%; }
.sec3 .rbox .h18{ margin: 15px 0 8px; }
.sec3 .rbox .p{ font-size: 12px; line-height: 1.5; }
/* .sec4{ padding: 213px 0 202px; } */
.sec4 .x_lbox{ float: left; }
.sec4 .x_lbox .li_con .l_icon{ background-color: #94866f; }
.sec4 .x_lbox .btnbox a{ background-color: #94866f; }
.sec4 .rbox{ overflow: hidden; padding-left: 135px; }
.sec4 .rbox .li{ float: left; }
.sec4 .rbox .li+.li{ margin-left: 30px; }
.sec4 .rbox .middle{ width: 192px; height: 468px; display: block; background: rgba(0,0,0,.5); text-align: center; }
.sec4 .rbox .middle-cont{ padding: 0 30px; }
.sec4 .rbox .ricon{ width: 81px; height: 81px; margin: auto; }
.sec4 .rbox .ricon img{ width: 100%; }
.sec4 .rbox .h18{ margin: 15px 0 8px; }
.sec4 .rbox .p{ font-size: 12px; }
/* .sec5{ padding: 203px 0 210px; } */
.sec5 .x_lbox{ float: right; }
.sec5 .x_lbox .li_con .l_icon{ background-color: #6b4b49; }
.sec5 .x_lbox .btnbox a{ background-color: #6b4b49; }
.sec5 .rbox{ float: left; width: 684px; }
.sec5 .rbox .li{ float: left; margin: 0 20px 20px 0; }
.sec5 .rbox .middle{ width: 208px; height: 228px; background: rgba(0,0,0,.5); text-align: center; display: block; }
.sec5 .rbox .middle-cont{ padding: 0 20px; }
.sec5 .rbox .p{ font-size: 12px; margin-top: 12px; }
.sec6{ text-align: center; }
.sec6 .x_lbox{ padding: 0; }
.sec6 .s6list,.sec6 .li_con{ display: inline-block; }
.sec6 .s6list{ margin-top: 80px; }
.sec6 .s6list .child{ float: left; width: 380px; text-align: left; }
.sec6 .s6list .child+.child{ margin-left: 55px; }
.sec6 .s6list .h20{ margin-top: 12px; }
.sec6 .x_lbox .li_con .l_icon{ background-color: #94474b; }
.sec6 .x_lbox .btnbox a{ background-color: #94474b; }
.h_solution .sec7{ color: #333; text-align: center; padding: 80px 0; }
.sec7 .h36{ line-height: 70px; padding: 0 45px; display: inline-block; border: 1px solid #cccccc; }

.header.h_s{ position: fixed; top: 0; left: 0; right: 0; }
.h_snav li{ width: 123px; height: 123px; margin-bottom: 10px; background: transparent; border-radius: 0; position: relative; }
.h_snav li .ico{ width: 63px; height: 54px; margin-bottom: 5px; }
.h_snav li .a1{ background: #7e7185; }
.h_snav li .a2{ background: #788a72; }
.h_snav li .a3{ background: #7386a0; }
.h_snav li .a4{ background: #94866f; }
.h_snav li .a5{ background: #6b4b49; }
.h_snav li .a6{ background: #94474b; }
.h_snav li .middle{ display: none; }









/* 20191205 */



.pages{text-align:center;}
.pages 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;}
.pages a:hover{background:#4461a0;color:#fff !important;border-color:#4461a0;}
.pages a.now{border-color:transparent;}
.pages 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;}
.pages .jump{padding:0;}
.pages .jump input{border:none;width:25px;padding:0 10px;font-size:16px;text-align:center;}
.pages .jump em{display:inline-block;border-left:1px solid #888;text-align:center;width:40px;}
.pages .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:#445e9f;margin-top:10px;}
.plan .item .tag span{margin-right:10px;}
.plan .item p{margin-top:20px;line-height:1.7;font-size: 16px;}
.plan .item .more{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 .more:hover{border-color:#445e9f;background:#445e9f;color:#fff;}
.plan .pages{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 !important;}
.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(../image/bg2.jpg) center center;}
.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 .more{color:#fff;padding:12px 10px 12px 0;text-align:right;}
.article .right .d1 ul{clear:both;margin-top:10px;}
.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: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}
.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 !important;}

@-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/bg4.png);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%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.special4 .pics .list .item .mask .h3{font-size:36px;color:#fff;transform:translateY(-20px);-ms-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;display: inline-block;}
.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/bg4.png);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%;transform:translateY(-50%);-ms-transform:translateY(-50%);}
.specail_pic_list1 .list .item .mask .h3{font-size:36px;color:#fff;transform:translateY(-20px);-ms-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;display: inline-block;}
.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 .pages{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; }

/*1113*/
.about2 .job .item:nth-child(3n+1){ clear:left; }

/* 2020-02-14添加详情页移动端样式 */
@media screen and (max-width: 1024px){
	body {
		width: 100%;
		min-width: auto;
		font-size: 0.24rem;
	}
	.block{padding: 0 0.25rem;}
	.row .col-xs-12 .page-title{padding: 1rem 0.25rem 0rem;text-align: center;padding:;}
	/* .article .left{width: 100%;padding-top: 0.4rem;} */
	.row .col-xs-12 .page-title h3{font-size: 0.45rem;line-height: 1.5;}
	.row .col-xs-12 .page-title .date {font-size: 0.3rem;margin-top: 0.2rem;}
	.row.mb15{padding-top: 0.4rem;text-align: left;}
	.row.mb15 .col-xs-12{display: flex;align-items: center;padding: 0 0.25rem;line-height: 1.8;}
	.row .col-xs-12 .buttons{text-align: center;}
	.row .col-xs-12 .buttons a{padding: 0.2rem 0.3rem;border: 1px solid #333;display: inline-block;font-size: 0.28rem;}
	.row.mt10 .col-xs-12{padding: 0 0.25rem;}
	.row.mt10 .col-xs-12 .list-group{padding-top: 0.4rem;}
	.row.mt10 .col-xs-12 .list-group .list-group-item.page-list-item{line-height: 1.8;margin-bottom: 0.3rem;}
	.row.mt10 .col-xs-12 .list-group .list-group-item.page-list-item .list-group-item-heading{font-size: 0.3rem;margin-bottom: 0.2rem;}
	

	/* .article .left .tag span{margin-right: 0.2rem;}
	.article .left .date{font-size: 0.26rem;margin-top: 0.2rem;}
	.article .left .con{padding: 0.4rem 0;font-size: 0.26rem;}
	.article .left .con .share{margin-bottom: 0.4rem;}
	.share .bdshare-button-style0-16 a, .share .bdshare-button-style0-16 .bds_more{width: 0.62rem;height: 0.62rem;margin: 0 0.1rem 0 0;}
	.share .bdshare-button-style0-16 .bds_renren{background-position: -1.25rem center;}
	.article .left .con .share .c{height: 0.64rem;line-height: 0.64rem;font-size: 0.3rem;margin-left: 0.2rem;}
	.article .left .bottom{height: auto;line-height: 1;padding: 0.4rem 0;}
	.article .left .bottom .l .tel{padding-left: 0.6rem;margin-left: 0.3rem;font-size: 0.36rem;background-size: contain;}
	.article .left .bottom .l .btn{margin-left: 0.3rem;height: auto;line-height: 1;padding: 0.2rem 0.4rem;margin-top: 0.25rem;}
	.article .left .nav{margin-top: 0.2rem;height: auto;}
	.article .left .nav .l,
	.article .left .nav .r{float: none;display: block;}
	.article .right,
	.article .right.f,
	.article .right.s{width: 100%;position: static;margin-left: 0;margin-top: 0.8rem;}
	.article .right .d1 .tit{padding: 0.5rem 0.4rem 0.4rem;height: auto;}
	.article .right .d1 .tit .h3{font-size: 0.38rem;}
	.article .right .d1 ul{margin-top: 0.2rem;}
	.article .right .d1 li{height: auto;line-height:1.5;font-size: 0.28rem;padding: 0.2rem 0.3rem;}
	.article .right .d3{margin-top: 0.4rem;line-height: 1.5;font-size: 0.32rem;}
	.article .right .d3 .b{font-size: 0.38rem;}
	.article .right .d3 a{margin: 0 0.25rem 0.3rem;}
	.build2{padding: 0.4rem 0 0.5rem;}
	.build2 .list .item{width: 100%;height: auto;margin: 0 0 0.3rem 0;}
	.build2 .list .item .mask .h3{font-size: 0.4rem;}
	.build2 .list .item .mask p{margin-top: 0.2rem;font-size: 0.26rem;}
	.build2 .button{margin-top: 0.4rem;}
	.build2 .button a{min-width: 50%;font-size: 0.36rem;height: auto;line-height: 1;padding: 0.2rem 0.3rem;margin: 0 0.2rem 0.3rem;}
	.decision{margin-top: 0.4rem;padding: 0 0 0.8rem;}
	.decision .h2{font-size: 0.48rem;}
	.decision .h3{font-size: 0.38rem;}
	.title .button{margin-top: 0.3rem;} */
	.footer .d2{width: 100%;display: block;    padding: 0.5rem 0.25rem 0.4rem;height: auto;overflow: hidden;}
	.footer .d2 .ite{text-align: center;}
	.header.h_s{position: absolute;}
}


/* 2024-1-19  serv_dialog跟北京官网统一 */
.serv_dialog *{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.serv_dialog {
  position: fixed;
  width: 660px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url(../image/bg4.png);
  -webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
  box-shadow: 5px 5px 20px rgba(0,0,0,0.4);
  display: none;
  z-index: 10
}

.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: 76px;
  color: #fff;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap
}

.serv_dialog .btns {
  text-align: center;
  margin-top: 30px
}

.serv_dialog .btns a {
  display: inline-block;
  background: #fff;
  width: calc(50% - 12px);
  padding: 4px 10px;
  color: #3a467e !important;
  font-size: 22px;
  border: 2px solid #fff;
  border-radius: 5px
}

@media (max-width: 1480px) {
  .serv_dialog .btns a {
      font-size:20px
  }
}

@media (max-width: 768px) {
  .serv_dialog .btns a {
      font-size:18px
  }
}

.serv_dialog .btns a.a1 {
  background: none;
  color: #fff !important;
  margin-right: 24px
}

.serv_dialog .kw {
  font-size: 16px;
  color: #fff !important;
  margin-top: 20px;
  text-align: center
}

@media (max-width: 1480px) {
  .serv_dialog .kw {
      font-size:14px
  }
}

@media (max-width: 768px) {
  .serv_dialog .kw {
      font-size:14px
  }
}

.serv_dialog .h3 .letter {
  font-family: 'bauhaus';
  margin: 0 15px;
  font-size: 100px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -4px;
  line-height: 1;
  letter-spacing: 10px
}

@media (max-width: 1480px) {
  .serv_dialog {
      width:615px
  }

  .serv_dialog .h3 {
      font-size: 68px
  }
}

@media (max-width: 768px) {
  .serv_dialog {
      width:357px
  }

  .serv_dialog .inner {
      padding: 30px 15px 15px
  }

  .serv_dialog .h3 {
      font-size: 36px
  }

  .serv_dialog .btns {
      margin-top: 20px
  }

  .serv_dialog .kw {
      margin-top: 15px
  }

  .serv_dialog .kw {
      font-size: 18px
  }
}

@media (max-width: 768px) and (max-width: 1480px) {
  .serv_dialog .kw {
      font-size:16px
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  .serv_dialog .kw {
      font-size:16px
  }
}

@media (max-width: 768px) {
  .serv_dialog .h3 .letter {
      font-size:60px;
      margin: 0 8px;
      letter-spacing: 0
  }
}

@media (max-width: 320px) {
  .serv_dialog {
      width:300px
  }

  .serv_dialog .h3 {
      font-size: 30px
  }

  .serv_dialog .kw {
      font-size: 16px
  }
}

@media (max-width: 320px) and (max-width: 1480px) {
  .serv_dialog .kw {
      font-size:14px
  }
}

@media (max-width: 320px) and (max-width: 768px) {
  .serv_dialog .kw {
      font-size:14px
  }
}

/* 2025-10-21 */
.banner .child a{background-repeat: no-repeat; background-position: center;}
.block .col-xs-3{ width: 23%;margin-bottom: 15px; display: inline-block; margin-right: 1.3333%; text-align: center; line-height: 50px; background: #4461a0; color: #fff; }
.block .col-xs-3:last-child{ margin-right: 0; }
.block .col-xs-3 .btn1{ display: inline-block; width: 100%; height: 100%; font-size: 22px; }
.case2 .list .item{height: auto;}
.case2 .list .item::before{display: block;content: ''; padding-top: calc(234 / 388 * 100%);}
.case2 .list .item img{position: absolute; left: 0;top: 0;}
.banner .nav .time svg{stroke-dasharray:200,200;}