@charset "utf-8";
/* CSS Document */
*{margin: 0px;padding: 0px;		}
body{margin:0;padding:0; background:#f2f2f2;  text-align: justify; word-wrap: break-word; text-justify:inter-ideograph}
ul {margin:0; padding:0; list-style:none;}
a{text-decoration: none; color:#000}
a:hover{color:#FF9700;}
.img{border:0}

.mainbox{min-width:1200px; width:100%;	margin:0 auto; overflow:Hidden; position:relative;}

.top{ width:100%; height:366px;  margin:0 auto; overflow:Hidden; background:url(../images/top.png) no-repeat; background-position:top center;  }

.aboutbg{width:100%; overflow:hidden;  margin:0 auto;background:url(../images/about.png) no-repeat; background-position:top center;  background-color:#F1ECEC; }

.aboutbox{width:1200px; height:735px; margin:0 auto; }

.bigtitle{width:100%; height:100px;  line-height:100px; text-align:center; margin:0 auto; font-size:32px; color:#8E6555 }

.videobg{width:100%; overflow:hidden; margin:0 auto; background:#fff;}
.videobox{width:1200px; overflow:hidden; margin:0 auto; padding:30px 0 50px 0; display:flex; justify-content:space-around; flex-wrap:wrap} 
.videoplay{width:370px; height:258px; background-color:#F1ECEC; margin:20px 0 20px 0}
.vp_v{width:350px; height:196px; float:left; margin:10px;}
.vp_t{width:350px; height:40px; float:left; margin:0 0 0 10px; line-height:40px; color:#8E6555; font-weight:bold;}

.videobox ul{width:586px; overflow:hidden; padding-bottom:50px;  list-style:none;}
.videobox ul li{height:50px; width:100%; font-size:20px; line-height:50px; overflow:hidden;}

.v_l{width:550px; overflow:Hidden; }

.adv_row{width:100%; overflow:hidden; float:Left; margin-bottom:40px;}
.advbox{float:left; line-height:50px; overflow:hidden;  margin-right:20px; }
.adv_t{width:80px; height:50px; float:Left; text-align:right;  padding-right:10px; font-size:20px; color:#8E6555; }
.adv_i{  height:50px;float:Left; height:50px; border:0; border-bottom:1px solid #8E6555; background:transparent; outline:0;font-size:20px; overflow:hidden; }
.adv_i1{width:180px;}
.adv_i2{width:500px;}

.adv_a{width:95%;  float:left; margin-left:20px; height:100px; border:0;outline:0; resize:none; padding:10px;font-size:20px;  }
.adv_tips{width:200px; height:50px; line-height:50px; font-size:16px;  }

.floatbox{width:180px; height:252px; position:absolute; z-index:999; top:240px; right:10px;   transition:transform 0.3s ease; }
.floatbox img{width:180px; float:left; margin-bottom:10px;}

.floatbox a{display:block;width:180px; float:left; }

.bottom{width:100%; height:100px; line-height:100px; text-align:center; background:#8E6555; color:#fff; }


.mask{width:100%; height:3200px; background:#000; opacity:0.8; position:absolute; z-index:1005; top:0; left:0;  }
.contact{width:800px; height:400px;position:absolute; background:#C4927F; border:1px solid #F4E0BF;z-index:1006; top:240px; left:50%; margin-left:-400px; animation-duration:0.5s; transition:transform 0.3s ease;}
.close{width:50px; height:50px;position:absolute; text-align:center; line-height:50px; background:#F4E0BF; color:#000; right:-50px; top:-1px; cursor:pointer; }

.left_length{width:300px; float:right; text-align:right; height:50px; line-height:50px; margin-right:20px;}


.subbox{width:100%; height:40px; float:left; }
.submitbtn{width:510px; height:40px;  display:block; text-align:center; background:#8E6555; color:#fff; line-height:40px; border:0; border-radius:5px; font-size:22px; cursor:pointer; margin:10px auto;}


.con_show-enter-active, .con_show-leave-active{transition:opacity 0.3s}

.con_show-enter-from, .con_show-leave-to {opacity:0}

.con_show-enter-to, .con_show-leave{opacity:1}

#test{width:100px; height:100px; background:red; margin:100px auto;}