@media(max-width:899px) {
#top{ width:100%; border-top:solid 2px #258de8; 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{ float:right; overflow:hidden; cursor:pointer; line-height:3rem; margin-right:1rem;}
#top2 .lan img{ width:0.9rem; vertical-align:middle; margin-right:0.2rem; margin-bottom:2px;}
#top2 .lan .lan_btn{ position:absolute; background:rgba(0,0,0,0.8); width:100px; margin-left:-10px; display:none; z-index:10;}
#top2 .lan .lan_btn p{ border-bottom:solid 1px rgba(255,255,255,0.2)}
#top2 .lan .lan_btn a{ display:block; line-height:40px; color:#fff; text-align:center;}
#top2 .lan .lan_btn a:hover{ background:#258de8;}

#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; color:#000; 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.9rem; padding:0 20px; color:#333; font-weight:700;}

#close{ float:left; width:4rem; background:#258de8; cursor:pointer;}
#close img{ width:100%;}
	
/*banner*/
.banner_pc{ display:none;}
.banner_m{ display:block;}


.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;}


#m_k1{ width:100%; background:url(banner/mb1.jpg) no-repeat center/100% auto; height:100%; transition:all 2s; overflow:hidden;}
#m_k2{ width:100%; background:url(banner/mb2.jpg) no-repeat center/100% auto;height:100%; transition:all 2s;overflow:hidden;}
#m_k3{ width:100%; background:url(banner/mb3.jpg) no-repeat center/100% auto;height:100%; transition:all 2s;overflow:hidden;}


#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:#258de8; 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:#eee; color:#000; 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:#000; 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:#258de8; 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:#258de8;}







#ind_about_btn{ width:100%; overflow:hidden; padding:3px 0 10px 2px;}
#ind_about_btn ul li{ float:left; margin-right:3%; margin-top:1rem; background:#f7f7f7; line-height:24px; padding:10px 0; width:28%; text-align:center; border:solid 3px #fff; box-shadow:2px 2px 5px rgba(0,0,0,0.1); border-radius:10px; cursor:pointer; font-size:0.8rem; transition:all 0.5s;}
#ind_about_btn ul li p{ width:40px; height:40px; overflow:hidden; margin:0 auto;}
#ind_about_btn ul li p img{ width:100%; margin-top:0; transition:all 0.5s;}


.con_list{ width:100%; display:none;}
.con_list ul{ overflow:hidden;}
.con_list ul li{ width:100% float:left; margin-right:0%;}
.con_list ul li a img{ width:100%;}






#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; display:none;}
#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:#258de8; 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:url(image/di.jpg) top center/auto 100%; background-attachment:inherit;}
#why .title{ font-size:1.6rem; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:2rem; text-align:center; color:#fff;}
#why .h2{font-size:12px; color:#fff; 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:rgba(3,141,232,0.6); text-align:center; height:288px; overflow:hidden;border-radius:20px; cursor:pointer; float:left;transition:all 0.5s;}
#why .list ul li p.a1{ width:90px; height:90px; overflow:hidden; border-radius:50%; background:#258de8; 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:#fff; 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:#ccc;}
#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_news{ width:100%; background:#f7f7f7; overflow:hidden;}
#ind_news .tt{ width:100%; text-align:center; font-size:1.6rem; line-height:40px; font-weight:700; padding-top:80px;}
#ind_news .tt p{ font-size:12px; color:#666; line-height:30px; font-weight:500;}
#ind_news .list{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#ind_news .list ul{ width:100%;}
#ind_news .list ul li{ float:left; width:100%; margin-bottom:10px;}
#ind_news .list ul li a{ display:block;}
#ind_news .list ul li a img{ width:100%; transition:all 0.5s;}
#ind_news .list ul li a p.img{ overflow:hidden;}
#ind_news .list ul li a .con{ width:90%; margin:0px auto 0 0; overflow:hidden; background:#fff; z-index:20; position:inherit; border-radius:0px; padding:0 5% 30px 5%; box-shadow:0 5px 10px rgba(0,0,0,0);transition:all 0.5s;}
#ind_news .list ul li a .con p.date{ padding-top:20px; text-align:left;}
#ind_news .list ul li a .con p.titt{ font-size:16px; line-height:20px; font-weight:700; text-align:left; padding-top:10px;}
#ind_news .list ul li a .con p.cc{ padding-top:20px; text-align:left; display:none;}

