@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin: 0; padding: 0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display: block;}
html{overflow-y: scroll;}
:root{overflow-y: auto; overflow-x: hidden;}
table{border-collapse: collapse; border-spacing: 0;}
caption,th{font-weight: normal;}
html,body,fieldset,iframe,abbr{border: 0;}
i,cite,em,var,address,dfn{font-style: normal;}
[hidefocus],summary{outline: 0;}
ul,ol,ul li,li,ol li{list-style: none;}
h1,h2,h3,h4,h5,h6,small{font-size: 100%;}
sup,sub{font-size: 83%;}
pre,code,kbd,samp{font-family: inherit;}
q:before,q:after{content: none;}
textarea{overflow: auto; resize: none;}
label,summary{cursor: default;}
a,button{cursor: pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight: bold;}
ins,u,s,a,a:hover{text-decoration: none;}
body,textarea,input,button,select,keygen,legend{font-family: "微软雅黑"; font-size: 16px; color: #333; outline: 0;}
a{color: #3d3d3d; border: none; text-decoration: none; outline: none; hide-focus: expression(this.hideFocus=true);}
a:hover{text-decoration: none; color: #094dad;}
a:focus{text-decoration: none; outline: 0; -moz-outline-style: none; color: #094dad;}
img{border: 0 none; width: auto\9; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic;}
button,input,select,textarea{font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; _overflow: visible; *vertical-align: middle; *overflow: visible;}

/*function*/
.f-dn{display: none;}
.f-db{display: block;}
.f-fl{float: left;}
.f-fr{float: right;}
.f-pr{position: relative;}
.f-pa{position: absolute;}
.f-pf{position: fixed;}
.f-oh{overflow: hidden;}
.f-fwn{font-weight: normal;}
.f-fwb{font-weight: bold;}
.f-toe{overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.f-csp{cursor: pointer;}
.f-csd{cursor: default;}
.f-csh{cursor: help;}
.f-csm{cursor: move;}
.f-usn{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
.f-clear{margin: 0; padding: 0; height: 0; overflow: hidden; visibility: hidden; content: "."; clear: both; font-size: 0; }
.f-clearfix:after{display: block; height: 0; visibility: hidden; font-size: 0; content:" "; clear: both;}
* html .f-clearfix{zoom: 1;}
*:first-child+html .f-clearfix{zoom: 1;}
.f-wd100{width: 100%;}
.f-npd{padding: 0;}
.f-nmg{margin: 0!important;}
.f-mlr2{margin: 0 2px;}
.f-mlr5{margin: 0 5px;}
.f-mlr7{margin: 0 7px;}
.f-mlr10{margin: 0 10px;}
.f-mlr15{margin: 0 15px;}
.f-mlr20{margin: 0 20px;}
.f-mlrf5{margin: 0 -5px;}
.f-mlrf7{margin: 0 -7px;}
.f-mlrf10{margin: 0 -10px;}
.f-mlrf15{margin: 0 -15px;}
.f-mlrf20{margin: 0 -20px;}
.f-plr5{padding: 0 5px;}
.f-plr7{padding: 0 7px;}
.f-plr10{padding: 0 10px;}
.f-plr15{padding: 0 15px;}
.f-plr20{padding: 0 20px;}
.f-mb5{margin-bottom: 5px;}
.f-mb10{margin-bottom: 10px;}
.f-mb15{margin-bottom: 15px;}
.f-mb20{margin-bottom: 20px;}
.f-nbg{background: none!important;}
.f-nbd{border: none;}
.row{margin: 0;}


/*module*/
.m-location{padding: 5px 0 10px 25px; background: url(2026hjst_zdsys_icon01.png) left 6px no-repeat;}
.m-location,.m-location a{font-size: 14px; color: #666;}
.possplit{background-image: url(2026hjst_zdsys_icon02.png);padding:0 10px;}

.m-nav{width: 100%;height:62px;line-height: 62px;background:#094dad;}
.g-nav{padding:0}
.m-nav .g-nav ul{width:100%;display: flex;}
.m-nav .g-nav ul li{text-align: center;flex:1;position: relative;}
.m-nav .g-nav ul li a{display: block;font-size: 20px;font-weight: bold;color: #fff;position: relative;}
.m-nav .g-nav ul li::after{display: block;content: "";width:1px;height:24px;background: #3a71bd;position: absolute;right:-1px;top:20px}
.m-nav .g-nav ul li:last-child::after{display: none;}
.m-nav .g-nav ul li a img{margin-top: 17px;margin-right: 12px;}
.m-nav .g-nav ul li:hover{background:#003f97;}
.m-nav .g-nav ul li:hover .is-one-nav{color:#fff;}
.NavPull{ overflow:hidden; width:100%; background:#fff; box-shadow:0 0 3px #ccc;line-height:35px; top:62px; left:0px; position:absolute; z-index:100; display:none;}
.m-nav .g-nav ul li:hover .NavPull{display: block;}
.m-nav .g-nav .NavPull a{display:block; text-align:center;color:#333; font-size:16px; padding:0 10px;font-weight:normal;height:50px;overflow:hidden;line-height: 50px}
.m-nav .g-nav ul li .NavPull a:hover{background: #fff;color:#094dad;}
.NavPull dd{border-bottom:1px solid #e5e5e5}
.NavPull dd:last-child{border-bottom:none;}
.animateslide{-webkit-animation: slideInDown .5s ease 0s 1 both;animation: slideInDown .5s ease 0s 1 both;}

@-webkit-keyframes slideInDown {
    0% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0);
    
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}
@keyframes slideInDown {
    0% {
    -webkit-transform:translate3d(0,-10px,0);
    transform:translate3d(0,-10px,0);
    visibility:visible
    }
    to {
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}

.m-tabstyle1{border-bottom: 1px solid #ddd;}
.m-tabstyle1 li{position: relative; float: left; margin-right: 8px;}
.m-tabstyle1 li a{display: block; padding: 12px 10px; font-size: 18px;}
.m-tabstyle1 li em{position: absolute; left: 0; bottom: -1px; right: 0; display:block; margin:0 auto; width: 0px; height: 2px; background: #094dad; -webkit-transition: all linear 0.4s; -moz-transition: all linear 0.4s; transition: all linear 0.4s;}
.m-tabstyle1 li.u-active a{color: #094dad;}
.m-tabstyle1 li a:hover em,.m-tabstyle1 li.u-active em{width:100%;}

.m-tabstyle2 li{display: inline-block; margin: 0 10px; text-align: center;}
.m-tabstyle2 li a{display: block; width: 120px; line-height: 42px; border: 1px solid #ddd; border-radius: 42px; font-size: 16px; background: #fff; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis;}
.m-tabstyle2 li.u-active a{background: #094dad; color: #fff; border-color: #094dad;}

.m-tabstyle3 ul{margin: 0 -8px;}
.m-tabstyle3 li{float: left; padding: 0 8px; text-align: center; width: 16.66%;}
.m-tabstyle3 li a{display: block; line-height: 42px; padding: 0 5px; font-size: 16px; background: #f6f6f6;}
.m-tabstyle3 li.u-active a{background: #094dad; color: #fff;}

.m-titstyle1{border-bottom: 1px solid #ddd; line-height: 42px;}
.m-titstyle1 .u-tit{display: block; padding: 0 22px; background: #094dad; font-size: 18px; color: #fff;}
.m-titstyle1 li{float: left;}
.m-titstyle1 li a{display: block; padding: 0 13px; font-size: 14px; /*background: url(../images/home/bg-titline.png) left center no-repeat;*/}
.m-titstyle1 li.u-active a{color: #094dad;}

.m-titstyle2{/*background: url(../images/public/bg-tit2.png) center no-repeat;*/}
.m-titstyle2 .u-tit{font-size: 22px; font-weight: bold; color: #094dad;}

.m-titstyle3{padding: 5px 0;}
.m-titstyle3 .u-tit{display: block; padding-left: 12px; line-height: 1.1; font-size: 20px; font-weight: bold; color: #094dad; border-left: 5px solid #094dad;}
.m-titstyle3 .u-more{color: #666; font-size: 14px; line-height: 1.5;}

.m-liststyle1 li{height: 40px; line-height: 40px;}
.m-liststyle1 li a{display: block; padding-left: 14px; background: url(2026hjst_zdsys_icon03.png) left center no-repeat; overflow: hidden; word-wrap: normal; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.m-liststyle1 li span{float: right; color: #999; font-size: 14px;}
.m-liststyle1 li a:hover{padding-left: 16px;}
.m-liststyle1 li img{margin-left: 10px; vertical-align: middle;}

/*header*/
.m-banner{height:250px;background: url(2026hjst_zdsys_banner.png) center;background-size:100% 100%;}
.m-top{display: flex;align-items: center;justify-content: space-between;height: 250px}
.m-top:before,.m-top:after{display: none;}
.is-search{width:32.2%}
.is-contact ul{display: flex;width:200px;border-radius:20px;margin-top:30px;background: #a4caff /*url(../images/index/line.png) 106px center no-repeat*/;}
.is-contact a{display: block;height:36px;line-height: 36px;font-size: 14px;color: #094dad}
.is-contact .wechat{width:107px}
.is-contact .email{width:93px}
.is-contact .wechat a{padding-left:50px;/*background: url(../images/index/wechat.png) 22px center no-repeat;*/}
.is-contact .email a{padding-left:40px;/*background: url(../images/index/email.png) 15px center no-repeat;*/}
.wechat-code{display: none;z-index: 2}
.email-code{background: #fff;padding:5px;display: none;z-index: 2;right: 0}
.is-contact .wechat-code img{width:110px}
.is-contact .animate01{ position: absolute;  top: 66px;-webkit-animation: bounceIn .5s ease 0s 1 both;}
.is-contact .email:hover .email-code{display: block;}
.is-contact .wechat:hover .wechat-code{display: block;}
.g-search{height: 52px;width:390px;}
.g-search .u-searchbtn{right: 0;top: 0;width: 50px;height: 52px;color:#c7000b;background: url(2026hjst_zdsys_search.png) center no-repeat;border: none;cursor: pointer;}
.u-searchtext{border:none;display: block;width: 100%;height: 52px; padding: 0 50px 0 12px;font-size: 16px;line-height:52px;color: #555;background-color: #fff;background-image: none;border-radius: 4px;}


/*footer*/
.is-footer{background: #3d3d3d;}
.m-footer{padding: 45px 0;}
.m-footer .container{/* padding-left:75px; */}
.m-ftfuns{line-height: 32px; padding: 3px 0;}
.m-footer,.m-footer a{font-size: 16px;color:#fff}
.m-copyright p{line-height: 42px;}
.m-copyright p img{vertical-align: middle;}
.is-sydw{position: absolute; left: 0; top: 17px;}
.is-blogo{position: absolute; right: 0; top: 13px;}
.m-copyright{float: left;}
.footer-logo{float: right;width: 500px;display: flex;height: 84px;align-items: center;justify-content: center;}
.footer-logo img{width: 100%;}
/*toolbar*/


/*pagination*/
.m-pagination{padding: 15px;}
.m-pagination li{float: left; margin: 3px; height: 28px; font-size: 14px;}
.m-pagination li a{display: block; padding: 0 10px; line-height: 26px; border: 1px solid #ccc; font-size: 14px; background: #fff;}
.m-pagination li.u-redirect{line-height: 28px;}
.m-pagination li.u-redirect input{padding: 0 5px; vertical-align: middle; width: 42px; height: 28px; line-height: 28px; border: 1px solid #ccc; margin: -2px 0 0 3px; *margin: -2px 0 0 3px; _margin: -2px 0 0 3px;}
.m-pagination li.active a,.m-pagination li a:hover{background: #094dad; border: 1px solid #094dad; color: #fff;}
.m-pagination li.page-info a,.m-pagination li.page-info a:hover{border: 1px solid #ccc; cursor: default; color: #666; background: #fff;}
.m-pagination li.disabled a,.m-pagination li.disabled a:hover{background: #eee; border: 1px solid #ccc; cursor: default; color: #666;}

.wp_paging { display:block; margin:0; padding:0; list-style:none; font-size:13px;font-family:'Microsoft Yahei', Verdana, Geneva, sans-serif; color:#494949; float:right;}
.wp_paging input {font-size:12px;*font-size:100%;}
.wp_paging li { display:inline-block; height:25px; line-height:25px!important; float:left; margin-top:5px;}
.wp_paging li span,.wp_paging li a { display:inline-block; float:left; margin-left:10px; }
.wp_paging li em { font-style:normal;}
.wp_paging li a { cursor:pointer; color:#666; line-height: 25px; height: 25px;}
.wp_paging li a:hover { color:#000; }
.wp_paging li a span{ margin:0;}
.wp_paging li input { font-size:12px;*font-size:100%; width:24px; height:15px; line-height:15px; border:1px solid #d5d5d5; background:#fff; margin-top:4px; text-align:center;}
.wp_paging li input:focus{ outline:none;}

/*share*/
.share-main{position: relative; width: 102px; height: 24px;}
.share-bar a{margin-left: 10px; float: left; display: block; width: 24px; height: 24px; background-image: url(2026hjst_zdsys_share.png);}
.share-bar .share-tsina{background-position: 0 0;}
.share-bar .share-weixin{background-position: -24px 0;}
.share-bar .share-qzone{background-position: -48px 0;}
.weixin-share-open{position: absolute; bottom: 34px; right: 0; display: none; background: #fff;}
.weixin-wrap{position: relative; padding: 10px; width: 234px; height: 102px; border: 1px solid #ddd;}
.share-qrcode{float: left;}
.share-qrcode img{display: block; width: 80px; height: 80px;}
.weixin-close{position: absolute; top: 0; right: 0; display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 16px; color: #d4d4d4; cursor: pointer;}
.weixin-text{padding: 10px 0 0 90px; line-height: 24px; font-size: 12px; color: #666;}

#fenye{clear:both;overflow: hidden;}
#fenye a{text-decoration:non;}
#fenye .prev,#fenye .next{width:80px; text-align:center;}
#fenye a.curr{width:30px;background:#b0a89b; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{margin:5px; color:#333333;background:#fff; display:inline-table; border:1px solid #dcdddd; float:left; text-align:center;height:30px;line-height:30px}
#fenye a.num{width:30px;}
#fenye a:visited{color:#b0a89b;} 
#fenye a:hover{color:#fff; background:#a29888; border:1px solid #d7d7d7;float:left;}
#fenye>span{margin:0 auto;width:auto;height:45px;line-height:45px;text-align:right;float: right;}

.fujian-box{ margin-top: 30px; margin-bottom: 30px; }
.fujian-box a{ line-height: 48px; padding: 10px 10px 10px 70px; border-bottom: #c9c9c9 solid 1px; display: block; background: #f2f2f2 url(fujian.jpg) no-repeat 10px center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.fujian-box a:last-child{ border-bottom: none; }
.fujian-box a:hover{ background: #e4e4e4 url(fujian.jpg) no-repeat 10px center; }
/*media query*/
/*large pcScreen*/
@media (min-width:1360px) {
    .container{padding: 0; width: 1360px; margin: auto;}
	.m-logo{max-width: 900px;}
	.m-logo img{width:100%;}

}
@media screen and (max-width: 1240px) {
    .m-logo{width:60%}
    .m-logo img{max-width: 100%}
}
/*medium pcScreen lg*/
@media screen and (max-width: 1199px) {
	
	.f-lg-mlr5{margin: 0 5px;}
	.f-lg-mlr10{margin: 0 10px;}
	.f-lg-mlr15{margin: 0 10px;}
	.f-lg-mlrf5{margin: 0 -5px;}
	.f-lg-mlrf10{margin: 0 -10px!important;}
	.f-lg-mlrf15{margin: 0 -15px;}
	.f-lg-plr5{padding: 0 5px;}
	.f-lg-plr10{padding: 0 10px!important;}
	.f-lg-plr15{padding: 0 15px;}
	.f-lg-mb5{margin-bottom: 5px;}
	.f-lg-mb10{margin-bottom: 10px;}
	.f-lg-mb15{margin-bottom: 15px;}
	.f-lg-mb20{margin-bottom: 20px;}
	.f-lg-mb30{margin-bottom: 30px!important;}
	.f-lg-ha{height: auto;}
	.f-lg-fn{float: none;}
	.f-lg-wa{width: auto;}
	.f-lg-db{display: block;}
	.f-lg-dn{display: none;}

	.m-banner .container,.m-nav .container{width:100%}
    .m-logo{width:60%}
    .m-logo img{max-width: 100%}
	.is-footer .m-copyright{width:100%;text-align: center;}
	.footer-logo{width:80%;max-width:600px;float: none;margin: 0 auto;}
}
/*pad md*/
@media screen and (max-width: 991px){
	.f-md-mlr5{margin: 0 5px;}
	.f-md-mlr10{margin: 0 10px;}
	.f-md-mlr15{margin: 0 10px;}
	.f-md-mlrf5{margin: 0 -5px;}
	.f-md-mlrf10{margin: 0 -10px;}
	.f-md-mlrf15{margin: 0 -15px;}
	.f-md-plr5{padding: 0 5px;}
	.f-md-plr10{padding: 0 10px;}
	.f-md-plr15{padding: 0 15px;}
	.f-md-mb5{margin-bottom: 5px;}
	.f-md-mb10{margin-bottom: 10px;}
	.f-md-mb15{margin-bottom: 15px!important;}
	.f-md-ha{height: auto!important;}
	.f-md-fn{float: none;}
	.f-md-wa{width: auto;}
	.f-md-db{display: block;}
	.f-md-dn{display: none;}
    .m-footer{position: relative;padding-top:20px;padding-bottom:80px;}
    .m-footer .container{padding: 0 15px;position: static;}
  
    .m-ftfuns{line-height: 26px;}
    .m-copyright p{line-height: 24px;text-align: center;}
    .u-slhwza.f-pa {position: static;float: left;margin-top: 12px;display: block;}
	span#_ideConac {position: static;float: left;display: block;}
	span#_span_jiucuo {position: static;float: right;margin-top: 12px;}
	.m-banner{height:auto;padding:40px 0 20px 0}
    .m-banner .m-back{margin-right:0}
  
    .is-sydw{left:10px;bottom:10px;top:auto;}
    .is-blogo{right:10px;bottom:10px;top:auto;}
    .is-blogo img{max-width: 100%}
    .m-nav .g-nav ul li:hover .NavPull{display: none;}
    .m-logo{text-align: center;}
    .is-contact {position: absolute;top: -18px;right: 15px;}
    .g-search{margin-top:10px}
    .m-top{flex-direction: column;justify-content: center;height:auto}



}
/*phone sm*/
@media screen and (max-width: 767px) {
	.f-sm-mlr5{margin: 0 5px;}
	.f-sm-mlr10{margin: 0 10px;}
	.f-sm-mlr15{margin: 0 10px;}
	.f-sm-mlrf5{margin: 0 -5px;}
	.f-sm-mlrf10{margin: 0 -10px;}
	.f-sm-mlrf15{margin: 0 -15px;}
	.f-sm-plr5{padding: 0 5px;}
	.f-sm-plr10{padding: 0 10px;}
	.f-sm-plr15{padding: 0 15px;}
	.f-sm-mb5{margin-bottom: 5px;}
	.f-sm-mb10{margin-bottom: 10px;}
	.f-sm-mb15{margin-bottom: 15px;}
	.f-sm-ha{height: auto;}
	.f-sm-fn{float: none!important;}
	.f-sm-wa{width: auto;}
	.f-sm-db{display: block;}
	.f-sm-dn{display: none;}
	/*移动端导航样式 on*/
    .u-webhome{color: #fff;font-size: 20px;font-weight: bold;padding-left: 20px;}
    .u-webhome:hover{color:#fff}
	.navbar-toggle{background: #fff;margin-top: 15px;}
	.navbar-toggle .icon-bar{background: #ddd;}
	.m-nav .g-nav ul{flex-direction: column;}
	.navbar-collapse{background: #fff;border-color:#eee;z-index: 9999;opacity: .9}
    .m-nav .g-nav ul li a{font-weight: 400;font-size: 16px;color:#337ab7}
    .m-copyright,.m-copyright a{font-size: 12px}
    .m-nav .g-nav ul li::after{display: none;}
    .m-nav .g-nav ul li:hover a{color:#fff;}
    /*移动端导航样式 end*/
    .m-logo{width:100%}
     .g-search{width:300px}
     .u-searchtext,.g-search .u-searchbtn{height:44px;line-height: 44px}
     .m-dtvideo{width:100%!important}/*内页视频宽度*/
     .topmain{height:auto}
     .is-blogo{width:75%}
     

     

}
/*small xs*/
@media screen and (max-width: 638px) {
	body{font-size: 14px;}

}

/*print*/
@media print {
    a[href]:after {
        content: none!important;
    }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3)
}
20% {
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}
40% {
    -webkit-transform:scale3d(.9,.9,.9);
    transform:scale3d(.9,.9,.9)
}
60% {
    opacity:1;
    -webkit-transform:scale3d(1.03,1.03,1.03);
    transform:scale3d(1.03,1.03,1.03)
}
80% {
    -webkit-transform:scale3d(.97,.97,.97);
    transform:scale3d(.97,.97,.97)
}
to {
    opacity:1;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
}@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0% {
    opacity:0;
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3)
}
20% {
    -webkit-transform:scale3d(1.1,1.1,1.1);
    transform:scale3d(1.1,1.1,1.1)
}
40% {
    -webkit-transform:scale3d(.9,.9,.9);
    transform:scale3d(.9,.9,.9)
}
60% {
    opacity:1;
    -webkit-transform:scale3d(1.03,1.03,1.03);
    transform:scale3d(1.03,1.03,1.03)
}
80% {
    -webkit-transform:scale3d(.97,.97,.97);
    transform:scale3d(.97,.97,.97)
}
to {
    opacity:1;
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
}
}
.animate__bounceIn {
	-webkit-animation-duration:.75s;
    animation-duration:.75s;
    -webkit-animation-duration:calc(var(--animate-duration)*0.75);
    animation-duration:calc(var(--animate-duration)*0.75);
    -webkit-animation-name:bounceIn;
    animation-name:bounceIn
}