* { margin: 0; padding: 0; }

html, body { height: auto; width: 100%; font-family: "microsoft yahei"; }

img { display: block; border: none; }

li { list-style: none; }

a { text-decoration: none; }

div, input, a, span, p { outline: none; border: none; }

@-webkit-keyframes mytop { 0% { transform: translate(0, -100%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
@-webkit-keyframes mybot { 0% { transform: translate(0, 100%); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
@-webkit-keyframes myleft { 0% { transform: translate(-100%, 0); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
@-webkit-keyframes myright { 0% { transform: translate(100%, 0); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
@-webkit-keyframes mywave { 0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(1.3); opacity: 0; } }
@-webkit-keyframes mydoudong { 0% { transform: scale(1); }
  50% { transform: scale(0.9); }
  100% { transform: scale(1); } }
@-webkit-keyframes myxz { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.mytop { animation: mytop 1s; animation-fill-mode: forwards; }

.mybot { animation: mybot 1s; animation-fill-mode: forwards; }

.myleft { animation: myleft 1s; animation-fill-mode: forwards; }

.myright { animation: myright 1s; animation-fill-mode: forwards; }

.myxz { animation: myxz 1s; animation-fill-mode: forwards; }

.yc_01 { animation-delay: 0.3s; }

.yc_02 { animation-delay: 0.6s; }

.yc_03 { animation-delay: 0.9s; }

.yc_04 { animation-delay: 1.2s; }

.wrap { width: 100%; min-width: 1200px; height: auto; margin: 0 auto; position: relative; overflow: hidden; }
.wrap img { width: 100%; height: auto; }
.wrap .kst { cursor: pointer; }


.wrap .nav {     height: 50px;
    line-height: 50px;
    width: 960px;
    margin: 0 auto;
    background: #115aab; }
.wrap .nav nav { width: 1200px; height: 100%; margin: 0 auto; position: relative; display: flex; }
.wrap .nav nav .nav_list { width: 260px; height: 50px; background: #6d3a1c; }
.wrap .nav nav .nav_list .nav_list_top { width: 100%; height: 50px; text-align: center; line-height: 50px; font-size: 20px; color: #fff; cursor: pointer; display: flex; justify-content: center; }
.wrap .nav nav .nav_list .nav_list_top p { width: 17px; height: 8px; margin-top: 23px; margin-left: 10px; background: url(../images/nav_jt.png) no-repeat; }
.wrap .nav nav .nav_list .nav_list_item { position: absolute; left: 0; top: 50px; height: 80px; width: 1130px; padding: 0 35px; background: #efefef; z-index: 3; display: none; }
.wrap .nav nav .nav_list .nav_list_item a { display: block; width: 80px; height: 60px; padding: 10px 0; }
.wrap .nav nav .nav_list .nav_list_item a p { width: 100%; height: 28px; }
.wrap .nav nav .nav_list .nav_list_item a span { display: block; width: 100%; height: 30px; text-align: center; line-height: 30px; font-size: 12px; color: #6d3a1c; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(1) p { background: url(../images/nav_list_01.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(2) p { background: url(../images/nav_list_02.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(3) p { background: url(../images/nav_list_03.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(4) p { background: url(../images/nav_list_04.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(5) p { background: url(../images/nav_list_05.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(6) p { background: url(../images/nav_list_06.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(7) p { background: url(../images/nav_list_07.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(8) p { background: url(../images/nav_list_08.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(9) p { background: url(../images/nav_list_09.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(10) p { background: url(../images/nav_list_10.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(11) p { background: url(../images/nav_list_11.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(12) p { background: url(../images/nav_list_12.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(13) p { background: url(../images/nav_list_13.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(14) p { background: url(../images/nav_list_14.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(15) p { background: url(../images/nav_list_15.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(16) p { background: url(../images/nav_list_16.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:nth-child(17) p { background: url(../images/nav_list_17.png) no-repeat center; }
.wrap .nav nav .nav_list .nav_list_item a:hover p { transform: scale(1.1); }
.wrap .nav nav .nav_list:hover .nav_list_item { display: flex; }
.wrap .nav nav ul { display: inline-flex; width: auto; height: 100%; margin-right: 20px; }
.wrap .nav nav ul li { width: 104px; height: 100%; position: relative; }
.wrap .nav nav ul li a { display: block; width: 100%; height: 100%; color: #fff; line-height: 50px; font-size: 16px; z-index: 3; overflow: hidden; display: flex; justify-content: center; position: relative; }
.wrap .nav nav ul li a.nav_active { background: #6d3a1c; }
.wrap .nav nav ul li a.nav_active:after { content: ''; }
.wrap .nav nav ul li a:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ''; background: #6d3a1c; opacity: 0; z-index: -1; }
.wrap .nav nav ul li a:hover:before { animation: mybot 1s; animation-fill-mode: forwards; }
.wrap .nav nav ul li:before { position: absolute; right: 0; top: 15px; width: 1px; height: 20px; background: #6d3a1c; content: ''; }
.wrap .nav nav ul li:nth-last-child(1):before { content: ''; display: none; }
.wrap .nav nav ul li:nth-last-child(1) a:after { content: ''; }
.wrap .nav nav .search { width: 180px; height: 22px; border-radius: 11px; overflow: hidden; background: #fff; margin-top: 16px; position: relative; }
.wrap .nav nav .search .search_txt { display: block; width: 100%; height: 100%; border: none; line-height: 22px; text-indent: 12px; font-size: 13px; }
.wrap .nav nav .search .search_btn { position: absolute; right: 10px; top: 4px; width: 18px; height: 14px; background: url(../images/search_btn.png) no-repeat center; cursor: pointer; border-left: 1px solid #6d3a1c; }
.wrap .footer { width: 100%; height: 138px; background: #f9f9f9; }
.wrap .footer footer { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.wrap .footer footer .footer_nr { width: 600px; height: 90px; padding: 24px 15px; padding-right: 150px; }
.wrap .footer footer .footer_nr p { height: 30px; line-height: 30px; font-size: 12px; color: #8a684d; display: flex; justify-content: center; }
.wrap .footer footer .footer_nr p i { display: block; width: 18px; height: 20px; margin: 0 5px; margin-top: 5px; }
.wrap .footer footer .footer_gswj { width: 95px; height: 138px; background: url(../images/footer_gswj.png) no-repeat center; }
.wrap .footer footer .footer_tel { width: 270px; height: 138px; background: url(../images/footer_tel.png) no-repeat center; }
.wrap .footer footer .footer_br { width: 1px; height: 120px; margin-top: 9px; background: #bdbdbd; }

/*# sourceMappingURL=hd_ft.css.map */