@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: "syRegular";
    src: url("../fonts/syRegular.eot");
    src: url("../fonts/syRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/syRegular.woff") format("woff"), url("../fonts/syRegular.ttf") format("truetype"), url("../fonts/syRegular.svg#syRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family:'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;
    margin: 0;
    padding: 0;
    font-style: normal !important;
    font-variant: normal !important;
    color: #222;
    font-size: 12px;
}
html{font-size:62.5%;}
a{
	color:#222;
	text-decoration:none;outline:none;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;
}
a:hover
{
    color:#e60012;
	text-decoration:none;outline:none;
}
a:focus{outline:none;text-decoration:none;}
.clear {
	clear:both;
	font-size:0px;
	line-height:0;
	height:0;
}
* html .clearfix {
	zoom: 1;
}
*:first-child+html .clearfix {
	zoom: 1;
}
.cell, .cell2, .cell3 {
	border-collapse:collapse;
	border-spacing:0;
}
.fl {
	float:left;}
.fr {
	float:right;}
.yh {
    font-family:"Microsoft Yahei","微软雅黑";
}
a,img{border:0px;}

br{font-family:SimSun;}

p{margin:0px;padding:0px;line-height:20px;}
i{margin:0px;padding:0px;font-style:normal;}
ul{margin:0px;padding:0px;list-style:none;}
ul li{margin:0px;padding:0px;list-style:none;}
br{margin:0px;padding:0px;}
.clearheight{width:100%;height:1px;overflow:hidden;}
input,select,textarea{font-family:'syRegular',Arial,'Microsoft Yahei','微软雅黑',SimSun,Arial,tahoma,arial !important;outline:none;}
input::-ms-clear, input::-ms-reveal{
        display: none;
  }
input[type="text"]:disabled
{
background-color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder {
    color: #999;
}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {
    -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 100px white inset;-webkit-tap-highlight-color:rgba(255,255,255,0);
}
input[type=button],input[type=text],input[type=password]{-webkit-appearance:none;outline:none}

/*loading*/
.loading{width:100%;height:100%;overflow:hidden;position:fixed;left:0px;top:0px;z-index:9998;display:block;}
.loading b.b1{width:100%;height:100%;display:block;overflow:hidden;background-color:#004c98;position:absolute;left:0px;top:0%;}


.section{width:100%;background-color:#fff;height:100vh;}
.section .pagefr{width:100%;height:calc(100vh - .92rem);margin-top:.92rem;overflow:hidden;display:flex;display:-webkit-flex;align-items:center;justify-content:flex-start;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.section .p_last{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}
.section.active .pagefr{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);}

@-webkit-keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}
 
@keyframes an_0 {
  0% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
  50% {box-shadow:0 0 10px 3px rgba(24,152,242,0.6)}
  100% {box-shadow:0 0 0px 0px rgba(24,152,242,0)}
}

@-webkit-keyframes an_02 {
  0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
 
@keyframes an_02 {
 0% {transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);}
  100%{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
}
.an_02{-webkit-animation-name:an_02;animation-name:an_02}


@-webkit-keyframes an_01 {
  0% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.99, 0.99); -moz-transform: scale(0.99, 0.99); -webkit-transform: scale(0.99, 0.99);}
}
 
@keyframes an_01 {
  0% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
  50%{transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1);}
  100% {transform: scale(0.96, 0.96); -moz-transform: scale(0.96, 0.96); -webkit-transform: scale(0.96, 0.96);}
}


@-webkit-keyframes an_03 {
  0% {opacity:0;}
  100%{opacity:1;}
}
 
@keyframes an_03 {
 0% {opacity:0;}
  100%{opacity:1;}
}
.an_03{-webkit-animation-name:an_03;animation-name:an_03;}

@-webkit-keyframes an_zdy {
  0% {}
  100%{}
}
 
@keyframes an_zdy {
 0% {}
  100%{}
}
.an_zdy{-webkit-animation-name:an_zdy;animation-name:an_zdy;}

@-webkit-keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}
 
@keyframes an_04 {
  0%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
  50%{transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);}
  100%{transform:translateY(-3px);-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);}
}

@-webkit-keyframes an_05 {
  0%{width:0rem;}
  100%{width:4.83rem;}
}
 
@keyframes an_05 {
  0%{left:0px;opacity:0;}
  10%{opacity:1;}
  100%{left:4.35rem;opacity:1;}
}
/*common*/

