@charset "utf-8";
/* CSS Document */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {box-sizing:border-box;-ms-overflow-style:scrollbar;}
*::before, *::after {}
* {margin:0px;  padding:0px;box-sizing:inherit; font-family: Adobe 黑体 }
html {-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul li{list-style:none;}
li{list-style:none;}
img {border:none; display: block }
a {text-decoration:none;blr:expression(this.onFocus=this.blur())}
a:link {text-decoration:none}
.clear {clear:both;} 
.pagebox { padding: 45px 0; overflow:hidden}
.warp {width:94%; max-width:1200px; margin:0 auto}
.bgfff { background:#FFF}
.ebf6fd { background:#ebf6fd}
.transition{-webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out;-o-transition:All 0.2s ease-in-out; transition:All 0.2s ease-in-out;}
@media(min-width:768px) {
.pagebox { padding: 90px 0; overflow: visible}
}
@font-face {
  font-family: "iconfont"; /* Project id 4614442 */
  src: url('//at.alicdn.com/t/c/font_4614442_dqv7ay68q3.woff2?t=1720665457403') format('woff2'),
       url('//at.alicdn.com/t/c/font_4614442_dqv7ay68q3.woff?t=1720665457403') format('woff'),
       url('//at.alicdn.com/t/c/font_4614442_dqv7ay68q3.ttf?t=1720665457403') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-yinhang:before {
  content: "\e64c";
}
.icon-quanshang:before {
  content: "\eb65";
}
.icon-internet-2:before {
  content: "\e60e";
}
.icon-pinpai:before {
  content: "\e606";
}
.icon-keji:before {
  content: "\e604";
}
.icon-qiche:before {
  content: "\ec6d";
}
.icon-xiangyoujiantou:before {
  content: "\e67c";
}
.icon-xiangyoujiantou1:before {
  content: "\e65f";
}
.icon-xiangzuojiantou:before {
  content: "\e660";
}
body {background:#def2ff}
.site-header {position:fixed;left:0;top:0;z-index:8000;width:100%;box-sizing:border-box; background:rgba(0, 0, 0, 0.3); /*box-shadow: 0 1px rgba(255,255,255,.2);*/padding:15px 0;}
.top .logo {float:left}
.top .logo img {height:32px; }
.top .zixun {float:right}
.top .zixun a {display:block; width:132px; height:42px; font-size:14px; background:#001f4d; color:#FFF; line-height:42px; text-align:center; border-radius:21px }
.top .zixun a:hover { background:#FFF; color:#001f4d}
@media(min-width:768px) {
.site-header {padding:25px 0;}
.top .logo img {height:52px;}
.top .zixun a {margin:5px 0; font-size:16px; }
}
.banner {background:url(../img/banner.jpg) center top no-repeat; height:686px;}
.banner .banner-text {padding:200px 0; color:#FFF;line-height:2; }
.banner .banner-text h1 {font-size:24px; font-weight:bold}
.banner .banner-text h2 {font-size:26px; font-weight:bold}
.banner .banner-text p {font-size:16px; line-height:1.5; margin: 10px 0 50px;}
.banner .banner-text a {display:block; width:158px; height:48px; font-size:18px; color:#4285f4; line-height:48px; text-align:center; background: rgba(255,255,255,1);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;border: 1px solid rgba(255,255,255,0.5);position: relative; border-radius:24px; overflow:hidden }
.banner .banner-text a span{z-index: 2;	display: block;position: absolute;width: 100%;height: 100%;	}
.banner .banner-text a::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0;background-color: rgba(57,54,196);-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;-webkit-transform: scale(0.5, 1);transform: scale(0.5, 1);}
.banner .banner-text a:hover::before{opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1); color:#fff;}
.banner .banner-text a:hover {color:#fff}
@media(min-width:768px) {
.banner .banner-text h1 {font-size:32px;}
.banner .banner-text h2 {font-size:58px;}
.banner .banner-text p {font-size:18px; }
}
.title h3{font-size:24px; line-height:1.8; font-weight:bold}
.title p{font-size:14px; line-height:2}
.title p.aaa{font-size:12px; color:#8c8c8c;line-height:2; margin-top:30px;}
.news-title{ position:relative}
.news-title .more { position:absolute; top:10px; right:0;}
.news-title .more a {display:block; width:80px; height:32px; font-size:14px; border: solid 1px #001f4d; color:#001f4d; line-height:30px; text-align:center; border-radius:16px; }
.news-title .more a:hover {background-color: rgba(57,54,196); color:#FFF}
@media(min-width:768px) {
.title h3{font-size:44px;}
.title p{font-size:18px;}
.title p.aaa{font-size:13px;}
}
.compatiblea { }
.compatiblea ul li{ display:block; margin-top:20px; text-align:center;}
.compatiblea ul li .compatiblea-box{padding:20px; border:solid 1px #f0f0f0;}
.compatiblea ul li .compatiblea-pic{ width:50%; max-width:95px;margin:0 auto 20px; }
.compatiblea ul li .compatiblea-pic img { width:100%;}
.compatiblea ul li .tcompatiblea-text{ }
.compatiblea ul li .compatiblea-text h4{ font-size:20px; line-height:2; font-weight:bold}
.compatiblea ul li .compatiblea-text p{ font-size:14px; color:#5c5c5c; line-height:1.6}
.compatiblea ul li:hover .compatiblea-box{box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1); margin-top:-10px}

@media(min-width:768px) {
.compatiblea ul li{float:left;width:calc((100% - 100px) /3); margin:50px 50px 0 0; }
.compatiblea ul li .compatiblea-box{padding:40px;}
.compatiblea ul li:nth-of-type(3) {margin-right:0}
}
.status {margin:20px 0px 0 0; }
.status ul li{ display:block; margin:10px 0px 0 0; }
.status ul li .status-box {height: 100%;padding:20px;border:solid 1px #f0f0f0;}
.status ul li h4{ font-size:18px; font-weight:bold;line-height:3 }
.status ul li h4 span{ color:#377cff}
.status ul li p{ font-size:14px; color:#5c5c5c;line-height:1.5 }
.status ul li:hover .status-box {box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1);margin-top:-10px}
@media(min-width:768px) {
.status ul{ display:flex;}
.status ul li{ display:block; float:left;width:calc((100% - 60px) /4); margin:30px 20px 0 0;  }
.status ul li:nth-of-type(4) {margin-right:0}
}
.compatibleb .compatibleb-libox{ margin:20px 0px 0 0; }
.compatibleb .compatibleb-libox .transition {padding:20px; border:solid 1px #f0f0f0;}
.compatibleb .compatibleb-libox .compatibleb-libox-pic{ }
.compatibleb .compatibleb-libox .compatibleb-libox-pic img{ display:inline-block; width:52px; margin-right:15px; border:solid 1px #f0f0f0; border-radius:6px }
.compatibleb .compatibleb-libox h4{ font-size:18px; line-height:3; font-weight:bold}
.compatibleb .compatibleb-libox p{ font-size:14px; color:#5c5c5c; line-height:1.6 }
.compatibleb .compatibleb-libox:hover .transition{box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1);margin-top:-10px}
@media(min-width:768px) {
.compatibleb { display:flex; }
.compatibleb .compatibleb-libox{width:calc((100% - 50px) /2); margin:30px 30px 0 0; }
.compatibleb .compatibleb-libox .compatibleb-libox-pic img { width:72px;margin-right:25px;  }
.compatibleb .compatibleb-libox .transition {padding:30px; }
.compatibleb .compatibleb-libox h4{ font-size:20px;}
.compatibleb .compatibleb-libox p{ font-size:16px;}
}
.industry { margin-top:30px }
.industry ul li{ display: block; float:left;width:calc((100% - 20px) /2);margin:20px 20px 0 0; }
.industry ul li:nth-of-type(2n) { margin-right:0 }
.industry ul li .transition{ padding:20px 20px; }
.industry ul li i { }
.industry ul li i::before {font-size:28px; color:#0049ff; margin:20px 10px 0 0}
.industry ul li:hover  .transition{ background:#0049ff; color:#FFF; }
.industry ul li:hover i::before{  color:#FFF; }
.industry ul li span{font-size:18px;}
@media(min-width:768px) {
.industry ul li {width:calc((100% - 100px) /6);}
.industry ul li:nth-of-type(2n) { margin-right:20px }
.industry ul li:nth-of-type(6n) { margin-right:0 }
.industry ul li .transition{ padding:20px 40px; }
}
.scene { }
.scene ul li{display: block; margin:20px 0px 0 0;}
.scene ul li .transition { height:100%; padding:20px; border:solid 1px #f2f6f7; }
.scene ul li .scene-pic{ width:46px; margin:0 auto 10px;}
.scene ul li .scene-pic img{ width:100% }
.scene ul li .scene-text{ }
.scene ul li .scene-text h4{font-size:20px; text-align:center; line-height:3; font-weight:bold;}
.scene ul li .scene-text p{ font-size:14px; color:#5c5c5c; line-height:1.6 }
.scene ul li  .transition:hover{box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1);margin-top:-10px }
@media(min-width:768px) {
.scene ul  { display:flex; }
.scene ul li{float:left;width:calc((100% - 60px) /4);margin:50px 20px 0 0;}
.scene ul li:nth-of-type(4n) { margin-right:0 }
.scene ul li .transition { padding:20px 40px; }
}
.cha { }
.cha ul li{ display:block;float:left;  text-align:center; margin:10px 10px 0 0;}
.cha.challenge ul li{width:calc((100% - 20px) /2);}
.cha.characteristic ul li{width:calc((100% - 20px) /2);}
.cha.challenge ul li:nth-of-type(2n),.cha.characteristic ul li:nth-of-type(2n) { margin-right:0 }
.cha ul li .transition { height:100%;  padding:30px 20px;  border:solid 1px #f2f6f7; }
.cha ul li .cha-pic{ margin:0 auto 20px;}
.cha.challenge ul li .cha-pic{ width:52px; }
.cha.characteristic ul li .cha-pic{ width:75px; }
.cha ul li .cha-pic img{ width:100% }
.cha ul li h4{ font-size:17px; }
.cha ul li  .transition:hover{box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1); margin-top:-10px}
@media(min-width:768px) {
.cha ul li{margin:30px 30px 0 0;}
.cha.challenge ul li{width:calc((100% - 120px) /5);}
.cha.characteristic ul li{width:calc((100% - 150px) /6);}
.cha.challenge ul li:nth-of-type(2n),.cha.characteristic ul li:nth-of-type(2n) { margin-right:30px }
.cha.challenge ul li:nth-of-type(5n),.cha.characteristic ul li:nth-of-type(6n) { margin-right:0 }
.cha ul li h4{ font-size:20px; }
}
.news-list .news-box {margin:20px 0px 0 0; background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.08);}
.news-list .news-item {display: block;overflow: hidden; margin: 0;padding: 20px;position: relative;}
.news-list .news-item .news-thumb {height: 13.875rem;position: relative;overflow: hidden;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.news-list .news-item .news-thumb .img-bg {width: 100%;height: 100%;background-size: cover;background-position: center center;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.news-list .news-item .news-info {position: relative;padding: 30px 0 20px;display: block;}
.news-list .news-item .news-tag {background: #ece9fa;font-size: 12px;display: inline-block;padding: .375rem .9375rem;margin-bottom: 1rem;color: #5741e7;}
.news-list .news-item .news-title {font-size: 16px;font-weight: 500;color: #3f3f44; display: block;line-height: 24px; height:48px;}
.news-list .news-item .news-info::after {  font-family: "iconfont"; content: "\e67c";position: absolute;bottom: -1.375rem;right: 2px; font-size:28px; color:#5741e7;/*background-color: #5741e7;*/transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;opacity: 0;}
.news-list .news-item:hover .news-thumb {height: 12rem;}
.news-list .news-item:hover .news-info::after {opacity: 1;right: 2px;}
@media(min-width:768px) {
.news-list { display:flex}
.news-list .news-box {float:left;width:calc((100% - 40px) /3);margin:20px 20px 0 0; }
.news-list .news-box:nth-of-type(3n) { margin-right:0 }
}
.coop { margin-top:40px;}
.coop ul li { display:block; float:left;width:calc((100% - 20px) /3); margin:10px 10px 0 0; background:#FFF; border:solid 1px #eceff3; border-radius:6px; text-align:center; padding:10px 0; box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.1); }
.coop ul li:nth-of-type(3n) { margin-right:0 }
.coop ul li img{ display:inline-block; width:72%;}
@media(min-width:768px) {
.coop ul li {width:calc((100% - 110px) /12);}
.coop ul li:nth-of-type(3n) { margin-right:10px }
.coop ul li:nth-of-type(12n) { margin-right:0 }
}
.tijiao { }
.tijiao form li { display:block; float:left;margin-top:20px; }
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(3),.tijiao form li:nth-of-type(4),.tijiao form li:nth-of-type(5){ width:100% }
.tijiao form input { display:block; width:100%; background-color: #fff; padding: 10px 20px; color: #000; font-size: 14px; line-height:24px;border:none}
.tijiao form input { outline:none} 
.tijiao form input.submit { background: #1677ff;color: #fff; text-align: center;padding-left: 0;cursor: pointer;*margin: 0 !important;*padding: 10px 0 !important;margin-right: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;height:44px;line-height: 44px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; letter-spacing:10px} 
@media(min-width:768px) {
.tijiao .tijiao-tit {color: #001637;font-weight:bold;font-size: 36px;padding-bottom: 25px; }
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(4){ width:49.5% ;margin-right:1%; }
.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(5){ width:49.5%; margin-right:0  }
.tijiao form li:nth-of-type(3){ width:100% ;margin-right:0; }
}
@media(min-width:992px) {
.tijiao form li:nth-of-type(1),.tijiao form li:nth-of-type(2),.tijiao form li:nth-of-type(3),.tijiao form li:nth-of-type(4),.tijiao form li:nth-of-type(5){ margin-right:2%}
.tijiao form li:nth-of-type(1){ width:15%;  }
.tijiao form li:nth-of-type(2){ width:15% ;}
.tijiao form li:nth-of-type(3){ width:23%  }
.tijiao form li:nth-of-type(4){ width:22%  }
.tijiao form li:nth-of-type(5){ width:15%  } 
}

.footer {padding:80px 0;background:#0451e8;}
.footer .footer-text p{font-size:14px;color:#FFF; line-height:2; margin-bottom:20px;}
.footer .footer-text p span { display:block;}
.footer .footer-text p.info {font-size:16px; font-weight:bold; margin:10px 0 30px;}
.footer .footer-text p.copyright{ text-align:center}.footer .footer-text p.copyright a { display:block; color:#FFF}
@media(min-width:768px) {
.footer .logo {float:left;}
.footer .footer-text {float:right; }
.footer .footer-text p span,.footer .footer-text p.copyright a { display: inline-block;}.footer .footer-text p span { margin-right:20px;}
.footer .footer-text p.copyright{ text-align:left}
}
.pagenavi { padding:50px 0;text-align:center }
.pagenavi span,.pagenavi a{ display:inline-block; font-size:14px; color:#0451e8; border:solid 1px #0451e8; border-radius:4px; margin:0 10px; padding:3px 8px; }
.pagenavi span.pages { }
.pagenavi span.current,.pagenavi a:hover { background:#0451e8; border:solid 1px #0451e8; color:#FFF }
.pagenavi span#next-page,.pagenavi span#next-page { padding:0; margin:0; border:none }
.article { padding:40px 20px;  background:#FFF}
.article .pos,.article .art-date { font-size:14px;color:#999; line-height:2;}
.article .pos a { color:#999;}
.article .art-title { padding:40px 0; font-size:22px; font-weight:bold }
.article .art-date { }
.article .entry-content { font-size:16px; color:#4f4f4f; line-height:2; margin:40px 0;}
.shangxia { border-top:solid 1px #EDEDED; padding-top:30px}
.shangxia .pre,.shangxia .next {display:block; font-size:14px;color:#757575   }
.shangxia .pre a,.shangxia .next a {color:#757575 }
.shangxia .next { margin-top:20px;}
@media screen and (min-width: 768px) {
.article { padding:80px 40px;}
.shangxia .pre,.shangxia .next {font-size:16px;}
.shangxia .pre{float:left;}
.shangxia .next {float:right; margin-top:0}
}