@charset "utf-8";
/* CSS Document */
body, div, span, ul, li, h1, h2, h3, h4, h5, h6, p, input, dl, dt, dd, p { margin: 0; padding: 0; border: 0; }
body{overflow-x: hidden;}
td, th {padding: 0;margin: 0;}
table {border-spacing: 0;border-collapse: collapse;}
* { padding: 0; margin: 0; /*box-sizing: border-box;*/ } 
body, table, td, tr, th, input, select { font: 14px/25px Arial, Helvetica, sans-serif; color: #333; font-family:'Microsoft YaHei',Helvetica;}
li { list-style: none; }
img {padding: 0;margin: 0;border: 0;height: auto!important;max-width: 100%!important;image-rendering: -webkit-optimize-contrast;}
.clear { clear: both; visibility: hidden; }
a { color: #666; text-decoration: none }
a:hover{color: #57391f;}
.fl { float: left; }
.fr { float: right; }
i, cite, em { font-style: normal }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; outline: none }
h1 { font-size: 34px; line-height: 45px; }
h2 { font-size: 24px; line-height: 36px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 20px; }
h6 { font-size: 15px; }


/*********************/
.skinw { width: 100%; max-width: 1300px; margin: 0 auto; }
.wrapper{width: 100%; max-width: 1300px; margin: 0 auto;}
.container { margin: auto; width: 100%; max-width: 1200px; padding: 40px 0; overflow: hidden; }
@media (max-width:1299px) {
.skinw{width: 95%;}
.container{width: 95%; margin: 0 auto;overflow: hidden;}
}

/*Header*/
.header {width: 100%;height: 120px;position:fixed;z-index:50;background: #111e47;border-bottom:1px solid #0c1c4c;}
.top-mid{overflow: hidden;}
.logo {float: left;margin-left: 50px;margin-top: 5px;}
.logo img{max-height:110px;display: block;}
.h_dw {font-size: 16px;color: #ffffff;width: 300px;line-height:30px;float: left;padding: 28px 0 0 22px;background: url(../images/t_line.png) no-repeat 0 28px;margin-left:15px;}
.h_dw b {display: block;font-size: 26px;color: #d8b364;}

.top_tel{font-size: 16px;color: #ffffff;position: absolute;top: 10px;right: 0;background: url(../images/tel.png) no-repeat 0 50%;padding: 0 0 0 30px;height: 36px;line-height: 36px;overflow: hidden;width: 270px;margin-right: 70px;}
.top_tel i{font-size:24px;color: #d8b364;font-family:Arial;font-weight: normal;}

.Navlist {float: right;margin-top:50px;margin-right: 50px;}
.Navlist .navbar-nav > li {float: left;font-size:16px;line-height: 70px;position: relative;}
.Navlist .navbar-nav > li > a {color: #fff;text-decoration: none;display: block;padding: 0 30px;}
.Navlist .navbar-nav > li.cur > a {color: #d5ad58;}
.Navlist .navbar-nav > li > a:hover {color: #d5ad58;}
.caret {display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-top:4px solid\9;border-right:4px solid transparent;border-left:4px solid transparent;}
.item2 { display: none;}
.Navlist .navbar-nav > li:hover .item2{width:120%;display: block;z-index: 999;position: absolute;box-shadow: 0px 0px 5px rgba(0,0,0,0.5);left:-10%;}
.item2 > li {font-size:15px;line-height:25px;padding: 8px 0;background:#FFF;}
.item2 > li a {display:block;padding:3px 20px;text-align:center;color:#2b2b2b;font-size: 13px;}
.item2 > li:hover {background: #d5ad58;}
.item2 > li:hover a {color:#fff; font-weight:normal;}
.m_Nav { display: none }

@media only screen and (max-width:1538px) {
.Navlist .navbar-nav > li > a{padding: 0 20px;}
}
@media only screen and (max-width:1378px) {
.h_dw {width: 230px;font-size: 13px;}
.h_dw b {font-size: 22px;}
}
@media only screen and (max-width:1308px) {
.logo{margin-left: 30px;}
.top_tel{margin-right: 40px;}
.Navlist{margin-right: 30px;}
.Navlist .navbar-nav > li > a{padding: 0 15px;}
}
@media only screen and (max-width:1188px) {
.logo{margin-left:20px;}
.top_tel{margin-right: 30px;}
.Navlist{margin-right: 20px;}
.Navlist .navbar-nav > li > a{padding: 0 10px;}
.Navlist .navbar-nav > li{font-size: 14px;}
.Navlist .navbar-nav > li:hover .item2{display: none}
}
.swiper-container{padding-top: 120px;}
.swiper-container img{display:block; width:100%!important;image-rendering:pixelated;}

/*------------手机站导航开始----------*/
.hidden-g{display: none;}
.hidden-g { position: relative; }
.hidden-g .h-nav-g { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 60px; background: #fff; transition: 300ms; -webkit-transition: 300ms; }
.hidden-g .h-nav-g img { max-height: 96%; margin-left: 15px; }
.hidden-g .h-nav-g .btn_i {display: block; position:absolute;right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform:translateY(-50%); }
.hidden-g .h-nav-g .btn_i small, .hidden-g .h-nav-g .btn_i:before, .hidden-g .h-nav-g .btn_i:after {display: block;content: '';width:24px;height:2px;background: #d5ad58;border-radius: 4px;margin: 6px 0;}
.hidden-g .h-nav-g .btn_i_click small { opacity: 0; }
.hidden-g .h-nav-g .btn_i_click:before { transform: rotateZ(45deg); transform-origin: 0px 6px; }
.hidden-g .h-nav-g .btn_i_click:after { transform: rotateZ(-45deg); transform-origin: 5px -1px; }
.hidden-g .ul-small {background: #d5ad58;width:220px;height:100%;position:fixed;right:0;top:0;z-index:100;-webkit-transition:300ms;-webkit-transform:translateX(220px);transform:translateX(220px);transition:300ms;}
.hidden-g .ul-small input { width: 160px; line-height: 40px; background: #fff; border: 0; border-radius: 20px; margin: 20px 30px 0 30px; text-indent: 10px; }
.hidden-g .ul-small ul { margin-top: 20px; }
.hidden-g .ul-small ul li a { color: #fff; padding-left: 30px; padding-right: 30px; line-height: 50px; display: block; }
.hidden-g .translate {-webkit-transform: translateX(-220px);  transform: translateX(-220px); }
.hidden-g .translate2 {-webkit-transform: translateX(0); transform: translateX(0);  }

@media (max-width: 1024px) {
.header{ display: none; }
.hidden-g{display: block;}
.swiper-container{padding-top: 60px;}
.swiper-button-next, .swiper-button-prev{height:0;}
}


/*NY-BANNEE*/
.nyban{display: block;padding-top:120px;overflow: hidden;}
.nyban img{width: 100%; display: block;}
@media (max-width: 1024px) {
.nyban{padding-top: 60px;}
}

/*底部*/
.footer {overflow: hidden;color: #fff;background:url(../images/indexfbot_bg.jpg)no-repeat center;background-size: cover;}
.fnav {width: 25%;overflow: hidden;margin-top: 60px;float: left;}
.fnav h3 {height: 45px;line-height: 45px;background: url(../images/f_dhico.png) no-repeat left center;padding-left: 36px;color: #ffffff;box-sizing: border-box;font-size: 20px;font-weight: normal;margin-bottom: 30px;border-bottom: 1px solid #3e3e3e;}
.fnav ul li {display: block;color: #fff;float: left;line-height: 30px;width: 50%;margin-bottom: 15px;}
.fnav ul li a {display: block;opacity: 0.8;font-size: 14px;color: #fff;padding-right: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.fcon {width: 37%;overflow: hidden;margin-top: 60px;float: left;padding: 0 10%;}
.fcon h3 {height: 45px;line-height: 45px;background: url(../images/f_lxico.png) no-repeat left center;padding-left: 36px;color: #ffffff;box-sizing: border-box;font-size: 20px;font-weight: normal;margin-bottom: 30px;border-bottom: 1px solid #3e3e3e;}
.fcon li {margin-bottom: 20px;opacity: 0.8;font-size: 18px;width: 50%;float: left;word-wrap: break-word;}
.fcon li b {font-weight: normal;font-size: 14px;display: block;line-height: 30px;}
.fcode {width: 18%;overflow: hidden;margin-top: 60px;float: left;}
.fcode h3 {height: 45px;line-height: 45px;background: url(../images/f_ewmico.png) no-repeat left center;padding-left: 36px;color: #ffffff;box-sizing: border-box;font-size: 20px;font-weight: normal;margin-bottom: 30px;border-bottom: 1px solid #3e3e3e;}
.fcode p {max-width: 144px;margin-bottom: 18px;overflow: hidden;}
.fcode p em {max-width: 130px;display: block;padding: 6px;border: 1px solid #7f7f7f;border-radius: 0.3rem;}
.fcode img {display: block;width: 100%;}
.fcode p span {display: block;margin-top: 10px;color: #ffffff;line-height: 16px;text-align: center;}
.copyright {margin-top: 50px;border-top: 1px solid #4b4a4f;line-height: 30px;color: #fffefe;padding: 20px 0;opacity: 0.5;background: #000;}
.copyright a {color: #dcdcdc;}
.copyright a:hover {color: #7ba943;}
.copyright em {padding: 0 10px;}

/*Link*/
.Link{width: 100%;overflow: hidden;height:auto;line-height: 49px;background-color: #222;padding: 8px 0;}
.Link .tit {width: 79px; display: block;float: left;margin-top: 8px;}
.Link .bd{margin-left: 100px;}
.Link .bd a{margin-right:30px;color: #fff;display: inline-block;line-height: 35px;opacity: 0.7;}

@media only screen and (max-width:1199px) {
.footer .skinw {width: 95%;margin: auto;}
}
@media only screen and (max-width:767px) {
.fnav, .fcon, .fcode {width: 100%;padding: 0;}
}
@media only screen and (max-width:560px) {
.Link {display: none}
}

