body{background-color:#f1f1f1;}
.clearfix:after {width:100%;height:1px;display:block;clear:both;content:'';}
.container {position:relative;width:100%;height:auto;}
.w1200 {width:1200px;margin:0 auto;}
#header {position:relative;background:#fff;top:0;transition:all .6s ease;z-index:9;border-bottom:1px solid #56af17;box-sizing:border-box;}
#header.active {position:fixed;top:0;left:0;z-index:999;width:100%;box-shadow:0 5px 10px rgba(0,0,0,.1);border:0;}
#header .popup {position:absolute;top:500%;left:0;width:100%;background:#fff;z-index:99;padding:50px 0;box-shadow:0 15px 20px rgba(0,0,0,.1);opacity:0;visibility:hidden;transition:all .3s ease 0s;}
#header .popup.active dl {left:0;}
#header .line {width:0%;height:2px;background:#56AF17;position:absolute;top:90px;left:50%;transform:translateX(-50%);transition:all .3s ease .3s;z-index:100;}
#header .line.active {width:100%;}
#header .popup.active {opacity:1;visibility:visible;top:90px;}
#header .popup.active dl {animation-name:left0;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:initial;animation-fill-mode:forwards;}
#header .popup h2 {position:relative;left:-100px;}
#header .popup .btn {position:relative;left:100px;}
#header .popup.active h2 {animation-name:left0x;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:initial;animation-fill-mode:forwards;}
#header .popup.active .btn {animation-name:left0;animation-duration:.5s;animation-timing-function:linear;animation-iteration-count:initial;animation-fill-mode:forwards;}
#header .popup dl {float:left;width:220px;margin-right:25px;position:relative;left:100px;opacity:0;}
#header .popup dl:nth-child(1) {animation-delay:400ms;}
#header .popup dl:nth-child(2) {animation-delay:500ms;}
#header .popup dl:nth-child(3) {animation-delay:600ms;}
#header .popup dl:nth-child(4) {animation-delay:700ms;}
#header .popup dl:nth-child(5) {animation-delay:800ms;}
@keyframes left0 {0% {left:100px;opacity:0;}
60% {left:-20px;opacity:.8;}
100% {left:0px;opacity:1;}
}
@keyframes left0x {0% {left:-100px;opacity:0;}
60% {left:20px;opacity:.8;}
100% {left:0px;opacity:1;}
}
#header .popup dl dt {font-weight:bold;font-size:20px;opacity:.9;margin-bottom:20px;}
#header .popup dl dd {font-size:16px;margin-bottom:10px;opacity:.8;text-transform:uppercase;}
#header .popup dl dd:hover a {color:#56AF17;}
#header h1 {width:195px;float:left;height:90px;}
#header h1 a {display:block;padding:12px 0;}
#header nav {/*padding:25px 0;*/float:right;}
#header nav .nav-tbox {display:inline-block;}
/*#header nav .nav-tbox:last-of-type {margin-right:50px;}
*/#header nav a {margin-left:55px;display:inline-block;font-size:18px;margin-top:7px;}
#header nav .nav-tbox a {display:block;font-size:22px;}
#header nav .nav-tbox a:last-of-type {margin-top:10px;}
#header nav .lxbox:last-of-type {margin-left:100px;}
#header nav .lxbox {display:inline-block;position:relative;}
#header nav .lxbox p {position:absolute;left:55px;font-size:18px;top:-27px;width:200px;}
/*#header nav a:nth-child(4) {position:relative;}
#header nav a:nth-child(4):after {content:'咨询：18602845267';display:block;position:absolute;top:-40px;left:0;width:200px;}
*/#header nav a:first-child {position:relative;top:7px;}
#header nav a:hover {color:#56af17;}
#header nav a.active {color:#56AF17;}
#center {padding-bottom:100px;border-bottom:1px solid rgba(0,0,0,.1);}
#center.active {margin-top:90px;}
#center .c-t {position:relative;}
#center .c-t img {}
#center .c-t .t-c {position:absolute;top:35%;left:50%;transform:translateX(-50%);}
#center .c-t .t-c h2 {font-size:36px;font-weight:normal;margin-bottom:5px;}
#center .c-t .t-c h2:first-child {/*font-weight:bold;*/}
#center .c-t .t-c h2:last-of-type {opacity:.7;}
#center .c-t .t-c h4 {font-size:24px;margin-top:20px;line-height:1.7;}
#center .c-t .t-c h3 {margin-top:15px;line-height:1.7;font-size:18px;font-weight:normal;opacity:.6;}
#center .c-t .t-c h3 span {margin-left:15px;position:relative;}
#center .c-t .t-c h3 span:last-of-type {margin-left:50px;}
#center .c-t .t-c h3 span:after {width:5px;height:5px;background:url(../images/point.png) no-repeat center center;background-size:cover;display:block;content:'';position:absolute;top:50%;left:-15px;margin-top:-2px;}
#center .c-c {position:relative;top:-50px;}
.t-b {font-size:36px;font-weight:normal;text-align:center;margin-bottom:5px;}
.t-s {font-size:18px;font-weight:normal;text-align:center;opacity:.8;}
#center .c-c ul,#center .c-three ul,#center .c-four ul {margin-top:50px;padding-bottom:50px;}
#center .c-c li {width:30%;/*border:1px solid rgba(0,0,0,.2);*/box-sizing:border-box;/*padding:50px 0;*/float:left;margin-right:60px;cursor:pointer;}
#center .c-c li .popup-list {width:1200px;/*height:500px;*/}
#center .c-c li:last-of-type .popup-list {margin-top:15px;}
#center .popup-list .c-two {padding-bottom:0!important;}
#center .c-c li:last-of-type {margin-right:0;}
#center .c-c li .icon {width:100px;height:100px;margin:0 auto 35px auto;}
#center .c-c li h4 {text-align:center;font-size:24px;margin-bottom:5px;transition:all .3s;font-weight:normal;}
#center .c-c li.active h4 {color:#56AF17;}
#center .c-c li:hover h4 {color:#56AF17;}
#center .c-c li .popup-list {display:none;}
#center .c-c li .popup-list h4 {color:#3e3e3e!important;}
#center .c-c li.active .popup-list {display:block;}
#center .c-c li p {width:90%;margin:0 auto;text-align:center;line-height:1.7;opacity:.6;font-size:16px;text-transform:uppercase;}
/***3月2**/#center .popup-list {position:relative;margin-top:50px;padding-top:35px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:40px;position:relative;/*overflow:hidden;*/}
#center .popup-list .po-b {overflow:hidden;}
#center .popup-list:after {width:14px;height:14px;/*background:#56AF17;*/transform:rotate(45deg);content:'';display:block;position:absolute;top:-7px;left:15%;margin-left:-7px;border-top:2px solid #56AF17;border-left:2px solid #56AF17;border-bottom:2px solid transparent;border-right:2px solid transparent;z-index:1;background:#ffffff;}
#center .popup-list:before {width:100%;height:2px;background:#56AF17;content:'';display:block;position:absolute;top:0;left:0;z-index:0;}
#center .popup-list h5 {font-size:16px;text-align:center;margin-bottom:55px;line-height:1.7;}
#center .popup-list h5 strong {font-size:24px;font-weight:normal;color:#56af17;}
#center .popup-list h6 {font-size:20px;margin-bottom:15px;}
#center .popup-list span div {opacity:.7;vertical-align:top;display:inline-block;line-height:1.6;}
#center .popup-list .p-box {text-align:center;}
#center .popup-list .p-box i {margin:0 auto;display:inline-block;background-repeat:no-repeat;background-size:cover;background-position:center center;margin-bottom:20px;}
#center .popup-list .p-box span {text-align:left;}
#center .popup-list .p-box span:nth-child(1) i {width:70px;height:70px;background-image:url(../images/icons1.png);}
#center .popup-list .p-box span:nth-child(2) i {width:56px;height:68px;background-image:url(../images/icons2.png);}
#center .popup-list .p-box span:nth-child(3) i {width:71px;height:80px;background-image:url(../images/icons3.png);}
#center .popup-list .p-box span:nth-child(4) i {width:59px;height:79px;background-image:url(../images/icons4.png);}
#center .popup-list .p-box span:nth-child(5) i {width:84px;height:83px;background-image:url(../images/icons5.png);}
#center .popup-list span {display:inline-block;margin:0 78px;}
#center li:nth-child(2) .popup-list {left:-420px;}
#center li:nth-child(2) .popup-list:after {left:50%;margin-left:-7px;}
#center li:nth-child(3) .popup-list {left:-840px;}
#center li:nth-child(3) .popup-list:after {left:85%;margin-left:-7px;}
#center .popup-list .l {width:65%;}
#center li .ques {margin-bottom:15px;}
#center li .po-b .l .quess {padding:15px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);}
#center li .ques p {text-align:left;position:relative;width:100%;margin-left:35px;font-size:14px;line-height:1.6;font-weight:bold;}
#center li .ques p:first-child {color:#56AF17;opacity:1;/*margin-bottom:5px;*/}
#center li .ques p:last-of-type {opacity:1;}
#center li .ques p:first-child:after {display:block;content:'Q1：';display:block;position:absolute;top:0;left:-35px;}
#center li .ques:last-of-type p:first-child:after {display:block;content:'Q2：';display:block;position:absolute;top:0;left:-35px;}
#center li .ques:last-of-type p:first-child:after {display:block;content:'A2：';display:block;position:absolute;top:0;left:-35px;}
#center li .ques p:last-of-type:after {display:block;content:'A1：';display:block;position:absolute;top:0;left:-35px;}
#center li .po-b .r {float:right;width:calc(100% - 780px);}
#center li .po-b .r h6 {font-size:18px;text-align:center;font-weight:normal;margin-bottom:0;}
#center li .po-b .r h6 span {margin:0;color:#56AF17;}
#center li .po-b .r .img {width:33px;height:33px;background:url(../images/xsanjiao.png) no-repeat;background-size:cover;background-position:center center;margin:0 auto;}
#center li .po-b .r .qcrode {width:194px;height:194px;margin:0 auto;}
#center li .po-b .r p {font-size:14px;opacity:.7;text-align:center;}
#center .c-two {padding-bottom:100px;}
#center .c-two ul {margin-top:50px;}
#center .c-two li {width:22%;/*cursor:pointer;*/float:left;margin-right:4%;}
#center .c-two1 li {border:1px solid rgba(0,0,0,.1);border-top:2px solid #56AF17;box-sizing:border-box;background:#fbfbfb;position:relative;}
#center .c-two1 li .ls {height:0%;width:2px;background:#56AF17;background:-webkit-gradient(linear,left top,left bottom,from(#56AF17),to(#74e624));position:absolute;top:0;left:-1px;transition:all .3s;}
#center .c-two1 li .rs {height:0%;width:2px;background:#56AF17;background:-webkit-gradient(linear,left top,left bottom,from(#56AF17),to(#74e624));position:absolute;top:0;right:-1px;transition:all .3s;}
#center .c-two1 li .bs {width:0%;height:2px;background:#56AF17;background:-webkit-gradient(linear,left top,left bottom,from(#56AF17),to(#74e624));position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);transition:all .3s ease .3s;}
#center .c-two1 li:hover .ls,#center .c-two1 li:hover .rs {height:100%;}
#center .c-two1 li:hover .bs {width:calc(100% + 2px);}
#center .c-two li:last-of-type {margin-right:0;}
#center .c-two li .img {overflow:hidden;width:100%;margin-bottom:15px;}
#center .c-two li h4 {color:#3e3e3e;}
#center .c-two.c-two1 li .img {width:30px;height:30px;background:url(../images/min_img.png) no-repeat;background-position:0 0;margin:0 auto;margin-top:30px;margin-bottom:15px;overflow:visible;}
#center .c-two.c-two1 li:nth-child(2) .img {background-position:-39px 0;}
#center .c-two.c-two1 li:nth-child(3) .img {background-position:2px -46px;}
#center .c-two.c-two1 li:nth-child(4) .img {background-position:-39px -45px;}
#center .c-two li img {transition:all .3s ease-in;}
#center .c-two li:hover img {transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
#center .c-two.c-two1 li:hover img {transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);}
#center .c-two li h4 {text-transform:uppercase;text-align:center;font-size:18px;opacity:.8;transition:all .3s ease;line-height:1.4;font-weight:600;}
#center .c-two.c-two1 li h4 {opacity:1;}
#center .c-two.c-two1 li h4:first-child {font-size:18px;/*margin-bottom:35px;*/}
#center .c-two.c-two1 li h4:last-of-type {font-size:36px;color:#56AF17;margin-bottom:25px;margin-top:25px;}
#center .c-two.c-two1 li h4:last-of-type span {font-size:18px;}
#center .c-two.c-two1 li p {padding:15px 0;background:#fff;text-align:center;}
#center .c-two.c-two1 li a {display:block;width:115px;height:35px;background:#000;color:#fff;text-align:center;line-height:35px;margin:39px auto;}
#center .c-two.c-two1 li .icon {width:94px;height:94px;margin:10px auto;}
/*#center .c-two li:hover h4 {color:#56AF17;}
*/#center .c-three {padding-bottom:50px;}
#center .c-three .c-timg {margin-top:50px;}
#center .c-three li {float:left;width:129px;height:129px;margin-right:4px;margin-bottom:4px;}
#center .c-three li a {display:block;position:relative;overflow:hidden;}
#center .c-three li a img {transition:all .3s;}
#center .c-three li a:hover img {transform:scale(1.1);}
#center .c-three li a .l1 {width:100%;height:2px;background:#56AF17;position:absolute;top:0;left:0;}
#center .c-three li.right0 {margin-right:0;}
#center .c-four {}
#center .c-four ul li {width:130px;height:130px;border:1px solid rgba(0,0,0,.2);box-sizing:border-box;float:left;margin-right:48px;position:relative;}
#center .c-four ul li:after {width:19px;height:19px;background:url(../images/jt.png) no-repeat center center;background-size:cover;display:block;content:'';position:absolute;top:50%;margin-top:-9px;right:-31px;}
#center .c-four ul li:last-of-type {margin-right:0;}
#center .c-four ul li:last-of-type:after {display:none;}
#center .c-four ul li .icon {width:48px;height:48px;margin:30px auto 10px auto;}
#center .c-four ul li h5 {text-align:center;font-size:16px;opacity:.9;}
#center .c-four ol li {float:left;width:31%;margin:15px 3.5% 15px 0;}
#center .c-four ol li .time {font-size:14px;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#center .c-four ol li.right0 {margin-right:0;}
#center .c-four ol li h2 {font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;}
#center .c-four ol li .tag {color:#56AF17;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#center .c-four ol li:hover .time {color:#3E3E3E;}
#center .c-four ol li:hover h2 {color:#56AF17;}
#center .c-four .tag span {color:#56AF17;margin-right:10px;}
.btn {display:block;width:465px;height:60px;margin:100px auto 30px auto;border:2px solid rgba(0,0,0,.6);text-align:center;line-height:60px;font-size:28px;position:relative;overflow:hidden;box-sizing:border-box;transition:all .3s ease-in;}
.btn:hover {color:#56AF17;border-color:#56AF17;}
#header .btn {margin:0 auto 30px auto;}
#header h2 {padding:60px 0 15px 0;}
#center .c-four .btn>div {position:absolute;}
#center .c-four h6,#header h2,.telall {font-size:36px;font-weight:normal;opacity:.85;text-align:center;}
.telall {line-height:1.5;}
#center .c-four .txt {text-align:center;font-size:18px;opacity:.8;}
.btns {margin-bottom:15px;}
/*#center .c-four .btn .b1 {top:0;left:0;width:100%;height:2px;background:#56AF17;}
#center .c-four .btn .b2 {top:0;right:0;width:2px;height:100%;background:#56AF17;}
#center .c-four .btn .b3 {bottom:0;left:0;width:100%;height:2px;background:#56AF17;}
#center .c-four .btn .b4 {top:0;left:-2px;width:2px;height:100%;background:#56AF17;}
*/#server {text-align:center;padding:50px 0;}
#server .s-b {display:inline-block;width:130px;margin:0 35px;position:relative;}
#server .s-b .s-t {width:130px;height:130px;border:1px solid #343434;border-radius:100%;margin-bottom:10px;}
#server .s-b .s-t img {width:40%;margin:30% auto;transition:all 1s ease 0s;}
#server .s-b .s-t:hover img {transform:rotateY(360deg);}
#server .s-b .qcrode {position:absolute;top:-100%;left:51%;width:100%;transform:translateX(-50%);transition:all .6s ease 0s;opacity:0;visibility:hidden;}
#server .s-b:hover .qcrode {opacity:1;visibility:visible;top:1px;}
#server .s-b:nth-child(3) .s-t img {margin-top:35%;}
#server .s-b:last-of-type .s-t img {width:30%;}
#server .s-b .txt {text-align:center;font-size:18px;}
#list {padding-top:100px;background:#252525;}
#list dl {width:220px;margin-right:25px;float:left;}
#list dl dt {font-size:20px;font-weight:bold;color:rgba(255,255,255,.9);padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.2);width:80%;}
#list dl dd {padding-top:15px;text-transform:uppercase;}
#list dl dd a {color:rgba(255,255,255,.6);}
#list dl dd a:hover {color:#fff;}
#list .bottom {padding:40px 0 10px 0;border-top:1px solid rgba(255,255,255,.1);margin-top:40px;}
#list .bottom .b-t {text-align:center;}
#list .bottom .b-b {width:50px;height:50px;background:#fff;border-radius:100%;display:inline-block;margin:0 15px;position:relative;}
#list .bottom .b-b .qcrode {width:110px;height:110px;position:absolute;top:-300px;left:-30px;background:#fff;opacity:0;visibility:hidden;transition:all .6s ease 0s;box-shadow:0 -5px 20px rgba(0,0,0,.1);}
#list .bottom .b-b .qcrode img {width:90%;margin:5px auto;}
#list .bottom .b-b .qcrode:after {width:14px;height:14px;background:#fff;display:block;position:absolute;bottom:-7px;left:50%;margin-left:-7px;content:'';transform:rotate(45deg);}
#list .bottom .b-b:hover .qcrode {opacity:1;visibility:visible;top:-125px;}
#list .bottom .b-b img {width:50%;margin:25% auto;transition:all 1s ease;}
#list .bottom .b-b:hover .img img {transform:rotateY(180deg);}
#list .bottom .b-b:nth-child(2) img {width:40%;}
#list .bottom .b-b:nth-child(3) img {margin-top:30%;}
#list .bottom .b-b:nth-child(4) img {width:30%;}
#list .bottom .b-tx {padding-top:40px;margin-bottom:10px;}
#list .bottom .b-tx,#list .bottom .b-bt {text-align:center;font-size:12px;color:#fff;opacity:.5;text-transform:uppercase;}
#list .bottom .b-bt a {position:relative;color:#fff;}
#list .bottom .b-bt a:after {width:18px;height:20px;display:block;content:'';position:absolute;top:50%;margin-top:-10px;left:-30px;background:url(../images/zh.png) no-repeat center center;background-size:cover;}
/*****微信服务****/.bigt {text-align:center;font-size:36px;color:#454444;font-weight:normal;padding-top:50px;margin-bottom:3px;opacity:.9;}
.bigt span {color:#56AF17;}
.smallt {text-align:center;font-size:16px;font-weight:normal;padding-bottom:50px;opacity:.8;}
#center .nav-tag {}
#center .nav-tag li {width:285px;height:53px;background:#302f2f;font-size:20px;color:rgba(255,255,255,.95);text-align:center;line-height:53px;font-weight:600;text-transform:uppercase;float:left;margin:0 20px 20px 0;position:relative;cursor:pointer;transition:all .3s ease;}
#center .nav-tag li.active {background:#56AF17;}
#center .nav-tag li:after {width:14px;height:14px;background:#56AF17;display:block;content:'';position:absolute;bottom:-7px;left:50%;transition:all .3s ease;margin-left:-7px;transform:rotate(45deg);visibility:hidden;opacity:0;}
#center .nav-tag li.active:after {visibility:visible;opacity:1;}
#center .nav-tag li:hover {background:#56AF17;}
#center .nav-tag li:hover:after {visibility:visible;opacity:1;}
#center .nav-l {width:340px;height:auto;float:left;overflow:hidden;border-radius:55px;position:relative;margin-left:3%;margin-top:50px;}
#center .nav-l img {position:relative;z-index:1;}
#center .nav-l li {transition:all .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:94%;visibility:hidden;opacity:0;}
#center .nav-l li.active {visibility:visible;opacity:1;}
#center .list-b {position:relative;overflow:hidden;}
#center .nav-r {width:600px;position:absolute;top:0;right:8%;height:100%;overflow:hidden;}
#center .nav-r li {transition:all .3s ease;position:absolute;top:50%;transform:translateY(-50%);left:100%;opacity:0;visibility:hidden;width:100%;}
#center .nav-r h2 {font-size:36px;font-weight:normal;margin-bottom:10px;}
#center .nav-r h4 {font-size:24px;font-weight:normal;margin-bottom:10px;}
#center .nav-r p {line-height:1.6;}
#center .nav-r li.active {left:0;opacity:1;visibility:visible;}
#center .nav-con li {}
#center .nav-con h2 {}
.bigts {text-align:left;}
.list-box {padding:35px 0;border-bottom:1px solid rgba(0,0,0,.1);}
.list-box:last-of-type {border:0;padding-bottom:0;}
.list-box h3 {text-align:left;font-size:20px;padding:20px 0;}
.list-box .img {margin-bottom:20px;}
.list-box p:last-child {line-height:1.7;}
/*******解决方案********/#center .banner {position:relative;margin-bottom:20px;}
#center .banner .txt {position:absolute;top:50%;transform:translate(-50%,-50%);left:50%;}
#center .banner .txt h3 {font-size:32px;color:#fff;text-shadow:0 0 20px #56AF17;margin-bottom:10px;opacity:.95;}
#center .banner .txt h2 {font-size:36px;font-weight:normal;color:#fff;text-shadow:0 0 20px #56AF17;opacity:.95;}
#center .n-list {padding:40px 0;border-bottom:1px solid rgba(0,0,0,.1);}
#center .n-list .l {width:47%;float:left;}
#center .n-list .r {width:50%;float:right;}
#center .n-list .r h2 {font-size:28px;font-weight:normal;margin:20px 0 10px 0;}
#center .n-list .r span {display:inline-block;padding:2px 15px;background:#56AF17;border-radius:15px;color:#fff;margin-right:10px;opacity:.8;}
#center .n-list .r p {padding:20px 0;line-height:1.7;font-size:16px;opacity:.8;}
#center .n-list .r a {width:225px;height:50px;display:block;border:2px solid rgba(0,0,0,.8);box-shadow:1px 1px 0 0 rgba(0,0,0,.8);line-height:50px;text-align:center;font-size:16px;font-weight:bold;margin-top:30px;transition:all .3s ease;}
#center .n-list .r a:hover {color:#56AF17;border:2px solid rgba(86,175,23,.8);box-shadow:1px 1px 0 0 rgba(86,175,23,.8);transform:translateX(10px);}
#center .al-list {text-align:center;padding:40px 0;}
#center .al-list a {display:inline-block;height:235px;width:380px;background:rgba(0,0,0,.1);font-size:24px;line-height:235px;margin-right:26px;transition:all .3s ease;}
#center .al-list a:hover {background:rgba(86,175,23,.8);color:#fff;}
#center .su-png {padding-top:50px;}
#center .su-png h2 {text-align:center;font-size:36px;font-weight:normal;margin-bottom:20px;}
#center .su-png .su-box {}
#center .su-png .su-box .img {width:144px;margin:0 auto;}
#center .su-png .su-box h3 {font-size:20px;opacity:.9;text-align:center;padding-bottom:10px;}
#center .su-png .su-box span {display:inline-block;width:28px;height:28px;background:#343434;border-radius:100%;color:#fff;text-align:center;line-height:28px;margin-right:10px;}
#center .su-png .su-box .txt {text-align:center;font-size:16px;line-height:1.6;opacity:.6;}
#center .su-png .su-box .su-line {position:relative;}
#center .su-png .su-box .su-line .cir {position:absolute;bottom:-30px;left:50%;width:20px;height:20px;background:rgba(0,0,0,.3);border-radius:100%;margin-left:-10px;transition:all .3s ease .3s;visibility:hidden;opacity:0;}
#center .su-png .su-box .su-line .cir.active {opacity:1;visibility:visible;}
#center .su-png .su-box .su-list {position:relative;}
#center .su-png .su-box .su-line .line1 {height:0px;width:4px;background:rgba(0,0,0,.3);position:absolute;top:116%;left:50%;margin-left:-2px;transition:all .3s ease .6s;}
#center .su-png .su-box .su-line .line1.active {height:20px;}
#center .su-png .su-box .su-line .line2 {height:4px;width:0%;background:rgba(0,0,0,.3);position:absolute;bottom:-50px;right:50.2%;margin-left:-36.2%;transition:all .3s ease .9s;}
#center .su-png .su-box .su-line .line2.active {width:36%;}
#center .su-png .su-box .su-line .line3 {height:0px;width:4px;background:rgba(0,0,0,.3);position:absolute;top:126.5%;left:14%;margin-left:-2px;transition:all .3s ease 1.2s;}
#center .su-png .su-box .su-line .line3.active {height:20px;}
#center .su-png .su-box .su-line .jt {width:8px;height:8px;border-bottom:8px solid rgba(0,0,0,.3);border-right:8px solid rgba(0,0,0,.3);border-left:8px solid transparent;border-top:8px solid transparent;position:absolute;bottom:-78px;left:13%;transform:rotate(45deg);transition:all .3s ease 1.5s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line .jt.active {opacity:1;visibility:visible;}
#center .su-png .su-box .su-line1 .cir {position:absolute;top:50%;right:-45%;width:20px;height:20px;background:rgba(0,0,0,.3);border-radius:100%;margin-top:-10px;transition:all .3s ease 1.8s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line1 .cir.active {opacity:1;visibility:visible;}
#center .su-png .su-box .su-line1 .line1 {position:absolute;top:50%;left:145%;width:0%;height:4px;background:rgba(0,0,0,.3);margin-top:-2px;transition:all .3s ease 2.1s;}
#center .su-png .su-box .su-line1 .line1.active {width:100%;}
#center .su-png .su-box .su-line1 .jt {width:8px;height:8px;border-bottom:8px solid rgba(0,0,0,.3);border-right:8px solid rgba(0,0,0,.3);border-left:8px solid transparent;border-top:8px solid transparent;position:absolute;top:50%;margin-top:-12px;left:240%;transform:rotate(-45deg);transition:all .3s ease 2.4s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line2 .cir {position:absolute;bottom:-50px;left:50%;width:20px;height:20px;background:rgba(0,0,0,.3);border-radius:100%;margin-left:-10px;transition:all .3s ease 2.7s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line1 .jt.active,#center .su-png .su-box .su-line2 .cir.active {opacity:1;visibility:visible;}
#center .su-png .su-box .su-line2 .line1 {position:absolute;top:123.4%;left:50%;width:4px;margin-left:-2px;height:0%;background:rgba(0,0,0,.3);transition:all .3s ease 3.0s;}
#center .su-png .su-box .su-line2 .line1.active {height:50%;}
#center .su-png .su-box .su-line2 .jt {width:8px;height:8px;border-bottom:8px solid rgba(0,0,0,.3);border-right:8px solid rgba(0,0,0,.3);border-left:8px solid transparent;border-top:8px solid transparent;position:absolute;bottom:-165px;left:50%;margin-left:-12px;transform:rotate(45deg);transition:all .3s ease 3.3s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line3 .cir {position:absolute;top:50%;right:180%;width:20px;height:20px;background:rgba(0,0,0,.3);border-radius:100%;margin-top:-10px;transition:all .3s ease 3.6s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line2 .jt.active,#center .su-png .su-box .su-line3 .cir.active {opacity:1;visibility:visible;}
#center .su-png .su-box .su-line3 .line1 {position:absolute;top:50%;right:189%;width:0%;height:4px;background:rgba(0,0,0,.3);margin-top:-2px;transition:all .3s ease 3.9s;}
#center .su-png .su-box .su-line3 .line1.active {width:136%;}
#center .su-png .su-box .su-line3 .jt {width:8px;height:8px;border-bottom:8px solid rgba(0,0,0,.3);border-right:8px solid rgba(0,0,0,.3);border-left:8px solid transparent;border-top:8px solid transparent;position:absolute;top:50%;margin-top:-12px;left:-229%;transform:rotate(135deg);opacity:0;visibility:hidden;transition:all .3s ease 4.2s;}
#center .su-png .su-box .su-line4 .cir {position:absolute;bottom:-50px;left:50%;width:20px;height:20px;background:rgba(0,0,0,.3);border-radius:100%;margin-left:-10px;transition:all .3s ease 4.5s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line3 .jt.active,#center .su-png .su-box .su-line4 .cir.active {visibility:visible;opacity:1;}
#center .su-png .su-box .su-line4 .line1 {position:absolute;top:126.5%;left:50%;width:4px;margin-left:-2px;height:0%;background:rgba(0,0,0,.3);transition:all .3s ease 4.8s;}
#center .su-png .su-box .su-line4 .line1.active {height:100%;}
#center .su-png .su-box .su-line4 .line2 {position:absolute;bottom:-234px;left:49.6%;width:0%;height:4px;background:rgba(0,0,0,.3);transition:all .3s ease 5.1s;}
#center .su-png .su-box .su-line4 .line2.active {width:80%;}
#center .su-png .su-box .su-line4 .jt {width:8px;height:8px;border-bottom:8px solid rgba(0,0,0,.3);border-right:8px solid rgba(0,0,0,.3);border-left:8px solid transparent;border-top:8px solid transparent;position:absolute;bottom:-245px;left:125%;transform:rotate(-45deg);transition:all .3s ease 5.4s;opacity:0;visibility:hidden;}
#center .su-png .su-box .su-line4 .jt.active {visibility:visible;opacity:1;}
#center .p-jc {font-size:46px;opacity:.9;text-align:center;padding:100px 0 10px 0;}
#center .p-jcx {font-size:28px;text-align:center;opacity:.9;padding-bottom:10px;}
#center .su-png .su-box .su-list1,#center .su-png .su-box .su-list2 {padding:90px 0;position:relative;}
#center .su-png .su-box .su-list1 .su-list:first-child {float:left;}
#center .su-png .su-box .su-list1 .su-list:last-child {float:right;}
#center .su-png .su-box .su-list2 .su-list:first-child {float:right;}
#center .su-png .su-box .su-list2 .su-list:last-child {float:left;}
.btnr {margin:30px auto 0 auto;}
/****关于酷要****/#center .about {text-align:center;}
#center .a-t {display:inline-block;padding:50px 0 30px 0;}
#center .a-t p {font-size:40px;position:relative;margin-bottom:10px;}
#center .a-t p:after {position:absolute;top:0;left:-20px;background:url(../images/lf.png) no-repeat center center;background-size:cover;width:12px;height:12px;display:block;content:'';}
#center .a-t p:before {position:absolute;top:0;right:-20px;background:url(../images/rf.png) no-repeat center center;background-size:cover;width:12px;height:12px;display:block;content:'';}
#center .a-t span {float:right;position:relative;font-size:18px;}
#center .a-t span:after {width:30px;height:1px;background:rgba(0,0,0,.8);display:block;position:absolute;left:-40px;top:50%;transform:translateY(50%);content:'';}
#center .a-t1 {padding:30px 0;font-size:18px;text-align:left;line-height:1.7;font-weight:bold;}
#center .a-t .a-box {}
#center .a-box .l {width:55%;float:left;}
#center .a-box .l p {text-align:left;line-height:1.7;font-size:16px;padding-bottom:35px;opacity:.8;}
#center .a-box .l img {margin-bottom:35px;}
#center .a-box .r {float:right;width:40%;}
#center .jz-icon {width:114px;height:114px;margin:0 auto;padding-top:100px;margin-bottom:10px;}
#center .js-tx {text-align:center;font-size:28px;opacity:.9;padding-bottom:100px;}
/***小程序定制**/#center .pz .pz-box {position:relative;padding-bottom:30px;}
#center .pz .pz-box .l {float:left;width:50%;text-align:left;}
#center .pz .pz-box .l h3 {float:left;font-size:20px;opacity:.9;margin-right:20px;}
#center .pz .pz-box .lc {padding:50px 0;position:relative;z-index:1;}
#center .pz .pz-box .l .txt {float:left;font-size:14px;font-weight:bold;opacity:.9;line-height:1.8;}
#center .pz .pz-box .r {position:absolute;right:0;top:55%;transform:translateY(-50%);width:27%;}
#center .pz .pz-box .img {position:absolute;top:-8%;left:40%;transform:translateX(-50%);}
#center .s-t {position:relative;background:#fff;border-radius:5px;margin:35px 0;}
.back-fff {background:#fff!important;padding-bottom:50px;border-radius:5px;}
#center .s-t .l {width:600px;position:absolute;top:50%;transform:translateY(-50%);margin-left:75px;}
#center .s-t .l h2 {font-size:36px;font-weight:normal;opacity:.9;}
#center .s-t .l h2 span {color:#56AF17;}
#center .s-t .l .line {height:2px;width:50px;background:rgba(0,0,0,.8);margin:25px 0;}
#center .s-t .l p {font-size:16px;line-height:1.7;opacity:.8;}
#center .s-t .r {width:500px;float:right;transform:scale(.65);margin-right:10px;}
#center .app,#center .fun,#center .we-cj {padding-bottom:35px;width:1050px;margin:0 auto;}
#center .fun .bigt,#center .app .bigt,#center .we-cj .bigt {margin-bottom:35px;}
#center .fun li {width:calc((100% - 22px)/2);padding:25px;border:2px solid #56AF17;float:left;margin-right:22px;margin-bottom:22px;box-sizing:border-box;}
#center .app .app-box {font-size:0;border:1px solid rgba(0,0,0,.1);box-sizing:border-box;position:relative;overflow:hidden;}
#center .app .app-box .xcx {position:absolute;bottom:-17%;right:-4%;opacity:.6;}
#center .app .app-box .a-tt strong,#center .app .app-box .a-tt1 span {width:25%;display:inline-block;font-size:32px;opacity:.9;font-weight:normal;line-height:42px;text-align:center;color:#fff;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.1);}
#center .app .app-box .a-tt strong {font-size:26px;}
#center .app .app-box .a-tt1 span {color:#343434;font-size:16px;font-weight:bold;opacity:.9;line-height:55px;position:relative;}
#center .app .app-box .a-tt1 span:first-child {font-size:18px;}
#center .app .app-box .a-tt1 span:first-child:after {display:block;width:10px;height:10px;background:rgba(0,0,0,.3);border-radius:100%;position:absolute;top:50%;margin-top:-5px;left:50px;content:'';}
#center .app strong:nth-child(2),#center .app strong:nth-child(3) {background:#84c14c;}
#center .app strong:last-child {background:#42a242;}
#center .fun li:nth-child(even) {margin-right:0;}
#center .fun li .icon {width:52px;height:52px;float:left;margin-right:40px;margin-left:20px;}
#center .fun li:nth-child(2) .icon {width:45px;height:45px;}
#center .fun li .txt h3 {font-size:20px;margin-bottom:5px;opacity:.9;}
#center .fun li .txt p {opacity:.8;}
#center .we-cj {margin-bottom:100px;}
#center .we-cj .cj-l {position:relative;}
#center .we-cj .cj-l .l {width:50%;position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:center;}
#center .we-cj .cj-l .l1 {right:0;left:auto;}
#center .we-cj .cj-l .l p {font-size:16px;font-weight:bold;opacity:.8;margin-bottom:5px;}
#center .we-cj .cj-l .l1 p {/*text-align:right;*/}
#center .we-cj .cj-l .l span {display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.5);border-radius:100%;text-align:center;line-height:18px;font-weight:normal;margin-left:10px;position:relative;top:-2px;}
#center .we-cj .cj-l .l h2 {font-size:34px;opacity:.9;font-weight:normal;position:relative;margin-bottom:40px;}
#center .we-cj .cj-l .l h2:after {position:absolute;bottom:-20px;width:50px;height:2px;left:50%;margin-left:-25px;background:rgba(0,0,0,.7);content:'';display:block;}
#center .we-cj .cj-l .l1 h2 {/*text-align:right;*/}
#center .we-cj .cj-l .l1 h2:after {right:0;}
#center .we-cj .cj-l .l .line {width:50px;height:2px;background:rgba(0,0,0,.7);margin:20px 0;}
#center .we-cj .cj-l .l .txt {line-height:1.7;opacity:.8;}
#center .we-cj .cj-l .l1 .txt {/*text-align:right;*/}
#center .we-cj .cj-l .r {width:50%;float:right;}
#center .we-cj .cj-l .r1 {float:left;}
#center .we-cj .cj-l .r .rl,#center .we-cj .cj-l .r .rr {width:50%;}
#center .we-cj .cj-l .r .rl {float:left;}
#center .we-cj .rl .rl1 {width:calc(100% - 5px);height:200px;background-repeat:no-repeat;background-size:cover;margin-bottom:10px;margin-right:10px;}
#center .we-cj .rl .rl2 {width:calc(100% - 5px);height:350px;background-repeat:no-repeat;background-size:cover;}
#center .we-cj .rr .rl1 {width:calc(100% - 5px);height:380px;background-repeat:no-repeat;background-size:cover;margin-bottom:10px;position:relative;left:5px;}
#center .we-cj .rr .rl2 {width:calc(100% - 5px);height:170px;position:relative;left:5px;background-repeat:no-repeat;background-size:cover;}
/*#center .we-cj .cj-l .cj01,#center .we-cj .cj-l .cj03 {margin-bottom:10px;}
*/#center .we-cj .cj-l .r .rr {float:right;}
#center .lists {text-align:center;padding-bottom:100px;}
#center .lists .l-box {display:inline-block;margin:0 20px;}
#center .lists .l-box img {margin-bottom:10px;}
#center .lists .l-box p {font-size:16px;}
#center .lists .l-zan {width:100px;}
#center .lists .l-zan .zan {height:120px;width:100px;background:#56AF17;border-radius:10px;margin-bottom:10px;}
#center .lists .l-zan p {color:#56AF17;}
#center .lists .l-zan img {width:70%;margin:0 auto;position:relative;top:20px;}
#center .fw-lc h2 {position:relative;}
#center .fw-lc h2:after {display:block;content:'';width:50px;height:2px;background:rgba(0,0,0,.7);position:absolute;bottom:-20px;left:50%;margin-left:-25px;}
#center .fw-lc .fw-box {text-align:center;font-size:0;margin-bottom:100px;}
#center .fw-lc .fw-box .fw-list {display:inline-block;font-weight:bold;position:relative;padding:0 25px;}
#center .fw-lc .fw-box .fw-list .fw-t {margin-bottom:80px;position:relative;font-size:24px;/*transition:all .3s ease .3s;*/}
#center .fw-lc .fw-box .fw-list .fw-t1 {font-size:18px;/*transition:all .3s ease .3s;*/}
#center .fw-lc .fw-box .fw-list:after {position:absolute;top:50%;left:-11%;height:5px;background:#343434;margin-top:-2px;width:200%;content:'';display:block;/*transition:all .6s ease 0s;*/}
#center .fw-lc .fw-box .fw-list:before {z-index:2;}
#center .fw-lc .fw-box .fw-list .fw-t,#center .fw-lc .fw-box .fw-list .fw-t1 {/*transition:all .6s ease 0;*/}
#center .fw-lc .fw-box .fw-list:hover .fw-t,#center .fw-lc .fw-box .fw-list:hover .fw-t1 {color:#56AF17;}
#center .fw-lc .fw-box .fw-list:before {width:20px;height:20px;border-radius:100%;background:#343434;position:absolute;top:50%;left:50%;margin-left:-10px;margin-top:-10px;content:'';display:block;/*transition:all .6s ease 0;*/}
#center .fw-lc .fw-box .fw-list:hover:before {background:#56AF17;}
#center .fw-lc .fw-box .fw-list:nth-child(2) .fw-t {top:0;margin-bottom:56px;}
#center .fw-lc .fw-box .fw-list:nth-child(2) .fw-t.mac {margin-bottom:53px;}
#center .fw-lc .fw-box .fw-list:nth-child(2) .fw-t1 {position:relative;top:24px;}
/*#serviceProcess {overflow:hidden;}
#center .fw-lc .fw-box .fw-list:nth-child(2):after {top:57.4%;}
#center .fw-lc .fw-box .fw-list:nth-child(2):before {top:58%;}
*/#center .fw-lc .fw-box .fw-list:last-child:after {width:130%;}
#center .fw-lc img {margin:100px 0;opacity:.8;}
#center .su-click {width:220px;margin:0 auto;display:block;color:#343434;transition:all .3s ease;}
#center .su-click:hover {color:#56AF17;}
#center .su-click:hover .r {border-color:#56AF17;}
#center .su-click:hover .r:after {border-right-color:#56AF17;border-bottom-color:#56AF17;}
#center .su-click .l {float:left;}
#center .su-click .l h3 {font-weight:normal;font-size:28px;}
#center .su-click .l p {font-size:15px;}
#center .su-click .r {width:40px;height:42px;border:2px solid #d00000;float:right;position:relative;top:10px;transition:all .3s ease;}
#center .su-click .r:after {display:block;width:16px;transition:all .3s ease;height:16px;border-right:2px solid #d00000;border-bottom:2px solid #d00000;border-left:2px solid transparent;border-top:2px solid transparent;content:'';position:absolute;top:10px;left:4px;transform:rotate(-45deg);}
/****小游戏定制****/#center .sgame {position:relative;padding-top:100px;}
#center .sgame .l {width:35%;float:left;margin-left:8%;}
#center .sgame .r {position:absolute;top:50%;right:0;width:50%;transform:translateY(-50%);}
#center .sgame .r h2 {font-size:36px;font-weight:normal;margin-bottom:10px;}
#center .sgame .r h4 {font-size:28px;font-weight:normal;margin-bottom:30px;}
#center .sgame .r p {line-height:1.7;}
#center .h5img {margin-bottom:50px;}
#center .method {padding:50px 0 100px 0;}
#center .method li {width:294px;height:411px;background:rgba(0,0,0,.1);float:left;margin-right:8px;}
#center .method li .icon {width:60px;height:auto;margin:70px auto 30px auto;}
#center .method li h2 {text-align:center;font-size:24px;margin-bottom:30px;font-weight:normal;}
#center .method li .txt {width:85%;margin:0 auto;font-size:16px;line-height:1.7;opacity:.8;}
.bigts1 {margin-bottom:40px;}
.smallt1 {font-size:28px;font-weight:normal;opacity:.9;margin-bottom:30px;}
.smallt1.s1 {margin-bottom:10px;}
#center .con-box {position:relative;margin-bottom:50px;}
#center .con-box .l {float:left;width:50%;}
#center .con-box .r {position:absolute;top:50%;transform:translateY(-50%);right:5%;width:40%;font-size:16px;font-weight:bold;opacity:.9;line-height:30px;}
.tip {font-size:16px;font-weight:bold;opacity:.9;}
#cooyao_swiper {padding:100px 0;position:relative;}
#cooyao_swiper .button {width:32px;height:60px;position:absolute;top:50%;left:-60px;}
#cooyao_swiper .button.left {background:url(../images/l.png) no-repeat center center;}
#cooyao_swiper .button.right {right:-60px;left:auto;background:url(../images/r.png) no-repeat center center;}
#cooyao_swiper .swiper-slide {border-radius:40px;overflow:hidden;}
#cooyao_swiper a {position:relative;display:block;}
#cooyao_swiper a .bg-s {position:relative;z-index:1;}
#cooyao_swiper a .bg-img {position:absolute;top:50%;left:50%;z-index:0;width:94%;height:94%;transform:translate(-50%,-50%);}
#cooyao_swiper a .opacity {position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(0,0,0,.6);transform:translate(-50%,-50%);overflow:hidden;transition:all .3s ease;z-index:2;}
#cooyao_swiper a .opacity .img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
#cooyao_swiper a:hover .opacity {width:100%;height:100%;}
.tip1 {font-size:18px;font-weight:bold;opacity:.8;margin:20px 0 30px 0;}
.tip2 {font-size:16px;opacity:.8;line-height:35px;padding:20px 0;}
#center .case {padding:50px 0 100px 0;}
#center .case li {width:290px;float:left;margin-right:13px;}
#center .case li a {display:block;overflow:hidden;transition:all .3s ease;height:380px;}
#center .case li a img {transition:all .3s ease;}
#center .case li a:hover {box-shadow:0 5px 20px rgba(0,0,0,.2);transform:translateY(-5px);}
#center .case li a:hover img {transform:scale(1.1);}
#center .control {text-align:center;font-size:0;padding:50px 0;}
#center .control a {display:inline-block;width:450px;height:325px;background:rgba(0,0,0,.1);margin-left:150px;transition:all .3s ease;}
#center .control a .img {width:105px;height:90px;margin:80px auto 40px auto;}
#center .control a .txt {font-size:24px;}
#center .control a:hover {background:rgba(86,175,23,.6);color:#fff;}
/*** *  * svg *  * ***/.svg {bottom:0;left:0;color:#000;position:absolute;top:0%;width:100%;height:100%;/*overflow:hidden;*/transform:scale(1.25);}
#svg {width:100%;height:100%;stroke-width:10;position:relative;top:11%;left:0%;}
#svg1 {width:100%;height:100%;stroke-width:10;position:relative;top:13%;left:1%;}
/*****新闻详情*****/#center .newsd {padding-top:50px;}
#center .l {width:80%;float:left;}
#center .newsd .l {width:72%;}
#center .l h2 {font-size:28px;font-weight:normal;opacity:.9;margin-bottom:10px;line-height:45px;}
#center .l .sum {opacity:.6;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:35px;}
#center .l .sum span {margin-right:50px;}
#center .l .contant {font-size:16px!important;line-height:1.8!important;padding-bottom:50px;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:30px;}
#center .l .contant p {font-size:16px!important;line-height:1.8!important;margin:15px 0!important;}
#center .prev,#center .next {display:inline-block;width:auto;margin-bottom:10px;transition:all .3s;}
#center .prev:hover,#center .next:hover {color:#56AF17;}
#center .next {}
#center .l .contant img {margin:20px 0!important;}
#center .r1 {width:25%;float:right;/*background:rgba(228,228,228,.5);*//*padding:30px 0;*/}
#center .r1 .r-box {color:#343434;margin-bottom:20px;display:block;}
#center .r1 .r-box h4,#center .r1 .r-box p,#center .r1 .r-box .sum {transition:all .3s;}
#center .r1 .r-box:hover h4,#center .r1 .r-box:hover p,#center .r1 .r-box:hover .sum {color:#56AF17;border-color:#56AF17;}
#center .r1 h3 {width:85%;margin:0 auto 30px auto;font-size:20px;font-weight:normal;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px;}
#center .r1 h4 {font-size:16px;padding-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#center .r1 p {line-height:1.7;padding-bottom:10px;opacity:.9;}
#center .r1 .sum {padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1);opacity:.6;}
#center .r1 p,#center .r1 h4,#center .r1 .sum {width:85%;margin:0 auto;}
#center .r1 .sum {font-size:12px;}
#center .r1 .sum span {margin-right:15px;}
@media only screen and (min-width:1366px) and (max-width:1439px) {#center .nav-l {width:260px;border-radius:45px;margin-left:9%;}
#center .nav-r {padding-top:auto;margin-right:3%;}
}
@media only screen and (min-width:1440px) and (max-width:1700px) {#center .nav-l {width:300px;border-radius:50px;}
#center .nav-r {padding-top:180px;}
}
/*******小程序********/.wechat_app {width:500px;height:500px;margin:-50px auto;position:relative;}
.wechat_app ul li {width:110px;height:110px;border-radius:50%;position:absolute;left:50%;top:50%;margin-left:-55px;margin-top:-55px;font-size:20px;line-height:110px;text-align:center;color:#FFFFFF;overflow:hidden;background:#ff7f97;-webkit-animation:scaleAnimate 2s ease infinite;}
@-webkit-keyframes scaleAnimate {0%,80%,100% {-webkit-transform:scale(1);}
40% {-webkit-transform:scale(1.15);}
}
.wechat_app ul li:nth-child(1) {margin-left:-220px;margin-top:-220px;-webkit-animation-delay:0.1s;}
.wechat_app ul li:nth-child(2) {width:100px;height:100px;line-height:100px;margin-left:-285px;margin-top:-95px;background:#51de5a;-webkit-animation-delay:0.2s;}
.wechat_app ul li:nth-child(3) {width:90px;height:90px;line-height:90px;margin-left:-245px;margin-top:35px;background:#1de8d7;-webkit-animation-delay:0.3s;}
.wechat_app ul li:nth-child(4) {margin-left:-165px;margin-top:135px;background:#40b8eb;-webkit-animation-delay:0.4s;}
.wechat_app ul li:nth-child(5) {width:90px;height:90px;line-height:90px;margin-left:-5px;margin-top:165px;background:#ff7f97;-webkit-animation-delay:0.5s;}
.wechat_app ul li:nth-child(6) {width:100px;height:100px;-webkit-animation-delay:0.6s;line-height:90px;margin-left:125px;margin-top:105px;background:#ffc92a;}
.wechat_app ul li:nth-child(7) {width:100px;height:100px;line-height:90px;margin-left:175px;margin-top:-30px;background:#51de5a;-webkit-animation-delay:0.7s;}
.wechat_app ul li:nth-child(8) {width:90px;height:90px;line-height:90px;margin-left:135px;margin-top:-170px;background:#1de8d7;-webkit-animation-delay:0.8s;}
.wechat_app ul li:nth-child(9) {margin-left:-35px;margin-top:-260px;background:#ffc92a;-webkit-animation-delay:0.9s;}
.wechat_app ul li {background:#000!important;}
.wechat_app ol li {width:250px;height:250px;position:absolute;left:50%;border-radius:50%;top:50%;opacity:.7;margin-left:-125px;margin-top:-125px;background:#81a449;-webkit-animation:centerAnimate 4s linear infinite;}
@-webkit-keyframes centerAnimate {0% {-webkit-transform:rotate(0deg);}
100% {-webkit-transform:rotate(360deg);}
}
.wechat_app ol li:nth-child(1) {height:200px;margin-top:-100px;}
.wechat_app ol li:nth-child(2) {background:#71a449;height:210px;margin-top:-105px;-webkit-animation-duration:6s;}
.wechat_app ol li:nth-child(3) {width:260px;margin-left:-130px;background:#61a449;height:180px;-webkit-animation-duration:5s;margin-top:-90px;}
.wechat_app ol li:nth-child(4) {width:250px;margin-left:-125px;background:#51a449;height:200px;-webkit-animation-duration:5.5s;margin-top:-100px;}
.wechat_icon {width:230px;height:230px;position:absolute;left:50%;top:50%;margin-left:-115px;margin-top:-115px;-webkit-animation:xAnimate 8s ease infinite;}
@-webkit-keyframes xAnimate {0%,70% {-webkit-transform:rotate(360deg);}
100% {-webkit-transform:rotate(0deg);}
}
.onlines {width:70px;height:95px;display:block;position:fixed;right:20px;top:50%;margin-top:-40px;background:url(../images/tip_icon.png) no-repeat;background-size:auto 95px;background-position:0 0;-webkit-animation:online 1000ms steps(3) infinite;animation:online 1000ms steps(3) infinite;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;}
@keyframes online {0%,100% {background-position:0 0;}
33.33% {background-position:-70px 0;}
66.66% {background-position:-140px 0;}
}