﻿
*,*::after,*::before{box-sizing:border-box;}
*:focus { outline: none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;-webkit-font-smoothing:antialiased;}
html{-webkit-text-size-adjust:none; }
body{
    position: relative;
*overflow-x:hidden;                 background-color: #ffffff;
    color: #333;
    font-size: 16px;
    font-family: "Microsoft YaHei", "PingFang SC", apple-system, "Helvetica Neue", "Source Han Sans SC","WenQuanYi Micro Hei", sans-serif,Arial;
    min-width: 1250px;
}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
img{vertical-align:middle;border:0}
em,i{font-style: normal;}
figure{margin:0;padding:0;background:none;}
svg{display: block;}
blockquote:before,
blockquote:after,
q:before,
q:after{content:'';content:none;}
a{text-decoration:none;color:#333;} 
a:hover{color:#4d1b1b;text-decoration:none;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#4d1b1b; color:#fff;}
::-moz-selection { background:#4d1b1b; color:#fff;  }
::-webkit-selection { background:#4d1b1b; color:#fff;  }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.clearfix:after {
    content: '\20';
    display: block;
    height: 98px;
    clear: both;
}
.clearfix { *zoom:1;}
::-webkit-scrollbar { height:11px; width:11px }
::-webkit-scrollbar-button { height:0; width:0 }
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment { display:block }
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement { display:none }
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{ background-clip:padding-box; background-color:#fff;}
::-webkit-scrollbar-thumb { -webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07); background-clip:padding-box; background-color:rgba(0,0,0,.2); min-height:28px; padding-top:100}
::-webkit-scrollbar-thumb:hover { -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25); background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active { -webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35); background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,
::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal { border-width:0;}
::-webkit-scrollbar-track:hover { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1); background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active { -webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07); background-color:rgba(0,0,0,.05)}

.g-in {
    width: 1250px;
    margin: 0 auto;
}

.header {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 88;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #D09E5F;
    border-top-width: 0px;
    right: 0px;
    ;
}
.header .g-in {
    display: block;
    justify-content: space-between;
    align-items: flex-start;
}
.header-bg {
    background-color: #F3EFEF;
}

.logo {
    width: 300;
    margin-left: 30px;
    float: left;
    margin-top: 0px;
}
.nav {
    font-size: 18px;
    }
.nav li {
    float: left;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 0px;
   
}
.nav li a {
    position: relative;
    display: block;
    padding: 0;
    color: #DDB480;
        line-height: 60px;
}
.nav li a:hover {
    color: #db241c;
    
}
.nav li.on a::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #DDB480;
    content:""  
}

.other { position: absolute; right: 0; top: 0; }
.other li { float: left; height: 98px; height: 98px; border-left: 1px solid #ad6666; }
.other .other-search { position: relative; }
.other .other-search i { display: block; width: 108px; height: 98px; background: url(search-form-sbt.png) no-repeat center; cursor: pointer; }
.other .other-search .search-form { position: absolute; top: 98px; right: 0; width: 360px; height: 50px; background-color: #fff; display: none; }
.other .other-search .search-form input[type="text"] { width: 300px; height: 50px; margin: 0; padding: 0 15px; border: 0; background-color: #fff; }
.other .other-search .search-form input[type="submit"] { width: 60px; height: 50px; margin: 0; padding: 0; border: 0; background-color: #87262d; color: #fff; text-align: center; cursor: pointer; }
.other .other-search:hover .search-form { display: block; }
.other .other-tm a { display: block; padding: 28px 25px 0; color: #fff; font-size: 14px; }
.other .other-tm i { display: block; width: 31px; height: 15px; margin: 0 auto 10px; background: url(tm.png) no-repeat; }

.banner { position: relative; overflow: hidden; }
.banner .swiper-container img { width: 100%; height: auto; }
.banner .swiper-container .swiper-pagination {
    left: 4px!important;
    bottom: -6px!important;
    width: 100%!important;
    transform: translateY(-50%);
    text-align: center;
}
.banner .swiper-container .swiper-pagination-bullet { display:inline-block; width:12px; height:12px; margin: 0 6px!important; border-radius: 12px; background-color: #fff; line-height:12px; vertical-align: top; opacity: .6; }
.banner .swiper-container .swiper-pagination-bullet-active { width:34px!important; opacity: 1; }

.footer { background: url(footer.jpg) no-repeat center bottom #fff; color: #848484; }
.footer a { color: #848484; }
.footer a:hover { color: #000; }
.ft-nav { position: relative; min-height: 376px; padding: 38px 0; text-align: center; }
.ft-nav dl { position: relative; display: inline-block; padding: 26px 33px 0; line-height: 28px; z-index: 1; text-align: left; vertical-align: top; }
.ft-nav dl dt { margin-bottom: 18px; font-size: 18px; }
.ft-nav dl:nth-child(3) { margin-left: 555px; }

.ft-qr { position: absolute; left: 50%; top: 38px; width: 350px; transform: translateX(-50%); }

.link { padding: 18px 0; border-bottom: 1px solid #ededed; line-height: 24px; }
.link span { color: #87262d; }
.copyright { padding: 28px 0 20px; border-top: 1px solid #ededed; text-align: center; font-size: 16px; line-height: 30px; }
