@font-face{
    src: url(../font/zkqkhyt.woff);
    font-family: 'zkqkhyt';
}
.zkqkhyt{font-family: 'zkqkhyt';}
@font-face{
    src: url(../font/Roboto.TTF);
    font-family: "Roboto";
}
.Roboto{
    font-family: "Roboto";
}
/* 搜索框 */
.search_wrapper{
    background: #fff;
    border-bottom: 4px solid #00736d;
    width: 80%;
    margin: 0 auto;
    padding: 36px 40px 30px 30px;
    position: relative;
    top: -60px;
    z-index: 2;
    box-shadow: 0px 5px 8.64px 0.36px rgba(7, 1, 2, 0.14);
}
.search{
    background: url(../image/search_bg.png) no-repeat right bottom;
    position: relative;
}
.search-text{
    width: 87%;
    height: 41px;
    vertical-align: top;
    padding: 0 15px;
    color: #a3a3a3;
    font-size: 15px;
    background: #f2f2f2;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.search-text::-webkit-input-placeholder{
    color: #a3a3a3;
}
.search-btn{
    width: 12%;
    height: 41px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    font-family: "微软雅黑";
    background: none;
    float: right;
    letter-spacing: 15px;
}

#alert {
  width: 312px;
  position: absolute;
  left: -1px;
  display: none; /* 将ul列表隐藏 */
  width: 100%;
}
 
#alert > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#alert > ul > li {
  border: 1px solid #f5f5f5;
  height: 40px;
  line-height: 40px;
  padding-left: 14px;
  /* border-radius: 5px; */
  background: #fff;
  float: left;
  min-width: 200px;
}
 #alert > ul > li a {}
 #alert > ul > li a span {
    display: inline-block;
    min-width: 50px;
}
#alert > ul:last-child {
  /* border-bottom: 1px solid #000; */
}




/*---------------------------- 头部开始 ----------------------------*/
.header_main{
    background: url(../image/header_bg.png) no-repeat 580px bottom;
    padding: 15px 0;

}
/* .header-link{
    margin-top: 20px;
}
.header-link li{
    float: left;
    margin-right: 25px;
    background-color: #a0a0a0;
    transition: all .3s;
}
.header-link li:hover{
    background: #007a76;
}

.header-link li:first-child a{
    background: url(../img/top_link1.png) no-repeat 10px center;
}
.header-link li a{
    padding-left: 35px;
    padding-right: 20px;
    display: block;
    color: #fff;
    line-height: 55px;
} */
.footer_code{
    margin-top: 10px;
    margin-left: 13px;
    width: 300px;
}

/* 导航 */
.nav{
    background: #007a76;
    min-width: 1100px;
    box-shadow: 0px 10px 18.69px 2.31px rgba(0, 0, 0, 0.16);
}
.nav_ul{
    width: 100%;
    display: table;
    table-layout: fixed;
}
.nav_ul>li{
    display: table-cell;
    text-align: center;
    position: relative;
    padding: 22px 0;
}
.nav_ul>li>a{
    display: block;
    color: #fff;
    line-height: 20px;
    border-left: 1px solid #fff;
}
.nav_ul>li:first-child a{
    border: none;
}

/* 二级导航 */
.hasSub:hover .nav_ul_2{
    display: block;
}
.nav_ul_2{
    position: absolute;
    min-width: 100%;
    display: none;
    z-index: 9;
}
.nav_ul_2>li {
    background: #007a76;
    position:relative;
}
.nav_ul_2>li:hover{
    background: #038a85;
}
.nav_ul_2>li>a{
    display: block;
    color: #fff;
    line-height: 40px;
}
.nav_ul_2>li:hover .nav_ul_3{
  display:block;
}
.nav_ul_3{
  position: absolute;
    min-width: 100%;
    display: none;
    z-index: 9;
    left:100%;
    top:0;
}
.nav_ul_3>li{
   background: #007a76;
} 
.nav_ul_3>li a{
   display: block;
    color: #fff;
    line-height: 40px;
}
.nav_ul_3>li:hover{
    background: #038a85;
}
/*---------------------------- 头部结束 ----------------------------*/

