html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, tbody, tfoot, thead {font-family: "Microsoft YaHei", 微软雅黑, 宋体, 黑体, "Helvetica Neue", Tahoma, Arial, "Hiragino Sans GB";margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;color:#333;font-size:16px;}
body {line-height: 1;font-size:16px;}
.body-wrap{background: url(../../eportal/imageDir/kjj/2022/06/2022062714200088680.png) no-repeat top center;}
ol, ul ,li{list-style: none;}
blockquote, q {quotes: none;}
blockquote:before,blockquote:after,q:before, q:after{content: '';content: none;}

.fl{float: left;}
.fr{float: right;}
.comwidth{width: 1200px;margin: 0 auto;}
.clearfix:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}
.clearfix{zoom: 1;}
.clear{clear:both}
.none{display:none;}
input{border:none;outline:none;}
a:link,a:visited,a:active{text-decoration: none;}
a:active {outline: none;star:expression(this.onFocus=this.blur());}
a:hover{ color:#3f8fcc; text-decoration:none;}

/*HEADER*/
.common-top{padding:8px 0;}
.common-top a{color:#fff;font-size:12px;float: left;position:relative;}
.common-top b{font-size:12px;color:#fff;padding:0 5px;font-weight: normal;float: left;}
.common-top a img{display:none;position:absolute;left: 0;margin-left: -24px;bottom: -100px;}
.common-top a:hover img{display:block;}

.common-title{padding:30px 0;}
.common-title ul{padding-top: 15px;margin-left:40px;}
.common-title ul li{float:left;padding: 10px 10px;border-top:3px solid transparent;margin:0 3px;}
.common-title ul li a{display:block;color:#fff;font-size:20px;}
.common-title ul li:hover,.common-title ul li.active {border-top:3px solid #fff;}

.common-header .search form{margin: 0 auto 40px;background-color: #daebfb;border-radius: 8px;overflow: hidden;width:40%}
.common-header .search form .text{ line-heigh:50px; height:50px; padding: 10px 15px;width0: 400px;box-sizing: border-box;border: 0;font-size: 16px;color: #727272;float:left;background:none;}
.common-header .search form .submit{background-color: #001689;color: #fff;border: 0;outline: none;line-height: 51px;width: 90px;font-size: 16px;float:right;}
.logo_box{ width:30%; float:left;}

/*footer*/
.footer {background-color:#0f73bf}
.footer .footer-links{border-bottom:1px solid #3890d8;height:52px;margin-bottom:46px;position: relative;}
.footer .footer-links li{float:left;width:20%;}
.footer .footer-links li .linkList {position:absolute;bottom:52px;width:100%;display: none;left: 0;background-color:#fff;padding:10px 25px;border:1px solid #ddd;box-sizing:border-box;box-shadow:0 0 5px #ddd;}
.footer .footer-links li .linkList a{line-height:42px;}
.footer .footer-links li .linkList b{font-weight:normal;margin:0 10px;}
.footer .footer-links li span{line-height:52px;color:#fff;display:block;text-align:center;cursor:pointer;}
.footer .footer-content .sign{float:left;}
.footer .footer-content p{color:#fff;line-height:32px;float:left;}
.footer .footer-content img.footer-img{float:left;width:100px;margin-left:30px;margin-top:7px;}
.footer .footer-infos{text-align:center;background-color:#0664ac;line-height:52px;border-top:1px solid #2a80cb;margin-top:40px;}
.footer .footer-infos *{margin:0 15px;color:#d1faff;}
.footer-links li:hover .linkList{ display: block!important; }


@media screen and (max-width: 767px){
    .comwidth{width:94%;}
    /*HEADER*/
    .common-top a{font-size:14px;}
    .common-top b{font-size:14px;}
    .logo_box{ width:100%; margin:0 auto;}

    .common-title{padding:20px 0;}
    .common-title ul{display:none;}
    .common-title .logo {max-width:80%}
    .common-title .logo-r{max-width:20%}
     
    .common-header .search form{width:95%}
    .common-header .search form .text{width:75%}

    /*手机端导航*/
    .mobile-toggle {position: fixed;top: 20px;z-index: 99999;min-height: 24px;left: 4%;float: left;cursor: pointer;box-sizing: content-box;font-size: 20px;padding-left: 55px;line-height: 24px;display:block;}
    .mobile-toggle span {width: 30px;top: 50%;transform: translateY(-50%);transform-origin: 50% 50%;}
    .mobile-toggle span,
    .mobile-toggle span::before,
    .mobile-toggle span::after {position: absolute;left: 0;height: 3px;background: #ffffff;transition: all .1s ease;}
    .mobile-toggle span::before,
    .mobile-toggle span::after { content: ''; width: 100% }
    .mobile-toggle span::before { top: -10px }
    .mobile-toggle span::after { bottom: -10px }
    .mobile-toggle.toggle-open span { background: rgba(0, 0, 0, 0); transform: rotate(45deg) }
    .mobile-toggle.toggle-open span::before { transform: translate3d(0, 10px, 0) }
    .mobile-toggle.toggle-open span::after { transform: rotate(-90deg) translate3d(10px, 0, 0) }
    /*header-nav*/
    .header-nav-phone {display:block;position: fixed;z-index: -1;top: 0;left:0;width: 100%;max-width: 100%;height: 100%;transition: all .4s ease;opacity: 0;}
    .header-nav-phone .nav-wrap{width:70%;background-color: #336ca6;transform: translate3d(-100%, 0, 0);height: 100%;box-shadow:1px 0 2px rgb(0 0 0 / 20%);transition: all .4s ease;}
    .header-nav-phone .nav-wrap h2{font-size: 19px;font-weight: normal;text-align: left;padding: 20px 17px;color: #1b3958;border-bottom:1px solid #2c5d8f;text-align:center;}
    .header-nav-phone  .nav-wrap>ul{overflow-y:auto;max-height:calc(100% - 60px);padding-bottom:60px;}
    .header-nav-phone  .nav-wrap>ul>li{border-bottom: 1px solid #2c5d8f;line-height:32px;padding:14px 17px;position: relative;}
    .header-nav-phone  .nav-wrap>ul>li>a{color:#fff;}
    .header-nav-phone  .nav-wrap>ul>li span{width: 45px;position: absolute;top: 0;right: 0;bottom: 0;text-align: center;cursor: pointer;transition: background .2s ease}
    .header-nav-phone  .nav-wrap>ul>li span::before {content: '';position: absolute;top: 27px;left: 50%;width: 8px;height: 8px;margin-left: -2px;box-sizing: border-box;border-top: 2px solid #fff;border-left: 2px solid #fff;transform-origin: center}
    .header-nav-phone  .nav-wrap>ul>li span::before {transform: translate(-50%, -50%) rotate(135deg);}
    .header-nav-phone  .nav-wrap>ul>li ul{display: none;}
    .header-nav-phone  .nav-wrap>ul>li ul li{line-height: 32px;box-shadow: 0px 0px 5px 0px #2c5d8f;margin: 6px 5%;padding: 3px 6px;}
    .header-nav-phone  .nav-wrap>ul>li ul li a{color: #bdbdbd;text-align: center;display: block;}
    
    .header-nav-phone.nav-open{background: rgba(0,0,0 ,40%);opacity:1;z-index: 99;}
    .header-nav-phone.nav-open .nav-wrap{transform: translate3d(0%, 0, 0);opacity: 1;z-index: 9999999;}


    /*footer*/
    .footer {background-color:#0f73bf}
    .footer .footer-links{display:none;}
    .footer .footer-content{padding-top:30px;}
    .footer .footer-content .fl,.footer .footer-content .fr{float:none;text-align:center;}
    .footer .footer-content .sign{float:none;}
    .footer .footer-content p{float:none;}
    .footer .footer-content img.footer-img{float:none;margin:15px 10px;}
    .footer .footer-infos{line-height:24px;padding:15px 0;}
    .footer .footer-infos a{display:block;}

}