/*编辑器内容 */
.edit-css .box{ overflow:hidden; height:800px; background-repeat: no-repeat; background-position: center top;}
.edit-css .auto{width:96%;  margin: 0 auto; }
.auto_1280{max-width:1280px;}
.auto_1440{max-width:1440px;}
.auto_1200{ max-width:1200px;}
.auto_1420{ max-width:1420px;}
.auto_1100{ max-width:1100px;}

.bgf5f5f5{ background-color:#f5f5f5;}
.bgf3f3f3{ background-color:#f3f3f3;}
.bgf7f7f7{ background-color:#f7f7f7;}
.bgf8f8f8{ background-color:#f8f8f8;}

.edit-title{ text-align:center;font-weight:bold; padding:60px 0;  font-size:36px; color:#333;}
.edit-title b{ font-size:50px;}
.edit-title p{ font-size:16px; margin:25px 0 0 0; font-weight:normal; opacity:0.8; line-height:28px;}

.edit-css .title{font-weight:bold;  font-size:36px; color:#333;}
.edit-css-3 .title,
.edit-css-4 .title{ text-align:center;}

.edit-css-2 .box-1{text-align:center; }
.edit-css-2 .box-1 .title{ padding-top:70px;padding-bottom:20px; }
.edit-css-2 .box-2 .auto{ padding-top:118px;}
.edit-css-2 .box-2 .left{ float:left; padding-left:100px;}
.edit-css-2 .box-2 .right{ float:right; width:555px; padding-top:140px;}
.edit-css-2 .box-2 .right .title{ margin-bottom:70px;}
.edit-css-2 .box-2 .right li{ line-height:22px; background:url(../images/edit/gou.png) no-repeat left top; padding-bottom:28px; padding-left:38px; font-size:20px;}
.edit-css-2 .box-3 .title{ color:#fff; text-align:center; padding:97px 0 58px 0;}
.edit-css-2 .box-3 .left{ float:left; width:540px;}
.edit-css-2 .box-3 .right{ float:right; width:510px; padding-top:40px;}
.edit-css-2 .box-3 dl{ position:relative;}
.edit-css-2 .box-3 .left dl{ padding-left:152px; margin-bottom:50px;}
.edit-css-2 .box-3 .right dl{ padding-left:128px;}
.edit-css-2 .box-3 dt{ position:absolute; left:0; top:0; }
.edit-css-2 .box-3 .left dt{ width:152px; text-align:center;}
.edit-css-2 .box-3 .left dd{ color:#fff;}
.edit-css-2 .box-3 dd h2{ margin:0;}
.edit-css-2 .box-3 dd p{ line-height:27px; }
.edit-css-2 .box-3 .right dd h2{ margin-top:43px;color:#333;}
.edit-css-2 .box-4 .title{ text-align:center; padding:96px 0 76px 0;color:#ff6c00;}
.edit-css-2 .box-4 .auto{ overflow:hidden;}
.edit-css-2 .box-4 dl{ width:1304px; margin-left:-12px;}
.edit-css-2 .box-4 dd{ background:url(../images/edit/youshi.png) no-repeat center top; transition:0.3s; float:left; width:25%; text-align:center; margin-bottom:37px; color:#fff; height:190px;}
.edit-css-2 .box-4 dd .num{ display:block; width:56px; line-height:56px;margin: 0 auto; font-size:28px;}
.edit-css-2 .box-4 dd .txt{ padding-top:22px; font-size:20px; line-height:27px;}
.edit-css-2 .box-4 dd:hover{ background-image:url(../images/edit/youshi_hover.png);}

.edit-css-2 .box-5 .auto{  margin:0 auto; position:relative;  z-index:10;}
.edit-css-2 .box-5 .title{ font-weight:normal; text-align:center; padding:5.304% 0; font-size:36px; font-weight:bold; color:#333;}
@media(max-width:1366px){
.edit-css-2 .box-5 .title{ padding:2% 0;}
}
.edit-css-2 .box-5 .num{ position:absolute; right:-22px; top:0; font-size:400px; color:#ff6c00; opacity:0.05;}
.edit-css-2 .box-5 .num-1{right:-70px;}
.bghas-line{ background-repeat:no-repeat; background-position: center top; background-size:cover;}
.bghas-line-1{ background-image:url(../images/edit/box-5-bg-1.png);}
.bghas-line-2{ background-image:url(../images/edit/box-5-bg-2.png);}
.edit-css-2 .box-5 .img{ float:left; margin-left:29px;background:url(../images/monitor.png) no-repeat; width:606px; height:500px;}
.edit-css-2 .box-5-7 .img,
.edit-css-2 .box-5-9 .img,
.edit-css-2 .box-5-2 .img{ float:right; margin-left:0; margin-right:21px;}
.edit-css-2 .box-5 .img ul{ padding-top:23px;}
.edit-css-2 .box-5 .img li img{ display:block; margin:0 auto; width:555px; height:333px;}
.edit-css-2 .box-5 .intro{ float:right; width:494px; margin-right:120px;}
.edit-css-2 .box-5-1 .intro{ padding-top:43px;}
.edit-css-2 .box-5-9 .intro,
.edit-css-2 .box-5-7 .intro,
.edit-css-2 .box-5-2 .intro{ float:left; margin-right:0; margin-left:84px;width:550px;}
.edit-css-2 .box-5 .intro .info h1{ margin:24px 0; color:#333; font-weight:normal; font-size:36px;}
.edit-css-2 .box-5 .intro .info p{ margin:0 0 35px 0; line-height:28px; opacity:0.8;}
.edit-css-2 .box-5 .intro .list li{ /*cursor:pointer;*/ position:relative; float:left; width:120px; margin-right:10px; margin-bottom:14px; height:70px;}
.edit-css-2 .box-5 .intro .list li img{ width:118px; display:block; height:70px;border:1px solid #e5e5e5;}
.edit-css-2 .box-5 .intro .list li.on img{ width:116px;height:68px;border-width:2px; border-color:#ff6c00;}
.edit-css-2 .box-5-3{ overflow:hidden; }
.edit-css-2 .box-5-3 .intro .list li{ width:109px; cursor:default;}
.edit-css-2 .box-5-3 .intro .list li img{ height:184px;}
.edit-css-2 .box-5-3 .intro .list li.on img{height:182px;}
.edit-css-2 .box-5-3 .intro .list li a{ position:absolute; left:0; width:100%; top:0; height:100%; z-index:10;}
.edit-css-2 .box-5-3 .img{margin-left:0; position:relative; background:none; width:720px;}
.edit-css-2 .box-5-3 .img .pic{ opacity:0; position:absolute; bottom:0; left:-12.5%; width:124.445%; transition:1s;}
.edit-css-2 .box-5-3 .img .pic img{ display:block; width:100%;}
.edit-css-2 .box-5-3 .img .pic-1{ transform:translateX(-50%); transition-delay:0.3s;}
.edit-css-2 .box-5-3 .img .pic-2{ transform:translateY(-50%);transition-delay:0.5s;}
.edit-css-2 .box-5-3 .img .pic-3{ transform:translateX(50%);transition-delay:0.7s;}
.edit-css-2 .box-5-3 .img .pic-4{ transform:translateY(50%);transition-delay:0.9s;}
.edit-css-2 .box-5-3 .img .pic em{ overflow:hidden; height:0; position:absolute; border-left:1px solid #ff9914; opacity:1; transition:0.5s 1.3s; }
.edit-css-2 .box-5-3 .img .pic-1 em{bottom:64%; left:31.25%;}
.edit-css-2 .box-5-3 .img .pic-3 em{bottom:53%; left:70%;transition-delay:1.5s;}
.edit-css-2 .box-5-3 .img .pic i{font-style: normal;display: block;height: 30px;border-radius: 0 15px 15px 0;line-height: 30px;color: #fff; padding:0 15px; word-break:keep-all;background: #ff9914;}
.active .edit-css-2 .box-5-3 .img .pic{ opacity:1; transform:none;}
.active .edit-css-2 .box-5-3 .img .pic em{ height:140px; opacity:1;}
@media(max-width:1600px){
.edit-css-2 .box-5-3 .img{ width:600px; margin-left:120px;}
}
@media(max-width:1440px){
.edit-css-2 .box-5-3 .img{ width:550px; margin-left:46px;}
}

.edit-css-2 .box-5-4 .intro{ width:555px; margin-right:75px; padding-top:43px;}

.edit-css-2 .box-5-5 .img{ float:right; background:url(../images/monitor-2.png) no-repeat; width:378px; height:633px; margin-right:205px;}
.edit-css-2 .box-5-5 .img li{ padding:0 70px;}
.edit-css-2 .box-5-5 .img ul{ padding-top:17px;}
.edit-css-2 .box-5-5 .img li img { display:inline-block; width:100%; height:400px;}
.edit-css-2 .box-5-5 .intro{ float:left;width:550px; margin-left:79px; padding-top:107px;}

.edit-css-2 .box-5-6 .pic{ float:left; margin-left:-2%; padding-top:50px;}
.edit-css-2 .box-5-6 .code{display:table; opacity:0; transform:translateY(50%); transition:0.5s 0.5s ease-in-out;}
.active .edit-css-2 .box-5-6 .code{ opacity:1; transform:translateY(0);}
.edit-css-2 .box-5-6 .code span{ display:inline-block;border:1px solid #eee; padding:10px; background:#fff; margin-right:21px; width:150px;}

.edit-css-2 .box-5-7 .intro{ padding-top:55px;}
.edit-css-2 .box-5-8 .pic{ float:left; margin-left:-22px; opacity:0; transform:translateX(-50%); transition:1s 0.5s ease-in-out;}
.active .edit-css-2 .box-5-8 .pic{ opacity:1; transform:translateX(0);}
.edit-css-2 .box-5-8 .intro{ width:554px; margin-right:78px;}
@media(max-width:1366px){
.edit-css-2 .box-5-8 .pic{ width:45%; margin-left:3%;}
}
.edit-css-2 .box-5-9 .intro{ padding-top:47px; margin-left:0;}
.edit-css-2 .box-5-9 .intro .info p{ margin-bottom:65px;}
.edit-css-2 .box-5-9 .img{ margin-right:-19px;}
.edit-css-2 .box-5-10 .img{ margin-left:-19px;}
.edit-css-2 .box-5-10 .intro{ width:537px; margin-right:20px; padding-top:99px;}

.edit-css-2 .box-6{ overflow:hidden; background:#f6f9fc; height:auto;}
.edit-css-2 .box-6 .ytable{ height:auto;}
.edit-css-2 .box-6 .pic{ width:57.121%; }
.edit-css-2 .box-6 .pic .main{position:relative;}
.edit-css-2 .box-6 .pic img{ display:block; width:100%;}
.edit-css-2 .box-6 .pic .abous{ position:absolute; left:0; top:0;}
.edit-css-2 .box-6 .txt .main{ padding-left:24px; max-width:450px;color:#666;}
.edit-css-2 .box-6 .title{ color:#ff6c00;}
.edit-css-2 .box-6 .txt .main p{ line-height:26px;  margin:30px 0 60px 0;}
.edit-css-2 .box-6 .txt dd{ font-size:14px; margin:24px 0 0 0;position:relative; padding-left:83px;}
.edit-css-2 .box-6 .txt dd img{ position:absolute; left:0; top:0;}
.edit-css-2 .box-6 .txt dd h5{ color:#041529; font-weight:normal; margin:0 0 5px 0;}

.edit-css-2 .box-7{ position:relative;}
.edit-css-2 .box-7 .main{ background:url(../images/edit/box-7-bg.jpg) no-repeat center top; position:absolute; left:50%; width:1920px; margin-left:-960px; height:100%;}
.edit-css-2 .box-7 .txt{ position:absolute; left:359px; top:126px; width:437px; color:#fff;}
.edit-css-2 .box-7 .txt p{ line-height:26px; margin-top:30px;}
.edit-css-2 .box-7 .mac{ position:absolute; z-index:10; left:0; bottom:0; width:100%;}
.edit-css-2 .box-7 .img{ position:absolute; }
.edit-css-2 .box-7 .img-1{right:982px; bottom:160px;}
.edit-css-2 .box-7 .img-2{right:64px; bottom:182px;}
.edit-css-2 .box-7 .img-3{right:713px; top:107px;}
.edit-css-2 .box-7 .img-4{right:284px; bottom:418px;}
.edit-css-2 .box-7 .img-5{right:-140px; bottom:515px;}
.edit-css-2 .box-7 .img-3 img,
.edit-css-2 .box-7 .img-4 img,
.edit-css-2 .box-7 .img-5 img{ opacity:0.43;}

.edit-css-2 .box-8{background-image:url(../images/edit/box-8-bg.jpg);}
.edit-css-2 .box-8 .auto{ padding-top:174px;}
.edit-css-2 .box-8 .left{ float:left; margin-left:-24px;}
.edit-css-2 .box-8 .right{ float:right; width:567px; padding-top:58px;}
.edit-css-2 .box-8 .right h1{ color:#333; margin:0 0 53px 0; border-bottom:1px solid #eee; font-size:36px; padding-bottom:30px;}
.edit-css-2 .box-8 .right p{ line-height:30px; color:#666;}

.edit-css-2 .box-9{background-image:url(../images/edit/box-9-bg.jpg);}
.edit-css-2 .box-9 .title{ text-align:center; font-size:24px; line-height:46px; padding:85px 0 55px 0;}
.edit-css-2 .box-9 dl{ padding:0 5%;}
.edit-css-2 .box-9 dl dd{ float:left; width:25%; text-align:center; margin-bottom:40px;}
.edit-css-2 .box-9 dl dd img{ width:170px; height:170px;}
.edit-css-2 .box-9 dl dd h5{ font-weight:normal; margin:15px 0;}

.edit-css-2 .box-10{ text-align:center;}
.edit-css-2 .box-10 .intro{ padding-top:20px; line-height:30px; color:#666;  padding-bottom:28px;}
.edit-css-2 .box-10 .title{ padding-top:74px;}
.edit-css-2 .box-10 .video{ width:1100px; margin:0 auto; position:relative;}
.edit-css-2 .box-10 .video img{ display:block; width:100%; border-radius:8px; height:450px;}
.edit-css-2 .box-10 .video a{ position:absolute; left:0; width:100%; height:100%; top:0; z-index:10; background:url(../images/play.png) no-repeat center center;}

.edit-css-2 .box-12 .bg,
.edit-css-2 .box-11 .bg{ position:absolute; left:0; width:100%; bottom:0; height:100%; background-repeat:no-repeat; background-position:center bottom;}
.edit-css-2 .box-11 .auto{ position:relative; z-index:10; width:735px; margin:0 auto; color:#333; text-align:center;}
.edit-css-2 .box-11 .quan{ position:absolute; left:0; width:100%; height:161.4%; top:-30.7%; }
.edit-css-2 .box-11 .quan img{ height:100%;}
.edit-css-2 .box-11 dl{ position:relative; width:432px; margin:0 auto; border-top:1px solid #ccc;}
.edit-css-2 .box-11 dd{ float:left; width:108px;  font-size:20px;}
.edit-css-2 .box-11 dd figure{ padding-bottom:5px;}
.edit-css-2 .box-11 dd.d-1{ margin-left:-54px;}
.edit-css-2 .box-11 dd.d-2,
.edit-css-2 .box-11 dd.d-3{ margin-left:37px;}
.edit-css-2 .box-11 dd.d-4{ float:right; margin-right:-54px;}
.edit-css-2 .box-11 dd i{ width:1px; height:96px; display:block; margin:0 auto 10px; background:#ccc; position:relative;}
.edit-css-2 .box-11 dd i:before{ position:absolute; left:50%; top:-3px; margin-left:-2px; width:5px; height:5px; content:''; background:#ff6c00; border-radius:50%;}
.edit-css-2 .box-11 h4{ margin-top:74px; margin-bottom:0;}
.edit-css-2 .box-11 h1{ margin: 0 auto;}
.edit-css-2 .box-11 h1 b{display:block;width:111px; line-height:103px; height:111px; border-radius:50%; border:4px solid #fee6d8;background:#ff6c00;color:#fff;font-size:20px; margin:0 auto;}
.edit-css-2 .box-11 h1:after{ display:block; content:''; width:1px; height:42px; background:#ccc; margin: 0 auto
;}
@media(max-width:1440px){
.edit-css-2 .box-11 h4{ margin-top:35px;}
.edit-css-2 .box-11 dd i{ height:60px;}
.edit-css-2 .box-11 h1 b{ width:88px; height:88px; line-height:80px;}
.edit-css-2 .box-11 dl{ width:368px;}
.edit-css-2 .box-11 dd{ font-size:16px;}
.edit-css-2 .box-11 dd.d-2, 
.edit-css-2 .box-11 dd.d-3 {margin-left: 16px;}
}

.edit-css-2 .box-11 h1,
.edit-css-2 .box-11 dl, 
.edit-css-2 .box-11 h4,
.edit-css-2 .box-11 .quan{ opacity:0; -webkit-opacity:0; transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); transform-style:preserve-3d; transition-property:all;transition-delay:0.3s; transition-duration:0.5s;}
.edit-css-2 .box-11 .quan{ transform:rotate(0) scale(0); -webkit-transform:rotate(0) scale(0); -ms-transform:rotate(0) scale(0);}

.active .edit-css-2 .box-11 h1,
.active .edit-css-2 .box-11 dl, 
.active .edit-css-2 .box-11 h4,
.active .edit-css-2 .box-11 .quan{opacity:1; -webkit-opacity:1; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.active .edit-css-2 .box-11 dl, 
.active .edit-css-2 .box-11 h4{ transition-delay:0.5s;}
.active .edit-css-2 .box-11 .quan{transition-delay:0.8s;transform:rotate(360deg) scale(1); -webkit-transform:rotate(360deg) scale(1); -ms-transform:rotate(360deg) scale(1);}

.edit-css-2 .box-12 .main{ text-align:center; position:relative; z-index:2;}
.edit-css-2 .box-12 h4{ line-height:40px; margin:0 0 140px 0; color:#333; opacity:0; transform:translateX(50%); -webkit-transform:translateX(50%); -ms-transform:translateX(50%); transition:1s 0.3s;}
.edit-css-2 .box-12 .pic{ display:inline-block; position:relative;opacity:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);transition:1s 0.3s;}
.edit-css-2 .box-12 .pic li{ position:absolute; color:#666; font-size:20px;opacity:0; transform:translateY(50%);transition:1s 1.3s;}
.edit-css-2 .box-12 .pic .li-1{ left:65px; top:53px; transition-delay:1.3s;}
.edit-css-2 .box-12 .pic .li-2{ bottom:100%; left:173px; margin-bottom:10px; transition-delay:1.5s;}
.edit-css-2 .box-12 .pic .li-3{ right:195px; bottom:98%; transition-delay:1.7s;}
.edit-css-2 .box-12 .pic .li-4{ right:63px; top:15px; transition-delay:1.9s;}

.active .edit-css-2 .box-12 h4,
.active .edit-css-2 .box-12 .pic{ opacity:1;transform:translateX(0); -webkit-transform:translateX(0); -ms- transform:translateX(0);}
.active .edit-css-2 .box-12 .pic li{opacity:1;transform:translateY(0); -webkit-transform:translateY(0); -ms- transform:translateY(0);}

.edit-css-2 .box-13{ background:#4c547e;}
.edit-css-2 .box-13 .title{ text-align:center; color:#fff; padding:66px 0 36px 0;}
.edit-css-2 .box-13 .title p{ opacity:0.8; font-size:16px; font-weight:normal; line-height:30px;}
.edit-css-2 .box-13 .table{ width:1200px; margin:0 auto;}
.edit-css-2 .box-13 .table td{ border:1px solid #747ca3; line-height:26px; padding:15px 0;color:#fff;padding-left:40px;}
.edit-css-2 .box-13 .table td.w1{ width:193px;  text-align:left;}
.edit-css-2 .box-13 .table td.hasbg{ background:#5a628b;}
.edit-css-2 .box-13 .table .tr-top td{ font-size:30px; line-height:normal; text-align:center; padding-left:0; }
.edit-css-2 .box-13 .table .tr-top td span{color:#ee7828; }
.edit-css-2 .box-13 .table td  figure{ overflow:hidden; }
.edit-css-2 .box-13 .table td  figure img{ max-width:none;}
.edit-css-2 .box-13 .table td .star-1{ width:30px;}
.edit-css-2 .box-13 .table td .star-2{ width:60px;}
.edit-css-2 .box-13 .table td .star-3{ width:90px;}
.edit-css-2 .box-13 .table td .star-4{ width:120px;}

.edit-css-2 .box-14 .title{ text-align:center; padding:73px 0 33px 0;}
.box-14 .left-img{ float:left; width:686px; height:570px; overflow:hidden;}
.box-14 .left-img li img{ width:100%; display:block;}
.box-14 .right-tab{ float:right; width:700px; padding-top:95px;}
.box-14 .right-tab li{ position:relative; padding:20px 30px 20px 58px;}
.box-14 .right-tab li i{ display:none; position:absolute; left:-35px; border:15px solid transparent; border-right-color:#ff6c00; border-right-width:20px; top:50%; margin-top:-15px;}
.box-14 .right-tab li aside{ position:relative; line-height:42px; padding-left:74px; font-size:20px; color:#333;}
.box-14 .right-tab li dl{ position:absolute; left:0; top:0;}
.box-14 .right-tab li dd{ display:none;}
.box-14 .right-tab li p{ line-height:26px; margin:10px 0 0 0; overflow:hidden; height:0;color:#fff;}
.box-14 .right-tab li.on{ background:#ff6c00;}
.box-14 .right-tab li.on aside{ font-weight:bold; font-size:26px; color:#fff;}
.box-14 .right-tab li.on dd,
.box-14 .right-tab li.on i{ display:block;}
.box-14 .right-tab li.on p{ height:auto;}
.box-14 .right-tab li.on dt{ display:none;}
@media(max-width:1440px){
.box-14 .left-img{ width:45%}
.box-14 .right-tab{ width:52%;}
}

.edit-css-2 .box-15 .title{ text-align:center; font-size:24px; line-height:46px; padding:80px 0 10px 0; color:#fff;  margin:0 auto; letter-spacing:1px;width: 786px;letter-spacing: 2px;}
.edit-css-2 .box-15 .auto{ max-width:1440px;}
.edit-css-2 .box-15 .pic{ height:483px; position:relative; overflow:hidden;}
.edit-css-2 .box-15 .pic figure{ top:0; overflow:hidden; position:absolute; transition:width 2s 0.3s linear; left:33.75%; width:0;}
.edit-css-2 .box-15 .pic figure img{ display:block; max-width:none; }
.edit-css-2 .box-15 .pic.animated figure{ width:100%;}
@media(max-width:1440px){
.edit-css-2 .box-15 .pic figure{ left:27%;}
}


.edit-css-2 .box-16{ padding:94px 0;}
.edit-css-2 .box-16 dl dt{ float:left; width:52.223%;}
.edit-css-2 .box-16 dl dd{ float:right; width:43.403%;}
.edit-css-2 .box-16 .edit-title{ text-align:left; padding-top:0;}
.edit-css-2 .box-16 .edit-title p{ line-height:40px;}

.edit-css-2 .box-17 .mac{ display:table; position:relative; margin:0 auto; width:42.084%;}
.edit-css-2 .box-17 dd{ position:absolute; width:100%; max-width:366px; border:1px dashed #d2d2d2; background:#f8f8f8;}
.edit-css-2 .box-17 dd:after{ position:absolute; content:''; width:26px; height:26px; background:#f8f8f8;  top:18%;border-top:2px dotted #d2d2d2;border-right:2px dotted #d2d2d2;  }
.edit-css-2 .box-17 dd:nth-child(2n-1):after{right:-15px;transform:rotate(45deg);}
.edit-css-2 .box-17 dd:nth-child(2n):after{left:-15px;transform:rotate(-135deg);}
.edit-css-2 .box-17 dd.d-1,
.edit-css-2 .box-17 dd.d-3{ right:100%; margin-right:40px;}
.edit-css-2 .box-17 dd.d-2,
.edit-css-2 .box-17 dd.d-4{ left:100%; margin-left:40px;}
.edit-css-2 .box-17 dd.d-1{ top:2%;}
.edit-css-2 .box-17 dd.d-2{ top:15%;}
.edit-css-2 .box-17 dd.d-3{ top:10%; margin-top:168px;}
.edit-css-2 .box-17 dd.d-4{ top:21.5%; margin-top:168px;}
.edit-css-2 .box-17 dd section{ padding:30px 20px 30px 73px;}
.edit-css-2 .box-17 dd img{ position:absolute; left:15px; top:30px;}
.edit-css-2 .box-17 dd h5{ margin:0; color:#ff6c00;}
.edit-css-2 .box-17 dd p{ line-height:24px; color:#545454; font-size:14px; margin:10px 0 0 0;}
@media(max-width:1366px){
.edit-css-2 .box-17 dd{ width:55%; }
}

.edit-css-2 .box-18{ overflow:hidden; position:relative; z-index:3; padding-bottom:84px;}
.edit-css-2 .box-18 .bg{ position:absolute;  width:50%;  }
.edit-css-2 .box-18 .bg-1{left:0; top:0;height:522px;
background: rgb(236,239,242); /* Old browsers */
background: -moz-linear-gradient(top, rgba(236,239,242,1) 32%, rgba(236,239,242,1) 32%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(236,239,242,1) 32%,rgba(236,239,242,1) 32%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(236,239,242,1) 32%,rgba(236,239,242,1) 32%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceff2', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.edit-css-2 .box-18 .bg-2{background:#fbf5ed;right:0; top:113px;height:572px;}
.edit-css-2 .box-18 .bg-3{left:0; top:0;height:612px; background:#eceff2;}
.edit-css-2 .box-18 .auto{ position:relative; z-index:1;}
.edit-css-2 .box-18 .edit-title{ line-height:50px;color:#000; text-align:left; padding-top:55px; padding-bottom:32px;}
.edit-css-2 .box-18 .edit-title p{ line-height:32px;}
.edit-css-2 .box-18 dd{ padding:0 30px; float:left; width:50%;}
.edit-css-2 .box-18 dd.d-2 .edit-title{ padding-top:185px;}
.edit-css-2 .box-18 dd.d-2{ padding-left:50px;}
.edit-css-2 .box-18 dd.d-3{ padding-left:48px;}
.edit-css-2 .box-18 dd.d-3 .edit-title{ padding-top:84px;}
.edit-css-2 .box-18 dd.d-1 ul{ margin-bottom:30px; }
.edit-css-2 .box-18 dd.d-1 ul ol{ float:left;}
.edit-css-2 .box-18 dd.d-1 ul li{ float:right; width:275px; font-size:14px; line-height:24px; color:#000; opacity:0.8;}
.edit-css-2 .box-18 dd.d-4 p{ line-height:40px; margin-bottom:30px;}
.edit-css-2 .box-18 .detail{ padding:15px 0 90px 0;}
.edit-css-2 .box-18 .detail a{ color:#ff6c00; border-bottom:1px solid #ff6c00; padding-bottom:5px; display:inline-block;}
.edit-css-2 .box-18 .detail a span{ margin-left:5px; font-family:'宋体',Arial, Helvetica, sans-serif;}
@media(max-width:1440px){
.edit-css-2 .box-18 dd.d-1 ul ol{ width:272px;}
}

.edit-css-2 .box-19{ text-align:center; padding-bottom:66px;}
.edit-css-2 .box-19 .edit-title{ margin:0 auto; width:955px; padding-bottom:25px; color:#000;}
.edit-css-2 .box-19 p{ margin-top:50px; text-align:left; line-height:32px;}

.edit-css-2 .box-20{padding-bottom:94px;}
.edit-css-2 .box-20 .pic{ display:table; margin:0 auto; width:400px; padding:33px 0 131px 0; position:relative;}
.edit-css-2 .box-20 .pic dt{ width:300px; position:absolute; background:#f5f5f5; border-radius:6px; border:1px solid #bfbfbf;}
.edit-css-2 .box-20 .pic dt section{ padding:30px; color:#0e050a;}
.edit-css-2 .box-20 .pic dt h5{ margin:0 0 10px 0; font-weight:normal;}
.edit-css-2 .box-20 .pic dt li{ font-size:14px; line-height:24px; list-style:none;}
.edit-css-2 .box-20 .pic dt li:before{ display:inline-block; content:''; width:4px; height:4px; background:#000; margin:0 7px; vertical-align:middle; border-radius:50%;}
.edit-css-2 .box-20 .pic .t-1,
.edit-css-2 .box-20 .pic .t-2{ top:0;}
.edit-css-2 .box-20 .pic .t-3{ top:300px;}
.edit-css-2 .box-20 .pic .t-4{ top:302px;}
.edit-css-2 .box-20 .pic .t-1,
.edit-css-2 .box-20 .pic .t-3{ right:100%; margin-right:54px;}
.edit-css-2 .box-20 .pic .t-2,
.edit-css-2 .box-20 .pic .t-4{ left:100%; margin-left:54px;}

.edit-css-2 .box-21{ background-position:center top; background-repeat:no-repeat;}
.edit-css-2 .box-21 .auto{ height:600px; position:relative;}
.edit-css-2 .box-21 .img{ position:absolute; right:158px; top:50px; width:507px;}
.edit-css-2 .box-21 .edit-title{ color:#fff; text-align:left; padding-bottom:0; padding-top:240px; padding-left:145px; font-size:46px;}
.edit-css-2 .box-21 .edit-title p{ font-size:18px; margin-top:15px;}
.edit-css-2 .box-21 .img-1{ transform:scale(0); -webkit-transform:scale(0); -ms-transform:scale(0); transition:0.3s 0.5s;}
.edit-css-2 .box-21 .animated .img-1{ transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1);}
.edit-css-2 .box-21 .img-2{ position:absolute; left:0; top:0; }

.edit-css-2 .box-22 .auto{ position:relative;}
.edit-css-2 .box-22 .pic{ position:absolute; left:0; top:200px;}
.edit-css-2 .box-22 .pic .img{position:absolute;}
.edit-css-2 .box-22 .pic .img-1{ left:-80px; bottom:20px;}
.edit-css-2 .box-22 .pic .img-3{ left:110px; top:-42px; transition:0.5s 0.5s;}
.edit-css-2 .box-22 .pic .img-4{ left:180px; top:-55px; transition:0.5s 1s;}
.edit-css-2 .box-22 .edit-title{ padding-left:716px; padding-top:228px; text-align:left;}
.edit-css-2 .box-22 .pic .img-3,
.edit-css-2 .box-22 .pic .img-4{ opacity:0;transform:translateX(-50px); -webkit-transform:translateX(-50px); -ms-transform:translateX(-50px);}
.edit-css-2 .box-22 .pic.animated  .img-3,
.edit-css-2 .box-22 .pic.animated  .img-4{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0);}

.edit-css-2 .box-23 .edit-title{ padding:100px 0 122px 0;}
.edit-css-2 .box-23 ul{ width:1470px; margin-left:-95px;}
.edit-css-2 .box-23 ul li{ float:left; padding-bottom:110px; width:20%;}
.edit-css-2 .box-23 ul li figure{ margin:0 auto; width:100px; height:100px; background:#fff; border-radius:50%; transition:0.3s;}
.edit-css-2 .box-23 ul li h6{ margin:20px 0 0 0; text-align:center; color:#333;}
.edit-css-2 .box-23 ul li:hover figure{ transform:rotateY(180deg);}

.edit-css-4 .box-1 .title{ max-width:784px; margin: 0 auto; line-height:50px; padding:86px 0 30px 0;}
.edit-css-4 .box-1 .title p{ line-height:28px; margin:20px 0 0 0; font-size:16px; font-weight:normal; opacity:0.8;}
.edit-css-4 .box-1 li{ position:relative;}
.edit-css-4 .box-1 li.li-1{ float:left; margin-left:155px;}
.edit-css-4 .box-1 li.li-2{ float:right;padding-top:103px;}
.edit-css-4 .box-1 li aside b{ font-weight:normal; color:#333; position:absolute; left:0; top:0; font-size:36px; font-family:Arial, Helvetica, sans-serif;}
.edit-css-4 .box-1 li aside{padding-left:36px;position:absolute; line-height:30px; }
.edit-css-4 .box-1 li span{ color:#ff6c00;}
.edit-css-4 .box-1 li.li-1 aside{bottom:0; left:183px;width:310px; }
.edit-css-4 .box-1 li.li-1 b{ top:-5px;}
.edit-css-4 .box-1 li.li-2 aside{ top:0; left:133px; width:335px;}

.edit-css-4 .box-2{ background:#eaf5fb;}
.edit-css-4 .box-2 .auto{ height:638px; position:relative;}
.edit-css-4 .box-2 .auto > *{ position:absolute;}
.edit-css-4 .box-2 .title{ padding:74px 0 45px 0;}
.edit-css-4 .box-2 .bg{ left:0; z-index:1; width:100%; bottom:0;}
.edit-css-4 .box-2 .bg-1{ animation: infinite 10s linear yun-bg-1;}
.edit-css-4 .box-2 .bg-2{ z-index:2; animation: infinite 10s linear yun-bg-2;}
@keyframes yun-bg-1{
 0%{ transform:translateX(0);}
 30%{ transform:translateX(-20px);}
 70%{transform:translateX(20px);}
 100%{transform:translateX(0);}
}
@keyframes yun-bg-2{
 0%{ transform:translateX(0);}
 30%{ transform:translateX(20px);}
 70%{transform:translateX(-20px);}
 100%{transform:translateX(0);}
}

.edit-css-4 .box-2 .yun{ z-index:4;}
.edit-css-4 .box-2 .yun img{ display:block; width:100%;}
.edit-css-4 .box-2 .yun span{ position:absolute; left:0; top:50%; text-align:center; width:100%; line-height:44px; margin-top:-15px; color:#59606b; font-size:18px; font-weight:bold; }
.edit-css-4 .box-2 .yun-1{ width:132px;animation:40s 0s  infinite linear piao;}
.edit-css-4 .box-2 .yun-1-1{ left:auto; right:0; top:50px;animation:45s 0s  infinite linear piao;}
.edit-css-4 .box-2 .yun-2{width:177px; right:5px; top:150px;animation:40s 0s  infinite linear piao-2;}
.edit-css-4 .box-2 .yun-2-1{ right:auto; left:0; top:100px;animation:50s 0s  infinite linear piao-2;}
.edit-css-4 .box-2 .yun-3{ width:156px; bottom:168px; right:133px;animation:50s 0s  infinite linear piao;}
.edit-css-4 .box-2 .yun-3-1{bottom:120px; right:auto; left:133px;animation:40s 0s  infinite linear piao;}
.edit-css-4 .box-2 .yun-4{ width:118px; left:-20px; top:220px;animation: infinite 9s linear yun-bg-1;}
.edit-css-4 .box-2 .yun-5{ width:93px; right:196px; bottom:-10px;}
.edit-css-4 .box-2 .yun-1-0{ width:200px; top:12px; left:48px; z-index:3; animation: infinite 9s 0.5s linear yun-bg-1;}
.edit-css-4 .box-2 .yun-2-0{width:264px; right:42px; top:64px; z-index:3;animation: infinite 9s linear yun-bg-2;}
.edit-css-4 .box-2 .yun-3-0{ width:115px; bottom:136px; right:228px;animation: infinite 9s 0.3s linear yun-bg-2;}
.edit-css-4 .box-2 .yun-4-0{ width:223px; bottom: -60px;  right: 69px;}

@keyframes piao{
  0%{ transform:translateX(0);}
  50%{ transform:translateX(1400px);}
  100%{ transform:translateX(0);}
}
@keyframes piao-2{
  0%{ transform:translateX(0);}
  50%{ transform:translateX(-1400px);}
  100%{ transform:translateX(0);}
}

.edit-css-4 .box-2 .main{ position:absolute; width:546px; height:100%; z-index:10; top:0; left:50%; margin-left:-273px; animation:15s infinite linear piao-3;}
.edit-css-4 .box-2 .main aside{ position:absolute;}
.edit-css-4 .box-2 .lan{bottom:4px; left:50%; margin-left:-81px; width:162px; height:122px;}
.edit-css-4 .box-2 .lan span{ position:absolute; left:0; width:100%; text-align:center; color:#fff; font-size:15px; line-height:22px; top:20px;}
.edit-css-4 .box-2 .qiu{ width:100%; text-align:center;}
.edit-css-4 .box-2 .qiu-2{left:0; bottom:123px; }
.edit-css-4 .box-2 .qiu-1{left:17px; z-index:3;bottom:125px;}
.edit-css-4 .box-2 .man{ bottom:123px; left:41px; z-index:4; text-align:center; width:100%;}
@keyframes piao-3{
  0%{ transform:translateX(0);}
  25%{ transform:translateX(50px); }
  50%{ transform:translateX(0);}
  75%{ transform:translateX(-50px); }
  100%{ transform:translateX(0); }
}

.edit-css-4 .box-2 .main dl{ position:absolute;}
.edit-css-4 .box-2 .main dl::before{ position:absolute; content:''; z-index:1; border:30px solid transparent; border-bottom-width:15px; border-bottom-color:#91aab7; right:-20px; top:50%; margin-top:-40px;}
.edit-css-4 .box-2 .main dd{ position:relative; z-index:3; border:4px solid #91aab7; border-radius:5px; overflow:hidden; background:#91aab7; color:#fff;}
.edit-css-4 .box-2 .main dl.dl-1{bottom: 180px;left: 83px;}
.edit-css-4 .box-2 .main dl.dl-2{bottom: 211px;right: 67px;}
.edit-css-4 .box-2 .main dl.dl-2::before{ right:auto; left:-20px;margin-top:-27px;}
.edit-css-4 .box-2 .main dl.dl-3{bottom: 130px; left: 136px;}
.edit-css-4 .box-2 .main dl.dl-3 dd{ min-width:93px; text-align:center; padding:0 5px; line-height:28px;}

.edit-css-4 .box-3 .title{ padding-top:80px; max-width:842px; padding-bottom:52px;}
.edit-css-4 .box-3 .img{ text-align:center;}

.edit-css-4 .box-4{ background:url(../images/edit/4-box-4-bg.jpg) repeat;}
.edit-css-4 .box-4 .title{ padding:74px 0 53px 0;}
.edit-css-4 .box-4 ul{ display:table; margin: 0 auto; width:auto; height:auto;}

.edit-css-4 .box-5{ position:relative;}
.edit-css-4 .box-5 .title{ padding-top:110px; padding-bottom:50px;}
.edit-css-4 .box-5 .title p{ padding-top:20px; color:#666; font-size:16px; line-height:28px; opacity:0.8; font-weight:normal; width:775px; margin:0 auto;}
.edit-css-4 .box-5 .auto{ max-width:970px;}
.edit-css-4 .box-5 .inner{ position:relative; display:inline-block;}
.edit-css-4 .box-5 .inner b,
.edit-css-4 .box-5 .inner dd{ position:absolute;}
.edit-css-4 .box-5 .inner b{ font-size:36px; top:156px; left:0; width:100%; text-align:center; color:#ff6c00;}
.edit-css-4 .box-5 .inner dd{ width:57px; line-height:57px; text-align:center; box-shadow:0 0 6px rgba(0,0,0,0.18); border-radius:50%;}
.edit-css-4 .box-5 .inner dd.d-1{ left:211px; bottom:101px;}
.edit-css-4 .box-5 .inner dd.d-2{ left:154px; top:81px;}
.edit-css-4 .box-5 .inner dd.d-3{ left:350px; top:75px;}
.edit-css-4 .box-5 .inner dd.d-4{ right:190px; top:90px;}
.edit-css-4 .box-5 .inner dd.d-5{ right:206px; bottom:120px;}

.edit-css-4 .box-6 .auto{ max-width:1476px;}
.edit-css-4 .box-6 .title{ padding-top:75px; padding-bottom:70px;}
.edit-css-4 .box-6 ul{ overflow:hidden;}
.edit-css-4 .box-6 li{ float:left; width:33.333333%; text-align:center; margin-left:-1px; margin-top:-1px;}
.edit-css-4 .box-6 li section{ padding:50px 0 30px 0; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.edit-css-4 .box-6 li.no-pt section{ padding-top:0;}
.edit-css-4 .box-6 li.no-pb section{ padding-bottom:0;}
.edit-css-4 .box-6 li p{ margin:0 auto; max-width:328px; color:#666; line-height:28px;}
.edit-css-4 .box-6 li h5{ margin:10px 0;}
.edit-css-4 .box-6 li img{ transition:0.3s;}
.edit-css-4 .box-6 li:hover img{ transform:rotateY(180deg);}

.edit-css-3 .box-1{ height:780px;}
.edit-css-3 .box-1 .txt{ float:left; width:440px; padding-top:240px;}
.edit-css-3 .box-1 .txt p{ font-size:20px; line-height:36px; color:#333; text-align:justify; text-justify:inter-ideograph;}
.edit-css-3 .box-1 .txt p span{ color:#ff6c00;}
.edit-css-3 .box-1 .img{ float:right; height:622px; position:relative; margin-right:-32px; margin-top:108px; width:657px;}
.edit-css-3 .box-1 .img figure{ position:absolute; left:0; width:100%;  text-align:center;}
.edit-css-3 .box-1 .img .f-1{ bottom:0;}
.edit-css-3 .box-1 .img .f-2{ bottom:77px;}
.edit-css-3 .box-1 .img .f-3{left: -48px; bottom:252px;}
.edit-css-3 .box-1 .img dd{ position:absolute; z-index:10; opacity:0;transition:0.6s 1.5s;}
.edit-css-3 .box-1 .img dd.d-1{ bottom:417px; left:36px;}
.edit-css-3 .box-1 .img dd.d-2{bottom: 375px; right: 226px;}
.edit-css-3 .box-1 .img dd.d-3{ bottom:187px; right:40px;}
.edit-css-3 .box-1 .img dd.d-4{ bottom:97px; right:249px;}
.edit-css-3 .box-1 .img dd:after{ display:block; width:1px; background:#495271; opacity:0.3; content:''; float:right; margin-right:15px; height:0; transition:1s 1.5s;}
.edit-css-3 .box-1 .img dl.animated dd{ opacity:1;}
.edit-css-3 .box-1 .img dl.animated dd.d-1:after{ height:80px;}
.edit-css-3 .box-1 .img dl.animated dd.d-2:after{ height:200px;}
.edit-css-3 .box-1 .img dl.animated dd.d-3:after{ height:264px;}
.edit-css-3 .box-1 .img dl.animated dd.d-4:after{ height:134px;}
.edit-css-3 .box-1 .img dd b{ display:block; padding:0 27px 0 40px; line-height:38px; color:#fff; background:#495271;}
.edit-css-3 .box-1 .img dd b i{ border:10px solid #495271;text-align:center; position:absolute; left:-30px;  top:-12px; font-style:normal; font-size:24px; font-family:Arial, Helvetica, sans-serif; width:60px; height:60px;line-height:40px;   border-radius:50%; background:#ffa800; overflow:hidden;}
.edit-css-3 .box-1 .img dd b:after{ position:absolute; content:''; background:url(../images/edit/jiao.png) no-repeat; width:16px; height:19px; top:38px; right:0;}

.edit-css-3 .box-2{ height:750px; overflow:inherit; margin-bottom:176px;}
.edit-css-3 .box-2 .auto{ position:relative;}
.edit-css-3 .box-2 .img{ position:absolute; left:-43px;top:187px;}
.edit-css-3 .box-2 .txt{ float:right; width:774px; padding-top:195px; color:#fff;}
.edit-css-3 .box-2 .txt .title{ padding-bottom:30px; color:#fff;}
.edit-css-3 .box-2 .txt p{ margin:0 0 73px 0; line-height:36px; font-size:20px;}
.edit-css-3 .box-2 dl dd{ float:left; width:84px; margin:0 44px 35px 0;}

.edit-css-3 .box-3{ height:auto; padding-bottom:154px;}
.edit-css-3 .box-3 .title{ padding-top:100px; padding-bottom:40px;}
.edit-css-3 .box-3 .img{ float:right;}
.edit-css-3 .box-3 .txt{ float:left; width:600px;}
.edit-css-3 .box-3 .txt li{ float:left; font-size:22px; padding-left:30px; background:url(../images/edit/yes.png) no-repeat left 7px; margin-bottom:26px; color:#333;}
.edit-css-3 .box-3 .txt li.fr{ float:right;}
.edit-css-3 .box-3 .txt li.cl{ clear:both;}

.edit-css-3 .box-4{ text-align:center; color:#fff;}
.edit-css-3 .box-4 .auto{ position:relative; height:800px;}
.edit-css-3 .box-4 .title{ color:#fff; line-height:50px;}
.edit-css-3 .box-4 .txt{ padding-top:80px;}
.edit-css-3 .box-4 .txt p{ line-height:30px;}
.edit-css-3 .box-4 .img{ position:absolute; left:0; width:100%; text-align:center; bottom:0;}
.edit-css-3 .box-4 .img img{ margin-right:74px;}
.edit-css-3 .box-4 .img dd{ line-height:26px; position:absolute; left:937px; text-align:left;}
.edit-css-3 .box-4 .img dd.d-1{ top:16px;}
.edit-css-3 .box-4 .img dd.d-2{ top:188px;}
.edit-css-3 .box-4 .img dd h5{ font-weight:normal; margin:0;}

/*.edit-css-3 .box-6 .auto,
.edit-css-3 .box-14 .auto{ max-width:1440px;}*/
.edit-css-3 .box-5{ height:auto; position:relative; overflow:hidden;}
.edit-css-3 .box-5 .img{ float:right; position:relative; width:64.32%;}
.edit-css-3 .box-5 .img img{ display:block; width:100%;}
.edit-css-3 .box-5 .img .f-2{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.edit-css-3 .box-5 .auto{ position:absolute; left:50%; width:1440px; max-width:none; margin-left:-720px; top:50%; margin-top:-84px;}
.edit-css-3 .box-5 .edit-title{ text-align:left; padding:0;}
.edit-css-3 .box-5 .auto p{ font-size:22px; color:#333; margin:30px 0 0 0; line-height:36px;}
@media(max-width:1460px){
.edit-css-3 .box-5 .auto{ width:90%; left:5%; margin-left:0;}
}

.edit-css-3 .box-6{ background:#e5e7ec;}
.edit-css-3 .box-6 .title{ padding:76px 0 53px 0;}
/*.edit-css-3 .box-6 table,*/
.edit-css-3 .box-6 td{ font-size:18px; color:#333;border:1px solid #d7d9dd; text-align:center; padding:15px; height:198px; }
.edit-css-3 .box-6 .tr-top td{ height:140px;}
.edit-css-3 .box-6 td.hasbg{ background:#eaecf0;}
.edit-css-3 .box-6 td aside{ padding-top:20px; line-height:26px;}
.edit-css-3 .box-6 td.w{width:20.5%;}
.edit-css-3 .box-6 td.w1{ width:18%;}

.edit-css-3 .box-7 .left-code{ float:left; width:720px;}
.edit-css-3 .box-7 .left-code h5{ margin:0;padding-bottom:20px; color:#333; text-align:center; }
.edit-css-3 .box-7 .left-code li{ float:left; text-align:center; margin-right:45px; margin-bottom:36px;}
.edit-css-3 .box-7 .left-code li aside{ line-height:38px;}
.edit-css-3 .box-7 .right-img{ float:right; width:605px; position:relative;}
.edit-css-3 .box-7 .right-img > img{ position:relative; z-index:3;}
.edit-css-3 .box-7 .right-img figure{ position:absolute;z-index:0; top:32px;}
.edit-css-3 .box-7 .right-img figure::after{ position:absolute; content:''; width:70%;  top:0; height:100%;}
.edit-css-3 .box-7 .right-img .f-1{ left:0; }
.edit-css-3 .box-7 .right-img .f-1::after{ right:0;background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */}
.edit-css-3 .box-7 .right-img .f-2{ right:0; }
.edit-css-3 .box-7 .right-img .f-2::after{left:0;background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */}
@media(max-width:1440px){
.edit-css-3 .box-7 .right-img figure img{ height:373px;}
.edit-css-3 .box-7 .right-img{ width:530px; margin-top:30px;}
}

.edit-css-3 .box-8 .edit-title{ padding-top:286px; padding-bottom:0; text-align:left; float:right; letter-spacing:3px; margin-right:-34px; line-height:60px; color:#fff;}
.edit-css-3 .box-8 .edit-title span{ color:#ff6c00;}

.edit-css-3 .box-9{ background:#fff9f0;}
.edit-css-3 .box-9 .auto{ position:relative; padding-top:154px;}
.edit-css-3 .box-9 .right-data{ position:absolute; right:0; top:154px; width:782px;}
.edit-css-3 .box-9 .txt{ padding-right:845px; padding-top:82px;}
.edit-css-3 .box-9 .txt .p1{ line-height:36px;}
.edit-css-3 .box-9 .txt .p1 span{ font-size:20px;color:#ff6c00;}
.edit-css-3 .box-9 .txt .p2{ line-height:30px;}
.edit-css-3 .box-9 .right-data figure{ padding:85px 0; text-align:center;}
.edit-css-3 .box-9 .right-data dd{color:#fff; font-size:20px; line-height:30px;background:#e78112; border-radius:5px;}
.edit-css-3 .box-9 .right-data dd,
.edit-css-3 .box-9 .right-data dd span{ position:absolute; }
.edit-css-3 .box-9 .right-data dd.d-1{ left:0; top:0;}
.edit-css-3 .box-9 .right-data dd.d-2{ right:0; top:0; background:#76bf32;}
.edit-css-3 .box-9 .right-data dd.d-3{ font-size:18px; left:0; bottom:0;background:#3ac6ea;}
.edit-css-3 .box-9 .right-data dd.d-4{ right:0; bottom:0;background:#ecb830;}
.edit-css-3 .box-9 .right-data dd span{ z-index:4; background:#e78112;width:102px; height:102px; border:6px solid #fff; border-radius:50%; text-align:center;right:-51px; line-height:90px; font-size:33px; top:50%; margin-top:-51px;}
.edit-css-3 .box-9 .right-data dd:nth-child(2n) span{ right:auto; left:-51px;}
.edit-css-3 .box-9 .right-data dd.d-2 span{background:#76bf32;}
.edit-css-3 .box-9 .right-data dd.d-3 span{background:#26a4cc;}
.edit-css-3 .box-9 .right-data dd.d-4 span{background:#e78112;}
.edit-css-3 .box-9 .right-data dd aside{ padding:26px 30px;}
.edit-css-3 .box-9 .right-data dd:nth-child(2n-1) aside{ padding-right:65px; text-align:right;}
.edit-css-3 .box-9 .right-data dd:nth-child(2n) aside{ padding-left:60px; padding-right:5px;}
.edit-css-3 .box-9 .right-data dd.d-3 aside{ padding-left:5px;}
.edit-css-3 .box-9 .right-data dd.d-4 aside{ padding-right:20px;}
.edit-css-3 .box-9 .right-data dd::after{ position:absolute; content:''; border:40px solid transparent; border-bottom-width:20px;}
.edit-css-3 .box-9 .right-data dd.d-1::after{right: -10px;bottom: -36px;border-bottom-color:#e78112;transform:rotate(-130deg);}
.edit-css-3 .box-9 .right-data dd.d-2::after{left: -10px;bottom: -29px;border-bottom-color:#76bf32;transform:rotate(120deg);}
.edit-css-3 .box-9 .right-data dd.d-3::after{right: -40px;top: -9px;border-bottom-color:#3ac6ea;transform:rotate(144deg);}
.edit-css-3 .box-9 .right-data dd.d-4::after{left: -40px;top: -9px;border-bottom-color:#ecb830;transform:rotate(-144deg);}

.edit-css-3 .box-10 .left-img{ position:relative; float:left; width:462px; margin-left:-58px;}
.edit-css-3 .box-10 .left-img > img{ position:absolute; z-index:0; left:0; top:0; width:100%;}
.edit-css-3 .box-10 .left-img ul{ overflow:hidden; position:relative; z-index:1;}
.edit-css-3 .box-10 .left-img li{ text-align:center; padding-top:150px;}
.edit-css-3 .box-10 .left-img li img{ width:293px;}

.edit-css-3 .box-10 .right-txt{ float:right; width:676px; padding-top:116px;}
.edit-css-3 .box-10 .right-txt .txt li{border:1px solid #ff9600; padding:48px 40px; color:#666;}
.edit-css-3 .box-10 .right-txt .txt li:nth-child(2){ border-color:#69d276;}
.edit-css-3 .box-10 .right-txt .txt li:nth-child(3){ border-color:#e6815f;}
.edit-css-3 .box-10 .right-txt .txt li:nth-child(4){ border-color:#8fce3b;}

.edit-css-3 .box-10 .right-txt .tit{ padding-top:70px; margin-left:62px;}
.edit-css-3 .box-10 .right-txt .tit li{ margin-left:-22px; float:left; width:134px; height:134px; background:rgba(255,150,0,0.1); border-radius:50%; position:relative; cursor:pointer;}
.edit-css-3 .box-10 .right-txt .tit li.on:after{ position:absolute; content:''; width:50px; height:36px; top:-71px; background:url(../images/edit/jiao-1.png) no-repeat; left:50%; margin-left:-25px;}
.edit-css-3 .box-10 .right-txt .tit li b{ border-radius:50%; position:absolute; width:94px; line-height:94px; text-align:center; color:#fff; font-size:26px; left:20px; top:20px;background:rgb(255,150,0);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(2){background:rgba(105,210,118,0.1);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(2).on:after{ background-image:url(../images/edit/jiao-2.png);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(3){background:rgba(230,129,95,0.1);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(3).on:after{ background-image:url(../images/edit/jiao-3.png);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(4){background:rgba(143,206,59,0.1);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(4).on:after{ background-image:url(../images/edit/jiao-4.png);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(2) b{background:rgb(105,210,118);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(3) b{background:rgb(230,129,95);}
.edit-css-3 .box-10 .right-txt .tit li:nth-child(4) b{background:rgb(143,206,59);}

.edit-css-3 .box-11 .edit-title{ padding:80px 0;}
.edit-css-3 .box-11 dl{ margin-left:-12px;}
.edit-css-3 .box-11 dd{ float:left; width:12.5%; text-align:center; margin:30px 12px 0 12px;}
.edit-css-3 .box-11 dd section{ border:1px solid #eee; padding:35px 0;overflow:hidden;}
.edit-css-3 .box-11 dd figure{ position:relative; margin:0 auto; width:65px; height:65px; }
.edit-css-3 .box-11 dd figure .show{ transition:0.3s ease-in-out;}
.edit-css-3 .box-11 dd figure .hide{ transition:0.6s ease-in-out;}
.edit-css-3 .box-11 dd:hover section{ border-color:#ff9600; color:#ff9600;}
.edit-css-3 .box-11 dd .hide,
.edit-css-3 .box-11 dd:hover .show{ opacity:0; transform:scale(3);}
.edit-css-3 .box-11 dd .show,
.edit-css-3 .box-11 dd:hover .hide{ opacity:1;transform:scale(1);}
.edit-css-3 .box-11 dd .hide{ position:absolute; left:0; top:0; width:100%; z-index:10;}
.edit-css-3 .box-11 dd aside{ padding-top:10px;}
@media(max-width:1760px){
.edit-css-3 .box-11 dl{ margin-left:0;}
.edit-css-3 .box-11 dd{ width:11.5%; margin-left:0.5%; margin-right:0.5%;}
.edit-css-3 .box-11 dd section{ padding-top:15%;}
}

.edit-css-3 .box-12 .edit-title p{ padding-bottom:16px; margin-top:16px;}
.edit-css-3 .box-12 dd{ float:left;}
.edit-css-3 .box-12 dd.d-3{ float:right;}
.edit-css-3 .box-12 dd.d-2{ margin-left:218px;}
.edit-css-3 .box-12 dd.d-4,
.edit-css-3 .box-12 dd.d-5{ margin-left:228px;}

.edit-css-3 .box-13 .banner{ position:relative; z-index:1; height:600px;}
.edit-css-3 .box-13 .banner .bg{ position:fixed; left:0; top:0; height:720px; background-position:center top; background-repeat:no-repeat; width:100%;}
.edit-css-3 .box-13 .banner .txt{ position:absolute; z-index:10; left:0; width:100%; text-align:center; color:#fff; top:202px; font-size:29px; letter-spacing:9px;}
.edit-css-3 .box-13 .banner .txt h1{ margin:0; font-size:46px;}
.edit-css-3 .box-13 .list{ position:relative; z-index:20; background:#fff;}
.edit-css-3 .box-13 .con{ height:600px;}
.edit-css-3 .box-13 .con .txt,
.edit-css-3 .box-13 .con .image{ transition:1s ease-in-out;}
.edit-css-3 .box-13 .con .image{position:relative;}
.edit-css-3 .box-13 .con .txt > *{ margin:0; color:#333;}
.edit-css-3 .box-13 .con .txt h1{ padding:15px 0 30px 0;}
.edit-css-3 .box-13 .con .txt h5{ font-weight:normal; line-height:36px;}
.edit-css-3 .box-13 .ytable-cell{ width:50%;}
/*.edit-css-3 .box-13 .con-1 .image{ padding-left:62px; }*/
.edit-css-3 .box-13 .con .img{ position:absolute;}
.edit-css-3 .box-13 .con.animated{animation-duration: 0s; -webkit-animation-duration: 0s;}
.edit-css-3 .box-13 .con-1.animated  .img{opacity:0;animation: popUp 2.2s ease 1s both;}
.edit-css-3 .box-13 .con-1 .img-1{left:204px;top:-38px;}
.edit-css-3 .box-13 .con-1.animated  .img-2{ animation-delay:1.4s;left:294px;top:79px;}
.edit-css-3 .box-13 .con-1.animated  .img-3{ animation-delay:1.8s;left:-81px;top:118px;}
.edit-css-3 .box-13 .con-1.animated  .img-4{ animation-delay:2.2s;left:342px;top:179px;}
.edit-css-3 .box-13 .con-1.animated  .img-5{ animation-delay:2.6s;left:36px;top:273px;}

.edit-css-3 .box-13 .list .con:nth-child(2n) .txt{ padding-left:34px;}

.edit-css-3 .box-13 .con-2 .image{ margin-left:102px;}
.edit-css-3 .box-13 .con-2 .img{width: 92px;height: 92px;opacity: 0;left: 114px;top: 115px;z-index: 10;}
.edit-css-3 .box-13 .con-2 .img-1{left: 91px;top: 98px;width: 136px;height: 136px;opacity: 1;}
.edit-css-3 .box-13 .con-2.animated  .image img:nth-child(1){-webkit-animation:fadeIn 3s ease both 1.2s;animation:fadeIn 3s ease both 1.2s}
.edit-css-3 .box-13 .con-2.animated  .img-9{-webkit-animation:oneShow .8s ease both 1s;animation:oneShow .8s ease both 1s;}
.edit-css-3 .box-13 .con-2.animated  .img-8{-webkit-animation:twoShow .8s ease both 1.1s;animation:twoShow .8s ease both 1.1s}
.edit-css-3 .box-13 .con-2.animated  .img-7{-webkit-animation:threeShow .8s ease both 1.18s;animation:threeShow .8s ease both 1.18s}
.edit-css-3 .box-13 .con-2.animated  .img-6{-webkit-animation:fourShow .8s ease both 1.26s;animation:fourShow .8s ease both 1.26s}
.edit-css-3 .box-13 .con-2.animated  .img-5{-webkit-animation:fiveShow .8s ease both 1.34s;animation:fiveShow .8s ease both 1.34s}
.edit-css-3 .box-13 .con-2.animated  .img-4{-webkit-animation:sixShow .8s ease both 1.42s;animation:sixShow .8s ease both 1.42s}
.edit-css-3 .box-13 .con-2.animated  .img-3{-webkit-animation:sevenShow .8s ease both .15s;animation:sevenShow .8s ease both 1.5s}
.edit-css-3 .box-13 .con-2.animated  .img-2{-webkit-animation:eightShow .8s ease both 1.58s;animation:eightShow .8s ease both 1.58s}

.presentation .s-planet{z-index:1}
.animated .presentation .media-bg,
.animated .presentation .s-oval,
.animated .presentation .s-planet{-webkit-animation:rightSlideIn ease-in-out .5s both;animation:rightSlideIn ease-in-out .5s both}
.animated .presentation .s-one{-webkit-animation:rightSlideIn ease-in-out 1s both .2s;animation:rightSlideIn ease-in-out 1s both .2s}
.animated .presentation .s-two{-webkit-animation:rightSlideIn ease-in-out 1s both .4s;animation:rightSlideIn ease-in-out 1s both .4s}
.animated .presentation .s-three{-webkit-animation:rightSlideIn ease-in-out 1s both .6s;animation:rightSlideIn ease-in-out 1s both .6s}
.animated .presentation .s-four{-webkit-animation:rightSlideIn ease-in-out 1s both .5s;animation:rightSlideIn ease-in-out 1s both .5s}
.animated .presentation .s-diaoyu,
.animated .presentation .s-shiju{opacity:1}

.presentation{width:680px;padding-left:40px;height:442px;position:relative;top:0;right:0;opacity:1;overflow:hidden}
.media-bg{background-image:url(../images/edit/2-bg.png);width:550px;height:442px;top:0;left:0}
.media-bg,
.media-img-wrp{opacity:0;position:absolute}
.media-img-wrp{width:102px;height:102px}
.media-img-wrp.s-one{left:148px;top:-10px}
.media-img-wrp.s-two{width:65px;height:65px;left:450px;top:17px}
.media-img-wrp.s-three{width:80px;height:80px;left:80px;top:302px}
.media-img-wrp.s-four{width:80px;height:80px;left:437px;top:372px}
.media-img-wrp.s-diaoyu{left:491px;top:223px;-webkit-animation-name:invertDiaoyu;animation-name:invertDiaoyu;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:30s;animation-duration:30s}
.media-img-wrp.s-diaoyu,
.media-img-wrp.s-shiju{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.media-img-wrp.s-shiju{left:-30px;top:30px;-webkit-animation-name:invert;animation-name:invert;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-duration:30s;animation-duration:30s}
.media-solar-wrp{position:absolute;z-index:1;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateX(75deg);transform:rotateX(75deg)}
.media-solar-wrp.s-diaoyu{-webkit-animation-delay:4s;animation-delay:4s}
.media-planet-wrp{width:500px;height:490px;top:600px;left:40px;transform-style:preserve-3d;-webkit-transition-property:width,height,top,left,margin-left,margin-top,webkit-transform;transition-property:width,height,top,left,margin-left,margin-top,webkit-transform;-webkit-animation:orbit linear 30s infinite;animation:orbit linear 30s infinite}
.media-planet-wrp,
.media-solar-sun{position:absolute;-webkit-transform-style:preserve-3d}
.media-solar-sun{top:708px;left:128px;width:314px;height:314px;background:url(../images/edit/2.png);transform-style:preserve-3d;-webkit-transform:rotateX(-77deg);transform:rotateX(-77deg);opacity:0;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.media-img{width:100%;height:100%}
.media-img.s-planet{display:none;left:168px;top:67px;width:314px;height:314px;opacity:0;position:absolute}
.media-img.s-oval{left:53px;top:144px;width:562px;height:140px;opacity:0;position:absolute}
.animated .media-solar-sun{ opacity:1;}

.animated .media-img-wrp.s-one{-webkit-animation:smaller-45to30 4s ease-in-out infinite alternate both;animation:smaller-45to30 4s ease-in-out infinite alternate both}
.animated .media-img-wrp.s-two{-webkit-animation:smaller-45to30 2.5s ease-in-out infinite alternate both;animation:smaller-45to30 2.5s ease-in-out infinite alternate both}
.animated .media-img-wrp.s-three{-webkit-animation:smaller-55to30 3s ease-in-out infinite alternate both 1s;animation:smaller-55to30 3s ease-in-out infinite alternate both 1s}
.animated .media-img-wrp.s-four{-webkit-animation:smaller-55to30 3s ease-in-out infinite alternate both;animation:smaller-55to30 3s ease-in-out infinite alternate both}
	

.edit-css-3 .box-13 .con-4 .image{ margin-left:100px;}
.edit-css-3 .box-13 .con-4 .img{width: 310px;opacity: 0;left: 26px;top: 306px;}
.edit-css-3 .box-13 .con-4.animated  .img-1{-webkit-animation: pileOne 5s cubic-bezier(.08,1.04,.27,.98) both;animation: pileOne 5s cubic-bezier(.08,1.04,.27,.98) both 1s;}
.edit-css-3 .box-13 .con-4.animated  .img-2{-webkit-animation: pileTwo 5s cubic-bezier(.08,1.04,.27,.98) both .3s;animation: pileTwo 5s cubic-bezier(.08,1.04,.27,.98) both 1.3s;}
.edit-css-3 .box-13 .con-4.animated  .img-3{-webkit-animation: pileThree 5s cubic-bezier(.08,1.04,.27,.98) both .6s;animation: pileThree 5s cubic-bezier(.08,1.04,.27,.98) both 1.6s;}

.edit-css-3 .box-13 .con-5 aside{position: absolute;width: 300px;height: 380px;left: 49px;top: 158px;overflow: hidden;}
.edit-css-3 .box-13 .con-5.animated  aside img{-webkit-animation: scrollUp 2.5s cubic-bezier(.21,.64,.2,.97) both 1s;
    animation: scrollUp 2.5s cubic-bezier(.21,.64,.2,.97) both 1s;}


.edit-css-3 .box-13 .con .leftSlideIn{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}
.edit-css-3 .box-13 .con.animated .leftSlideIn{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}

.edit-css-3 .box-13 .con .rightSlideIn{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}
.edit-css-3 .box-13 .con.animated .rightSlideIn{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}



@-webkit-keyframes leftSlideIn{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes leftSlideIn{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes rightSlideIn{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes rightSlideIn{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}


@-webkit-keyframes popUpLeft{
0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
35%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0);opacity:1}
to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}
@keyframes popUpLeft{
0%{opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}
35%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0);opacity:1}
to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}
}

@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes oneShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-64px,-148px);transform:scale(1) translate(-64px,-148px);opacity:1}}
@keyframes oneShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-64px,-148px);transform:scale(1) translate(-64px,-148px);opacity:1}}
@-webkit-keyframes twoShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(60px,-149px);transform:scale(1) translate(60px,-149px);opacity:1}}
@keyframes twoShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(60px,-149px);transform:scale(1) translate(60px,-149px);opacity:1}}
@-webkit-keyframes threeShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(148px,-61px);transform:scale(1) translate(148px,-61px);opacity:1}}
@keyframes threeShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(148px,-61px);transform:scale(1) translate(148px,-61px);opacity:1}}
@-webkit-keyframes fourShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(148px,60px);transform:scale(1) translate(148px,60px);opacity:1}}
@keyframes fourShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(148px,60px);transform:scale(1) translate(148px,60px);opacity:1}}
@-webkit-keyframes fiveShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(62px,147px);transform:scale(1) translate(62px,147px);opacity:1}}
@keyframes fiveShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(62px,147px);transform:scale(1) translate(62px,147px);opacity:1}}
@-webkit-keyframes sixShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-61px,147px);transform:scale(1) translate(-61px,147px);opacity:1}}
@keyframes sixShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-61px,147px);transform:scale(1) translate(-61px,147px);opacity:1}}
@-webkit-keyframes sevenShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-148px,62px);transform:scale(1) translate(-148px,62px);opacity:1}}
@keyframes sevenShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-148px,62px);transform:scale(1) translate(-148px,62px);opacity:1}}
@-webkit-keyframes eightShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-149px,-61px);transform:scale(1) translate(-149px,-61px);opacity:1}}
@keyframes eightShow{0%{-webkit-transform:scale(.01);transform:scale(.01)}to{-webkit-transform:scale(1) translate(-149px,-61px);transform:scale(1) translate(-149px,-61px);opacity:1}}

@-webkit-keyframes pileOne{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}30%{opacity:1}to{-webkit-transform:translate3d(-59px,-177px,0);transform:translate3d(-59px,-177px,0);opacity:1}}
@keyframes pileOne{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}30%{opacity:1}to{-webkit-transform:translate3d(-59px,-177px,0);transform:translate3d(-59px,-177px,0);opacity:1}}
@-webkit-keyframes pileTwo{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}30%{opacity:1}to{-webkit-transform:translate3d(75px,45px,0);transform:translate3d(75px,45px,0);opacity:1}}
@keyframes pileTwo{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}30%{opacity:1}to{-webkit-transform:translate3d(75px,45px,0);transform:translate3d(75px,45px,0);opacity:1}}
@-webkit-keyframes pileThree{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}30%{opacity:1}to{-webkit-transform:translate3d(79px,-127px,0);transform:translate3d(79px,-127px,0);opacity:1}}
@keyframes pileThree{0%{opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}30%{opacity:1}to{-webkit-transform:translate3d(79px,-127px,0);transform:translate3d(79px,-127px,0);opacity:1}}

@-webkit-keyframes scrollUp{to{-webkit-transform:translateY(-390px);transform:translateY(-390px)}}
@keyframes scrollUp{to{-webkit-transform:translateY(-390px);transform:translateY(-390px)}}

@-webkit-keyframes smaller-45to30{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.667);transform:scale(.667)}}
@keyframes smaller-45to30{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.667);transform:scale(.667)}}
@-webkit-keyframes smaller-55to30{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.6;-webkit-transform:scale(.55);transform:scale(.55)}}
@keyframes smaller-55to30{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.6;-webkit-transform:scale(.55);transform:scale(.55)}}
@-webkit-keyframes bigger{0%{opacity:.725;-webkit-transform:scale(.725);transform:scale(.725)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes bigger{0%{opacity:.725;-webkit-transform:scale(.725);transform:scale(.725)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}
@keyframes orbit{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}
@-webkit-keyframes invert{0%{-webkit-transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1)}60%{-webkit-transform:rotateX(-90deg) rotateY(144deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(144deg) rotate(0deg) scale(1)}85%{-webkit-transform:rotateX(-90deg) rotateY(54deg) rotate(0deg) scale(.4);transform:rotateX(-90deg) rotateY(54deg) rotate(0deg) scale(.4)}to{-webkit-transform:rotateX(-90deg) rotateY(0deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(0deg) rotate(0deg) scale(1)}}
@keyframes invert{0%{-webkit-transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1)}60%{-webkit-transform:rotateX(-90deg) rotateY(144deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(144deg) rotate(0deg) scale(1)}85%{-webkit-transform:rotateX(-90deg) rotateY(54deg) rotate(0deg) scale(.4);transform:rotateX(-90deg) rotateY(54deg) rotate(0deg) scale(.4)}to{-webkit-transform:rotateX(-90deg) rotateY(0deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(0deg) rotate(0deg) scale(1)}}
@-webkit-keyframes invertDiaoyu{0%{-webkit-transform:rotateX(-90deg) rotateY(540deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(540deg) rotate(0deg) scale(1)}25%{-webkit-transform:rotateX(-90deg) rotateY(450deg) rotate(0deg) scale(.4);transform:rotateX(-90deg) rotateY(450deg) rotate(0deg) scale(.4)}50%{-webkit-transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1)}to{-webkit-transform:rotateX(-90deg) rotateY(180deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(180deg) rotate(0deg) scale(1)}}
@keyframes invertDiaoyu{0%{-webkit-transform:rotateX(-90deg) rotateY(540deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(540deg) rotate(0deg) scale(1)}25%{-webkit-transform:rotateX(-90deg) rotateY(450deg) rotate(0deg) scale(.4);transform:rotateX(-90deg) rotateY(450deg) rotate(0deg) scale(.4)}50%{-webkit-transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(1turn) rotate(0deg) scale(1)}to{-webkit-transform:rotateX(-90deg) rotateY(180deg) rotate(0deg) scale(1);transform:rotateX(-90deg) rotateY(180deg) rotate(0deg) scale(1)}}


.edit-css-5 .box-1 li{ padding:100px 0;}
.edit-css-5 .box-1 .fl{ float:left;}
.edit-css-5 .box-1 .fr{ float:right;}
.edit-css-5 .box-1 .txt{ width:640px;}
.edit-css-5 .box-1 .edit-title{ padding:35px 0 0 0; text-align:left;}
.edit-css-5 .box-1 .txt.fr .edit-title{ padding-top:22px;}
.edit-css-5 .box-1 .txt dl{ padding-top:15px;}
.edit-css-5 .box-1 .txt dl dd{ margin-top:25px; line-height:30px; padding-left:20px; background:url(../images/edit/5-box-1-dot.png) no-repeat left 10px;}

.edit-css-5 .box-2{ padding-bottom:109px; overflow:hidden;}
.edit-css-5 .box-2 .main{ background:#f1e6da; height:1054px; position:relative;}
.edit-css-5 .box-2 .main:before{ position:absolute; content:''; width:17.5695%; left:35.277%; top:0; background:url(../images/edit/5-box-2-bg.jpg) no-repeat center top; background-size:100% 100%; height:100%;}
.edit-css-5 .box-2 .main ul{ position:relative; z-index:3;}
.edit-css-5 .box-2 .main ol{padding-top:42px; float:left; background:#ececec; width:47.153%;height:1054px;}
.edit-css-5 .box-2 .main  li{padding-top:42px; float:left; width:52.778%;}
.edit-css-5 .box-2 .main dd{ line-height:20px;color:#333; margin-bottom:42px; position:relative; padding-left:65px;} 
.edit-css-5 .box-2 .main dd i{ position:absolute; left:0; top:12px; width:26px; height:1px; background:#ff6c00;}
.edit-css-5 .box-2 .main ol dd i{ width:54px;}
.edit-css-5 .box-2 .main dd i:after{ position:absolute; content:''; width:13px; height:13px; border:2px solid #ff6f05; right:-13px; top:50%; margin-top:-7px; border-radius:50%;}
.edit-css-5 .box-2 .main ol dd{ width:96%; line-height:30px; max-width:623px;padding-left:93px;}
.edit-css-5 .box-2 .main h5{ line-height:normal;color:#333; margin:0 0 10px 0; }
.edit-css-5 .box-2 .main  li dd{ width:95%; max-width:562px;}
.edit-css-5 .box-2 .main ol dl{ margin-left:-1.5%;}
.edit-css-5 .box-2 .main ol dd{ color:#666;}
.edit-css-5 .box-2 .main  li .img{ padding-left:65px; }
.edit-css-5 .box-2 .main  li .img img{border:1px solid #ff6c00;}
.edit-css-5 .box-2 .main ol dt{ text-align:center; }
.edit-css-5 .box-2 .main ol dt:nth-child(1){margin-bottom:36px;}
.edit-css-5 .box-2 .main ol dt aside{ padding:40px 0; color:#999;}
.edit-css-5 .box-2 .main ol dt img{ border:1px solid #d2d2d2;}

.edit-css-5 .box-3 li{ float:left; width:47.639%; padding-top:27px; text-align:center;}
.edit-css-5 .box-3 li.li-2{ float:right; padding-top:132px;}
.edit-css-5 .box-3 li.li-2 .edit-title{ padding-top:39px;}

.edit-css-5 .box-4{ position:relative;}
.edit-css-5 .box-4 .bg{ position:absolute; top:0; z-index:0; left:0; width:100%; height:100%; background-position:center top; background-repeat:no-repeat;}
.edit-css-5 .box-4 .edit-title{ color:#fff; padding:106px 0;}
.edit-css-5 .box-4 .auto{ position:relative; z-index:10; height:100%;}
.edit-css-5 .box-4 ul{ width:544px; margin:0 auto;}
.edit-css-5 .box-4 li{ letter-spacing:3px; text-align:center; width:25%; color:#fff; font-weight:bold; margin-bottom:64px; float:left; font-size:20px;}
.edit-css-5 .box-4 li figure{ width:92px; height:92px; border-radius:50%; margin:0 auto 15px; background:#fff; transition:0.3s;}
.edit-css-5 .box-4 li:hover figure{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.edit-css-5 .box-4 .img{ position:absolute; bottom:0;}
.edit-css-5 .box-4 .img-1{ width:44.667%; right:-31.92%;}
.edit-css-5 .box-4 .img-2{ width:42.167%; left:-19.5%;}
@media(max-width:1440px){
.edit-css-5 .box-4 .img-1{ right:-18%;}
}

.edit-css-5 .box-5{ position:relative; z-index:1; min-height:795px;}
.edit-css-5 .box-5 .auto{ position:relative; z-index:2; color:#fff;}
.edit-css-5 .box-5 .bg{ position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top;}
.edit-css-5 .box-5 .title{font-size: 36px; text-align:center;color:#fff; padding-top:75px; padding-bottom:80px;}
.edit-css-5 .box-5 .title:after{display: block;content: '';width: 48px;height: 2px;opacity: 0.5;background: #fff;margin: 30px auto;}
.edit-css-5 .box-5 dl{ display:table; margin:0 auto;}
.edit-css-5 .box-5 dd{ float:left; margin:0 25px;}
.edit-css-5 .box-5 dd aside{ line-height:30px; text-align:center; font-size:18px; padding-top:20px;}

.edit-css-5 .box-6 ul{ display:table; margin:0 auto;}
.edit-css-5 .box-6 ul li{ float:left; margin:0 15px; text-align:center;}
.edit-css-5 .box-6 ul li:nth-child(2n){ padding-top:125px;}
.edit-css-5 .box-6 ul li h5{ margin:0; font-weight:normal; color:#ff6c00; padding-bottom:15px;}
.edit-css-5 .box-6 ul li:nth-child(2n) h5{ padding-top:15px; padding-bottom:0;}

.edit-css-5 .box-7 .table{ width:1220px; margin-left:-12px;}
.edit-css-5 .box-7 table td{ text-align:center;}
.edit-css-5 .box-7 .table1{ display:table; margin:0 auto;}

.edit-css-5 .box-8 .pic{ text-align:center;}

.edit-css-5 .box-9 .edit-title{ padding-bottom:80px; padding-top:65px;}
.edit-css-5 .box-9 ul li{ float:left; width:25%; position:relative;}
.edit-css-5 .box-9 ul li > img{ display:block; width:100%; border:1px solid #eee;}
.edit-css-5 .box-9 ul li:nth-child(2) > img,
.edit-css-5 .box-9 ul li:nth-child(5) > img,
.edit-css-5 .box-9 ul li:nth-child(7) > img,
.edit-css-5 .box-9 ul li:nth-child(4) > img{ border-color:#f7f7f7;}
.edit-css-5 .box-9 ul li .txt{ position:absolute; left:0; width:100%; top:50%; text-align:center; margin-top:-73px;}
.edit-css-5 .box-9 ul li h5{ margin:0; font-weight:normal; color:#333; padding-top:25px;}
.edit-css-5 .box-9 ul li figure{ border:1px solid #a0a0a0; border-radius:50%; width:98px; height:98px; margin:0 auto; transition:0.3s;}
.edit-css-5 .box-9 ul li:hover figure{ transform:rotateY(180deg);}

.edit-css-6 .box-1{ padding-bottom:48px;}
.edit-css-6 .box-1 .auto{ max-width:1230px;}
.edit-css-6 .box-1 .img{padding-bottom:35px; text-align:center;}
.edit-css-6 .box-1 dl dd{ position:relative; padding-left:25px; margin-bottom:20px;}
.edit-css-6 .box-1 dd h5{ font-weight:normal; margin:0 0 10px 0; color:#333;}
.edit-css-6 .box-1 dd p{ line-height:28px; margin: 0;}
.edit-css-6 .box-1 dd:before{ position:absolute; width:10px; height:10px; background:#ff6c00; content:''; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); left:0; top:9px;}

.edit-css-7 li{ position:relative; padding-left:25px; margin-bottom:30px;}
.edit-css-7 li:before{ position:absolute; content:''; width:16px; height:16px; left:0; top:7px; background:url(../images/edit/gou.png) no-repeat center center; background-size:contain;}
.edit-css-7 li strong{ color:#333;}

.edit-css-8{ padding-top:20px;}
.edit-css-8 ul{ max-width:655px;}
.edit-css-8 li{ float:left; width:33.33333%; padding-bottom:13px;}
.edit-css-8 li:before{ display:inline-block; content:'';width:16px; height:16px;background:url(../images/edit/gou.png) no-repeat center center; background-size:contain; margin-right:10px; vertical-align:middle; margin-top:-2px;}