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

/*banner*/
#i_banner {
	position: relative;
	z-index: 0;
}
#i_banner .swiper-slide {
	position: relative;
	z-index: 0;
}
#i_banner .pic {
	position: relative;
	z-index: 0;
	padding-top: 85vh;
}
#i_banner .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#i_banner .txtb {
	position: absolute;
	left: 0;
	top: 6.7vw;
	bottom: 6.7vw;
	right: 0;
	right: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
#i_banner .txtb .txt {
	width: 52%;
	margin: 0 auto 0 0;
	text-align: left;
	color: rgba(255, 255, 255, 0.9);
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	transition: all 1s;
	-webkit-transition:all 1s;
	transform: translate(0, 90px);
	-ms-transform: translate(0, 90px);
	-webkit-transform: translate(0, 90px);
}
#i_banner .txtb .txt .intro2 {
	font-weight:100;
	line-height: 1.2;
	max-height: 2.4em;
	overflow: hidden;
	text-transform: uppercase;
}
#i_banner .txtb .txt .name {
	margin-top: 0.19em;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.1em;
}
#i_banner .txtb .txt .intro {
	margin-top: 0.8em;
	line-height: 1.2;
	max-height: 2.8em;
	overflow: hidden;
}
#i_banner .txtb .txt .btn {
	margin-top: 2.1em;
}
#i_banner .swiper-slide-active .txtb .txt {
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
	transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
#i_banner .swiper-pagination {
	left: 9.3%;
	right: 9.3%;
	width: auto;
	bottom: 2.43em;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#i_banner .swiper-pagination-bullet {
	flex: 1;
	height: 1px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	background-color: #fff;
	margin: 0 !important;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}
#i_banner .swiper-pagination-bullet-active {
	height: 2px;
	background-color: #058d7f;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}
#i_banner .btnPrev:hover, #i_banner .btnNext:hover {
	background-color: #3ab5ec;
	border: 1px solid #3ab5ec;
}
#i_banner .btnPrev:hover::before, #i_banner .btnNext:hover::before {
}
#i_banner .swiper-button-disabled, #i_banner .swiper-button-disabled:hover {
	border: 1px solid #fff;
	background: transparent;
}
#i_banner .num {
	position: absolute;
	z-index: 1000;
	left: 12.5%;
	color: #fff;
	bottom: 9em;
}
#i_banner .num span.cur {
	font-size: 1.12em;
	color: #3ab5ec;
	font-weight: bold;
}

/* @media only screen and (max-width:1920px) {

#i_banner .txtb .txt .name {font-size: 2vw; }
#i_banner .txtb .txt .intro { font-size: 1.25vw;}
} */
 @media only screen and (max-width:828px) {
#i_banner .con {
width: auto;
margin: 0;
width: 100%;
}
#i_banner .pic {
position: relative;
z-index: 0;
padding-top:40%; margin-top:60px;
}
#i_banner .txtb .txt {
width: auto;
margin: 0 1.5em;
}
#i_banner .txtb .txt .intro2 {
font-size: 3.2vw;
}
#i_banner .txtb .txt .name {
font-size: 5.8vw;
}
#i_banner .txtb .txt .intro {
font-size: 2.8vw;
}
#i_banner .txtb .txt .btn {
font-size: 2.4vw;
margin-top: 1.8em;
}
#i_banner .num {
font-size: 10px;
left: 2em;
bottom: 3em;
}
#i_banner .btnNPW {
font-size: 0.7em;
right: 2em;
bottom: 3em;
}
#i_banner .swiper-pagination {
font-size: 2vw;
}
}
.charBox {
	margin-top:3em;
	position: relative;
	z-index: 10;
	border: 1px solid #e1e4f3;
	background-color: #fff;
	padding:1em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	-moz-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, .1);
	box-shadow: 0 0.1em 0.2em rgba(0, 0, 0, .1); overflow:hidden
}

.servBox {
	padding: 2.6em 0 4.8em;
}
.servBox .tit {
	color: #1a1d3c;
}
.servBox .tit2 {
	color: #646b97;
	margin-top: 0.2em;
}
.servBox .item {
	background-color: #fafcff;
	border: 1px solid #e1e4f3;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	padding: 10.8%;
	text-align: left;
}





