* { margin: 0; padding: 0; list-style: none; outline: none;}
body { min-width: 1300px; font-size: 12px; font-family: Microsoft YAHEI,Arial,Helvetica,sans-serif; color: #1b1c1f; margin: 0 auto; background: #eff5fb;}
a { color: #1b1c1f; text-decoration: none;}
a:hover { text-decoration: none; color: #eb2914;}
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #5b6c83;} 
:-moz-placeholder { color: #5b6c83;} 
::-moz-placeholder { color: #5b6c83;}
:-ms-input-placeholder { color: #5b6c83;} 

#VCode { cursor: pointer;}
.clear { clear: both;}
.warp { width: 1300px; margin: 0 auto; position: relative;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/**微信弹框**/
.onlines,
.onladds { width: 100vw; height: 100vh; background: rgba(0,0,0,0.2); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999;}
.onlines .nr,
.onladds .nr { width: 340px; height: 455px; margin: auto; padding: 25px 35px; border-radius: 25px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); background: #fff url(../images/zc14.jpg) no-repeat center top; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.onlines .close,
.onladds .clo { width: 30px; height: 30px; cursor: pointer; border: 1px solid #fff; border-radius: 50%; background: rgba(9,18,33,0.4); position: absolute; top: -25px; right: -25px; z-index: 2; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.8s ease; transition: all 0.8s ease;}
.onlines .close::before,
.onlines .close::after,
.onladds .clo::before,
.onladds .clo::after { display: block; content: ""; margin: auto; background: #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.onlines .close::before,
.onladds .clo::before { width: 10px; height: 1px;}
.onlines .close::after,
.onladds .clo::after { width: 1px; height: 10px;}
.onlines .close:hover,
.onladds .clo:hover { -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(315deg); transform: rotate(315deg);}
.onlines h1,
.onladds h1 { width: 100%; height: 60px; font-size: 35px; color: rgba(255,255,255,0.1); margin-top: 5px; position: relative;}
.onlines h1 span,
.onladds h1 span { display: block; height: 35px; line-height: 35px; font-weight: 500; font-size: 30px; color: #fff; letter-spacing: 4px; text-shadow: 2px 2px 0 rgba(0,0,0,0.1); position: absolute; left: 0; top: 20px;}
.onlines .msg,
.onladds .msg { width: 100%; text-align: center; margin-top: 80px;}
.onlines .msg h3,
.onladds .msg h3 { width: 100%; height: 40px; line-height: 40px; font-weight: 500; font-size: 24px; color: #1b1c1f; letter-spacing: 2px;}
.onlines .msg p,
.onladds .msg p { width: 100%; height: 30px; line-height: 30px; font-size: 15px; color: #888; letter-spacing: 1px;}
.onlines .img,
.onladds .img { width: 175px; height: 175px; margin: 10px auto; padding: 10px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden;}
.onlines .img img,
.onladds .img img { display: block; width: 175px; height: 175px;}
.onlines .tp,
.onladds .tp { width: 100%; height: 25px; line-height: 25px; font-size: 15px; color: #888; text-align: center;}

/*头部*/
.head { width: 100%; height: 65px;}
.header { width: 100%; height: 65px; background: #fff; /*position: fixed;*/ position: relative; top: 0; left: 0; z-index: 99999;}
.header .logo { float: left; width: 185px; height: 35px; margin: 15px 0; overflow: hidden;}
.header .logo img { display: block; width: 100%; height: 100%;}
.header .popup { display: block; float: right; width: 90px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; margin-top: 15px; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#0088ff,#0042ff,#0052ff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .popup:hover { border-radius: 20px;}
.header .tel { float: right; width: 125px; height: 65px; line-height: 65px; font-size: 16px; color: #1b1c1f; margin: 0 25px; padding-left: 25px; background: url(../images/zc01.png) no-repeat left center;}
.header .nav { float: left; max-width: calc(100% - 335px);}
.header .nav li { float: left; height: 65px; margin-left: 50px; position: relative;}
.header .nav li a { display: block; line-height: 65px; font-size: 16px; color: #1b1c1f; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li a::after { display: block; content: ""; width: 0; height: 3px; margin: auto; border-radius: 3px 3px 0 0; overflow: hidden; background-image: linear-gradient(to right,#0e94ff,#2c53ff); position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li:hover a,
.header .nav li.on a { color: #006aff;}
.header .nav li:hover a::after,
.header .nav li.on a::after { width: 100%;}
.header .nav li p { width: 120px; height: 0; box-shadow: 0 10px 10px rgba(177,199,229,0.25); overflow: hidden; background: #fff; position: absolute; left: -30px; top: 65px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.header .nav li p a { display: block; height: 45px; line-height: 45px; font-size: 13px; color: #666 !important; text-align: center; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.header .nav li p a:last-child { border-bottom: none;}
.header .nav li p a::after { display: none;}
.header .nav li p a:hover { color: #006aff !important;}
.header .nav li:hover p { height: auto;}

/*脚部*/
.footer { width: 100%; font-size: 14px; color: rgba(255,255,255,0.5); padding-top: 45px; background: #151b26;}
.footer a { color: rgba(255,255,255,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color: #fff;}
.footer h3 { line-height: 40px; font-size: 14px; color: #fff; margin-bottom: 5px; position: relative;}
.footer h3::after { display: block; content: ""; width: 15px; height: 1px; background: #fff; position: absolute; left: 0; top: 0;}
.footer .msg { float: left; width: 50%;}
.footer .msg .tel { width: 100%; color: rgba(255,255,255,0.5); margin-bottom: 20px;}
.footer .msg .tel b { display: block; height: 40px; line-height: 45px; font-size: 22px; color: #fff;}
.footer .msg p { width: 100%; line-height: 25px; margin-bottom: 5px;}
.footer .nvs { float: right; max-width: 500;}
.footer .nvs li { float: left; max-width: 200px; margin-left: 50px;}
.footer .nvs li p { height: 30px; line-height: 30px; font-size: 15px; color: #fff; margin-bottom: 10px;}
.footer .nvs li a { display: block; width: 100%; line-height: 30px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.footer .nvs li:first-child a { display: inline-block; width: 100px;}
.footer .imgs { float: right; width: 110px; text-align: center; margin-left: 130px;}
.footer .imgs img { display: block; width: 110px; height: 110px; background: #fff;}
.footer .imgs p { width: 100%; line-height: 30px;}
.footer .copy { margin-top: 45px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.05); position: relative; z-index: 9;}
.footer .copy .lft { float: left; width: 80%;}
.footer .copy .lft p { line-height: 25px; font-size: 12px;}
.footer .copy .lft p .wan { display: inline-block; padding-left: 25px; background: url(../images/zc12.png) no-repeat left center;}
.footer .copy .link { float: right; width: 190px; height: 45px; position: relative;}
.footer .copy .link span { display: block; height: 38px; line-height: 38px; font-size: 14px; margin-top: 5px; padding: 0 10px; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; position: relative;}
.footer .copy .link span::after { display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #cdcfd3 transparent transparent transparent; position: absolute; right: 10px; top: 15px;}
.footer .copy .link p { display: none; width: calc(100% - 22px); padding: 0 10px; border: 1px solid #fff; overflow: hidden; background-image: linear-gradient(#f3f5f8,#fff); position: absolute; right: 0; bottom: 40px; z-index: 2;}
.footer .copy .link p a { display: block; line-height: 35px; font-size: 12px; color: #666; border-bottom: 1px solid #e4e4e4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer .copy .link p a:last-child { border-bottom: none;}
.footer .copy .link p a:hover { color: #006aff;}
.footer .copy .link:hover p { display: block;}

/*底部悬浮*/
.bomonline { width: 100%; height: 90px;}
.bomonline .bomnrs { display: flex; flex-direction: row; align-items: center; width: calc(100% - 90px); min-width: 1230px; height: 70px; padding: 10px 45px; box-shadow: 0 -5px 20px rgba(19,100,237,0.1); background: url(../images/zc29.png) no-repeat center top; position: fixed; left: 0; bottom: 0; z-index: 999;}
.bomonline .bomnrs .nm { padding: 10px 30px 10px 0;}
.bomonline .bomnrs .nm h3 { width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #1b1c1f;}
.bomonline .bomnrs .nm p { width: 100%; height: 20px; line-height: 20px; font-size: 12px; color: #006aff;}
.bomonline .bomnrs .lst { flex: 1 1 0%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-left: 25px; padding: 9px 20px; border: 1px solid rgba(255,255,255,0.65); border-radius: 8px; background: linear-gradient(to right,rgba(255,255,255,0.65),rgba(19,100,237,0.15)); position: relative;}
.bomonline .bomnrs .lst .mg { flex: 1 1 0%; height: 50px;}
.bomonline .bomnrs .lst .mg h3 { width: 100%; height: 30px; line-height: 30px; font-size: 15px; color: #1b1c1f;}
.bomonline .bomnrs .lst .mg p { width: 100%; height: 18px; line-height: 18px; font-size: 12px; color: #666;}
.bomonline .bomnrs .lst .bts { display: block; width: 80px; height: 35px; line-height: 35px; font-weight: bold; font-size: 12px; color: #fff; cursor: pointer; text-align: center; letter-spacing: 1px; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#0088ff,#006aff);}
.bomonline .bomnrs .tel .mg { background: url(../images/zc30.png) no-repeat right center;}
.bomonline .bomnrs .closs { width: 70px; height: 70px; cursor: pointer; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.bomonline .bomnrs .closs::before,
.bomonline .bomnrs .closs::after { display: block; content: ""; margin: auto; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); background: #333; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.bomonline .bomnrs .closs::before { width: 20px; height: 1px;}
.bomonline .bomnrs .closs::after { width: 1px; height: 20px;}
.bomonline .bomnrs .closs:hover { transform: rotate(360deg);}

/*右侧客服*/
.webonline { width: 40px; position: fixed; right: 15px; bottom: 10%; z-index: 9999;}
.webonline li { width: 40px; height: 40px; margin-top: 10px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 5px 15px rgba(177,199,229,0.25); background: linear-gradient(#f3f5f8,#fff); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.webonline li .ontop { width: 100%; width: 40px; height: 40px; position: relative;}
.webonline li .ontop img { display: block; width: 40px; height: 40px; margin: 0 auto; border-radius: 50%; overflow: hidden; background: linear-gradient(#f3f5f8,#fff); position: relative; z-index: 2;}
.webonline li .ontop .animated { -webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode:both; animation-fill-mode:both;}
.webonline li .ontop .circles { width: 40px; height: 40px; position: absolute; top: 0; left: 0; z-index: 1;}
.webonline li .ontop .circles .quan { width: 40px; height: 40px; margin: auto; filter: alpha(opacity=0); opacity: 0; border-radius: 50%; background: rgba(19,100,237,.5); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.webonline li .ontop .circles.animated .quan { filter: alpha(opacity=100); opacity: 1;}
.webonline li .ontop .circles.animated .c-1 { animation:1.5s scaleToggleOne cubic-bezier(.25,.46,.45,.94) forwards;}
.webonline li .ontop .circles.animated .c-2 { animation:2s scaleToggleTwo cubic-bezier(.25,.46,.45,.94) forwards;}
.webonline li .ontop .circles.animated .c-3 { animation:2.5s scaleToggleThree cubic-bezier(.25,.46,.45,.94) forwards;}
@keyframes scaleToggleOne {
	0% { transform:scale(0.9); -webkit-transform:scale(0.9);}
	50% { transform:scale(1.5); -webkit-transform:scale(1.5);}
	100% { transform:scale(0.9); -webkit-transform:scale(0.9);}
}
@keyframes scaleToggleTwo {
	0% { transform:scale(0.9); -webkit-transform:scale(0.9);}
	20% { transform:scale(0.9); -webkit-transform:scale(0.9);}
	60% { transform:scale(1.5); -webkit-transform:scale(1.5);}
	100% { transform:scale(0.9); -webkit-transform:scale(0.9);}
}
@keyframes scaleToggleThree {
	0% { transform:scale(0.9); -webkit-transform:scale(0.9);}
	33% { transform:scale(0.9); -webkit-transform:scale(0.9);}
	66% { transform:scale(1.5); -webkit-transform:scale(1.5);}
	100% { transform:scale(0.9); -webkit-transform:scale(0.9);}
}

.webonline li.btn_top { display: none;}
.webonline li.btn_top .ontop { line-height: 40px; font-family: FontAwesome; font-style: normal; font-size: 22px; color: #006aff; text-align: center; cursor: pointer; overflow: hidden;}
.webonline li .onlft { display: none; margin: auto; padding: 10px 15px; border: 2px solid #fff; border-radius: 4px; box-shadow: 0 5px 15px rgba(177,199,229,0.25); background-image: linear-gradient(#fff,#f3f5f8); position: absolute; right: 50px; bottom: 0;}
.webonline li .onlft::after { display: block; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #fff; position: absolute; right: -8px; bottom: 8px;}
.webonline li .onlft p { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #1b1c1f;}
.webonline li .onlft p i { display: block; float: left; height: 20px; line-height: 20px; font-style: normal; font-family: FontAwesome; font-size: 14px; margin: 7px 7px 0 0;}
.webonline li .onlft p b { display: inline-block; font-size: 16px; color: #006aff;}
.webonline li .onlft .ewm { width: 260px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee;}
.webonline li .onlft .ewm .img { float: left; width: 125px; text-align: center; margin-top: 5px;}
.webonline li .onlft .ewm .img.popup { margin-right: 10px;}
.webonline li .onlft .ewm .img img { display: block; width: 115px; margin: 0 auto; border-radius: 4px; box-shadow: 0 0 15px rgba(177,199,229,0.25); overflow: hidden;}
.webonline li .onlft .ewm .img span { display: block; line-height: 20px; font-size: 12px; color: #5b6c83; margin-top: 5px;}
.webonline li .onlft .ewm .img span em { display: block; line-height: 15px; font-style: normal; font-size: 10px; filter: alpha(opacity=65); opacity: 0.65;}
.webonline li:hover .onlft { display: block;}

/*banner*/
.banner { width: 100%; height: 330px; margin: 0 auto; padding-top: 100px; overflow: hidden; background: url(../zhhw/banner.jpg) no-repeat  center top; position: relative; z-index: 2;}
.banner h1 { width: 100%; height: 75px; line-height: 75px; font-size: 42px; color: #1b1c1f; letter-spacing: 1px;}
.banner h1 span { color: #006aff;}
.banner p { display: flex; flex-direction: row; align-items: center; width: 100%; height: 35px; line-height: 35px; font-size: 18px; color: rgba(9,18,33,0.9); letter-spacing: 1.5px; margin-top: 5px;}
.banner a { display: inline-block; height: 50px; margin-top: 45px; padding: 0 25px; border-radius: 2px; overflow: hidden; background: linear-gradient(to right,#006eff,#007eff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner a span { display: block; line-height: 50px; font-size: 16px; color: #fff; margin: 0 auto; padding-right: 55px; background: url(../zhhw/hw00.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner a:hover { border-radius: 25px;}

/*公共标题*/
.tits { width: 100%; text-align: center; margin-bottom: 20px;}
.tits h3 { height: 55px; line-height: 55px; font-size: 36px; color: #1b1c1f; letter-spacing: 2px;}
.tits p { height: 35px; line-height: 35px; font-size: 16px; color: #656870;}

/* 应用场景 */
.prods { width: 100%; padding: 65px 0; background: #fff;}
.prods .tabs { width: 100%; height: 55px; margin-bottom: 45px;}
.prods .tabs li { display: flex; justify-content: center; align-items: center; float: left; width: calc(100% / 6 - 15px); height: 55px; cursor: pointer; margin-right: 15px; border-radius: 4px; overflow: hidden; background: #f2f6fc;}
.prods .tabs li:last-child { margin-right: 0;}
.prods .tabs li span { line-height: 55px; font-size: 17px; color: #1b1c1f; padding-left: 45px; background-repeat: no-repeat; background-position: left center;}
.prods .tabs li:hover,
.prods .tabs li.on { background-image: linear-gradient(to right,#006aff,#007eff);}
.prods .tabs li:hover span,
.prods .tabs li.on span { color: #fff;}
.prods .tabs li .nm1 { background-image: url(../zhhw/hw01.png);}
.prods .tabs li.on .nm1 { background-image: url(../zhhw/hw01h.png);}
.prods .tabs li .nm2 { background-image: url(../zhhw/hw02.png);}
.prods .tabs li.on .nm2 { background-image: url(../zhhw/hw02h.png);}
.prods .tabs li .nm3 { background-image: url(../zhhw/hw03.png);}
.prods .tabs li.on .nm3 { background-image: url(../zhhw/hw03h.png);}
.prods .tabs li .nm4 { background-image: url(../zhhw/hw04.png);}
.prods .tabs li.on .nm4 { background-image: url(../zhhw/hw04h.png);}
.prods .tabs li .nm5 { background-image: url(../zhhw/hw05.png);}
.prods .tabs li.on .nm5{ background-image: url(../zhhw/hw05h.png);}
.prods .tabs li .nm6 { background-image: url(../zhhw/hw06.png);}
.prods .tabs li.on .nm6 { background-image: url(../zhhw/hw06h.png);}
.prods .swiper-slide { width: 100%; background: #fff;}
.prods .swiper-slide .img { float: left; width: 650px; height: 420px; border-radius: 4px; overflow: hidden; background: #fff;}
.prods .swiper-slide .img img { display: block; width: 100%; height: 100%;}
.prods .swiper-slide .msg { float: right; width: calc(100% - 685px);}
.prods .swiper-slide .msg h3 { height: 35px; line-height: 35px; font-size: 26px; color: #1b1c1f; padding-left: 45px; background-repeat: no-repeat; background-position: 0 -1px;}
.prods .swiper-slide .msg .nm1 { background-image: url(../zhhw/hw01.png);}
.prods .swiper-slide .msg .nm2 { background-image: url(../zhhw/hw02.png);}
.prods .swiper-slide .msg .nm3 { background-image: url(../zhhw/hw03.png);}
.prods .swiper-slide .msg .nm4 { background-image: url(../zhhw/hw04.png);}
.prods .swiper-slide .msg .nm5 { background-image: url(../zhhw/hw05.png);}
.prods .swiper-slide .msg .nm6 { background-image: url(../zhhw/hw06.png);}
.prods .swiper-slide .msg .tip { height: 50px; line-height: 50px; font-size: 16px; color: #5d6168; margin-left: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.prods .swiper-slide .msg em { display: block; width: calc(100% - 5px); height: 1px; margin: 20px 0 34px 5px; background: #eee; position: relative;}
.prods .swiper-slide .msg em::after { display: block; content: ""; width: 30px; height: 3px; background: #003cff; position: absolute; left: 0; top: -1px;}
.prods .swiper-slide .msg .nrs { width: 100%; height: 210px; overflow-y: scroll; scrollbar-width: none;}
.prods .swiper-slide .msg .nrs::-webkit-scrollbar { width: 0; height: 0;}
.prods .swiper-slide .msg .nrs p { line-height: 30px; font-size: 16px; color: #1b1c1f; margin-bottom: 15px; padding-left: 35px; background: url(../zhhw/hw07.png) no-repeat 0 4px;}
.prods .swiper-slide a { display: flex; justify-content: center; align-items: center; width: 170px; height: 50px; margin-top: 20px; border-radius: 2px; overflow: hidden; background: linear-gradient(to right,#006eff,#007eff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide a span { display: block; line-height: 50px; font-size: 16px; color: #fff; margin: 0 auto; padding-right: 55px; background: url(../zhhw/hw00.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.prods .swiper-slide a:hover { border-radius: 25px;}

/* 产品优势 */
.advtgs { width: 100%; padding: 65px 0; background: url(../zhhw/hw08.jpg) no-repeat center top;}
.advtgs .tits { text-align: left;}
.advtgs .numb { width: 100%; margin: 30px 0 60px 0;}
.advtgs .numb li { float: left; min-width: 110px; margin-right: 100px;}
.advtgs .numb li h3 { display: flex; align-items: baseline; height: 50px; line-height: 50px; font-weight: 500; font-size: 16px; color: #0b1531;}
.advtgs .numb li h3 b { display: block; font-size: 40px; color: #003cff; margin-right: 10px;}
.advtgs .numb li p { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #0b1531;}
.advtgs .lst { width: 100%;}
.advtgs .lst li { float: left; width: 270px; height: 360px; margin-right: 19px; border: 1px solid rgba(255,255,255,0.25); border-radius: 8px; box-shadow: 0 5px 20px rgba(98,155,224,0.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); overflow: hidden; background: hsla(0,0%,100%,0.5); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advtgs .lst li:last-child { margin-right: 0;}
.advtgs .lst li::after { display: block; content: ""; width: 145px; height: 145px; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0; right: 0; z-index: 1;}
.advtgs .lst li:nth-child(1):after { background-image: url(../zhhw/hw09.png);}
.advtgs .lst li:nth-child(2):after { background-image: url(../zhhw/hw14.png);}
.advtgs .lst li:nth-child(3):after { background-image: url(../zhhw/hw19.png);}
.advtgs .lst li:nth-child(4):after { background-image: url(../zhhw/hw24.png);}
.advtgs .lst .nr { padding: 200px 25px 20px 25px; background: linear-gradient(50deg,rgba(255,255,255,0.1),rgba(0,106,255,0.1)); position: relative; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advtgs .lst .nr b { display: block; width: 100%; height: 70px; line-height: 70px; font-size: 38px; color: #abcfff; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advtgs .lst .nr h3 { width: 100%; height: 70px; line-height: 35px; font-weight: 500; font-size: 22px; color: #0b1531; letter-spacing: 2px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.advtgs .lst .nr p { width: 100%; height: 60px; line-height: 30px; font-size: 14px; color: #8190a1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.advtgs .lst .nr dl { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding-top: 20px;}
.advtgs .lst .nr dl dt { display: block; width: 50%; text-align: center; margin-top: 10px;}
.advtgs .lst .nr dl dt img { display: block; width: 35px; height: 35px; margin: 0 auto;}
.advtgs .lst .nr dl dt span { display: block; width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #0b1531; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.advtgs .lst li.on { width: 425px;}
.advtgs .lst li.on .nr { padding-top: 30px;}
.advtgs .lst li.on .nr b { height: 0; filter: alpha(opacity=0); opacity: 0;}

/* 功能一览表 */
.functs { width: 100%; padding: 45px 0; background: #fff;}
.functs li { display: flex; justify-content: center; align-items: center; float: left; width: calc(100% / 5 - 16px); height: 55px; line-height: 55px; margin: 10px 20px 10px 0; border-radius: 4px; overflow: hidden; background: #f2f6fc;}
.functs li:nth-child(5n) { margin-right: 0;}
.functs li span { display: block; width: 65%; line-height: 55px; font-size: 16px; color: #1b1c1f; padding-left: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center;}
.functs li:hover { background: linear-gradient(to right,#006eff,#007eff);}
.functs li:hover span { color: #fff;}
.functs li:nth-child(1) span { background-image: url(../zhhw/hw29.png);}
.functs li:nth-child(1):hover span { background-image: url(../zhhw/hw29h.png);}
.functs li:nth-child(2) span { background-image: url(../zhhw/hw30.png);}
.functs li:nth-child(2):hover span { background-image: url(../zhhw/hw30h.png);}
.functs li:nth-child(3) span { background-image: url(../zhhw/hw31.png);}
.functs li:nth-child(3):hover span { background-image: url(../zhhw/hw31h.png);}
.functs li:nth-child(4) span { background-image: url(../zhhw/hw32.png);}
.functs li:nth-child(4):hover span { background-image: url(../zhhw/hw32h.png);}
.functs li:nth-child(5) span { background-image: url(../zhhw/hw33.png);}
.functs li:nth-child(5):hover span { background-image: url(../zhhw/hw33h.png);}
.functs li:nth-child(6) span { background-image: url(../zhhw/hw34.png);}
.functs li:nth-child(6):hover span { background-image: url(../zhhw/hw34h.png);}
.functs li:nth-child(7) span { background-image: url(../zhhw/hw35.png);}
.functs li:nth-child(7):hover span { background-image: url(../zhhw/hw35h.png);}
.functs li:nth-child(8) span { background-image: url(../zhhw/hw36.png);}
.functs li:nth-child(8):hover span { background-image: url(../zhhw/hw36h.png);}
.functs li:nth-child(9) span { background-image: url(../zhhw/hw37.png);}
.functs li:nth-child(9):hover span { background-image: url(../zhhw/hw37h.png);}
.functs li:nth-child(10) span { background-image: url(../zhhw/hw38.png);}
.functs li:nth-child(10):hover span { background-image: url(../zhhw/hw38h.png);}
.functs li:nth-child(11) span { background-image: url(../zhhw/hw39.png);}
.functs li:nth-child(11):hover span { background-image: url(../zhhw/hw39h.png);}
.functs li:nth-child(12) span { background-image: url(../zhhw/hw40.png);}
.functs li:nth-child(12):hover span { background-image: url(../zhhw/hw40h.png);}
.functs li:nth-child(13) span { background-image: url(../zhhw/hw41.png);}
.functs li:nth-child(13):hover span { background-image: url(../zhhw/hw41h.png);}
.functs li:nth-child(14) span { background-image: url(../zhhw/hw42.png);}
.functs li:nth-child(14):hover span { background-image: url(../zhhw/hw42h.png);}
.functs li:nth-child(15) span { background-image: url(../zhhw/hw43.png);}
.functs li:nth-child(15):hover span { background-image: url(../zhhw/hw43h.png);}
.functs li:nth-child(16) span { background-image: url(../zhhw/hw44.png);}
.functs li:nth-child(16):hover span { background-image: url(../zhhw/hw44h.png);}
.functs li:nth-child(17) span { background-image: url(../zhhw/hw45.png);}
.functs li:nth-child(17):hover span { background-image: url(../zhhw/hw45h.png);}
.functs li:nth-child(18) span { background-image: url(../zhhw/hw46.png);}
.functs li:nth-child(18):hover span { background-image: url(../zhhw/hw46h.png);}
.functs li:nth-child(19) span { background-image: url(../zhhw/hw47.png);}
.functs li:nth-child(19):hover span { background-image: url(../zhhw/hw47h.png);}
.functs li:nth-child(20) span { background-image: url(../zhhw/hw48.png);}
.functs li:nth-child(20):hover span { background-image: url(../zhhw/hw48h.png);}
.functs li:nth-child(21) span { background-image: url(../zhhw/hw49.png);}
.functs li:nth-child(21):hover span { background-image: url(../zhhw/hw49h.png);}
.functs li:nth-child(22) span { background-image: url(../zhhw/hw50.png);}
.functs li:nth-child(22):hover span { background-image: url(../zhhw/hw50h.png);}
.functs li:nth-child(23) span { background-image: url(../zhhw/hw51.png);}
.functs li:nth-child(23):hover span { background-image: url(../zhhw/hw51h.png);}
.functs li:nth-child(24) span { background-image: url(../zhhw/hw52.png);}
.functs li:nth-child(24):hover span { background-image: url(../zhhw/hw52h.png);}
.functs li:nth-child(25) span { background-image: url(../zhhw/hw53.png);}
.functs li:nth-child(25):hover span { background-image: url(../zhhw/hw53h.png);}

/* 九大签到方式 */
.methds { width: 100%; padding: 50px 0;}
.methds li { float: left; width: calc(100% / 3 - 13.5px); margin: 10px 20px 10px 0; border-radius: 8px; box-shadow: 0 5px 20px rgba(98,155,224,0.2); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.methds li:nth-child(3n) { margin-right: 0;}
.methds li .img { width: 100%; height: 245px; overflow: hidden;}
.methds li .img img { display: block; width: 100%; min-height: 100%;}
.methds li .msg { padding: 20px 25px;}
.methds li .msg h3 { width: 100%; height: 40px; line-height: 40px; font-size: 22px; color: #0b1531; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.methds li .msg .nr { width: 100%; height: 60px; overflow: hidden;}
.methds li .msg .nr p { width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #8190a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.methds li .msg .nr p span { color: #0b1531;}
.methds li .msg .popup { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #006aff; cursor: pointer; margin-top: 25px; padding-right: 25px; background: url(../zhhw/hw00h.png) no-repeat right center / 12px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.methds li:hover { transform: translateY(-5px);}
.methds li:hover .msg h3 { color: #006aff;}
.methds li:hover .msg .popup { padding-right: 35px;}

/* 广告条 */
.gaots { width: 100%; height: 230px; padding-top: 135px; background: url(../zhhw/hw54.png) no-repeat center top;}
.gaots h3 { width: 100%; height: 55px; line-height: 55px; font-weight: 500; font-size: 30px; color: #fff; letter-spacing: 1px;}
.gaots p { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #fff; letter-spacing: 1px;}
.gaots a { display: flex; justify-content: center; align-items: center; width: 170px; height: 50px; margin-top: 30px; border-radius: 2px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.gaots a span { display: block; line-height: 50px; font-size: 16px; color: #006cff; margin: 0 auto; padding-right: 55px; background: url(../zhhw/hw00h.png) no-repeat right center / 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.gaots a:hover { border-radius: 25px;}

/* 成功案例 */
.caes { width: 100%; padding: 60px 0;}
.caes .tits h3 span { display: inline-block; color: #006cff; margin: 0 5px; position: relative; top: 1px;}
.caes li { float: left; width: calc(100% / 3 - 54px); margin: 10px 20px 10px 0; padding: 20px; border-radius: 8px; box-shadow: 0 5px 20px rgba(98,155,224,0.2); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caes li:nth-child(3n) { margin-right: 0;}
.caes li .img { width: 100%; height: 245px; margin-bottom: 15px; border-radius: 4px; overflow: hidden;}
.caes li .img img { display: block; width: 100%; min-height: 100%;}
.caes li h3 { width: 100%; height: 50px; line-height: 25px; font-weight: 500; font-size: 17px; color: #0b1531; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caes li p { width: 100%; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.caes li p span { display: inline-block; font-size: 14px; color: #8190a1; margin-right: 20px; position: relative;}
.caes li p span::after { display: block; content: ""; width: 1px; height: 13px; background: #bbb; position: absolute; right: -10px; top: 7px;}
.caes li p span:last-child { margin-right: 0;}
.caes li p span:last-child:after { display: none;}
.caes li:hover { transform: translateY(-10px);}
.caes li:hover h3 { color: #006cff;}
.caes .popup { display: flex; justify-content: center; align-items: center; width: 170px; height: 50px; margin: 45px auto 0 auto; border-radius: 2px; overflow: hidden; background: linear-gradient(to right,#006eff,#007eff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.caes .popup span { display: block; line-height: 50px; font-size: 16px; color: #fff; margin: 0 auto; padding-right: 55px; background: url(../zhhw/hw00.png) no-repeat right center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.caes .popup:hover { border-radius: 25px;}

/* 合作伙伴 */
.panters { width: 100%; padding: 50px 0; background: #fff;}
.panters .tits { margin-bottom: 40px;}
.panters .tits h3 span { display: inline-block; color: #006cff; margin: 0 5px; position: relative; top: 1px;}
.panters .swiper-slide { height: 120px; background: #fff;}
.panters .swiper-slide:nth-child(2n) { background: #f5f8fc;}
.panters .swiper-slide img { display: block; max-width: 90%; height: 50px; margin: 35px auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.panters .swiper-slide:hover img { transform: scale(0.9);}

/* 新闻资讯 */
.news { width: 100%; padding: 50px 0;}
.news .tits { text-align: left; position: relative;}
.news .tits a { display: flex; justify-content: center; align-items: center; width: 150px; height: 50px; margin: 45px auto 0 auto; border-radius: 2px; overflow: hidden; background: linear-gradient(to right,#006eff,#007eff); position: absolute; right: 0; bottom: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .tits a span { display: block; line-height: 50px; font-size: 16px; color: #fff; margin: 0 auto; padding-right: 50px; background: url(../zhhw/hw00.png) no-repeat right center / 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .tits a:hover { border-radius: 25px;}
.news .nr { width: 100%; padding-top: 25px;}
.news .nr .lst { float: left; width: 420px; background: #fff;}
.news .nr .lst:nth-child(2) { margin: 0 20px;}
.news .nr .lst .nm { width: 100%; background: #c6dffb;}
.news .nr .lst .nm a { display: block; padding: 40px; position: relative;}
.news .nr .lst .nm p { width: 100%; height: 35px; line-height: 35px; font-size: 15px; color: #0f245e; text-transform: Uppercase; letter-spacing: 1px;}
.news .nr .lst .nm h3 { width: 100%; height: 35px; line-height: 35px; font-weight: 500; font-size: 24px; color: #0f245e; letter-spacing: 2px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .nr .lst .nm:hover h3 { color: #003cff;}
.news .nr .lst .nm img { display: block; width: 165px; height: 165px; position: absolute; right: 0; bottom: 0;}
.news .nr .lst .msg { height: 325px; padding: 0 20px;}
.news .nr .lst .msg li { padding: 15px 0; border-bottom: 1px dashed #ddd;}
.news .nr .lst .msg li:last-child { border-bottom: none;}
.news .nr .lst .msg li a { display: flex; justify-content: space-between; width: 100%;}
.news .nr .lst .msg li span { display: block; width: 65px; height: 25px; line-height: 25px; font-size: 15px; color: #505983;}
.news .nr .lst .msg li p { width: calc(100% - 65px); height: 50px; line-height: 25px; font-size: 15px; color: #505983; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.news .nr .lst .msg li:hover p { color: #003cff;}


/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.content { width: 1300px; margin: 0 auto; padding: 40px 0;}

.comnav { width: 1300px; margin: -40px auto 0 auto; padding: 15px; border: 2px solid #fff; box-sizing: border-box; border-radius: 10px; box-shadow: 0 5px 15px rgba(177,199,229,0.25); overflow: hidden; background-image: linear-gradient(#f3f5f8,#fff); position: relative; left: 0; right: 0; z-index: 999;}
.comnav .lst { display: flex; flex-direction: row; justify-content: center; width: 100%;}
.comnav .lst a { flex: 1 1 0%; display: block; height: 45px; line-height: 43px; font-size: 15px; color: #5b6c83; text-align: center; margin-right: 15px; padding: 0 15px; border: 1px solid rgba(91,108,131,0.15); box-sizing: border-box; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comnav .lst a:last-child { margin-right: 0;}
.comnav .lst a:hover { color: #006aff; border-color: #006aff;}
.comnav .lst a.on { color: #fff; border: none; background-image: linear-gradient(to right,#0088ff,#0042ff,#0052ff);}
.comnav p { height: 45px; line-height: 45px; font-size: 14px; color: #999; padding-left: 20px; background: url(../images/posit.png) no-repeat left center;}
.comnav p a { color: #656870;}
.comnav p a:hover,
.comnav p a:last-child { color: #006aff;}

.comrgt { float: right; width: 306px; padding: 0 15px; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(177,199,229,0.25); overflow: hidden; background-image: linear-gradient(#fff,#f3f5f8);}
.comrgt .nam { width: 100%; height: 50px; line-height: 50px; font-weight: bold; font-size: 18px; color: #1b1c1f; border-bottom: 1px solid rgba(91,108,131,0.15);}
.comrgt li { width: 100%; padding: 20px 0 15px 0; border-bottom: 1px solid #eee;}
.comrgt li .img { width: 100%; height: 175px; overflow: hidden;}
.comrgt li .img img { display: block; width: 100%;}
.comrgt li h3 { width: 100%; height: 30px; line-height: 30px; font-size: 16px; color: #0b1531; margin: 10px 0 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comrgt li .msg { width: 100%; height: 50px; overflow: hidden;}
.comrgt li .msg p { width: 100%; height: 25px; line-height: 25px; font-size: 12px; color: #8190a1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comrgt li .msg p span { color: #0b1531;}

/*详情页公用*/
.lh { line-height: 30px; font-size: 14px; color: #3d446e; text-align: justify;}
.lh p { margin-bottom: 10px;}
.lh p:last-child { margin-bottom: 0;}
.lh img { display: inline-block; max-width: 100%; height: auto !important; margin: 15px 0;}
.lh ul,
.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #eee; border-left: 1px solid #eee;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}

.shows { float: left; width: calc(100% - 400px); padding: 20px; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(177,199,229,0.25); overflow: hidden; background-image: linear-gradient(#fff,#f3f5f8);}
.shows .lh { min-height: 600px;}
.show_h3 { width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f4f4f4;}
.show_h3 h3 { line-height: 40px; font-size: 28px; color: #1b1c1f;}
.show_h3 p { line-height: 25px; font-size: 12px; color: #656870; margin-top: 5px; filter: alpha(opacity=65); opacity: 0.65;}

.show_sxp { line-height: 30px; font-size: 14px; color: #999; padding-top: 25px;}
.show_sxp p { width: 45%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { display: inline-block;}
.show_sxp a { color: #656870;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #006aff; text-decoration: underline;}

/*分页*/
.scott { text-align: center; padding-top: 25px; overflow: hidden;}
.scott li { display: inline-block; line-height: 45px; margin: 0 5px; border: 1px solid rgba(86,92,108,0.25); border-radius: 4px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; padding: 0 20px; font-size: 16px; color: #1b1c1f; text-shadow: 0 2px 6px rgba(250,58,92,0.2); cursor: pointer;}
.scott li:hover { border-color: #006aff;}
.scott li:hover a,
.scott li:hover span { color: #006aff;}
.scott .active { border-color: #006aff; background: #006aff;}
.scott .active:hover span,
.scott .active span { color: #fff;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { width: 100%; margin-bottom: 30px; border: 2px solid #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(177,199,229,0.25); overflow: hidden; background-image: linear-gradient(#f3f5f8,#fff); -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li a { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 20px;}
.newlist li .tim { width: 110px; line-height: 30px; font-size: 14px; color: #656870; text-align: center; padding: 12px 0 14px 0; border: 2px solid #fff; border-radius: 10px; box-sizing: border-box; box-shadow: 0 5px 15px rgba(177,199,229,0.25); overflow: hidden; background-image: linear-gradient(#fff,#f3f5f8);}
.newlist li .tim b { display: block; height: 50px; line-height: 50px; font-weight: 500; font-size: 32px; color: #1b1c1f;}
.newlist li .img { width: 200px; height: 110px; margin: 0 30px; border-radius: 10px; overflow: hidden;}
.newlist li .img img { display: block; width: 200px; min-height: 110px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg { flex: 1 1 0%;}
.newlist li .msg h3 { width: 100%; height: 30px; line-height: 30px; font-size: 18px; color: #1b1c1f; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { width: 100%; height: 50px; line-height: 25px; font-size: 14px; color: #656870; filter: alpha(opacity=80); opacity: 0.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newlist li:hover { box-shadow: 0 5px 15px rgba(177,199,229,0.5);}
.newlist li:hover .tim { color: rgba(255,255,255,0.85); background-image: linear-gradient(#0042ff,#0088ff);}
.newlist li:hover .tim b { color: #fff;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover .msg h3 { color: #006aff;}

/*图片列表*/
.piclist { width: 100%;}
.piclist li { float: left; width: calc(100% / 3 - 54px); margin: 10px 20px 10px 0; padding: 20px; border-radius: 8px; box-shadow: 0 5px 20px rgba(98,155,224,0.2); overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li:nth-child(3n) { margin-right: 0;}
.piclist li .img { width: 100%; height: 245px; margin-bottom: 15px; border-radius: 4px; overflow: hidden;}
.piclist li .img img { display: block; width: 100%; min-height: 100%;}
.piclist li h3 { width: 100%; height: 50px; line-height: 25px; font-weight: 500; font-size: 17px; color: #0b1531; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; -webkit-transition: all .5s ease; transition: all .5s ease;}
.piclist li p { width: 100%; height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.piclist li p span { display: inline-block; font-size: 14px; color: #8190a1; margin-right: 20px; position: relative;}
.piclist li p span::after { display: block; content: ""; width: 1px; height: 13px; background: #bbb; position: absolute; right: -10px; top: 7px;}
.piclist li p span:last-child { margin-right: 0;}
.piclist li p span:last-child:after { display: none;}
.piclist li:hover { transform: translateY(-10px);}
.piclist li:hover h3 { color: #006cff;}