body {color: #333;font-size: 14px;}

a {color: #333;font-size: 14px;}
a:hover{color: #2953FF;transition-duration: .2s;-webkit-transition-duration: .2s; /* Safari */}
a:active{color: #333;}
.clearboth {clear: both;}
.gray-bg {background: #f1f4f4;overflow: hidden;}
/* 字体颜色 */
.gray {color: #ccc;}

/* 媒体查询 */
.wrapper {width:1390px;margin: 0 auto;}
.wrapper2{width:1100px;margin: 0 auto;}
.cl {clear: both;}
.left {float: left;}
.right {float: right;}
.navreg {background: #2953FF;padding:10px 30px;color: #fff;border-radius:24px;margin-left: 20px;}
.navreg:hover {color: #fff;background: #0435ff;}
.f16 {font-size: 16px;}
.commonGrayBtn {height:48px;line-height:48px;font-size:16px;background:#fcfcfc;border-radius:24px;border:1px solid #dedede;margin:0 auto;color: #333;text-align: center;display: inline-block;padding:0 50px;}
.commonGrayBtn:hover {background:#ffba00;border:1px solid #ffba00;transition-duration: .2s;-webkit-transition-duration: .2s;color:#333;}
.commonYellowBtn {height:48px;line-height:48px;font-size:16px;background:#FFBA00;border-radius:24px;border:1px solid #FFBA00;margin:0 auto;color: #333;text-align: center;display: inline-block;padding:0 50px;}
.commonYellowBtn:hover {background:#fdd000;border:1px solid #fdd000;transition-duration: .2s;-webkit-transition-duration: .2s;color:#333;}
.space80 {height: 80px;clear: both;padding:0;}



/* 导航栏 */
.header { height: 125px; line-height: 125px;width:100%;background: #fff;position: relative;top:0;}
.fixed {position: fixed;top:0;z-index: 9;box-shadow: 0px 0px 20px #ddd;}
.nav {margin-left: 135px;}
.nav li{float: left;position: relative;margin: 0 20px;}
.nav li a {font-size: 16px;}
.nav li:hover .dropdown-menu {opacity: 1;}
.nav li .active {color: #2953FF;font-weight: bold;}
.nav .nav-link.active:after {width: 100%;}
.nav li .nav-link:after{content: '';width: 0;background-color: #2953FF;left: 0;position: absolute;top: 122px;height: 4px;
-webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1);
transition: all .66s cubic-bezier(.17, .84, .44, 1);
z-index: 1;
border: none;
margin: 0;
}
.nav li:hover .nav-link:after{width: 100%;}
.nav .dropdown-menu {opacity: 0;width:100px;position: absolute;top:70px;background: #fff;line-height: 34px;padding:10px;border:1px solid #ddd;transition-duration:.5s;z-index: 2;}
/* 首页 */
.banner {clear: both;background: #2953FF;color: #fff;height: 638px;overflow: hidden;}
.bannerImg img{margin-top:69px;}
.bannerText {width: 507px;padding-top: 120px;margin-left: 150px;}
.bannerText img {margin-left:5px;position: relative;top:-5px;}
.bannerText h2 {font-size: 48px;margin-bottom: 40px;font-weight: normal;}
.bannerText p {font-size: 30px;line-height: 42px;color: #cbdbff;margin-bottom: 80px;}
.yellowButtom {display: inline-block;font-size:18px;height: 48px;background: #FFBA00;border-radius:24px;color: #010101;line-height: 48px;padding:0 50px;}
.yellowButtom:hover {background: #ffbe10;color: #010101;}

.commonTitle {text-align: center}
.commonTitle h4 {font-size: 36px;margin-top: 90px;}
.commonTitle .yellowLine {margin: 15px auto;width:64px;height:6px;background:rgba(255,186,0,1);border-radius:5px;}
.commonTitle p {font-size: 18px;width: 576px;margin: 0 auto;}

.serverList ul {display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;margin-top:30px;}
.serverList ul li {width: 340px;box-sizing: border-box;text-align: center;padding:30px 0 45px 0;}
.serverList li b{display: block;font-size: 22px;padding:30px 0;}
.serverList li p {text-align: left;width: 270px;margin:0 auto;height:120px;color: #535353;}
.serverList li .grayBtn {display: block;width:270px;height:48px;line-height:48px;font-size:16px;background:#fcfcfc;border-radius:24px;border:1px solid #dedede;margin:0 auto;color: #333;}
.serverList li:hover {box-shadow: 0px 0px 50px #eee;border-radius: 20px;transition-duration: .5s;-webkit-transition-duration: .5s;}
.serverList li:hover .grayBtn {background:#ffba00;border:1px solid #ffba00;transition-duration: .5s;-webkit-transition-duration: .5s;}

.infoList ul {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin-top:30px;}
.infoList ul li {width: 45%;}
.infoList ul li b {font-size: 36px;padding-top: 40px;display: block;}
.infoList ul li p{font-size: 18px; line-height: 34px;width: 430px;}
.infoList .yellowLine {width:48px;height:6px;background:rgba(255,186,0,1);border-radius:5px;margin:13px 0 35px 0;}
.infoList li .grayBtn {height:48px;line-height:48px;font-size:16px;background:#fcfcfc;border-radius:24px;border:1px solid #dedede;margin:0 auto;color: #333;text-align: center;display: inline-block;padding:0 50px;margin-top:57px;}
.infoList .grayBtn:hover {background:#ffba00;border:1px solid #ffba00;transition-duration: .5s;-webkit-transition-duration: .5s;}
.infoList .iconRight {display :inline-block;width:20px;height: 15px;background: url(../images/gouxuan.png) no-repeat;margin-right: 10px;}

.kefuList {clear: both;margin-top:20px;padding-left: 60px;}
.kefuList dl {position: relative;;float: left;width: 580px;height: 250px;border:1px solid #E2E2E2;border-radius:16px;box-sizing: border-box;padding:30px 40px;margin-left: 40px;margin-top: 36px;}
.kefuList dl:hover {background: #2953FF;color: #fff;transition-duration: .2s;-webkit-transition-duration: .2s;}
.kefuList dl dt {float: left;height: 250px;margin-right: 27px;}
.kefuList .avatar {width:64px;height: 64px;border-radius: 50%; }
.kefuList .avatar2 {width:48px;height: 48px;border-radius: 50%;margin-right: 10px;}
.kefuList .title {font-size: 22px;font-weight: bold;}
.kefuList .content {padding:15px 0;font-size: 14px;}
.kefuList .talk {margin-right: 10px;}
.kefuList .layoutImg {opacity: 0;background: #fff;width: 250px;height:340px;border-radius:16px;box-sizing: border-box;padding:30px 40px;position: absolute;right: 90px;top: 150px;color: #333;box-shadow: 0px 0px 5px #eee;z-index: 1;display: none;}
.kefuList .layoutImg p {text-align: center;color: #5D5D5D;}
.kefuList .layoutImg .imgcode {width: 180px;height: 180px;}
.kefuList dd .code:hover + .layoutImg{opacity: 1;transition-duration: .2s;-webkit-transition-duration: .2s;display: block;}
.kefuList .more {text-align: center;padding-top: 50px;}

.serverBox {background: #2953FF;height: 712px;color: #fff;margin-top: 72px;}
.serverBox dl {background: url(../images/sercer.png) no-repeat left 240px;height: 712px;padding-left:720px;}
.serverBox dt {font-size: 36px;padding-top:93px;font-weight: bold;}
.serverBox dl .info {font-size: 24px;padding:25px 0;}
.serverBox dd {font-size: 18px;float: left;width: 250px;margin-bottom: 55px;}
.serverBox dd .introduction{font-size: 14px;padding-top:10px;width: 168px;}
.serverBox dd span {background: url(../images/serverBz.png) no-repeat;display: block;width: 50px; height: 70px;}
.serverBox dd .icon02 {background-position: left -70px;}
.serverBox dd .icon03 {background-position: left -140px;}
.serverBox dd .icon04 {background-position: left -210px;}

.howmuch {width: 890px;margin: 0 auto;overflow: hidden;padding-top: 65px;position: relative;}
.caselist {overflow: hidden;width: 990px;margin: 0 auto;}
.caselist li {display: inline-block;height:75px;text-align: center;margin:20px 40px;}
.caselist .caseWorld {font-size: 18px;width: 850px;margin: 50px auto 50px auto;position: relative;}
.caselist .caseWorld span {position: absolute;}
.caselist .caseWorld span:nth-child(1) {left: -60px;top:-10px}
.caselist .caseWorld span:nth-child(2) {right: -60px;bottom:-10px}
.caselist .caseWorld p {text-align: right;font-size:14px }


.footerTop {background: #2953FF;overflow: hidden;padding:60px 0;height: 615px;box-sizing: border-box;clear: both;}
.gustbook {width: 50%; border-right: 1px solid #3e64ff;height: 495px;box-sizing: border-box;padding-top: 45px;}
.gustbook h4 {text-align: center;font-size:36px;color: #fff;font-weight: normal;}
.gustbook h5 {text-align: center;color: #bfcbff;font-size:16px;font-weight: normal;margin-bottom: 50px;}
.guestbookform {width: 550px;margin: 0 auto;}
.guestbookform li {float: left;width: 250px;margin-right: 25px; margin-bottom:22px }
.guestbookform li .input {background: none;border-radius:4px;border:2px solid #6785ff;height: 48px;line-height: 48px;color: #fff;width: 100%;text-indent: 12px;font-size: 14px;}
.guestbookform li input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #fff;font-size: 14px;}
.guestbookform li  .select {background: none;border-radius:4px;border:2px solid #6785ff;height: 48px;line-height: 48px;width: 100%;text-indent: 12px;font-size: 14px;color: #fff;}
.guestbookform li  .select option {color: #333;}
.btnsub {clear: both;background:#fff;border-radius:24px;border:none;width: 100%;height:48px;line-height: 48px;cursor: pointer;width:529px;color: #2953FF;font-size: 14px;}
.conact {text-align: center;width: 50%;padding-top: 45px;color: #bfcbff;}
.conact h3 {font-size:36px;color: #fff;padding-top:27px;}
.conact h4 {font-size:36px;color: #fff;font-weight: normal;}
.conact h5 {color: #bfcbff;font-size:16px;font-weight: normal;margin-bottom: 45px;}

.footReg {text-align: center;background: url(../images/mens.svg) #0a1531 no-repeat center;height: 364px;color: #fff;box-sizing: border-box;padding-top:70px;}
.footReg h5 {font-size:36px;font-weight: normal;}
.footReg .regBtn {display: block;margin:0 auto;width:340px;height:64px;line-height:64px;background:rgba(41,83,255,1);border-radius:32px;color: #fff;font-size: 18px;margin-top:35px;margin-bottom:35px }
.footReg .grayLink {color: #bbc0c8;font-size: 18px;}

.footerMenu {background: #0a1531;overflow: hidden;padding:100px 0;color: #848a98;}
.footerMenu ul {width: 1100px;margin:0 auto;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.footerMenu .logo{width:195px;margin-bottom: 45px;}
.footerMenu li b {font-size: 18px;color: #fff;font-weight: normal;display: block;}
.footerMenu li a {color: #797f8e;line-height: 54px;font-size: 16px;}
.footerMenu li:last-child {text-align: center;font-size: 18px;color: #b5b9c1}
.footerMenu li:last-child img {border: 10px solid #fff;margin-top: 25px;}
.footerBar {background:#0a1531;overflow: hidden;}
.footerBar ul {width: 1100px;margin:0 auto; border-top:1px solid #3b435a;padding:20px 0;overflow: hidden;color: #535b6f;}
.footerBar a {color: #535b6f;margin-right: 20px;}

.bannerkfwb {clear: both;background: #2953FF;color: #fff;height: 460px;overflow: hidden;}
.bannerkfwb .bannerImg img{margin-top:40px;}
.bannerkfwb .bannerText {width: 507px;padding-top: 90px;margin-left: 150px;}
.bannerkfwb .bannerText img {margin-left:5px;position: relative;top:-5px;}
.bannerkfwb .bannerText h2 {font-size: 48px;margin-bottom: 40px;font-weight: normal;}
.bannerkfwb .bannerText p {font-size: 30px;line-height: 42px;color: #cbdbff;margin-bottom: 80px;width: 560px;}

.kfwbList {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin-top:30px;-webkit-flex-wrap: wrap;
  flex-wrap: wrap;text-align: center;}
.kfwbList li {width: 340px;height: 168px;text-align: center;border: 1px solid #ececec;border-radius:8px;margin:10px 20px;font-size: 22px;box-sizing: border-box;}
.kfwbList li img {text-align: center;padding:26px 0 16px 0;}

.contrast {border-collapse: collapse;width: 1100px;margin:95px auto 0 auto;text-align: center;}
.contrast th {background: #2953FF;color: #fff;padding:30px 0 25px 0;font-size: 16px;}
.contrast th img {padding-bottom: 20px;}
.contrast td {padding:25px 0;font-size: 18px;border-bottom: 1px solid #ececec;}
.contrast .bg {background: #4C74F0;}
.contrast .gray {color: #999;}
.centerBut {text-align: center;padding:30px 0;}
.centerBut a {height:48px;line-height:48px;font-size:16px;background: #2953FF;border-radius:24px;border:1px solid #2953FF;margin:0 auto;color: #333;text-align: center;display: inline-block;padding:0 50px;color: #fff;}
.centerBut a:hover {background:#fcfcfc;color: #333;border:1px solid #dedede;}

.centerButYellow {text-align: center;padding:30px 0;}
.centerButYellow a {height:48px;line-height:48px;font-size:16px;background: #FFBA00;border-radius:24px;border:1px solid #FFBA00;margin:0 auto;color: #333;text-align: center;display: inline-block;padding:0 50px;}
.centerButYellow a:hover {background:#fcfcfc;color: #333;border:1px solid #dedede;}

.payWay {height: 600px;background: #F4F5F7;margin-top:100px;}
.payWay ul {width:1100px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;margin:0 auto;}
.payWay ul li {margin:0 75px;}
.payWay ul li:first-child{width:368px;height: 578px;background: #fff;position: relative;top:100px;box-shadow:0px 30px 50px 0px rgba(0,0,0,0.1);}
.payWay ul li:last-child{width:400px;}
.payWay ul li h5 {background: #2953FF;height: 90px;color: #fff;text-align: center;font-size:32px;position: relative;line-height: 90px;font-weight: normal;}
.payWay h5 img {position: absolute;right: 32px;top:-20px;}
.payWay li p {padding:15px 45px;font-size: 16px;color: #656667}
.payWay li .info{padding:25px;text-align: center;} 
.payWay li p:nth-child(odd) {background: #F4F5F7;}
.payWay .price {text-align: center;padding:10px 0 0 0;}
.payWay .price b {font-size:43px;}
.payWay .message {padding-top:270px;text-align: right;}
.payWay .message .tx {width: 64px;border-radius: 50%;vertical-align: middle;margin-left: 30px;}
.payWay .caseWorld {font-size: 18px;width: 400px;margin: 50px auto 50px auto;position: relative;text-align: left;}
.payWay .caseWorld span {position: absolute;}
.payWay .caseWorld span:nth-child(1) {left: -60px;top:-10px}
.payWay .caseWorld span:nth-child(2) {right: -60px;bottom:-10px}
.payWay .caseWorld p {text-align: right;font-size:14px }
.step {text-align: center;margin-top: 92px;}
.step li {display: inline-block;text-align: center;font-size: 18px;color: #2953FF;width: 205px;padding:20px 0;}

#voiceList {width: 1130px;margin: 60px auto;overflow: hidden;}
#voiceList li {width:336px;height:168px;border-radius:8px;background: #D0D0D0;float: left;margin: 15px 20px;box-sizing: border-box;padding:40px 32px;position: relative;}
#voiceList li b {font-size: 22px;}
#voiceList li span {position: absolute;width: 44px;height: 60px;left:0;right:0;top:0;bottom:0;margin:auto;background: url(../images/play.png) no-repeat;z-index: 999;}
#voiceList li .iconStop {background-position: left -55px;display: none;}
#voiceList .action b {display: none;}
#voiceList .action p {display: none;}
#voiceList .action {background:#2953FF;transition-duration: .6s;-webkit-transition-duration: .6s;}
#voiceList .action .iconPlay {display: none;}
#voiceList .action .iconStop {display: block;}
#voiceList .action .loader-container {display: block;}
.loader-container{display: none;position: absolute;height: 20px;width: 200px;z-index: 1;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.loader-container > div{position: relative;display: inline-block;background: #03A9F4;height: 100%;width: 5px;margin: 0;-webkit-animation: load 3s ease-in-out infinite;animation: load 3s ease-in-out infinite;}
.loader-container .rectangle-2{-webkit-animation-delay: 0.1s;animation-delay: 0.1s;}
.loader-container .rectangle-3{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}
.loader-container .rectangle-4{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
.loader-container .rectangle-5{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}
.loader-container .rectangle-6{-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}
@-moz-keyframes load{0%, 100%{-moz-transform: scaleY(1);background: #03A9F4;}
16.67%{-moz-transform: scaleY(3);background: #FF5722;}
33.33%{-moz-transform: scaleY(1);background: #FF5252;}
50%{-moz-transform: scaleY(3);background: #E91E63;}
66.67%{-moz-transform: scaleY(1);background: #9C27B0;}
83.34%{-moz-transform: scaleY(3);background: #673AB7;}
}
@-webkit-keyframes load{0%, 100%{-webkit-transform: scaleY(1);background: #03A9F4;}
16.67%{-webkit-transform: scaleY(3);background: #FF5722;}
33.33%{-webkit-transform: scaleY(1);background: #FF5252;}
50%{-webkit-transform: scaleY(3);background: #E91E63;}
66.67%{-webkit-transform: scaleY(1);background: #9C27B0;}
83.34%{-webkit-transform: scaleY(3);background: #673AB7;}
}
@keyframes load{0%, 100%{transform: scaleY(1);background: #03A9F4;}
16.67%{transform: scaleY(3);background: #FF5722;}
33.33%{transform: scaleY(1);background: #FF5252;}
50%{transform: scaleY(3);background: #E91E63;}
66.67%{transform: scaleY(1);background: #9C27B0;}
83.34%{transform: scaleY(3);background: #673AB7;}
}

.callway {width: 1100px;margin: 40px auto; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.callway li {width:528px;height:747px;border-radius:8px;border: 1px solid #e1e1e1;background: #fff;text-align: center;padding:55px;box-sizing: border-box;}
.callway li:hover {box-shadow:0px 30px 50px 0px rgba(0,0,0,0.1);transition-duration: .15s;-webkit-transition-duration: .15s;}
.callway li h5 {font-size: 22px;padding:20px 0 15px 0;}
.callway li p {font-size:18px;}
.callway dl {background: url(../images/seven.png) no-repeat center;width: 420px;height: 420px;position: relative;margin-top:15px;}
.callway dl dt {position: absolute;width: 106px;height: 106px;border:1px solid #BBDCFE;border-radius: 50%;left:0;right:0;top:0;bottom:0;margin:auto;padding-top:28px;box-sizing: border-box;}
.callway dl dd {position: absolute;border: 1px solid #BBDCFE;width: 82px; height: 82px;border-radius: 50%;line-height: 82px;background: #fff;}
.callway dl dd:nth-child(1) {left: 10px;top:150px}
.callway dl dd:nth-child(2) {left: 170px;top:10px}
.callway dl dd:nth-child(3) {right: 50px;top:80px}
.callway dl dd:nth-child(4) {right: 0;top:210px}
.callway dl dd:nth-child(5) {left: 240px;top:310px}
.callway dl dd:nth-child(6) {left: 90px;top:310px}
.callway dl dd:nth-child(7) {left: 0;top:210px}
.callway dl dd:nth-child(8) {left: 30px;top:80px}
.callway dl dd:hover ,.callway dl dt:hover{background:#BBDCFE;color: #fff;transition-duration: .15s;-webkit-transition-duration: .15s;}

.payforWay {height: 700px;background: #F4F5F7;margin-top:150px;}
.payforWay ul {width:1100px;margin:0 auto;}
.payforWay ul li{float:left;width:335px;height: 578px;background: #fff;position: relative;box-shadow:0px 30px 50px 0px rgba(0,0,0,0.1);}
.payforWay ul li h5 {background: #2953FF;height: 90px;color: #fff;text-align: center;font-size:32px;position: relative;line-height: 90px;font-weight: normal;}
.payforWay h5 img {position: absolute;right: 32px;top:-20px;}
.payforWay li p {padding:15px 45px;font-size: 16px;color: #656667;}
.payforWay li .info{padding:25px;text-align: center;} 
.payforWay li p:nth-child(odd) {background: #F4F5F7;}
.payforWay .price {text-align: center;padding:10px 0 0 0;}
.payforWay .price b {font-size:43px;}
.payforWay .message {padding-top:270px;text-align: right;}
.payforWay .message .tx {width: 64px;border-radius: 50%;vertical-align: middle;margin-left: 30px;}
.payforWay ul .height {width:396px;height: 690px;position: relative;top:-50px;}
.payforWay li .gree {background: #13DBA3}

.why {width: 1100px;margin: 75px auto 0 auto;position: relative;}
.why ul {display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.why ul li {margin: 0 30px;text-align: center;position: relative;}
.why ul li b {font-size: 18px;color: #2953FF;display:block;}
.why ul li p {font-size: 16px;text-align: left;margin-top:85px;}
.why li span {display: inline-block;width: 80px;height: 80px;text-align: center;background: url(../images/iconwhy.png) no-repeat center top}
.why li .icon02 {background-position: center -80px;}
.why li .icon03 {background-position: center -160px;}
.why li .icon04 {background-position: center -240px;}
.why .blueLine {position: absolute;left:0;top:155px;width:100%;height:8px;background: #0435ff}
.why .yuandian {width: 24px;height: 24px;border-radius: 50%;background: #0435ff;position: absolute;left: 97px;top:148px;}

#mask-kk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background: #666;opacity: 0.8;display: none;}
.popup-kk{position: absolute;left: 40%;z-index: 1000;display: none;}
.layoutPrice{width:1048px;height: 650px;background: #fff;border-radius:5px;padding:0 40px;box-sizing: border-box;}
.layoutPrice .close {position: absolute;top: 5px;right: 20px;cursor:pointer;font-size: 28px;}
.popup-kk .layoutPrice h5 {text-align: center;padding:36px;font-size: 36px;}
.popup-kk .layoutPrice p {clear: both;text-align: right;}
.yellowLine {width:48px;height:6px;background:rgba(255,186,0,1);border-radius:5px;margin:10px auto 0 auto;}

.caseShow {width: 1140px;margin: 45px auto 0 auto;overflow: hidden;}
.caseShow li {float: left;border: 1px solid #ECECEC;width: 205px;height: 268px;margin:10px;}
.caseShow li .img {height: 192px;position: relative;}
.caseShow li img {width: 145px;position: absolute;left:0;top:0;bottom: 0;right: 0;margin:auto;}
.caseShow li p {height: 76px;padding:14px;box-sizing: border-box;background: #F9F9F9;}

.reviews {background: #F4F5F7;height: 550px;box-sizing: border-box;padding-top:125px;margin-top:125px;}
.reviewsBox {margin: 0 auto;width: 1100px;}
.reviewsBox h5 {font-size:28px;color: #5A5A5A;font-weight: normal;}
.reviewsBox h4 {font-size:36px;color: #5A5A5A;margin-bottom: 10px;}
.reviewsBox .line {width:64px;height:6px;background:rgba(255,186,0,1);border-radius:5px;}
.r-left {float: left;}
.r-right {float: right;width: 740px;}

#tabbox{overflow:hidden; margin:0 auto;}
.tab_con{ display:none;}
.tabs{width: 100%;overflow: hidden;}
.tabs li{height:100px;height:100px;float:left;overflow: hidden;position: relative;margin-right:45px;}
.tabs li img {width: 72px;height: 72px;border-radius: 50%;opacity: 0.5;}
.tabs li a:hover img , .tabs .thistab img{opacity: 1;}
.tab_conbox {margin-top: 40px;}
.tab_conbox li {width: 620px;color: #5A5A5A;}
.tab_conbox li b {font-size:24px;margin-right: 30px;}
.tab_conbox li p {padding-top:20px;font-size: 18px;position: relative;}
.tab_conbox .icon-left {background: url(../images/dh.svg) no-repeat;width: 31px;height: 28px;position: absolute;left:-50px;top:0px;}
.tab_conbox .icon-right {background: url(../images/dh2.svg) no-repeat;width: 29px;height: 26px;position: absolute;right:-50px;bottom:-20px;}

/* 新闻中心 */
.news-index {overflow: hidden;padding:80px 10px; display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;width: 1200px;margin: 0 auto;}
.list-group {border-radius: 5px;-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .15);box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
padding: 20px 15px;width: 32%;box-sizing: border-box;margin: 0 ;background: #fff;}
.list-group .title h4 {font-size: 18px;}
.list-group .title {border-bottom: 1px solid #eee;padding-bottom:5px;margin-bottom: 10px;}
.list-group li {line-height: 36px;}
.list-group li span {color: #999;}
.graybg {background: #fbfbfb;overflow: hidden;margin-top: 90px; padding-bottom: 60px;}
.serverb {width: 1200px;margin: 150px auto;overflow: hidden;}
.serverb li .img {float: left;height: 150px;margin-right:50px }
.serverb li {float: left;width:528px;height:270px;background:rgba(255,255,255,1);border-radius:8px;border:1px solid rgba(226,226,226,1);box-sizing: border-box;padding:56px;margin: 22px;}
.serverb li {font-size: 24px;}
.serverb li p {font-size:18px;margin-top:10px;}

/* 新闻中心 */
.lists_article {background: #f2f2f2;}
.lists_article .crumb {background: #fff;overflow: hidden;height: 54px;line-height: 54px;}
.lists_article .crumb .allnav {float: left;}
.lists_article .crumb .allnav li {float: left;margin: 0 30px;}
.lists_article .crumb .allnav li a {font-size: 16px;}
.lists_article .crumb .allnav li:last-child {border: none;}
.lists_article .crumb .allnav li .active {border-bottom: 3px solid #0435ff;padding-bottom: 14px;}
.lists_article .crumb .website {float: right;}
.newsList-left {float: left;background: #fff;overflow: hidden;width: 74%;box-sizing: border-box;padding:30px;}
.newsList-right {float: right;background: #fff;overflow: hidden;width: 25%;box-sizing: border-box;padding:20px;}
.padding-tb {padding:20px 0 50px 0;overflow: hidden;}
.ulstyle li {border-bottom: 1px solid #eee;padding-bottom: 36px;margin-bottom: 36px;overflow: hidden;}
.ulstyle li .media-left {display: table-cell;vertical-align: top;}
.ulstyle li .media-body {display: table-cell;vertical-align: top;padding-left: 30px;}
.ulstyle li .media-object {width: 160px;}
.ulstyle li .media-body h4 a{font-size: 18px;font-weight: normal;padding-bottom: 10px;display: block;}
.ulstyle li .media-body .des {color: #999;padding-bottom: 10px;}
.ulstyle li .media-body .info {color: #999;}
.iconliulan {margin-left: 10px;background: url(../images/eye.png) no-repeat top;display: inline-block;width: 23px;height: 23px;}
.newsList-right h3 {font-size: 18px;font-weight: normal;padding:10px 0;color: #ff6600;}
.tuijian li {padding:5px 0 5px 10px;}
.details-title {border-bottom: 1px solid #eee;padding-bottom: 10px;margin-bottom: 20px;}
.details-title h1 {font-size: 28px;padding-bottom: 10px;}
.details-title .info {color: #999;}
.pagination {border-top:1px solid #eee;margin-top:20px; padding-top: 20px;line-height: 30px;}
.ey-editor {line-height: 1.8;}
/* 搜索 */
.input-search {position: relative;}
.input-search .input-search-btn {position: absolute;right: 20px;top:10px;background: none;border: none;cursor: pointer;}
.input-search .form-control {border: 1px solid #e4eaec;width: 100%;height: 36px;line-height: 36px;border-radius: 30px;text-indent: 20px;}

.about {padding:160px 0;font-size:16px;}
.about p {width: 594px;line-height:28px;}
.about ul li:nth-child(1) {float: right;margin-top: 50px;}
.about ul li:nth-child(2) {float: right;width: 130px;margin-right: 50px;margin-top:100px;}
.about ul li:nth-child(3) {position: relative;top:-150px;}
.about ul li:nth-child(4) {float: right;position: relative;top:-350px;left:-430px;}
.about ul li:nth-child(5) {float: right;position: relative;top:-80px;left:85px;}
.about ul li:nth-child(6) {float: right;}
.boxcenter {width: 1330px;margin: 50px auto;}
.phone {font-size:48px;padding-bottom:20px;font-weight: bold;}

.wrapper3 {width: 780px;margin: 130px auto;}
.adress {height: 60px;width: 100%;line-height: 60px;color: #fff;background: #191919; border-top-left-radius: .5em;border-top-right-radius: .5em;padding-left: 30px;box-sizing: border-box;}

/*****快客服活动-免费试用*****/
.banner-hd {text-align: center;overflow: hidden;}
.banner-hd img {max-width:100%;}
.box-1200 {width: 1240px;margin: 0 auto 50px auto;box-shadow:0px 0px 10px 5px rgba(0,0,0,0.06);padding:0 60px 70px 60px;box-sizing: border-box;}
.box-1200 h1 {text-align: center;font-size: 30px;padding: 65px;}
a.baoming {width: 380px;height: 78px;text-align: center;line-height: 78px;font-size: 24px;border-radius:49px;background:linear-gradient(180deg,rgba(255,137,41,1) 0%,rgba(247,79,49,1) 100%);box-shadow:0px 2px 8px 0px rgba(0,0,0,0.5);display: block;color: #fff;margin: 0 auto;}
a.baoming:hover {background:linear-gradient(180deg,rgba(245,137,41,1) 0%,rgba(247,79,49,1) 100%);}
a.baoming:active {background:linear-gradient(180deg,rgba(232,124,35,1) 0%,rgba(234,74,46,1) 100%);}
.box-1200 .xz {background: url(/uploads/ueditor/20191018/1-19101Q5251T93.png) no-repeat;color: #fff;height: 40px;line-height: 40px;padding-left: 50px;font-size: 20px;margin-top: 70px;}
.box-1200 p {padding-top:20px;font-size: 16px;color: #676767}
.box-1200 .space {text-indent: 80px;font-size: 16px;color: #676767}
.box-1200 .center {text-align: center;font-size: 30px;font-weight: bold;padding:70px 0 0px 0;}

.layoutForm-box {background: url(/uploads/ueditor/20191018/1-19101Q5251S49.png) no-repeat;width: 828px;height: 640px;box-sizing: border-box;position: relative;}
.layoutForm-box h5 {text-align: center;font-size: 26px;font-weight: normal;padding:60px 0 70px 0;color: #fff;}
.layoutForm-box p {font-size: 32px;}
.layoutForm-box .acticeform {width: 390px;margin: 0 auto;}
.layoutForm-box .select {width: 280px;height: 33px;border-radius:20px;text-indent: 10px;vertical-align: middle;}
.layoutForm-box label {width:95px;display: inline-block;color: #fff;font-size: 18px;vertical-align: middle;}
.layoutForm-box li {height:75px;}
.layoutForm-box span {color: #DDFF00;text-align: center;display: block;width: 100%;}
.layoutForm-box .input {width: 280px;height: 33px;text-indent: 10px;}
.layoutForm-box .button {width: 380px;height: 55px;text-align: center;line-height: 55px;font-size: 24px;border-radius:49px;background:#FF9200;color: #fff;margin: 0 auto;border: none;cursor: pointer;}
.layoutForm-box .button:hover {background: #FF7B00}
.layoutForm-box .button:active {background: #FF6600}
.layoutForm-box .close {position: absolute;top:0 ;right:0;font-size: 16px;cursor: pointer;width: 50px;height: 50px;}
.layoutForm-box .closeBtn{position:relative;width:0.1em;height:1.5em;background: #84c0fb;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  display: inline-block;
  margin:15px 0 0 25px;
 }
 .layoutForm-box .closeBtn:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width:0.1em;
  height:1.5em;
  background: #84c0fb;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
 }
 .layoutForm-box .close:hover .closeBtn , .layoutForm-box .close:hover .closeBtn:after {background: #fff;}
 .layoutForm-box .close:active .closeBtn , .layoutForm-box .close:active .closeBtn:after{background: #cbe4fc;}

/*pages*/
.pages {
  height: 60px;
  padding: 20px 0 30px;
  width: 100%;
  clear: both;
}
.tcdPageCode {
  text-align: center;
  color: #808080;
  font-size: 14px;
}
.tcdPageCode li {
  display: inline;
}
.tcdPageCode span.disabled {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #808080;
  background: #fff;
  border: 1px solid #e6e3e3;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode span.current {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 14px;
  margin: 0 2px;
  color: #fff;
  background-color: #2391dd;
  border: 1px solid #2391dd;
  vertical-align: middle;
  border-radius:1px;
}
.tcdPageCode a {
  display: inline-block;
  color: #2391dd;
  height: 35px;
  line-height: 35px;
  background: #fff;
  padding: 0 14px;
  border: 1px solid #ddd;
  margin: 0 2px;
  vertical-align: middle;
  border-radius:1px;
}