@media(max-width:899px) {
#top{ width:100%; border-top:solid 2px #efa21d; overflow:hidden; line-height:45px; border-bottom:solid 1px #eee; height:45px; display:none;}
#top1{ width:1260px; margin:0 auto; overflow:hidden;}
#top1 .hotline{ float:left; color:#666;}

#top1 .lan{ float:right; overflow:hidden;}
#top1 .lan p{ float:left; margin-left:20px;}
#top1 .lan p a{ display:block;}
#top1 .lan p a img{ vertical-align:middle; margin-right:3px;}
#top1 .lan p a:hover{ color:#da251d;}

#top1 .share{ float:right;overflow:hidden; margin-right:50px;}
#top1 .share ul li{ float:left; margin-right:10px; margin-top:7px;}

#top2{ width:100%; margin:0 auto; overflow:hidden;}
#logo{ float:left; margin-left:1rem;}
#logo img{ height:3rem;}

#top2 .lan{ float:right; overflow:hidden;}
#top2 .lan p{ float:left; margin-right:1rem;}
#top2 .lan p a{ display:block; line-height:3rem;}
#top2 .lan p a img{ vertical-align:middle; margin-right:3px;}

#mbtn{ float:right; cursor:pointer;}
#mbtn img{ height:3rem;}
#menu{overflow:hidden; position:fixed; background:rgba(0,0,0,0.8); width:100%; height:100%; left:0; top:0; z-index:10; display:none;}
#menu ul{ width:70%; background:#fff; height:100%; float:left; transition:all 0.5s; margin-left:-70%; overflow:scroll;}
#menu ul li{ width:100%; border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:4rem; text-indent:1rem; font-size:1rem; font-weight:500; background:url(image/menu_di.jpg) no-repeat top left/0% 4px;}
#menu ul li a.kit{ background:url(image/down.png) no-repeat 92%/1.4rem auto;}

#menu ul li .zmenu{ background:#f7f7f7; display:none;}
#menu ul li .zmenu p{ border-top:solid 1px #eee;}
#menu ul li .zmenu p a{ display:block; line-height:3rem; font-weight:100; font-size:0.8rem; padding:0 20px;}

#close{ float:left; width:4rem; background:#efa21d; cursor:pointer;}
#close img{ width:100%;}
	
/*banner*/

.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%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#pro_btn{ width:100%; margin:0 auto; overflow:hidden; text-align:center; background:#eee;} 
#pro_btn .title{ font-size:1.6rem; line-height:3rem; font-weight:700; text-transform:uppercase; padding-top:2rem;}
#pro_btn .h2{ font-size:12px; color:#666; display:none;}
#pro_btn .list{ width:90%; margin:1rem auto 2rem auto; overflow:scroll;}
#pro_btn .list ul{ width:880px;}
#pro_btn .list ul li{ width:200px; margin-right:20px; float:left;}
#pro_btn .list ul li img{ width:100%;}
#pro_btn .list ul li a{ display:block; line-height:50px; background:#efa21d; color:#fff; font-size:0.8rem; text-align:center; margin-top:10px;}
#pro_btn .list ul li a:hover{ margin-top:0; background:#da251d;}

#ind_pro{ width:100%; background:url(image/di1.jpg) no-repeat top center/auto 100% #000; color:#fff; text-align:center; overflow:hidden;}
#ind_pro .title{ font-size:1.6rem; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:2rem;}
#ind_pro .h2{ font-size:12px; color:#fff; display:none;}
#ind_pro .list{ width:100%; margin:1rem auto 2rem auto; overflow:hidden;}

#ind_pro .list ul li{ width:50%; margin:0 0 20px 0; float:left;}
#ind_pro .list ul li a{ display:block; line-height:50px; background:rgba(0,0,0,0.4); color:#fff; width:95%; margin:0 auto; font-size:0.8rem;}
#ind_pro .list ul li a img{ width:100%;}
#ind_pro .list ul li a:hover{ background:#efa21d;}

#ind_about_tt{ font-size:1.6rem; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:2rem; text-align:center; color:#000;}
#ind_about_h2{font-size:12px; color:#666; text-align:center; display:none;}

#ind_about_con{ width:100%; margin:1rem auto 2rem auto; overflow:hidden;}
#ind_about_con .video{ width:90%; margin:0 auto;}
#ind_about_con .video img{ width:100%;}
#ind_about_con .con{ width:90%; margin:0 auto;}
#ind_about_con .con p.a1{ font-size:24px; color:#000; font-weight:700; padding:10px 0;}
#ind_about_con .con p.a3{ padding-top:30px;}
#ind_about_con .con p.a3 a{ display:block; width:110px; line-height:36px; background:#efa21d; border-radius:5px; color:#fff; text-align:center;}
#ind_about_con .con p.a3 a:hover{ width:130px; background:#da251d;}

#why{ width:100%; overflow:hidden; background:#eee;}
#why .title{ font-size:1.6rem; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:2rem; text-align:center; color:#000;}
#why .h2{font-size:12px; color:#666; text-align:center; display:none;}

#why .list{ width:90%; margin:1rem auto 2rem auto; overflow:scroll;}
#why .list ul{ width:1280px}
#why .list ul li{ width:300px; margin-right:20px; margin-top:10px; background:#fff; text-align:center; height:288px; overflow:hidden; cursor:pointer; float:left;transition:all 0.5s;}
#why .list ul li p.a1{ width:90px; height:90px; overflow:hidden; border-radius:50%; background:#efa21d; margin:50px auto 0 auto; transition:all 0.5s;}
#why .list ul li p.a1 img{ transition:all 0.5s;}
#why .list ul li p.a2{ color:#000; font-size:18px; font-weight:700; text-transform:uppercase; line-height:30px; overflow:hidden; margin-top:20px;}
#why .list ul li p.a3{ width:250px; margin:0 auto; overflow:hidden; line-height:18px; color:#666;}
#why .list ul li:hover{ margin-top:0; box-shadow:0 3px 10px rgba(0,0,0,0.1);}
#why .list ul li:hover p.a1{ background:#da251d;}
#why .list ul li:hover p.a1 img{ margin-top:-90px;}

#ind_feedback{ width:90%; margin:2rem auto; overflow:hidden;}
#ind_feedback .a1{}
#ind_feedback .a1 img{ width:100%;}
#ind_feedback .a2{ width:100%; }
#ind_feedback .a2 p.tt{ font-size:1.4rem; line-height:40px; padding-top:2rem; font-weight:700; color:#000; text-transform:uppercase;}
#ind_feedback .a2 p.cc{ line-height:36px;}
#ind_feedback .a2 p.cc span{ color:#d00;}
#ind_feedback .a2 p.input input{ width:99%; height:38px; line-height:38px; border:solid 1px #ddd;}
#ind_feedback .a2 p.textarea textarea{ width:99%; height:110px; border:solid 1px #ddd;}
#ind_feedback .a2 p.btn{ margin-top:30px;}
#ind_feedback .a2 p.btn a{ display:block; text-align:center; width:110px; line-height:36px; color:#fff; border-radius:5px; background:#efa21d;}
#ind_feedback .a2 p.btn a:hover{ width:130px; background:#da251d;}

#bottom{ width:100%; background:#363839; color:#fff;}
#bottom .k{ width:90%; margin:0 auto; overflow:hidden; padding-bottom:30px;}
#bottom .k ul li{ float:left;}
#bottom .k ul li:nth-child(1){ width:160px; display:none;}
#bottom .k ul li:nth-child(2){ width:200px; display:none;}
#bottom .k ul li:nth-child(3){ width:160px; display:none;}
#bottom .k ul li:nth-child(4){ width:250px; display:none;}
#bottom .k ul li:nth-child(5){ width:160px; display:none;}
#bottom .k ul li:nth-child(6){ width:320px;}
#bottom .k ul li p.tt{ font-size:16px; line-height:50px; padding-top:2rem;}
#bottom .k ul li a{ color:#fff;}
#bottom .k ul li a:hover{ color:#efa21d}
#bottom .k ul li p.share{ overflow:hidden; margin-top:20px;}
#bottom .k ul li p.share a{ margin-right:10px;}

#bottom1{ background:#282a2b; color:#fff; line-height:66px; border-top:solid 1px #5e6061; text-align:center; font-size:0.6rem;}

#mbottom{ position:fixed; bottom:0; left:0; z-index:20; background:#111; width:100%;}
#mbottom ul li{ width:33.33%; float:left;}
#mbottom ul li a{ display:block; color:#fff; font-size:0.6rem; text-align:center; line-height:0.6rem; padding-bottom:0.4rem}
#mbottom ul li a img{ height:2rem;}
#bottom1{ width:100%; height:3rem; overflow:hidden;}


#banner{ width:100%; background:url(image/di2.jpg) no-repeat center top/auto 100%; height:140px;}
#banner .k{width:100%; margin:0 auto; overflow:hidden;}
#banner .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#banner1{ width:100%; background:url(image/di3.jpg) no-repeat center top/auto 100%; height:140px;}
#banner1 .k{width:100%; margin:0 auto; overflow:hidden;}
#banner1 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#banner2{ width:100%; background:url(image/di4.jpg) no-repeat center top/auto 100%; height:140px;}
#banner2 .k{width:100%; margin:0 auto; overflow:hidden;}
#banner2 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#banner3{ width:100%; background:url(image/di5.jpg) no-repeat center top/auto 100%; height:140px;}
#banner3 .k{width:100%; margin:0 auto; overflow:hidden;}
#banner3 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#banner4{ width:100%; background:url(image/di6.jpg) no-repeat center top/auto 100%; height:140px;}
#banner4 .k{width:100%; margin:0 auto; overflow:hidden;}
#banner4 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#banner5{ width:100%; background:url(image/di7.jpg) no-repeat center top/auto 100%; height:140px;}
#banner5 .k{width:100%; margin:0 auto; overflow:hidden;}
#banner5 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#aboutmenu{display:none;}

#about{ width:90%; margin:0 auto;}
#title{ font-size:1.2rem; font-weight:700; text-transform:uppercase; line-height:40px; color:#000; border-bottom:solid 1px #eee; padding-top:2rem;}
#title p{ font-size:12px; color:#999; font-weight:100;text-transform:none; display:none;}	
	
#aboutcon{ width:90%; margin:1rem auto 0 auto; overflow:hidden; font-size:14px;}
#aboutcon span{ font-size:1rem; font-weight:900;  color:#000;}
#aboutcon .kk{ display:none;}

#aboutpic{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#aboutpic img{ width:100%}

#about_history{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#about_history ul{ background:url(image/line.png) repeat-y 20px top;}	
#about_history ul li{ padding-left:50px; background:url(image/bit.png) no-repeat 6px 6px; padding-bottom:30px;}	
#about_history ul li p.year{ font-size:20px; font-weight:900; line-height:40px;}
#about_history ul li p.cc{ border-bottom:solid 1px #eee; padding-bottom:20px;}	
#about_history ul li p.more a{ display:block; line-height:36px; background:#efa21d; text-align:center; width:120px; color:#fff; border-radius:5px;}	
#about_history ul li p.more a:hover{ background:#da251d; width:140px;}

#about_workshop{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#about_workshop ul li{ width:100%;}
#about_workshop ul li a{ display:block; line-height:50px; text-align:center;}
#about_workshop ul li a img{ width:100%; transition:all 0.5s;}
#about_workshop ul li a p{ overflow:hidden;}

#history{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#history ul{ background:url(image/line.png) repeat-y 14px top;}	
#history ul li{ padding-left:40px; background:url(image/bit.png) no-repeat 0px 6px; padding-bottom:30px;}	
#history ul li p.year{ font-size:20px; font-weight:900; line-height:40px;}
#history ul li p.cc{ border-bottom:solid 1px #eee; padding-bottom:20px;}	

#workshop{ width:90%; margin:1rem auto 1rem auto; overflow:hidden;}
#workshop ul li{ width:100%;}
#workshop ul li a{ display:block; line-height:50px; text-align:center;}
#workshop ul li a img{ width:100%; transition:all 0.5s;}
#workshop ul li a p{ overflow:hidden;}

#page{ overflow:hidden; text-align:center; width:100%; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 0.1rem;}
#page ul li.k{ display:none;}
#page ul li a{ display:block; background:#eee; border-radius:3px; line-height:2rem; padding:0 0.5rem; font-size:0.8rem;}
#page ul li a:hover{ background:#efa21d; color:#fff;}
#page ul li a.it{ background:#efa21d; color:#fff;}

#kmenu{ width:90%; margin:1rem auto 0 auto; overflow:scroll;}
#kmenu ul{ width:570px;}
#kmenu ul li{ float:left; margin-right:10px;margin-bottom:10px;}
#kmenu ul li a{ display:block; line-height:30px; background:#eee; padding:0 20px; border-radius:3px;}
#kmenu ul li a:hover{ background:#efa21d; color:#fff;}

#prolist{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ width:100%; margin:0 0 1rem 0;}
#prolist ul li a{ display: block; border:solid 1px #eee; text-align:center; line-height:50px; background:url(image/menu_di.jpg) no-repeat bottom/0% 3px;}
#prolist ul li a p.pic{ overflow:hidden;}
#prolist ul li a p.pic img{ width:100%; transition:all 0.5s;}
#prolist ul li a p.cc{ width:80%; margin:0 auto; border-top:solid 1px #eee;}
#prolist ul li a:hover p.pic img{ transform:scale(1.15);}
#prolist ul li a:hover{ box-shadow:0px 5px 10px rgba(0,0,0,0.1); background:url(image/menu_di.jpg) no-repeat bottom/100% 3px;}

#probig{ width:100%; margin:1rem auto 0 auto; overflow:hidden;}
#probig .left{ width:100%;}
#probig .left img{ width:100%;}
#probig .right{ width:90%; margin:0 auto;}
#probig .right p.a1{ font-size:18px; line-height:60px; border-bottom:solid 1px #eee; color:#000;}
#probig .right p.a2{ padding:20px 0; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a3{ padding-top:20px; text-align:center;}
#probig .right p.a4{ font-family:Arial, sans-serif; color:#d40012; font-weight:900; line-height:40px; font-size:1.4rem; text-align:center;}
#probig .right p.a4 span{ display:block; margin-top:2rem;}
#xt_code{ position:absolute; z-index:20; width:150px; margin:-160px 0 0 -120px; box-shadow:0 5px 5px rgba(0,0,0,0.2); border:solid 3px rgba(0,0,0,0.2); display:none;}
#xt_code img{ width:100%;}

#probig .right p.a5{ overflow:hidden; margin-top:20px; padding-bottom:2rem;}
#probig .right p.a5 a{ display:block; background:#efa21d; color:#fff; line-height:2.4rem; width:150px; margin:0 auto; font-size:0.8rem; border-radius:5px; text-align:center;}
#probig .right p.a5 a:hover{ background:url(image/bit.png) 35px center no-repeat/40px auto #18258b;}


#probig_menu{ width:90%; margin:30px auto 0 auto; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#probig_menu ul li{ float:left; width:50%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:2.6rem; font-size:.8rem;}
#probig_menu ul li a:hover{ background:#efa21d; color:#fff;}
#probig_menu ul li a.it{ background:#efa21d; color:#fff;}

#probig_con{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#probig_con img{ width:100%;}

#canshu{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#canshu table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:18px; padding:0.5rem 0 0.5rem 0.2rem;}

#guige{ width:90%; margin:1rem auto 40px auto; overflow:hidden;}
#guige table{ border-left:solid 1px #eee; border-top:solid 1px #eee;}
#guige table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

.bbg{ display:none;}
#xunpan{ width:90%; margin:0 auto; line-height:1rem; font-size:.8rem; padding:.5rem 0; overflow:hidden; border-top:solid 2px #000; color:#d00;}

#wyjob{ width:90%; margin:0 auto 2rem auto;}
#wyjob p{ padding-top:20px;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; height:40px; text-indent:10px; }
#wyjob p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; padding:10px 4% 0 4%;  height:120px; }
#wyjob p a{ display:block; background:#efa21d; color:#fff; line-height:2.4rem; width:100%; text-align:center; border-radius:5px; font-size:14px;}

#news{ width:90%; margin:0 auto 40px auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; margin-top:30px;}
#news ul li a{ display:block; overflow:hidden; padding-bottom:30px;}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ width:100%;}
#news ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:1rem 0; font-weight:900;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#efa21d; border-radius:5px; margin-top:20px; text-align:center; color:#fff; font-size:12px; line-height:2.4rem; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}

#tec{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#tec p.nodata{ text-align:center;}
#tec p.nodata img{ width:100%;}

#tec .tec_con{ text-align:left; margin-bottom:1rem;}

#contact2{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
#contact2 ul{ width:100%;}
#contact2 ul li{ border-bottom:solid 1px #eee; line-height:1rem; width:100%; line-height:2.4rem; margin-right:20px; float:left; padding:0.2rem 0;}
#contact2 ul li img{ float:left; height:2.4rem;}
#contact2 ul li.it{ border-bottom:solid 1px #eee; line-height:1rem; width:100%; line-height:1rem; margin-right:20px; float:left; padding:0.2rem 0;}
#contact3{ width:100%; margin:40px auto 0 auto; overflow:hidden;}
#contact3 img{ width:100%;}

#map{ width:100%; margin:30px auto 0px auto; overflow:hidden;}

#content{ width:90%; margin:1rem auto 0 auto; overflow:hidden;}
.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}
}