.banner {overflow: hidden; padding-top:127px;}
.banner .swiper-button-prev,.banner .swiper-button-next {opacity: .5;pointer-events: unset;z-index:9999;}
.banner .swiper-button-prev {left:2%;}.banner .swiper-button-next {right:2%;z-index:9999;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity: 1;z-index:9999;}
.banner-pic {position: relative;height:100%; width:auto; overflow: hidden;z-index: 1;}
.banner-pic video { height:100%; width:100%; object-fit: cover;}
.banner .swiper-pagination {bottom: 34px;z-index:9999;}
.banner .swiper-pagination-bullet {width: 12px;height: 12px;display: inline-block;border-radius: 100%;background: #fff;opacity: 1;vertical-align: middle;}
.banner .swiper-pagination-bullet-active {width: 14px;height: 14px;opacity: 1;position: relative; background:#3e64a3}


@media screen and (max-width: 1024px){
.banner-pic video{ height:400px !important}
.banner-pic img{ height:400px !important}
}

@media screen and (max-width: 920px){
.banner-pic video{height:300px !important}
.banner-pic img{height:300px !important}
}

@media screen and (max-width: 640px){
.banner-pic video{height:220px !important}
.banner-pic img{height:220px !important}
}

@media screen and (max-width: 460px){
.banner-pic video{height:180px !important}
.banner-pic img{height:180px !important}
}


.recommended li {background-image: linear-gradient(to top, #fbfafa 0%, #fff 100%); float:left; width:28%; margin-right:2%; padding:30px 2%;position:relative; border-radius:5px; z-index:9999;box-shadow: 0 0 5px #ccc; margin-top:-70px; z-index:999;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; margin-bottom:5px;}
.recommended li:hover{margin-top:-75px; margin-bottom:0}
.recommended li:nth-child(3){ margin-right:0;}
.recommended li:hover{box-shadow: 0 0 10px #ccc;}
.recommended li .icon{ float:left; width:20%}
.recommended li .icon img{ width:100%; height:auto; display:block}
.recommended li .wenzi{ float:right; width:75%;}
.recommended li .wenzi h3{font-weight: 600;color: #313131;font-size: 20px; margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recommended li .wenzi p{font-size: 15px; color:#888; line-height:24px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}





.isolution .tabmenu { text-align:center}
.isolution .tabmenu li {color:#333; float:left; padding:20px 0; position:relative; transition: all 0.5s;}
.isolution .tabmenu.n04 li {width:25%; }
.isolution .tabmenu.n05 li {width:20%; }
.isolution .tabmenu.n06 li {width:16.66%; }
.isolution .tabmenu li .pic .img01{ display:none}
.isolution .tabmenu li .pic .img02{ display:block}
.isolution .tabmenu .cli { background-color:#3e64a3; color:#fff; transform:scale(1.05);}
.isolution .tabmenu li:hover .pic .img01{ display:block}
.isolution .tabmenu li:hover .pic .img02{ display:none}
.isolution .tabmenu .cli .pic .img01{ display:block}
.isolution .tabmenu .cli .pic .img02{ display:none}
.isolution .tabmenu li .pic{ width:80%;max-width:80px; margin:10px auto;}
.isolution .tabmenu li .pic img{ width:100%; height:auto; display:block;}
.isolution .tabmenu li .wenzi{ font-size:17px; text-align:center; margin-bottom:25px;}
.isolution .tabmenu li .wenzi a:hover{ font-weight:bold; text-decoration:underline}
.isolution .tabmenu li:hover .wenzi a, .isolution .tabmenu .cli .wenzi a { color:#fff}
.isolution .tabmenu li:hover .arr, .isolution .tabmenu .cli .arr{bottom:-10px;left: 50%; margin-left:-10px; position: absolute;display: block;width: 0;height: 0;transform: rotate(90deg);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 13px solid #f2f4f5;}

.isolution #tabcontent { clear:both;padding:30px 0 0 0; position:relative;}
.isolution #tabcontent .hidden {display:none;}
.isolution #tabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; position:relative; min-height:210px;}
.isolution #tabcontent .pic{ float:left; width:35%;}
.isolution #tabcontent .pic img{ max-width:100%; max-height:330px; width:auto; display:block; margin:0 auto}
.isolution #tabcontent .wenzi{ /*float:right; width:60%;min-height:305px; */ margin-bottom:25px;}
.isolution #tabcontent .wenzi p{line-height:24px; }
.isolution #tabcontent .wenzi p:first-child{ margin-bottom:15px; line-height:50px;}

.isolution #tabcontent .more{ position:absolute; right:0; bottom:0 }
.isolution #tabcontent .more a{width: 150px;height: 42px;line-height: 42px; font-size:16px; display:block; text-align:center;background: #3e64a3; border:solid 1px #3e64a3; color: #fff; margin-top:25px; border-radius:15px;}
.isolution #tabcontent .more a:hover{background: #f2f4f5;color: #3e64a3;}



.igongkai ul li {float: left;position: relative;width:33.33%; background:url(../images/ge.png) no-repeat right center;  height:360px; margin-left: -1px;z-index: 10; }
.igongkai ul li:last-child{ background:none;}
.igongkai ul li:after {content: "";width: 0px;height: 2px;background: #3e64a3;bottom: 0;left: 0;position: absolute;z-index: 999;transition: 1s;}
.igongkai ul li .info {position: absolute;top: 30px;width: 100%;left: 0;transition: 0.5s;}
.igongkai ul li .info .img {text-align: center;}
.igongkai ul li .info img {height: 90px;text-align: center;}
.igongkai ul li .info h3 {font-weight: normal;color: #333;padding-top: 30px;padding-bottom: 15px;font-size: 20px;text-align: center;}
.igongkai ul li .info p {width: 80%;height: 50px;line-height: 24px;margin: 0 auto;color: #73747b; text-align: center;}

.igongkai ul li a.btns {position: absolute;width: 120px;height: 40px;line-height: 40px;display: block; left:50%; margin-left:-60px;bottom: 50px;color: #fff;background: #3e64a3;opacity: 0;border-radius: 15px;transition: 0.5s;text-align: center;}
.igongkai ul li:hover {box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);}
.igongkai ul li:hover:after {width: 100%;height: 2px;}
.igongkai ul li:hover .info {top: 40px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.igongkai ul li:hover a.btns {opacity: 1;}



.ishuzihua .atabmenu { text-align:center}
.ishuzihua .atabmenu li {color:#333; float:left; width:16.66%; line-height:30px; padding:25px 0; position:relative;transition: all 0.5s; background:#f2f4f5; }
.ishuzihua .atabmenu .cli { background-color:#3e64a3; color:#fff; transform:scale(1.05); position:relative; z-index:89}
.ishuzihua .atabmenu li{ font-size:17px; text-align:center;}
.ishuzihua .atabmenu li:hover .arr, .ishuzihua .atabmenu .cli .arr{bottom:-10px;left: 50%; margin-left:-10px; position: absolute;display: block;width: 0;height: 0;transform: rotate(90deg);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 13px solid #fff;}

.ishuzihua #atabcontent { clear:both;position:relative;}
.ishuzihua #atabcontent .hidden {display:none;}
.ishuzihua #atabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; position:relative; min-height:210px;}
.ishuzihua #atabcontent ul img{ width:100%; height:auto;}




.ivideo .vtabmenu { text-align:center}
.ivideo .vtabmenu li {color:#333; float:left; width:50%; position:relative; /*border-bottom:solid 1px #3e64a3;*/ padding-top:15px;}
.ivideo .vtabmenu .title02{ text-align:center; margin-bottom:30px}
.ivideo .vtabmenu .title02 h3{ font-size:28px;margin-bottom:6px; font-weight:bold; margin-bottom:10px;}
.ivideo .vtabmenu .title02 p{ font-size:16px; text-transform:uppercase; color:#999}

.ivideo .vtabmenu .cli { background-color:#3e64a3; color:#fff; }
.ivideo .vtabmenu .cli p{ color:#fff;}
.ivideo .vtabmenu li{ font-size:18px; text-align:center;}
.ivideo .vtabmenu li:hover .arr, .ivideo .vtabmenu .cli .arr{bottom:-10px;left: 50%; margin-left:-10px; position: absolute;display: block;width: 0;height: 0;transform: rotate(90deg);border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 13px solid #f2f4f5;}

.ivideo img{ display:block}

.ivideo #vtabcontent { clear:both;position:relative; padding:30px 0 20px 0}
.ivideo #vtabcontent .hidden {display:none;}
.ivideo #vtabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease; position:relative; min-height:210px;}
.ivideo #vtabcontent ul .item{ float:left; width:32%; margin-right:2%; }
.ivideo #vtabcontent ul .item:nth-child(3){ margin-right:0}
.ivideo #vtabcontent ul .item .spic{ position:relative;}
.ivideo #vtabcontent ul .item .spic .iv{ position:absolute; left:20px; bottom:20px; width:38px; z-index:99}
.ivideo #vtabcontent ul .item .spic .iv img{ width:38px; height:38px; }
.ivideo #vtabcontent ul .item:hover .spic .iv img{background-color:#3e64a3; border-radius:50%; }
.ivideo #vtabcontent ul .item .spic .ng{ background-color:rgba(0,0,0,0.3); position:absolute; width:100%; height:100%; top:0}
.ivideo #vtabcontent ul .item .xpic img{ width:auto; max-width:100%; height:auto;  margin:0 auto; padding:20px;}
.ivideo #vtabcontent ul .item .xpic{ font-size:20px; text-align:center; line-height:50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:6px;}





.ivideo #vtabcontent .more{ }
.ivideo #vtabcontent .more a{width: 150px;height:42px;line-height: 42px; font-size:16px; display:block; text-align:center;background: #3e64a3; border:solid 1px #3e64a3; color: #fff; margin:25px auto; border-radius:15px;}
.ivideo #vtabcontent .more a:hover{background: #f2f4f5;color: #3e64a3;}




.lastsanlie .item{ float:left !important; line-height:35px; width:32% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right:2%  !important}
.lastsanlie .item:nth-child(3n){ margin-right:0  !important}
.lastsanlie .item:nth-child(3n+1){ clear:both !important}

.lastsilie .item{ float:left !important; line-height:35px; width:23.5% !important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-right:2%  !important}
.lastsilie .item:nth-child(4n){ margin-right:0  !important}
.lastsilie .item:nth-child(4n+1){ clear:both !important}