@charset "utf-8";
/* CSS Document wz899-2023-03-18 */

/* 高度 */
.h10 { height: 10px;}
.h15 { height: 15px;}
.h20 { height: 20px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
.h70 { height: 70px;}
.h80 { height: 70px;}
.h90 { height: 70px;}
.h100 { height: 100px;}
.h110 { height: 110px;}
.h120 { height: 120px;}
.h130 { height: 130px;}
.h140 { height: 140px;}
.h150 { height: 150px;}
.h160 { height: 160px;}
.h170 { height: 170px;}
.h180 { height: 180px;}
.h190 { height: 190px;}
.h200 { height: 200px;}
.h210 { height: 210px;}
.h220 { height: 220px;}
.h230 { height: 230px;}
.h240 { height: 240px;}
.h250 { height: 250px;}
.h260 { height: 260px;}
.h270 { height: 270px;}
.h280 { height: 280px;}
.h290 { height: 290px;}
.h300 { height: 300px;}
.auto-h10{height:5px}@media(min-width:1024px){.auto-h10{height:10px}}
.auto-h20{height:10px}@media(min-width:1024px){.auto-h20{height:20px}}
.auto-h30{height:15px}@media(min-width:1024px){.auto-h30{height:30px}}
.auto-h40{height:20px}@media(min-width:1024px){.auto-h40{height:40px}}
.auto-h50{height:25px}@media(min-width:1024px){.auto-h50{height:50px}}
.auto-h60{height:30px}@media(min-width:1024px){.auto-h60{height:60px}}
.auto-h70{height:35px}@media(min-width:1024px){.auto-h70{height:70px}}
.auto-h80{height:40px}@media(min-width:1024px){.auto-h80{height:80px}}
.auto-h90{height:45px}@media(min-width:1024px){.auto-h90{height:90px}}
.auto-h100{height:50px}@media(min-width:1024px){.auto-h100{height:100px}}

/* 字号 */
.fs10 { font-size: 10px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs15 { font-size: 15px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs26 { font-size: 26px; }
.fs28 { font-size: 28px; }
.fs30 { font-size: 30px; }
.fs32 { font-size: 32px; }
.fs34 { font-size: 34px; }
.fs36 { font-size: 36px; }
.fs38 { font-size: 38px; }
.fs40 { font-size: 40px; }
.fs42 { font-size: 42px; }
.fs44 { font-size: 44px; }
.fs46 { font-size: 46px; }
.fs48 { font-size: 48px; }
.fs50 { font-size: 50px; }
.fs52 { font-size: 52px; }
.fs54 { font-size: 54px; }
.fs56 { font-size: 56px; }
.fs58 { font-size: 58px; }
.fs60 { font-size: 60px; }
.fs62 { font-size: 62px; }
.fs64 { font-size: 64px; }
.fs66 { font-size: 66px; }
.fs68 { font-size: 68px; }
.fs70 { font-size: 70px; }
.fs75 { font-size: 75px; }
.fs80 { font-size: 80px; }
.fs85 { font-size: 85px; }
.fs90 { font-size: 90px; }
.fs95 { font-size: 95px; }
.fs100 { font-size: 100px; }
.fs110 { font-size: 110px; }
.fs120 { font-size: 120px; }
.fs130 { font-size: 130px; }
.fs140 { font-size: 140px; }
.fs150 { font-size: 150px; }
.fs160 { font-size: 160px; }
.fs170 { font-size: 170px; }
.fs180 { font-size: 180px; }
.fs190 { font-size: 190px; }
.fs200 { font-size: 200px; }
.fs230 { font-size: 230px; }
.fs260 { font-size: 260px; }
.fs300 { font-size: 300px; }
.fs330 { font-size: 330px; }
.fs360 { font-size: 360px; }

/* 标题字号 */
.tit{font-size:18px}@media(min-width:1024px){.tit{font-weight:700;font-size:22px}}
.titen{font-size:14px}@media(min-width:1024px){.titen{font-size:16px}}
.titbig{font-size:26px}@media(min-width:1024px){.titbig{font-size:48px}}

/* 动画效果 */
.dh3{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.dh4{-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.dh31{display: block; overflow: hidden;}
.dh31 img{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.dh31:hover img{transform: scale(1.1); }
.dh51{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.dh51:hover { -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.shadow2 {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.shadow2:hover{ box-shadow:0 5px 10px rgba(100,100,100,0.1); } /*移动上阴影*/
.shadow3 { box-shadow:0 5px 10px rgba(100,100,100,0.1); } 

/* 自定义链接 */
a.bai { color: #FFFFFF;}
a.bai:hover { color:#DDDDDD; text-decoration: underline;}
a.hui { color: #999999;}
a.hui:hover { color:#666666; text-decoration: underline;}
a.hei { color: #000000;}
a.hei:hover { color:#ffffff; text-decoration:none;}
a.main { color: var(--color-main);}
a.main:hover { color:#333333; text-decoration: underline;}

.oh	{ overflow: hidden;} /*溢出隐藏*/

/*自定义大按钮样式*/
a.d-more { background: transparent; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; color: #9f9f9f; display: block; font-size: 12px; height: 40px; line-height: 40px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 160px; margin: 30px 0px auto; text-align: center; }
a.d-more::after { content: ""; display: block; width: 0; height: 42px; background-color: #003686; margin-top: -41px; transition: all 0.4s ease 0s; }
a.d-more:hover::after { width:160px; height: 42px; }
a.d-more:hover { color: #fff; border: 1px solid #003686; }
a.w-more { border-radius: 0px; background-color: transparent; text-align: center; text-indent: 0px; display: block; width: 50%; height: 50px; line-height: 50px;  margin: 20px auto 80px; border: 1px solid #DDDDDD; color: #0099ff; transition: all ease-out .3s; }
a.w-more:hover { text-indent: 0px; background-color: #0099ff; border: 1px solid #0099ff; color: #fff; }
a.w-more i { opacity: 0; transition: all 0.3s ease 0s; }
a.w-more:hover i { opacity: 1; margin-left: 10px; }

/*自定义面包屑*/
.mbx { font-size: 12px; color: #CCCCCC; margin-top: 10px; margin-bottom: 10px;}
.mbx a { margin-right: 10px; margin-left: 10px;}
.mbx i { margin-right: -5px; color: #777777;}
.mbx span { margin-left: 10px; color: #999999;}

/* 自定义分页 */
.fypage { margin-top: 10px; margin-bottom: 10px; }
.fypage span { padding: 5pX;}
.fypage span a:hover {color: var(--color-main); }
.fypage .page-num { padding-left: 5px; padding-right: 5px; border: solid 1px #d5d5d5; margin: 0px 3px;}
.fypage .page-num:hover { background-color: var(--color-main); color: #ffffff;}
.fypage .page-num-current { background-color:var(--color-main); color: #ffffff;}
.fypage .page-status { display: none; }

/* 自定义分页拼图 */
.nav.nav-page>span.page-status { display: none; }
.nav.nav-page{display:inline-flex;border-radius:.25rem;}
.nav.nav-page>span{border:solid 1px #ddd;display: block;padding: 4px 0px;}
.nav.nav-page>span.page-index{border-top-left-radius:inherit;border-bottom-left-radius:inherit;}
.nav.nav-page>span:not(:first-child){margin-left:-1px;}
.nav.nav-page>span:last-child{border-top-right-radius:inherit;border-bottom-right-radius:inherit;}
.nav.nav-page>span>a{padding:.4rem .75rem .43rem;}
.nav.nav-page>span>a:hover{background-color:#F3F3F3;}
.nav.nav-page>span>a.page-num-current{border-color:transparent;z-index:1;background-color:var(--color-main);color: #fff;}
.nav.nav-page.nav-divider>span{border-radius:.25rem;margin-left:0}
.nav.nav-page.nav-divider>span:not(:last-child){margin-right:.25rem}

/*自定义内页banner*/
.nyban { background-image:url(../images/nybanner.jpg);background-attachment:fixed;background-position:center top;padding:50px;background-repeat:no-repeat;}
@media(max-width:1024) {
.nyban { background-image:url(../images/nybanner.jpg);background-attachment:fixed;background-position:center top;padding:70px;background-repeat:no-repeat;}
}

/*自定义在线客服*/
#shares { height:160px; position: fixed;right: 10px;bottom: 40px;z-index: 99}
#shares a {width: 30px;height: 30px;display: block;background: #8b8b8b;background-color: rgba(31,31,31,.6);color: #fff;font-size: 16px;text-align: center;}
#shares a i{ display: inline-block; }
/*#shares a#sshare {cursor: default; display:none;}*/
#shares a#sshare {background-color: #409EFF; width: 40px; height: 40px; }
#shares a#sweibo {background-color: #ea493c; width: 40px; height: 40px; }
#shares a#sweixin {background-color: #24b727; width: 40px; height: 40px;}
#shares a#gotop {background-color: #666666; background-color: rgba(0,0,0,.6); height: 40px;width: 40px; }
#sshare i {font-size: 18px; margin-top: 5px;}
#sweibo i { font-size: 21px; margin-top: 2px;}
#sweixin i { font-size: 18px; margin-top: 5px;}
#gotop i { font-size: 18px; margin-top: 5px;}
.fixed {position: fixed;z-index: 999999;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0,0,0);background: rgba(0,0,0,.6);overflow-y: auto;display: none}{height:auto;cursor:default;}
#fixed_weixin .fixed-container {width: 220px;height: auto;padding: 10px 10px 0 10px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -110px;margin-top: -140px}
#fixed_weixin .fixed-container div {height: 220px}
#fixed_weixin .fixed-container p {height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #000}
.show {display: block;}
#online_open {
	width: 40px;
	height: 40px;
	background: #FFBC00;
	cursor: pointer;
	position: fixed;
	right: -40px;
	bottom: 200px;
	z-index: 99999;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}
#online_open i{ display:inline-block; margin-top: 5px; }
#online_lx {width: 192px;height: auto;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);box-shadow: 0 5px 9px rgba(4,0,0,.17);position: fixed;right: 10px;bottom: 220px;z-index: 99999;}
#online_lx ul {padding: 0px; margin: 0px;}
#online_lx ul li {list-style: none;}
#olx_head {padding: 15px;background: #FFBC00;border-radius: 5px 5px 0 0;color: #fff;font-size: 14px}
#olx_head i {font-size: 12px;color: #fff;cursor: pointer;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
#olx_head i:hover {color: #F5F5F5; transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);}
#olx_qq li a {padding: 5px 30px 10px;height: 50px; background: #f5f5f5;color: #353434;display: block;border-bottom:#e5e5e5 1px solid; font-size: 14px}
#olx_qq li a i {color: #A5A5A5;font-size: 20px; margin-right: 18px;transition: all ease-out .3s; ;}
#olx_qq li a:hover{color: #E6A23C; background:#EEEEEE; height: 55px;padding-top: 5px;}
#olx_qq li a:hover i {color: #E6A23C;}
#olx_tel {padding: 20px 30px;font-size: 14px;}
#olx_tel div {color: #434343;line-height: 14px;height: 14px;margin-bottom: 10px}
#olx_tel div i {font-size: 18px;margin-right: 20px;vertical-align: middle;color: #4E4E4E;}
#olx_tel p {line-height: 18px;font-family: HELVETICANEUELTPRO-THEX;font-size: 14px}

/*自定义底部留言样式*/
.bdx { margin-bottom: 10px; border-bottom-color: #555555; background: no-repeat; border-style: none none solid; border-radius: 0; color: #F1F1F1; }
.bdtj { height: 40px; border: none;}


/*自定联系提交*/
.sjbj { background-image:url(../images/sjbj.jpg);background-position:center center;padding:100px 0px 130px;background-repeat:no-repeat;}
@media(max-width:1024px) {
.sjbj { background-image:url(../images/sjbjx.jpg);background-position:center center;padding:70px;background-repeat:no-repeat;}
}
.sjtj { width: 200px; height: 50px; border-radius:50px; background-color: #ffffff; display:inline-block; text-align: center; line-height: 50px; font-size: 16px; color: var(--color-main);}
.sjtj:hover { border-radius:50px; background-color: var(--color-main); color: #ffffff;}
.lxtj { width: 200px; height: 50px; border-radius:30px; border: 0px; background-color: var(--color-main); color: #ffffff;}
.lxtj:hover { border-radius:30px; background-color: var(--color-sub); color: #ffffff;}

/*自定义友情链接*/
.yqlj { background-color: #282828; color: #666666;}
.yqlj a { color: #666666; margin: 0 5px;}
.yqlj a:hover { color: #999999;}

/*内容里面的图片宽度自适应*/
.neirong img { display:inline-block;max-width:100%;height:auto; }

/*自定义横线动画*/
div.hxdh h6{position:relative;overflow:hidden;padding-top:1px;padding-right:0;padding-bottom:1px;padding-left:0;background-color:#CCC;width:100%;height:2px;margin:0}
div.hxdh h6:before{position:absolute;bottom:0;left:0;width:100%;height:5px;background:var(--color-main);content:'';transition:transform .4s;-webkit-transition:transform .4s;-moz-transition:transform .4s;transform:translate3d(-100%,0,0);-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0)}
div.hxdh:hover h6:before{transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}


/*自定义图片遮罩文字动画*/
.zzz{position:relative;text-align:center;}
.zzz dl{height:100%;width:100%;top:-16px;left:0px;position:absolute;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.zzz:hover dl{display:block;background:rgba(0,0,0,0.6);}
.zzz p{position:absolute;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;color:#FFF;top:40%;visibility:hidden;left:40%;opacity:0.5;}
.zzz:hover p{top:45%;visibility:visible;opacity:1;}

/*自定义背景色*/
.bgdh {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bgdh:hover { background-color: var(--color-main); color:#ffffff; }
.bgdh a:hover { color:#ffffff;}