@media(max-width:1024px) {
#top{ width:100%; position:fixed; top:0; left:0; z-index:10; background:none; box-shadow:0 3px 3px rgba(0,0,0,0.0); border-bottom:solid 1px #eee; transition:all 0.5s; background:#fff; transition:all 0.5s;}

#logo{ float:left; overflow:hidden;}
#logo img{ margin:0.5rem 0 0.5rem 1rem; height:3rem;}
#logo a{ float:left; display:block;}

#menu{ line-height:50px;overflow:hidden; float:inherit; margin-left:0; position:fixed; background:rgba(0,0,0,0.8); top:0; left:0; height:100%; display:none;}
#menu ul{ width:70%; background:#fff; overflow:scroll; height:100%; float:left;}
#menu ul li{ float:left; width:100%; border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:4rem; font-size:1rem; color:#000; font-weight:600; padding:0 0 0 2rem; text-transform:uppercase; background:url(image/line2.png) no-repeat left bottom/0% 0px;}
#menu ul li a:hover{background:url(image/line2.png) no-repeat left bottom/100% 0px; }

#menubtn{ float:right; display:block; cursor:pointer;}
#menubtn img{ height:4rem;}

#close{ display:block; width:4rem; height:4rem; background:#eee; float:left; cursor:pointer;}
#close img{ width:100%;}

#menu ul #pro_btn a{background:url(image/myright.png) no-repeat right/auto 100%;}
#menu ul #strength_btn a{background:url(image/myright.png) no-repeat right/auto 100%;}
#menu ul #news_btn a{background:url(image/myright.png) no-repeat right/auto 100%;}
#menu ul #about_btn a{background:url(image/myright.png) no-repeat right/auto 100%;}


#mask{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); top:101px; left:0; z-index:4; display:none;}

#mask1{ position:fixed; width:70%; height:100%; background:#fff; top:0; overflow:hidden; padding-bottom:3vw; left:0; z-index:10; display:none; overflow:hidden; }
#pro_list_btn{ overflow:hidden; height:auto; width:100%; float:left; margin-left:0; transition: all 0.5s; float:left;}
#pro_list_btn div{ display:block; background:#ddd; font-size:1.4rem; font-weight:bold; height:4rem; line-height:4rem; overflow:hidden; text-transform:uppercase; cursor:pointer;}
#pro_list_btn div img{ height:4rem; vertical-align:middle; margin-bottom:4px;}
#pro_list_btn ul{ padding:0 0 0 0;}
#pro_list_btn ul li{ border-bottom:solid 1px #eee;}
#pro_list_btn ul li a{ font-size:1rem; line-height:4rem;background:url(image/line2.png) no-repeat left bottom/0% 2px; text-indent:10px; display:block; font-weight:500;}
#pro_list_btn ul li a:hover{background:url(image/line2.png) no-repeat left bottom/100% 2px;}

#propich{ float:left; width:100%;margin-top:3vw; transition: all 0.5s; display:none;}
#propich img{ width:100%;}

#mask2{ position:fixed; width:70%; height:100%; background:#fff; top:0; overflow:hidden; padding-bottom:3vw; left:0; z-index:10; display:none; overflow:hidden; }
#news_list_btn{ overflow:hidden; height:auto; width:100%; float:left; margin-left:0; transition: all 0.5s; float:left;}
#news_list_btn div{ display:block; background:#ddd; font-size:1.4rem; font-weight:bold; height:4rem; line-height:4rem; overflow:hidden; text-transform:uppercase; cursor:pointer;}
#news_list_btn div img{ height:4rem; vertical-align:middle; margin-bottom:4px;}
#news_list_btn ul{ padding:0 0 0 0;}
#news_list_btn ul li{ border-bottom:solid 1px #eee;}
#news_list_btn ul li a{ font-size:1rem; line-height:4rem;background:url(image/line2.png) no-repeat left bottom/0% 2px; display:block; text-indent:10px; font-weight:500;}
#news_list_btn ul li a:hover{background:url(image/line2.png) no-repeat left bottom/100% 2px;}

#newspich{ float:left; width:25vw;margin-top:3vw; transition: all 0.5s; display:none;}
#newspich img{ width:100%;}

#mask3{ position:fixed; width:70%; height:100%; background:#fff; top:0; overflow:hidden; padding-bottom:3vw; left:0; z-index:10; display:none; overflow:hidden; }
#strength_list_btn{ overflow:hidden; height:auto; width:100%; float:left; margin-left:0; transition: all 0.5s; float:left;}
#strength_list_btn div{ display:block; background:#ddd; font-size:1.4rem; font-weight:bold; height:4rem; line-height:4rem; overflow:hidden; text-transform:uppercase; cursor:pointer;}
#strength_list_btn div img{ height:4rem; vertical-align:middle; margin-bottom:4px;}
#strength_list_btn ul{ padding:0 0 0 0;}
#strength_list_btn ul li{ border-bottom:solid 1px #eee;}
#strength_list_btn ul li a{ font-size:1rem; line-height:4rem;background:url(image/line2.png) no-repeat left bottom/0% 2px; display:block; text-indent:10px; font-weight:500;}
#strength_list_btn ul li a:hover{background:url(image/line2.png) no-repeat left bottom/100% 2px;}

#strengthpich{ float:left; width:25vw;margin-top:3vw; transition: all 0.5s; display:none;}
#strengthpich img{ width:100%;}

#mask0{ position:fixed; width:70%; height:100%; background:#fff; top:0; overflow:hidden; padding-bottom:3vw; left:0; z-index:10; display:none; overflow:hidden; }
#about_list_btn{ overflow:hidden; height:auto; width:100%; float:left; margin-left:0; transition: all 0.5s; float:left;}
#about_list_btn div{ display:block; background:#ddd; font-size:1.4rem; font-weight:bold; height:4rem; line-height:4rem; overflow:hidden; text-transform:uppercase; cursor:pointer;}
#about_list_btn div img{ height:4rem; vertical-align:middle; margin-bottom:4px;}
#about_list_btn ul{ padding:0 0 0 0;}
#about_list_btn ul li{ border-bottom:solid 1px #eee;}
#about_list_btn ul li a{ font-size:1rem; line-height:4rem;background:url(image/line2.png) no-repeat left bottom/0% 2px; display:block; text-indent:10px; font-weight:500;}
#about_list_btn ul li a:hover{background:url(image/line2.png) no-repeat left bottom/100% 2px;}

#aboutpich{ float:left; width:25vw;margin-top:3vw; transition: all 0.5s; display:none;}
#aboutpich img{ width:100%;}  


#right{ float:right; margin-right:2rem;}
#lan{ float:left; font-size:0.8rem; line-height:4rem; cursor:pointer;}
#lan img{ vertical-align:middle;margin-right:5px; margin-bottom:2px;}

#search{ float:left; margin-left:1rem; display:none;}
#search img{ margin-top:1rem; cursor:pointer; height:1rem;}

/*banner*/
#banner{ overflow:hidden;}
.swiper-container {	width:100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;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;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:150%;}
.PC_banner{ display:block;}
.M_banner{ display:none;}

#banner .word{ position:absolute;  text-align:left; color:#fff; margin-top:20vw; margin-left:0rem; width:80vw;}
#banner .word h2{ font-size:1.2rem; font-weight:900; line-height:2rem; font-family:myfont;}
#banner .word h3{ font-size:0.8rem; line-height:1.2rem; font-weight:100;}
#banner .word a{ display:block; width:120px; margin-top:4vw; line-height:2rem; color:#000; font-size:0.8rem; text-align:left;border-radius:0px; background:#fff; text-transform:uppercase; text-align:center;}
#banner .word a:hover{color:#fff; background:#d91720;}

#ind_pro{ width:90vw; margin:1rem auto 0 auto; overflow:hidden;}
#ind_pro h2{ font-size:1.4rem; float:left; font-family:myfont; line-height:3rem;}


#change{ float:right; overflow:hidden; margin-top:0.5rem;}
#change a{ background:#f5f5f5; display:block; margin-left:10px; float:left;}
#change a img{ opacity:0.2;}

#ind_pro_li{ width:90vw; margin:0 auto; overflow:hidden;}
#ind_pro_li ul{ width:100000000px;}
#ind_pro_li ul li{ float:left; width:21.6vw; margin-right:1.2vw;}
#ind_pro_li ul li img{ width:100%;}
#ind_pro_li ul li h3{ width:21.6vw; text-align:center; position:absolute; margin-top:-14vw; color:#fff; font-size:24px; font-weight:100;}

.swiper {width: 100%;height: 100%;  }
.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;  }
.mySwiper .swiper-slide img { display:block; width: 100%; height: 100%; object-fit: cover;transition:all 0.5s;}
.mySwiper .swiper-slide img:hover{ transform:scale(1.15);}
.swiper-slide h6{ position:absolute; margin-top:-30vw; color:#fff; font-weight:100;font-size:1rem; text-align:center;width:42vw;}
.mySwiper .swiper-pagination{ display:none;}



#ind_about{ width:90vw; margin:6vw auto 0 auto; overflow:hidden;}
#ind_about .left{ float:left; width:100%;}
#ind_about .left h1{ font-family:myfont; font-size:1.4rem; line-height:3rem; margin-top:2vw;}
#ind_about .left p{ font-size:0.8rem; line-height:2rem; padding-right:5vw;}
#ind_about .left a{ display:block; width:140px; line-height:2rem; color:#fff; background:#000; border-radius:0px; text-align:center; text-transform:uppercase; margin-top:5vw;}
#ind_about .left a:hover{ background:#d91720}


#ind_about .right{ float:right; width:100%; margin-top:2rem;}
#ind_about .right img{ width:100%;}

#ind_honor{ width:90vw; margin:2vw auto; overflow:scroll;}
#ind_honor ul{ width:270vw;}
#ind_honor ul li{ float:left; overflow:hidden; width:27vw;}
#ind_honor ul li img{ width:99%; border-right:solid 1px #eee;}

#ind_rd{ width:90vw; margin:0vw auto 0 auto; overflow:hidden;}
#ind_rd .left{ float:right; width:100%;}
#ind_rd .left h2{ font-family:myfont; font-size:1.4rem; line-height:3rem; margin-top:2vw; padding-left:0;}
#ind_rd .left p{ font-size:0.8rem; line-height:2rem; padding-left:0;}
#ind_rd .left a{ display:block; width:140px; line-height:2rem; margin-left:0; color:#fff; background:#000; border-radius:0px; text-align:center; text-transform:uppercase; margin-top:5vw;}
#ind_rd .left a:hover{ background:#d91720}


#ind_rd .right{ float:left; width:100%; margin-top:2rem;}
#ind_rd .right img{ width:100%;}

#ind_proli{ width:90vw; margin:2vw auto 0 auto; overflow:hidden;}
#ind_proli h2{ font-size:1.4rem; float:left; font-family:myfont; line-height:3rem;}

#productli{ width:90vw; margin:0 auto 2vw auto; overflow:hidden;}
.swiper {width: 100%;height: 100%;  }
.product_Swiper .swiper-slide { text-align: center; font-size: 1rem; background: #fff; display: flex; justify-content: center; align-items: center; padding-bottom:4rem; }
.product_Swiper .swiper-slide .imge{ overflow:hidden;	}
.product_Swiper .swiper-slide img { display:block; width: 100%; height: 100%; object-fit: cover;transition:all 0.5s;}
.product_Swiper .swiper-slide img:hover{ transform:scale(1.15);}
.product_Swiper .swiper-slide h2{ color:#000; position:absolute; font-weight:100;font-size:1rem; margin-top:1vw; text-align:left;width:40vw;}
.product_Swiper .swiper-slide h3{ color:#000; position:absolute; font-weight:100;font-size:0.6rem; margin-top:1.5rem; text-align:left;width:40vw;}

.product_Swiper .swiper-pagination{ display:none;}


#change1{ float:right; overflow:hidden; margin-top:0.5rem;}
#change1 a{ background:#f5f5f5; display:block; margin-left:10px; float:left;}
#change1 a img{ opacity:0.2;}

#ind_proli{ width:90vw; margin:2rem auto 1rem auto; overflow:hidden;}
#ind_proli h2{ font-size:1.4rem; float:left; font-family:myfont; line-height:3rem;}


#ind_prolist_li{ width:90vw; margin:0 auto; overflow:scroll;}
#ind_prolist_li ul{ width:180vw;}
#ind_prolist_li ul li{ float:left; width:44vw; margin-right:1vw;}
#ind_prolist_li ul li img{ width:100%;}
#ind_prolist_li ul li h3{ width:44vw; text-align:left; color:#000; font-size:1.2rem; font-weight:100; line-height:1.6rem; padding-top:10px;}
#ind_prolist_li ul li h4{ width:44vw; text-align:left; color:#000; font-size:0.8rem; font-weight:100;}

#line1{ width:90vw; margin:2vw auto 5vw auto; overflow:hidden; background:#f5f5f5; height:2px;}
#process{ width:70%; background:#000; height:2px; transition:all 0.5s;}

#bottom{ width:100%; background:#222; overflow:hidden;}
#bottom_k{ width:90vw; margin:2rem auto 0 auto; overflow:hidden;}
#b_menu{ float:left;}
#b_menu ul li{ float:left; color:#fff; margin-right:0; width:45vw;}
#b_menu ul li h3{ font-family:myfont; font-size:1rem; line-height:2rem;}
#b_menu ul li a{ display:block; color:#999; line-height:30px;}
#b_menu ul li a:hover{ color:#fff;}

#share{ float:right;}

#copy{ width:90vw; margin:2vw auto 0 auto; padding:2vw 0 4vw 0; overflow:hidden; color:#999; border-top:solid 1px #636363;}
#copy .left{ float:left;}
#copy .right{ float:right;}

#bread{ width:90vw; margin:4rem auto 0 auto; border-bottom:solid 1px #eee; line-height:1rem; padding:1rem 0; font-size:0.6rem; overflow:hidden;}

#aboutbanner{ width:100%; margin:4rem auto 0 auto; background:#000; overflow:hidden;}
#aboutbanner img{ width:100%;}
#aboutbanner .right{ position:absolute; width:40vw;}

#about1{ width:90vw; margin:0 auto 5vw auto; overflow:hidden;}
#about1 .right{ float:left; width:100%; height:auto; margin-top:2rem; overflow:hidden;}
#about1 .right img{ width:100%; margin-top:-3vw;}
#about1 .right #videoplay{ position:absolute; width:90vw; height:49vw; margin-top:-56.4vw; background:rgba(0,0,0,0); text-align:center; overflow:hidden; cursor:pointer; transition:all 0.5s;}
#about1 .right #videoplay:hover{background:rgba(0,0,0,0);}
#about1 .right #videoplay img{ width:10vw; margin-top:23vw;}


#about1 .left{ width:100%; float:right; padding-left:5vw; font-size:0.8rem;}
#about1 .left h1{ font-size:1.6rem; line-height:3rem; font-family:myfont; margin:4vw 0 2vw 0; text-transform:capitalize;}
#about1 .left span{ font-weight:bold; text-decoration:underline;}

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


#about2{width:90vw; float:left; overflow:hidden;  padding-top:0vw;}
#about2 .right{width:100%; overflow:hidden; display:none;}
#about2 .right img{ width:100%;}
#about2 .left{ width:100%; float:left; padding-right:0; font-size:0.8rem;}
#about2 .left h2{ font-size:1.4rem; line-height:2rem; font-family:myfont; margin:4vw 0 2vw 0; text-transform:capitalize;}
#about2 .left a{ display:block; width:140px; line-height:2rem; background:#000; text-align:center; color:#fff; margin-top:3vw;}
#about2 .left a:hover{ background:#d91720;}

#about3{width:90vw; float:right; overflow:hidden;  padding-top:0vw;}
#about3 .right{width:90vw; overflow:hidden; margin-top:2rem;}
#about3 .right img{ width:100%;}
#about3 .left{ width:90vw; font-size:0.8rem;}
#about3 .left h2{ font-size:1.4rem; line-height:2rem; font-family:myfont; margin:4vw 0 2vw 0; text-transform:capitalize;}
#about3 .left a{ display:block; width:140px; line-height:2rem; background:#000; text-align:center; color:#fff; margin-top:3vw;}
#about3 .left a:hover{ background:#d91720;}



#about31{width:100%; background:#eee; margin:0 auto 0 auto; overflow:hidden;  padding-top:0vw;}
#about31 .right{ float:right; width:100%; overflow:hidden; margin-top:2rem;}
#about31 .right img{ width:100%; height:auto;}
#about31 .left{ width:90%; float:left; padding:0 5%; font-size:0.8rem;}
#about31 .left h2{ font-size:1.4rem; line-height:2rem; font-family:myfont; margin:2rem 0 2vw 0; text-transform:capitalize;}
#about31 .left a{ display:block; width:140px; line-height:2rem; background:#000; text-align:center; color:#fff; margin-top:3vw;}
#about31 .left a:hover{ background:#d91720;}

#about32{width:100%; background:#eee; margin:2rem auto 0 auto; overflow:hidden;  padding-top:0vw;}
#about32 .right{ float:right; width:100%; overflow:hidden; margin-top:2rem;}
#about32 .right img{ width:100%; height:auto;}
#about32 .left{ width:90%; float:left; padding:0 5%; font-size:0.8rem;}
#about32 .left h2{ font-size:1.4rem; line-height:2rem; font-family:myfont; margin:2rem 0 2vw 0; text-transform:capitalize;}
#about32 .left a{ display:block; width:140px; line-height:2rem; background:#000; text-align:center; color:#fff; margin-top:3vw;}
#about32 .left a:hover{ background:#d91720;}

#about5{ width:100%; overflow:hidden; background:url(image/di.jpg) no-repeat top center/auto 100% ; margin-top:0; background-attachment:fixed;}
#about5 p{ font-size:1rem; font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; line-height:2rem; color:#fff; width:90%; text-align:left; padding:10vw 0; text-transform:capitalize;}





#about4{width:100%; margin:0vw auto 0vw auto; padding-bottom:2rem; background:#eee; overflow:hidden; }
#about4 .left{ width:100%; float:left; }
#about4 .left img{ width:100%;}



#history{ width:90vw; margin:0 auto;overflow:hidden; float:right;}
#history h2{font-size:1.4rem; line-height:30px; font-family:myfont; margin-bottom:2vw; text-transform:capitalize; padding-top:2rem; float:left;}
#history .list{ width:90%; height:auto; margin-bottom:3vw; overflow-y:scroll;}
#history .list ul{overflow:hidden; background:url(image/line3.png)repeat-y 15px top;}
#history .list ul li{ width:auto; padding-right:1vw; font-size:0.8rem; margin-bottom:2vw;  overflow:hidden;}

#history .list ul li div.a1{overflow:hidden;}
#history .list ul li img{ width:30px; float:left; margin-top:8px; border-radius:50%; border:solid 2px #eee; background:#eee; margin-right:10px;}
#history .list ul li h3{ font-size:1.2rem; line-height:50px; }
#history .list ul li p{ padding-left:45px;}

#workshop{ width:90vw; margin:2vw auto 0 auto; overflow:hidden;}
#workshop .cc{ float:left; width:60vw; padding-bottom:3vw;}
#workshop h2{ font-size:36px; font-family:myfont; line-height:120px;}
#workshop .content{ font-size:16px;}

#change_w{ float:right; overflow:hidden; margin-top:160px;}
#change_w a{ background:#f5f5f5; display:block; margin-left:10px; float:left;}
#change_w a img{ opacity:0.4;}
#change_w a:nth-child(2){ background:#000; display:block; margin-left:10px; float:left;}
#change_w a:nth-child(2) img{ opacity:1;}

#workshopli{ width:90vw; margin:0 auto 2vw auto; overflow:hidden;}
.swiper {width: 100%;height: 100%;  }
.workshop_Swiper .swiper-slide { text-align: center; font-size:0.8rem; background: #fff; display: flex; justify-content: center; align-items: center; padding-bottom:5rem; }
.workshop_Swiper .swiper-slide .imge{ overflow:hidden;	}
.workshop_Swiper .swiper-slide img { display:block; width: 100%; height: 100%; object-fit: cover;transition:all 0.5s;}
.workshop_Swiper .swiper-slide img:hover{ transform:scale(1.15);}
.workshop_Swiper .swiper-slide h6{ color:#000; position:absolute; font-weight:100;font-size:0.8rem; line-height:1.2rem; margin-top:1rem; text-align:left;width:44vw;}
.workshop_Swiper .swiper-pagination{ display:none;}

#line{ width:90vw; margin:0 auto 5vw auto; overflow:hidden; height:2px; background:#eee;}
#line_btn{ background:#000; height:2vw; width:10vw; transition:all 0.5s;}

#pro1{ width:90vw; overflow:hidden; margin:0 auto 1vw auto;}
#pro1 h1{ font-family:myfont; font-size:36px; line-height:80px; padding-top:4vw;}
#pro1 h2{ font-size:16px; font-weight:100; }

#pro_k{ width:90vw; margin:0 auto 0 auto; overflow:hidden; padding:0; background:rgba(255,255,255,1);}

#pro_change{ width:16vw; float:left; border-top:solid 1px #eee; margin-top:1vw;}
#mycolor_change{ overflow:hidden;}
#mycolor_change h3{ line-height:4vw;}
#mycolor_change ul li{ width:50%; float:left; line-height:30px; cursor:pointer; margin-bottom:10px;}
#mycolor_change ul li span{ display:block; width:20px; height:20px; float:left; border:solid 5px #fff; margin-right:10px;}
#mycolor_change ul li:hover span{border:solid 5px #000;}

#male_change{ width:16vw; float:left; border-top:solid 1px #eee; margin-top:1vw;}
#male_change{ overflow:hidden;}
#male_change h3{ line-height:4vw;}
#male_change ul li{ width:100%; float:left; line-height:20px; cursor:pointer; margin-bottom:15px;}
#male_change ul li input{ display:block; width:20px; height:20px; float:left;  margin-right:10px;}



#pro_list_pic{ width:90vw;  margin:7vw auto 0 auto; overflow:hidden; padding:20px 0; background:rgba(255,255,255,0);}
#pro_list_pic ul{ width:100vw;}
#pro_list_pic ul li{ float:left; width:19.6vw; height:26vw; margin-bottom:3vw; background:#fff; padding:1vw;  margin-right:1.2vw; text-align:left;}
#pro_list_pic ul li div.a1{ overflow:hidden;}
#pro_list_pic ul li div.a1 p{ display:none;}
#pro_list_pic ul li div.a1 p:nth-child(1){ display:block;}
#pro_list_pic ul li div.a1 img{ width:100%; background:#eee;}
#pro_list_pic ul li div.a2{ overflow:hidden;}
#pro_list_pic ul li div.a2 p{ float:left; margin:20px 10px 0 0 ;}
#pro_list_pic ul li div.a2 p span{ display:block;width:15px; height:15px; border-radius:50%;}
#pro_list_pic ul li div.a3{ padding-top:20px; }
#pro_list_pic ul li div.a3 p.b1{ font-size:20px; color:#000; font-weight:700;}
#pro_list_pic ul li div.a3 p.b2{ font-size:14px; color:#333; text-transform:uppercase; }
#pro_list_pic ul li div.a3 p.b3{ padding-bottom:2vw;}

#pro_list_pic ul dd{ float:left; width:21.6vw; height:30vw; margin-bottom:3vw; background:#eee;  margin-right:1.2vw; text-align:left;}
#pro_list_pic ul dd img{ width:100%;}
#pro_list_pic ul dd div{ padding:20px;}
#pro_list_pic ul dd div h3{ font-size:18px; font-weight:bold; padding-bottom:1vw;}
#pro_list_pic ul dd div h4{ font-size:16px; font-weight:100; color:#333;}
#pro_list_pic ul dd div h5{ font-size:14px; font-weight:100; margin-top:3vw; line-height:30px;}
#pro_list_pic ul dd div h5 img{ width:30px; vertical-align:middle;}


#probig1{ width:90vw; margin:1vw auto; overflow:hidden;}
#probig_left{ width:90vw; float:left;}
#probig_left .mypro{ display:none; overflow:hidden;}
#probig_left .mypro dl{ width:12vw; float:left; margin-right:2vw;}
#probig_left .mypro dl dd{ margin-bottom:10px; cursor:pointer; border:solid 1px #eee; padding:0.5vw;}
#probig_left .mypro ul{ width:74vw; float:right; margin-right:1vw;}
#probig_left .mypro dl dd img{ width:100%;}
#probig_left .mypro ul li{ display:none;}
#probig_left .mypro ul li:nth-child(1){ display:block;}
#probig_left .mypro:nth-child(1){ display:block;}
#probig_left .mypro ul li{ float:left; width:100%;  margin-right:0.5vw; margin-bottom:0.5vw; overflow:hidden;}
#probig_left .mypro ul li img{ width:100%;}

#probig_right{ width:90vw; float:right; overflow:hidden;}
#probig_right h1{ font-size:1.4rem; line-height:2rem; padding:1rem 0; font-family:myfont; border-bottom:solid 1px #eee; margin-bottom:2vw;}
#probig_right h3{ font-size:0.8rem; font-weight:100;}
#probig_right h4{ font-size:0.8rem; font-weight:100; padding-top:2vw; margin-top:2vw; color:#666; border-top:solid 1px #eee;}
#probig_right h5{ font-weight:100; font-size:0.8rem; padding-top:1vw;}
#probig_right h5 img{ width:30px; vertical-align:middle; margin-bottom:4px;}
#probig_right h5 a{ font-weight:bold; text-decoration:underline;}
#probig_right h6{ overflow:hidden;}
#probig_right h6 a{ display:block; float:left; background:#000; color:#fff; margin-right:10px; line-height:2.6rem; width:150px; text-align:center; margin-top:3vw;}
#probig_right h6 a img{ height:20px; vertical-align:middle; margin-right:5px; margin-bottom:4px;}
#probig_right h6 a:hover{ background:#d91720;}

#mycolor{ overflow:hidden; margin-top:2vw; border-top:solid 1px #eee; padding-top:2vw;}
#mycolor h2{ font-size:16px; font-weight:100; padding-bottom:1vw;}
#mycolor ul li{float:left; border:solid 1px #fff; display:block; padding:5px; cursor:pointer;}
#mycolor ul li:nth-child(1){float:left; border:solid 1px #000; display:block; padding:5px; cursor:pointer;}
#mycolor ul li p{ width:30px; height:30px; }

#probig2{ width:90vw; margin:0 auto;  overflow:hidden;}
#probig2 h2{ font-size:1.4rem; line-height:3rem; padding-top:2vw; text-align:left; font-family:myfont; border-bottom:solid 1px #eee;}
#probig2 .con{ text-align:center; overflow:hidden;}
#probig2 .con video{ width:90vw; margin:4vw 0;}

#probig3{ width:90vw; margin:0 auto 6vw auto;  overflow:hidden; border-top:solid 1px #eee;}
#probig3 h2{ font-size:1.4rem; line-height:80px; padding-top:2vw; text-align:left; font-family:myfont; padding-bottom:1vw;}

#news1{ width:90vw; max-width:1600px; overflow:hidden; margin:4rem auto 3rem auto;}
#news1 h1{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#news1 h2{ font-size:0.8rem; font-weight:100;}

#news2{ width:90vw; max-width:1600px; margin:0 auto 2rem auto; overflow:hidden;}
#news2 ul{}
#news2 ul li{ margin-bottom:4vw; overflow:hidden;}
#news2 ul li .left{ width:100%; float:left;}
#news2 ul li .left a p{ overflow:hidden;}
#news2 ul li .left a img{ width:100%; transition:all 0.5s;}
#news2 ul li .left a:hover p:nth-child(1) img{ transform:scale(1.15);}

#news2 ul li .right{ width:100%; padding:5vw 0% 0vw 0%; float:right;}
#news2 ul li .right p:nth-child(2){ font-size:12px; padding-top:1vw; color:#ccc;}
#news2 ul li .right h3{ font-size:1.4rem; line-height:2rem; padding-bottom:2vw; overflow:hidden; font-family:myfont;}
#news2 ul li .right p:nth-child(3){ font-size:0.8rem; color:#000;}
#news2 ul li .right a{ display:block; line-height:2rem; background:#000; color:#fff; text-align:center; width:140px; margin-top:3vw;}
#news2 ul li .right a:hover{ background:#d91720;}

#news2 ul li.change{ margin-bottom:4vw; overflow:hidden;}
#news2 ul li.change .left{ width:48%; float:right;}
#news2 ul li.change .left a p{ overflow:hidden;}
#news2 ul li.change .left a img{ width:100%; transition:all 0.5s;}
#news2 ul li.change .left a:hover p:nth-child(1) img{ transform:scale(1.15);}

#news2 ul li.change .right{ width:42%; padding:5vw 5% 5vw 0%; float:left;}
#news2 ul li.change .right p:nth-child(2){ font-size:12px; padding-top:1vw; color:#ccc;}
#news2 ul li.change .right h3{ font-size:30px; line-height:30px; padding-bottom:2vw; overflow:hidden; font-family:myfont;}
#news2 ul li.change .right p:nth-child(3){ font-size:16px; color:#000;}
#news2 ul li.change .right a{ display:block; line-height:50px; background:#000; color:#fff; text-align:center; width:150px; margin-top:3vw;}
#news2 ul li.change .right a:hover{ background:#d91720;}


#news3{ width:90vw; margin:0 auto 2vw auto; overflow:hidden;}
#news3 ul{ width:100vw;}
#news3 ul li{ margin-bottom:3rem; overflow:hidden; width:90vw; margin-right:0; height:auto; float:left;}
#news3 ul li .left{ width:100%; float:left;}
#news3 ul li .left a p{ overflow:hidden;}
#news3 ul li .left a img{ width:100%; transition:all 0.5s;}
#news3 ul li .left a:hover p:nth-child(1) img{ transform:scale(1.15);}

#news3 ul li .right{ width:100%; padding:2vw 0 0vw 0; float:right;}
#news3 ul li .right p:nth-child(2){ font-size:12px; padding-top:1vw; color:#ccc;}
#news3 ul li .right h3{ font-size:1.4rem; line-height:2rem; padding-bottom:2vw; overflow:hidden; font-family:myfont;}
#news3 ul li .right p:nth-child(3){ font-size:0.8rem; color:#000;}
#news3 ul li .right a{ display:block; line-height:2rem; background:#000; color:#fff; text-align:center; width:140px; margin-top:3vw;}
#news3 ul li .right a:hover{ background:#d91720;}

#newscontent{ width:90vw; max-width:1600px; overflow:hidden; margin:0 auto 3rem auto;}
#newscontent h1{ font-family:myfont; font-size:1.4rem; line-height:2rem; padding-top:2rem;}
#newscontent div{ font-size:0.8rem; font-weight:100; margin-top:1rem;}


#contact{ width:90vw; margin:4vw auto 6vw auto; overflow:hidden;}
#contact_left{ width:90vw; float:left; font-size:0.8rem; line-height:30px; }
#contact_left h1{ font-size:1.4rem; line-height:2rem; padding-bottom:1rem; margin-bottom:2vw; font-family:myfont; background:url(image/line2.png) no-repeat left bottom/50px 5px;}
#contact_left p{ border-bottom:solid 1px #eee; padding:1vw 0;}

#map{ width:100%; overflow:hidden; height:20rem; margin-top:2vw;}
#map img{ margin:-18rem 0 0 -29rem}

#contact_right{ width:90vw; float:right; font-size:0.8rem; padding-top:4vw;}
#contact_right img{ width:100%;}
#contact_right p{ padding-bottom:2vw;}
#contact_right p input{ border-bottom:solid 1px #eee; width:100%; height:50px; text-indent:50px;}
#contact_right p:nth-child(2) input{ background:url(image/b1.png) no-repeat left center/auto 70%;}
#contact_right p:nth-child(3) input{ background:url(image/b2.png) no-repeat left center/auto 70%;}
#contact_right p:nth-child(4) input{ background:url(image/b3.png) no-repeat left center/auto 70%;}
#contact_right p:nth-child(5) input{ background:url(image/b4.png) no-repeat left center/auto 70%;}
#contact_right p:nth-child(6) input{ background:url(image/b5.png) no-repeat left center/auto 70%;}
#contact_right p textarea{ border:solid 1px #eee; background:url(image/b6.png) no-repeat left top/auto 40px; width:81%; height:10rem; padding:12px 10px 10px 50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#contact_right p button{ width:150px; height:40px; background:#000; text-align:center; color:#fff; font-size:0.8rem; cursor:pointer; transition:all 0.5s;}
#contact_right p button:hover{ background:#d91720; width:180px;}

#rd{ width:90vw; max-width:1600px; margin:0 auto 3vw auto; padding-bottom:3vw; border-bottom:solid 1px #eee; overflow-x:scroll;}
#rd::-webkit-scrollbar {
    width: 10px; /* 滚动条的宽度 */
    height: 10px; /* 滚动条的高度 */
}/* 滚动条轨道 */
#rd::-webkit-scrollbar-track {
    background: #f1f1f1; /* 轨道颜色 */
}
/* 滚动条滑块 */
#rd::-webkit-scrollbar-thumb {
    background: #000; /* 滑块颜色 */
    border-radius: 10px; /* 滑块圆角 */
}
#rd ul{ width:100vw;}
#rd ul li{ width:20vw; margin-right:2vw; float:left;}
#rd ul li div{}
#rd ul li img{ width:100%; }
#rd ul li h2{ line-height:60px; font-size:20px; font-weight:100; font-weight:100;}
#rd ul li h3 img{ width:20px;}


#rd_k{ width:90vw; max-width:1600px; margin:0 auto 6vw auto; overflow:hidden; }

#rd1{ width:30vw; height:24vw; float:left; margin:0 auto; background:#f5f5f5; padding:4vw; overflow:hidden; font-size:16px;}
#rd1 p{ font-size:5vw; line-height:5vw; color:#ccc;}
#rd1 p:nth-child(1){ margin-top:4vw;}
#rd1 p:nth-child(2){ text-align:right; padding-top:2vw;}


#rd2{ width:50vw; float:left;overflow:hidden;}
#rd2 ul{}
#rd2 ul li{ width:15vw; height:10vw; overflow:hidden; margin-left:1vw; margin-bottom:1vw; float:left;}
#rd2 ul dd{ width:12vw; height:10vw; background:#f5f5f5; margin-left:1vw; margin-bottom:1vw; float:left;}
#rd2 ul li img{ width:100%; }
#rd2 ul li h2{ line-height:60px; font-size:18px; font-weight:100;}

#rd_w{ width:100%; background:#eee; overflow:hidden;}



#rd3{ width:90vw; margin:2vw auto 3vw auto; text-align:left; overflow:hidden;}
#rd3 .cc{ float:left; width:90vw; padding-bottom:3vw;}
#rd3 h2{ font-size:1.4rem; font-family:myfont; line-height:3rem; margin-top:1rem;}
#rd3 .content{ font-size:0.8rem; line-height:2rem;}
#rd3 .content span{ font-weight:bold; text-decoration:underline;}

#rd3a{ width:90vw; margin:5vw auto 3vw auto; text-align:left; overflow:hidden;}
#rd3a .cc{ float:left; width:60vw; padding-bottom:3vw;}
#rd3a h2{ font-size:1.4rem; font-family:myfont; line-height:3rem;}
#rd3a .content{ font-size:0.8rem; line-height:2rem;}
#rd3a .content span{ font-weight:bold; text-decoration:underline;}

#rd5{ text-align:center;}
#rd5 img{ width:100%; max-width:1500px;}


#change_rd{ float:right; overflow:hidden; margin-top:3rem;}
#change_rd a{ background:#f5f5f5; display:block; margin-left:10px; float:left;}
#change_rd a img{ opacity:0.4;}
#change_rd a:nth-child(2){ background:#000; display:block; margin-left:10px; float:left;}
#change_rd a:nth-child(2) img{ opacity:1;}

#change_rda{ float:right; overflow:hidden; margin-top:200px;}
#change_rda a{ background:#f5f5f5; display:block; margin-left:10px; float:left;}
#change_rda a img{ opacity:0.4;}
#change_rda a:nth-child(2){ background:#000; display:block; margin-left:10px; float:left;}
#change_rda a:nth-child(2) img{ opacity:1;}

#rd4{ width:90vw; margin:2vw auto 3vw auto; padding-bottom:3vw; overflow:hidden;}
#rd4 .left{ width:40vw; float:left; overflow:hidden;}
#rd4 .left ul{ width:500000px; transition:all 0.5s;}
#rd4 .left ul li{ width:40vw; float:left;}
#rd4 .left ul li:nth-child(1){ display:block;}
#rd4 .left ul li img{ width:100%;}
#rd4 .right{ float:left; width:48vw; margin-left:10px;}
#rd4 .right ul li{ width:8vw; height:8vw; overflow:hidden; float:left; margin:0 10px 10px 0; cursor:pointer;}
#rd4 .right ul dd{ width:8vw; height:8vw; overflow:hidden; float:left; margin:0 10px 10px 0; background:#f5f5f5;}
#rd4 .right ul dd.a1{ width:8vw; height:8vw; overflow:hidden; float:left; margin:0 10px 10px 0; background:#fff;}

#rd4 .right ul li img{ height:100%;filter: grayscale(80%); transition:all 0.5s;}
#rd4 .right ul li:hover img{ height:100%;filter: grayscale(0%); transform:scale(1.15)}

#certificate{ width:90vw; margin:0 auto 4vw auto; overflow:hidden;}
#certificate ul{ border-top:solid 0px #eee; border-bottom:solid 0px #eee; overflow:hidden;}
#certificate ul li{ float:left; width:30vw; overflow:hidden;}
#certificate ul li img{ width:100%;}

#partner{ width:88vw; margin:5vw auto 6vw auto; overflow:hidden;}
#partner ul{ width:93vw;}
#partner ul li{ width:27vw; float:left; border:solid 1px #eee; margin:0 10px 10px 0;}
#partner ul li img{ width:100%;}

#title{ width:90vw; overflow:hidden; margin:0vw auto 3vw auto; text-align:left;}
#title h1{ font-family:myfont; font-size:36px; line-height:80px; padding-top:4vw;}
#title h2{ font-size:16px; font-weight:100;}

#titlea{ width:90vw; overflow:hidden; margin:0vw auto 3vw auto; text-align:left;}
#titlea h1{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#titlea h2{ font-size:0.8rem; font-weight:100;}

#design1{ width:90vw; max-width:1600px; margin:0 auto 4vw auto; overflow:hidden; height:auto; background:url(image/di1.jpg) no-repeat right bottom/0% 0%;}
#design1 .left{ width:90vw; float:right; margin-right:0;}
#design1 .left h1{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:6vw;}
#design1 .left h2{ font-size:0.8rem; font-weight:100; line-height:2rem;}
#design1 .right{ width:90vw; float:left; position:inherit; margin-top:2rem;}
#design1 .right img{ width:100%;}

#design2{ width:90vw; max-width:1600px; margin:0 auto 0 auto; overflow:hidden;}
#design2 .cc{ float:left; width:90vw; padding-bottom:3rem;}
#design2 h2{ font-size:1.4rem; font-family:myfont; line-height:3rem;}
#design2 .content{ font-size:0.8rem;}

#change_r{ float:right; overflow:hidden; margin-top:0vw; margin-bottom:2vw;}
#change_r a{ background:#f5f5f5; display:block; margin-left:10px; float:left;}
#change_r a img{ opacity:0.4;}
#change_r a:nth-child(2){ background:#000; display:block; margin-left:10px; float:left;}
#change_r a:nth-child(2) img{ opacity:1;}

#designli{ width:90vw; max-width:1600px; margin:0 auto 2rem auto; overflow:hidden;}
.swiper {width: 100%;height: 100%;  }
.design_Swiper .swiper-slide { text-align: center; font-size:0.8rem; background: #fff; display: flex; justify-content: center; align-items: center; padding-bottom:2rem; }
.design_Swiper .swiper-slide .imge{ overflow:hidden;}
.design_Swiper .swiper-slide img{ display:block; width:100%; height:100%; object-fit: cover;transition:all 0.5s;}
.design_Swiper .swiper-slide img:hover{ transform:scale(1.15);}
.design_Swiper .swiper-slide h6{ color:#000; position:absolute; font-weight:100;font-size:0.8rem; margin-top:1vw; text-align:left;width:42vw;}
.design_Swiper .swiper-pagination{ display:none;}

#rd_line{ width:90vw; max-width:1600px; margin:0 auto 5vw auto; overflow:hidden; height:2px; background:#eee;}
#rd_line_btn{ background:#000; height:2vw; width:10vw; transition:all 0.5s;}

#design3{ width:90vw; max-width:1600px; margin:0 auto 7vw auto; height:auto; overflow:hidden;background:url(image/di1.jpg) no-repeat left bottom/0% 0%;}
#design3 .left{ width:90vw; float:left; margin-left:0;}
#design3 .left h2{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:0rem;}
#design3 .left h3{ font-size:0.8rem; font-weight:100; line-height:2rem;}
#design3 .left h3 span{ font-weight:bold; text-decoration:underline;}
#design3 .right{ width:90vw; float:right; margin-left:0; position:inherit; margin-top:2rem;}
#design3 .right img{ width:100%;}

#production_title{ width:90vw; max-width:1600px; overflow:hidden; margin:0vw auto 3vw auto; border-bottom:solid 1px #eee; padding-bottom:5vw;}
#production_title h1{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#production_title h2{ font-size:0.8rem; font-weight:100;}

#production1{ width:90vw; max-width:1600px; margin:5vw auto 5vw auto; overflow:hidden;}
#production1 .left{ width:90vw; float:right;}
#production1 .left h2{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#production1 .left h3{ font-size:0.8rem; font-weight:100; line-height:2rem;}
#production1 .left h3 span{ font-weight:bold; text-decoration:underline;}
#production1 .right{ width:100%; float:left; margin-top:2rem}
#production1 .right img{ width:100%;}

#production2{ width:90vw; max-width:1600px; margin:5vw auto 5vw auto; overflow:hidden;}
#production2 .left{ width:100%; float:left;}
#production2 .left h2{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#production2 .left h3{ font-size:0.8rem; font-weight:100; line-height:2rem;}
#production2 .left h3 span{ font-weight:bold; text-decoration:underline;}
#production2 .right{ width:100%; float:right; margin-top:2rem;}
#production2 .right img{ width:100%;}

#production3{ width:90vw; max-width:1600px; margin:5vw auto 5vw auto; overflow:hidden;}
#production3 .left{ width:100%; float:right;}
#production3 .left h2{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#production3 .left h3{ font-size:0.8rem; font-weight:100; line-height:2rem;}
#production3 .left h3 span{ font-weight:bold; text-decoration:underline;}
#production3 .right{ width:100%; float:left; margin-top:2rem;}
#production3 .right img{ width:100%;}

#production4{ width:90vw; max-width:1600px; margin:5vw auto 7vw auto; overflow:hidden;}
#production4 .left{ width:100%; float:left;}
#production4 .left h2{ font-family:myfont; font-size:1.4rem; line-height:3rem; padding-top:4vw;}
#production4 .left h3{ font-size:0.8rem; font-weight:100; line-height:2rem;}
#production4 .left h3 span{ font-weight:bold; text-decoration:underline;}
#production4 .right{ width:100%; float:right; margin-top:2rem}
#production4 .right img{ width:100%;}

#product_title{ width:1200px; margin:7vw auto 0 auto; overflow:hidden;}
#product_title .left{ width:50%; float:left; height:900px;}
#product_title .left img{ width:100%; margin-top:-10vw;}

#product_title .right{ width:45%; float:right;}
#product_title .right h1{ font-size:48px; line-height:120px; font-family:myfont;}
#product_title .right h2{ font-size:16px; font-weight:100; line-height:30px;}
#product_title .right p{ margin:4vw 0 0 -140px;}
#product_title .right p img{ width:100%;}


#product_title_1{ width:1260px; margin:5vw auto 0 auto; padding:5vw 0; overflow:hidden; background:url(image/di1.jpg) no-repeat bottom right/80% 90%;}
#product_title_1 .left{ width:50%; float:left;}
#product_title_1 .left img{ width:100%; margin-top:0vw;}

#product_title_1 .right{ width:40%; float:right; padding-right:5%;}
#product_title_1 .right h1{ font-size:48px; line-height:120px; font-family:myfont; padding-top:2vw;}
#product_title_1 .right h2{ font-size:16px; font-weight:100; line-height:30px;}

#probanner{ width:100%; margin:6rem auto 1rem auto; background:none; overflow:hidden;}
#probanner img{ width:100%;}
#probanner .right{ position:inherit; width:90vw; color:#fff; margin:0 0 0 5vw;}
#probanner .right h1{ font-family:myfont; font-size:1.6rem; line-height:3rem;}
#probanner .right h2{ font-size:0.8rem; line-height:1.4rem; font-weight:100;}

#prodi{ background:url(image/di2.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}
#prodi2{ background:url(image/di3.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}
#prodi3{ background:url(image/di4.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}
#prodi4{ background:url(image/di5.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}
#prodi5{ background:url(image/di6.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}
#prodi6{ background:url(image/di7.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}
#prodi7{ background:url(image/di8.jpg) no-repeat top center/auto 100%; overflow:hidden; background-attachment:fixed;}

#pro_list_pic1{ width:90vw;  margin:0vw auto 5vw auto; overflow:hidden; padding:20px 0; background:rgba(255,255,255,0);}
#pro_list_pic1 ul{ width:100vw;}
#pro_list_pic1 ul li{ float:left; width:86vw; height:auto; margin-bottom:1rem; background:#fff; padding:2vw 2vw 6vw 2vw;  margin-right:0; text-align:left;}
#pro_list_pic1 ul li div.a1{ overflow:hidden;}
#pro_list_pic1 ul li div.a1 p{ display:none;}
#pro_list_pic1 ul li div.a1 p:nth-child(1){ display:block;}
#pro_list_pic1 ul li div.a1 img{ width:100%; background:#eee;}
#pro_list_pic1 ul li div.a2{ overflow:hidden;}
#pro_list_pic1 ul li div.a2 p{ float:left; margin:20px 10px 0 0 ;}
#pro_list_pic1 ul li div.a2 p span{ display:block;width:15px; height:15px; border-radius:50%;}
#pro_list_pic1 ul li div.a3{ padding-top:20px; }
#pro_list_pic1 ul li div.a3 p.b1{ font-size:1rem; color:#000; font-weight:700;}
#pro_list_pic1 ul li div.a3 p.b2{ font-size:0.8rem; color:#333; text-transform:uppercase; }
#pro_list_pic1 ul li div.a3 p.b3{ padding-bottom:2vw;}

#inquiry{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; display:none; z-index:50;}
#inquiry div{ width:80%; margin:10vw auto 0 auto; background:#fff; padding:30px 5%;}
#inquiry div h4{ font-size:24px; line-height:60px;}
#inquiry div h4 span{ float:right; cursor:pointer;}
#inquiry div h4 span img{ width:40px;}
#inquiry div input{ border:solid 1px #eee; width:100%; height:40px; margin-bottom:10px; text-indent:10px;}
#inquiry div textarea{ width:93.6%; border:solid 1px #eee; padding:10px; height:100px;}
#inquiry div p{ text-align:center;}
#inquiry div button{ width:150px; background:#000; color:#fff; text-align:center; line-height:40px; margin-top:20px; cursor:pointer; transition:all 0.5s;}
#inquiry div button:hover{ background:#d91720;}

#language{ position:absolute; background:#fff; width:150px; display:none;}
#language a{ display:block; line-height:4rem; text-indent:30px; background:#eee;}
#language a:hover{ background:#000; color:#fff;}

#search_con{ width:100%; background:#eee; overflow:hidden; position:fixed; margin-top:100px; z-index:10; padding:50px 0; display:none;}
#search_con div{ width:1000px; margin:0 auto; }
#search_con div input{ width:850px; height:50px; text-indent:10px;}
#search_con div button{ width:150px; background:#000; color:#fff; height:50px; cursor:pointer;}
#search_con div span{ position:absolute; margin-top:-30px; width:25px; height:25px; cursor:pointer; background:#fff; border-radius:50%; padding:5px;}
#search_con div span img{ width:100%;}

#contactback{background:url(image/di1.jpg) no-repeat right top/0% 100%}

}