@charset "utf-8";
/*CSS reset*/
*{margin:0;padding:0;}
body{margin:0;padding:0; font-family:"微软雅黑"; font-size:18px; line-height:1.5; cursor:default; color:#000;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#333;}
a:hover{ text-decoration:none;}
a:active{outline: none;}
i{font-style:normal}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
figure{margin:0}

.clear{ clear:both;}
.fl{ float: left;}
.fr{ float: right;}
.pr{position:relative;}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}

body{ background: #0430b4 url(tjj_2025zgtjkfr_banner.png) no-repeat center top; }
.layui-main{ width: 1400px; }
.layui-col-space40 {margin: -20px}
.layui-col-space40>* {padding: 20px}
.header{ height: 530px; }
.logo{ text-align: center; padding-top: 55px; }
.box-fff-shadow { padding: 50px 70px; box-sizing: border-box; background-color: rgb(255, 255, 255);box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.5); }
.title { height: 40px; margin: 0 auto 30px;background-size: 100% !important; }
.title>a{ display: block; height: 40px; }
.title.title01{ background: url("tjj_2025zgtjkfr_title1.png") no-repeat center; }
.title.title02{ background: url("tjj_2025zgtjkfr_title2.png") no-repeat center; }


/* 新闻列表 */
.bd_new ul{ zoom:1; }
.bd_new li{ height: 58px; line-height: 58px; position: relative;  }
.bd_new li a{ background: url("tjj_2025zgtjkfr_dian.png") no-repeat left center; padding-left: 20px; font-size: 18px; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; }
.bd_new li:hover a{ color: #0a1c85; }
.bd_new li:hover span{ color: #0a1c85; }
.bd_new li span{ display: block; font-size: 14px; color: #999999; text-align: right; float:right;  }
.bd_new.bd_a80 a{ margin-right: 60px; }

.hf{ margin: 40px auto; }
.hf img{ max-width: 100%; }

/* 轮播 */
#slideBox{ overflow: hidden; height:410px; position: relative; }
#slideBox .item{ width: 100%; height:410px; overflow: hidden; }
#slideBox .item img{ min-width: 100%; height:410px; object-fit: cover;}
#slideBox .item p{ display: flex; flex-direction: row; align-items: center; justify-content: space-between; height:75px; line-height:24px; color:#fff; background: url(tjj_2025zgtjkfr_lbbj.png); position:absolute; right: 0; left:0; bottom:0; z-index: 2; cursor:pointer; padding:0 20px;}
#slideBox .item p a{ width:76%; position:relative; color:#fff;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#slideBox .item p span{ position: relative; display: block; width: 42px; height: 40px; }
#slideBox .item p span:before{ content: ""; display: block; position: absolute; top: 0; left: 23px; height: 42px; width: 1px; background-color: #fff;
    /*旋转35度*/
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}
#slideBox .item p span i{ position: absolute; color: #ffffff; }
#slideBox .item p .d{ top: 0; left: 0; font-size: 18px; font-weight: bold; }
#slideBox .item p .m{ bottom: 0; right: 0; font-size: 14px; }
/*#slideBox .owl-pagination{ height:35px; line-height: 35px; text-align: center; overflow:hidden; position:absolute; left: 0; right: 0; bottom:75px; z-index:1; }
#slideBox .owl-pagination .owl-page{ display: inline-block; margin:10px 5px; border-radius: 50%; width:15px; height:15px; background: #fff; font-size: 0; cursor:pointer; overflow:hidden; }
#slideBox .owl-pagination .owl-page.active{ background: #f5d791; }*/
#slideBox .owl-prev,
#slideBox .owl-next{ display: none; width: 42px; height: 69px; position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 100; background: url(tjj_2025zgtjkfr_lunbobtn.png) no-repeat; }
#slideBox .owl-next{ left: auto; right: 0; background-position: -42px 0;  }


.article_list{ margin-top: 30px; }
.article_list .list_item{position:relative;display:block;padding-left: 46%; }
.article_list .list_item .cover{position:absolute;top:0;left:0;width:41%;height:80px}
.article_list .list_item .cover img{width:100%;height:80px}
.article_list .time{position:absolute;bottom:6px;left:6px}
.article_list .cont{overflow:visible;position:relative;height:80px;display:flex;flex-direction:column;justify-content:center}
.article_list .js_classify{color:#ef4b00;line-height:24px;font-size:14px;}
.article_list .js_title{color:#000;line-height:1.5;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.article_list .js_title:hover{ color: #0a1c85; }
@media only screen and (max-width: 540px) {
    .article_list .js_title{ font-size:14px; }
}

.kfrmtjj{ margin-top: 40px; }
/* 新闻图片 */
#slideBox2{ overflow: hidden; height:410px; position: relative; }
#slideBox2 .item,
#slideBox2 .item img{width: 100%;height: 410px;}
#slideBox2 .item p{ height:50px; font-size:16px; color:#fff; background: rgba(0, 0, 0, 0.8); position:absolute; right: 0; left:0; bottom:0; z-index: 2; display: inline-block; cursor:pointer; padding: 0 20px; box-sizing: border-box; }
#slideBox2 .item p a{ display:block; width:100%; height:50px; line-height: 50px; text-align: center; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; color:#fff; }
#slideBox2 .owl-pagination{ height:35px; line-height: 35px; text-align: center; overflow:hidden; position:absolute; left: 0; right: 0; bottom:55px; z-index:1; }
#slideBox2 .owl-pagination .owl-page{ display: inline-block; margin:10px 5px; border-radius: 50%; width:15px; height:15px; background: #fff; font-size: 0; cursor:pointer; overflow:hidden; }
#slideBox2 .owl-pagination .owl-page.active{ background: #ef4b00; }
#slideBox2 .owl-prev,
#slideBox2 .owl-next{ display: none; width: 42px; height: 69px; position: absolute; top: 50%; margin-top: -35px; left: 0; z-index: 100; background: url(tjj_2025zgtjkfr_lunbobtn.png) no-repeat; }
#slideBox2 .owl-next{ left: auto; right: 0; background-position: -42px 0;  }
.kfrmtjj-img img{ max-width: 100%; }

.ysp-title{ margin: 20px 0 30px;  padding-left: 15px; height: 37px; line-height: 37px; font-size: 28px; color: #002289; font-weight: bold; position: relative; }
.ysp-title:before{ content: ""; position: absolute; left: 0; top: 7px; display: block; background-color: #002289; width: 4px; height: 27px; }
.ysp-cont{ height: 500px; }
.ysp-left{ float: left; width: 940px; height: 100%;  }
.ysp-left .bd{  height: 100%; overflow: hidden; }
.ysp-left img{ width: 100%; height: 100%;  }
.ysp-left ul li a{ position: relative; }
.ysp-left ul li a:before{ position: absolute; content: ""; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; display: block; background: url(tjj_2025zgtjkfr_shipinanniu.png) no-repeat center; width: 50px; height: 50px; }
.ysp-right{ margin-left: 940px; height: 100%; background: #e2e2e2; overflow: hidden; position: relative; }
.ysp-right .hd{ /*overflow-y: scroll;*/ height: 100%; }
.ysp-right .hd::-webkit-scrollbar {width:12px;}
.ysp-right .hd::-webkit-scrollbar-thumb {background-color:darkgrey;border-radius:10px;border:2px solid transparent;background-clip:content-box;}
.ysp-right .hd::-webkit-scrollbar-track {background:#f1f1f1;border-radius:10px;}
.ysp-right .hd::-webkit-scrollbar-thumb:hover {background-color:grey;}
.ysp-right ul li{ height: 85px; padding: 20px; cursor: pointer; }
.ysp-right ul li p{ font-size: 18px; height: 54px; line-height: 1.5; margin-bottom: 5px;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ysp-right ul li span{ font-size: 14px; color: #0430b4; }
.ysp-right ul li.on{ background-color: #0430b4; }
.ysp-right ul li.on p,
.ysp-right ul li.on span{ color: #fff; }
.ysp-right .prev,
.ysp-right .next{ cursor: pointer; width: 22px; height: 12px; position: absolute; top: 5px; left: 50%; margin-left: -11px; z-index: 100; background: url(tjj_2025zgtjkfr_anniu2.png) no-repeat; }
.ysp-right .next{ background: url(tjj_2025zgtjkfr_anniu2s.png) no-repeat; top: auto; bottom:5px; left: 50%; margin-left: -11px; background-position: 0 -12px;  }


/* 底部 */
.footer{ background: #0430b4; margin-top: 30px; }
.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; }

/* PC 1400分辨率样式 */
@media only screen and (max-width: 1400px) {
    .layui-main{ width: 100%; }
}

/* iPad pro 1024分辨率样式 */
@media only screen and (max-width: 1024px) {
    body{ font-size: 16px; background-size: 180%; }
    .layui-main{ width: 100%; }
    .layui-col-space40 {margin: -5px}
    .layui-col-space40>* {padding: 5px}
    .layui-col-space20 {margin: -5px}
    .layui-col-space20>* {padding: 5px}
    .box-fff-shadow{ padding: 10px; }

    .header { height: 230px;}
    .logo{ padding-top:20px; }
    .logo img{ width:40%; }
    .hf{ margin: 20px auto; }
    .title{background-size: 260% !important;background-position: left !important;margin: 0 auto 20px}
    .wrap{ overflow: hidden; }
    .footer .layui-col-lr20{ margin: 0; }
    .bd_new li {height: 38px;line-height: 38px;}
    .bd_new li a{ font-size: 16px; }
    #slideBox,
    #slideBox .item,
    #slideBox .item img{ height: 260px; }
    #slideBox .item p{ height: 60px; }
    .article_list{ margin-top: 20px; }
    #slideBox2,
    #slideBox2 .item,
    #slideBox2 .item img{ height: 260px; }
    #slideBox2 .item p,
    #slideBox2 .item p a{ height: 40px; line-height: 40px; }
    #slideBox2 .owl-pagination{ bottom: 45px; }

    .ysp-cont{ height:auto; }
    .ysp-cont{ height:auto; }
    .ysp-left{ float: none; width: 100%; height: 240px; }
    .ysp-left img{ height: 240px;  }
    .ysp-right{ margin-top: 10px; margin-left: 0; height: 100%; background: #e2e2e2; overflow: hidden; position: relative; }
    .ysp-right ul li{ float: left; width: 50%; height: 85px; padding: 5px; box-sizing: border-box; }
    .ysp-right ul li p{ font-size: 14px; height: 40px; }
    .ysp-right ul li span{ font-size: 12px; }
    .ysp-right ul li.on{ background-color: #0430b4; }
    .ysp-right ul li.on p,
    .ysp-right ul li.on span{ color: #fff; }
    .ysp-right .prev,
    .ysp-right .next{ display: none; }

}

/* iPad 768分辨率样式 */
@media only screen and (max-width: 768px) {
    .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) {
    .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) {

}