#ind_news .list ul li a:hover img{ transform:scale(1.15);}
#ind_news .list ul li a:hover .con{box-shadow:0 5px 10px rgba(0,0,0,0.2); color:#666;}














#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:#258de8;}
#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:30%; display:none}
#bottom .k ul li:nth-child(2){ width:30%; display:none}
#bottom .k ul li:nth-child(3){ width:30%; display:none}
#bottom .k ul li:nth-child(4){ width:30%; display:none}
#bottom .k ul li:nth-child(5){ width:100%;}
#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:#258de8}
#bottom .k ul li p.share{ overflow:hidden; margin-top:20px;}
#bottom .k ul li p.share a{ margin-right:10px;}

#bottom1{ background:#363839; color:#fff; line-height:2rem; border-top:solid 0px #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:2rem; 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;display:none;}
#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:180px;}
#banner1 .k{width:100%; margin:0 auto; overflow:hidden;display:none;}
#banner1 .k .cc{ font-size:0.7rem; color:#fff; text-align:center; padding-top:4rem; display:none;}
#banner1 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:2rem;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;display:none;}
#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;display:none;}
#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;display:none;}
#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;display:none;}
#banner5 .k .tt{ font-size:24px; color:#fff; text-transform:uppercase; line-height:140px;text-align:center;overflow:hidden;}

#aboutmenu{display:none;}
#promenu{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:#258de8; 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:#258de8; color:#fff;}
#page ul li a.it{ background:#258de8; color:#fff;}

#kmenu{ width:90%; margin:1rem auto 0 auto; overflow:scroll;}
#kmenu ul{ width:570px;}
#kmenu ul li{ float:left; margin-right:10px;}
#kmenu ul li a{ display:block; line-height:30px; background:#eee; padding:0 20px; border-radius:3px;}
#kmenu ul li a:hover{ background:#258de8; 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; font-weight:900;}
#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:#258de8; 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:#258de8; color:#fff;}
#probig_menu ul li a.it{ background:#258de8; 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; width:100%}
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:18px; padding:0.5rem 0 0.5rem 0.2rem; text-align:left;}

#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:#258de8; 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:#258de8; 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;}

#customer{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#customer ul{ width:100%;}
#customer ul li{ width:50%; float:left;}
#customer ul li.k{ display:none;}
#customer ul li p{ border:solid 1px #eee; margin:5px; height:auto; background:#f7f7f7;}
#customer ul li img{ width:100%;}

#feedback{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#feedback .left{ width:100%; float:left;}
#feedback .left p{ margin-bottom:20px;}
#feedback .left p input{ border:solid 1px #eee; background:#f7f7f7; border-radius:50px; text-indent:20px; height:40px; width:99%;}
#feedback .left p textarea{ border:solid 1px #eee; background:#f7f7f7; border-radius:20px; padding:10px 4.5%; font-family:Arial, Helvetica, sans-serif; width:90%; height:120px;}
#feedback .left p.code{ overflow:hidden;}
#feedback .left p.code input{ width:200px; float:left;}
#feedback .left p.code span{ margin:8px 0 0 10px; display:block; float:left;}

#feedback .left p button{ width:100%; height:40px; background:#258de8; color:#fff; text-align:center; line-height:40px; border-radius:50px; cursor:pointer; transition:all 0.5s;}
#feedback .left p button:hover{ background:#da251d; width:180px;}

#feedback .right{ float:right; display:none;}
#feedback .right img{ border-radius:50px;}


#float{ position:fixed; z-index:20; right:0; bottom:300px; width:50px; transition:all 0.5s; display:none;}
#float ul li{ margin-bottom:5px;}
#float ul li a{ display:block; border-top-left-radius:50px;border-bottom-left-radius:50px; color:#fff; line-height:50px; padding:0 30px 0 50px; white-space:nowrap;}
#float ul li:nth-child(1) a{ background:url(image/tel.png) no-repeat left center/auto 100% #da251d;} 
#float ul li:nth-child(2) a{ background:url(image/tel.png) no-repeat left center/auto 100% #da251d;} 
#float ul li:nth-child(3) a{ background:url(image/email.png) no-repeat left center/auto 100% #da251d;} 

#gotop{ width:2rem; height:2rem; background:url(image/k15.png) no-repeat center/100% auto rgba(0,0,0,0.8); border-radius:50%; position:fixed; right:0.5rem; bottom:3.2rem;cursor:pointer; transition:all 0.5s;}
#gotop:hover{ background:url(image/k15.png) no-repeat center/100% auto #da251d; }











}