@charset "gb2312";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none;}
body { background: #f0f9ff; font: normal 16px/160% "Microsoft Yahei","Helvetica Neue",Arial,"Noto Sans"}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle; margin: 0px; padding: 0px;}
.clear{ clear:both;}
a{ color:#333;}
a:hover {text-decoration: none; }
.top-bg {background: url(../images/header.jpg) no-repeat top center;height: 350px;}
.head{padding: 2rem 0;}
.head-mid{ padding-top:4rem;}
.head-mid img{ display:block; margin:0 auto;}
/*--nav--*/
.nav-fill{ background:#063f87; width:100%;}
.navbar {padding: 0rem;}
.navbar-expand-lg .navbar-nav .nav-link{padding:1.4rem 2.3rem; color:#fff; font-size:1.4rem;}
.navbar-nav:last-child .nav-link{ border-left:1px solid #1460bf;border-right:1px solid #00295c;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {color:#42a8ff}
.navbar-expand-lg .navbar-nav .active{ background:#00295c;}
.navbar-expand-lg .navbar-nav .nav-link:hover{background:#00295c; color:#fff;}
.dropdown-menu {left: 0; padding:0px; margin-top: 0; min-width:11.3rem; border-radius:0 0 5px 5px;}
.dropdown-menu .dropdown-toggle::after {vertical-align: middle;border-left: 4px solid;border-bottom: 4px solid transparent;border-top: 4px solid transparent;}
.dropdown-menu .dropdown .dropdown-menu {left: 100%;top: 0%;}
.dropdown-item{padding: 0.25rem 0rem; text-align:center; background:#fff; border:1px solid #fff;}
.dropdown-menu > li{ text-align:center; line-height:2;  font-size:0.8rem;}
.dropdown-menu > li a:hover,
.dropdown-menu > li.show {background: #1c5bae;color: white; text-align:center;}
.dropdown-menu > li.show > a{color: white;}
.slideBox{ width:100%; height:360px;background:#fff;  overflow:hidden; position:relative; }
.slideBox .shd{ height:35px; line-height: 35px; overflow:hidden; position:absolute; right: 0; bottom:0px; z-index:1; }
.slideBox .shd ul{ overflow:hidden; zoom:1; float:right; padding-right:5px;}
.slideBox .shd ul li{float:left; margin:10px 5px 0 0; width:15px; height:15px;font-size: 0px; border-radius:50%; line-height:15px; text-align:center; cursor:pointer; overflow:hidden; background: #bfbfbf; color:#fff; }
.slideBox .shd ul li.on{ background:#ff0000;color:#fff; border-radius:50%;}
.slideBox .sbd{ position:relative; height:100%; z-index:0;}
.slideBox .sbd li{ zoom:1; vertical-align:middle; position: relative; }
.slideBox .sbd img{ width:100%; height:360px; display:block;}
.slideBox .sbd li div{width:100%; position:absolute; padding:0px; margin:0px; bottom:0; left:0px; z-index:10; height:40px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;}
.slideBox .sbd li div h4{width:80%;display:block; overflow: hidden;color:#fff; text-indent:15px; text-align:left;line-height: 40px; font-size:16px; white-space: nowrap;text-overflow: ellipsis; }
.bg01{ background:#f0f9ff;}
.bg02{ background:#98c7e6;}
.zt-title{ height:42px;line-height: 42px; background: url(../images/title.png) right center no-repeat;}
.zt-title .hd{ width:160px;}
.zt-title .hd h3{margin-bottom:0;line-height: 42px; }
.zt-title .hd h3 a{color:#00295c;}
.zt-title .hd i{ width: 10px; height: 30px; margin-top: 8px; margin-right: 5px; float:left; display: block;background:#063f87; border-radius: 4px;}
.zt-title span{ display:block; padding:0px 10px; float:right;}
.list li{padding-left:14px; background:url(../images/dian.png) 0px center no-repeat;font: normal 1rem/220% "Microsoft YaHei"; color:#333;overflow: hidden;white-space: nowrap;}
.list li a{width:85%; display:block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;}
.list li a:hover{ color:#000;}
.list li span{color:#666; float:right; font-size:1rem;}
.zc-search{height: 62px;background: #f6f6f6;box-sizing: border-box;padding: 10px 0 0 10px;}
.zc-search input{outline:none;}
.zc-search select{float: left;font-weight: bold;padding: 12px 15px;width: 25%;height: 45px;border: none;font-size: 14px;color: #006EAB;background:#fff;outline:none;}
.zc-search .input{font-size: 14px;float: left;width: 64%;height: 45px;padding: 16px 10px;border: none;line-height: 48px;background:#fff;}
.zc-search .btn-search{cursor: pointer;float: left;border: none;width: 50px;height: 45px;background: #fff url(../images/search.png) no-repeat center center;}
.h-180{ height:180px;}
.text-h5{ font-size:1rem;}
.dl-list{padding: 17px 23px 0;box-sizing: border-box;}
.dl-list dt{background: url("../images/write-img.png") left center no-repeat;padding-left: 40px;font-size: 1rem;line-height: 32px; font-weight: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dl-list dd{color: #666;line-height: 28px; font-size: .9rem; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.sp-title-box{width:100%; margin:0 auto; text-align: center; /*! background-color: #f4f4f4; */}
.sp-title-box .sp-title{display: inline-block; overflow: hidden; margin:0 auto; padding: 0 24px; text-align: center; vertical-align: top;}
.sp-title-box .sp-title h3{height:60px; line-height:60px;background:#063f87; border-radius: 9px; color: #fff; padding:0 25px;}
.sp-title-box .line{margin-top: -35px; border: 1px solid #063f87;}
.sptj-item {box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.sptj-item img{height:180px;}
.sptj-item .sptj-text {padding:10px 12px;background: #fff;}
.sptj-item .sptj-text h3 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-size:1rem;text-transform: uppercase;font-weight: 500;}
.sptj-item .sptj-text h3 a {color: #063f87;}
.sptj-item .sptj-text h3 a:hover {color: #3495da;}
.sptj-item:hover {box-shadow: 1px 3px 15px rgba(0, 0, 0, 0.1);}
.web-footer {width: 100%;background: #efefef; border-top:10px solid #006dba;padding: 30px 0; font-size: 14px;}
.web-footer .footer-box { width:100%;}
.web-footer .footer-box .webs-box {  position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;margin-right: -15px; margin-left: -15px;font-size: 0;}
.web-footer .footer-box .webs-box .web-item-box{ margin:0;}
.web-footer .footer-box .webs-box .web-item-box .web-item { float:left; width:18%; cursor: pointer;margin-right:30px;}
.web-footer .footer-box .webs-box .web-item-box .web-item:nth-of-type(5) {margin-right: 0;}
/*.web-footer .footer-box .webs-box .web-item-box .web-item:nth-of-type(5) {padding-right: 0;}
.web-footer .footer-box .webs-box .web-item-box .web-item:first-of-type {padding-left: 0;}
*/.web-footer .footer-box .webs-box .web-item-box .web-item .content {width: 217px;height: 40px;border: 1px solid #a3a3a3;border-radius: 2px;padding: 0 10px 0 10px;box-sizing: border-box;color: #333;font-size: 14px;line-height: 40px;position: relative;text-align: center;}
.web-footer .footer-box .webs-box .web-item-box .web-item .content::after {content: "";background: url(../images/arrows_1.png) center center no-repeat;background-size: 8px 8px;
transform: rotate(180deg);width: 10px;height: 42px;position: absolute;right: 10px;top: 0;transition: .3s all;}
.web-footer .footer-box .webs-box .web-item-box .active .content::after {transform: rotate(0deg);}
.web-footer .footer-box .webs-box .webs-wrap {position: absolute;width: 100%;bottom:77px;left: 0px;box-sizing: border-box;z-index: 1000;display: none; border:3px solid #006dba;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs-inner {width: 100%;padding: 10px 30px;background: #fff;height: 275px;box-sizing: border-box;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.web-footer .footer-box .webs-box .webs-wrap .web-item-tit-box li {float: left;font-size: 1.4rem;margin: 0 30px;color: #212121;line-height: 60px;position: relative;}
.webs-wrap .close-ico {background: url(../images/close.png) no-repeat center center;background-size: 36px 36px;width: 36px;height: 36px;position: absolute;right: 20px;top: 20px;
cursor: pointer;}
.webs-wrap .close-ico:hover {background: url(../images/close-h.png) no-repeat center center;background-size: 36px 36px;width: 36px;height: 36px;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.web-footer .footer-box .webs-box .webs-wrap .web-item-tit-box li:first-of-type {margin-left: 0;}
.web-footer .footer-box .webs-box .webs-wrap .web-item-tit-box li.active {border-bottom: 3px solid #006dba;color: #006dba;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs {height: calc(100% - 100px);width: 100%;overflow-y: scroll;display: none;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs.open {display: block;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs li {float: left;width: 200px;font-size: 16px;background: #f2f2f2;margin: 5px 23px 5px 0px;padding: 10px 0 10px 20px;box-sizing: border-box;line-height: 18px; border-radius:4px;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs li:hover {background: #3d9bde;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs li:hover a {color: #fff;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs li a {display: inline-block;vertical-align: middle;width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.web-footer .footer-box .webs-box .webs-wrap .links-webs :hover a {color: #2d66a5;}
.links-webs::-webkit-scrollbar {width: 10px;height: 80px;background: #f6f6f6;border-radius: 20px;}
.links-webs::-webkit-scrollbar-thumb {width: 10px;background: #2d66a5;border-radius: 20px;}
.links-webs::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 20px;}
.web-footer .footer-box .webs-box .web-item-box .web-item .links-webs li a {color: #212121;display: block;font-size: 1.25rem;line-height: 40px;}
.web-footer .footer-box .webs-box .web-item-box .web-item-tit-box { height:64px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.web-footer .footer-box .webs-box .web-item-box .web-item-tit-box ul{ margin-bottom:0;}
.web-footer .footer-box .webs-box .web-item-box .web-item-tit-box li {float: left;cursor: pointer;}
.footer-info {font-size: 0.875rem;line-height: 2rem;color: #666666;}
.footer-info span {display: inline-block;}
.app-footer{ margin-bottom: 50px; display:none;}
/*ÊÖ»ú¼æÈÝ*/
@media only screen and (max-width: 1200px) {
.top-bg { width: 100%; height: auto; padding: 0 25px 50px 25px; background-size: cover; background-position: left;}
.head-mid img {border: none; max-width: 100%;}
.logo img{ width:50%;}
.navbar-expand-lg .navbar-nav .nav-link{padding:0.5rem 3.52rem; color:#fff; font-size:1rem;}
.navbar-nav:last-child .nav-link{ border:none;}
.slideBox{height:440px;}
.slideBox .sbd img{ height:440px;}
}
@media only screen and (max-width: 1100px) {
.web-footer{ height:0px;line-height:0px; display:none;}
.app-footer{ margin-bottom:65px; display:block;}
.floorContent {padding: 10px;}
.navList{ margin: 0 auto; }
.navList ul { margin: 0 auto; text-align: center; padding: 0; }
.navList li { width: 25%; padding: 10px 0; display: inline-block;}
.navList li a { display: block; font-size: 14px; color: #999; text-align: center;}
.navList li i { display: block; margin: 0 auto; width: 60%; max-width: 50px;}
.copyright{ background: #006dba; padding:1rem;color: #fff; font-size:1rem; text-align:center;}
.copyright a { padding: 0 5px;}
.copyright i { font-size:1rem; color:#fff;}
.x-app-bottom {position: fixed;top: auto;left: 0;bottom: 0;width: 100%;height:70px; padding:8px 0; border-top:1px solid #2390dd; background:#006dba; z-index:999;}
.app-nav li{ width:25%; float:left;text-align:center; font-size:.95rem;}
.app-nav li i{ display:block; margin:0 auto; font-size:1rem; color:#fff;}
.app-nav li a:hover{color:#fff}
.app-nav li a{color:#fff}
}
@media only screen and  (max-width: 768px){
ul.news-list li span{ display: block; float:none; width:0; display: none;}
ul.news-list .line {height: 0; line-height: normal; margin: 0px; padding:0px; border-bottom:none; background: none;}
}
@media (min-width: 320px) and (max-width:480px) {
.zt-title .hd{ width:120px;}
.zt-title .hd h3{font-size:1.4rem;}
.zt-title .hd i{ width: 8px; height: 23px; margin-top: 12px;}
.head-mid{ padding-top:3.5rem;}
.head-mid img {border: none; max-width:70%;}
.slideBox{height:240px;}
.slideBox .sbd img{ height:240px;}
.slideBox .shd ul li{ margin:12px 5px 0 0; width:12px; height:12px;}
.slideBox .sbd li div h4{width:70%; font-size: .8rem;}
.list li{ font-size:1rem;}
.zc-search .input{width:53%;}
.zc-search select{ width: 30%; }
.h-180{ height:110px;}
.text-h5{ font-size:1rem;}    
 .sptj-item img{height:220px;}  
}