@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; }
td, th { padding: 0; margin: 0; }
table { border-spacing: 0; border-collapse: collapse; }
* { padding: 0; margin: 0; }
body, table, td, tr, th, input, select { font: 14px/25px Arial, Helvetica, sans-serif; color: #333; font-family: "Microsoft YaHei"; }
li { list-style: none; }
img { padding: 0; margin: 0; border: 0; height: auto!important; max-width: 100%!important; max-height: auto!important;image-rendering: -webkit-optimize-contrast;}
a { color: #333; text-decoration: none }
a:hover, a:focus {color:#9f090e; ; text-decoration: none }
.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; font-weight: normal }
h2 { font-size: 24px; line-height: 36px; font-weight: normal }
h3 { font-size: 20px; font-weight: normal }
h4 { font-size: 18px; font-weight: normal }
h5 { font-size: 20px; font-weight: normal }
h6 { font-size: 15px; font-weight: normal }
/*清除浮动*/
.clearfix:after { clear: both; display: block; content: ''; }
.clearfix { zoom: 1; }
/*********************/
.container { margin: auto; width: 100%; max-width: 1200px; padding: 40px 0; overflow: hidden; }
@media (max-width:1190px) {
.container{width: 96%; margin: 0 auto;overflow: hidden;}
}
.skinw { width: 100%; max-width: 1200px; margin: 0 auto; }
.wrapper{width: 100%; max-width: 1200px; margin: 0 auto;}


/*Header*/
.header {width: 100%;height: 120px;position:fixed;z-index:50;background: rgba(255, 255, 255, 0.89);border-bottom: 1px solid #f0f0f0;}
.top-mid{overflow: hidden;}
.logo {float: left;margin-left: 50px;}
.logo img{max-height:110px;display: block;}
.h_dw {font-size: 18px;color: #333333;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: 28px;color:#a54c00;}

.top_tel{font-size: 16px;color:#2d2d2d;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: 16%;}
.top_tel i{font-size:24px;color:#414141;font-family:Arial;font-weight: normal;}

.Navlist {float: right;margin-top: 45px;margin-right: 50px;}
.Navlist li {float: left;font-size:20px;line-height: 50px;position: relative; }
.Navlist li a { color: #333333; text-decoration: none; display: block; padding: 0 20px; }
.Navlist li.cur a, .Navlist li:hover a{font-weight:bold;}
.item2 {display: none;}
.Navlist li:hover ul { width:100%; display: block;z-index: 999; position: absolute; }
.Navlist li ul li { width: 100%; font-size: 14px; line-height: 20px; padding: 10px 0; background: rgba(0, 0, 0, 0.6); }
.Navlist li li a { padding: 0; text-align: center; color: #fff }
.Navlist li ul li:hover { background:#a54c00}
.Navlist li ul li:hover a { color: #fff }

.swiper-container img{display: block;max-width: 100%;}
@media (max-width: 1443px) {
.top_tel{width: 260px; }
}
@media (max-width: 1426px) {
.logo{margin-left:30px;}
.top_tel{width: 260px; }
.Navlist{margin-right: 30px;}
.Navlist li a{padding: 0 15px;}
}
@media (max-width:1316px) {
.h_dw{width: 230px;font-size: 14px;}
.h_dw b{font-size:25px;}
.top_tel{width: 260px; }
}
@media (max-width:1246px) {
.Navlist li{font-size: 18px;}
}
@media (max-width: 1190px){
.logo{margin-left:10px;}
.Navlist{margin-right:10px;}
.Navlist li {font-size: 16px;}
.Navlist li a {padding: 0 10px;}
}

/*------------手机站导航开始----------*/
.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: #221e1f;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: #221e1f; 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; }
}


/*------------footer----------*/
.footer {background:#333;height:auto;padding-top: 68px;overflow: hidden;}
.f_menu {width: 31%;padding-top: 10px;}
.f_menu a{float:left;font-size:15px;line-height:32px;width:50%;color:rgba(255, 255, 255, .45);display:block;transition:.3s ease;-o-transition:.3s ease;}
.f_menu a:before{content:"- ";}
.f_menu a:hover { color: rgba(255, 255, 255, .8); }
.f_contact {width: 25%;height: 205px;}
.f_contact li { margin-bottom: 34px; }
.f_contact li img { width: 52px; height: 52px; float: left; margin-right: 17px; }
.f_contact li span { font-size: 14px; display: block; color: #fff; line-height: 26px; }
.f_contact li span:last-child { color: rgba(237, 237, 237, .45); }
.f_tel {width: 22%;}
.f_tel span { display: block; font-size: 14px; color: rgba(255, 255, 255, .45); line-height: 1; }
.f_tel strong { display: block; font-size: 29px; color: #DCDCDC; line-height: 1; margin-top: 7px; margin-bottom: 39px; }
.f_qr { line-height: 0; }
.f_qr p{float: left; margin-left: 15px;}
.f_qr img { width:120px;background: rgba(255, 255, 255, 1); border-radius: 10px; box-sizing:border-box; padding:4px;}
.f_qr span { display: block; font-size: 14px; color: #fff; line-height: 1; text-align: center; margin-top: 13px; }
.f_info { clear: both; border-top: 1px solid rgba(244, 244, 244, .1); color: #fff;text-align: center;}
.f_info span, .f_info a { color: rgba(255, 255, 255, .25); line-height: 76px; margin-right:12px; transition: .3s ease; -o-transition: .3s ease; }
.f_info a:hover { color: rgba(255, 255, 255, .8); }

@media (max-width: 1190px) {
.footer .skinw{width: 96%; margin: auto;overflow: hidden;}
}
@media (max-width:860px) {
.f_menu{display: none}
.f_qr{display: none}
.f_contact{width: 50%}
.f_tel{width: 50%}
.f_info span, .f_info a{line-height:30px;}
}
@media (max-width:767px){
.footer{    padding-top:28px;}
.f_contact{display: none}
.f_tel{display: none}	
}