body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, figure, figcaption { margin: 0; padding: 0 }
fieldset, img { border: 0 }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  transition:all .35s;}
:focus { outline: 0 }
a, button { -webkit-transition: all 0.35s; /* Safari 和 Chrome */ -moz-transition: all 0.35s; /* Firefox 4 */ -o-transition: all 0.35s; /* Opera */ transition: all 0.35s; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: 400 }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400 }
abbr, acronym { border: 0; font-variant: normal }
code, kbd, samp, tt { font-size: 100% }
input, button, textarea, select { *font-size:100%;
}
html{overflow-x:hidden; overflow-y:scroll; }
body { min-width: 320px; color: #333333; overflow-x:hidden;  font-size: 12px; font-weight: 300; font-family: "微软雅黑", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 24px; }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0; margin:0 auto; max-width: 1200px; }
caption, th { text-align: left }
sup, sub { font-size: 100%; vertical-align: baseline }
:link, :visited, ins { text-decoration: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
a { color: #333333; }
a:hover { color: #bf2f2f; text-decoration: none; }
a:active { color: #333 }
.clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { *zoom:1
}
a.hidefocus { outline: 0 }
button.hidef ocus::-moz-focus-inner {
border:0
}
a:focus { outline: 0; -moz-outline: 0 }
input, textarea { outline: 0 }
.mt5 { margin-top: 5px!important }
.mt10 { margin-top: 10px!important }
.mt15 { margin-top: 15px!important }
.mt20 { margin-top: 20px!important }
.mt25 { margin-top: 25px!important }
.mt30 { margin-top: 30px!important }
.mt35 { margin-top: 35px!important }
.mt40 { margin-top: 40px!important }
.mt45 { margin-top: 45px!important }
.mt50 { margin-top: 50px!important }
.mb5 { margin-bottom: 5px!important }
.mb10 { margin-bottom: 10px!important }
.mb15 { margin-bottom: 15px!important }
.mb20 { margin-bottom: 20px!important }
.mb25 { margin-bottom: 25px!important }
.mb30 { margin-bottom: 30px!important }
.mb35 { margin-bottom: 35px!important }
.mb40 { margin-bottom: 40px!important }
.mb45 { margin-bottom: 45px!important }
.mb50 { margin-bottom: 50px!important }
.bg-black { background-color: #131313!important }
.bg-black:hover { background-color: #bf2f2f!important }
.bg-gray { background-color: #f5f5f5!important }
.bg-gray:hover { background-color: #FFF!important }
.bg-red { background-color: #bf2f2f!important }
.bg-red:hover { background-color: #bf2f2f!important }
.bg-666 { background-color: #666!important }
.bg-666:hover { background-color: #333!important }
.bg-main { background-color: #bf2f2f!important }
.bg-main:hover { background-color: #F19D32!important }
.bg-gradient { background: -webkit-linear-gradient( #FEFEFE, #E6E6E6)!important; /* Safari 5.1 - 6.0 */ background: -o-linear-gradient( #FEFEFE, #E6E6E6)!important; /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient( #FEFEFE, #E6E6E6)!important; /* Firefox 3.6 - 15 */ background: linear-gradient( #FEFEFE, #E6E6E6)!important; /* 标准的语法（必须放在最后） */ border: 1px solid #A0A0A0!important; }
.bg-gradient-type2 { background: -webkit-linear-gradient( #FFA42F, #F49518)!important; /* Safari 5.1 - 6.0 */ background: -o-linear-gradient( #FFA42F, #F49518)!important; /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient( #FFA42F, #F49518)!important; /* Firefox 3.6 - 15 */ background: linear-gradient( #FFA42F, #F49518)!important; /* 标准的语法（必须放在最后） */ border: 1px solid #E68B12!important; color: #FFF!important; }
.boxshow { -webkit-box-shadow: 0px 1px 5px #CCC; -moz-box-shadow: 0px 1px 5px #CCC; -o-box-shadow: 0px 1px 5px #CCC; box-shadow: 0px 1px 5px #CCC; }
.remove-radius { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important }
.remove-shadow { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; box-shadow: none!important }
.remove-r-s { -webkit-border-radius: 0!important; -moz-border-radius: 0!important; -o-border-radius: 0!important; border-radius: 0!important; -webkit-box-shadow: none!important; -moz-box-shadow: none!important; -o-box-shadow: none!important; box-shadow: none!important }

/*form*/


/*navbar*/

@media screen and (min-width: 768px) {
.w-container { width: 768px; margin: 0 auto; }
}

@media screen and (min-width: 992px) {
.w-container { width: 992px; margin: 0 auto; }
}

@media screen and (min-width: 1280px) {
.w-container { width: 1100px; margin: 0 auto; padding: 0; }
}

@media screen and (min-width: 1366px) {
.w-container { width: 1200px; margin: 0 auto; }
}
@media screen and (min-width: 1600px) {
.w-container { width: 1200px; margin: 0 auto; }
}

.d-p{ display: none;}
.d-m{ display: block;}

.section-box{ }
/*header*/
.top-header { background-color:#FFF; width: 100%; height: 60px;  position: fixed; top: 0; z-index: 10000; box-shadow: 1px 0 5px rgba(0,0,0,.3)}
.top-container { position: relative;  text-align: center; }
.top-container nav { display: inline-block; line-height: 60px; }
.top-container nav ul li { float: left; padding:0 15px; text-align: left; position: relative;}
.top-container nav ul li a{ font-size: 12px; font-weight: 500; }
.top-container nav ul li a.active{ color:#bf2f2f; }
.top-logo{ display: none; position: absolute;  top: 13px;}
.top-search{ display: none; position: absolute; right: 0; top: 29px; color: #d3d3d3; cursor: pointer;}
.top-search:hover{ color: #333;}
.top-container nav ul li .drop-down{ transition:all 0.35s; height: 0; overflow: hidden; position: absolute; left: 0; top: 60px;}
.top-container nav ul li .drop-down ul li{ width: 100%; white-space: nowrap; line-height: 30px; background-color: #FFF;}
.top-container nav ul li .drop-down ul li:hover{ background-color:#bf2f2f; }
.top-container nav ul li .drop-down ul li:hover a{ color:#FFF; }
.top-container nav ul li:hover .drop-down{ height: auto;}
.searchform{ display: none; width: 100%; padding: 20px; position: absolute;top: 60px;left:0; background-color: #bf2f2f; text-align: center;}
.searchform #keyword{ width: 100%; height: 40px; line-height: 40px; padding: 0 10px; border:1px solid #FFF; border-radius: 3px;}
.btn-submit{ position: absolute; right: 30px; top: 27px; cursor: pointer;}
.btn-submit:hover i{color:#bf2f2f; }

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 992px) {
.searchform{ top: 80px;}
.top-header {height: 80px;}
.top-container {height: 80px; }
.top-container nav { position: absolute; top: 0; right: 40px; line-height: 80px; }
.top-container nav ul li .drop-down{ top: 80px;}
.top-container nav ul li a{ font-size: 14px;}
.top-logo{ display: block;}
.top-search{ display: block;}
}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}


/*footer*/
.f-footer { background-color: #FFF; width: 100%; margin-top: 40px;  font-size: 12px; color: #333333; }
.f-con{ }
.f-border{ border-top: 1px solid #e5e5e5; padding-top: 55px;}
.f-con > div{ float: left;}
.f-lr{}
.f-nav-left{ display: none; width: 30%;}
.f-nav-mid{ width: 100%; text-align: center;}
.f-nav-right{ display: none; width: 30%;}
.f-lr ul { float: left; width: 33.333%;}
.f-lr ul li h3{ font-size: 14px; font-weight: 500; line-height: 30px;}
.f-lr ul li{ line-height: 30px;}
.f-nav-right ul li{ text-align: right;}
.f-tel{ font-size: 26px; margin-top: 20px; font-weight: 500;}
.f-tel i{ font-size: 38px; margin-right: 10px;}
.f-message{margin-top: 10px;}
.f-message i{ font-size: 20px; margin: 0 10px; color: #b2b2b2;}
 
.f-copyright{ background-color: #45342c; color: #FFF; padding: 10px 0; margin-top: 20px;}
.f-copyright a{ color: #FFF;}
.c-copy{ width: 100%; text-align: center;}
.c-address{ width: 100%; text-align: center;}



@media screen and (min-width: 768px) {
.f-nav-left{ display: block; width: 30%;}
.f-nav-mid{ width: 40%; text-align: center;}
.f-nav-right{ display: block; width: 30%;}
.f-tel{margin-top: 70px;}
.f-message{margin-top: 20px;}
.c-copy{ float: left; width: 50%; text-align: left;}
.c-address{ float: right; width: 50%; text-align: right;}
}

@media screen and (min-width: 992px) {

}
@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}



/*分页*/
.page { padding: 10px; text-align: center; }
.page a { display: inline-block; padding: 0 5px; min-width: 50px; height: 40px; line-height: 40px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; color: #333; border: 1px solid #dddddd; margin-right: 5px; text-align: center; font-size: 14px; background-color: #fff; margin-bottom: 5px; }
.page a:hover, .page a.active { background-color: #bf2f2f; color: #FFF; border: 1px solid #bf2f2f; }
.page a:first-child, .page a:last-child { padding: 0 20px; }
.page a:last-child { margin-right: 0; }