.visible-xs{ display: none !important;}
.edit-container{ width: 72.917vw; margin-left: auto; margin-right: auto; position: relative;}
.in_body{ width: 100%; overflow-x: hidden; line-height: 1.5;}

.wrap{width:100%;margin:0px auto;padding:0px;}
.wrap_c{margin:0px auto;padding:0px 0px;width:1400px;}
.wrap_in{margin:0px 3%;}
.wrap_nr{margin:0px 6.25%;}

.w_pc{}
.w_wap{display:none !important;}

header{border-bottom:1px solid #f40013;}

.topfr{width:100%;overflow:hidden;height:80px;position:fixed;left:0px;top:0px;z-index:99999;background-color:#fff;border-bottom:1px solid #e60012;}
.topfr .wrap_c{position:relative;}
.topfr .fl{width:105px;height:80px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;position:absolute;left:0px;top:0px;}
.topfr .fl img{width:100%;display:block;}
.topfr .fc{width:100%;overflow:hidden;}
.topfr .fc ul{font-size:0px;width:100%;overflow:hidden;text-align:right;}
.topfr .fc ul li a{color:#000;}
.topfr .fc ul li{display:inline-block;font-size:16px;line-height:80px;padding:0px 10px;position:relative;margin:0px 20px;font-weight:bold;}
.topfr .fc ul li b{width:0%;height:2px;display:block;overflow:hidden;background-color:#f40013;position:absolute;left:50%;bottom:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;}
.topfr .fc ul li.on b{width:100%;left:0px;}
.topfr .fc ul li.on a{color:#f40013;}

.fileIcon{ width: auto;}
#ns-float-contact-us .ns-float-details li p img{ width: auto;}

.suspension-contact-us{ position: fixed; bottom: 30px; right: 30px; z-index: 999999;}
.suspension-contact-us a{ margin-right: 0;}

.home-banner{ height: 100vh; position: relative;}
.home-banner img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.home-banner .banner-inner{ width: 100%; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.home-banner .banner-inner .edit-container{ width: 84.895vw;}
.home-banner .banner-inner .pic{ float: right; width: 45.95%; margin-right: -7.8125vw;}
.home-banner .banner-inner-cont{ width: 55.828%; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.home-banner .banner-inner-cont .tit{ font-size: 0.66rem; color: #3981eb; font-weight: bold; line-height: 1.2; margin-top: 0.15rem;}
.home-banner .banner-inner-cont .tit span{ color: #000;}
.home-banner .banner-inner-cont .tit2{ font-size: 0.38rem;}
.home-banner .banner-inner-cont .cont{ font-size: 0.22rem; line-height: 1.5; margin-top: 0.4rem; text-align:justify; text-justify:inter-ideograph;}
.home-banner .banner-inner-cont .banner-btn{ margin-top: 0.3rem;}
.home-banner .banner-inner-cont .banner-btn a{display:inline-block;line-height:.5rem;padding:0px .7rem;background-color:#f40013;color:#fff;border-radius:.5rem;font-size:14px;color:#fff;}

.base-title-box{ text-align: center;}
.base-title-box .tit{ font-size: 0.4rem; font-weight: bold; color: #3981eb;}
.base-title-box .tit2{ font-size: 0.28rem; font-weight: bold; margin-top: 0.1rem;}
.base-title-box .cont{ font-size: 0.2rem; margin-top: 0.2rem;}

.joint-recommend-section{ padding: 0.9rem 0;}
.joint-recommend-section .base-title-box{ text-align: left;}
.joint-recommend-inner{ margin-top: 0.6rem; position: relative;}
.joint-recommend-swiper .swiper-slide{ background-color: #fff;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .pic{ float: left; width: 30%;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .pic img{ display: block; width: 100%;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner{ float: right; width: 70%; padding-left: 0.7rem; font-size: 0.18rem; line-height: 1.5;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .top-box{ line-height: 0.58rem; font-size: 0.24rem; border-bottom: 1px solid #3981eb;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .top-box .name{ float: left; font-size: 0.3rem; font-weight: bold; padding: 0 0.08rem; position: relative;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .top-box .name::before{ content: ''; width: 100%; height: 3px; background-color: #3981eb; position: absolute; left: 0; bottom: -2px;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .top-box .position{ float: left; margin-left: 0.45rem;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont{ /* padding: 0.3rem 0 0.45rem 0; */ position: relative; margin-top: 0.25rem;}
/* .joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont::before,.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont::after{ content: ''; width: 0.3rem; height: 0.25rem; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont::before{ background-image: url(../images/icon-double-citation-left.png); left: 0; top: 0;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont::after{ background-image: url(../images/icon-double-citation-right.png); right: 0; bottom: 0;} */
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont .cont{ text-align:justify; text-justify:inter-ideograph; /* height: 2.2rem; overflow-y: auto; padding-right: 0.1rem; */}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont .cont p{ line-height: 1.5; margin-top: 0.15rem;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont .cont::-webkit-scrollbar{ width: 4px; height: 1px;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont .cont::-webkit-scrollbar-thumb{ background: #3981eb;}
.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .roll-cont .cont::-webkit-scrollbar-track{ background: #f4f7f8;}

.joint-recommend-thumbnail-swiper{ width: calc(70% - 0.7rem); position: absolute; right: 0; bottom: 0; z-index: 5;}
.joint-recommend-thumbnail-swiper .swiper-container{ margin: 0 -0.2rem;}
.joint-recommend-thumbnail-swiper .swiper-slide{ float: left; width: 16.666%; padding: 0 0.2rem; cursor: pointer;}
.joint-recommend-thumbnail-swiper .swiper-slide .block-box .pic{ border: 0.04rem solid transparent; border-radius: 100%; overflow: hidden;}
.joint-recommend-thumbnail-swiper .swiper-slide .block-box .pic img{ display: block; width: 100%;}
.joint-recommend-thumbnail-swiper .swiper-slide .block-box .tit{ font-size: 0.18rem; font-weight: bold; text-align: center; margin-top: 0.1rem;}
.joint-recommend-thumbnail-swiper .swiper-slide.active .block-box .pic{ border-color: #3981eb;}

.business-scenario-section{ padding: 0.9rem 0; background-color: #f4f7f8;}
.business-scenario-inner{ margin-top: 0.6rem;}
.business-scenario-inner ul{ margin: 0 -0.15rem;}
.business-scenario-inner li{ float: left; width: 20%; padding: 0 0.15rem;}
.business-scenario-inner li .block-box{ padding: 0.3rem; background: -webkit-linear-gradient(to bottom, #f4f7f8, #fff); background: linear-gradient(to bottom, #f4f7f8, #fff); box-shadow: 0 0 0.18rem rgba(181, 189, 200, 0.17);}
.business-scenario-inner li .block-box .top-box{ padding: 0 0.1rem 0.2rem 0.1rem; border-bottom: 1px solid #3981eb; margin-bottom: 0.2rem;}
.business-scenario-inner li .block-box .top-box .icon{ width: 0.42rem; margin: 0 auto;}
.business-scenario-inner li .block-box .top-box .icon img{ display: block; width: 100%;}
.business-scenario-inner li .block-box .top-box .tit{ font-size: 0.22rem; color: #3981eb; font-weight: bold; text-align: center; margin-top: 0.2rem; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.business-scenario-inner li .block-box .cont{ font-size: 0.18rem; color: #4d4d4d; text-align:justify; text-justify:inter-ideograph; height: 9em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical;}
.business-scenario-inner li:nth-child(even) .block-box{ background: -webkit-linear-gradient(to top, #f4f7f8, #fff); background: linear-gradient(to top, #f4f7f8, #fff);}

.base-more-btn{ margin-top: 0.5rem; text-align: center;}
.base-more-btn a{ display: inline-block; vertical-align: top; line-height: 0.38rem; border: 1px solid #e50005; border-radius: 0.38rem; min-width: 1.5rem; padding: 0 0.15rem; font-size: 0.16rem; color: #e50005;}
.base-more-btn a:hover{ background-color: #e50005; color: #fff;}

.intelligent-base-section{ padding: 0.9rem 0;}
.intelligent-base-inner{ margin-top: 0.6rem;}
.intelligent-base-inner li{ float: left; width: 25%; padding: 0 0.25rem 0 0.5rem;}
.intelligent-base-inner li .block-box{ position: relative;}
.intelligent-base-inner li .block-box .num{ position: absolute; left: -0.5rem; top: 0.42rem; border: 0.09rem solid rgba(174, 206, 253, 0.42); border-radius: 100%;}
.intelligent-base-inner li .block-box .num span{ display: block; width: 0.82rem; height: 0.82rem; line-height: 0.82rem; font-size: 0.45rem; color: #fff; text-align: center; border-radius: 100%; position: relative; z-index: 3; background: -webkit-linear-gradient(to right, #c8deff, #3981eb); background: linear-gradient(to right, #c8deff, #3981eb);}
.intelligent-base-inner li .block-box .cont-box{ padding: 0.55rem 0.25rem 0.55rem 0.75rem; background: -webkit-linear-gradient(to bottom, #fff, #e7f5ff); background: linear-gradient(to bottom, #fff, #e7f5ff); border-radius: 0.24rem 0 0 0.24rem; font-size: 0.18rem; color: #4d4d4d;}
.intelligent-base-inner li .block-box .cont-box .tit{ font-size: 0.24rem; color: #000; font-weight: bold;}
.intelligent-base-inner li .block-box .cont-box .cont{ margin-top: 0.1rem; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.intelligent-base-inner li:nth-of-type(1) .block-box .num{ border: 0.09rem solid rgba(174, 206, 253, 0.42);}
.intelligent-base-inner li:nth-of-type(1) .block-box .num span{ background: -webkit-linear-gradient(to right, #c8deff, #3981eb); background: linear-gradient(to right, #c8deff, #3981eb);}
.intelligent-base-inner li:nth-of-type(2) .block-box .num{ border: 0.09rem solid rgba(232, 152, 152, 0.42);}
.intelligent-base-inner li:nth-of-type(2) .block-box .num span{ background: -webkit-linear-gradient(to right, #ebb9bb, #dc4e54); background: linear-gradient(to right, #ebb9bb, #dc4e54);}
.intelligent-base-inner li:nth-of-type(3) .block-box .num{ border: 0.09rem solid rgba(188, 228, 248, 0.42);}
.intelligent-base-inner li:nth-of-type(3) .block-box .num span{ background: -webkit-linear-gradient(to right, #cce5f1, #6dc0e5); background: linear-gradient(to right, #cce5f1, #6dc0e5);}
.intelligent-base-inner li:nth-of-type(4) .block-box .num{ border: 0.09rem solid rgba(192, 236, 221, 0.42);}
.intelligent-base-inner li:nth-of-type(4) .block-box .num span{ background: -webkit-linear-gradient(to right, #d0ebe2, #70cbae); background: linear-gradient(to right, #d0ebe2, #70cbae);}
.intelligent-base-inner li:nth-of-type(1) .block-box .cont-box{ background: -webkit-linear-gradient(to bottom, #fff, #e7f5ff); background: linear-gradient(to bottom, #fff, #e7f5ff);}
.intelligent-base-inner li:nth-of-type(2) .block-box .cont-box{ background: -webkit-linear-gradient(to bottom, #fff, #fff1f1); background: linear-gradient(to bottom, #fff, #fff1f1);}
.intelligent-base-inner li:nth-of-type(3) .block-box .cont-box{ background: -webkit-linear-gradient(to bottom, #fff, #e3f4fc); background: linear-gradient(to bottom, #fff, #e3f4fc);}
.intelligent-base-inner li:nth-of-type(4) .block-box .cont-box{ background: -webkit-linear-gradient(to bottom, #fff, #e5f7f1); background: linear-gradient(to bottom, #fff, #e5f7f1);}

.network-solution-section{ padding: 0.9rem 0; background-color: #f4f7f8;}
.network-solution-swiper{ margin-top: 0.6rem; font-size: 0; text-align: center; position: relative;}
.network-solution-swiper::before,.network-solution-swiper::after{ content: ''; width: 16.927vw; height: 100%; position: absolute; top: 0; z-index: 3;}
.network-solution-swiper::before{ left: 0; background: -webkit-linear-gradient(to left, transparent, #f4f7f8, #f4f7f8); background: linear-gradient(to left, transparent, #f4f7f8, #f4f7f8);}
.network-solution-swiper::after{ right: 0; background: -webkit-linear-gradient(to right, transparent, #f4f7f8, #f4f7f8); background: linear-gradient(to right, transparent, #f4f7f8, #f4f7f8);}
.network-solution-swiper .swiper-slide{ display: inline-block; vertical-align: top; width: 33.333%; padding: 0 0.15rem;}
.network-solution-swiper .swiper-slide .block-box{ background-color: #fff; padding: 0.45rem 0.35rem 0.35rem 0.35rem; position: relative; font-size: 0.18rem; text-align: left; /* box-shadow: 0 0 0.18rem rgba(181, 189, 200, 0.17); */}
.network-solution-swiper .swiper-slide .block-box::before{ content: ''; width: 100%; height: 0.1rem; position: absolute; left: 0; top: 0; background: -webkit-linear-gradient(to right, #8bcbe9, #83b5ff); background: linear-gradient(to right, #8bcbe9, #83b5ff);}
.network-solution-swiper .swiper-slide .block-box .tit-box{ position: relative; padding-left: 0.6rem; font-size: 0.24rem; font-weight: bold;}
.network-solution-swiper .swiper-slide .block-box .tit-box .icon{ width: 0.42rem; position: absolute; top: 50%; transform:translateY(-50%); left: 0;}
.network-solution-swiper .swiper-slide .block-box .tit-box .icon img{ display: block; width: 100%;}
.network-solution-swiper .swiper-slide .block-box .cont{ margin-top: 0.3rem; height: 1.75rem;}
.network-solution-swiper .swiper-slide .block-box .cont p{ margin-top: 0.1rem; position: relative; padding-left: 0.2rem; line-height: 1.5;}
.network-solution-swiper .swiper-slide .block-box .cont p span{ display: block; color: #e60012; position: absolute; left: 0; top: -0.02rem;}

.swiper-page{ margin-top: 0.3rem; font-size: 0; text-align: center;}
.swiper-page .swiper-arrow{ display: inline-block; vertical-align: top; width: 0.32rem; height: 0.32rem; background-position: center; background-repeat: no-repeat; background-size: cover; cursor: pointer;}
.swiper-page .swiper-arrow-prev{ background-image: url(../images/icon-swiper-arrow-left.png); margin-right: 0.15rem;}
.swiper-page .swiper-arrow-prev:hover{ background-image: url(../images/icon-swiper-arrow-left-on.png);}
.swiper-page .swiper-arrow-next{ background-image: url(../images/icon-swiper-arrow-right.png); margin-left: 0.15rem;}
.swiper-page .swiper-arrow-next:hover{ background-image: url(../images/icon-swiper-arrow-right-on.png);}

.innovation-speech-section{ padding: 0.9rem 0;}
.innovation-speech-inner{ margin-top: 0.6rem;}
.innovation-speech-inner .top-tit{ font-size: 0.24rem; padding: 0 0.4rem;}
.innovation-speech-inner .cont-left-box{ float: left; width: 62.357%; padding: 0.6rem 0; border: 1px solid #e4f2ff; background: -webkit-linear-gradient(to top, #f2f5f9, #f4f6f8); background: linear-gradient(to top, #f2f5f9, #f4f6f8);}
.innovation-speech-inner .cont-left-box .img{ margin-top: 0.3rem;}
.innovation-speech-inner .cont-left-box .img img{ display: block; width: 100%;}

.innovation-speech-inner .key-technology-box{ float: right; width: 35.714%; padding: 0.4rem 0.6rem; border: 1px solid #e4f2ff; background: -webkit-linear-gradient(to top, #f2f5f9, #f4f6f8); background: linear-gradient(to top, #f2f5f9, #f4f6f8);}

.innovation-speech-inner .key-technology-box .list-box{ margin-top: 0.3rem;}
.innovation-speech-inner .key-technology-box .list-box li{ margin-top: 0.15rem; background-color: #fff; border: 1px solid #e4f2ff; border-radius: 0 0.2rem 0 0.2rem; font-size: 0.2rem; font-weight: bold; position: relative;}
.innovation-speech-inner .key-technology-box .list-box li a{ display: block; padding: 0.17rem 0.2rem 0.17rem 0.9rem; cursor: default;}
.innovation-speech-inner .key-technology-box .list-box li .num{ width: 0.3rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.18rem; color: #3981eb; text-align: center; border: 1px solid #3981eb; border-radius: 100%; position: absolute; top: 50%; transform:translateY(-50%); left: 0.38rem; background: -webkit-linear-gradient(to left, #e5f2ff, #ffffff); background: linear-gradient(to left, #e5f2ff, #ffffff);}
.innovation-speech-inner .key-technology-box .list-box li:hover{ background: -webkit-linear-gradient(to left, #4d8be7, #62adf3); background: linear-gradient(to left, #4d8be7, #62adf3);}
.innovation-speech-inner .key-technology-box .list-box li:hover a{ color: #fff;}

.customer-case-section{ padding: 0.9rem 0; background: -webkit-linear-gradient(to top, #fff, #f1f5f9); background: linear-gradient(to top, #fff, #f1f5f9);}
.customer-case-swiper{ margin-top: 0.6rem; box-shadow: 0 0 0.46rem rgba(181, 189, 200, 0.22);}
.customer-case-swiper .swiper-slide{ background-color: #fff;}
.customer-case-swiper .swiper-slide .pic{ float: left; width: 50%;}
.customer-case-swiper .swiper-slide .pic img{ display: block; width: 100%;}
.customer-case-swiper .swiper-slide .cont-inner{ float: right; width: 50%; padding: 0.75rem 0.55rem 0.75rem 0.75rem; font-size: 0.18rem; color: #474747;}
.customer-case-swiper .swiper-slide .cont-inner .time{ font-size: 0.24rem; color: #aeaeae; font-weight: bold; line-height: 1;}
.customer-case-swiper .swiper-slide .cont-inner .time span{ font-size: 0.34rem; color: #3981eb;}
.customer-case-swiper .swiper-slide .cont-inner .tit{ font-size: 0.28rem; color: #000; font-weight: bold; margin-top: 0.3rem;}
.customer-case-swiper .swiper-slide .cont-inner .cont{ margin-top: 0.15rem; height: 6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.customer-case-swiper .swiper-slide .cont-inner .more-links{ margin-top: 0.4rem;}
.customer-case-swiper .swiper-slide .cont-inner .more-links span{ font-size: 0.16rem; color: #e60012; line-height: 1; padding-right: 0.3rem; background: url(../images/icon-link-arrow.png) center right no-repeat; background-size: auto 0.12rem;}
.customer-case-swiper .swiper-page{ margin-top: 0; position: absolute; right: 0.55rem; bottom: 0.5rem; z-index: 5; display: none;}
.customer-case-swiper .swiper-page .swiper-arrow-prev{ margin-right: 0.1rem;}
.customer-case-swiper .swiper-page .swiper-arrow-next{ margin-left: 0.1rem;}
.customer-case-swiper.swiper-animate .swiper-page{ display: block;}

.intelligent-upgrade-section{ padding: 0.9rem 0 0.5rem 0; background: url(../images/intelligent-upgrade-bg.jpg) right center no-repeat; background-size: cover;}
.intelligent-upgrade-inner .pic{ float: right; width: 36.285%; margin-right: 0.2rem;}
.intelligent-upgrade-inner .pic img{ display: block; width: 100%;}
.intelligent-upgrade-inner .cont-inner{ width: 59.285%; position: absolute; top: 50%; transform:translateY(-50%); left: 0; padding-left: 0.8rem;}
.intelligent-upgrade-inner .cont-inner .base-title-box{ text-align: left;}
.intelligent-upgrade-inner .cont-inner .base-title-box .tit{ font-size: 0.42rem;}
.intelligent-upgrade-inner .cont-inner .base-title-box .tit2{ font-size: 0.32rem;}
.intelligent-upgrade-inner .cont-inner .download-btn{ margin-top: 0.35rem;}
.intelligent-upgrade-inner .cont-inner .download-btn a{ display: inline-block; vertical-align: top; line-height: 0.38rem; border: 1px solid #e50005; border-radius: 0.38rem; min-width: 1.5rem; padding: 0 0.44rem 0 0.72rem; font-size: 0.16rem; color: #e50005; background: url(../images/icon-download.png) 0.46rem center no-repeat rgba(255, 255, 255, 0.3); background-size: 0.17rem;}
.intelligent-upgrade-inner .cont-inner .download-btn a:hover{ background-color: #e50005; color: #fff; background-image: url(../images/icon-download-on.png);}

footer{ position: relative; z-index: 99999;}

@media (max-width: 1680px){
	.wrap_c{ width: auto; margin: 0px 8%;}
}

@media screen and (max-width:1440px) {
    .topfr .fc ul li{margin:0px 10px;}
	
}


@media screen and (max-width:992px) {
	
	.edit-container{ width: 100%;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}
	
    .wrap_in{margin:0px 10px;}
    .wrap_c{margin:0px 10px;padding:0px;width:auto;}
    .wrap_nr{margin:0px 10px;}
	
	.w_pc{display:none !important;}
	.w_wap{display:block !important;}
	
    .topfr{height:44px;overflow:visible;}
    .topfr .wrap_c{margin:0px;}
    .topfr .fl{height:44px;width:70px;margin-left:10px;}
    .topfr .fl img{}
    .topfr .fc{text-align:right;width:auto;float:right;position:absolute;left:0px;top:44px;background-color:#fff;width:100%;display:none;}
    .topfr .fc ul{width:100%}
    .topfr .fc ul li{line-height:44px;margin:0px;font-size:14px;padding:0px;width:100%;border-bottom:1px solid #eee;text-align:left;}
    .topfr .fc ul li a{width:calc(100% - 20px);display:block;overflow:hidden;margin:0px auto;padding:0px;background:url("../images/in_18.png") right center no-repeat;background-size:8px;}
    .topfr .fc ul li.on b{width:0px;}
	
	.menu_click{width:20px;height:44px;overflow:hidden;position:relative;float:right;margin-right:10px;}
	.menu_click b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;background:url("../images/menu_01.svg") center no-repeat;background-size:20px;}
	.menu_click b.on{background:url("../images/menu_02.svg") center no-repeat;background-size:20px;}
	
	.suspension-contact-us{ bottom: 100px; right: 0; white-space: nowrap;}
	.suspension-contact-us .ns-btn{ font-size: 12px; padding: 6px 12px;}
	
	.home-banner{ height: calc(80vh - 44px);}
	.home-banner .banner-inner{ padding: 0 0.4rem;}
	.home-banner .banner-inner .edit-container{ width: 100%;}
	.home-banner .banner-inner-cont{ width: 100%; position: initial; transform: translateY(0);}
	.home-banner .banner-inner-cont .tit2{ font-size: 0.28rem;}
	.home-banner .banner-inner-cont .tit{ font-size: 0.5rem;}
	.home-banner .banner-inner-cont .cont{ font-size: 0.24rem; margin-top: 0.3rem;}
	.home-banner .banner-inner .pic{ float: none; width: 55%; margin: 0.6rem 0 -1rem 0;}
	
	
	.base-title-box .tit{ font-size: 0.36rem;}
	.base-title-box .tit2{ font-size: 0.32rem;}
	.base-title-box .cont{ font-size: 0.24rem;}
	
	.joint-recommend-section{ padding: 0.8rem 0.4rem;}
	.joint-recommend-inner{ margin-top: 0.4rem;}
	.joint-recommend-thumbnail-swiper{ width: 100%; position: initial;}
	.joint-recommend-thumbnail-swiper .swiper-container{ margin: 0 -0.05rem;}
	.joint-recommend-thumbnail-swiper .swiper-slide{ padding: 0 0.05rem;}
	.joint-recommend-thumbnail-swiper .swiper-slide .block-box .tit{ font-size: 0.24rem;}
	.joint-recommend-swiper{ margin-top: 0.4rem;}
	.joint-recommend-swiper .swiper-slide .swiper-slide-inner .pic{ float: none; width: 100%;}
	.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner{ float: none; width: 100%; padding: 0; font-size: 0.24rem; margin-top: 0.2rem;}
	.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .top-box .name{ font-size: 0.28rem;}
	.joint-recommend-swiper .swiper-slide .swiper-slide-inner .cont-inner .top-box .position{ margin-left: 0.3rem;}
	
	.business-scenario-section{ padding: 0.8rem 0.4rem;}
	.business-scenario-inner{ margin-top: 0;}
	.business-scenario-inner li{ float: none; width: 100%; margin-top: 0.4rem;}
	.business-scenario-inner li .block-box{ padding: 0.4rem;}
	.business-scenario-inner li .block-box .top-box{ padding: 0 0.4rem 0.4rem 0.4rem; margin-bottom: 0.4rem;}
	.business-scenario-inner li .block-box .top-box .icon{ width: 0.56rem;}
	.business-scenario-inner li .block-box .top-box .tit{ font-size: 0.28rem; height: auto; -webkit-line-clamp: initial; margin-top: 0.15rem;}
	.business-scenario-inner li .block-box .cont{ font-size: 0.24rem; height: auto; -webkit-line-clamp: initial;}
	
	.base-more-btn{ margin-top: 0.6rem;}
	.base-more-btn a{ line-height: 0.58rem; border-radius: 0.38rem; min-width: 2.3rem; padding: 0 0.3rem; font-size: 0.24rem;}
	
	.intelligent-base-section{ padding: 0.8rem 0.4rem;}
	.intelligent-base-inner{ margin-top: 0;}
	.intelligent-base-inner li{ float: none; width: 100%; margin-top: 0.4rem; padding: 0 0 0 0.4rem;}
	.intelligent-base-inner li .block-box .num{ left: -0.41rem; top: 0.2rem;}
	.intelligent-base-inner li .block-box .num span{ width: 0.64rem; height: 0.64rem; line-height: 0.64rem; font-size: 0.36rem;}
	.intelligent-base-inner li .block-box .cont-box{ padding: 0.4rem 0.4rem 0.4rem 0.8rem; font-size: 0.24rem;}
	.intelligent-base-inner li .block-box .cont-box .tit{ font-size: 0.28rem;}
	.intelligent-base-inner li .block-box .cont-box .cont{ height: 3em; -webkit-line-clamp: 2;}
	
	.network-solution-section{ padding: 0.8rem 0.4rem;}
	.network-solution-swiper{ margin: 0.4rem -0.4rem 0 -0.4rem;}
	.network-solution-swiper::before, .network-solution-swiper::after{ display: none;}
	.network-solution-swiper .swiper-slide .block-box{ font-size: 0.24rem; padding: 0.4rem;}
	.network-solution-swiper .swiper-slide .block-box .tit-box{ font-size: 0.32rem; padding-left: 0.7rem;}
	.network-solution-swiper .swiper-slide .block-box .tit-box .icon{ width: 0.48rem;}
	.network-solution-swiper .swiper-slide .block-box .cont{ height: 3.24rem;}
	.network-solution-swiper .swiper-slide .block-box .cont p{ padding-left: 0.3rem;}
	
	.swiper-page{ margin-top: 0.4rem;}
	.swiper-page .swiper-arrow{ width: 0.48rem; height: 0.48rem;}
	
	.innovation-speech-section{ padding: 0.8rem 0.4rem;}
	.innovation-speech-inner{ margin-top: 0.4rem;}
	.innovation-speech-inner .cont-left-box{ float: none; width: 100%; padding: 0.4rem 0;}
	.innovation-speech-inner .top-tit{ font-size: 0.28rem;}
	.innovation-speech-inner .key-technology-box{ float: none; width: 100%; margin-top: 0.4rem; padding: 0.4rem;}
	.innovation-speech-inner .key-technology-box .list-box li{ font-size: 0.26rem;}
	.innovation-speech-inner .key-technology-box .list-box li .num{ width: 0.42rem; height: 0.42rem; line-height: 0.4rem; font-size: 0.26rem;}
	.innovation-speech-inner .key-technology-box .list-box li a{ padding: 0.2rem 0.2rem 0.2rem 1rem;}
	
	.customer-case-section{ padding: 0.8rem 0.4rem;}
	.customer-case-swiper{ margin-top: 0.4rem;}
	.customer-case-swiper .swiper-slide .pic{ float: none; width: 100%;}
	.customer-case-swiper .swiper-slide .cont-inner{ float: none; width: 100%; padding: 0.4rem 0.4rem 0.8rem 0.4rem; font-size: 0.24rem;}
	.customer-case-swiper .swiper-slide .cont-inner .time{ font-size: 0.28rem;}
	.customer-case-swiper .swiper-slide .cont-inner .time span{ font-size: 0.42rem;}
	.customer-case-swiper .swiper-slide .cont-inner .tit{ font-size: 0.32rem;}
	.customer-case-swiper .swiper-slide .cont-inner .more-links{ margin-top: 0.3rem;}
	.customer-case-swiper .swiper-slide .cont-inner .more-links span{ font-size: 0.24rem; padding-right: 0.4rem; background-size: auto 0.16rem;}
	.customer-case-swiper .swiper-page{ right: 0.4rem; bottom: 0.4rem;}
	
	.intelligent-upgrade-section{ padding: 0.8rem 0.4rem;}
	.intelligent-upgrade-inner .pic{ float: none; width: 55%; margin-right: 0;}
	.intelligent-upgrade-inner .cont-inner{ width: 100%; position: initial; transform: translateY(0); padding-left: 0; margin-top: 0.4rem;}
	
	.intelligent-upgrade-inner .cont-inner .download-btn a{ line-height: 0.58rem; border-radius: 0.38rem; min-width: 2.3rem; font-size: 0.24rem; background-position: 0.52rem center; background-size: 0.26rem; padding: 0 0.6rem 0 0.88rem;}
	
	
	
	
	
	
	
	
}


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



}