.servBox .item .pic {
	overflow: hidden;
}
.servBox .item .pic img {
	margin: 0 0 0 auto;
	display: block;
	width: 6.1em;
	height: 5.5em;
	object-fit: contain;
	transition: all 0.5s;
}


.servBox .item:hover {
box-shadow: 0px 0px 10px #ddd; background-color:#3ab5ec
}



.servBox .item:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.servBox .item:hover .name,.servBox .item:hover .intro,.servBox .item:hover .intro2,.servBox .item .intro2:hover p::before {
	color: #fff;
}




.servBox .item .name {
	margin-top: 0.3em;
	color: #1a1d3c;
	height: 1.5em;
	overflow: hidden;
}
.servBox .item .intro {
	margin-top:1.3em;
	color: #7b7d89;
	line-height: 1.6;
	height: 4.8em;
	overflow: hidden;
}
.servBox .item .intro2 {
	margin-top: 0.8em;
	color: #41445d;
	line-height: 1.5;
	height: 9em;
	opacity: inherit;
	padding-left: 1em;
}
.servBox .item .intro2 p {
	position: relative;
	z-index: 0;
	margin-bottom: 0.75em;
}
.servBox .item .intro2 p::before {
 position: absolute;
content: "-";
left: -0.8em;
top: -0.25em;
 color: #3ab5ec;
font-size: 1.3em;
font-weight: bold;
}
.servBox .item .btnW {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.servBox .item .btnW .btnGray {
	text-align: center;
	width: 45%;
	margin-top: 1.5em;
	padding-left: 0;
	padding-right: 0;
}










.swiper-serv-w {
	position: relative;
	z-index: 0;
}
.swiper-serv-w {
	margin-top: 2.5em;
}
.swiper-serv-w .btnNext, .swiper-serv-w .btnPrev {
	position: absolute;
	top: 50%;
	margin-top: -1.5em;
	border: 1px solid #f2f3fa;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
.swiper-serv-w .btnNext::before, .swiper-serv-w .btnPrev::before {
 background-image: url(../images/arrow_2.png);
}
.swiper-serv-w .btnNext {
	right: -4.8em;
	left: auto;
}
.swiper-serv-w .btnPrev {
	left: -4.8em;
	right: auto;
}
.swiper-serv-w .btnNext:hover, .swiper-serv-w .btnPrev:hover {
	background-color: #646b97;
}
.swiper-serv-w .btnNext:hover::before, .swiper-serv-w .btnPrev:hover::before {
 background-image: url(../images/arrow.png);
}
.matrBox {
	margin: 0 auto 0;
	padding: 3.5em 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5f2fe+0,ffffff+100 */
background: linear-gradient(to bottom, rgba(229, 242, 254, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.matrBox .tit {
	color: #1a1d3c;
}
.matrBox .tit2 {
	color: #646b97;
	margin-top: 0.2em;
}
.matrBox .pic {
	margin-top: 2.3em;
	overflow:hidden
}
.matrBox .pic img {
	max-width: 1348px;
	margin: 0 auto;
	display: block;
	width: 100%;
	height: auto;
	transition: all 0.5s;
}






.matrBox .btnW {
	margin-top: 6.2em;
}
.soluBox {
	margin: 0 auto 0;
	padding: 3.5em 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5f2fe+0,ffffff+100 */
background: linear-gradient(to bottom, rgba(229, 242, 254, 1) 0%, rgba(255, 255, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.soluBox .tit {
	color: #1a1d3c;
}
.soluBox .tit2 {
	color: #646b97;
	margin-top: 0.2em;
}
.soluBox .soluCon {
	margin-top: 2em;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: stretch;
}
.soluBox .soluCon .tab {
	width: 49.6%;
}
.soluBox .soluCon .tab ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.soluBox .soluCon .tab li {
	position: relative;
	z-index: 0;
	cursor: pointer;
	color: #1a1d3c;
	width: 49.2%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 7.2em;
	border: 1px solid #e1e4f3;
	margin-top: 0.27em;
	background-color: #fff;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
 .soluBox .soluCon .tab li:nth-child(1),  .soluBox .soluCon .tab li:nth-child(2) {
margin-top: 0;
}
.soluBox .soluCon .tab li .pics {
	margin: 0 1.66em 0 2.1em;
	width: 4em;
	height: 4em;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden
}
.soluBox .soluCon .tab li .pics img {
	display: block;
	max-width: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	transition: all 0.5s;
}
.soluBox .soluCon .tab li .pics:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
 .soluBox .soluCon .tab li .pics img:nth-child(2) {
display: none;
}
.soluBox .soluCon .tab li.cur {
	color: #fff;
	background-color: #3ab5ec;
}
.soluBox .soluCon .tab li .num {
	font-size: 0.88em;
	position: absolute;
	top: 1.5em;
	right: 2.25em;
	color: #3ab5ec;
}
.soluBox .soluCon .tab li .arrow {
	position: absolute;
	bottom: 1.5em;
	right: 2.25em;
	width: 0.7em;
	height: 0.7em;
	background: url(../images/arrow_2.png) center center no-repeat;
	background-size:contain;
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.soluBox .soluCon .tab li.cur .num {
	color: #fff;
}
.soluBox .soluCon .tab li.cur .name {
	font-weight: bold;
}
.soluBox .soluCon .tab li.cur .pics img:nth-child(1) {
display: none;
}
.soluBox .soluCon .tab li.cur .pics img:nth-child(2) {
display: block;
}
.soluBox .soluCon .tab li.cur .arrow {
	background-image: url(../images/arrow.png);
}
.soluBox .soluCon .conSZ {
	width: 49.9%;
	border: 1px solid #e1e4f3;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f9fbff+100 */
 background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(249, 251, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.soluBox .soluCon .conSZ .conS {
	display: none;
}
.soluBox .soluCon .conSZ .conS:first-child {
	display: block;
}
.soluBox .soluCon .conC {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	padding: 9.7% 6% 9.7% 9.7%;
	text-align: left;
}
.soluBox .soluCon .conC .txtb {
	width: 25.8%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
}
.soluBox .soluCon .conC .txtb .num {
	color: #3ab5ec;
	font-weight: bold;
}
.soluBox .soluCon .conC .txtb .name {
	margin-top: 0.2em;
}
.soluBox .soluCon .conC .txtb .pics img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto 0 0;
	max-width: 144px;transition: all 0.5s;
}




.soluBox .soluCon .conC .txtb .pics:hover img {
	-ms-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
}





.soluBox .soluCon .conC .txtb2 {
	width: 63.1%;
	color: #717890;
}
.soluBox .soluCon .conC .txtb2 .intro {
	padding-left: 1em;
}
.soluBox .soluCon .conC .txtb2 .intro p {
	margin-bottom: 1.2em;
	position: relative;
	z-index: 0;
}
 .soluBox .soluCon .conC .txtb2 .intro p::before {
 position: absolute;
content: "-";
left: -1em;
top: -0.2em;
 color: #3ab5ec;
font-size: 1.3em;
font-weight: bold;
}
.soluBox .soluCon .conC .btnW {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.soluBox .soluCon .conC .btnW .btnGray {
	text-align: center;
	width: 45%;
	margin-top: 1.3em;
	padding-left: 0;
	padding-right: 0;
}
 @media only screen and (max-width:828px) {
 .soluBox .soluCon {
display: block;
}
 .soluBox .soluCon .tab {
width: 100%;
}
 .soluBox .soluCon .conSZ {
margin-top: 0.5em;
width: 100%;
}
 .soluBox .soluCon .conC {
display: block;
}
 .soluBox .soluCon .conC .txtb .pics {
margin-top: 1.5em;
}
 .soluBox .soluCon .conC .txtb {
width: 100%;
}
 .soluBox .soluCon .conC .txtb2 {
margin-top: 2em;
width: 100%;
}
 .soluBox .soluCon .tab li {
height: 6em;
}
 .soluBox .soluCon .tab li .pics {
margin: 0 0.8em 0 1em;
width: 3em;
height: 3em;
}
 .soluBox .soluCon .tab li .num {
right: 1em;
}
 .soluBox .soluCon .tab li .arrow {
right: 1em;
}
}
.newBox {
	margin: 0 auto 0;
	padding: 2.2em 0 3.5em;
}
.newBox .tit {
	color: #1a1d3c;
}
.newBox .tit2 {
	color: #646b97;
	margin-top: 0.2em;
}
.newBox .newCon {
}
.newBox .tab {
	margin-top: 0.5em;
}
.newBox .tab ul {
	line-height: 2.5;
	display: flex;
	justify-content:center;
	align-items: stretch;
}
.newBox .tab ul li {
	cursor: pointer;
	margin: 0 1.2em;
	padding: 0 1.2em;
	color: #646b97;
}
.newBox .tab ul li::after {
content: "";
display: block;
height: 0.15em;
width: 1.25em;
margin: 0 auto;
}
.newBox .tab ul li.cur {
	font-weight: bold;
	color: #3ab5ec;
}
.newBox .tab ul li.cur::after {
background-color: #3ab5ec;
}
.newBox .conN {
	display: none;
}
.newBox .conN:first-child {
	display: block;
}
.newBox .conC {
	display: flex;
	justify-content: space-between;
	align-items:center;
	color: #1a1d3c;
}
.newBox .list {
	margin-top: 2em;
}
.newBox .list li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e1e4f3;
	background-color: #fefeff;
	padding: 2.3% 3.5% 2.3% 3.3%;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
.newBox .list .txtb {
	flex: 1;
	margin-right: 6.6%;
	text-align: left;
}
.newBox .list .txtb .name {
	color: #1a1d3c;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 1.5em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.newBox .list .txtb .name a {
	color: #1a1d3c;
}
.newBox .list .txtb .name a:hover {
	color: #3ab5ec;
}
.newBox .list .txtb .intro {
	margin-top: 1em;
	color: #646b97;
	line-height: 1.9em;
	height: 5.7em;
	overflow: hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.newBox .list .txtb .date {
	position: relative;
	z-index: 0;
	margin-top: 1.4em;
	color: #a7acbd;
	padding-left: 1em;
}
.newBox .list .txtb .date::before {
content: "";
display: block;
width: 0.3em;
height: 0.3em;
background-color: #3ab5ec;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.19em;
}
.newBox .list .picb {
	width: 27.4%;
}
.newBox .list .picb .pic {
	padding-top: 64.2%;
	position: relative;
	z-index: 0;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
	overflow: hidden;
}
.newBox .list .picb .pic img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s;
}
.newBox .list .picb .pic:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
.newBox .list2 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
.newBox .list2 ul li {
	margin-top: 0.62em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 1px solid #e1e4f3;
	background-color: #fefeff;
	text-align: left;
	width: 49.2%;
	padding: 2.3% 0 2.3% 0;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em;
	border-radius:0.5em;
}
.newBox .list2 ul li .name {
	position: relative;
	z-index: 0;
	flex: 1;
	margin-left: 7.3%;
	color: #4e5062;
	padding-left: 1em;
	margin-right: 1em;
	overflow: hidden;
	text-overflow:ellipsis;
	height: 1.5em;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:1;
}
.newBox .list2 ul li .name::before {
content: "";
display: block;
width: 0.3em;
height: 0.3em;
background-color: #3ab5ec;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.19em;
}
.newBox .list2 ul li .name a {
	color: #4e5062;
}
.newBox .list2 ul li .name a:hover {
	color: #3ab5ec;
}
.newBox .list2 ul li .date {
	margin-right:5.6%;
	color: #a7acbd;
}
 @media only screen and (max-width:828px) {
 .newBox .tab ul li {
margin: 0 0.5em;
padding: 0 0.5em;
}
 .newBox .list2 ul {
display: block;
}
 .newBox .list2 ul li {
 width: 100%;
 padding: 2.3% 0 2.3% 0;
}
 .newBox .list .txtb .intro {
display: none;
}
 .newBox .list .txtb .name {
font-size: 1.1em;
}
 .newBox .list .txtb .date {
margin-top: 0.5em;
}
 .newBox .list .picb {
width: 8em;
}
}



/*banner*/
#ins_banner { position: relative; z-index: 0;padding-top:80px;}
#ins_banner .swiper-slide { position: relative; z-index: 0;}
#ins_banner .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top: 597px;}
#ins_banner .pic2 { padding-top: 860px;}
#ins_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#ins_banner .txtb { position: absolute; z-index: 2; left: 5.2%; top:11vw; color: #fff;
bottom: 6.7vw; 
right: 0; right: 5.2%;
display: flex; justify-content: center; align-items: center;}
#ins_banner .txtb .txt { width: 51%; margin: 0 auto 0 0; text-align: left;
}
#ins_banner .txtb .txt2 { margin-top: 2em;}
#ins_banner .txtb .txt .name {letter-spacing: 0.1em; font-weight: bold; line-height: 1.2; }
#ins_banner .txtb .txt .name2 {font-weight: lighter;  text-transform: uppercase;
 margin-bottom: 0.6em; font-weight: 100; line-height: 1.2;}
#ins_banner .txtb .txt .intro {font-weight: lighter;  font-weight: 100;  
max-width: 28em; margin: 0.6em auto 0 0; line-height: 1.2;
 max-height:2.4em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
#ins_banner .txtb .txt .intro2 {font-weight: lighter;  font-weight: 100;  
 margin: 0.6em auto 0 0; line-height: 1.2;

}
#ins_banner .txtb .txt .intro2 ul { margin-top: -0.9em; width: 25em;
	display: flex; flex-wrap:wrap ; justify-content: flex-start; align-items: stretch;}
#ins_banner .txtb .txt .intro2 li { margin-top: 0.7em; width: 11em; margin-right: 1.2em;
background-color: #69b9fb;
border: 1px solid #b0d7fb;
line-height: 2.3em;
-moz-border-bottom-left-radius:0.4em; 
-webkit-border-bottom-left-radius:0.4em; 
border-bottom-left-radius:0.4em;
-moz-border-bottom-right-radius:1em; 
-webkit-border-bottom-right-radius:1em; 
border-bottom-right-radius:1em;}
#ins_banner .txtb .txt .intro2 li div { padding: 0 0.5em 0 1.2em;}
#ins_banner .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
}

#ins_banner .btnNext,#ins_banner .btnPrev {
	cursor: pointer; display: inline-block;
	position: absolute; right: 5.2%; top: 50%; z-index: 10;
	width: 2.8em; height: 2.8em; margin-top: -1.4em;
	border: 1px solid #fff;
	background:#fff  url(../images/arr_gray.png) center center no-repeat;
	background-size: 26.6% auto;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
} 
#ins_banner .btnPrev { left: 5.2%; right: auto;
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}

#ins_banner .btnNext:hover,
#ins_banner .btnPrev:hover {
	border: 1px solid #fff;	
}
#ins_banner .btnPrev::before,
#ins_banner .btnNext::before{
	content: ""; display: block;position: absolute; z-index: 1;
top: 0; left: 0; width: 100%; height: 100%;
background:  url(../images/arr_gray.png) center center no-repeat;
	background-size: 26.6% auto;
}
#ins_banner .btnPrev:hover::before,
#ins_banner .btnNext:hover::before {
	background-image:  url(../images/arr_white.png);
}
#ins_banner .btnNext::after,
#ins_banner .btnPrev::after{
	content: ""; display: block; position: absolute; z-index: -1;
	top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#068d39+0,058d7d+100 */
	background: linear-gradient(to right,  rgba(6,141,57,1) 0%,rgba(5,141,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
}
#ins_banner .btnNext:hover::after,
#ins_banner .btnPrev:hover::after{ 
	filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}
