@charset "utf-8";
/*CSS reset*/
body{ font-size: 16px; line-height: 1.5; }
body *{ box-sizing: border-box; }
h1, h2, h3, h4{ font-weight: 400; }
.fl{ float: left; }
.fr{ float: right; }
.layui-main{ width: 1200px; }
.layui-col-space40 {margin: -20px}
.layui-col-space40>* {padding: 20px}

/* 顶部 */
.header{ background: url("../images/index_header_bj.jpg") no-repeat center top; height: 432px; }
.header .top{ height: 36px;line-height: 36px; color:#1055a6; }
.header .top a{font-size: 14px;color:#1055a6;margin:0 5px;cursor: pointer;}
.header .top a:hover{ text-decoration: underline; }
.header .top .links-left{ float: left; }
.header .top .links-right{ float: right; position: relative; }
#person-center {display: none; margin-left: 5px; font-size: 14px; color:#1055a6; cursor: pointer; }
#topSystemBtn_id{ display: inline-block; font-size: 14px; color:#1055a6; margin:0 5px; cursor: pointer; }
#topSystemBtn_id i{ font-size: 14px; color:#1055a6; display: inline-block; transition: all .3s ease-out; }
#topSystemBtn_id.active i{ transform: rotate(-180deg); }

/* 省直窗口 */
#div_topSystem_id {display: none;border-radius: 5px; padding:5px; width:760px; position:absolute; right: 0; top: 36px; z-index:99999999;background: #1055a6;}
#div_topSystem_id .topSystem_inner {background-color:#FFF; padding-top:10px; }
#div_topSystem_id .topSystem_inner h3 { display:block;width:100%;height:25px;line-height:25px; font-size:14px; font-family:"microsoft yahei"; background:url(../images/wp_2015zjj_index_titleBg_03.jpg) repeat-x left center; color:#1055a6;}
#div_topSystem_id .topSystem_inner h3 span { padding: 0 10px; font-size: 18px; display:block; width:105px; text-align:center; height:25px; background-color:#FFF;}
#div_topSystem_id .topSystem_inner ul { overflow: hidden; list-style:none; width:100%; display:block; padding:10px; }
#div_topSystem_id .topSystem_inner ul li { display:inline-block; width:25%; margin:0px; padding:0px;float: left;}
#div_topSystem_id .topSystem_inner ul li a {font-size:14px; font-family:microsoft yahei; text-decoration:none; color:#25659c; line-height:30px; white-space:nowrap;}
#div_topSystem_id .topSystem_inner ul li.disable a {color: #959595;}
#div_topSystem_id .topSystem_inner ul li a:hover { text-decoration:underline;}

/* logo */
.logo{ text-align: center; margin-top: 80px; }

/* 导航 */
.nav-main{ margin-top: -103px; padding-top: 115px; background: url("../images/index_nav_bj.png") no-repeat center bottom; height: 195px; }
/*.nav{ background-color: #1462bf; }*/
.nav .navlist>li{ width: 12.5%; float: left; text-align: center; position: relative; }
.nav .navlist>li>a{ display: block; height: 80px; line-height:80px; font-size: 24px; color: #fff;  position: relative;*zoom:1; }
.nav .navlist>li.on a{ background-color: #164285; color: #f9f871; }

/* 搜索 */
.search-mian{ width: 650px; margin: 18px auto; }
.search-mian .search .fsubmit{ transition: all .3s ease-out; }
.search-mian ul{ text-align: center; margin-bottom: 10px; }
.search-mian li{ display: inline-block; height: 24px; line-height: 24px; font-size: 18px; color: #333333; position: relative; padding: 0 10px; cursor: pointer; }
.search-mian li.current{ color: #2a589c; font-weight: bold; }
.search-mian li.current:before{ position: absolute;content: ''; left: 0; right: 0; bottom: -8px; height: 6px; background: url("../images/index_search_current.png") no-repeat center bottom; }
.search-mian li:after{ position: absolute;content: '';right: -4px;top:2px;width: 2px;height: 20px;background: #333333;}
.search-mian li:last-child:after{ display: none; }
.search{ border: 1px solid #245399;border-radius: 10px;background-color: #fff; height: 50px;overflow: hidden;}
.search .ftext{ float: left; display: block; background-color: #fff; color: #333; width: calc(100% - 72px); padding-left: 15px; padding-right: 30px; height: 48px; border: 0; outline: none; }
.search .ftext::placeholder{ color: #666666; }
.search .fsubmit { float: right; display: block; background-color: #1658A0; color: #fff; width: 72px; height: 48px; border: 0; outline: none;cursor: pointer; }
.search .fsubmit:hover{ background-color: #1685da; }
.search .layui-input-wrap { line-height: 48px; }
.search .layui-input-suffix { right: 72px; line-height: 48px; }


.main{ position: relative; }

/* 底部 */
.footer{ background: #1462bf; margin-top: 40px; }
.footer .layui-col-lr20{ margin: 0 -10px }
.footer .layui-col-lr20>*{ padding: 0 10px }
.footer .footer-link{ padding-top: 40px; }
.footer .footer-link .col-20{ width: 20%; float: left; }
.yqlj{ position: relative; }
.yqlj:hover ul{ display: block; }
.yqlj span{ display: block; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff; color: #fff; background: url("../images/footer_tqlj.png") no-repeat 92% center; }
.yqlj>a{ display: block; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff; color: #fff; }
.yqlj ul{ display: none;position: absolute;left: 0;bottom: 50px;padding: 5px 0;z-index: 899;min-width: 100%;border: 1px solid #eee;max-height: 300px;overflow-y: auto;background-color: #fff;border-radius: 2px;box-shadow: 0 0 6px rgba(0,0,0,0.5);box-sizing: border-box;}
.yqlj ul li{cursor: pointer;padding: 0 10px;line-height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.yqlj ul li a{ display: block; color: #000000; }
.yqlj ul li:hover{ background-color: #b0d1eb; }
.yqlj ul li:hover a{ color: #ffffff; }
.footer .footer-wrap a,
.footer .footer-wrap span,
.footer .footer-wrap p{ font-size: 16px; color: #fff; }
.footer .footer-wrap{ padding: 15px 0 26px; }
.footer .footer-wrap-con p{ padding: 5px 0; text-align: center; }
.footer .footer-wrap-con p span{ margin-right: 15px; }
.footer .footer-wrap-con p span img{ margin-top: -3px; margin-right: 5px; }
.footer .footer-wrap-pic{ padding: 5px 0; text-align: center; }
#wxtj{ display: inline-block; position: relative; }
#wxtj:hover .drop{ display: block; }
#wxtj .drop{ position:absolute; left:50%; margin-left: -96px; top:-268px; z-index:9; width:192px; height: 260px; padding: 10px; background: rgba(0, 0, 0, 0.5); border-radius:8px; text-align:center; display:none;}
#wxtj .drop i{ display:block; line-height:0; font-size:0; width:0; height:0; overflow:hidden; border:7px solid transparent; border-top-color: rgba(0, 0, 0, 0.5); position:absolute; bottom: -14px; left:50%; margin-left:-7px;}
#wxtj .drop .qrcode{ background: #fff }
#wxtj .drop .qrcode img{display:block; width: 172px; height: 240px; }
#wxtj .drop p{ display:block; text-align:center; color:#fff; padding-top:5px; line-height:18px; font-size:12px; }

/* iPad pro 1024分辨率样式 */
@media only screen and (max-width: 1024px) {
    .layui-main{ width: 100%; }
    .footer .layui-col-lr20{ margin: 0; }
}

/* iPad 768分辨率样式 */
@media only screen and (max-width: 768px) {
    .header .top .links-left{ display: none; }
    .nav-main{ padding-top: 95px; height: 195px; }
    .nav .navlist>li{ width: 25%; }
    .nav .navlist>li:nth-child(1) a{ border-bottom: 1px solid #fff; }
    .nav .navlist>li:nth-child(2) a{ border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
    .nav .navlist>li:nth-child(3) a{ border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
    .nav .navlist>li:nth-child(4) a{ border-bottom: 1px solid #fff; }
    .nav .navlist>li:nth-child(6) a{ border-left: 1px solid #fff; border-right: 1px solid #fff; }
    .nav .navlist>li:nth-child(7) a{ border-right: 1px solid #fff; }
    .nav .navlist>li>a{ height: 50px; line-height:50px; font-size: 20px; }

    .footer .footer-link .col-20{ width: 33.333%; }
    .footer .footer-link .col-20:nth-of-type(4),
    .footer .footer-link .col-20:nth-of-type(5){ width: 50%; margin-top: 20px; }
    .footer .footer-wrap-con p{ padding: 0; }
    .footer .footer-wrap-con p span{ display: block; }

}

/* phone 540分辨率样式 */
@media only screen and (max-width: 540px) {
    .header{ height: 260px; }
    .header .top{ display: none; }
    .logo{ margin: 0; padding-top: 40px; }
    .logo img{ width: 70%; }
    /* 搜索 */
    .search-mian{ width: auto; margin: 18px 10px; }
    .search-mian li{ font-size: 14px;  padding: 0 2px; }
    .search-mian li:after{ position: absolute;content: '';right: -4px;top:5px;width:1px;height: 14px;}
    .search{ border: 1px solid #245399;border-radius: 10px;background-color: #fff; height: 50px;overflow: hidden;}
    /* 导航 */
    .nav-main{ margin-top: 0; padding-top: 0; background: #1365c1; height: auto; }
    .nav .navlist>li>a{ font-size: 18px; }
    .nav .navlist>li:nth-child(n+5) a{ border-bottom: 1px solid #fff; }
    .footer{ margin-top: 20px; }
    .footer .footer-link{ display: none; }
    .footer .footer-wrap a, .footer .footer-wrap span, .footer .footer-wrap p{ font-size: 12px; }
    .footer a[href='http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=43010202000995'] img{ margin-right: 5px!important; }

}

/* phone 375分辨率样式 */
@media only screen and (max-width: 375px) {
    .header{ height: 230px; }
    .logo{ padding-top: 30px; }
    .search-mian li{ font-size: 12px; }
    .search{ height: 40px; }
    .search .ftext,
    .search .fsubmit{ height: 38px; }
    .nav .navlist>li>a{ font-size: 16px; height: 40px; line-height: 40px; }
}