@charset "utf-8";
/* CSS Document */
*{	font-family:"微软雅黑";}
body {
	margin:0 auto;
	padding:0;
	font-size:12px;
      font-family:"微软雅黑","黑体","宋体";
	width:100%; 
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
dl,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,a,div,label,span{margin:0;padding:0;border:0;text-decoration:none;list-style:none;}
img, object { max-width: 100%;}
.clear{clear:both;margin:0;padding:0;height:0;line-height:0;zoom:1;}
.head{ height:100px;background-color: #d1b6a3;width: 100%;}
.container{ max-width:1200px;  height:auto;margin:0 auto;padding:0; text-align: center; }
#container{ max-width:1200px;  height:auto;margin:0 auto;padding:0; text-align: center; }
#container img{width:1200px;}
.logo{float:left; width: 40%;}
.logo img{width: 100%;}
.nav{ float:LEFT; width:60%;}
.nav li{ margin-top:35px;float:left;}
.nav li a { display:block; font-weight: normal; color: #624233; float:left; text-align:center; width:85px; float:left; height:1.875em; line-height:1.875em; font-weight: normal; } 
.nav li p{font-size: 1.2em;}
.nav li span{color: #624233;font-size: 1em;}
.sp{ display:none}
.sp1{ display:block}
.baner{width:100%;  height:100%;}
.baner img{ width:100%;  height:100%;margin:0 auto; text-align: center; }
.dstext{font-size: 1.8em; color: #8d5230; letter-spacing:3px; text-align: center; margin:2em 0em 2.1em 0em;}
.shiping{ text-align:center; margin:0 auto;width: 100%;}
.vido{float: left; width:55%; height: 390px;}
.vido0{float:left; width:15%; height: 390px; background-color: #000;  line-height: 3em; }
.vido0 img{padding-top: 3em;}
.vido0 p{ color: #fff; font-size: 16px; padding-top: 1.8em;}
.vido0 a{ color:#fff;}
.vido1{float:left; width:30%; height: 390px; background-color: #8d5230;}
.jg{text-align:left;padding: 20px 0px 0px 20px; color:#fff; font-size: 1.3em; line-height: 2.5em;}
.jg span{ float: left;color: #fff; font-weight: bold; font-size: 1.3em; }
.jg img{ padding-left: 3.5em; text-align: center;}
.xs{ text-align: center; height:1250px;width:1000px; margin:0 auto;}
.dsbg{width: 100%; height: 100%; background-color: #ebe2dd; }
.dsbg1{width: 100%; height: 100%; background-color: #ebe2dd; }
.dstext2{font-size: 1.8em; color: #8d5230; letter-spacing:3px; text-align: center;margin: 2em 0em; padding: 2em 0em;}
.dstext22{font-size: 1.8em; color: #8d5230; letter-spacing:3px; text-align: center;padding: 2.2em 0em;}
.dsqb{text-align: center; padding-bottom: 2.5em;}
.dsqb1{text-align: center; padding: 1em 0em; margin-bottom: 4em; width: 100%; }
.dstext3{font-size: 1.8em; color: #8d5230; letter-spacing:3px; text-align: center;margin:2em 0em 1em 0em;}
.dstext33{font-size: 1.3em; color: #8d5230;  text-align: center;padding: 0.5em 0em; margin-bottom: 4em;}
.dstext33 span {font-size: 1.4em;}
.pw li{float: left; padding-left: 1.6em; margin-bottom: 1em; text-align: center;}
.pwtext{background-color: #9f5d37; text-align: center;  height: 35px; line-height: 2.5em; color: #fff; font-size: 1.2em;}
.cg_title { background:url(../img/title.jpg) no-repeat 10px 50%; font-size:16px; color:#333; height:50px; line-height:50px; padding:15px 0 10px 70px;}
.dstext4{font-size: 1.8em; color: #8d5230; letter-spacing:3px; text-align: center;margin: 0em 0em; padding: 2em 0em;}
.dstext44{font-size: 1.8em; color: #8d5230; letter-spacing:3px; text-align: center;margin: 0em 0em; padding: 1em 0em;}
.wqhg{ height: 880px; padding-left: 18px;   text-align: center;width :100%;}
.wg1{width: 32.5%; float: left ; text-align: center; margin: 0 auto;}
.wg1 img{ padding-top: 10px;}
.sblogo{ padding-left: 80px;  width:100%; text-align: center;}
.sblogo li{text-align:justify; text-align: center; float: left; margin-right:95px; }
.dstext5{font-size: 1.8em; color: #8d5230; letter-spacing:3px; padding-top: 8em; text-align: center;margin: 2em 0em;}
.zzs{text-align: center; width:100%; height:200px; }
.zzs li{ float:left; padding-left:50px; margin-top:30px; }
.footer{background-color: #c3b0a9; text-align: center; height: 30px; color: #987764; padding-top: 15px; font-size: 14px; margin-top: 35px;}
.videobox{ display:none}



@media (max-width: 750px) {
.head{ height:100px;background-color: #d1b6a3;width: 100%;}
.logo{ float:left; width: 100%; height: 100%; text-align: center; }
.logo img{width: 100%; text-align: center; margin: 1.2em 0em; }
.nav{ float:right; height: 100%; width:100%; margin-top: 0em;}
.nav li{ margin-top:-1.6em;float:left; padding-left: 1.2em; width: 6em;}
.nav li a { font-weight: normal; color: #624233; text-align:center; margin-top: 2em; width:100%; float:left;  height:3em; line-height:1.2em; font-weight: normal; } 	
.nav li span{color: #624233;font-size: 0.825em;}
.baner img{ margin:0 auto;text-align: center;width:100%;  height:100%;  max-height: 230px; max-width:650px;}
.sp{ display: block;}
.sp1{ display:none}
.vido{float: left; width:100%; height: 210px;}
.vido1{float: left; width:100%; height: 100%; background-color: #8d5230;}
.vido0{float:left; width:100%; height:230px; background-color: #000;  line-height: 2em; }
.vido0 img{padding-top: 3em;}
.vido0 p{ color: #fff; font-size: 16px; padding-top: 0.5em;}
.jg{text-align:left;padding: 20px 0px 0px 20px; color:#fff; font-size: 1.2em; line-height: 2.5em;margin-left: 1.0em;}
.jg span{ float: left;color: #fff; font-weight: bold; font-size: 1.0em;  }
.jg img{ width: 5em; height: 5em; padding-left: 6.5em; text-align: center;}
.dsqb{text-align: center; padding-bottom: 3.5em;color:#333333;}
.dsqb p{color:#8d5230;font-size:1.2em; font-weight:initial; font: "微软雅黑";  line-height: 1.8em;}
.dsqb1{text-align: center; padding: 1em 0em; margin-bottom: 4em; width: 100%; }
.dsqb .bb{border: solid #9F5D37 1px; margin-left: 0.5em; margin-top: 2em; text-align: center;width: 95%; }
.dsbg{width: 100%; height: 100%; background-color: #ebe2dd;}
.dsbg1{width: 100%; height: 100%; background-color: #ebe2dd; }
.dstext2{font-size: 1.4em; color: #8d5230; letter-spacing:3px; text-align: center; padding: 2em 0em;}
.dstext3{font-size: 1.4em; color: #8d5230; letter-spacing:3px; text-align: center;margin:2em 0em 1em 0em;}
.dstext33{font-size: 0.8em; color: #8d5230;  text-align: center;padding: 0em 0em; margin-bottom: 1em;}
.dstext33 span {font-size: 1.0em;}
.dstext22{font-size: 1.4em; color: #8d5230; letter-spacing:3px; text-align: center;padding: 2.2em 0em;}
.dstext5{font-size: 1.4em; color: #8d5230; letter-spacing:3px; padding-top: 5em; text-align: center;margin: 2em 0em;}
.dstext4{font-size: 1.4em; color: #8d5230; letter-spacing:3px; text-align: center;margin: 0em 0em; padding: 2em 0em;}
.dstext44{font-size: 1.4em; color: #8d5230; letter-spacing:3px; text-align: center;margin: 0em 0em; padding: 1em 0em;}
.xs{height:600px;width: 100%;text-align: center; }

.dstext{font-size: 1.4em; color: #8d5230; letter-spacing:3px; text-align: center; margin:2em 0em 2.0em 0em;}
.pw li{float: left; margin-left: 0px;  margin-bottom: 1em; width: 27%; text-align: center;}
.pw img{width: 100%;}
.pwtext{background-color: #9f5d37; text-align: center;  height: 35px; line-height: 2.5em; color: #fff; font-size: 1.2em; width: 100%;}
.wqhg{ width:100%;height:50%;  }
.wg1{float: left ;  margin-bottom: 10px;width: 40%; margin-left: 1em; }
.wg1 img{float: left; padding-top: 10px;width:100%; height: 100%;}
.wg2{float: left ;  margin-bottom: 10px;width: 100%; margin-left: -2.5em; }
.wg2 img{float:right; padding-top: 10px;width:40%; height: 100%; margin-left: 1.2em;}

.dsbg{width: 100%; height: 100%; background-color: #ebe2dd;}
.dsbg1{width: 100%; height: 100%; background-color: #ebe2dd; }
.sblogo{float:left;padding-left: 0em;  width:100%; text-align: center;}
.sblogo li{text-align: center; float: left; width: 33%; margin-right: 1px;  }
.sblogo img{ width: 100px; height: 50px;}
.zzs{text-align: center; width:100%; height:150px; }
.zzs li{ float:left; width: 23%; padding-left:30px; margin-top:20px; }