#ins_banner  .swiper-button-disabled,
#ins_banner  .swiper-button-disabled:hover{ 
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
#ins_banner .swiper-button-disabled:hover::before,
#ins_banner .swiper-button-disabled:hover::before {
	background-image:  url(../images/arr_gray.png);
}
#ins_banner .swiper-button-disabled:hover::after,
#ins_banner .swiper-button-disabled:hover::after{ 
	filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

 @media only screen and (max-width:1920px) {
#ins_banner .pic { padding-top:31.1%;}
#ins_banner .pic2 { padding-top: 45%;}
}
 @media only screen and (max-width:828px) { 
 
 
#ins_banner { padding-top:60px;} 
#ins_banner .con { width: 100%; margin: 0;}
#ins_banner .pic { position: relative; z-index: 0; padding-top:30%;}
#ins_banner .pic2 { position: relative; z-index: 0; padding-top: 70%;}
#ins_banner .txtb { left: 2em; right: 2em;top: 25vw;}
#ins_banner .txtb .txt { width: 100%;}
#ins_banner .txtb .txt .name { font-size: 4.8vw;}
#ins_banner .txtb .txt .intro { font-size: 2vw;}
#ins_banner .txtb .txt .btn { font-size: 2vw; margin-top: 1.8em;}

#ins_banner .txtb .txt .intro2 ul { font-size: 0.7em;}
#ins_banner .txtb .txt .intro2 li div { padding:0 0.5em;}
#ins_banner .txtb .txt .intro2 li { width: 10em; margin-right: 0.5em;}
}



 .solution-list{ padding-bottom:4%;}
 .solution-list li.fl {
  width:49%;
  box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
 .solution-list li.fl .li-img-box {
  text-align: center; padding-bottom:30px; overflow:hidden
}


 .solution-list li.fl .li-img-box img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;transition: all 0.5s;
}

 .solution-list li.fl .li-img-box:hover img {
	-ms-transform: scale(1.05, 1.05);
	-webkit-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}


 .solution-list li.fl.mar-right-56 {
  margin-right: 26px;
}
 .solution-list li.fl h3 {
  padding-left: 20px;
}
 .solution-list li.fl ul {
  padding-left: 20px; min-height:200px; margin-top:20px;
}
 .solution-list li.fl ul li {
 position: relative;
  line-height: 28px;
  font-size: 16px;
}

 @media only screen and (max-width:828px) { 
 
 .solution-list li.fl {
  width:100%;
  box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-bottom:20px;
}
}



