@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background: #fff;font-size: 14px;color: #666;line-height: 24px;	font-family: "微软雅黑";}
a {color: #000;	text-decoration: none; transition:color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s;} 
ul{ list-style:none;}
@media(min-width:1600px){
#about_banner{ width:100%; overflow:hidden;}
#about_banner img{ width:100%!important;}
	}
@media(min-width:900px) {
/*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:1920px;}

#top{ position:fixed; width:100%; overflow:hidden; background:rgba(0,0,0,0.6); z-index:20; height:100px;}


#logo{ float:left; margin-left:30px;}
#menu{ float:right; overflow:hidden; margin-right:20px;}
#menu ul{ list-style:none;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:100px; color:#fff; font-size:16px; text-decoration:none; padding:0 24px; background:url(images/line1.jpg) no-repeat center 70px/0% 2px;}
#menu ul li.lan{ background:url(images/line.jpg) no-repeat left center; margin-left:24px; padding-left:24px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#menu ul li a:hover{  background:url(images/line1.jpg) no-repeat center 70px/30% 2px; color:#019be5;}




#lan{ color:#fff; line-height:80px; margin-left:60px; cursor:pointer;}
#lan img{ vertical-align:middle; margin-left:5px;}

#lan_list{ position:absolute; background:#eee; width:100px; margin-left:-20px; display:none;}
#lan_list p{ display:block; float:none; margin:0;}
#lan_list p a{ color:#000; text-align:center;}
#lan_list p a:hover{ background:#019be5;}

#mbtn{ display:none;}

#ind_about{ width:1200px; margin:60px auto 130px auto; overflow:hidden;}

#ind_about .left{ width:100%; text-align:center;}
#ind_about .left p.a1{ font-size:30px; font-weight:900; color:#019be5; text-transform:uppercase; padding-top:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_about .left p.a2{ font-size:30px; line-height:40px; color:#333; font-weight:900;}
#ind_about .left p.a3{ padding-top:20px;}
#ind_about .left p.a4{ width:50%; float:left; padding-top:40px;}
#ind_about .left p.a4 span{ display:block;}
#ind_about .left p.a4 span font{ font-size:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; color:#019be5;}
#ind_about .left p.ak{ padding-right:10%; width:40%;}

#ind_about .left p.a5{ overflow:hidden; width:100%; padding-top:30px;}
#ind_about .left p.a5 a{ display:block; width:107px; line-height:36px; margin:0 auto; height:36px; border-radius:50px; background:#eee; text-align:center; font-size:12px; color:#333;}
#ind_about .left p.a5 a:hover{ background:#019be5; color:#fff; width:140px;}

#ind_about .right{ width:100%; margin-top:50px; overflow:hidden;}
#ind_about .right ul{ width:1300px;}
#ind_about .right ul li{ width:390px; margin-right:15px; float:left; height:280px; overflow:hidden;}
#ind_about .right ul li a{ display:block; color:#fff; text-align:center;}
#ind_about .right ul li.a1{ background:#595656;}
#ind_about .right ul li.a1 a img{ margin-top:42px; transition:all 0.35s;}
#ind_about .right ul li.a1 a:hover img{ margin-top:50px;}
#ind_about .right ul li.a1 a p.b1{ font-size:18px; line-height:50px; transition:all 0.35s;}
#ind_about .right ul li.a1 a:hover p.b1{ line-height:30px;}
#ind_about .right ul li.a2{ background:#019be5;}
#ind_about .right ul li.a2 a img{ margin-top:42px;transition:all 0.35s;}
#ind_about .right ul li.a2 a:hover img{ margin-top:50px;}
#ind_about .right ul li.a2 a p.b1{ font-size:18px; line-height:50px;transition:all 0.35s;}
#ind_about .right ul li.a2 a:hover p.b1{ line-height:30px;}
#ind_about .right ul li.a3 a img{ transition:all 0.35s;}
#ind_about .right ul li.a3 a:hover img{ transform:scale(1.15);}


#ind_pro{ width:100%; overflow:hidden; background:url(image/ind_pro_di.jpg) no-repeat top center #f7f7f7; padding-bottom:100px;}

.title{ width:100%; overflow:hidden; text-align:center; padding-top:100px; padding-bottom:20px;}
.title .et{ font-size:30px; font-weight:900; color:#019be5; text-transform:uppercase; line-height:40px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.title .ct{ font-size:30px; line-height:40px; color:#fff; font-weight:900;}
.title .star{ padding-top:10px;}


#ind_spro{ width:1200px; margin:0 auto; overflow:hidden;}
/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {text-align: center;font-size: 18px;padding-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_app .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:3rem;}
.ind_app .swiper-slide a{ display:block; font-size:18px; text-align:center; transition:background 0.5s,box-shadow 0.5s,margin 0.5s;}
.ind_app .swiper-slide a div{ overflow:hidden;}
.ind_app .swiper-slide a img{width:100%; transition:All 0.35s;}
.ind_app .swiper-slide a:hover img{transform:scale(1.15);}
.ind_app .swiper-slide a p.k1{line-height:50px; font-size:14px; color:#fff; background:#595656; transition:all 0.35s;}
.ind_app .swiper-slide a:hover p.k1{ background:#eb8403;}
.ind_app .swiper-slide a:hover p.k2 img{ transform:none;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}


#index_page{ text-align:center; overflow:hidden; width:100%; padding-bottom:5px;}
#index_page ul{ display:inline-block;}
#index_page ul li{ float:left; margin:0 5px;}
#index_page ul li a{ display:block; background:#fff; border-radius:3px; box-shadow:0px 3px 3px rgba(0,0,0,0.05)}
#index_page ul li.a1 a{ width:60px; height:40px; background:url(image/bbt1.png) no-repeat 0 center #fff;}
#index_page ul li.a1 a:hover{ background:url(image/bbt1.png) no-repeat -60px center #eb8403;}

#index_page ul li.a2 a{ width:60px; height:40px; background:url(image/bbt2.png) no-repeat 0 -40px #fff;}
#index_page ul li.a2 a:hover{ background:url(image/bbt2.png) no-repeat 0 0 #eb8403;}

#index_page ul li.a3 a{ width:60px; height:40px; background:url(image/bbt3.png) no-repeat -60px center #fff;}
#index_page ul li.a3 a:hover{ background:url(image/bbt3.png) no-repeat 0 center #eb8403;}



#ind_menu{ width:1200px; margin:0 auto; text-align:center; overflow:hidden;}
#ind_menu div.a{ display:inline-block;}
#ind_menu div.a p{ float:left; margin:0 5px;}
#ind_menu div.a p a{ display:block; background:none; padding:0 30px; border:solid 2px #fff; text-align:center; line-height:32px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; margin-bottom:2px;}
#ind_menu div.a a:hover{ background:#019be5; color:#fff;border:solid 2px #019be5; }


.title1{ width:100%; overflow:hidden; text-align:center; padding-top:100px; padding-bottom:20px;}
.title1 .et{ font-size:30px; font-weight:900; color:#019be5; text-transform:uppercase; line-height:40px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.title1 .ct{ font-size:30px; line-height:40px; color:#000; font-weight:900;}

#ind_news{ width:1200px; margin:20px auto 0 auto; overflow:hidden;}
#ind_news div.a1{ float:left;}
#ind_news div.a2{ float:right; width:630px; overflow:hidden;}
#ind_news div.a2 ul li{ overflow:hidden; background:url(image/hline2.png) repeat-y 20px; padding-bottom:16px; padding-top:5px;}
#ind_news div.a2 ul li a{ display:block;}
#ind_news div.a2 ul li a div.b1{ width:560px; padding-left:60px; color:#999; line-height:18px; background:url(image/bit1.png) no-repeat 14px; overflow:hidden}
#ind_news div.a2 ul li a div.b1 p{padding-top:5px;}
 
#ind_news div.a2 ul li a div.b2{ margin-left:60px;width:560px; overflow:hidden; border-bottom:solid 1px #eee; background:url(image/hline1.png) no-repeat  left bottom/0 1px; transition:background 1s;}
#ind_news div.a2 ul li a div.b2 p.c1{ font-size:16px; line-height:30px; color:#333;}
#ind_news div.a2 ul li a div.b2 p.c2{ font-size:13px; line-height:18px; color:#666; padding-bottom:20px;}

#ind_news div.a2 ul li a:hover div.b2{background:url(image/hline1.png) no-repeat left bottom /100% 1px;}
#ind_news div.a2 ul li a:hover div.b2 p.c1{ color:#019be5;}

#ind_more{ overflow:hidden; width:100%; margin:60px 0 100px 0;}
#ind_more a{ display:block; width:107px; line-height:36px; background:#eee; text-align:center; border-radius:50px; font-size:12px; margin:0 auto;}
#ind_more a:hover{ width:130px; background:#019be5; color:#fff;}


.title2{ width:100%; overflow:hidden; text-align:center; padding-top:80px; padding-bottom:20px;}
.title2 .et{ font-size:30px; font-weight:900; color:#019be5; text-transform:uppercase; line-height:40px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
.title2 .ct{ font-size:30px; line-height:40px; color:#fff; font-weight:900;}
.title2 .star{ padding-top:10px;}

#index_ser{ width:100%; overflow:hidden; background:url(image/ind_ser_di.jpg) no-repeat center;}
#index_ser .ser_con{ width:1200px; margin:0 auto; overflow:hidden; text-align:center; color:#fff;}

#ind_ser_btn{ width:1200px; margin:30px auto 90px auto; overflow:hidden;}
#ind_ser_btn ul{ width:1300px;}
#ind_ser_btn ul li{ float:left; width:285px; height:248px; margin-right:20px; background:rgba(255,255,255,0.4); transition:all 0.35s;}
#ind_ser_btn ul li a{ display:block; text-align:center; color:#fff; font-size:18px; line-height:70px;}
#ind_ser_btn ul li a img{ margin-top:50px;}
#ind_ser_btn ul li:hover{ background:#019be5;}

#bottom{ width:100%; background:url(../images/di5.jpg) no-repeat center top; }
#bottom1{ background:#019be5; width:100%; color:#fff;}
#bottom2{ width:1260px; margin:0 auto; overflow:hidden; padding-top:50px;}
#bottom2 .left{ float:left; text-align:left; font-size:14px; line-height:24px;}
#bottom2 .left p.a1 a{ color:#fff;}
#bottom2 .left p.a1 span{ margin:0 20px;}
#bottom2 .left p.a2{ margin-top:20px;}
#bottom2 .right{ float:right; font-size:14px; line-height:24px; padding-top:14px; text-align:center;}
#bottom3{ width:1260px; margin:0 auto; overflow:hidden; line-height:82px; border-top:solid 1px #4eb9ed; text-align:center; font-size:14px; margin-top:50px;}

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


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

#aboutmenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#aboutmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#aboutmenu ul li{ float:left; border-left:solid 1px #fff;}
#aboutmenu ul li a{ display:block; line-height:60px; font-size:14px; padding:0 50px;}
#aboutmenu ul li a:hover{ background:#019be5; color:#fff;}

#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:30px; line-height:40px; font-weight:900; color:#000; padding-top:40px;}
#title p.bread{ color:#ccc; font-size:12px; background:url(image/line.jpg) repeat-x center;}
#title p.bread a{ color:#ccc;}
#title p.bread a:hover{ color:#000;}
#title p.bread span{ background:#fff; padding:0 20px;}

#content{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#content span{ font-size:18px; color:#019be5; font-weight:900;}

#workshop{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:1300px;}
#workshop ul li{ width:380px; margin-right:30px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#workshop ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#workshop ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#workshop ul li a img:hover{transform:scale(1.15);}
#workshop ul li a:hover{ background:#019be5; color:#fff;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#019be5; color:#fff;}
#page ul li a.it{ background:#019be5; color:#fff;}

#history_con{ width:1200px; margin:60px auto; overflow:hidden; background:url(image/line2.jpg) center repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) center 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:0px; }
#history_con dl dd span{ width:45%; float:left; text-align:right; font-size:18px; color:#000; font-weight:900; line-height:20px;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:16px; padding-bottom:20px;}

#history_con dl dd.myit span{ width:45%; float:right; text-align:left;}
#history_con dl dd.myit p{ float:left; width:45%; text-align:right; border-bottom:solid 1px #ddd;}

#brand{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#brand .a1{ width:500px; float:left;}
#brand .a1 img{ width:100%;}
#brand .a2{ width:650px; float:right;}
#brand .a2 span{ font-size:18px; color:#019be5; font-weight:900;}

#culture{ width:1200px; margin:20px auto 0 auto; overflow:hidden; text-align:center;}

#orgnize{ width:1200px; margin:20px auto 80px auto; overflow:hidden; text-align:center;}

#newsmenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#newsmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#newsmenu ul li{ float:left; border-left:solid 1px #fff;}
#newsmenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px;}
#newsmenu ul li a:hover{ background:#019be5; color:#fff;}

#news{ width:1200px; 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:900;}
#news ul li a p.con{ color:#666;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:40px; text-align:center; color:#000; line-height:40px; 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:#019be5; color:#fff; width:150px;}

#job{ width:1200px; margin:0 auto 40px auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:20%;}
#job ul li p.yp{ float:left; width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px;}
#job ul li p a{ float:right; display:block; background:#eee; width:100px; color:#000; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; color:#fff; background:#019be5}


#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:#019be5; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ background:#019be5;}


#servicemenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#servicemenu ul{ display:inline-block; border-right:solid 1px #fff;}
#servicemenu ul li{ float:left; border-left:solid 1px #fff;}
#servicemenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px;}
#servicemenu ul li a:hover{ background:#019be5; color:#fff;}

#jobmenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#jobmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#jobmenu ul li{ float:left; border-left:solid 1px #fff;}
#jobmenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px;}
#jobmenu ul li a:hover{ background:#019be5; color:#fff;}

#contact{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#contact .contact{ width:550px; float:left;}
#contact p{ font-size:16px; line-height:60px; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:20px; color:#000; font-weight:900; line-height:50px;}
#contact p.tt1{ font-size:16px; color:#000; font-weight:900; line-height:50px;}
#contact .map{ float:right; width:550px;}
#contact p.aa{ width:275px; float:left;}

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

#prolist{ width:1230px; margin:30px auto 20px auto; overflow:hidden;}
#prolist ul{}
#prolist ul li{ float:left; width:380px; margin:0 15px 20px 15px; }
#prolist ul li a{ display:block; border:solid 1px #eee; padding:0 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0); transition:box-shadow 0.5s;}
#prolist ul li a img{ width:100%;}
#prolist ul li a p.tt{ line-height:40px; font-size:14px;  text-align:center; border-bottom:solid 1px #eee; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#prolist ul li a p.con{ padding:20px 0; color:#666; overflow:hidden; border-bottom:solid 1px #eee;}
#prolist ul li a p.more{ width:35%; line-height:30px; font-size:12px; color:#000; background:#f7f7f7; margin:0 auto; overflow:hidden; border-radius:5px; text-align:center; margin:20px auto; transition:background 0.5s,color 0.5s,width 0.5s;}
#prolist ul li a p.more:hover{ background:#019be5; color:#fff; width:50%;}
#prolist ul li a:hover{box-shadow: 0px 5px 10px rgba(0,0,0,0.2);}

#promenu{ width:100%; overflow:hidden; background:#f1f1f1; text-align:center;}
#promenu ul{ display:inline-block; border-right:solid 1px #fff;}
#promenu ul li{ float:left; border-left:solid 1px #fff;}
#promenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 40px;}
#promenu ul li a:hover{ background:#019be5; color:#fff;}

#probig{ width:1200px; margin:30px auto 80px 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;}
#probig .right p.a4{ font-family:Arial, sans-serif; color:#019be5; font-weight:900; line-height:40px; font-size:30px;}
#probig .right p.a5{ overflow:hidden; margin-top:20px; border-bottom:solid 1px #eee; padding-bottom:20px;}
#probig .right p.a5 a{ display:block; background:url(image/bit.png) 35px center no-repeat/40px auto #ffc000; color:#fff; text-indent:80px; line-height:50px; width:200px; font-size:18px; border-radius:5px; text-align:left;}
#probig .right p.a5 a:hover{ background:url(image/bit.png) 35px center no-repeat/40px auto #18258b;}

#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:20%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:50px;}
#probig_menu ul li a:hover{ background:#019be5; color:#fff;}
#probig_menu ul li a.it{ background:#019be5; 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;}
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-indent:20px;}

.case_pro{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
.case_pro ul{ width:1300px;}
.case_pro ul li{ width:380px; margin-right:30px; float:left; margin-bottom:20px;}
.case_pro ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
.case_pro ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
.case_pro ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
.case_pro ul li a img:hover{transform:scale(1.15);}
.case_pro ul li a:hover{ background:#019be5; color:#fff;}

#pro_video{ width:1200px; text-align:center; margin:40px auto 60px auto; overflow:hidden;}

#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:#019be5;}

#service{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#service .a2 ul{ width:1300px;}
#service .a2 ul li{float:left; margin-top:20px;}
#service .a2 ul li.b1{ width:50%;}
#service .a2 ul li.b2{ width:100%;}
#service .a2 ul li p{ font-size:18px; font-weight:bold; color:#000; line-height:50px;}
#service .a2 ul li span{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#019be5; font-size:20px; font-weight:900;}

#salenet{ width:1200px; margin:20px auto; overflow:hidden;}
#salenet1{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#salenet1 p{ font-size:18px; line-height:40px; color:#000;}
#salenet1 table{ width:100%; line-height:40px; border-left:solid 1px #eee; border-top:solid 1px #eee;}
#salenet1 table td{border-right:solid 1px #eee; border-bottom:solid 1px #eee;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}














}