@media(max-width:1600px){
#top{ position:fixed; z-index:20; background:rgba(255,255,255,1); transition:all 0.5s; width:100%; height:100px; backdrop-filter: blur(0px);-webkit-backdrop-filter: blur(0px);}
#logo img{ width:250px;}
#menu{ float:right; margin-right:2vw;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; color:rgba(0,0,0,1); text-transform:uppercase; padding:0 10px; font-size:18px;}

#menu ul li .zzmenu{ position:absolute; background:rgba(0,0,0,0.5);  overflow:hidden; display:none;}
#menu ul li .zzmenu a{ line-height:50px; padding-right:40px; font-size:14px;}
#menu ul li .zzmenu a:hover{ color:#fff; background:#c78337;}


#lan{ float:right; line-height:100px; text-transform:uppercase;color:rgba(255,255,255,0.5); margin-right:50px; margin-left:3vw;}
#lan img{ vertical-align:middle; margin-bottom:4px; margin-right:5px;}
#lan a{ font-size:16px;}


#menu_btn,#close{ display:none;}

/*banner*/
#banner{ overflow:hidden; padding-top:100px;}


#ind_about{ width:95%; margin:6vw auto; overflow:hidden;}
#ind_about .left{ width:46%; float:right;}
#ind_about .left h1{ font-size:30px; line-height:80px; font-weight:500; margin-top:0vw;}
#ind_about .left .con{ font-size:14px; line-height:24px;}
#ind_about .left .more{ margin-top:2vw;}
#ind_about .left .more a{ display:block; background:#c78337; color:#fff; line-height:36px; width:130px; text-align:center; border-radius:20px;}
#ind_about .left .more a:hover{ width:150px; background:#333;}
#ind_about .left .data{ overflow:hidden; margin-top:2vw;}
#ind_about .left .data ul li{ float:left; margin-right:1vw;}
#ind_about .left .data ul li p:nth-child(1){ font-size:36px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; line-height:50px; color:#c78337;}
#ind_about .left .data ul li p:nth-child(2){ font-size:14px;}

#ind_about .right{ width:50%; float:left;}
#ind_about .right img{ max-width:100%;}

#ind_rd{ background:#c78337; color:#fff; text-align:center; padding-top:5vw; padding-bottom:3vw;}
#ind_rd h2{ font-size:36px; line-height:50px; font-weight:500;}
#ind_rd p{ font-size:16px; line-height:40px;}

#ind_rd_list{ width:100%; overflow:hidden; background:url(image/di1.jpg) no-repeat center top/100% auto; background-attachment:fixed;}
#ind_rd_list ul li{ width:25%; float:left;}
#ind_rd_list ul li a{ color:#fff; display:block; border-right:solid 1px #fff; padding-left:3vw; padding-right:3vw; padding-top:8vw; min-height:700px;}
#ind_rd_list ul li a:hover{ background:rgba(199,131,55,1);}
#ind_rd_list ul li a p:nth-child(1){ font-size:100px; line-height:150px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_rd_list ul li a p:nth-child(3){ font-size:36px; line-height:50px; padding-top:2vw;}
#ind_rd_list ul li a p:nth-child(4){ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:18px; text-transform:uppercase;}
#ind_rd_list ul li a p:nth-child(5){ font-size:16px; line-height:30px; padding-top:3vw; opacity:0; transition:all 0.5s;}
#ind_rd_list ul li a:hover p:nth-child(5){ display:block; opacity:1;padding-top:1.5vw;}

#ind_brand{ width:100%; overflow:hidden; background:url(image/di2.jpg) no-repeat center top/100% auto;}
#ind_brand .k{ width:80%; margin:7vw auto; overflow:hidden;}
#ind_brand .left{ width:50%; float:left; color:#fff;}
#ind_brand .left h2{ font-size:48px; line-height:60px; font-weight:500; margin-top:2vw;}
#ind_brand .left .con{ font-size:16px; line-height:36px; margin-top:2vw;}
#ind_brand .left .more{ margin-top:2vw; margin-bottom:2vw;}
#ind_brand .left .more a{ display:block; width:130px; text-align:center; background:#009c07; line-height:36px; color:#fff; border-radius:50px;}
#ind_brand .left .more a:hover{ background:#c78337; width:150px;}
#ind_brand .left .sheng{ overflow:hidden;}
#ind_brand .left .sheng ul li{ float:left; border:solid 2px #fff; line-height:27px; border-radius:30px; padding:0 30px; margin-right:10px; margin-bottom:10px;}
#ind_brand .right{ float:right; width:459px; text-align:center;}
#ind_brand .right img{ animation:spin 60s linear infinite;}
#ind_brand .right p{ position:absolute; margin:-416px 0 0 45px;}
#ind_brand .right p img{ animation:roller 40s linear infinite;}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes roller {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}




#bottom{ width:100%; background:#333; background-attachment:fixed; overflow:hidden; color:#fff;}
#follow{ width:95%; max-width:1360px; margin:50px auto 0 auto; overflow:hidden; font-size:16px; line-height:100px; text-transform:uppercase; border-bottom:solid 1px rgba(255,255,255,0.2);}
#follow img{ vertical-align:middle; margin:0 0 0 0;}

#bottom_menu{ width:95%; max-width:1360px; overflow:hidden; margin:0 auto; padding-bottom:50px; border-bottom:solid 1px rgba(255,255,255,0.2);}
#bottom_menu ul li{ float:left; font-size:16px;}
#bottom_menu ul li:nth-child(1){ width:30%; margin-right:5%;}
#bottom_menu ul li:nth-child(2){ width:30%; margin-right:5%;}
#bottom_menu ul li:nth-child(3){ width:30%;}
#bottom_menu ul li h3{ font-size:22px; text-transform:uppercase; background:url(image/line.jpg) no-repeat left bottom; font-weight:300; line-height:70px; padding-top:3vw; border-bottom:solid 1px rgba(255,255,255,0.2); margin-bottom:2vw;}
#bottom_menu ul li:nth-child(1) h4{ width:40%; float:left;}
#bottom_menu ul li:nth-child(2) h4{float:left; margin-right:30px;}
#bottom_menu ul li h4 a{ font-size:16px; color:#fff; font-weight:500; line-height:30px; background:url(image/line.jpg) no-repeat left bottom/0% 1px;}
#bottom_menu ul li h4 a:hover{ color:#fff;background:url(image/line.jpg) no-repeat left bottom/100% 1px;}
#bottom_menu ul li h4{ line-height:30px;font-weight:500;}
#bottom_menu ul li:nth-child(4) a{ font-size:14px; display:block; margin-top:2vw; color:#fff; background:#e95321; border-radius:5px; line-height:40px; width:140px; text-align:center;}
#bottom_menu ul li:nth-child(4) a:hover{ background:#fff; color:#000;}

#ind_copy{ width:95%; max-width:1360px; margin:0 auto 1vw auto; line-height:80px; text-align:center; overflow:hidden;}

#gotop{ background:#c78337; width:60px; height:60px; border-radius:10px; position:fixed; right:10px; bottom:50px; z-index:50;}

#feedback{ width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(0,0,0,0.5);backdrop-filter:blur(3px); z-index:50; display:none;}
#feedback .k{ width:600px; margin:10vw auto 0 auto; overflow:hidden; border:solid 2px #fff; border-radius:30px; background:#eee; padding:30px;}
#feedback .k .a1{ font-size:30px; line-height:80px; color:#000;}
#feedback .k .a2{ overflow:hidden; margin-bottom:1rem;}
#feedback .k .a2 input{ width:90%; background:#fff; padding:0 5%; height:40px; color:#000;border-radius:5px;}
#feedback .k .a2 textarea{ width:90%; background:#fff; height:80px; padding:10px 5%; color:#000;border-radius:5px;}
#feedback .k .a3 a{ display:block; background:#e95321; line-height:50px; color:#fff; text-align:center; font-size:18px;border-radius:5px;}
#feedback .k .a3 a:hover{ background:#fff; color:#000;}


#aboutbanner{ width:100%; overflow:hidden;}
#aboutbanner img{ width:100%;}

#about{ width:80%; margin:5vw auto; overflow:hidden;}
#about h1{ font-size:36px; line-height:80px; padding-bottom:1vw;}
#about .con{ font-size:16px; line-height:36px;}
#about .data{ width:100%; overflow:hidden;}
#about .data ul li{ float:left; margin-right:4vw; margin-top:2vw; font-size:16px;}
#about .data ul li p:nth-child(1){ font-size:30px; line-height:60px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#c78337;}

#about1{ width:100%; overflow:hidden; background:#c78337; padding-bottom:16vw; }
#about1 .left{width:100%; color:#fff; margin:5vw auto;}
#about1 .left h2{ font-size:30px; line-height:60px; font-weight:500; padding-bottom:2vw; text-align:center;}

#history{ width:100%; background:url(image/line3.png) no-repeat center 6px/100% auto; overflow:hidden;}
#time{ width:80vw; margin:0 auto; overflow:hidden;}
#time ul{ width:1000000px; margin-left:32vw; transition: all 0.5s;}
#time ul li{ float:left; width:16vw; text-align:center;}
#time ul li .tt{ font-size:30px; line-height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; cursor:pointer;}
#time ul li .tt p:nth-child(1){ width:8px; height:8px; margin:0 auto; background:#c78337; border:solid 3px #fff; border-radius:50px;}
#time ul li .a1{ font-size:16px; line-height:24px; position:absolute; width:20vw; padding-top:1vw; margin-left:-2vw; display:none; text-align:left;}
#time ul li .a1 img{ width:100%; margin-top:1vw;}
#time ul li:nth-child(1) .a1{ display:block;}
#time ul li:nth-child(1) .tt p:nth-child(1){ background:#fff;}

#about2{ width:80%; margin:0 auto; overflow:hidden;}
#about2 .tt{ font-size:30px; line-height:80px; text-align:center; margin-top:4vw;}
#about2 .con{ overflow:hidden; margin-top:1vw;}
#about2 .con ul li{ width:30%; float:left; font-size:16px; line-height:24px; padding-bottom:4vw;}
#about2 .con ul li:nth-child(1){ margin-right:5%;}
#about2 .con ul li:nth-child(2){ margin-right:5%;}
#about2 .con ul li img{ width:100%;}
#about2 .con ul li p:nth-child(2){ font-size:24px; line-height:50px; padding-top:1vw; border-bottom:solid 1px #eee; margin-bottom:1vw;}

#about3{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:5vw;}
#about3 h2{ text-align:center; line-height:80px; font-size:30px; font-weight:500; padding-top:3vw; padding-bottom:2vw;}
#about3 .left{ float:right; width:38vw; margin-right:10vw; color:#000; }
#about3 .left img{ width:100%;}
#about3 .left .con{ width:38vw; height:2vw;  padding:1vw 0 6vw 0;  }
#about3 .left .con h3{ font-size:20px; line-height:2vw; font-weight:500;}
#about3 .left .con p{ font-size:14px; line-height:30px;}


#about3 .right{ float:left; width:38vw; margin-left:10vw; color:#000;}
#about3 .right img{ width:100%;}
#about3 .right .con{ width:38vw; height:2vw;  padding:1vw 0 4vw 0;}
#about3 .right .con h3{ font-size:20px; line-height:2vw; font-weight:500;}
#about3 .right .con p{ font-size:14px; line-height:30px; }


/*#about3{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:5vw;}
#about3 h2{ text-align:center; line-height:80px; font-size:30px; font-weight:500; padding-top:3vw; padding-bottom:2vw;}
#about3 .left{ float:right; width:38vw; margin-right:10vw; color:#fff; background:#c78337;}
#about3 .left img{ width:100%;}
#about3 .left .con{ width:34vw; height:2vw; position:absolute; margin-top:-4vw; padding:1vw 2vw; background:rgba(0,0,0,0.8); transition:all 0.5s;}
#about3 .left .con h3{ font-size:20px; line-height:2vw; font-weight:500;}
#about3 .left .con p{ font-size:14px; line-height:30px; opacity:0;transition:all 0.5s;}
#about3 .left:hover .con{ width:34vw; height:7vw; position:absolute; margin-top:-9vw; padding:1vw 2vw; background:rgba(0,0,0,0.8);}
#about3 .left:hover .con h3{ font-size:20px; line-height:2vw; font-weight:500;}
#about3 .left:hover .con p{ font-size:14px; line-height:24px; opacity:1;}

#about3 .right{ float:left; width:38vw; margin-left:10vw; color:#fff; background:#c78337;}
#about3 .right img{ width:100%;}
#about3 .right .con{ width:34vw; height:2vw; position:absolute; margin-top:-4vw; padding:1vw 2vw; background:rgba(0,0,0,0.8); transition:all 0.5s;}
#about3 .right .con h3{ font-size:20px; line-height:2vw; font-weight:500;}
#about3 .right .con p{ font-size:14px; line-height:24px; opacity:0;transition:all 0.5s;}
#about3 .right:hover .con{ width:34vw; height:9vw; position:absolute; margin-top:-11vw; padding:1vw 2vw; background:rgba(0,0,0,0.8);}
#about3 .right:hover .con h3{ font-size:20px; line-height:2vw; font-weight:500;}
#about3 .right:hover .con p{ font-size:14px; line-height:24px; opacity:1;}*/

#about4{ width:90%; margin:4vw auto; overflow:hidden;}
#about4 h2{ font-size:30px; line-height:60px; text-align:center; font-weight:500;}
#about4 .list{ text-align:center; margin-top:2vw;}
#about4 .list ul li{ width:25%; float:left; margin-bottom:2vw;}
#about4 .list ul li img{ width:90%;}

#pro{ width:90vw; margin:4vw auto; overflow:hidden;}
#pro h1{ text-align:center; font-size:30px; line-height:80px; font-weight:500; padding-bottom:1vw;}
#pro .con{ overflow:hidden;}
#pro .con p.btn{ font-size:16px; line-height:50px; color:#c78337; cursor:pointer;}
#pro .con p.btn img{ width:30px; transform:rotate(90deg); vertical-align:middle;}
#pro .con ul{ width:100vw;}
#pro .con ul li{ width:28vw; margin-right:3vw; font-size:16px; line-height:36px; float:left;}

#pro .con ul li img{ width:100%;}
#pro .con ul li .con p:nth-child(1){ font-size:24px; line-height:50px; border-bottom:solid 1px #eee; margin-bottom:1vw; padding-top:1vw;}
#pro .con ul li .con p:nth-child(2) span{ display:none;}

#pro .con ul li .load{ width:22vw; display:none; padding:3vw; min-height:20vw; background:#c78337; color:#fff; position:absolute; z-index:5;}
#pro .con ul li .load p:nth-child(1){ font-size:24px; line-height:40px; border-bottom:solid 1px #fff; padding-bottom:1vw; margin-bottom:1vw;}
#pro .con ul li:hover .load{ display:block;}

#pro1{ width:100%; overflow:hidden; background:url(image/di3.jpg) no-repeat center top/100% auto; background-attachment:fixed; padding-bottom:4vw; padding-top:2vw; }
#pro1 h2{ font-size:30px; line-height:80px; color:#fff; font-weight:500; text-align:center; padding-top:3vw; padding-bottom:2vw;}
#pro1 .con{ width:80%; margin:0 auto; overflow:hidden;}
#pro1 .con ul li{ width:30%; float:left; border-radius:10px; color:#fff; min-height:250px;}
#pro1 .con ul li:nth-child(1){ margin-right:5%; background:rgba(0,45,173,0.8); color:#fff;}
#pro1 .con ul li:nth-child(2){ margin-right:5%; background:rgba(72,172,255,0.8);}
#pro1 .con ul li:nth-child(3){background:rgba(0,156,7,0.9);}
#pro1 .con ul li div{ padding:3vw 3vw; font-size:16px;}
#pro1 .con ul li div p:nth-child(1){ font-size:24px; line-height:50px;}

#pro1 .more{ overflow:hidden;}
#pro1 .more a{ display:block; line-height:60px; width:220px; border-radius:50px; background:#009c07; color:#fff; font-size:16px; text-align:center; margin:4vw auto 0 auto;}
#pro1 .more a:hover{ background:#c78337; width:240px;}

#kj{ overflow:hidden; text-align:center; margin-top:3vw;}
#kj h1{ font-size:30px; line-height:80px; font-weight:500; padding-bottom:2vw;}

#kj_btn{ width:60vw; margin:0 auto 2vw auto; overflow:hidden;}
#kj_btn ul{}
#kj_btn ul li{ width:33.33%; float:left; text-align:center; cursor:pointer;}
#kj_btn ul li p{background:#f7f7f7;line-height:50px; font-size:16px; width:90%; margin:0 auto; border-radius:50px; transition:all 0.5s;}
#kj_btn ul li:hover p{ background:#c78337; color:#fff;}
#kj_btn ul li:nth-child(1) p{ background:#c78337; color:#fff;}

#kj1{ width:90vw; margin:0 auto 8vw auto; overflow:hidden; background:#c78337;}
#kj1 .left{ width:35vw; height:20vw; float:right; color:#fff;}
#kj1 .left div.k{ width:10000px; transition:all 0.5s;}
#kj1 .left div.a1{ padding:3vw 4vw 3vw 4vw; width:27vw; float:left; font-size:14px; line-height:24px;}
#kj1 .left div.a1 span{ display:block; font-size:20px;}
#kj1 .left div.a1 p{ display:block; background:rgba(0,0,0,0.1); border:solid 1px rgba(255,255,255,0.5); margin-bottom:0.5vw; border-radius:10px; padding:1vw 2vw;}
#kj1 .left div.a2{ padding:3vw 4vw 3vw 4vw; width:27vw; float:left; font-size:14px; line-height:24px;}
#kj1 .left div.a2 span{ display:block; font-size:20px;}
#kj1 .left div.a2 p{ display:block; background:rgba(0,0,0,0.1); border:solid 1px rgba(255,255,255,0.5); margin-bottom:0.5vw; border-radius:10px; padding:1vw 2vw;}

#kj1 .left div.a3{ padding:3vw 4vw 3vw 4vw; width:27vw; float:left; font-size:14px; line-height:24px;}
#kj1 .left div.a3 span{ display:block; font-size:20px;}
#kj1 .left div.a3 p{ display:block; background:rgba(0,0,0,0.1); border:solid 1px rgba(255,255,255,0.5); margin-bottom:0.5vw; border-radius:10px; padding:1vw 2vw;}

#kj1 .left div.a4{ padding:3vw 4vw 3vw 4vw; width:27vw; float:left; font-size:16px; line-height:36px;}

#kj1 .left div h2{ font-size:24px; font-weight:500; line-height:80px;}
#kj1 .right{ width:55vw; height:41.25vw; overflow:hidden; float:left;}
#kj1 .right ul{ transition:all 0.5s;}
#kj1 .right ul li{ height:41.25vw; overflow:hidden;}
#kj1 .right img{ width:100%;}

#kj2{ width:80%; margin:0 auto 2vw auto; overflow:hidden; background:#f7f7f7;}
#kj2 .left{ width:50%; float:left;}
#kj2 .left div{ padding:3vw 4vw 3vw 4vw; font-size:16px; line-height:36px;}
#kj2 .left div h2{ font-size:24px; font-weight:500; line-height:80px;}
#kj2 .right{ width:50%; float:right;}
#kj2 .right img{ width:100%;}

#kj3{ width:80%; margin:0 auto 2vw auto; overflow:hidden; background:#f7f7f7;}
#kj3 .left{ width:50%; float:right;}
#kj3 .left div{ padding:3vw 4vw 3vw 4vw; font-size:16px; line-height:36px;}
#kj3 .left div h2{ font-size:24px; font-weight:500; line-height:80px;}
#kj3 .right{ width:50%; float:left;}
#kj3 .right img{ width:100%;}

#kj4{ width:80%; margin:0 auto 6vw auto; overflow:hidden; background:#f7f7f7;}
#kj4 .left{ width:50%; float:left;}
#kj4 .left div{ padding:3vw 4vw 3vw 4vw; font-size:16px; line-height:36px;}
#kj4 .left div h2{ font-size:24px; font-weight:500; line-height:80px;}
#kj4 .right{ width:50%; float:right;}
#kj4 .right img{ width:100%;}

#rd{ overflow:hidden; text-align:left; background:#f7f7f7; width:90vw;  margin:6vw auto 6vw auto;}
#rd .left{ width:35vw; float:left; padding:0 5vw;}
#rd .left h1{ font-size:24px; line-height:50px; font-weight:500; padding-top:4vw;  text-align:left;}
#rd .left .con{font-size:14px; line-height:24px;overflow:hidden;}
#rd .left .data{ overflow:hidden; margin-top:2vw;}
#rd .left .data ul li{ float:left; margin-right:4vw; font-size:14px;}
#rd .left .data ul li span{ color:#c78337; font-size:36px; line-height:50px; font-family:Arial, Helvetica, sans-serif;}
#rd .left .data ul li sup{ color:#c78337; font-size:36px; line-height:50px; font-family:Arial, Helvetica, sans-serif;}

#rd .right{ width:45vw; float:right;}
#rd .right img{ width:100%;}



.kuang{ width:80vw; margin:0 auto 4vw auto;}
/*ind_pic*/
.ind_pic {width:100%; margin:0 auto; padding-bottom:4vw; overflow:hidden; }
.ind_pic .swiper-slide {text-align: center;font-size:16px;padding-bottom:20px; 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; }
.ind_pic .swiper-slide{ overflow:hidden; text-align:left; background:#c78337; color:#fff; min-height:340px; margin-bottom:2vw;}
.ind_pic .swiper-slide .k{ padding:3vw; overflow:hidden;}
.ind_pic .swiper-slide .k .a1{ width:151px; float:left; margin-right:1vw; overflow:hidden;}
.ind_pic .swiper-slide .k .a1 img{ width:151px;transform:scale(1,1);}
.ind_pic .swiper-slide .k .a2{ overflow:hidden;}
.ind_pic .swiper-slide .k .a2 p:nth-child(1){ font-size:24px; line-height:40px; padding-bottom:1vw;}
.ind_pic .swiper-slide .k .a2 p:nth-child(2){ padding-bottom:1vw;}
.ind_pic .swiper-pagination{ margin-bottom:0vw;}


#rd1{background:#f7f7f7; padding:6vw 0; margin:0 auto 2vw auto; overflow:hidden;}
#rd1 .k{ width:90vw; margin:0 auto; overflow:hidden; }
#rd1 .left{ float:right; width:40vw; padding-left:5vw;}
#rd1 .left h2{ font-size:24px; line-height:50px; font-weight:500;}
#rd1 .left p{ font-size:14px; line-height:30px;}
#rd1 .right{ width:45vw; float:left; overflow:hidden;}
#rd1 .right ul{ width:50vw;}
#rd1 .right ul li{ width:14.66vw; margin-right:0.5vw; margin-bottom:0.5vw; float:left; }
#rd1 .right ul li img{ width:100%;}

#news{ width:90vw; margin:0 auto; overflow:hidden;}

#news ul li{ margin-bottom:5vw; overflow:hidden;}
#news ul li a{ display:block; overflow:hidden; padding:0; background:url(image/line2.jpg) no-repeat right bottom/40vw 1px;}
#news ul li a:hover{ background:url(image/line2.jpg) no-repeat right bottom/40vw 1px;}
#news ul li a .a1{ float:left; width:45vw;}
#news ul li a .a1 img{ width:100%; transition:all 0.5s;}
#news ul li a:hover .a1 img{ transform:scale(1.15);}
#news ul li a .a2{ padding-left:5vw; overflow:hidden; font-size:1vw; line-height:1.8vw;}
#news ul li a .a2 p:nth-child(1){ font-size:1.6vw; line-height:2.2vw; padding-bottom:1vw; padding-top:3vw; }
#news ul li a .a2 p:nth-child(2){ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom:1vw;}
#news ul li a .a2 p:nth-child(2) img{ width:20px; vertical-align:middle; margin:0 5px 3px 0;}
#news ul li a .a2 p:nth-child(4){ width:120px; background:#c78337; color:#fff; text-align:center; line-height:36px; border-radius:50px; font-size:14px; margin-top:3vw; transition:all 0.5s;}
#news ul li a .a2 p:nth-child(4):hover{ width:150px; background:#333;}


#news ul li.ct{ margin-bottom:5vw; overflow:hidden; background:url(image/line2.jpg) no-repeat left bottom/40vw 1px;}
#news ul li.ct a .a1{ float:right; width:45vw;}
#news ul li.ct a .a1 img{ width:100%;}
#news ul li.ct a .a2{ padding-right:5vw; padding-left:0; overflow:hidden; font-size:1vw; line-height:1.8vw;}
#news ul li.ct a .a2 p:nth-child(1){ font-size:1.6vw; line-height:2.2vw; padding-bottom:1vw; padding-top:3vw; }
#news ul li.ct a .a2 p:nth-child(2){ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-bottom:1vw;}
#news ul li.ct a .a2 p:nth-child(2) img{ width:20px; vertical-align:middle; margin:0 5px 3px 0;}
#news ul li.ct a .a2 p:nth-child(4){ width:120px; background:#c78337; color:#fff; text-align:center; line-height:36px; border-radius:50px; font-size:14px; margin-top:3vw; transition:all 0.5s;}
#news ul li.ct a .a2 p:nth-child(4):hover{ width:150px; background:#333;}



#page{ overflow:hidden; text-align:center; margin-bottom:5vw; margin-top:1vw;}
#page ul{ display:inline-block}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; background:#f7f7f7; line-height:40px; padding:0 30px; border-radius:5px;}
#page ul li a:hover{ background:#c78337; color:#fff;}
#page ul li a.it{ background:#c78337; color:#fff;}

#kn1{ width:80vw; margin:0 auto; overflow:hidden;}
#kn1 ul{ width:100vw;}
#kn1 ul li{ width:39vw; margin-right:2vw; margin-bottom:2vw; float:left;}
#kn1 ul li a{ display:block; background:url(image/bit.png) no-repeat 34vw center/ 50px auto #f7f7f7; padding:3vw; border-radius:5px;}
#kn1 ul li a p:nth-child(1){ font-size:18px; line-height:24px;}
#kn1 ul li a:hover{ background:url(image/bit.png) no-repeat 34vw center/ 50px auto #c78337; color:#fff;}

#contact{ width:80vw; margin:4vw auto 5vw auto; overflow:hidden;}
#contact .left{ width:50%; float:left;}
#contact .left h1{ font-size:30px; line-height:60px; font-weight:500;}
#contact .left .a2{ font-size:16px; line-height:40px; margin-top:1vw;}
#contact .left .a2 span{ font-size:24px; line-height:60px;}
#contact .left .a3{ padding-top:0.5vw; font-size:16px; line-height:30px; }
#contact .left .a3 span{ font-size:24px; line-height:50px;}
#contact .left .a3 br.n{ display:none;}
#contact .left .a4{ margin-top:2vw;}
#contact .left .a4 img{ border:solid 1px #eee; margin-right:20px;}

#contact .right{ float:right; width:50%;}
#contact .right h2{ font-size:24px; font-weight:500; line-height:60px;}
#contact .right p{ font-size:16px;}
#contact .right p input{ border:solid 1px #eee; width:99%; line-height:50px; margin-top:10px; text-indent:60px;}
#contact .right p:nth-child(3) input{ background:url(image/f1.jpg) no-repeat left center;}
#contact .right p:nth-child(4) input{ background:url(image/f2.jpg) no-repeat left center;}
#contact .right p:nth-child(5) input{ background:url(image/f3.jpg) no-repeat left center;}
#contact .right p:nth-child(6) input{ background:url(image/f4.jpg) no-repeat left center;}
#contact .right p:nth-child(7) input{ background:url(image/f6.jpg) no-repeat left center;}
#contact .right p textarea{ width:93%; border:solid 1px #eee; margin-top:10px; height:80px; padding:10px 3%;}
#contact .right p a{ display:block; width:160px; line-height:50px; background:#c78337; text-align:center; color:#fff; border-radius:5px; margin-top:20px;}
#contact .right p a:hover{ width:180px; background:#333}

#agent{ width:90vw; margin:6vw auto 10vw auto; overflow:hidden;}
#agent h2{ font-size:30px; text-align:center; line-height:60px; font-weight:500;}
#agent .con{ overflow:hidden; margin-top:2vw;}
#agent .con ul{ width:100vw;}
#agent .con ul li{ width:28vw; float:left; font-size:16px; line-height:36px; margin-right:3vw; cursor:pointer;}
#agent .con ul li .cc{ width:28vw; position:absolute; overflow:hidden;}
#agent .con ul li .cc p:nth-child(1){ font-size:20px; line-height:50px; padding-top:1vw; text-align:center;}
#agent .con ul li .cc p:nth-child(2){font-size:14px; line-height:30px; display:none;}
#agent .con ul li img{ width:100%;}
#agent .con ul li:hover .cc{ width:24vw; position:absolute; overflow:hidden; background:#c78337; color:#fff; padding:1vw 2vw 2vw 2vw; }
#agent .con ul li:nth-child(1):hover .cc{ margin-top:-23.5vw;}
#agent .con ul li:nth-child(2):hover .cc{ margin-top:-19.8vw;}
#agent .con ul li:nth-child(3):hover .cc{ margin-top:-14vw;}
#agent .con ul li:hover .cc p:nth-child(1){ font-size:24px; line-height:50px; padding-top:1vw; text-align:left;}
#agent .con ul li:hover .cc p:nth-child(2){font-size:16px; line-height:36px; display:block;}


#agent1{ width:100%; margin:0 auto 0 auto; overflow:hidden; color:#000; background:#f7f7f7;}
#agent1 h2{ font-size:30px; text-align:center; line-height:60px; font-weight:500; padding-top:5vw; padding-bottom:2vw; color:#000;}
#agent1 .img{ width:90vw; margin:0 auto; overflow:hidden;}
#agent1 .img img{ width:100%;}
#agent1 .con{ width:90vw; margin:1vw auto 3vw auto; overflow:hidden;}
#agent1 .con ul{ width:100vw;}
#agent1 .con ul li{ float:left; width:44.5vw; margin-right:1vw; background:#c78337; border-radius:0px; min-height:220px;}
#agent1 .con ul li:nth-child(1){ background:rgba(255,255,255,1); color:#000;}
#agent1 .con ul li:nth-child(2){ background:rgba(255,255,255,1);}
#agent1 .con ul li div{ padding:2vw 3vw 2vw 3vw; font-size:16px;}
#agent1 .con ul li div p:nth-child(1){ font-size:24px; line-height:50px;}

#ind_news{ width:100%; overflow:hidden; padding-bottom:6vw;}
#ind_news h2{ text-align:center; line-height:80px; font-size:36px; font-weight:500; padding-top:5vw;}
#ind_news .con{ width:90vw; margin:2vw auto 0 auto; overflow:hidden;}
#ind_news .con ul{ width:100vw;}
#ind_news .con ul li{ width:29vw; float:left; margin-right:1.5vw;}
#ind_news .con ul li a{ display:block;}
#ind_news .con ul li a img{ width:100%; transition:all 0.5s;}
#ind_news .con ul li a .img{ overflow:hidden;}
#ind_news .con ul li a .cc{ padding:2vw; margin-top:10px; background:#f7f7f7; transition:all 0.5s;}
#ind_news .con ul li a .cc p:nth-child(1){ font-size:20px; line-height:30px;h}
#ind_news .con ul li a .cc p:nth-child(2){ font-size:16px; padding-top:1vw; color:#999;}
#ind_news .con ul li a:hover img{ transform:scale(1.15);}
#ind_news .con ul li a:hover .cc{ background:#c78337; color:#fff; margin-top:0px;}
#ind_news .con ul li a:hover .cc p:nth-child(2){ color:#fff;}

#job{ width:90vw; margin:0 auto 2vw auto; overflow:hidden; border-top:solid 1px #eee;}
#job ul li{ border-bottom:solid 1px #eee; background:#fff;}
#job ul li .tt{ overflow:hidden; padding:1vw 0; cursor:pointer; background:url(image/jia.png) no-repeat 98%; color:#666; transition:all 0.5s;}
#job ul li .tt p{ float:left; line-height:20px; width:25%; font-size:14px;}
#job ul li .tt p:nth-child(1){ font-size:18px; font-weight:bold; text-indent:50px;}
#job ul li .con{ background:#f7f7f7; padding:2vw; display:none;}
#job ul li .con p.ta{ font-size:14px; font-weight:bold; padding-bottom:10px;}
#job ul li .con p:nth-child(3){ padding-top:30px;}

#pro2{ width:100%; padding-top:4vw; overflow:hidden;background:#f7f7f7; }
#pro2 h1{ text-align:center; font-size:30px; line-height:80px; font-weight:500; padding-bottom:2vw;}

#prolist{ overflow:hidden; background:#f7f7f7; padding:0 0 2vw 0;}
#prolist div.k{ width:80vw; margin:0 auto; margin-bottom:3vw; font-size:16px; line-height:30px;overflow:hidden; }
#prolist div.k .left{ width:35vw; height:35vw; overflow:hidden; float:left; }
#prolist div.k .left ul{transition:all 0.5s;}
#prolist div.k .left img{ width:100%;border-radius:50px;}
#prolist div.k .right{ float:right; width:35vw; overflow:hidden;}
#prolist div.k .right ul{ width:100000px; transition:all 0.5s;}
#prolist div.k .right ul li{ width:35vw; float:left;}
#prolist div.k .right h2{ font-size:24px; font-weight:500; line-height:40px; margin-top:5vw;}
#prolist div.k .right p:nth-child(2){ font-size:48px; color:#c78337; line-height:60px; border-bottom:solid 1px #ddd; padding-bottom:3vw; margin-bottom:2vw;}
#prolist div.k .right p:nth-child(3){ font-size:16px; border-bottom:solid 1px #ddd; padding-bottom:2vw; margin-bottom:2vw;}
#prolist div.k .right p{ overflow:hidden;}
#prolist div.k .right a{ float:left; margin-right:1vw; display:block;}
#prolist div.k .right a img{ width:50px; border-radius:10px; margin-top:13px;}
#prolist div.k .right a:nth-child(1){ display:block; background:#333; color:#fff; width:150px; border-radius:50px; text-align:center; margin-top:1.5vw; line-height:40px; }
#prolist div.k .right a:nth-child(1):hover{ width:180px; background:#c78337;}

#pro_btn{ width:100%; text-align:center; overflow:hidden;}
#pro_btn ul{ display:inline-block;}
#pro_btn ul li{ float:left; width:10vw; margin:2vw 2vw; cursor:pointer;}
#pro_btn ul li img{ width:5vw; border-radius:20px;}
#pro_btn ul li p:nth-child(2){ overflow:hidden; padding-top:1vw; font-size:16px; line-height:24px;}

#salenet{ text-align:center; margin-bottom:6vw; overflow:hidden;}
#salenet h2{text-align:center; line-height:80px; font-size:30px; font-weight:500; padding-top:0;}
#salenet img{ width:800px; max-width:100%;}

}