body, div, iframe, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, table, th, td, 
form, input, button, select, textarea {margin: 0;padding: 0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}
ol, ul {list-style: none;}
img {border: 0;}
a:link,a:visited {color:#3D485D;text-decoration:none;}
a:hover {color:#0156b9;text-decoration:none;}
em,i {font-style:normal}
body {font-size:16px;color:#3D485D;font-family:'微软雅黑','Microsoft Yahei', Tahoma,Verdana;background:#fff;padding-top: 70px;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border:0; }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:12px; font-weight:normal;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;}
.cr {clear:both;height:0px;overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.side-vd {margin-top:20px;}
.nomt {margin-top:0;}
.hidden,.ins ,.navbtn i{display:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}

.pager .pagination {
  margin: 0;
}
.pager li {
  margin: 0 .4em;
  display: inline-block;
}
.pager li:first-child > a,
.pager li:last-child > a,
.pager li:first-child > span,
.pager li:last-child > span {
  padding: .5em 1.2em;
}
.pager li > a,
.pager li > span {
  background: none;
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
  padding: .5em .93em;
  font-size: 14px;
}
.pagination {
  display: block;
  text-align: center;
}


@font-face {
  font-family: "icon"; /* Project id 3445992 */
  src: url('font/iconfont.woff2?t=1659838665519') format('woff2'),
       url('font/iconfont.woff?t=1659838665519') format('woff'),
       url('font/iconfont.ttf?t=1659838665519') format('truetype');
}

.icon {
  font-family: "icon" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {
  content: "\e86b";
}

.icon-wodewo:before {
  content: "\e6df";
}

.icon-back:before {
  content: "\e638";
}

.icon-guanbi:before {
  content: "\eaf2";
}

.icon-sousuo:before {
  content: "\e69e";
}

.icon-zip:before {
  content: "\e71d";
}

.icon-jishufuwu:before {
  content: "\e98f";
}

.icon-chanpinku:before {
  content: "\e664";
}

.icon-hezuohuoban:before {
  content: "\e633";
}

.icon-dingzhi:before {
  content: "\e651";
}

.icon-youxiang:before {
  content: "\e623";
}

.icon-dizhi:before {
  content: "\e641";
}

.icon-dianhua:before {
  content: "\e94f";
}

.icon-qq:before {
  content: "\e606";
}

.icon-upload:before {
  content: "\e640";
}

.icon-icon-test28:before {
  content: "\e660";
}

.icon-left:before {
  content: "\e661";
}

.icon-xdown:before {
  content: "\e662";
}

.icon-right:before {
  content: "\e663";
}

.icon-icon-test33:before {
  content: "\e665";
}

.icon-icon-test34:before {
  content: "\e666";
}

.icon-top:before {
  content: "\e600";
}




:-moz-placeholder {color: #ccc;opacity:1;}
::-moz-placeholder {color: #ccc;opacity:1;}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #ccc;opacity:1;}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;opacity:1;}
input:focus {border: 1px solid #1E61FF;border-radius: 3px;}
 
.w,.menu ul,#footer .copyright,#main {width:1200px;margin:0 auto;min-width: 1200px;}
.bold {font-weight:bold;}
#header {clear:both;background:#fff;z-index: 98;width: 100%;top:0;left:0;position: fixed;min-width: 1200px;}
.ins {display:none}
/* 公供 */
#header .head {height:70px;position: relative;}
#header.mini {height: 70px;box-shadow:0px 15px 10px -15px rgba(0, 0, 0, 0.1);}
#header.mini .menu li {line-height: 70px;height: 70px;}
#header.mini .plus {top:19px;}
#header.mini .drop {top:70px!important;}
.head p.title,.head .navback {display: none;}

.logo {float:left;widtH:160px;height:42px;padding-top:14px;margin: 0 20px 0 60px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;}
.logo a,.logo a:visited {width:160px;line-height:126px;height:42px;overflow:hidden;display:block;background:url(../images/logo.png) no-repeat center;background-size: contain;}
.logo .agent-lottie {position: absolute;top: -10px;right: -60px;width: 80px;height: 80px;}

.menu {float: left;margin-left: 30px;}
.menu li {float:left;line-height: 70px;height: 70px;margin-left: 24px;padding: 0 14px;font-size: 16px;transition: all 0.6s;}
.menu li > a,.menu li .drop-t a{ display:block;font-size:16px;position: relative;}
.menu li.curr > a,.menu li.curr .drop-t > a {color: #0156b9;}
.menu li.curr > a::after,.menu li.curr .drop-t a::after {content: "";width: 100%;height: 2px;position: absolute;bottom: 20%;left: 0;display: block;}

.drop {display: none;position: absolute;width: 100%;top: 70px;border-radius:0 0 4px 4px;left: 0;padding: 10px;box-sizing: border-box;background-color: rgba(255, 255, 255, 0.98);background-color: #ffffff;box-shadow: 2px 3px 30px rgba(212, 212, 212, 0.4);}
/*.drop p {display: inline-block;margin-right: 2em;line-height: 20px;height: 20px;}
.menu .drop p a {color: #000;}*/

.navpro {display: none;height: 440px;border-top: 1px solid #E7ECF1;border-bottom: 1px solid #E7ECF1;padding:0}
/* .navpro .pro_l {float:left;width:840px;} */
.navpro .pro_l {display: block;width: 100%;}
.navpro .pro_l dl dt {height: 50px;}
.navpro .pro_l dl dt b {font-size: 18px;line-height: 34px;display: block;font-weight: 400;}
.navpro .pro_l dl dt a b {color: #0156b9 !important;}
/* .navpro .pro_l dl dt b::before {content: "";background: url(../images/ico.png) no-repeat 0 -18px;background-size: 240px auto;display: inline-block; vertical-align: top;width:28px;height: 28px;margin-right: .8rem;margin-top: 3px;} */
/* .navpro .pro_l dl dt b.ico-jdata::before {background-position: -39px -18px;}
.navpro .pro_l dl dt b.ico-jbi::before {background-position: -78px -18px;} */
.navpro .pro_l dl dt b img {width: 28px;height: 28px;vertical-align: middle;margin-right: 8px;}
.navpro .pro_l dl {float: left;width: 25%;padding-top: 30px;}
.navpro .pro_l dl dd {height: 48px;padding:16px 0;position: relative;}
.navpro .pro_l dl dd * {position: relative;z-index: 1;}
.navpro .pro_l dl dd p {line-height: 24px;height: 24px;overflow: hidden;font-size: 14px;color: #181C26;}
.navpro .pro_l dl dd p em {display: inline-block;width: 38px;height: 24px;background-color: #FFE7E4;color: #F36D6C;font-size: 11px;text-align: center;line-height: 24px;margin-left: .5rem;}
.navpro .pro_l dl dd span {font-size: 13px;color: #868793;display: block;line-height: 22px;padding-right: 30px;}
.navpro .pro_l dl dd:hover::before {content: "";box-shadow: 0 0 14px 2px rgba(65,142,253, 0.1);width:100%;height:100%;display: block;position: absolute;top:0;left:-20px;z-index: 0;}

.navpro .pro_r {width: 320px;padding-left: 39px;float: right;}
.navpro .shiyong {line-height: 34px;height: 34px;border-bottom: 1px solid #E7ECF1;padding:50px 0 20px;}
.navpro .shiyong em {color: #3D485D;font-size: 14px;float: left;}
.navpro .shiyong span {float: right;}
.navpro .shiyong span a {display: block;width: 114px;line-height: 40px;height: 40px;border-radius: 4px;text-align: center;color: #fff;}
.navpro .pro_r {border-left: 1px solid #E7ECF1;height:439px}
.navpro .pro_r .img {padding-top: 60px;}
.navpro .pro_r .img em {color: #3D485D;display: block;line-height: 34px;font-size: 14px;padding-bottom: 10px;}
.navpro .pro_r .img img {border: 5px solid #fff;border-radius: 5px;box-shadow: 0 0 14px 2px rgba(65,142,253, 0.1);}
.navpro .pro_r .img:hover img {box-shadow: 0 0 14px 2px rgba(65,142,253, 0.4);}

.product-list li .hd h2.ico-jdata::before {background-position: -48px -24px;width:38px}
.product-list li .hd h2.ico-jbi::before {background-position: -96px -24px;width:34px}

.plus {line-height: 32px;height: 32px;position: absolute;top:19px;right: 2em;transition: all 0.6s;}
.plus .txt {float: left;}
.plus .tel {color: #F8F8F8;padding:0 2em 0 0;width:160px;background: url(../images/tel.png) no-repeat 32px center;overflow: hidden;display: inline-block;float: left;margin-top:6px}
.plus .tel::before {content:'';width: 26px;height: 26px;background: url(../images/telico.png) no-repeat;display: inline-block; vertical-align: middle;margin-right: 10px;}
.plus .tel i {display: none;}
.plus .txt span{float: left;padding:0 1.5em}
.plus .txt span a {display: block;width: 114px;line-height: 40px;height: 40px;border-radius: 4px;text-align: center;}

.tlogin {float: right;}
.tlogin a.btn-log,.tlogin a.btn-reg {line-height: 120px;height: 40px;background: url(../images/user.png) no-repeat;background-size: cover;display: block;width:40px;overflow: hidden;}


/* back-top */


#gotop {position:fixed; right:0px; width:68px; top:50%; z-index:999;background: #fff;border-radius: 10px;margin-top: -250px;box-shadow: 0 0 14px 2px rgba(0,0,0, 0.1);}
#gotop a{height: 84px;display: block;cursor:pointer;position: relative;color:#6C7988;font-size: 14px;text-align: center;}
#gotop a>i {width:20px;height:20px;margin-top: 10px;}
#gotop .ico,.icon-fd-qq,.icon-fd-tel {background: url(../images/tgotop.png) no-repeat;display: inline-block;}
#gotop a span {display: block;width:28px;padding:0 20px;line-height: 16px;}
#gotop .ico-free {background-position: 0 0;}
#gotop .ico-sq {background-position: 0 -30px;}
#gotop .ico-sh {background-position: 0 -60px;}
#gotop .ico-yuyue {background-position: 0 -90px;}
#gotop .ico-tousu {background-position: 0 -120px;}
#gotop a:hover {color:#0156b9}
#gotop a:hover p {display: block;}
#gotop a:hover .ico-free {background-position: -20px 0;}
#gotop a:hover .ico-sq {background-position:  -20px -30px;}
#gotop a:hover .ico-sh {background-position:  -20px -60px;}
#gotop a:hover .ico-yuyue {background-position:  -20px -90px;}
#gotop a:hover .ico-tousu {background-position:  -20px -120px;}

#gotop a.btn-top {padding:0 10px;height:68px;display: none;}
#gotop a.btn-top em {display: block;border-top: 1px solid #e8e8e8;padding-top: 10px;}
#gotop a.btn-top em i {width:36px;height: 36px;background:#8496AB;display: block;margin:0 auto;border-radius: 50%;color: #fff;font-size: 20px;line-height: 36px;}
#gotop a.btn-top:hover em i {background-color: #0156b9;}

#gotop p {display: block;height:68px;position: absolute;top:0;right: 88px;width: 228px;text-align: center;display: none;background: #fff;padding: 20px;border-radius: 10px;box-shadow: 0 0 14px 2px rgba(0,0,0, 0.1);text-align: left;}

#gotop a p::after {content: "";width:0;height:0;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent #fff;position: absolute;top: 30px;right: -10px;}
#gotop p b {display: block;font-size: 20px;color: #000;padding-bottom: 14px;}
#gotop p em {line-height: 18px;height: 20px;color: #888}
#gotop p em i {display: inline-block;vertical-align: middle;width: 18px;height: 18px;margin-right: 0px;background-position: 0 -150px;}
#gotop p em i.icon-fd-tel {background-position: 0 -180px;}
#gotop .server p {width: 130px;height:140px;text-align: center;}
#gotop .server p b {font-size: 14px;padding: 0;}
#gotop a p img {width: 120px;height: 120px;border: 4px solid #fff;}



/* 最小宽*/
#footer,.full-slide,.youshi,.loop,.banner-faq{min-width:1368px;}
#footer {clear:both;background:#1F252D;color:#979BA1;}
#footer a {color: #979BA1;}
#footer .foot {background: #29333F;padding: 60px 0;}
#footer .foot .w {position: relative;}
#footer .help {float: left;background: url(../images/minilogo.png) no-repeat 0 0px;padding-left: 20px;}
#footer .help dl {float: left;padding-left: 50px;min-width: 100px;}
#footer .help dl dt {color: #fff;font-size: 16px;height: 40px;position: relative;}
#footer .help dl dt a{color: #fff;}
#footer .help dl dt::after {content: "";border-bottom: 1px solid #3B424B;width: 100%;display: block;position: absolute;bottom: 0;left: 0;}
#footer .help dl dd {padding-top: 10px;}
#footer .help dl dd p {line-height: 32px;font-size: 14px;}
#footer .help dl dd p a {color: #979BA1;}
#footer .help dl:nth-child(2) dd p {width: 130px;float: left;}
#footer .help dl:nth-child(2) {width: 260px;}
#footer .help dl:last-child dt::after {width: 120px;}
#footer .qrcode {width: 120px;text-align: center;position: absolute;top:0px;right:0;}
#footer .qrcode img {border-radius: 10px;display: block;width:120px}
#footer .qrcode p {padding-top: 10px;}
.copyright {padding:32px 0;height: auto;text-align: center;color: #979BA1;font-size: 14px}
.copyright a{color: #979BA1;}
#footer a:hover {color: #3FC3C8 !important;}

.full-slide {position: relative;min-width: 1200px;}



.full-news {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,0.1);background: #6F6E78\9;}

.full-news-box {width: 1168px;margin: 0 auto;}
.full-news-box ul {position: absolute;bottom: -70px;z-index: 1;}
.full-news-box ul li {width:230px;height:120px;padding:10px 25px;display: inline-block;margin:0 2px;background-color: #fff;border-radius: 10px;box-shadow: 0 0 14px 2px rgba(65,142,253, 0.1);}
.full-news-box ul li a {font-size: 14px;line-height: 25px;color: #6C7988;display: block;}
.full-news-box ul li p {font-size: 16px;line-height: 36px;color: #181C26;overflow: hidden;word-wrap: normal;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;}
.full-news-box ul li span {display: block;height:50px;}
.full-news-box ul li em {display: block;text-align: right;color: #0156b9;}
.full-news-box ul li:hover {box-shadow: 0 0 14px 2px rgba(65,142,253, 0.4);}
.swiper-top {--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
    --swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */}
.swiper-top .swiper-slide img {width: 100%;height: 550px;display: block;border: none;}
.swiper-top .swiper-slide {position: relative;height: 550px;cursor: pointer;}
.swiper-top .bg1 {background: url(../images/banner/bannar1.jpg) top center no-repeat;}
.swiper-top .bg2 {background: url(../images/banner/bannar2.jpg) top center no-repeat;}
.swiper-top .zhunr {width: 1150px;margin: 0px auto;display: block;text-align: left;position: relative}
.swiper-top .zhunr .zuo_left {position: absolute;top:0;left: 0;z-index: 1;}
.swiper-top .zhunr .zuo_left .name {font-size: 28px;line-height: 42px;color: #fff;padding-top: 160px;}
.swiper-top .zhunr .zuo_left .desc {margin-top: 10px;font-size: 40px;line-height: 48px;color: #fff;font-weight: bold;}
.swiper-top .zhunr .zuo_left .more {margin: 10px 0 25px;font-size: 20px;line-height: 48px;color: #fff;}
.swiper-top .zhunr .zuo_left .sbtn {display: block;line-height: 40px;height: 40px;width: 150px;}
.swiper-top .black .zhunr * {color: #000000 !important;}
.swiper-top .black .zhunr .zuo_left .sbtn {color: #fff !important;}
.swiper-top .zhunr .you_right {width: 800px;position: absolute;top:0;right: 0;z-index: 0;}
.swiper-top>.swiper-pagination-bullets {bottom: 88px !important;}
.swiper-top>.swiper-pagination-bullets span {width: 34px;height:2px;}
.swiper-top>.swiper-pagination-bullets span.swiper-pagination-bullet-active {background: #6279FF;}
.swiper-top .swiper-button-prev,.swiper-top .swiper-button-next {opacity: 0;}
.swiper-top:hover .swiper-button-prev,.swiper-top:hover .swiper-button-next {opacity: 1;}
.swiper-top .swiper-slide .bg-video {position: absolute;top: 0;left: 0;width: 100%;height: 550px;}
.swiper-top .swiper-slide .bg-video video {width: 100%;height: 550px;object-fit: fill;}

.swiper-top .swiper-button-prev {left:5%}
.swiper-top .swiper-button-next {right:5%}
.hxd_wz1 {position: absolute;top: -42px;left: 458px;}
.hxd_wz2 {position: absolute;top: 22px;left: 432px;}
.hxd_wz3 {position: absolute;top: -45px;left: 375px;}
.hxd_wz4 {position: absolute;top: 0px;left: 396px;}

#main {height:100%;overflow:hidden}

/* 首页 */
.loop {padding: 80px 0;}
.loop .title {margin-bottom: 60px;}
.loop .title h3 {height: 44px;text-align: center;line-height: 44px;font-size: 32px;font-weight: bold;color: #000;}
.loop .title p {color: #3D485D;padding: 20px 10%;font-size: 16px;line-height: 30px;text-align: center;}


/* 产品 */
.product {padding:160px 0 0;}
.product-list {background: #F2F6FF;padding:80px 0 100px}
.product-list ul {}
.product-list li {box-shadow: 0 0 14px 2px rgba(65,142,253, 0.1);float: left;width: 32%;margin-left: 2%;border-radius: 3px;transition: All 0.3s ease-in-out;background: #fff;}
.product-list li:first-child {margin-left: 0;}
.product-list li .bd {padding:52px 25px;height:500px}
.product-list li:hover {padding: 0;transform: scale(1.05);}
.product-list li .hd {height: 76px;padding-top: 20px;}
.product-list li .hd h2 {font-size: 26px;line-height: 34px;}
.product-list li .hd h2::before {content: "";background: url(../images/ico.png) no-repeat 0 -24px;display: inline-block; vertical-align: top;width:34px;height: 34px;margin-right: .8rem;}
.product-list li .hd h2.ico-jdata::before{background-position: -48px -24px;width:38px}
.product-list li .hd h2.ico-jbi::before {background-position: -96px -24px;width:34px}
.product-list li .config {padding: 20px 40px 0;line-height: 50px;}
.product-list li dl {height: 146px;}
.product-list li dl dt {color:#0156b9;font-size: 20px;font-weight: 400;height:34px}
.product-list li dl dt::before {content: "";width:8px;height:8px;background: #0156b9;display: inline-block;border-radius: 50%;overflow:hidden; margin-right: .5em;vertical-align: text-top;margin-top: 10px;}
.product-list li dl dd {line-height: 30px;color: #9394A3;}
.product-list li dl dd i {font-size: 14px;margin:4px 2% 4px 0;width:31%;display: inline-block;text-align: center;position: relative;z-index: 2;}
.product-list li dl dd i::before {content: "";border: 1px solid #DEE4EC;display: block;height:28px;position: absolute;top:0;left:0;width:100%;cursor: pointer;}
.product-list li dl dd i:hover::before {border-color: #1E61FF;}
.product-list li .buy {text-align: center;padding-top: 40px;}
.product-list li .buy a {display: inline-block;transition: all 0.3s ease-out 0s;width:100%}


.solution {height: 840px;position: relative;overflow: hidden;padding-bottom: 0;}
.solution .w {position: relative;z-index: 1;}
.solution .solutionbg,.banner-hzbg{background:  url(../images/solution.png);position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-transform: scale(1);transform: scale(1);-webkit-animation-name: slideBgImage;animation-name: slideBgImage;-webkit-animation-duration: 7000ms;animation-duration: 7000ms;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: linear;animation-timing-function: linear;}
@-webkit-keyframes ImgBounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}
@keyframes ImgBounce {
    0% {-webkit-transform: translateY(0);transform: translateY(0);}
    100% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
}
@-webkit-keyframes slideBgImage {
    from {-webkit-transform: scale(1);transform: scale(1);}
    to {-webkit-transform: scale(1.15);transform: scale(1.15);}
}
@keyframes slideBgImage {
    from {-webkit-transform: scale(1);transform: scale(1);} 
    to {-webkit-transform: scale(1.15);transform: scale(1.15);}
}

.solution .title h3,.solution .title p{color: #fff;}

.ts ul {height: 512px;width:1088px;margin:0 auto}
.ts li {float: left;width: 200px;margin:28px 36px;text-align: center;}
.ts li a {display: block;border: 1px solid #4A5F80;height: 194px;border-radius: 10px;background: #2B3D5A;color: #fff;padding:2px;}
.ts li em {width: 90px;height: 104px;display: block;border-radius: 100%;margin: 0 auto;-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out;margin-top: 30px;}
.ts i {display: inline-block;width: 90px;height: 90px;background: url(../images/ts.png) no-repeat;margin: 0px auto;}
.ts li i.ts2 {background-position: -90px 0}
.ts li i.ts3 {background-position: -180px 0}
.ts li i.ts4 {background-position: -270px 0}
.ts li i.ts5 {background-position: -360px 0}
.ts li i.ts6 {background-position: -450px 0}
.ts li i.ts7 {background-position: -540px 0}
.ts li i.ts8 {background-position: -630px 0}

.ts li:hover i.ts1 {background-position: 0px -90px}
.ts li:hover i.ts2 {background-position: -90px 0}
.ts li:hover i.ts3 {background-position: -180px -90px}
.ts li:hover i.ts4 {background-position: -270px -90px}
.ts li:hover i.ts5 {background-position: -360px -90px}
.ts li:hover i.ts6 {background-position: -450px -90px}
.ts li:hover i.ts7 {background-position: -540px -90px}
.ts li:hover i.ts8 {background-position: -630px -90px}

.ts li a:hover {border: 3px solid #0156b9;padding:0;}
.ts li a:hover em {-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);transform:translate(0,-10px);}
.ts li b {display: block;font-size: 17px;font-weight: 400;}


.about {padding: 60px 0 0;}
.about .w {position: relative;z-index: 1;}
.xznum {text-align: center;}
.xznum dl {width: 16%;padding: 0 2%;text-align: center;display: inline-block;}
.xznum dl dt {font-size: 18px;height: 48px;font-weight: bold;}
.xznum dl dd {color: #000;}
.xznum dl dd b,.xznum dl dd strong {font-size: 50px;}
.xznum dl dd span {display: inline-block;vertical-align: middle;margin-left: 8px;position: relative;top: -22px;font-size: 26px;}
.xznum dl dd em {font-size: 60px}



.cases {padding: 40px 0px 0 0px;}
.cases li {float: left;background: #F5F8FF;width: 32%;margin-left: 2%;transition: All 0.3s ease-in-out;}
.cases li:first-child {margin-left: 0;}
.cases li img {width: 100%;height: 180px;}
.cases li b {display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;max-width: 100%;overflow: hidden;line-height: 40px;height: 40px;overflow: hidden;font-size: 18px;padding-top: 12px;}
.cases li p {line-height: 28px;color: #888999;font-size: 14px;height: 196px;overflow: hidden;text-overflow: ellipsis;}
.cases li a {display: block;padding:20px;}
.cases li:hover {box-shadow: 0 2px 18px rgba(0,0,0,0.1);}
.cases li span {display: block;line-height: 60px;color: #aaa;font-size: 14px;}

.partner {padding: 60px 0 10px;}
.partner ul {margin-left: -1%;}
.partner li {float: left;width: 15.666666%;margin:8px 0 10px 1%;text-align: center;height: 130px;position: relative;}
.partner li a {border: 2px solid #EFF6FF;display: block;padding:8px;transition: .2s;height: 110px;}
.partner li img {display: block;width: 80%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}
.partner li a:hover {transform: translateY(-5px);}
.partner li a:hover {border-color: #fff;box-shadow: 0 2px 18px rgba(0,0,0,0.1)}
.partner li.more a {color: #C0C1C9;}
.partner li.more p {font-size: 50px;}

.study {border:1px solid #E7EAF1;border-bottom: 0;border-left: 0;}
.study dl {float: left;width: 50%;height: 198px;border-bottom:1px solid #E7EAF1;position: relative;transition: All 0.9s ease-in-out;}
.study dl::after {transition: All 0.9s ease-in-out;}
.study dl::before {border-left: 1px solid #E7EAF1;content: "";height: 100%;position: absolute;top: 0;left: 0;}
.study dl dt,.study dl dd {position: relative;z-index: 9;padding:0 40px}
.study dl dt i {width: 24px;height: 24px;background: url(../images/ico.png) no-repeat;display: inline-block; vertical-align: middle;margin-right: 10px;}
.study dl dt i.stu3 {background-position: -24px 0;}
.study dl dt i.stu2 {background-position: -48px 0;}
.study dl dt i.stu4 {background-position: -72px 0;}

.study dl dt {font-weight: bold;font-size: 18px;height: 36px;padding-top: 40px;}
.study dl dd {padding-right: 0;}
.study dl dd p {color: #3D485D;line-height: 44px;}
.study dl dd span {display: block;padding-top: 10px;}
.study dl dd span a {margin-right: 2em;color: #0156b9;}
.study dl dd span a:hover {color: #000;}
.study dl:hover::after {content: "";height: 100%;position: absolute;top: -1px;left: 0;border: 1px solid #0156b9;width: 100%;z-index: 1;}

.news {background:#F2F6FF;}
.news .hd {border-bottom: 1px solid #E3E6EE;}
.news .hd ul {text-align: center;height: 40px;}
.news .hd li {display: inline-block;width: 170px;font-size: 20px;height: 40px;position: relative;}
.news .hd li.on,.news .hd li.on a {color:#0156b9;font-weight: bold;}
.news .hd li.on::after {content: "";width: 100%;height: 2px;position: absolute;bottom: 0;left: 0;display: block;}
.new-box {}
.new-box ul {padding: 40px 0px 0 0px;}
.new-box ul li {float: left;box-shadow: 0 2px 18px rgba(65,142,253,0.2);background: #fff;width: 23.5%;margin-left: 2%;transition: All 0.3s ease-in-out;}
.new-box ul li:first-child {margin-left: 0;}
.new-box ul li img {width: 100%;height: 140px;}
.new-box ul li b {display: inline-block;text-overflow: ellipsis;white-space: nowrap;word-break: keep-all;max-width: 100%;overflow: hidden;line-height: 40px;height: 40px;overflow: hidden;font-size: 16px;padding-top: 20px;}
.new-box ul li p {line-height: 30px;color: #888999;font-size: 14px;height:150px;overflow:hidden}
.new-box ul li a {border:3px solid #fff;display: block;padding:17px;transition: All 0.3s ease-in-out;}
.new-box ul li a:hover {border-color:#0156b9;}
.new-box ul li span {display: block;line-height: 90px;color: #888999;font-size: 14px;}


a.btn {width: 160px;height: 36px;border-radius: 36px;line-height: 36px;color: #3FC5C8;border: 1px solid #3FC5C8;text-align: center;text-decoration: none;display: inline-block;}
a.btn:hover,a.btn-buy {background: #3FC5C8;color: #fff;}
a.btn-z {border-radius: 0;}
a.btn-buy {line-height: 40px;height: 40px;}
a.btn-buy:hover {background: #fff;color: #3FC3C8;}
a.btn-dl {border-color: #F8F8F8;color: #F8F8F8;}
a.btn-dl:hover {border-color: #3FC3C8;}

.gbook li {height: 72px;float: left;width: 33.333333%;line-height: 42px;position: relative;}
.gbook li label {display: inline-block;width: 72px;text-align: right;padding-right: 10px;}
.gbook li label em {color: #f00;margin-right: .5rem;}
.gbook li>div {display: block;position: absolute;top:0;left:82px;width: 80%;}
.gbook li>div input,.gbook li>div textarea {padding:0 10px;line-height: 40px;height: 40px;border: 1px solid #d8d8d8;width: 100%;border-radius: 3px;}
.gbook li.saytext {width: 100%;}
.gbook li.saytext>div {width: 93.3%;}
.gbook li.saytext {height: 140px;}
.gbook li>div textarea {height: 110px;}
.gbook .msgerro {color: #f00;margin-left: 2em;font-size: 14px;}

.sbtn,.news .hd li.on::after,.icotab li.on::after,.menu li.curr a::after,.linerbg::after {background-image: linear-gradient(to right, #0156b9 0%, #0374f8 100%);background-image: -webkit-linear-gradient(to right, #0156b9 0%, #0374f8 100%);background-image: -o-linear-gradient(to right, #0156b9 0%, #0374f8 100%);background-image: -moz-linear-gradient(to right, #0156b9 0%, #0374f8 100%);}
.sbtn:hover {background-image: linear-gradient(to right, #0099FF 0%, #0156b9 100%);background-image: -webkit-linear-gradient(to right, #0099FF 0%, #0156b9 100%);background-image: -o-linear-gradient(to right, #0099FF 0%, #0156b9 100%);background-image: -moz-linear-gradient(to right, #0099FF 0%, #0156b9 100%);}

.sbtn,a.sbtn {width: 180px;height: 48px;line-height: 48px;border:0;color: #fff;cursor: pointer;text-align: center;}

.footer-banner {background: #F4F3EF url(../images/foot-banner.jpg) no-repeat ;height: 206px;text-align: center;}
.footer-banner p {font-size: 26px;color: #fff;line-height: 46px;padding-top: 80px;}
.footer-banner a.btn-z {line-height: 46px;height: 46px;width: 180px;border: none;background-color: #fff;color: #1E61FF;font-size: 16px;font-weight: bold;margin-left: 40px;}

/* 内页 */
.view-banner {height: 430px;background: url(../images/product/banner.png) no-repeat center 0;background-size: auto 100%;min-width: 1200px;}

.view-banner .inf .name {font-size: 26px;line-height: 42px;color: #fff;padding-top: 100px;font-weight: 400;}
.view-banner .inf .bname {color: #fff;font-size: 26px;line-height: 30px;padding: 20px 0;}
.view-banner .inf .desc {margin-top: 20px;font-size: 16px;line-height: 48px;color: #fff;}
.view-banner .inf dl {padding-top: 10px;}
.view-banner .inf dl dd {display: inline-block;margin-right: 2em;color: #3EC4C7;width: 180px;line-height: 36px;}
.view-banner .inf dl dd::before {content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;vertical-align: middle;background: #3EC4C7;margin-right: .5em;}
.view-banner .inf p.fbtn {margin-top: 20px;}
.view-banner .inf p.fbtn a {display: block;}


.scroll::-webkit-scrollbar{width: 7px;background: rgba(100, 100, 100, 0.10);}
.scroll::-webkit-scrollbar-thumb {border-radius:10px;background: rgba(182, 209, 250, 1);}
.scroll::-webkit-scrollbar-thumb:window-inactive {background: rgba(200, 200, 200, 0.2);}

@media only screen and (max-width:1150px){
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
body {font-size: 100%;padding-top:0;}
.w,.menu ul,#footer .copyright,#main {width:100%;min-width: auto;}
#header {width: 100%;position: static;min-width: auto;}
#gotop,#footer .foot,#header .plus .tlogin {display:none}
/* 公供 */
#header .head {height:4rem;}
.navbtn i,.navback i {display:inline-block;font-size:1.4rem}
.navbtn,.navback {width: 2.6rem; height: 2.6rem; overflow: hidden;top:.7rem; right: .7rem; cursor: pointer;line-height: 2.6rem;text-align: center;color: #333;position: absolute;}
.plus {height:1rem;line-height:1rem;top:1.5rem;right:3rem;boder:1px solid #f00}
.plus .tel {color: #F8F8F8;padding:0 0em 0 0;width:9rem;background: url(../images/tel.png) no-repeat 1.5rem center;background-size:6rem auto;margin:0}
.plus .tel::before {width: 1rem;height: 1rem;background: url(../images/telico.png) no-repeat;background-size:100% auto;margin-right: .5rem;}



.plus .txt span {position: fixed;top:60%;right:0;z-index: 9;padding:0}
.plus .txt span a {width: 4rem;line-height: 1.4rem;height: 3.2rem;border-radius: 4px 0 0 4px;padding:.2rem .8rem}


.logo {float:none;widtH:40%;height:3rem;padding-top:1rem;margin:0rem 0 0 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.logo a,.logo a:visited {width:100%;line-height:6rem;height:2rem;background:url(../images/logo.png) no-repeat 1rem center;background-size: auto 100%;}




.menu {line-height:1rem;background: #fff;left: -50rem;position: fixed;top: 4rem;display: block;height: 100%;width: 45%;min-width: 140px;max-width: 320px;z-index: 90002;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;overflow: auto;float:none;}

.menu.in {left:0;box-shadow: 2px 3px 30px -1px rgba(212, 212, 212, 0.4);}
.menu li {float:none;margin-left: 0px;font-size: 1rem;line-height:100%;height:auto;border-bottom: 1px solid #eee;}
.menu li > a::before,.menu li .drop-t a:before {content:'';position: absolute;top:50%;right:1rem;background:url(../images/more-icon-dark.png) no-repeat;background-size:100% auto;width:.4rem;height:1rem;opacity: .5;margin-top: -.5rem;}
.menu li > a,.menu li .drop-t a {padding: .8rem 0 .8rem 1rem;line-height: 2rem;position: relative;font-size: 1rem}
.menu li.curr > a::after,.menu li.curr .drop-t a::after {display: none;}
.menu li.curr {background:#F2F6FF;}

.mask {position:fixed;_position:absolute;pointer-events:auto;top:4rem;left:0;width:100%;height:100%;/*_height:expression(document.body.offsetHeight+"px");*/ background:rgba(0, 0, 0, .3);z-index:9;display: none;}


.drop {display: none;position: absolute;border-radius:none;padding: 1rem;box-sizing: border-box;background-color: #ffffff;box-shadow: 2px 3px 30px -1px rgba(212, 212, 212, 0.4);transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;}

.navpro {height: 100%;border: 0;padding:0 0 4rem;position:fixed;top:4rem;left:-50rem;width:55%;z-index: 1;overflow-y:auto}
.navpro.in {left:45%;display:block;}
.navpro .pro_l {float:none;width:100%;padding-left:1rem}
.navpro .pro_l dl dt {height: auto;}
.navpro .pro_l dl dt b {font-size: 1rem;}
.navpro .pro_l dl {float: none;width: 100%;padding-top: 1rem;}
.navpro .pro_l dl dd {height: auto;padding:.5rem 0;}
.navpro .pro_l dl dd p {line-height: 1.4rem;height: 1.4rem;overflow: hidden;font-size: .875rem;}
.navpro .pro_l dl dd span {font-size: .75rem;line-height: 1.4rem;padding-right: 1rem;}
.navpro .pro_r {width: 100%;float: none;padding:0 1rem 2rem;border-top: 1px solid #E7ECF1;}
.navpro .shiyong {line-height: 34px;height: auto;padding:2rem 0 1rem;border:0;}
.navpro .shiyong em {font-size: .875rem;float: none;}
.navpro .shiyong span {float: none;}
.navpro .shiyong span a {width: 100%;}
.navpro .pro_r {border-left:0;height:auto}
.navpro .pro_r .img {padding-top: 0rem;}
.navpro .pro_r .img em {font-size: .875rem;padding-bottom: 0px;}
.navpro .pro_r .img img {width:100%}


/* 最小宽*/
#footer,.full-slide,.youshi,.loop,.banner-faq{min-width:100%;}

.copyright {padding:1rem 0;height: auto;text-align: center;color: #979BA1;font-size: .75rem}
.copyright a{color: #979BA1;}
#footer a:hover {color: #3FC3C8 !important;}

.full-slide {min-width: 100%;}

.full-news {position: static;bottom: 0;left: 0;right: 0;background: rgba(255,255,255,0.1);background: #6F6E78\9;}

.full-news-box {width: 100%;margin:0 auto;padding:0rem 0 1rem}
.full-news-box ul {position: static;}
.full-news-box ul li {width:100%;height:auto;padding:.25rem 1rem;display: block;margin:.25rem 0;background-color: #fff;border-radius: 0px;box-shadow: 0 0 14px 2px rgba(65,142,253, 0.1);}
.full-news-box ul li a {font-size: .875rem;}
.full-news-box ul li p {font-size: 1rem;}
.full-news-box ul li span {height:auto;padding-bottom:.5rem}
.full-news-box ul li em {display: none;}
.full-news-box ul li:hover {box-shadow:none;}

.swiper-top .swiper-slide img {width: 100%;height: 100%;display: block;border: none;}
.swiper-top .swiper-slide {position: relative;height: 15rem;cursor: pointer;}
.swiper-top .bg1 {background: url(../images/banner/bannar0.jpg) top center no-repeat;}
.swiper-top .bg2 {background: url(../images/banner/bannar3.jpg) top center no-repeat;}
.swiper-top .zhunr {width: 90%;text-align: center;position: relative;}
.swiper-top .zhunr .zuo_left {position: static;}
.swiper-top .zhunr .zuo_left .name {font-size: 1rem;line-height: 1.6rem;padding-top: 3rem;}
.swiper-top .zhunr .zuo_left .desc {margin-top: 1rem;font-size: 1.2rem;line-height: 2rem;}
.swiper-top .zhunr .zuo_left .more {margin: 10px 0 1rem;font-size: .875rem;line-height: 1.4rem;color: #fff;}
.swiper-top .zhunr .zuo_left .sbtn {display: block;width: 8rem;margin:0 auto;font-size: .75rem;line-height:2rem;height:2rem}

.swiper-top>.swiper-pagination-bullets {bottom: 1rem !important;}
.swiper-top>.swiper-pagination-bullets span {border-radius:0}

.swiper-top .swiper-button-prev {display: none}
.swiper-top .swiper-button-next {display: none}



#main {height:100%;overflow:hidden}

/* 首页 */
.loop {padding: 2rem 0;}
.loop .title {margin-bottom: 2rem;padding:0 1rem}
.loop .title h3 {height: auto;text-align: center;line-height: 2rem;font-size: 1.4rem;}
.loop .title p {padding: .5rem 0%;font-size: .875rem;line-height:1.6rem}


/* 产品 */
.product {padding:1rem 0 0;}
.product-list {padding:1rem .5rem 1rem}

.product-list li {box-shadow: 0 0 14px 2px rgba(65,142,253, 0.1);float: none;width: 100%;margin:.5rem 0;}
.product-list li:first-child {margin-left: 0;}
.product-list li .bd {padding:2rem 1rem;height:auto}
.product-list li:hover {padding: 0;transform: none;}
.product-list li .hd {height: 46px;padding-top: 0rem;}
.product-list li .hd h2 {font-size: 1.2rem;}
.product-list li .config {padding: 1rem 2rem 0;line-height: 2rem;}
.product-list li dl {height: auto;padding-bottom:1rem;}
.product-list li dl dt {color:#0156b9;font-size: 1rem;}
.product-list li dl dt::before {margin-top: 7px;}
.product-list li dl dd {line-height: 1.4rem;font-size: .75rem}
.product-list li dl dd i {font-size: .75rem;margin:4px 2% 4px 0;width:31%;}
.product-list li dl dd i::before {height:1.4rem;}
.product-list li .buy {padding-top: 0rem;}


.solution {height: 100%;position: relative;overflow: hidden;padding-bottom: 2rem;}

.ts ul {height: 100%;width:100%;margin:0 auto;padding:0 .5rem}
.ts li {width: 50%;margin:.5rem 0;padding:0 .5rem;}
.ts li a {height:auto;padding: 1rem 0 1.5rem}
.ts li em {width: 90px;height: 90px;display: block;border-radius: 100%;margin: 0 auto;-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;-ms-transition: -ms-transform 0.3s ease-out;margin-top: 0px;}
.ts li b {font-size: 1rem;}


.about {padding: 2rem 0 0;}
.about .w {position: relative;z-index: 1;}
.xznum dl {width: 33.333333%;padding: 0 .5rem;float:left;}
.xznum dl dt {font-size: .875rem;height: 2rem;}
.xznum dl dd b,.xznum dl dd strong {font-size: 1.2rem;}
.xznum dl dd span {top: -1rem;font-size: 1.2rem;}
.xznum dl dd em {font-size: 1.2rem}

.cases {padding: 1rem 0px 0 0px;}
.cases li {float: none;width: 100%;margin-left: 0%;margin-bottom:0rem;}
.cases li div.img {background:#fff;text-align:center;}
.cases li img {max-width:190px;margin:0 auto;height:auto;max-height:100px}
.cases li b {display:block;font-size: 1.2rem;line-height: 1.6rem;height:100%;}
.cases li p {line-height: 1.6rem;font-size: .875rem;padding-top:1rem;height: 196px;overflow: hidden;text-overflow: ellipsis;}
.cases li a {display: block;padding:1rem;}
.cases li:hover {box-shadow: none;}

.partner {padding: .5rem 0 1rem;}
.partner ul {margin-left: 0%;}
.partner li {float: left;width: 33.333333%;margin:0%;height: auto;padding:0.25rem;}
.partner li img {max-height:4rem;width:auto}
.partner li a {padding:.25rem;height: 5rem;}
.partner li a:hover {transform: none;}
.partner li.more p {font-size: 2rem;}

.study {border:0px solid #E7EAF1;border-bottom: 0;border-left: 0;}
.study dl {float: none;width: 100%;height: auto;border-bottom:1px solid #E7EAF1;padding:1rem 0}
.study dl:last-child {border-bottom:0}
.study dl dt,.study dl dd {padding:0 1rem}
.study dl dt {font-size: 1.2rem;height: 2rem;padding-top: 0px;}
.study dl dd {padding-right: 0;}
.study dl dd p {line-height: 1.6rem;font-size: .875rem}

.news {padding-bottom:1rem}
.news .hd ul{display:-moz-box;display:-webkit-box;display:box}
.news .hd li {-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.news .hd li {display: block;width: auto;font-size: 1.2rem;}

.new-box {}
.new-box ul {padding: 0rem 0px 0 0px}
.new-box ul li {float: none;box-shadow:none;background: #fff;width: 100%;margin-left: 0;transition: All 0.3s ease-in-out;position: relative;border-bottom:1px solid #e8e8e8;}
.new-box ul li:first-child {margin-left: 0;}
.new-box ul li img {display:none;}
.new-box ul li b {display: block;line-height: auto;height: auto;overflow: hidden;font-size: 1rem;padding-top: 0;}
.new-box ul li p {line-height: 1.6rem;font-size: .75rem;height:auto;}
.new-box ul li a {border:0px solid #fff;padding:0rem 1rem;}
.new-box ul li span {line-height: 2rem;color: #888999;font-size: .75rem;}
.new-box ul li.more {padding:1rem;border:0}


a.btn {width: auto;height: 36px;border-radius: 36px;line-height: 36px;color: #3FC5C8;border: 1px solid #3FC5C8;text-align: center;text-decoration: none;display: inline-block;}
a.btn:hover,a.btn-buy {background: #3FC5C8;color: #fff;}
a.btn-z {border-radius: 0;}
a.btn-buy {line-height: 40px;height: 40px;}
a.btn-buy:hover {background: #fff;color: #3FC3C8;}
a.btn-dl {border-color: #F8F8F8;color: #F8F8F8;}
a.btn-dl:hover {border-color: #3FC3C8;}

.gbook ul {padding:0 .5rem}
.gbook li {height: 52px;float: none;width: 100%;line-height: 42px;position: relative;}
.gbook li label {display: none;}
.gbook li>div {left:0px;width: 100%;}
.gbook li>div input,.gbook li>div textarea {padding:0 10px;line-height: 40px;height: 40px;border: 1px solid #d8d8d8;width: 100%;border-radius: 3px;}
.gbook li.saytext>div {width: 100%;}
.gbook li.saytext {height: 9rem;}
.gbook li>div textarea {height: 8rem;}
.gbook .msgerro {color: #f00;margin-left: 0;font-size: .75rem;display: block;}


.sbtn,a.sbtn {width: 100%;height: 2.2rem;line-height: 2.2rem;}

.footer-banner {background-size:auto 100%;height: auto;padding:2rem 0;}
.footer-banner p {font-size: 1rem;line-height: 46px;padding: 0;}
.footer-banner a.btn-z {width: auto;font-size: 1rem;margin-left: 0px;padding: 0 2rem;line-height: 2.6rem;height: 2.6rem;}

/* 内页 */
.view-banner {height: 10rem;min-width: 100%;}
.view-banner .inf {text-align:center;padding:0 1rem}
.view-banner .inf .name {font-size: 1.2rem;line-height: auto;color: #fff;padding-top: 1rem;font-weight: 400;line-height:1.6rem}
.view-banner .inf .bname {color: #fff;font-size: 1.4rem;line-height: auto;padding: 1rem 0;}
.view-banner .inf .desc {margin-top: 1rem;font-size: 1rem;line-height: 1.6rem;color: #fff;}
.view-banner .inf dl {padding-top: 10px;}
.view-banner .inf dl dd {display: inline-block;margin-right: 2em;color: #3EC4C7;width: 180px;line-height: 36px;}
.view-banner .inf dl dd::before {content: '';width: 6px;height: 6px;border-radius: 50%;display: inline-block;vertical-align: middle;background: #3EC4C7;margin-right: .5em;}
.view-banner .inf p.fbtn {margin-top: 20px;}
.view-banner .inf p.fbtn a {display: block;}


}
@media screen and (min-width : 768px) {
	
}

@media only screen and (max-width:768px) {
    

}


@media only screen and (max-width:640px) {

}
@media only screen and (max-width:480px) {


}
@media only screen and (max-width:360px) {



}
@media only screen and (max-width:320px) {
html{font-size: 62.5%}
	
}