@charset "utf-8";
/**/
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background: #fff;font-size: 14px;color:#3f3c36;line-height: 24px;	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
a {color:#3f3c36;	text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}
@media(min-width:900px) {
#top0{ background:#fff; position:fixed;left:0; top:0; width:100%; z-index:210;}
#gao{ height:130px; overflow:hidden;}
#top{ width:100%; border-top:solid 2px #258de8; overflow:hidden; line-height:45px; border-bottom:solid 1px #eee; height:45px; }

#top1{ width:1260px; margin:0 auto; overflow:hidden;}
#top1 .hotline{ float:left; color:#666;}

#top1 .lan{ float:right; overflow:hidden; cursor:pointer; display:none;}
#top1 .lan img{ width:18px; vertical-align:middle;}
#top1 .lan .lan_btn{ position:absolute; background:rgba(0,0,0,0.8); width:100px; margin-left:-10px; display:none;}
#top1 .lan .lan_btn p{ border-bottom:solid 1px rgba(255,255,255,0.2)}
#top1 .lan .lan_btn a{ display:block; line-height:40px; color:#fff; text-align:center;}
#top1 .lan .lan_btn a:hover{ background:#258de8;}

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

#top2{ width:1260px; margin:0 auto; overflow:hidden;}
#logo{ float:left;}

#top2 .lan{ display:block; float:right; line-height:82px; font-size:16px; margin-left:3vw; cursor:pointer;}
#top2 .lan img{ width:16px; vertical-align:middle; margin-right:5px; margin-bottom:1px;}
#top2 .lan .lan_btn{ position:absolute; background:rgba(0,0,0,0.8); width:100px; margin-left:-10px; display:none;}
#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;}


#menu{ float:right; overflow:hidden;}
#menu ul li{ float:left; margin-left:40px;}
#menu ul li a{ display:block; line-height:82px; font-size:16px; font-weight:400; }
#menu ul li a:hover{ color:#258de8;}
#menu ul li a.it{ color:#258de8;}
#menu ul li .zmenu{ position:absolute; z-index:20; background:rgba(0,0,0,0.7); display:none;}
#menu ul li .zmenu p{ border-bottom:solid 1px rgba(255,255,255,0.1);}
#menu ul li .zmenu p a{ display:block; line-height:40px; font-weight:100; font-size:14px; padding:0 20px; color:#fff;}
#menu ul li .zmenu p a:hover{ background:#258de8;}

#mbtn{ display:none}
#close{ display:none;}

.banner_pc{ display:block;}
.banner_m{ display:none;}

/*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:100%; }

#k1{ width:100%; background:url(banner/1.jpg) no-repeat center/120% auto; height:100%; transition:all 2s; overflow:hidden;}
#k2{ width:100%; background:url(banner/2.jpg) no-repeat center/120% auto;height:100%; transition:all 2s;overflow:hidden;}
#k3{ width:100%; background:url(banner/3.jpg) no-repeat center/120% 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:36px; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:70px;}
#pro_btn .h2{ font-size:12px; color:#666;}
#pro_btn .list{ width:1260px; margin:20px auto 60px auto; overflow:hidden}
#pro_btn .list ul{ width:1300px;}
#pro_btn .list ul li{ width:300px; margin-right:20px; float:left;}
#pro_btn .list ul li a{ display:block; line-height:50px; background:#258de8; color:#fff; font-size:16px; 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:36px; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:70px;}
#ind_pro .h2{ font-size:14px; color:#666;}
#ind_pro .list{ width:1260px; margin:30px auto 80px auto; overflow:hidden;}
#ind_pro .list ul{ width:1300px}
#ind_pro .list ul li{ width:300px; margin:0 20px 20px 0; float:left;}
#ind_pro .list ul li a{ display:block; line-height:50px; background:#258de8; color:#fff; border-radius:10px; overflow:hidden;}
#ind_pro .list ul li a p{ overflow:hidden;}
#ind_pro .list ul li a img{ width:100%; transition:all 0.5s;}
#ind_pro .list ul li a:hover{ background:#da251d;}
#ind_pro .list ul li a:hover img{ transform:scale(1.15)}

#ind_about_btn{ width:100%; overflow:hidden; padding:3px 0 10px 2px;}
#ind_about_btn ul li{ float:left; margin-right:10px; background:#f7f7f7; line-height:24px; padding:10px 40px; border:solid 3px #fff; box-shadow:2px 2px 5px rgba(0,0,0,0.1); border-radius:10px; cursor:pointer; font-size:16px; transition:all 0.5s;}
#ind_about_btn ul li p{ width:60px; height:60px; overflow:hidden;}
#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:30%; float:left; margin-right:3%;}
.con_list ul li a{ display:block; overflow:hidden;}
.con_list ul li a img{ width:100%; transition:all 0.5s;}
.con_list ul li a:hover img{ transform:scale(1.15)}



















#ind_about_tt{ font-size:36px; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:70px; text-align:center; color:#000;}
#ind_about_h2{font-size:12px; color:#666; text-align:center;}

#ind_about_con{ width:1260px; margin:80px auto 90px auto; overflow:hidden;}
#ind_about_con .video{ float:left;}
#ind_about_con .video  img{ border-radius:20px; border:solid 5px #fff; box-shadow:3px 5px 5px rgba(0,0,0,0.1); margin-bottom:10px;}
#ind_about_con .con{ width:620px; float:right;}
#ind_about_con .con p.a1{ font-size:30px; color:#000; font-weight:700; padding:30px 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; background-attachment:fixed;}
#why .title{ font-size:36px; line-height:40px; font-weight:700; text-transform:uppercase; padding-top:120px; text-align:center; color:#fff;}
#why .h2{font-size:14px; color:#ccc; text-align:center;}

#why .list{ width:1260px; margin:60px auto 110px auto; overflow:hidden;}
#why .list ul{ width:1300px}
#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;}
#why .list ul li:hover{ background:rgba(0,0,0,0.6)}


#why .ku{ background:url(image/ku.png) no-repeat bottom center; width:100%; height:107px; overflow:hidden;}


#ind_news{ width:100%; background:#f7f7f7; overflow:hidden;}
#ind_news .tt{ width:100%; text-align:center; font-size:36px; line-height:40px; font-weight:700; padding-top:80px;}
#ind_news .tt p{ font-size:14px; color:#666; line-height:30px; font-weight:500;}
#ind_news .list{ width:1260px; margin:40px auto 200px auto; overflow:hidden;}
#ind_news .list ul{ width:1300px;}
#ind_news .list ul li{ float:left; width:400px; margin-right:30px;}
#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:320px; margin:-50px auto 0 20px; overflow:hidden; background:#fff; z-index:20; position:absolute; border-radius:10px; padding:0 20px 30px 20px; 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:center;}
#ind_news .list ul li a .con p.titt{ font-size:16px; line-height:20px; font-weight:700; text-align:center; padding-top:10px;}
#ind_news .list ul li a .con p.cc{ padding-top:20px; text-align:center; 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:1260px; margin:80px auto; overflow:hidden;}
#ind_feedback .a1{ float:left;}
#ind_feedback .a1 img{ border-radius:20px; border:solid 5px #fff; box-shadow:3px 5px 5px rgba(0,0,0,0.1); margin-bottom:10px;}
#ind_feedback .a2{ width:570px; float:right;}
#ind_feedback .a2 p.tt{ font-size:24px; line-height:40px; 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:568px; height:38px; line-height:38px; border:solid 1px #ddd;}
#ind_feedback .a2 p.textarea textarea{ width:568px; 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:url(image/bottom.jpg) no-repeat center bottom; background-attachment:fixed; color:#fff;}
#bottom .k{ width:1260px; margin:0 auto; overflow:hidden; padding-bottom:30px;}
#bottom .k ul li{ float:left;}
#bottom .k ul li:nth-child(1){ width:200px;}
#bottom .k ul li:nth-child(2){ width:200px;}
#bottom .k ul li:nth-child(3){ width:200px;}
#bottom .k ul li:nth-child(4){ width:290px;}
#bottom .k ul li:nth-child(5){ width:360px;}
#bottom .k ul li p.tt{ font-size:16px; line-height:50px; padding-top:40px;}
#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:#282a2b; color:#fff; line-height:66px; border-top:solid 1px #5e6061; text-align:center;}

#mbottom{ display:none;}
#mbottom1{ display:none;}

#banner{ width:100%; background:url(image/di2.jpg) no-repeat center top; height:500px;}
#banner .k{width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#banner .k .cc{ padding-top:200px; font-size:18px; color:#fff; letter-spacing:5px;}
#banner .k .tt{ font-size:36px; line-height:60px; font-weight:bold; color:#fff; text-transform:uppercase; padding-top:10px; overflow:hidden;}


#banner1{ width:100%; background:url(image/di3.jpg) no-repeat center top; height:500px;}
#banner1 .k{width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#banner1 .k .cc{ padding-top:200px; font-size:18px; color:#fff; letter-spacing:5px;}
#banner1 .k .tt{ font-size:36px; line-height:60px; font-weight:bold; color:#fff; text-transform:uppercase; padding-top:10px; overflow:hidden;}

#banner2{ width:100%; background:url(image/di4.jpg) no-repeat center top; height:500px;}
#banner2 .k{width:1260px; margin:0 auto; overflow:hidden; text-align:center;}
#banner2 .k .cc{ padding-top:200px; font-size:18px; color:#fff; letter-spacing:5px;}
#banner2 .k .tt{ font-size:36px; line-height:60px; font-weight:bold; color:#fff; text-transform:uppercase; padding-top:10px; overflow:hidden;}

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

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

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



#aboutmenu{ overflow:hidden; margin-top:140px; text-align:center;}
#aboutmenu ul{ display:inline-block}
#aboutmenu ul li{ float:left; margin:0 10px;}
#aboutmenu ul li a{ display:block; line-height:40px; border:solid 2px #fff; color:#fff; padding:0 30px; border-radius:0px;}
#aboutmenu ul li a:hover{ background:#258de8; border:solid 2px #258de8;}
#aboutmenu ul li a.it{ background:#258de8; border:solid 2px #258de8;}

#promenu{ overflow:hidden; margin-top:140px; text-align:center;}
#promenu ul{ display:inline-block}
#promenu ul li{ float:left; margin:0 10px;}
#promenu ul li a{ display:block; line-height:40px; border:solid 2px #fff; color:#fff; padding:0 30px; border-radius:0px;}
#promenu ul li a:hover{ background:#258de8; border:solid 2px #258de8;}
#promenu ul li a.it{ background:#258de8; border:solid 2px #258de8;}


#about{ width:1260px; margin:0 auto;}
#title{ font-size:24px; font-weight:700; text-transform:uppercase; line-height:40px; color:#000; border-bottom:solid 1px #eee; padding-top:40px;}
#title p{ float:right; font-size:12px; color:#999; font-weight:100;text-transform:none;}	
	
#aboutcon{ width:1260px; margin:30px auto 0 auto; overflow:hidden; font-size:14px;}
#aboutcon span{ font-size:18px; font-weight:900; color:#000;}

#aboutpic{ width:1260px; margin:30px auto 90px auto; overflow:hidden;}
	
#about_history{ width:1260px; margin:0 auto 40px auto; overflow:hidden;}
#about_history ul{ background:url(image/line.png) repeat-y 30px top;}	
#about_history ul li{ padding-left:60px; background:url(image/bit.png) no-repeat 16px 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:1260px; margin:0 auto 80px auto; overflow:hidden;}
#about_workshop ul{ width:1300px;}
#about_workshop ul li{ width:300px; float:left; margin-right:20px;}
#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;}
#about_workshop ul li a:hover img{ transform:scale(1.15);}

#history{ width:1260px; margin:30px auto 80px auto; overflow:hidden;}
#history ul{ background:url(image/line.png) repeat-y 30px top;}	
#history ul li{ padding-left:60px; background:url(image/bit.png) no-repeat 16px 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:1260px; margin:40px auto 0px auto; overflow:hidden;}
#workshop ul{ width:1300px;}
#workshop ul li{ width:300px; float:left; margin-right:20px; margin-bottom:20px;}
#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; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#workshop ul li a:hover img{ transform:scale(1.15);}

#page{ overflow:hidden; text-align:center; width:100%; margin:0 auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; background:#eee; border-radius:3px; line-height:36px; padding:0 20px; font-size:12px;}
#page ul li a:hover{ background:#258de8; color:#fff;}
#page ul li a.it{ background:#258de8; color:#fff;}

#kmenu{ width:1260px; margin:30px auto 0 auto; overflow:hidden;}
#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:1280px; margin:40px auto 0 auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ float:left; width:300px; margin:0 10px 40px 10px;}
#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:1200px; margin:30px auto 0 auto; overflow:hidden;}
#probig .left{ width:600px; float:left;}
#probig .left img{ width:100%;}
#probig .right{ width:550px; float:right;}
#probig .right p.a1{ font-size:24px; 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; font-size:16px; font-weight:900;}
#probig .right p.a4{font-weight:900; line-height:40px; font-size:30px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a4 span{ float:right;}
#probig .right p.a4 span a{ margin-left:10px;}

#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:40px; padding-bottom:20px;}
#probig .right p.a5 a{ display:block; background:#258de8; color:#fff; line-height:40px; width:150px; font-size:14px; border-radius:5px; text-align:center;}
#probig .right p.a5 a:hover{ background:#da251d; width:180px;}

#probig .right p.a6{ overflow:hidden; margin-top:120px; }

#probig_menu{ width:1200px; margin:30px auto 0 auto; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#probig_menu ul li{ float:left; width:33.33%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:50px;}
#probig_menu ul li a:hover{ background:#258de8; color:#fff;}
#probig_menu ul li a.it{ background:#258de8; color:#fff;}

#probig_con{ width:1200px; margin:30px auto 50px auto; overflow:hidden;}

#canshu{ width:1200px; margin:40px 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:40px; text-indent:20px;}

#guige{ width:1200px; margin:40px 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:1200px; margin:0 auto; line-height:60px; overflow:hidden; border-top:solid 2px #000; color:#d00;}

#wyjob{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#wyjob p{ padding-top:20px; float:left; width:25%;}
#wyjob p.content{ width:98.2%;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#258de8; color:#fff; transition:background 0.5s; line-height:40px; width:130px; text-align:center; border-radius:5px; font-size:14px; transition:all 0.5s;}
#wyjob p a:hover{ background:#da251d; width:150px;}

#news{ width:1260px; 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{ float:left; margin-right:40px; width:380px;}
#news ul li a p.tt{ font-size:18px; color:#000; line-height:60px; font-weight:700; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:100px; background:#eee; border-radius:5px; margin-top:30px; text-align:center; color:#000; font-size:12px; line-height:36px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#258de8; color:#fff; width:120px;}

#tec{ width:1260px; margin:30px auto 80px auto; overflow:hidden;}
#tec p.nodata{ text-align:center;}
#tec .tec_con{ text-align:center; margin-bottom:30px;}

#contact2{ width:1260px; margin:0 auto; overflow:hidden;}
#contact2 ul{ width:1300px;}
#contact2 ul li{ border-bottom:solid 1px #eee; line-height:60px; width:620px; margin-right:20px; float:left;}
#contact2 ul li img{ float:left; margin-top:5px;}

#map{ width:1260px; margin:30px auto 80px auto; overflow:hidden;}


#customer{ width:1260px; margin:40px auto 100px auto; overflow:hidden;}
#customer ul{ width:1300px;}
#customer ul li{ width:210px; float:left;}
#customer ul li p{ border:solid 1px #eee; margin:5px; height:149px; background:#f7f7f7;}
#customer ul li img{ width:100%;}


#feedback{ width:1260px; margin:40px auto 100px auto; overflow:hidden;}
#feedback .left{ width:600px; 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:100%;}
#feedback .left p textarea{ border:solid 1px #eee; background:#f7f7f7; border-radius:20px; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; width:560px; 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:150px; 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;}
#feedback .right img{ border-radius:50px;}

#float{ position:fixed; z-index:20; right:0; bottom:300px; width:50px; transition:all 0.5s;}
#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:60px; background:url(image/k15.png) no-repeat center/100% auto rgba(0,0,0,0.8); height:60px; border-radius:50%; position:fixed; right:20px; bottom:30px;cursor:pointer; transition:all 0.5s;}
#gotop:hover{ background:url(image/k15.png) no-repeat center/100% auto #da251d; }








}