@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px; }
a{color: #54483a; text-decoration: none;transition: all 0.7s;}
a:hover{color:#ff8500;}
ul,li,ol{ list-style:none;border:none;}
body{font-size:16px;line-height:1.5em;font-family: "Arial Negreta","Arial","Microsoft Yahei","Heiti SC",simsun,sans-serif;color: #000;background: url("../images/tbbg.png") repeat;min-width:320px;overflow-x:hidden;-webkit-text-size-adjust:none; }  
img,video {max-width: 100%; height: auto;border:0; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
/********头图********/
#header{width:100%; margin: 0 auto; max-width: 1000px; overflow: hidden;zoom:1; position: relative;}
#header .hdleft{ width: 482px; height: 215px; background: url("../images/headerbg1.png") no-repeat; background-size: 100% 100%; position: absolute; top:38px; left: 0px; }
#header .hdright{ float: right; width:471px; height:311px; background: url("../images/headerbg2.png") no-repeat;background-size: 100% 100%;  }
#scheader{width:100%; margin: 0 auto; max-width: 1000px; overflow: hidden;zoom:1; position: relative;}
.scity{ font-size: 42px; position: absolute; top:48px;  left: 125px; border: 2px solid #e9e4d8; line-height: 1.5em; padding: 0px 25px; color:#9b4133}
.scity a{color:#9b4133}
#scheader .hdleft{ width: 482px; height: 166px; background: url("../images/scheaderbg1.png") no-repeat; background-size: 100% 100%; position: absolute; top:110px; left: 0px; }
#scheader .hdright{ float: right; width:471px; height:311px; background: url("../images/headerbg2.png") no-repeat;background-size: 100% 100%;  }
@media screen and (min-width: 0px) and (max-width:999px) {
	#header .hdleft{ width:48.2vw; height:21.5vw;top:3.8vw;}
	#header .hdright{width:47.1vw; height:31.1vw }
	#scheader .hdleft{width:48.2vw; height:16.6vw; top:10.8vw;}
	#scheader .hdright{width:47.1vw; height:31.1vw}
	.scity{font-size: 38px; top:3.8vw;left:12.5vw;}
}
@media screen and (min-width: 0px) and (max-width:640px) {
	.scity{font-size: 18px; padding: 0px 15px;left:10.5vw;}
}
@media screen and (min-width: 0px) and (max-width:320px) {
	.scity{font-size: 16px; padding: 0px 10px;}
}
#main{width:100%; margin: 0 auto; max-width: 1000px; background: #fff;padding-bottom: 15px;}
/********导航********/
#nav{ position: relative;background: url(../images/navbg.jpg) repeat-x;  padding: 0 20px;box-shadow: 0px 10px 20px #d0c3b2; }
#nav:before{content:"";display:block; height: 40px; width: 18px; position: absolute; background: url("../images/navleft.png") no-repeat; left: 0px;top: 0px;}
#nav:after{content:"";display:block; height: 40px; width: 18px; position: absolute; background: url("../images/navright.png") no-repeat; right: 0px; top: 0px;}
#nav ul{ width:100%;line-height: 40px; }
#nav ul:after{ display: block; content: '';clear: both;}
#nav ul li{ width:10.9%; text-align: center; float: left;color:#fedec5; position:relative;}
#nav ul li ul{display: none; width:150px; background: #a41414; position: absolute; top:40px; left: 50%; margin-left:-75px; z-index: 1001;}
#nav ul li:hover a+ul{display: block;}
#nav ul li ul li:hover{ background-color: #c10d0d; }
#nav ul li a{color:#fedec5;}
#nav ul li ul li{width:100%; float:none;}
#nav ul li.fst{width:23%; }
#nav ul li.fst a{line-height:1em;border-right:1px solid #fedec5; padding-right: 50px;}

@media screen and (min-width: 0px) and (max-width: 768px) {
#nav ul li:hover a+ul{display: none;}
#nav { height: 40px;overflow:hidden; }
#nav ul{ display: -webkit-flex;-webkit-justify-content: space-between;-webkit-flex-wrap: wrap;-webkit-overflow-scrolling: touch;display:flex;justify-content:space-between;flex-wrap:nowrap;overflow-x:scroll;padding: 0 0 20px;}
#nav ul li{font-size: 1.125rem; line-height: 40px; margin:0 0 0 10px; white-space: nowrap; width:auto;}
	#nav ul li.fst{width:20%; }
	#nav ul li.fst a{padding-right:25px;}
}
@media screen and (min-width: 0px) and (max-width: 760px) {
	#nav ul li.fst{width:auto; }
	#nav ul li.fst a{display: inline;border: none; padding-right: 0px;}
}
.link{ overflow: hidden;width:100%; max-width: 1000px; margin: 0 auto; background: #a31416; color: #ffddc2; line-height: 2em; padding: 5px 0px; font-size: 14px;}
.link h3{font-size: 18px; font-weight: 300; float: left;width: 120px; text-align: center;margin-right:-120px; }
.link ul{margin-left:120px; float: left; }
.link ul li{ display: block;float: left; padding-left: 10px; }
.link ul li a{white-space: nowrap; color: #ffddc2; }

.foot{ position: relative; width:100%; max-width: 1000px; margin: 0 auto; background: url("../images/ftbg.jpg") no-repeat bottom #f8f7f5; padding: 30px 0px; }
.foot .left{ width: 230px; position: absolute; top:50%;margin-top: -21px; left: 0 ;background: url("../images/ftlogo.png") no-repeat center top; height:42px;   }
.foot .right{width: 300px; position: absolute;top:50%; right: 0; background: url("../images/code.png") no-repeat center top; height: 110px; margin-top:  -55px;}
.foot .center{margin:0 300px 0 230px; font-size: 14px; border-left: 1px solid #dfd6c8; padding-left: 20px;}
.foot p span{ padding-left: 5px;}
@media screen and (min-width: 0px) and (max-width: 768px) {
	.link{width:98%; padding: 5px 1%}
	.link h3{margin-right:0px;}
	.link ul{margin-left:0px; }
	.foot p span{ padding-left: 0px; display: block;}
}
@media screen and (min-width: 768px) and (max-width: 800px) { 
	.foot .left{ top:20%; left: 20px;}
.foot .right{top:65%; right: auto; left:0px; }
.foot .center{margin-right: 0px; margin-left:300px;}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	.foot .left,.foot .right{position: relative;top: auto; margin: 5px auto; left: auto;}
	.foot .center{ margin: 10px auto; text-align: center; padding-left: 0px;}
}