.goback {
float: right;line-height: 24px !important;padding: 0px 10px;margin: 13px 10px 0 0;border-radius: 3px;border: 1px solid #999;color: #666!important;
}

/*---------------------------- 尾部开始 ----------------------------*/
.footer{
    background: url(../image/footer_bg.png);
    background-color: #007a76;
    min-width: 1100px;
}

.footer_main{padding: 40px 0;}
/* 联系我们 */
.contact{border-right: solid #7e9a76 1px;}
.contact img{display: inline-block;}
.contact_text{display: inline-block;height: 71px;margin-left: 20px;}
.contact_text p{color: #fefefe;font-size: 13px;line-height: 23px;text-align: left;}
.dz{padding-top: 11px;}
/* 二维码 */
.footer_code ul{width: 100%;display:table;table-layout: fixed;}
.footer_code ul li{display: table-cell;text-align: center;}
.footer_code ul li p{font-size: 13px;text-align: center;}
.footer_code ul img{display: inline-block;width: 100%;width: 75px;}
/* 版权 */
.footer_bottom{background: #313131;text-align: center;min-width: 1100px;}
.footer_bottom p,.footer_bottom a{font-size: 13px;color: #fefefe;line-height: 30px;}
.footer_bottom img{display: inline-block;line-height: 30px;vertical-align: text-bottom;margin: 0 5px;}
/*---------------------------- 尾部开始 ----------------------------*/

@media screen and ( min-width: 1600px ) {
    .w{width: 1600px;max-width: 1600px;}
    .header_main{background: url(../image/header_bg.png) no-repeat 880px bottom;}
}


.fadeInRight {
  animation-name: fadeInRight;
  -webkit-animation: fadeInRight;
  -moz-animation: fadeInRight;
  -ms-animation: fadeInRight;
  -o-animation: fadeInRight;
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
.fadeInLeft {
  animation-name: fadeInLeft;
  -webkit-animation: fadeInLeft;
  -moz-animation: fadeInLeft;
  -ms-animation: fadeInLeft;
  -o-animation: fadeInLeft;
}
.fadeInTop {
  animation-name: fadeInTop;
  -webkit-animation: fadeInTop;
  -moz-animation: fadeInTop;
  -ms-animation: fadeInTop;
  -o-animation: fadeInTop;
}
.flipInY{
  animation-name: flipInY;
  -webkit-animation: flipInY;
  -moz-animation: flipInY;
  -ms-animation: flipInY;
  -o-animation: flipInY;
}
@keyframes fadeInRight {
  from {opacity: 0;-webkit-transform: translate(1000px, 0);-moz-transform: translate(1000px, 0);-ms-transform: translate(1000px, 0);-o-transform: translate(1000px, 0);transform: translate(1000px, 0);}
  to {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
}
@keyframes fadeInTop {
  from {opacity: 1;-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
  to {opacity: 0;-webkit-transform: translate(0, -500px);-moz-transform: translate(0, -500px);-ms-transform: translate(0, -500px);-o-transform: translate(0, -500px);transform: translate(0, -500px);}
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
    100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
  100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes fadeInUp{
  0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
  100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;}

@keyframes fadeInLeft {
  from {opacity: 0;-webkit-transform: translate(-1000px, 0);-moz-transform: translate(-1000px, 0);-ms-transform: translate(-1000px, 0);-o-transform: translate(-1000px, 0);transform: translate(-1000px, 0);}
  to {opacity: 1;-webkit-transform: translate(0px, 0);-moz-transform: translate(0px, 0);-ms-transform: translate(0px, 0);   -o-transform: translate(0px, 0);transform: translate(0px, 0);}
}
@keyframes flipInY  {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}
/* ---------------------动画结束--------------------- */
  /* ---------------------动画结束--------------------- */