@charset "gb2312";
/* CSS Document */
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;}
.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;}
.footer-site-map {padding: .875rem 0;}
.footer-site-map a { color: #333; font-size: 0.875rem;}
.footer-site-map a:hover {color: #2da6fd;}
.footer-site-map li { display: inline-block; padding: 0 .5rem;}
/*ÊÖ»ú¼æÈÝ*/
@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:1.2rem; color:#fff;}
.app-nav li a:hover{color:#fff}
.app-nav li a{color:#fff}
.mail-table td:nth-child(3){display:block;}
}