*{margin: 0;padding: 0;}
html,body{margin: 0 !important;padding: 0 !important;width: 100%;background: #F7F5F4;color: #333;overflow-x: hidden;font-size:13px; font-family: microsoft yahei;}
ul{list-style: none;margin: 0;padding: 0;}
a{text-decoration: none;cursor: pointer;color: #333;}
a:hover{color:#009999;text-decoration: underline}
.show{display: block !important;}
.hide{display: none !important;}
/* webkit, opera, IE9 */
::selection { background:#009999; color:white;}
/* mozilla firefox */
::-moz-selection { background:#009999;color:white; }

header{width: 100%;background: #fff;height: 85px;position: fixed;top: 0;z-index: 99;font-size: 15px;}

.top{width: 1200px;height: 100%;margin: 0 auto;}

header .logo{height: 100%;margin: 0 auto;float: left;}
header .logo img{height: 100%;}
header .logo > div.calendar{margin: 0;color: #17559E;position: absolute;top: 50%;right: 20px;margin-top: -54px;}
header .menu{float: right;height: 100%;}
header .menu li{float: left;height: 100%;display: table;position: relative;}
header .menu li > a{text-decoration: none;display: table-cell;vertical-align: middle;padding: 0 18px;}
header .menu li > a + .submenu{display: none;background: #17559E;color: #fff;position: absolute;top:100%;left: 0;z-index: 999;}
header .menu li > a + .submenu a{text-decoration: none;border-bottom: 1px dotted #06C;padding: 0 18px;line-height: 35px;text-align: left;color: #fff;display: inline-block;width: calc(100% - 36px);white-space: nowrap;}
header .menu li.hover > a{background-color: #17559E;color: #fff;}
header .menu li > a + .submenu a:hover{background: #06C;}
header .menu li.hover > a + .submenu,header .menu li > a + .submenu:hover{display: block;}

section{margin: 20px auto; min-height:550px;width: 1200px;overflow: hidden;}

/* 轮播图样式 */
.m_banner{width:100%;margin: 85px 0 10px 0;overflow: hidden;}
.m_banner .banner{position: relative;overflow: auto;text-align: center;width:100%;margin:0 auto;}
.m_banner .banner .dots{position:absolute;left:0;right:0;bottom:5px;z-index:3;}
.m_banner .banner .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.m_banner .banner .dots li.active{background:#fff;opacity:1}
.m_banner .banner .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.m_banner .banner .unslider-arrow.prev > img{left:15px}
.m_banner .banner .unslider-arrow.next > img{right:15px}
.m_banner .banner ul{z-index: 1;width: 600%;overflow: hidden;}
.m_banner .banner ul .slider-item {width:480px; float: left;height:405px; position: relative; overflow: hidden;}
.m_banner .banner ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));width: calc(100% - 30px);}
.m_banner .banner .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60}
.m_banner .banner .unslider-arrow{display: none;}
.m_banner .banner:hover .unslider-arrow{display: block;}

footer{width: 100%;background: #908F8F;text-align: center;color: #fff;font-size: 14px;padding: 20px 0;}
footer > div{width: 1200px;text-align: left;}
footer div{margin: 10px auto 0 auto;}

footer .img-link a{display: inline-block;width: calc(33.333% - 31.66px);height: 90px;margin: 1%;}
footer .img-link a img{width: 100%;height: 100%;}
footer .img-link a + a{margin-left: 20px;}

footer .link-group{display: flex;justify-content : space-between;}
footer .link-group > ul{text-align: center;width: 100%;}
footer .link-group > ul li{text-align: left;padding: 5px 0;position: relative;}
footer .link-group > ul > li:first-child:nth-last-child(2),
footer .link-group > ul > li:first-child:nth-last-child(2)~li{width: calc((100% - 22px)/2);margin-right: 20px;}
footer .link-group > ul > li:first-child:nth-last-child(3),
footer .link-group > ul > li:first-child:nth-last-child(3)~li{width: calc((100% - 43px)/3);margin-right: 20px;}
footer .link-group > ul > li:first-child:nth-last-child(4),
footer .link-group > ul > li:first-child:nth-last-child(4)~li{width: calc((100% - 64px)/4);margin-right: 20px;}
footer .link-group > ul > li:last-child{margin-right: 0 !important;}
footer .link-group > ul > li > a{width: 100%;padding: 10px;display: block;background-color: #716b6b;border-radius: 8px;}
footer .link-group > ul > li{display: inline-flex;text-align: center;float: left;}
footer .link-group > ul > li .caret{display: inline-block;width: 0;height: 0;margin-left: 10px;vertical-align: middle;
    border-right: 6px solid transparent;border-left: 6px solid transparent;border-top: 6px dashed;}
footer .link-group > ul > li.active .caret{border-bottom: 6px dashed;border-top:none;}
footer .link-group > ul > li > a:hover{background-color: #e6e6e6;color: #000;}
footer .link-group .links{visibility: hidden;position: absolute;left: 0;bottom: 100%;padding: 12px 0;max-width: 865px;/*width: max-content;*/display: inline;}
footer .link-group .links ul{overflow: hidden;background: #fff;border: 1px solid #17559E;border-radius: 10px;padding: 10px;}
footer .link-group .links i{position: absolute;height: 16px;width: 16px;bottom: 4px;transform: rotate(45deg);
    border-bottom: 1px solid #17559E;border-right: 1px solid #17559E;background-color: #fff;}
footer .link-group .links li:last-child{margin-right: 0;}
footer .link-group > ul > li.active > a{background-color: #e6e6e6;color: #000;}
footer .link-group > ul > li.active .links{visibility: visible;}
footer .links a{color: #17559E;white-space: nowrap;}
footer .links a:hover{color: red;}
footer a{color: #fff;}
footer a:hover{color: #dadde0;text-decoration: none;}


/*悬浮窗样式*/
.qq{position: relative;z-index: 999;}
.qq #qqclose {
    position: absolute;
    bottom: 60px;
    right: 5px;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    cursor: pointer;
}


@-webkit-keyframes float-down{
    0% {
        bottom:100%;
    }
    100% {
        bottom: 30%;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0.2;
    }
    40% {
        opacity: 0.4;
    }
    60% {
        opacity: 0.6;
    }
    80% {
        opacity: 0.8;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1; /*初始状态 透明度为1*/
    }
    50% {
        opacity: 0; /*中间状态 透明度为0*/
    }
    100% {
        opacity: 0; /*结尾状态 透明度为0*/
        display: none;
    }
}