/* 产品申请试用 */
.cp_try{ display: none; position: fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color: rgba(0,0,0,0.24);}
.cp_try_wh{ position: absolute; left:50%; top:50%; background-color: #fff; width:1028px; padding:20px 0; transform: translate(-50%,-50%);}
.cp_try_wh .Timu{ text-align: center; padding:0 30px; border-bottom: solid 1px #e5e5e5;}
.cp_try_wh .Timu span{ cursor: pointer; padding:0 0 15px; line-height:30px; margin:0 40px; font-size:26px; color: #333333; display: inline-block; vertical-align: middle; border-bottom: solid 2px #fff; transition: all .5s; }
.cp_try_wh .Timu span:hover,
.cp_try_wh .Timu span.active{ border-bottom-color: #3ab5ec; color: #3ab5ec;}
.Try-left{ padding:40px; background-color: #f4f5f7;}
.cp_try_wh .tab-con{ padding:30px 30px 0;}
.cp_try_wh .Try-box{ display: none;}
.cp_try_wh .Try-box .Try-left{ margin-right:30px; float: left; text-align:center}
.cp_try_wh .Try-box .tishi{ padding:20px 0; text-align: center; font-size:22px; color: #333333;}
.cp_try_wh .hotline{  padding-left:10px; border-left: solid 4px #3ab5ec;}
.cp_try_wh .hotline .til{ font-size:14px; line-height:25px;color: #333333;}
.cp_try_wh .hotline .oin{ font-size:30px; color: #3ab5ec;}
.cp_try_wh .Try-Rith{ float: right; width:65%;}
.cp_try_wh .Try-Rith .oit{ font-size:24px; font-weight:bold; color: #3ab5ec;}
.cp_try_wh .Try-Rith .wenan{ padding:15px 0; font-size:14px; color: #333333; line-height:25px;}
.cp_try_wh .Try-Rith .input-box{ display: flex; margin-bottom:15px;}
.cp_try_wh .Try-Rith .input-box .text{ margin-right:20px; width:320px; border:solid 1px #ececec; border-radius:6px;}
.cp_try_wh .Try-Rith .input-box .text select,
.cp_try_wh .Try-Rith .input-box .text input{ font-size: 14px; padding:0 20px; width:100%; color: #6e6e6e; line-height:40px; height: 40px;}
.cp_try_wh .Try-Rith .input-box .point{ padding-left:20px; position: relative; font-size:12px; color: #6e6e6e; line-height:40px;}
.cp_try_wh .Try-Rith .input-box .point i{ position: absolute; left:0; top:50%; margin-top:-5px; font-size:18px; line-height:20px; color: #c00000;}
.cp_try_wh .Try-Rith .input-box .point span{ display: inline-block; vertical-align: middle; height:40px;}
.cp_try_wh .Try-Rith .input-box .text input::-webkit-input-placeholder{color: rgba(110,110,110,0.5);}
.cp_try_wh .Try-Rith .input-box .text input::-moz-input-placeholder{color: rgba(110,110,110,0.5);}
.cp_try_wh .Try-Rith .input-box .text input::-ms-input-placeholder{color: rgba(110,110,110,0.5);}
.cp_try_wh .Try-Rith .but_a{ padding-top:10px;}
.cp_try_wh .Try-Rith .but_a button{ display: inline-block; width:200px; line-height:40px; color: #fff; background-color: #3ab5ec; text-align: center; border-radius:6px; border:none;}
.cp_try_wh .close{ cursor: pointer; position: absolute; right:20px; top:20px; width:27px; height:27px; background: url(../images/close2.png) no-repeat center; background-size: contain;}

.inner_try {display: block;position: relative;background-color: transparent; clear:both; overflow:hidden}
.inner_try .cp_try_wh {position: relative;top:0;left:0;margin:0 auto;transform:none;}
@media(max-width:1028px){
.cp_try_wh{ width:96%; padding:20px 0;}
.cp_try_wh .Timu span{ font-size:26px;}
.cp_try_wh .hotline .oin{ font-size:20px;}
.cp_try_wh .tab-con{ padding:20px 20px 0;}
.cp_try_wh .Try-box .tishi{ font-size:18px;}
.cp_try_wh .Try-box .Try-left{ padding:20px;}
.cp_try_wh .Try-box .Try-left .pic{ text-align: center;}
.cp_try_wh .Try-box .Try-left .pic img{ max-width:190px;}
.cp_try_wh .Try-Rith .oit{ font-size:20px;}
.cp_try_wh .Try-Rith .wenan{ padding:10px 0;}
.cp_try_wh .Try-Rith .but_a button{ height:40px; line-height:40px; width:150px; font-size:15px;}
.cp_try_wh .Try-Rith .input-box .point,
.cp_try_wh .Try-Rith .input-box .point span,
.cp_try_wh .Try-Rith .input-box .text input{ line-height:40px; height:40px;}
}
@media(max-width:768px){
.cp_try_wh .Try-box .Try-left{ margin-right:10px;}
.cp_try_wh .Try-box .Try-left .pic img{ max-width:100px;}
.cp_try_wh .Try-Rith{ width:70%;}
.cp_try_wh .Try-Rith .input-box .text{ width:230px;}
}

@media(max-width:640px){
.cp_try_wh .close{ width:20px; height:20px; background-size: contain;}
.cp_try_wh .Timu span{ margin:0 10px; font-size:18px; padding-bottom:5px;}
.cp_try_wh .Try-box .Try-left{ display: none;}
.cp_try_wh .Try-Rith{ width:100%;}
.cp_try_wh .Try-Rith .wenan{ padding:5px 0;}
.cp_try_wh .Try-Rith .oit{ font-size:18px;}
.cp_try_wh .Try-Rith .input-box{ display: block; margin-bottom:5px;}
.cp_try_wh .Try-Rith .input-box .text{ width: 100%; margin-bottom:5px; border-color: #ccc;}
.cp_try_wh .Try-Rith .input-box .text input{ line-height:40px; height:40px;}
.cp_try_wh .Try-Rith .input-box .point,
.cp_try_wh .Try-Rith .input-box .point span{ line-height:25px; height: auto;}
.cp_try_wh .Try-Rith .input-box .point i{ top:9px; margin-top:0; line-height:15px;}
.cp_try_wh .Try-Rith .but_a{ padding-top:0;}
}


.full-protection .title1{
    font-size: 22px;
    color: #174b8e;
}


.full-protection-sol-list li.fl{
    height: 124px;
    width: 50%;
    box-sizing: border-box;
}

.full-protection-sol-list li.fl ul {
    border: 2px solid #e5e5e5;
    height: 100%;
    padding: 12px 20px 12px 40px;
    box-sizing: border-box;
}

.full-protection-sol-list li.fl ul li {
    line-height: 25px;
    font-size: 14px;
    list-style: disc outside; overflow:hidden
}


.full-protection .mar-botttom-22{
    margin-bottom: 22px;
}


.full-protection-det-list li img {
transition: all 0.5s; width:100%;
}

.full-protection-det-list li:hover img {
	-ms-transform: scale(1.1, 1.1);
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}



.full-protection-det-list li.fl {
    width:32%;
}

.full-protection-det-list li.li-center{
    margin: 0 28px;
}

.full-protection-det-list li.fl h3 {
    padding-left: 0px;
}

.full-protection-det-list li.fl li h6{
    font-size: 15px;
    display: inline;
}

.full-protection-det-list li.fl li{
    line-height: 25px;
    font-size: 14px;
    list-style: disc;
    list-style-position: outside;
}



.pad-top-26 {
    padding-top: 26px;
}
.pad-right-28{
    padding-right: 28px;
}

.pad-top-20{
    padding: 20px 0;
}


@media(max-width:768px){
.full-protection-sol-list li.fl{
    height: auto;
    width: 100%;
    box-sizing: border-box;
}
.full-protection-det-list li.fl {
    width:100%;
}

.full-protection-sol-list li.fl ul {
    border: 2px solid #e5e5e5;
    height: 100%;
    padding: 12px 20px 12px 20px;
    box-sizing: border-box;
}

.pad-right-28 {
    padding-right: 0px; margin-bottom:20px;
}

.full-protection-det-list li.li-center {
    margin: 10px 0px;
}

}



.partnerBox { padding: 3.7em 0; background-color: #fffff;}
.partnerBox .cons { overflow: visible;}
.partnerList ul{ margin-top: 1em; display: flex; flex-wrap: wrap;
 justify-content: flex-start; align-items: flex-start;}
.partnerList li{ width: 15.7%;
 margin-top:1.16% ; margin-right: 1.16%;
background-color: #fff;
transition: all 0.5s;
-webkit-transition:all 0.5s; border:1px solid #eee; overflow:hidden}
.partnerList li:hover{position: relative; z-index: 1; 
	-moz-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .2);
	box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .2);
	
	/* box-shadow: rgba(0,0,0,0.2) 0px 17px 30px 0px; */
}
.partnerList li img{transition: all 0.5s;}
.partnerList li:hover img{-ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);}



.partnerList li:nth-child(6n) { margin-right: 0;}
.partnerList .pic { position: relative; z-index: 0; padding-top: 57.2%;
background-color: #fff;}
.partnerList .pic img { position: absolute;left:0; top: 0;
width: 100%; height: 100%; object-fit: contain;}



.proBox .titB { display: flex; justify-content: space-between; align-items: center;}
.proBox .titB .titL { text-align: left;}
.proBox .titB .tit::after {    margin: 0.4em auto 0 0;}
.proBox .titB .titR { flex: 1; display: flex; flex-wrap: wrap;
 justify-content: flex-end; margin-left: 1em;
align-items: center;}
.proBox .titB .titR ul { width: 100%;display: flex; flex-wrap: wrap;
 justify-content: flex-end;}
.proBox .titB .titR li {}
.proBox .titB .titR a { color: #000; border: 1px solid #ddd;
 display: block; padding: 0 1em; margin: 0.8em 0 0 0.8em; line-height: 3em;
 height: 3em; overflow: hidden;
 -moz-border-radius:1.8em; -webkit-border-radius:1.8em; border-radius:1.8em;}
 .proBox .titB .titR a:hover { background-color: #000; color: #fff;}
@media screen and (max-width:828px){
	.proBox .titB { display: block;}
	.proBox .titB .titR { margin-left: 0; margin-top: 1em; font-size: 12px;
	 justify-content: space-around;}
	 .proBox .titB .titR ul { justify-content: center;}
	.proBox .titB .titR li { width: 32%; margin: 0em 0.65% 0; }
	.proBox .titB .titR a { margin-left: auto;}
	
	.partnerList li{ width: 49.36%;
	 margin-top:1.16% ; margin-right: 1.16%;}
	.partnerList li:nth-child(2n) { margin-right: 0;}
	
}