@charset "utf-8";
/* CSS Document */
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,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-color: transparent;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: bold;}
dfn {font-style: italic;}
h1 {margin: .67em 0; font-size: 2em;}
mark {color: #000; background: #ff0;}
small { font-size: 80%;}
sub,sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline;}
sup { top: -.5em;}
sub { bottom: -.25em;}
img { border: 0;}
svg:not(:root) { overflow: hidden;}
figure { margin:0;}
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
pre { overflow: auto;}
code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;}
button,input,optgroup,select,textarea { margin: 0; font: inherit; color: inherit;}
button { overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance:button;  cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { padding: 0; border: 0;}
input { line-height: normal;-webkit-appearance:none; /*去除input默认样式*/}
input[type="checkbox"],input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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 { padding: .35em .625em .75em; margin: 0 2px; 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;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
body {font-size: 12px; font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; -webkit-font-smoothing: antialiased; color:#221815; text-rendering: optimizeLegibility; max-width:980px; margin: 0 auto; position: relative;}
html,body{background: #222222;}
img { border: 0;display: block;}
ol, ul { list-style: none; }
:link, :visited, ins { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
sub, sup { font-size: 100%; vertical-align: baseline; }
blockquote, q { quotes: "\201C" "\201D" "\2018" "\2019"; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; vertical-align: top; }
i, cite, em, address { font-style: normal; }
body a{outline:none;blr:expression(this.onFocus=this.blur());}
img{ border: 0; border: none;}
a { color: #626262; text-decoration: none;}
.trans5 a:hover{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
a:hover { color: #442e0f; text-decoration: none; }
a:visited { color: #626262; text-decoration: none;}
.clearfix:before, .clearfix:after { display: block; content: "\200b"; height: 0; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.imgClear img{float:left;}
.hide, .tmpl { display: none; }
.clear10{clear: both; height:10px; overflow:hidden;}
.clear20{clear: both; height:20px; overflow:hidden;}
.clear30{clear: both; height:30px; overflow:hidden;}
.wrap { margin: 0 auto; width: 100%; position: relative;}
.wrap img{width: 100%;}
.text_shadow{text-shadow:3px 4px 5px #828282; -moz-text-shadow:3px 4px 5px #828282; -ms-text-shadow:3px 4px 5px #828282;-o-text-shadow:3px 4px 5px #828282; -webkit-text-shadow:3px 4px 5px #828282;}
.box_shadow{box-shadow:0px 0px 5px #828282; -moz-box-shadow:0px 0px 5px #828282; -ms-box-shadow:0px 0px 5px #828282;-o-box-shadow:0px 0px 5px #828282; -webkit-box-shadow:0px 0px 5px #828282;}
.box_shadow8{box-shadow:0px 0px 10px #1f3852; -moz-box-shadow:0px 0px 10px #1f3852; -ms-box-shadow:0px 0px 10px #1f3852;-o-box-shadow:0px 0px 10px #1f3852; -webkit-box-shadow:0px 0px 10px #1f3852;}
.box_transition{transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

/**/
.main-header{width: 100%;}
.main-header .nav-txt,.main-header .nav-underline{width: 70%;float: right;}
.main-header .nav-txt li{float: left;height: 120px;line-height: 120px;width: 50%;}
.main-header .nav-txt li a{display: block; font-size: 3em;color:#737373; transition: all 0.5s;}
.main-header .nav-txt li.active a{color:#fff;}
.main-header .nav-underline{height: 8px;background: #737373;border-radius: 5px 0 0 5px;margin-top: -3%;margin-bottom: 5%;}
.main-header .nav-underline{height: 8px;background: #737373;border-radius: 5px 0 0 5px;margin-top: -3%;margin-bottom: 3%;}
.main-header .nav-underline span{display: block;width: 24%; height: 8px;background:url(../images/line_nav.png) right no-repeat;border-radius: 5px 0 0 5px;border-radius: 5px;margin-left: 0%;transition: all 0.5s;}.main-header .nav-underline span.active{margin-left: 50%;}
.main-body{width: 100%;margin: 3em 0; background: url(../images/line_split.png) no-repeat; padding-top:1em;}
.fred-gallery{width: 100%; background: url(../images/line_split.png) no-repeat left bottom;padding-bottom: 3em;}
.fred-gallery .gallery-title{width: 90%; margin: 3.5em auto 2.5em; color:#fff;font-size: 1em;overflow: hidden;}
.fred-gallery .gallery-title span{display: block;float: left;}
.fred-gallery .gallery-title span:last-child{float:right;}
.fred-gallery .video-body{width: 100%; margin: 0 auto 2em; padding-bottom: 1.5em; overflow:auto;}
.fred-gallery .video-body iframe{width: 100%; height: 550px; }
.fred-gallery .video-body a{display: block;width: 100%; overflow: hidden;}
.fred-gallery .video-body img{width: 100%;}

.fred-gallery .gallery-body{width: 94%; margin: 0 auto 2em; padding-bottom: 2em;overflow: hidden;}
.fred-gallery .gallery-body a{display: block;float: left; width: 29.33%; margin:2%; overflow: hidden;text-align: center;}
.fred-gallery .gallery-body a img{display: block;width: 100%;}

/**/
.main-footer{width: 100%;margin: 3em 0; height: 6em; text-align:center; color:#f1efef;}
.main-footer a{color:#fff;}
/**/
.main-split-line{background: url(../images/line_split.png) no-repeat; height: 1.5px;}
/**/

@media only screen and (min-width:375px) and (max-width:667px){
.main-header .nav-txt li{height: 60px;line-height: 60px;}
.main-header .nav-txt li a{font-size: 1.5em;}
.fred-gallery .video-body iframe{width: 100%; height: 248px; }
.fred-gallery{padding-bottom: 2em;}
.fred-gallery .gallery-title{margin: 3em auto 2.5em;font-size: 1em;}
.fred-gallery .gallery-body{margin: 0 auto 2em; padding-bottom: 2em;}
	
}
@media only screen and (min-width:414px) and (max-width:736px){
.main-header .nav-txt li{height: 60px;line-height: 60px;}
.main-header .nav-txt li a{font-size: 1.5em;}
.fred-gallery .video-body iframe{width: 100%; height: 248px; }
.fred-gallery{padding-bottom: 2em;}
.fred-gallery .gallery-title{margin: 3em auto 2.5em;font-size: 1em;}
.fred-gallery .gallery-body{margin: 0 auto 2em; padding-bottom: 2em;}
}
@media only screen and (min-width:1000px) and (max-width:1920px){
	.main-top {width: 980px;}
	.fred-gallery .gallery-title{margin: 3em auto 2.5em;font-size: 2em;}
	.fred-gallery .gallery-body{margin: 0 auto 2em; padding-bottom: 6em;}
}