html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0; max-width:991px; margin:0 auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0 }
[hidden], template {
display:none
}
a { background: transparent }
a:active, a:hover { outline: 0 }
abbr[title] { border-bottom: 1px dotted }
b, strong { font-weight: bold }
dfn { font-style: italic }
h1 { font-size: 2em; margin: .67em 0 }
mark { color: #000; background: #ff0 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -.5em }
sub { bottom: -.25em }
img { border: 0 }
svg:not(:root) { overflow: hidden }
figure { margin: 1em 40px }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 }
pre { overflow: auto }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }
button, input, optgroup, select, textarea { font: inherit; margin: 0; color: inherit }
button { overflow: visible }
button, select { text-transform: none }
button, html input[type='button'], input[type='reset'], input[type='submit'] { cursor: pointer; -webkit-appearance: button }
button[disabled], html input[disabled] { cursor: default }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
input { line-height: normal }
input[type='checkbox'], input[type='radio'] { box-sizing: border-box; padding: 0 }
input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
height:auto
}
input[type='search'] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield }
input[type='search']::-webkit-search-cancel-button, input[type='search']::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { margin: 0 2px; padding: .35em .625em .75em; border: 1px solid #c0c0c0 }
legend { padding: 0; border: 0 }
textarea { overflow: auto }
optgroup { font-weight: bold }
table { border-spacing: 0; border-collapse: collapse }
td, th { padding: 0 }
* { box-sizing: border-box }
*:before { box-sizing: border-box }
html { font-size: 10px; -webkit-tap-highlight-color: transparent }
body { font-family: Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-self; font-size: 14px; line-height: 1.42857143; color: #000; background-color: #ffffff }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit }
a { color: #000; text-decoration: none }
a:hover, a:focus { color: #9b1015; text-decoration: none }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee }
h1,h2,h3,h4,h5,p{ padding:0; margin:0; font-weight:normal;}
ul, ol { margin:0; padding:0; }
ul,li,ol,dl,dd,dt{ list-style-type:none;}
ul ul, ul ol, ol ul, ol ol { margin: 0 }
.clearfix:before, .clearfix:after{ content: ""; display: table }
.clearfix:after { clear: both }
.affix { position: fixed }
@-ms-viewport {
width:device-width
}
a:focus { text-decoration: none; outline: none }
body { font-family: "微软雅黑", Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-self }

.wrapper{ max-width:991px; margin:0 auto; width:100%; height:auto; position:relative;}
body.menu-on { overflow: hidden }
/* 页顶导航菜单 */
.fix_top{ width: 100%; margin:0 auto; display:block; z-index:444;}
.iconfont { font-family: "iconfont"; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.fix_top { position: fixed; top: 0px; width: 100%; max-width:991px; height: auto; overflow: hidden; z-index: 2; border-top:10px solid #9b1015;}
.fixed_more_nav { width: 100%; max-width:991px; height: auto; background: #fff; position: relative;  border-bottom:1px solid #e1e1e1;}
.fix_top .page_title { text-align: center; line-height: 104px; font-size: 28px; color: #333; }
.fix_top .logo { display: inline-block; position:relative; width:50%; height:100px; left:25%; top:0px; text-align:center; }
.fix_top .logo img { height: 100%; width:auto; max-width:100%; }
.tool_box { position: absolute; left: 20px; top:50%; margin-top:-18px; width: 40px; height: 40px; overflow: visible;}
.tool_box a{ display: block; width: 40px; height: 40px; overflow: hidden; line-height: 40px; text-align: center;}
.top_nav { width: 50%; height:95%; overflow-y:scroll; background:rgba(47,47,47,0.9); padding:6px 17px; box-sizing:border-box; padding-bottom:60px; position:fixed; top:110px; left:0; z-index:3; display:none;}
.topd{ display:block;}
.top_nav>li{ width:100%; height: auto; line-height:40px; font-size: 14px; display: block; color:#000; border-bottom:1px solid #d7d6d6; margin:0 auto; text-indent:2em;}
.service-info>input[type="checkbox"] { display: none }
.service-info { border-bottom: 1px solid #ddd; overflow: hidden;}
.service-info label { display: block; margin-bottom: 0; cursor: pointer; z-index: 3 }
.service-info label .title:after { content: "+"; float: right;font-size: 25px; font-weight: 200; line-height: 1; -webkit-transform: rotate(0deg) scale(0.9); -ms-transform: rotate(0deg) scale(0.9); transform: rotate(0deg) scale(0.9); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-backface-visibility: hidden }
.service-info>label>.title,.service-info .title,.service-info .title a { font-weight: normal; font-size: 16px; color: #fff; margin: 0; padding: 10px 0  }
.service-info .list-info { padding: 0; list-style: none; margin-bottom: 0 }
.service-info .list-info>li { display: block; font-size: 15px; line-height: 30px; color:#fff;}
.service-info .list-info { margin-top: -1px; padding-left:15px; max-height: 0px; overflow: hidden; z-index: 1; -webkit-transition: max-height 0.2s linear; transition: max-height 0.2s linear; -webkit-backface-visibility: hidden }
.service-info .list-info>li { opacity: 0; filter: alpha(opacity=0); -webkit-transform: translate3d(0, -120px, 0); transform: translate3d(0, -120px, 0); -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear; transition: opacity 0.2s linear, -webkit-transform 0.2s linear; transition: opacity 0.2s linear, transform 0.2s linear; transition: opacity 0.2s linear, transform 0.2s linear, -webkit-transform 0.2s linear; -webkit-backface-visibility: hidden }
.service-info .list-info>li>a { color:#fff; }
.s-menu{ padding-left:15px;}
.s-menu li{ font-size: 14px; line-height: 27px; color:#fff;}
.s-menu li a{ color:#fff;}
.service-info input:checked+label>.title { color:#fff; }
.service-info input:checked+label>.title:after { -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1) }
.service-info input:checked ~ ul { max-height: 440px; margin-bottom: 10px; -webkit-transition-duration: 0.2s; transition-duration: 0.2s }
.service-info input:checked ~ ul>li { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
/*.top_nav a { display: block; color:#000; margin:10px auto;}
*/.top_nav span { font-size: 12px; color: #666; position: relative; display: block; margin: auto; }
.icon-search { height: 24px; width: 24px; position:absolute; right:30px; top:50%; margin-top:-12px;}
.icon-search img{ width:100%; height:auto;}
.navbar-collapse { position: absolute; top: 45px; left: 0; width: 100%; background: #fff; z-index: 1; opacity: 0; transform: translate3d(0, -100%, 0); transition: transform 0.3s ease-out, opacity .3s }
.navbar-toggle { display: block; float: right; padding: 10px; margin-left: 10px; transition: transform 0.5s }
.navbar-toggle>span { display: block; width: 20px; height: 2px; background: #333; transition: 0.3s cubic-bezier(0.86, 0, 0.07, 1) }
.navbar-toggle>span:not(.bottom) { margin-bottom: 5px }
.fix_top.hasnav .navbar-toggle .top { transform: translateY(7px) rotate(-45deg) }
.fix_top.hasnav .navbar-toggle .bottom { transform: translateY(-7px) rotate(45deg) }
.fix_top.hasnav .navbar-toggle .mid { opacity: 0 }
.fix_top.hasnav .navbar-collapse { opacity: 1; transform: translate3d(0, 0, 0) }



.footer { position: relative; display: block; color: #666; overflow: hidden }
.footer .service-footer { background-color:#4f4f4f; padding:40px 20px 50px 20px; }
.copyright{display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height:200px; font-size:14px; line-height:30px; color:#a1a1a1; text-align:center; border-top:1px solid #e6e6e6;}

#gotop{ bottom:20px; width:50px;height:50px;position:fixed;right:10px;cursor:pointer; color: #fff; display: block; z-index:333;display:none; background:url(../images/top.png) center center no-repeat; background-size:100% auto;}
.mian-content{ width:100%; margin-top:110px;}
.headline{ width:100%; text-align:center; padding-top:20px; padding-bottom:18px;}
.headline h3{ font-size:24px; color:#000; line-height:1.68;}
.headline p{ font-size:14px; color:#888; line-height:1; text-transform:uppercase;}

@media (max-width: 767px) {
.fix_top { border-top:8px solid #9b1015;}
.fix_top .logo { height:85px; }
.top_nav { top:94px;}
.mian-content{ margin-top:94px;}
#gotop{ width:46px;height:46px;}
}
@media (max-width: 639px) {
.fix_top { border-top:6px solid #9b1015;}
.fix_top .logo { height:60px; }
.top_nav { top:66px;}
.mian-content{ margin-top:66px;}
.icon-search { height: 20px; width: 20px; margin-top:-10px;}
.headline{ padding-top:16px; padding-bottom:14px;}
.headline h3{ font-size:20px;}
.headline p{ font-size:12px;}
#gotop{ width:40px;height:40px;}
.slide-content { font-size:20px;}

}
@media (max-width: 414px) {
.fix_top { border-top:5px solid #9b1015;}
.fix_top .logo { height:55px; }
.top_nav { top:60px;}
.mian-content{ margin-top:60px;}
.icon-search { height: 20px; width: 20px; margin-top:-10px;}
.headline{ padding-top:14px; padding-bottom:12px;}
.headline h3{ font-size:17px;}
#gotop{ width:36px;height:36px;}
}
@media (max-width: 321px) {
.s-menu li {
    font-size: 12px;
    line-height: 27px;
    color: #fff;
}
}

.mask-video{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.65);z-index: 2;position:absolute;top: 0;left: 0;}
#video-play{
    display: block;
    height: 55px;
    width: 55px;
    position: absolute;
    top: 31%;
    left: 40%;
    z-index: 3;
}