*{
	margin:0;
	padding:0;
	font-size: 20px;
}

/*切换效果css */
html, body {
        position: relative;
        height: 100%;
    }
    body {
        background: #fff;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/*首页 */
.main{
	width: 100%;
	height: 414px;
	position: relative;
}

.tts span{
	width: 30px;
	border-radius: 0;
	height: 4px;
}

.s-top{
	position: absolute;;
	top: 0;
	left: 0;
	background: #8b5938;
	width: 100%;
	height: 4rem;
	opacity: 0.5;
	z-index: 9;
}

.s-top img{
	display: block;;
	margin-left: 3rem;
	margin-top: 0.6rem;
}

.nav{
	width: 98%;
	height: 6.2rem;
	margin:auto;
	position: relative;
	margin-top: 0.2rem;
}
.nav ul{
	width: 100%;
	height: 100%;
}
.nav li{
	width: 24.5%;
	height: 3rem;
	float: left;
	position: relative;
	margin-right: 0.6667%;
	margin-bottom: 1%;
	list-style-type: none;
    background: -webkit-linear-gradient(#b4b5b5, #5e5c5c); 
    background: -o-linear-gradient(#b4b5b5, #5e5c5c); 
    background: -moz-linear-gradient(#b4b5b5, #5e5c5c); 
    background: linear-gradient(#b4b5b5, #5e5c5c); 
}

.nav li:nth-child(4n){
	margin-right: 0;
}

.nav a{
	font-family: "方正细黑简体";
	display: block;
	width: 92%;
	height: 3rem;
	line-height: 3rem;
	text-decoration: none;
	text-align: right;
	float: right;
	font-size: 0.8rem;
	color: #fff;
	margin-right: 0.5rem;
}

.nav1,.nav2,.nav3,.nav4{
	position: absolute;
	left: 20%;
	top: 3rem;
	background: #a67f66;
	width: 5rem;
	display: none;
	z-index: 9;
	box-shadow: 5px 5px 5px #301f1b;
}

.nav1 ul,.nav2 ul,.nav3 ul,.nav4 ul{
	width: 100%;
}

.nav1 li,.nav2 li,.nav3 li,.nav4 li{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	list-style-type: none;
}

.nav1 a,.nav2 a,.nav3 a,.nav4 a{
	display: block;
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #a67f66;
	float: none;
}

.nav1 a:hover,.nav2 a:hover,.nav3 a:hover,.nav4 a:hover{
	background: #fff;
	color: #915f3e;
}


.bbs{
	background: #a67f66 !important;

	background: -webkit-linear-gradient(#997963, #7c5f4b) !important; 
    background: -o-linear-gradient(#997963, #7c5f4b) !important; 
    background: -moz-linear-gradient(#997963, #7c5f4b) !important; 
    background: linear-gradient(#997963, #7c5f4b) !important; 

}


.s-con{
	width: 98%;
	height: 10rem;
	margin:auto;
	border: 1px #040000 solid;
	border-top: none;
	margin-top: 0.5rem;
}

.s-con2{
	width: 100%;
	height: 1rem;
}

.ss{
	width: 20%;
	height: 1rem;
	background: #865232;
	float: left;
}

.ss2{
	width: 80%;
	height: 1rem;
	background: #aaabac;
	float: left;
}

.ss2 a{
	float: right;
	margin-right: 1rem;
	font-size: 0.6rem;
	text-decoration: none;
	color: #fff;
}


.s-con3{
	width: 100%;
	height: 9rem;
}

.s-left{
	width: 20%;
	height: 9rem;
	float: left;
}

.ss3{
	width: 80%;
	height:2rem;
	margin:auto;
	border-left: 4px #8a5737 solid;
	margin-top: 1rem;
}

.ss5{
	font-family: "方正细黑简体";
	font-size: 1rem;
	text-align: center;
	color: #000;
}

.ss4{
    font-family: Arial;
    font-size: 12px;
    text-align: center;
    color: #865232;
}

.s-main{
	width:35%;
	height: 8rem;
	float: left;
	margin-top: 1rem;
}

.s-main img{
	width: 100%;
	max-width: 295px;
	max-height: 100%;
}

.s-right{
	width: 43%;
	height: 8rem;
	float: right;
    margin-top: 1rem;
    position: relative;
}

.ss6{
	font-family: "方正细黑简体";
	font-size: 0.8rem;
	font-weight: 600;
	text-decoration: none;
	color: #000;
}

.ss7{
	line-height: 1rem;
	color: #595757;
	text-indent: 1rem;
	font-size: 0.8rem;
}

.ss8{
	width: 100%;
}
.ss8 a{
	text-align: right;
	text-decoration: none;
	color: #18a8c1;
	display: block;
	font-size: 0.6rem;
	position: absolute;
	right: 0;
	bottom: 15%;
}

.hhg{
	width: 98%;
	height: 230px;
	background:#f1f1f2;
	box-shadow:-2px 0 2px #a8a4a2,   
    5px 0 5px #a8a4a2, 
    0 -2px 2px #a8a4a2,  
    0 5px 5px #a8a4a2;  
	margin:5px auto;
}

.hh{
	width: 100%;
	height: 100%;
}

.tt2 img{
	display: block;
	float: left;
    box-shadow: 5px 5px 5px #786d68;
   
}

.tt2 a{
	display: block;
	float: left;
	margin-left:2%;
}

.tt2 a:nth-child(1){
	margin-left: 0;
}

.hhg2{
	width: 95%;
	height: 3rem;
	background: #865232;
	box-shadow: 0px 5px 5px #865232,0 -5px 5px #865232;
	margin: 2rem auto;
	
}

.hhg2 ul{
	width: 100%;
	height: 3rem;
}

.hhg2 li{
	width: 10%;
	float: left;
	list-style-type: none;
    text-align: center;
    line-height: 2.5rem;
}

.hhg2 img{
	width: 40px;
}

.hhg2 li:nth-child(2n){
	width: 23%;
}

.gg{
	margin-left: 1%;
}

.hhg2 a{
	text-decoration: none;
	color: #fff;
	font-size: 12px;
}

.g-aa{
	text-decoration: none;
}


/*公司简介 */

.g-jj{
	width: 85%;
	margin:2rem auto;
	box-shadow: 5px 5px 5px #a19c9b;
}

.g-jj img{
	width: 100%;
	max-width: 100%;
}

.g-jj2{
	width: 85%;
	margin:auto;
}

.g-jj3{
	width: 20%;
	height: 2rem;
	border-left: 3px #b59988 solid;
	float: left;
}

.g-jj3 p{
	font-family: "方正黑体";
	text-align: center;
	font-size: 0.8rem;
	color: #000;
}

.g-jj4{
	float: right;
	width: 25%;
	height: 2rem;
}

.g-jj4 img{
	width: 100%;
	max-width: 100%;
}

.g-jj5{
	width: 85%;
    margin:auto;
    clear: both;
    margin-top: 6rem;
}

.g-jj5 p{
	line-height: 2rem;
	font-size:0.8rem;
	font-family: "方正黑体";
}



.x-jj{
	width: 100%;
	height: 3rem;
	margin-top: 3rem;
	text-align: center;
	color: #915f3e;
	line-height: 3rem;
	font-size: 2rem;
	font-family: "方正粗宋简体";
	font-weight: bold;
}

.x-jj2{
	width: 95%;
    margin:auto;
    margin-top: 2rem;
}
.x-jj2 p{
	line-height: 1.8rem;
	font-size: 0.8rem;
	font-family: "方正细黑简体";
}

.x-jj2 p:nth-child(1){
	text-indent: 1.5rem;
}

.x-jj3{
	font-family: "方正粗宋简体" !important;
	color: #915f3e;
	font-weight: 600;
}

.x-jj2 img{
	width: 100%;
	max-width: 100%;
}

.x-jj4{
	line-height: 3rem !important;
	font-size: 1rem !important;
	color: #915f3e;
	font-family: "方正粗宋简体" !important;
	text-align: right;
	font-weight: 600;
}


.ch{
	width: 95%;
	margin:4rem auto;

}

.ch img{
	width: 100%;
	max-width: 100%;
}

.x-jj5{
	width: 90%;
}

.x-jj6{
	font-size: 12px;
}


.page{
	width: 85%;
	height: 4rem;
	margin:2rem auto;
}

.x-gg{}
















.huiyuan{
	width: 75%;
	height: 15rem;
	margin:5rem auto;
}

.huiyuan h1{
	font-size: 2rem;
	color: #878889;
	font-family: "方正细黑简体"
	font-weight:bold;
}

.zh{
	width: 100%;
	height: 2rem;
	line-height: 2rem;
	border-radius: 5px;
	margin-top: 2rem;
	background: -webkit-linear-gradient(#f0efef, #aeaeae); 
    background: -o-linear-gradient(#f0efef, #aeaeae); 
    background: -moz-linear-gradient(#f0efef, #aeaeae); 
    background: linear-gradient(#f0efef, #aeaeae); 

}

.zh span{
	display: inline-block;
	width: 5rem;
	height: 2rem;
	line-height: 2rem;
	color: #7d7c7d;
	text-align: center;
	font-weight: bold;
}

.zh input{
	background: none;
	border: none;
	margin:none;
	padding:none;
	height: 2rem;
	line-height: 2rem;
	color: #7d7c7d;
}

.mm{
	margin-top: 1rem;
}

.x-zh{
	width: 100%;
	height: 2rem;
	margin-top: 2rem;
}

.x-zh a{
	width: 5rem;
	height: 2rem;
	display: block;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	background: #b59988;
	line-height: 2rem;
	font-weight: bold;
	color: #fff;
	float: right;
}


.z-zhaopin{
	width: 95%;
	margin:2rem auto;

}

.z-left{
	width: 30%;
	float: left;
	height: 15rem;
	background: #dedede;
	box-shadow:-5px 0 10px #b8b5b4,   
    5px 0 10px #b8b5b4, 
    0 -5px 10px #b8b5b4,   
    0 5px 10px #b8b5b4; 
}

.z-tt{
	width: 100%;
	height: 4rem;
	background: #8c6e5a;
	font-size: 1.2rem;
	text-align: center;
	color: #dedede;
	line-height: 6rem;
}

.z-tt2{
	width: 80%;
	height: 3rem;
	border-bottom: 1px #a9a7a7 solid;
	margin:auto;
}

.z-tt2 a{
	display: block;
	font-size: 0.8rem !important;
	color: #2d2727 !important;
	padding-top: 0.5rem;
	text-decoration: none;
}

.tt3 a{
	padding-top: 1rem;
}


.z-right{
	width: 65%;
	float: right;
}

.z-right p{
	line-height: 1.5rem;
	font-size: 0.8rem;
}

.z-right p:nth-child(1){
	line-height: 4rem;
}



.z-tt4{
	text-indent: 3rem;
}

.lianxi{
	width: 95%;
	margin: 1rem auto;
}

.lianxi img{
	width: 100%;
	max-width: 100%;
}

.lx{
	width: 85%;
	margin:2rem auto;
}

.lx p{
	font-family: "方正大黑简体";
	font-size: 0.8rem;
	line-height: 1.5rem;
	font-weight: bold;
}


.xi{
	width: 95%;
	margin:3rem auto;
}

.xi p{
	font-size: 1.5rem;
	color: #a67f66;
	line-height: 2rem;
	font-family: "方正粗宋简体";
	font-weight: bold;
}

.xi p:nth-child(3){
	font-size: 0.8rem;
	margin-top: 2rem;
}

.xi img{
	width: 100%;
	max-width: 100%;
}

.xi a{
	display: block;
	width: 250px;
	height: 40px;
	background: url(../images/a5.png);
	margin:2rem auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-family: "方正细黑简体"

}

.gg{
	width: 50%;
}

.gg2{
	width: 90%;
	height: 3rem;
	line-height: 3rem;
	margin:auto;
	text-align: center;
	font-size: 1.5rem;
	color: #865232;
	font-weight: 600;
	margin-bottom: 2rem;
}

.g-jj5 img{
	width: 100%;
	max-width: 100%;
}

.gg3{
	margin-top: 2rem;
}

.gg4 img{
	max-width: 200px;
	display: block;
	margin:auto;
}

.g2{
	text-align: right;
}
.g3{
	text-align: center;
	font-size: 1rem;
}
.g4{
	font-size: 1.3rem !important;
	text-indent: 0 !important;
}





@media screen and (max-width: 320px) {
	  *{
	  	font-size: 12px;
	  }
	  .main{
	  	height: 193px;
	  }
	  .tt img{
	  	height: 193px;
	  }

	  .s-top img{
	  	width: 90px;
	  }

	  .hhg2 img{
	    width: 20px;
	    margin-top: 5px;
    }
     .hhg2 li{
     	width: 8%;
     }

     .hhg2 li:nth-child(2n){
	     width: 25%;
    }
    .s-con{
    	height: 11rem;
    }

    .s-con3{
    	height: 10rem;
    }

    .s-con2{
    	height: 1.5rem;
    }
    .ss{
    	height: 1.5rem;
    }
    .ss2{
    	height: 1.5rem;
    	line-height: 1.5rem;
    }

    .tt2 img{
    	width: 90px;
    }

    .hhg{
    	height: 180px;
    }

    .ss8 a{
    	bottom:2%;
    }

}


.fenye{
	width: 85%;
	height: 1.5rem;
	margin:4rem auto;
}

.fenye a{
	display: block;
	width: 8rem;
	height: 1.5rem;
	line-height: 1.5rem;
	background: linear-gradient(#16100e, #3b2c22, #795b46);
	border: 3px #33363b solid;
	border-radius: 10px;
	float: left;
	color: #fff;
	text-align: center;
	font-size: 1rem;
	text-decoration: none;
	font-family: "方正大黑简体"；
}

.fy{
	width: 5rem;
	height: 1.5rem;
	float: left;
	position: relative;
}

.fy input{
	width: 3rem;
	height: 1.5rem;
	line-height: 1.5rem;
	border: 1px #aaa solid;
	border-right:none;
	border-bottom: none; 
	border-radius: 10px;
	box-shadow:2px 2px 2px #999 inset; 
	border-top-right-radius: 0px;
	float: left;
	font-size: 0.8rem;
	text-indent: 5px;
	color: #814f30;
}

.fy span{
   width: 1.9rem;
   height: 1.5rem;
   float: left;
   border-radius: 10px;
   background: linear-gradient(#16100e, #3b2c22, #795b46);
   border-top-left-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
}

.fy img{
	width: 1rem;
	margin-top: 5px;
	margin-left: 5px;
}

.fy2{
	width: 1.5rem;
	height: 100%;
	position: absolute;
	left: 61%;
	top: 1.5rem;
	display: none;
}
.fy2 ul{
	width: 1.5rem;
	height: 100%;
}

.fy2 li{
	width: 1.5rem;
	height: 1rem;
	line-height: 1rem;
	list-style-type: none;
	text-align: center;
	font-size: 0.8rem;
	color: #fff;
    background: linear-gradient(#16100e, #3b2c22, #795b46);
}

.fy2 a{
	border: none;
	border-radius: 0px;
	width: 1.5rem;
}

@media screen and (min-width: 321px) and (max-width: 375px) {
	  *{
	  	font-size: 14px;
	  }
	  .main{
	  	height: 227px;
	  }
	  .tt img{
	  	height: 227px;
	  }

	  .s-top img{
	  	width: 110px;
	  }

	   .s-con2{
    	height: 1.2rem;
    }
    .ss{
    	height: 1.2rem;
    }
    .ss2{
    	height: 1.2rem;
    	line-height: 1.2rem;
    }

    .tt2 img{
    	width: 105px;
    }

    .hhg{
    	height: 200px;
    }


}




@media screen  and (min-width: 376px) and (max-width: 414px) {
	  *{
	  	font-size: 16px;
	  }
	  .main{
	  	height: 250px;
	  }
	  .tt img{
	  	height: 250px;
	  }

	  .s-top img{
	  	width: 130px;
	  }
}


@media screen  and (min-width: 600px) and (max-width: 800px) {
     *{
     	font-size: 25px
     }

     .hhg2 img{
     	width: 60px;
     	padding-top: 5px;
     }
}


@media screen and (min-width:360px) and (max-width: 360px) {
	 .hhg2 img{
	 	width: 30px;
	 }
	 .hhg2 {
	 	height: 2.5rem;
	 }

	 .hhg2 ul{
	 	height: 2.5rem;
	 }
	
}


@media screen and (min-width:383px) and (max-width: 384px) {
	 .hhg2 img{
	 	width: 35px;
	 }
	 .hhg2 {
	 	height: 2.5rem;
	 }

	 .hhg2 ul{
	 	height: 2.5rem;
	 }
	 .hhg2 li{
	 	line-height: 2.5rem;
	 }

	 .fenye a{
	 	width: 7.3rem;
	 }
	
}