@charset "utf-8";
* { padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: 'cengothic','Microsoft Yahei', 'Hiragino Sans GB','Helvetica Neue','Helvetica','tahoma','Verdana','sans-serif', "WenQuanYi Micro Hei","\5B8B\4F53";}
html, body { width: 100%; background: #fff; font-size:16px;}
img { border: none; display: block; }
em,i{ font-style:normal;}
@font-face
{
font-family: cengothic;
src: url('fonts/CenturyGothic.ttf')
    ,url('fonts/CenturyGothic.eot');
}
a:hover{ text-decoration:underline;}
.clear{font-size:0;line-height:0;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main { width: 1600px; height: 100%; margin: 0 auto; position:relative;}
.symain { width: 1600px; height: 100%; margin: 0 auto; position:relative;}
.topline{ border-bottom:1px #b7b7b7 solid;}
@media screen and (max-width: 1660px) { .symain {  padding: 0 60px; width: auto; } }
@media screen and (max-width: 1260px) {.symain { padding: 0 40px; width: auto; } }
@media screen and (max-width: 780px) {.symain { width: 92%; padding: 0; } }
.fl { float: left; }
.fr { float: right;}
.infoban{ position:relative; background-repeat:no-repeat; background-position:center;}
.infoban-txt{ position:absolute; z-index:1; width:100%; text-align:center; color:#fff; transform: translateY(-50%);}
.infoban-txt em{ font-weight:700; display:block;}
.infoban-nav{ position:absolute; z-index:2; left:0; bottom:0px; width:100%; text-align:center;}
.infoban-nav a{ color:#fff; font-weight:100; display:inline-block; border-bottom:6px rgba(255,255,255,0) solid; transition:.5s;}
.infoban-nav a.on{ font-weight:700; border-bottom:6px rgba(255,255,255,0.5) solid;}
.infoban-nav a:hover{ font-weight:700; border-bottom:6px rgba(255,255,255,0.5) solid; text-decoration:none;}
@media screen and (min-width: 1200px) {
.infoban{ height:600px;}
.infoban-txt{ top:40%;}
.infoban-txt em{ font-size:66px; line-height:85px;}
.infoban-txt span{ font-size:30px;}
.infoban-nav{ line-height:70px;}
.infoban-nav a{ margin:0 40px; font-size:18px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.infoban{ height:300px;}
.infoban-txt{ top:30%;}
.infoban-txt em{ font-size:50px; line-height:65px;}
.infoban-txt span{ font-size:24px;}
.infoban-nav{ line-height:60px;}
.infoban-nav a{ margin:0 30px; font-size:16px;}
}
@media screen and (max-width: 760px) {
.infoban{ height:210px; background-size:200%;}
.infoban-txt{ top:25%;}
.infoban-txt em{ font-size:31px; line-height:45px;}
.infoban-txt span{ font-size:19px;}
.infoban-nav{ line-height:35px;}
.infoban-nav a{ margin:0 20px; font-size:14px;}
}

.indnews{ background:url(../images/nbg.jpg) center top no-repeat; background-size:100% 100%; padding:3% 0;}
.newsbg{ background:#fff;}
.indnews-tit{ text-align:center;}
.indnews-tit em{ font-weight:700;}
.indnews li{ background:#f9f9f9; box-sizing: border-box; padding:25px; transition:.5s; margin-bottom:20px;}
.indnews li:hover{ background:#573b2a;}
.indnews li a{ display:block;}
.indnews li a:hover{ text-decoration:none;}
.indnews li a .nimg{ background:#fff; padding:15px; overflow:hidden;}
.indnews li a .nimg img{ width:100%;}
.indnews li a span{ display:block; color:#573b2a;}
.indnews li a em{ font-weight:700; color:#111;}
.indnews li a p{ color:#111; margin:15px 0;}
.indnews li a i{ background:url(../images/rigss.png); display:inline-block; width:34px; height:11px;}
.indnews li:hover a span{ color:#fff;}
.indnews li:hover a em{ color:#fff;}
.indnews li:hover a p{ color:#fff;}
.indnews li:hover a i{ background:url(../images/rigs.png);}
.indnews .indmore{ text-align:center;}
@media screen and (min-width: 1200px) {
.indnews-tit{ line-height:110px;}
.indnews-tit em{ font-size:48px;}
.indnews li a span{ padding-top:50px; line-height:40px; font-size:20px;}
.indnews li a em{ font-size:24px; line-height:35px;}
.indnews li a p{ font-size:16px; line-height:28px;}
.indnews li a .nimg{ float:left; width:38%; margin-right:50px;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.indnews-tit{ line-height:80px;}
.indnews-tit em{ font-size:38px;}
.indnews li a span{ padding-top:30px; line-height:30px; font-size:18px;}
.indnews li a em{ font-size:20px; line-height:30px;}
.indnews li a p{ font-size:15px; line-height:26px;}
.indnews li a .nimg{ float:left; width:38%; margin-right:50px;}
}
@media screen and (max-width: 760px) {
.indnews-tit{ line-height:60px;}
.indnews-tit em{ font-size:24px;}
.indnews li a span{ padding-top:10px; line-height:25px; font-size:16px;}
.indnews li a em{ font-size:18px; line-height:25px;}
.indnews li a p{ font-size:14px; line-height:24px;}
}

.footer{ padding-top:4%; overflow:hidden;}
.footer span{ font-size:24px; line-height:40px; font-weight:700; display:block; margin-bottom:10px;}
.flogo img{ display:block; max-width:200px;}
.fnav li{ color:#333; box-sizing: border-box;}
.fnav li a{ display:block; line-height:26px; color:#333;}
.fnav li a:hover{ text-decoration:underline; color:#000;}
.fliuy p{ margin-bottom:20px;}
.fliuy .mytxt{ width:100%; max-width:390px; line-height:40px; border:1px #dcdcdc solid; padding:0 10px; box-sizing: border-box;}
.fliuy .mysub{ width:100%; max-width:390px; border:0; background:#573b2a; height:40px; color:#fff; font-size:20px; font-weight:700;}
.copyright{ border-top:1px #b7b7b7 solid; line-height:30px; padding:2% 0; text-align:center; color:#999; margin-top:4%;}
.copyright a{ color:#999;}
@media screen and (min-width: 1200px) {
.flogo{ float:left; width:20%;}
.fnav{ float:left; width:56%;}
.fnav li{ float:left; width:30%;}
.fliuy{ float:right; width:24%;}
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
.flogo{ margin-bottom:20px;}
.fnav li{ float:left; width:33.33%;}
}
@media screen and (max-width: 760px) {
.flogo{ margin-bottom:20px;}
}