@charset "utf-8";
/* CSS Document */
* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

img {
	border: none;
	max-width: 100%;
}
body {
	font-size: 15px;
font-family:"Microsoft YaHei", verdant, tahoma;
	color: #021227;
	font-weight: normal;
	margin: 0px;
	text-decoration: none;
	line-height: 25px;

}
a {
	text-decoration: none;
font-family:"Microsoft YaHei", verdant, tahoma;
	color: #021227;
	font-weight: normal;
}
a:hover {
	color:#0e87ef;
}
.clear {
	clear: both;
}
ul {
	list-style-type: none;
}
li {
	list-style-type: none;
	line-height: 25px;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.hz {
	width:80%;
	margin: 0 auto;
}
.hza {
	width:80%;
	margin: 80px auto;
}
.hza:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1683621559953') format('woff2'),
       url('iconfont.woff?t=1683621559953') format('woff'),
       url('iconfont.ttf?t=1683621559953') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 15px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;margin-left:5px;}


.top-pc {position:fixed; z-index:999;top:0px;left:0;width:100%; transition:all 0.5s; -webkit-transition:all 0.5s; }
.top-pc.active{background:#fff;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.2);border-bottom:none;}

.logo {float:left;margin:15px 0; transition:all 0.5s; -webkit-transition:all 0.5s;}
.logo img {height:55px;float:left;}
.logo p{ float: left;
  margin-left: 10px;
    font-size: 26px;color:#fff;
    font-weight: bold;margin-top:15px;
}

.top-pc.active .mainbav .memu>a , .top-pc.active .iconfont-jt, .top-pc.active .nav1, .top-pc.active .logo p, .top-pc.active .set{color:#333;}
.top-pc.active .sjx{border-top: 8px solid #333;}
.top-pc.active .mainbav .memu.active>a,
.mainbav .memu:hover>a { color: #0e87ef;}

.top-pc.active .mainbav .memu>a:hover {
    color: #0e87ef !important;
}

.top-hz{width:92%;margin:0 auto;display:flex; flex-wrap: nowrap; align-items:center; }
.top-menu{flex:1 1; display:flex; justify-content:flex-end;}

.nav {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: bottom;
}
.mainbav ul:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
.mainbav li {
    float: left;
}

.mainbav .memu {
    float: left;

}

.mainbav .memu>a {
    line-height:90px;color:#fff;
    padding: 0 30px; font-size:17px;
}

.mainbav .memu>a:hover {
    color: #0e87ef !important;
}

.mainbav .memu.active>a,
.mainbav .memu:hover>a {
    color: #0e87ef;
    display: block;
}

.mainbav ul li ul {
    position: absolute;
    display: none;
    z-index: 9999;
    width:220px;
background:#fff;
    padding:15px 0;border-radius:10px;box-shadow: 0px 0px 10px 0px rgba(2, 0, 0, 0.2);
}

.mainbav ul li ul li {
    float: none;
    border-right: none;
  text-align: left;
}

.mainbav ul li ul li a {
    display: block;color:#666;
    padding:8px 20px;font-size:15px;}
.mainbav ul li ul li a:hover{color:#0e87ef;}

.sousuo { padding-left:50px; display:flex;align-items:center;margin-right:25px;}

.sousuo .sousuo_an {

    cursor: pointer;
}
.sousuo .ssk_bj {
	width: 100%;
	display: none;
	position: fixed;
	left: 0;
	top:110px;
	z-index: 10;
}
.sousuo .ssk {
	width:30%;
	overflow: hidden;
	margin: 0 auto;
}
.sousuo .ssk .input_txt {
	width:77%;font-family:"Microsoft YaHei", verdant, tahoma;
	height:50px;
	float: left;
	padding: 0 3%;font-size:15px;
	border: none;

}
.sousuo .ssk .input_btn {
	width: 23%;
	float: right;
font-family:"Microsoft YaHei", verdant, tahoma;
	color: #fff;
	line-height:50px;font-size:15px;
	border: 0 none;
	background-image: linear-gradient(to right, #2699ef, #0e87ef);
	cursor: pointer;
}
 input,textarea {
	outline:none;
 }

.p-show {
	display: block !important;
}
.set{color:#fff;}
.nav1{ 
    height:50px;text-align:center;
    line-height:50px;

}
.index-yyl {margin-top:20px;}
.index-yyl img {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 2px;
	margin-right: 3px;
}


.new {	
	width: 120px;
	position: absolute;
	z-index: 999;
	display: none;
	text-align: center;right:40px;padding:10px;
	top:91px; background:rgba(255,255,255,0.9);border-radius:5px;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.2);}
.new li{line-height:38px;}
.new li a{color:#666;}
.new li a:hover{color:#0e87ef;}
.new li:last-of-type { border-bottom:none;}   

.sjx{ width:0; display:inline-block;
	border:4px solid transparent;
	border-top:7px solid #fff;vertical-align: text-bottom;}

.top_sj {
	display: none;
}

/*banner*/
.block_home_slider {
	height: auto;
	position: relative;
	line-height: 0px;
	text-align: center;
}/*底部小图标*/
.block_home_slider .slide {
	position: relative;
	overflow: hidden;
}
.block_home_slider .flex-direction-nav a {
	width: 45px;
	height: 50px;
	display: block;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	text-indent: -9000px;
}
.block_home_slider .flex-direction-nav a.flex-prev {
	left: 0;
	background: url(../images/jt1.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next {
	right: 0;
	background: url(../images/jt2.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-prev:hover {
	left: 0;
	background: url(../images/jt1a.png) no-repeat;
}
.block_home_slider .flex-direction-nav a.flex-next:hover {
	right: 0;
	background: url(../images/jt2a.png) no-repeat;
}

.block_home_slider .flex-control-paging {
	position: absolute;
	bottom: 20px;
	width:98%;
	text-align: center;
}
.block_home_slider .flex-control-paging li {
	margin: 0px;
	padding: 0 5px;
	display: inline-block;
*display:inline;
*zoom:1;
	overflow: hidden;
	list-style-type: none;
}
.block_home_slider .flex-control-paging li a{width:10px; height:10px; display:block; background:#f2f2f2; text-indent:-9000px; position:relative; overflow:hidden;cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:40px; background:#fff;}
.block_home_slider .flex-control-paging li a:after{content:"";width:0%;height:100%;background-image: linear-gradient(to right, #2699ef, #0e87ef);position: absolute;left:0px;top:0px;}
.block_home_slider .flex-control-paging li a.flex-active:after{width:100%;transition: width 5s linear;-moz-transition: width 5s linear;-webkit-transition: width 5s linear;-o-transition: width 5s linear;}


.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li{overflow:hidden;line-height:0px;height:100%;display: none; position:relative;}
.flexslider .slides li img{display:block;    margin: 0 auto;}
#home_slider2{display:none;}

.top_sj { display:none; }


.index-title {
	font-weight: bold;
	font-size:40px;line-height:40px;
text-align:center;color:#021227;}

.index-title-ms{width:70%;
	text-align:center;color:#666;
	margin:30px auto;font-size:18px;}



/* 应用零一 */
.index-product{display:flex;  align-items: center;justify-content:space-between; background:url(../images/index1Bg.png)no-repeat #f3f6fa;padding:70px 0; }
.index-product .left{position:relative;z-index:2;width:35%;padding:0 8%;box-sizing: border-box;}
.index-product .left .subtitle{line-height:40px; font-size:40px;margin-bottom:5%; font-weight:bold;}
.index-product .left .title{margin-bottom:2%;line-height:1em;font-size:36px; color: #dedede; text-transform: uppercase; font-weight: bold;}
.index-product .left .title span { color: #0883df}
.index-product .left p{font-size:16px;margin-top:8%;color:#666;}
.index-product .left .hover-btn{margin-top:10%}
.hover-btn{display:inline-block;position:relative;padding:0.5em 2.3em;font-size:16px;color:#fff !important;border:1px solid #0883df;border-radius:3em;overflow:hidden;transition:all 0.4s}
.hover-btn:hover{color:#0883df !important;border:1px solid #0883df !important;}
.hover-btn span{position:relative;z-index:3;color:inherit}
.hover-btn:before{transition:all 0.6s;transform:scale(0);position:absolute;left:0%;bottom:0%;z-index:2;width:100px;height:30px;border-radius:100%;background:#fff;content:""}
.hover-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;background:#0883df;content:""}
.hover-btn:hover:before{transition:all 0.6s;transform:scale(10)}

.swiper-slide{background:#fff;}

#product-list{width:65%;padding:0 0 70px;}
#product-list .swiper-pagination{top:auto;bottom:0}
#product-list .swiper-pagination-progressbar{background:#fff}
#product-list .swiper-slide a{display:block;}
#product-list .swiper-slide a .title{text-align:center;font-size:22px; transition:all 0.4s; padding:10% 5%;border-top: 1px dashed #eee;}

#product-list .swiper-slide a:hover .title{color:#0883df}
#product-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#0883df}



.product-btn{position:absolute;z-index:2;right:90px;bottom:0;padding:0;transform:translate(50%,0%)}
.product-btn > div{width:45px;height:42px;line-height:42px;font-size:18px;text-align:center;color:#fff;background:#0e87ef;transition:all 0.4s;float:left;margin-left:10px;}
.product-btn > div.prev{background:#999999}
.product-btn > div:hover{background:#0883df}
.product-btn > div span{font-size:inherit;line-height:inherit;color:inherit}
.title-ms{ margin:0 30px 30px 30px;color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.title-more{text-align:center;padding-bottom:30px;color:#0883df;}



.index-Advantage-bj{background:url(../images/y.jpg) top no-repeat;
    padding:80px 0;position:relative;margin-top:80px;}
.index-Advantage-title{color:#fff;font-size:40px;line-height:40px;font-weight: bold;}
.index-Advantage-title-ms{margin:40px 0 60px 0;color:#fff;font-size:18px;line-height:32px;}
.index-Advantage-bj:after{ content:"";background:#f3f6fa; position:absolute;z-index:1;left:0;bottom:0;width:100%;height:60%;}
.index-Global-bj{background:#fff;margin-top:60px;overflow:hidden;position:relative;z-index:2;display:flex;flex-wrap: wrap;}
.index-Global{width:50%;border:1px solid #f3f8fa;padding:40px 4% 0 4%;}
.index-Global:hover{ background-image: linear-gradient(to right, #2699ef, #0e87ef);}
.index-Global:hover .index-Global-title, .index-Global:hover .index-Global-wb, .index-Global:hover .index-Global-sz{color:#fff;}
.index-Global:hover .index-Global-title img{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.index-Global-title{font-size:26px; float: left; font-weight: bold;    display: flex;align-items: center;width:100%;}
.index-Global-title span{padding-left:10px;float:left;width:80%;}
.index-Global-title img{float:left;}
.index-Global-wb{float:left;color:#666;width:50%;line-height:27px;}
.index-Global-hz{padding:40px 0 50px 0;overflow:hidden;}
.index-Global-pic{width:45%;float:right;}
.index-Global-sz{font-size:120px;line-height:120px;color:#f0f0f0;font-weight:bold;text-align:right;position:absolute;z-index:1;right:0;bottom:-30px; right:0;text-align:center;padding-right:4%; }




.index-about-bj{background:url(../images/bg.jpg) center;background-size: cover;
    background-attachment: fixed;
    overflow: hidden;}
.index-about-left{width:45%;float:left;}
.index-about-right{width:50%;float:right; }
.xt{display:block;width:40px;height:2px;background-image: linear-gradient(to right, #00a9e9, #0e87ef);float:left;margin-top:12px;margin-right:10px;}
.index-about-title{font-size:40px; line-height:40px;font-weight: bold; }
.index-about-title2{font-size:24px;margin:30px 0;color:#333;position: relative;padding-bottom:20px; }
.index-about-title2:after {
    content: "";
    position: absolute;
    background:#0e87ef;
    width:80px; 
    height:5px;bottom:0; 
	 left: 0;
   }
.index-about-nr{text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;margin-bottom:30px;font-size:16px;line-height:30px;color:#666;}


.hover-btn{display:inline-block;position:relative;padding:0.5em 2.3em;font-size:16px;color:#fff !important;border-radius:3em;overflow:hidden;transition:all 0.4s}
.hover-btn:hover{color:#0e87ef !important;}
.hover-btn span{position:relative;z-index:3;color:inherit}
.hover-btn:before{transition:all 0.6s;transform:scale(0);position:absolute;left:0%;bottom:0%;z-index:2;width:100px;height:30px;border-radius:100%;background:#fff;content:""}
.hover-btn:after{position:absolute;left:0;top:0;width:100%;height:100%;background-image: linear-gradient(to right, #2699ef, #0e87ef);content:""}
.hover-btn:hover:before{transition:all 0.6s;transform:scale(10)}


.nylist{margin-top:50px; }
.nylist ul{display: flex; flex-wrap: wrap;margin-left:-0.5%;margin-right:-0.5%;  }
.nylist li{ float:left; width:49%; margin-right:0.5%;margin-left:0.5%; margin-bottom:1%; position:relative;  overflow:hidden;background:#f3f6fb;}

.nylist li:hover{background-image: linear-gradient(to right, #2699ef, #0e87ef);}
.nylist_pic{float:left;width:55%;overflow:hidden;}
.nylist_wb{float:right;width:45%; padding:50px 30px;}
.nylist_pic img{ transition:ease-in-out 0.25s all;width:100%;height:100%;-o-object-fit: cover;object-fit: cover;}
.nylist li:hover .nylist_pic img{ transform:scale(1.1);}
.nylist li:hover .nylist_more {	background:#fff;color:#2699ef;border:1px solid #0e87ef;}
.nylist li:hover .nylist_tit,.nylist li:hover .nylist_ms{color:#fff;}
.nylist_tit{ width:100%; font-size:22px;line-height:27px;font-weight:bold;}
.nylist_ms{margin-top:20px;color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.nylist_more{margin-top:30px;color:#0e87ef;border-radius:50px;border:1px solid #0e87ef;display:inline-block;width:120px;text-align:center;padding:5px 0;}



.Rapid-xt{margin-top:80px;}
.leit{width: 100%;overflow: hidden;display: block;height:640px;}
.leit ul{width:100%;}
.cc li{}
.leit li{width:16.666%;float:left;position: relative;height:640px;transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s; 
-o-transition-duration: .5s;  }
.leit li img{display: block;}
.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0,0,0,0.5);}
.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;overflow:hidden;}

.shu2{position: absolute;left:50%;bottom: 20%;font-size: 30px;color: #fff;transform:translate(-50%); }
.shu2 span {font-size:24px;font-weight:bold;color: #fff; display: block; writing-mode:vertical-lr;letter-spacing: 5px;  }
.shu2 b{display: block;margin-top:50px;text-align: center;}

.bock{width:90%; position: absolute;left: 0;bottom:0;opacity:0;padding:5%;box-sizing: border-box;  background: rgba(30,101,199,.7);margin:5%;}
.bock h3{font-size:24px;color: #fff;position: relative;}
.bock p{color: #fff;margin:25px 0; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }

/* 新闻 */
.index-news-bj{background:url(../images/index_member.jpg) center;background-size: cover;
    background-attachment: fixed;
    overflow: hidden;}

.ind-news{width: 100%;overflow: hidden;padding: 70px 0;}
.news-box{width: 100%;margin-top: 70px;}
.news-list{width: 68%;float: left;}
.news-list ul li{float: left;width: 46.5%;margin-right: 3.5%;border-radius: 10px;background:#fff;box-shadow: 0 0 10px rgba(9, 16, 24, .1);}
.news-list ul li .img{width: 100%;position: relative;overflow: hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.news-list ul li .img img{width: 100%;height: 100%;object-fit: cover;transition: all .8s ease;}
.news-list ul li .img .time{position: absolute;left: 20px;bottom: 15px;    background-image: linear-gradient(to right, #2699ef, #0e87ef);padding:5px 15px;font-size: 14px;color: #fff;}
.news-list ul li .text{width:100%;padding:30px; border-top: 1px solid #eee;}
.news-list ul li .text h6{font-size:18px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .4s ease;}
.news-list ul li .text p{color: #999;margin: 18px 0;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-list ul li .text .more{color:#0e87ef;}

.news-list ul li:hover .text h6{color:#0e87ef;}
.news-list ul li:hover .img img{transform: scale(1.06);}
.news-box{margin-top:50px;}
.news-main{width: 32%;float: right;background: #fff;box-shadow: 0 0 10px rgba(9, 16, 24, .1);border-radius: 10px;padding: 25px;}
.news-main .tit{width: 100%;overflow: hidden;margin-bottom:15px;}
.news-main .tit h6{font-size:24px;float: left;}
.news-main .tit a{float: right;color: #999;}
.news-main .tit a:hover{color:#0e87ef;}
.news-main ul{width: 100%;}
.news-main ul li{width: 100%;padding:21px 0;border-top: 1px solid #e6e6e6;}
.news-main ul li h6{font-size: 14px;color: #999;line-height:15px;font-weight: normal;}
.news-main ul li p{font-size: 17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
margin-top:10px;transition: all .4s ease;}
.news-main ul li:hover p{color:#0e87ef;}


.ny-team-bj{ position: relative;overflow:hidden;}
.ny-team-bj:after {
    content: "";
    position: absolute;
      background-image: linear-gradient(to bottom, #2699ef, #0e87ef);
    width:100%; 
    height:35%;bottom:0; 
	 left: 0;z-index:-1;
   }
.ny-team{display: flex; flex-wrap: wrap;margin-top:50px;}
.ny-team-a{float:left;width:25.2%;}
.ny-team-a p{margin:0 2% 2% 2%;display:block; overflow:hidden;}
.ny-team-a p img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-team-a p img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}

.ny-team-a2{float:left;width:25.2%;}
.ny-team-a2 p{margin:0 2% 2% 2%;display:block; overflow:hidden;}
.ny-team-a2 p img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-team-a2 p img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}
.ny-team-z p{display:block; overflow:hidden;}
.ny-team-z{float:left;width:49.3%;}
.ny-team-z img:hover{ transform: scale(1.1);
-moz-transform:scale(1.1);
-ms-transform: scale(1.1);
-o-transform:scale(1.1);
-webkit-transform: scale(1.1);
transition-duration: .5s;
-moz-transition-duration: .5s;
-webkit-transition-duration: .5s;
-o-transition-duration: .5s; }

.ny-team-z img{transition-duration: .8s;
-moz-transition-duration: .8s;
-webkit-transition-duration: .8s;
-o-transition-duration: .8s;}



.khjz_dkj {
	width: 100%;
	margin-top: 50px;position: relative;
}

.khjz .item {
	margin: 0 8px;
	position: relative;
	overflow: hidden;
	display: block;
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}

.khjz .item .cpzs_img {
	overflow: hidden;
	display: block;

}
.khjz .item .cpzs_img img {
	transition-duration: .8s;
	-moz-transition-duration: .8s;
	-webkit-transition-duration: .8s;
	-o-transition-duration: .8s;
}
.khjz .item .cpzs_img img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}


.cpzs_wb_t {font-size:16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	 padding:20px;text-align:center;
	}

.ryzz .item {
	margin: 0 8px;
	position: relative;background:#f3f6fa;border:5px solid #f3f6fa;
	display: block;
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}
.ryzz .item:hover{background-image: linear-gradient(to right, #2699ef, #0e87ef);}
.ryzz .item:hover .cpzs_wb_t{color:#fff;}
.ryzz .item:hover .product-more .btn{background:#fff;color:#0e87ef;}
.ryzz .item .cpzs_img {
	overflow: hidden;
	display: block;

}
.ryzz .item .cpzs_img img {
	transition-duration: .8s;
	-moz-transition-duration: .8s;
	-webkit-transition-duration: .8s;
	-o-transition-duration: .8s;
}
.ryzz .item .cpzs_img img:hover {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-o-transition-duration: .5s;
}


/* display none until init*/
.owl-carousel {
    display: none;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    text-align: center;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix*/

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-controls {
    width: 100%;
    z-index: 11;
    margin-top:30px;
}

.owl-carousel .owl-controls .owl-buttons div {
    position: absolute;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 20px;
    height: 70px;
    text-indent: -9999px;
    transition: .35s;
    top: 45%;
    margin-top: -35px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
    background: url(../images/index_24.png) center no-repeat;
    overflow: hidden;
    left:-30px;
}

.owl-carousel .owl-controls .owl-buttons .owl-next {
    background: url(../images/index_25.png) center no-repeat;
    overflow: hidden;
    right:-30px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
    background: url(../images/index_24a.png) center no-repeat;
    overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
    background: url(../images/index_25a.png) center no-repeat;
    overflow: hidden;
}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}

.owl-carousel .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #999;
}

.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: #2699ef;
    border:1px solid #2699ef;
}

.owl-carousel .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


/*----底部----*/
.foot {padding-top:50px;
background:url(../images/bg.jpg) center;background-size: cover;
    background-attachment: fixed;color:#bac8db;
    overflow: hidden;}
.foot-contact-hz{width:30%;float:left;}
.foot-left{float:left; margin-left: 5%;}

.contact-wz li{margin-bottom:15px;position:relative; padding-left:35px;  color:#bac8db; }
.contact-wz li a{color:#bac8db;}
.contact-wz li a:hover{color:#fff;}
.contact-tb{float:left;position:absolute;z-index:1;left:0;top:15px; text-align:center; transform:translate(0%,-50%);}
.contact-tb img{width:20px; opacity:0.7;}

.foot-bottom{display: flex; flex-wrap: wrap;
 justify-content: space-between;}
.foot-box{flex: 1 1;
    display: flex;
    justify-content: flex-end;}
.foot-menu{float:left;margin:0 4%;}

.foot-contact-title{ font-size:18px;font-weight: bold;color:#fff;margin-bottom:20px;}
.foot-contact-nr a{color:#bac8db;line-height:30px;}
.foot-contact-nr a:hover{color:#fff;}

.foot-bq{text-align:center;padding:20px 0;margin-top:50px;border-top:1px solid #42536a;color:#bac8db;}
.foot-bq a{color:#bac8db;}
.foot-bq a:hover{ color:#fff; }



/*内页样式开始*/
.ny-banner-hz{ position:relative;}
.ny-banner-hz::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 1;
}
.ny-banner-wb{font-weight:bold;color:#fff;font-size:42px;line-height:42px;position:absolute;z-index:1;left:0;top:50%; right:0;text-align:center; transform:translate(0%,-50%); z-index:2;}

.tabs {
        width:100%;
    background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        bottom: 0;
        left: 0;z-index:2; }
.tabs ul { width:100%;text-align: center; display:block;padding:20px 0;}
.tabs ul li {color:#fff; display:inline-block;}
.tabs ul li a{color:#fff;}

.ny-about-nr{font-size:16px;line-height:32px;color:#666;}

.ny-ryzz-bj{background:#f3f6fa;
    overflow: hidden;}


.hover-k{ position:relative}
.hover-k:after{ position: absolute; content: ""; width: 100%;height: 4px; background-image: linear-gradient(to right, #2699ef, #0e87ef); left: 0; bottom: 0px; transition: transform 0.5s;
	right: 0; transition: transform 0.5s; margin: auto; transform-origin: right center; transform: scaleX(0)}
.hover-k:hover:after{  transform-origin: left center; transform: scaleX(1);}
.hover-k img{ transition: all 0.5s}
.hover-k:hover img{ transform:scale(1.02)}

.ny-news-nr{float:left;width:78%;}
.ny-news-nr-hz{overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;margin-bottom:50px;padding:40px;float:left;width:100%;background:#f3f6fa;}
.ny-news-nr-hz:hover{transform:translateY(-6px); -webkit-trafont-size:0; box-shadow: 0px 5px 32px 0px rgba(24, 90, 174, 0.17);}

.ny-news-nr-left{width:66%;float:left;}
.ny-news-nr-pic{float:right;width:27%;}

.ny-news-nr-left-title{margin-top:10px;}
.ny-news-nr-left-title a{font-size:22px;}
.news-nr-left-content{margin:25px 0 30px;color:#666; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;font-size:16px;line-height:30px; }

.faq_button_li {width:140px;height:42px;overflow:hidden;line-height:42px;position:relative;text-align:center;}
.faq_button_li a {font-size:16px;display:block;position:relative;}
.faq_button_white a:after {content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:#0e87ef;}
.faq_button_white a:before {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#0e87ef;}
.faq_button_white:after {content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#0e87ef;z-index:2;transition:all .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);}
.faq_button_white:before {content:"";position:absolute;right:0;top:0;width:1px;height:100%;background: #0e87ef;}
.faq_button_white a {position:relative;z-index:3;color:#4d4d4d;transition:all .6s cubic-bezier(.645,.045,.355,1);-webkit-transition:all .6s cubic-bezier(.645,.045,.355,1);}
.faq_button_white:hover:after {width:100%;}
.faq_button_white:hover a {color:#ffffff;}

.news-more{margin-top:20px;color:#0e87ef;}
.ny-news-right-hz{width:20%;float:right;}
.ny-news-right{margin-top:40px;}
.ny-news-right-title{position: relative;font-size:26px;font-weight:bold;padding-bottom:20px;}
.ny-news-right-title:after {
    content: "";
    position: absolute;
    background-image: linear-gradient(to right, #2699ef, #0e87ef);
    width:40px; 
    height:3px;bottom:0; 
	 left: 0;
   }
   .index-news-nr-left-rq{color:#999;}
.index-news-nr-left-rq img{float:left;width:17px;margin-right:5px;margin-top:3px;}
.ny-news-right-nr{margin-top:20px;overflow:hidden; }
.ny-news-right-nr li{padding:10px 0;}
.ny-news-right-nr li a{font-size:16px;color:#465f7b;}
.ny-news-right-nr li a:hover{color:#0e87ef; text-decoration:underline;}
.ny-newshow-rq{padding-top:25px;color:#999;overflow:hidden;}
.ny-newshow-rq li{float:left;margin-right:20px;}
.ny-newshow-rq li img{float:left;margin-top:3px;margin-right:5px;}
.ny-newshow-title{ font-size: 24px;font-weight: bold;}
.ny-newshow-nr{ background:#f3f6fa;padding:50px;font-size:16px;line-height:32px;color:#333;margin:30px 0;}


 .fdh-01-tit {padding:20px;font-weight:bold;
            background: #0e87ef;
            font-size:22px;
            color: #fff;}
        

.nylist2 ul{display: flex; flex-wrap: wrap;margin-left:-1%;margin-right:-1%;  }
.nylist2 li{ float:left; width:31.33%; margin-right:1%;margin-left:1%; margin-bottom:2%; position:relative; text-align:center; overflow:hidden;background:#f3f6fa; border: 5px solid #f3f6fa;}
.nylist2 li:hover{background-image: linear-gradient(to right, #2699ef, #0e87ef);}
.nylist2_pic{ overflow:hidden;}
.nylist2_pic img{ width:100%; transition:ease-in-out 0.25s all;}
.nylist2 li:hover .nylist2_pic img{transform:scale(1.1);}
.nylist2 li:hover .nylist2_more{background:#fff;color:#2699ef;border:1px solid #0e87ef;}
.nylist2 li:hover .nylist2_tit{color:#fff;}
.nylist2_tit{ width:100%;  padding:20px;font-size:16px;}
.nylist2_more{color:#666;border-radius:50px;border:1px solid #ddd;display:inline-block;padding:7px 40px;margin-bottom:30px;}


.ny-product-left {padding:20px 15px;overflow:hidden;background:#f3f6fa;}
.ny-product-left li{float:left;width:100%;margin-bottom:10px;}
.ny-product-left li a{background: url(../images/pro_left.png)no-repeat right; font-size:16px;
    padding:15px;display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background:#fff;}
.ny-product-left li a:hover, .ny-product-left li a.on{color:#0e87ef;font-weight:bold;}



/*上下篇*/
#page{}
#page .next,#page .prev{}
#page .next a,#page .prev a{color: #333;}
#page .next a:hover,#page .prev a:hover{color:#0e87ef;}
#page .next{margin-top: 6px;}

/*分页*/
.yema{ width:100%; text-align:center; overflow:hidden;margin-top:30px; }
.yema.bgs2{ text-align:right;}
.yema a{ display:inline-block; height:38px; line-height:38px; padding-left:10px; overflow:hidden; padding-right:10px; min-width:40px;margin-left:3px;  text-align:center; color:#333333; font-size:16px; border:1px solid #ececee; background:#ececee;}
.yema a:hover{ text-decoration:none; color:#fff; background-image: linear-gradient(to right, #2699ef, #0e87ef);border:1px solid#0e87ef;}
.yema a.on{color:#fff;  background-image: linear-gradient(to right, #2699ef, #0e87ef);border:1px solid#0e87ef;}
.yema a.first,.yema a.last{ margin-right:0;  }
.yema a.first:hover,.yema a.last:hover{background-color:#0e87ef;}
.yema a span{ font-family: "宋体";font-size:16px;}



 .tab-nav {margin-top:60px;}
    .tab-nav li { display:none;
           width:100%;
            cursor: pointer;
            transition: all 0.3s;
        }
        
        .tab-nav li.on {display:block;  }
  
    .tab-nav li  img{width:100%;}
       
        
        .tab-content.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
.ny-ryzz-bianju{padding-bottom:100px;}

.ny-qywh-xt{border-top:1px solid #ebebeb;}
.ny-qywh{position:relative;}
.ny-qyzl-hz{margin:50px auto 0 auto;position:absolute;z-index:1;left:0;bottom:-20%; right:0;width:92%;display: flex; box-shadow: 7px 7px 20px 0px rgba(0, 0, 0, 0.1);}
.about-qyzl-a-title{font-size:22px;font-weight:bold;margin-bottom:25px;color:#333;}
.about-qyzl-a3{width:33.3333%;padding:45px ;color:#666;  background: #fff;overflow:hidden;}
 .about-qyzl-a3.active{background-image: linear-gradient(to right, #2699ef, #0e87ef);}
 .about-qyzl-a3.active .about-qyzl-a-title,.about-qyzl-a3.active .about-qyzl-a3-hz p{color:#fff;}
  .about-qyzl-a3.active .index-ys-box-tb{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
 .about-qyzl-a3:hover .about-qyzl-a3.on{background-image: linear-gradient(to right, #2699ef, #0e87ef);}
.about-qyzl-a3:hover {background-image: linear-gradient(to right, #2699ef, #0e87ef);}
.about-qyzl-a3:hover .about-qyzl-a-title, .about-qyzl-a3:hover.about-qyzl-a3{color:#fff;}
.about-qyzl-a3:hover .index-ys-box-tb{-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.about-qyzl-a3:hover .about-qyzl-a-title:after{ background: #fff;}
.index-ys-box-tb{float:left;width:13%;}
.about-qyzl-a3-hz{float:right;width:80%;font-size: 16px;}

.about-content { margin:40px 0; color:#666;line-height:32px;font-size:16px;}
.about-content p{margin-bottom: 10px;}
.info-page {border-top:1px solid #ececec;
	font-size: 0;
	text-align: center;
	position: relative;
	background: #fff;
	padding: 20px 0;
	margin-top: 50px;
}
.info-page a {
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	margin-left: 20px;
}
.info-left {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 33.33%;
	background: url(../images/info-left.png)no-repeat center left;
	background-size: 22px 14px;
	padding-left: 40px;
}
.info-page a.info-cent {
	color: #666;
	padding-top: 26px;
	display: inline-block;
	position: relative;
}
.info-page a.info-cent::before {
	position: absolute;
	content: "";
	width: 23px;
	height: 23px;
	background: url(../images/infopage-cen.png)no-repeat center;
	background-size: 100% 100%;
	transition: ease 1s;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.info-page a.info-cent:hover::before {
	transform: rotate(180deg) translateX(50%);
}
.info-right {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 33.33%;
	background: url(../images/info-right.png)no-repeat center right;
	background-size: 22px 14px;
	padding-right: 40px;
	margin-right: 20px;
}

.product-right{width:83%;float:right;margin-bottom:20px;}
.sy-product-hz{background:#fff;border:1px solid #f2f2f2;width:23%;float:left;margin-left:1%;margin-right:1%;margin-bottom:30px;display: flex; flex-wrap: wrap;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1); overflow:hidden;display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;border-radius:25px;}
.sy-product-hz:hover{transform:translateY(-6px); -webkit-trafont-size: 0;border:1px solid#0e87ef;}
.product-title{text-align:center;font-size:16px;font-weight:bold;margin:20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;clear: both;}
.productshow-top{  display: flex;
 justify-content: space-between;
 align-items: center;}
.productshow-top-left{width:35%;float:left;}
.productshow-top-right-title{font-size:26px;font-weight:bold;padding-bottom:15px;position:relative;}
.productshow-top-right-title:after {
    content: "";
    position: absolute;
    background-image: linear-gradient(to right, #2699ef, #0e87ef);
    width:50px; 
    height:4px;bottom:0; 
	 left: 0;
   }

.productshow-top-right-nr{margin:30px 0; line-height:35px;font-size:16px;}
.productshow-top-right{width:55%;float:right;}
.productshow-top-right-more .btn {
        display: inline-block;
        padding: 0 1.5em;
        font-size: 16px;
        line-height: 2.75em;
        color: #fff;
        border-radius: 2em;
        background-image: linear-gradient(to right, #2699ef, #0e87ef);
        transition: all 0.4s;
    }

.productshow-top-right-more .btn:hover {
        padding: 0 2.5em;
           background-image: linear-gradient(to right, #2699ef, #0e87ef);
    }


.productshow-tabs{margin-bottom:40px;}
.productshow-tabs .div{
clear: both;padding:40px;
border:1px solid #0e87ef;background: #fff;}

.productshow-tabs .div table{border-collapse:collapse;width:100%;}
.productshow-tabs .div table tr:nth-child(Odd){background:#f2f2f2;}
.productshow-tabs .div table td{padding:10px;border:1px solid #ccc;font-family:Arial,"微软雅黑"; width:auto;}

.productshow-tabs .horizontal{
    margin: 0px;
    padding: 0px;
}
.productshow-tabs .horizontal li{
    float: left;
    list-style: none;
display:inline-block;
background:#333;
  padding: 14px 50px;border-top-right-radius:10px;
    text-align: center;border-top-left-radius:10px;
    cursor: pointer;
    font-size:18px;color:#fff;
}
.productshow-tabs .horizontal li:not(:first-child){
    margin-left: 5px;
}

.productshow-tabs .horizontal li.selectActive{
 font-weight:bold;
    background-color:#0e87ef;
    color: white;
}

.contact-bj{background:#f3f6fa;overflow:hidden;margin-bottom:80px;}
.ny-contact-nr{display: flex; flex-wrap: wrap;margin-top:50px;}
.contact-lx{display:block;transition:transform 0.5s; -webkit-transition:transform 0.5s;width:31.33%;padding:30px;margin:1%;color:#999; float:left;overflow:hidden;background:#fff;box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);border-radius:10px;}
.contact-lx:hover{transform:translateY(-6px); -webkit-trafont-size: 0;}
.contact-lx-title{font-size:18px;color:#333;margin-top:10px;word-break:break-all;}
.contact-lx-tb{float:left;width:10%;margin-top:15px;}
.contact-lx-hz{float:right;width:84%;}

#map_container {height:480px; }
.relbar-map{width:100%;	float: left;margin-top:60px;}
.ny-feedback {margin-top:60px;}
input,textarea {outline:none;}
.soka {margin-right:0.5%;
 width: 32.6%;
	padding:18px;
  background-color: #ffffff;
    border: solid 1px #dddddd;
	font-size: 16px;  
}

.sokb {
width: 99.4%;
  background-color: #ffffff;
    border: solid 1px #dddddd;
    padding: 20px 25px;
    font-size: 16px;
    margin-top: 15px;
    vertical-align: middle;font-family:"Microsoft YaHei", verdant, tahoma;}


.tj { display: block;
    margin: 40px auto 0;
width:99%;
	padding:18px;font-family:"Microsoft YaHei", verdant, tahoma;
    background-color: #767676;
    font-size: 18px;border:none;
    color: #ffffff;
    text-align: center;
}