#ns-page-body a:hover {
    text-decoration: none;
}

.edit-container{ width: 1520px; margin: 0 auto;}

.agent-banner .ns-container{ width: 1520px !important;}
.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2{ font-size: 70px; color: #E60213; font-weight: bold; width: 50vw; margin-bottom: 0;}
.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2 span{ background: linear-gradient(90deg, #3678E4 0%, #76AAFF 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p{ font-size: 40px; color: #fff; margin-bottom: 3.125vw;}
.agent-banner a.ns-btn{ background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.2);}
.agent-banner a.ns-btn.ns-btn-primary{ background: #e60012; color: white;}
.agent-banner a.ns-btn:hover{ background: #d7000f; color: white;}
.agent-banner a.ns-btn i.ns-icon.ns-icon-video{ background-image: url(../../2020/images/icon-btn-video-white.png);}

.agent-section{ padding: 100px 0;}
.base-solution-title{ font-size: 16px; text-align: center;}
.base-solution-title .tit{ font-size: 36px; font-weight: bold; padding-bottom: 16px; position: relative;}
.base-solution-title .tit::before{ content: ''; width: 48px; height: 2px; background-color: #E7000B; border-radius: 2px; position: absolute; left: 50%; transform:translateX(-50%); bottom: 0;}
.base-solution-title .tit2{ font-size: 28px;}
.base-solution-title .txt{ color: #6A7282; margin-top: 16px;}
.base-solution-title .txt span{ color: #E7000B;}

.base-more-link{ font-size: 14px;}
.base-more-link span{ display: inline-block; color: #E7000B; padding-right: 20px; position: relative;}
.base-more-link span::before{ content: ''; width: 14px; height: 14px; background: url(../images/Linseer_OPsAgent/icon-more-arrow.png) center no-repeat; background-size: cover; position: absolute; right: 0; top: 50%; transform:translateY(-50%); transition: all 0.5s ease-in-out;}
.base-more-link span:hover::before{ right: -5px;}


.product-introduction-inner{ margin-top: 40px;}
.product-introduction-inner ul{ margin: 0 -20px;}
.product-introduction-inner li{ float: left; width: 25%; padding: 0 20px;}
.product-introduction-inner li .block-box{ height: 260px; border-radius: 20px; background: url(../images/Linseer_OPsAgent/product-introduction-li-bg.png) center no-repeat; background-size: cover; padding: 40px 10px 0 10px; text-align: center; color: #fff;}
.product-introduction-inner li .block-box .num{ font-size: 32px; color: #62D0FF;}
.product-introduction-inner li .block-box .tit{ font-size: 24px; font-weight: bold;}

.our-advantages-section{ background-color: #F9FAFB;}
.our-advantages-inner{ margin-top: 55px;}
.our-advantages-top ul{ margin: 0 -15px;}
.our-advantages-top li{ float: left; width: 25%; padding: 0 15px;}
.our-advantages-top li .block-box{ padding: 40px 20px; border: 1px solid #08F; border-radius: 0 40px; font-size: 24px; text-align: center; background-color: #fff;}
.our-advantages-top li .block-box span{ font-size: 32px; color: #DC2626; font-weight: bold;}
.our-advantages-bottom{ margin-top: 55px;}
.our-advantages-bottom .pic-left{ float: left; width: 36.776%; position: relative;}
.our-advantages-bottom .pic-left img{ display: block; width: 100%;}
.our-advantages-bottom .pic-left .circle{ width: 54.025%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.our-advantages-bottom .pic-left .circle img{ animation: videoleftbtn 2s infinite linear;-webkit-animation: videoleftbtn 2s infinite linear;-moz-animation: videoleftbtn 2s infinite linear;-o-animation: videoleftbtn 2s infinite linear;}
.our-advantages-bottom .pic-left .tit{ width: 44.543%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.our-advantages-bottom .pic-left .tit img{ animation: videoleftbtn 2s infinite linear;-webkit-animation: videoleftbtn 2s infinite linear;-moz-animation: videoleftbtn 2s infinite linear;-o-animation: videoleftbtn 2s infinite linear;}

@-webkit-keyframes videoleftbtn{0%{-webkit-transform:scale(1.0);} 50%{-webkit-transform:scale(0.8);} 100% {-webkit-transform:scale(1.0);}}
@-moz-keyframes videoleftbtn{ 0% {-moz-transform:scale(1.0);}  50% {-moz-transform:scale(0.8);} 100% {-moz-transform:scale(1.0);}}
@-o-keyframes videoleftbtn{0%{-o-transform:scale(1.0);}  50%{-o-transform:scale(0.8);} 100%{-o-transform:scale(1.0);}}



.our-advantages-bottom .pic-right{ float: right; width: 60.065%;}
.our-advantages-bottom .pic-right img{ display: block; width: 100%;}

.scenario-capability-inner{ margin-top: 55px;}
.scenario-capability-inner ul{ margin: 0 -25px;}
.scenario-capability-inner li{ float: left; width: 50%; padding: 0 25px; margin-top: 140px;}
.scenario-capability-inner li .block-box{ padding: 120px 40px 40px 40px; border: 1px solid #C8DEFF; border-radius: 20px; box-shadow: 0 4px 8px 0 rgba(199, 223, 240, 0.50); font-size: 24px; position: relative;}
.scenario-capability-inner li .block-box .icon-box{ width: 180px; height: 180px; border-radius: 100%; background: rgba(41, 80, 255, 0.21); position: absolute; left: 50%; transform:translateX(-50%); top: -90px;}
.scenario-capability-inner li .block-box .icon-box .icon{ width: 70.94%; height: 70.94%; border-radius: 100%; background: linear-gradient(180deg, #5641F2 0%, #00006A 100%); position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.scenario-capability-inner li .block-box .icon-box .icon img{ display: block; width: 53.012%; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.scenario-capability-inner li .block-box .tit{ font-size: 32px; font-weight: bold; text-align: center; margin-bottom: 15px;}
.scenario-capability-inner li .block-box .cont dl dd{ padding-left: 22px; position: relative; line-height: 1.5;}
.scenario-capability-inner li .block-box .cont dl dd::before{ content: ''; width: 6px; height: 6px; background-color: #DC2626; border-radius: 100%; position: absolute; left: 0; top: 15px;}

.news-update-section { background-color: #F9FAFB;}
.news-update-section .base-solution-title{ text-align: left; position: relative; padding-right: 120px;}
.news-update-section .base-solution-title .tit::before{ left: 0; transform: translateX(0);}
.news-update-section .base-solution-title .base-more-link{ position: absolute; right: 0; bottom: 0;}
.news-update-swiper{ margin-top: 20px;}
.news-update-swiper .swiper-container{ margin: 0 -10px;}
.news-update-swiper .swiper-wrapper{ display: block;}
.news-update-swiper .swiper-slide{ float: left; width: 33%; padding: 0 10px; margin-top: 20px;}
.news-update-swiper .swiper-slide .block-box{ background-color: #fff; border: 1px solid #F3F4F6; border-radius: 16px; overflow: hidden;}
.news-update-swiper .swiper-slide .block-box .pic-box{ overflow: hidden;}
.news-update-swiper .swiper-slide .block-box .pic-box img{ display: block; width: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
.news-update-swiper .swiper-slide .block-box .cont-box{ padding: 20px; font-size: 14px;}
.news-update-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 18px; color: #000; font-weight: bold; line-height: 1.5; height: 3em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.news-update-swiper .swiper-slide .block-box .cont-box .cont{ color: #6A7282; margin-top: 15px; line-height: 1.5; height: 4.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.news-update-swiper .swiper-slide .block-box .cont-box .bot-box{ margin-top: 15px; padding-top: 15px; border-top: 1px solid #F3F4F6;}
.news-update-swiper .swiper-slide .block-box .cont-box .bot-box .date{ float: left; font-size: 12px; color: #99A1AF; padding-left: 20px; background: url(../images/Linseer_OPsAgent/icon-date.png) left center no-repeat; background-size: 14px;}
.news-update-swiper .swiper-slide .block-box .cont-box .bot-box .base-more-link{ float: right;}
.news-update-swiper .swiper-slide .block-box a:hover .cont-box .tit{ color: #E7000B;}
.news-update-swiper .swiper-slide .block-box a:hover .pic-box img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}

.news-update-swiper .solution-swiper-pager{ display: none;}
.news-update-swiper.banner-animate .swiper-wrapper{ display: flex;}
.news-update-swiper.banner-animate .solution-swiper-pager{ display: block;}

.solution-swiper-pager{ margin-top: 55px; border-top: 1px solid rgba(10, 24, 40, 0.06); height: 40px; line-height: 40px; font-size: 14px; color: #666; position: relative;}
.solution-swiper-pager .swiper-pagination{ width: 100%; text-align: center;}
.solution-swiper-pager .swiper-pagination .swiper-pagination-bullet{ margin: 0 3px; background: rgba(10, 24, 40, 0.1); opacity: 1;}
.solution-swiper-pager .swiper-pagination .swiper-pagination-bullet-active{ width: 46px; border-radius: 8px; background: #E7000B;}

.solution-swiper-pager .swiper-arrow{ background-repeat: no-repeat; background-size: 20px; position: absolute; top: 0; z-index: 15; cursor: pointer;}
.solution-swiper-pager .swiper-arrow-prev{ left: 0; padding-left: 24px; background-image: url(../images/Linseer_OPsAgent/icon-swiper-left.png); background-position: center left;}
.solution-swiper-pager .swiper-arrow-next{ right: 0; padding-right: 24px; background-image: url(../images/Linseer_OPsAgent/icon-swiper-right.png); background-position: center right;}
.solution-swiper-pager .swiper-button-disabled{ opacity: 0.6;}



@media (max-width: 1680px){
	/* 缩小80% */
	.edit-container{ width: 1330px;}
	
	.agent-banner .ns-container{ width: 1330px !important;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2{ font-size: 56px;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p{ font-size: 32px;}
	.agent-banner a.ns-btn{ font-size: 16px;}
	
	.base-solution-title{ font-size: 14px;}
	.base-solution-title .tit{ font-size: 28px; padding-bottom: 14px;}
	.base-solution-title .tit::before{ width: 38px;}
	.base-solution-title .txt{ margin-top: 14px;}
	
	.agent-section{ padding: 80px 0;}
	
	.product-introduction-inner{ margin-top: 35px;}
	.product-introduction-inner li .block-box{ height: 208px; padding-top: 32px;}
	.product-introduction-inner li .block-box .num{ font-size: 26px;}
	.product-introduction-inner li .block-box .tit{ font-size: 20px;}
	
	.our-advantages-inner{ margin-top: 40px;}
	.our-advantages-top li .block-box{ padding: 32px 20px; border-radius: 0 32px; font-size: 20px;}
	.our-advantages-top li .block-box span{ font-size: 26px;}
	.our-advantages-bottom{ margin-top: 40px;}
	
	.scenario-capability-inner{ margin-top: 40px;}
	.scenario-capability-inner ul{ margin: 0 -20px;}
	.scenario-capability-inner li{ padding: 0 20px; margin-top: 112px;}
	.scenario-capability-inner li .block-box{ padding: 96px 32px 32px 32px; font-size: 20px;}
	.scenario-capability-inner li .block-box .icon-box{ width: 144px; height: 144px; top: -72px;}
	.scenario-capability-inner li .block-box .tit{ font-size: 26px;}
	.scenario-capability-inner li .block-box .cont dl dd::before{ top: 12px;}
	
	.news-update-swiper{ margin-top: 15px;}
	.news-update-swiper .swiper-slide .block-box .cont-box .tit{ font-size: 16px;}
	
	
}

@media (max-width: 1440px){
	/* 缩小70% */
	.edit-container{ width: 1140px;}
	
	.swiper-slide{ height: auto;}
	
	.agent-banner .ns-container{ width: 1140px !important;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2{ font-size: 48px;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p{ font-size: 28px;}
	.agent-banner a.ns-btn{ font-size: 14px;}
	
	.base-solution-title .tit{ font-size: 25px;}
	
	.agent-section{ padding: 70px 0;}
	
	.product-introduction-inner ul{ margin: 0 -15px;}
	.product-introduction-inner li{ padding: 0 15px;}
	.product-introduction-inner li .block-box{ height: 182px; padding-top: 28px;}
	.product-introduction-inner li .block-box .num{ font-size: 22px;}
	.product-introduction-inner li .block-box .tit{ font-size: 18px;}
	
	.our-advantages-top li .block-box{ padding: 28px 20px; border-radius: 0 28px; font-size: 18px;}
	.our-advantages-top li .block-box span{ font-size: 22px;}
	
	.scenario-capability-inner ul{ margin: 0 -15px;}
	.scenario-capability-inner li{ padding: 0 15px; margin-top: 98px;}
	.scenario-capability-inner li .block-box{ padding: 85px 28px 28px 28px; font-size: 18px;}
	.scenario-capability-inner li .block-box .icon-box{ width: 126px; height: 126px; top: -63px;}
	.scenario-capability-inner li .block-box .tit{ font-size: 22px;}
	
	
	
}

@media (max-width: 1200px){
	/* 缩小60% */
	.edit-container{ width: 960px;}
	
}

@media (max-width: 992px){
	/* 缩小60% */
	.edit-container{ width: 100%; padding: 0 20px;}
	
	.agent-banner .ns-container{ width: 100% !important;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content{ top: 28%; text-align: center;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2{ width: 100%; font-size: 26px;}
	.agent-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p{ font-size: 18px;}
	.agent-banner a.ns-btn{ font-size: 14px;}
	
	.base-solution-title{ font-size: 12px;}
	.base-solution-title .tit{ font-size: 5.3vw; padding-bottom: 10px;}
	.base-solution-title .txt{ margin-top: 10px;}
	
	.agent-section{ padding: 40px 0;}
	.product-introduction-inner{ margin-top: 10px;}
	.product-introduction-inner ul{ margin: 0 -10px;}
	.product-introduction-inner li{ width: 50%; padding: 0 10px; margin-top: 20px;}
	.product-introduction-inner li .block-box{ height: 150px; padding-top: 25px;}
	.product-introduction-inner li .block-box .num{ font-size: 18px;}
	.product-introduction-inner li .block-box .tit{ font-size: 14px;}
	
	.our-advantages-inner{ margin-top: 10px;}
	.our-advantages-top ul{ margin: 0 -10px;}
	.our-advantages-top li{ width: 50%; padding: 0 10px; margin-top: 20px;}
	.our-advantages-top li .block-box{ padding: 20px 10px; border-radius: 0 20px; font-size: 14px;}
	.our-advantages-top li .block-box span{ font-size: 20px;}
	.our-advantages-bottom{ margin-top: 30px;}
	.our-advantages-bottom .pic-left{ float: none; width: 70%; margin: 0 auto;}
	.our-advantages-bottom .pic-right{ float: none; width: 100%; margin-top: 20px;}
	
	.scenario-capability-inner{ margin-top: 0;}
	.scenario-capability-inner li{ float: none; width: 100%; margin-top: 80px;}
	.scenario-capability-inner li .block-box{ padding: 60px 20px 20px 20px; font-size: 14px;}
	.scenario-capability-inner li .block-box .icon-box{ width: 90px; height: 90px; top: -45px;}
	.scenario-capability-inner li .block-box .tit{ font-size: 18px;}
	.scenario-capability-inner li .block-box .cont dl dd{ padding-left: 18px;}
	.scenario-capability-inner li .block-box .cont dl dd::before{ width: 5px; height: 5px; top: 8px;}
	
	.solution-swiper-pager{ margin-top: 20px; font-size: 12px;}
	.solution-swiper-pager .swiper-pagination{ position: initial;}
	.news-update-swiper{ margin-top: 30px;}
	.news-update-swiper .swiper-slide{ float: none; width: 100%; margin-top: 0;}
	
}
