@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: #000;line-height: 24px;	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
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: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:120%; margin:-3% 0 0 -10%}

#top{ width:100%; overflow:hidden;}
#logo{ background:url(image/logo_di.png) no-repeat right; position:absolute; z-index:20; padding-right:80px; overflow:hidden; height:108px; padding-left:50px;}
#top1{ width:100%; background:#333; line-height:33px; overflow:hidden;}
#top1 .k{ width:95%; margin:0 auto;}
#top1 .k ul{ float:right;}
#top1 .k ul li{ float:left; margin-left:30px;}
#top1 .k ul li a{ display:block; color:rgba(255,255,255,0.5);}
#top1 .k ul li a img{ vertical-align:middle; margin-right:3px; margin-bottom:3px;}
#top1 .k ul li a:hover{ color:#fff;}

#mbtn{ display:none;}
#close{ display:none;}
#top2{ width:100%; background:#fff; }
#top2 .k{ width:95%; margin:0 auto; overflow:hidden;}
#top2 .k ul{ float:right;}
#top2 .k ul li{ float:left;}
#top2 .k ul li a{ display:block; padding:0 25px; line-height:60px; color:#000; font-size:16px; font-weight:100; background:url(image/menu_di.jpg) no-repeat bottom center/100% 0%; transition:all 0.3s;}
#top2 .k ul li a:hover{ background:url(image/menu_di.jpg) no-repeat bottom center/100% 100%; color:#bc0000;}

#top2 .k ul li .zmenu{ position:absolute; display:none; z-index:20;}
#top2 .k ul li .zmenu p a{ line-height:50px; background:#f7f7f7; color:#000;}
#top2 .k ul li .zmenu p a:hover{ background:#bc0000; color:#fff;}

#index_about{ width:1260px; margin:100px auto 80px auto; overflow:hidden;}
#index_about .con{ width:590px; float:left;}
#index_about .con p.a1{ font-size:26px; color:#000; line-height:60px; font-weight:900;}
#index_about .con p.a2{ line-height:20px;}
#index_about .con p.a3{ margin-top:20px;}
#index_about .con p.a3 a{ display:block; width:110px; background:#eee; border-radius:50px; text-align:center; line-height:36px;}
#index_about .con p.a3 a:hover{ background:#bc0000; color:#fff; width:130px;}
#index_about .con div.a4{ width:100%; overflow:hidden; margin-top:30px;}
#index_about .con div.a4 ul{ width:110%;}
#index_about .con div.a4 ul li{ float:left; width:120px; float:left; font-size:12px; line-height:18px; text-align:center; margin-right:35px;}
#index_about .con div.a4 ul li img{ width:60px;}
#index_about .pic{ float:right; background:url(image/compic_di.png) no-repeat bottom left; padding:0 0 20px 20px;}

#index_pro{ width:100%; background:url(image/ind_prodi.jpg) no-repeat center top; height:694px;}
#index_pro .k{ width:1260px; margin:0 auto; overflow:hidden;}
#index_pro .k .left{ overflow:hidden; float:left; margin-top:150px;}
#index_pro .k .left ul li{ display:none;}
#index_pro .k .right{ float:right; width:534px; text-align:right;}
#index_pro .k .right p.a1{ font-size:36px; font-weight:900; line-height:60px; color:#bc0000; padding-top:90px;}
#index_pro .k .right p.a2 a:hover{ color:#bc0000;}
#index_pro .k .right div.a3{margin-top:50px; background:rgba(0,0,0,0.8); height:270px; color:#fff; padding:0 40px; text-align:left; overflow:hidden;}
#index_pro .k .right div.a3 ul li{ display:none;}
#index_pro .k .right div.a3 ul li p.b1{ font-size:30px; line-height:70px; padding-top:20px;}
#index_pro .k .right div.a3 ul li p.b2{ line-height:30px;}
#index_pro .k .right div.a3 ul li p.b3{ padding:20px 0 50px 0;}
#index_pro .k .right div.a3 ul li p.b3 a{ color:#bc0000;background:url(image/menu_di.jpg) no-repeat bottom left/0% 1px;}
#index_pro .k .right div.a3 ul li p.b3 a:hover{ background:url(image/menu_di.jpg) no-repeat bottom left/100% 1px; color:#fff;}

#index_pro .k .right div.a4{ overflow:hidden; margin-top:1px;}
#index_pro .k .right div.a4 p.al{ background:url(image/bit4.png) no-repeat center rgba(0,0,0,0.3); width:63px; height:37px; cursor:pointer; float:left; margin-right:1px; transition:all 0.5s;}
#index_pro .k .right div.a4 p.al:hover{ background:url(image/bit4.png) no-repeat center #bc0000;}
#index_pro .k .right div.a4 p.ar{ background:url(image/bit5.png) no-repeat center rgba(0,0,0,0.6); width:63px; height:37px; cursor:pointer; float:left; transition:all 0.5s;}
#index_pro .k .right div.a4 p.ar:hover{background:url(image/bit5.png) no-repeat center #bc0000; }


#index_pro_di{ width:100%; background:#f7f7f7; overflow:hidden;}
#index_pro_di .tt p.tt{ text-align:center; font-size:36px; font-weight:900; line-height:60px; color:#bc0000; padding-top:80px;}
#index_pro_di .tt p.btn{ text-align:center;font-size:14px;}
#index_pro_di .tt p.btn a{ color:#000;}

#index_pro_di .p_list{ width:1290px; margin:40px auto 100px auto; overflow:hidden;}
#index_pro_di .p_list ul{ width:1300px}
#index_pro_di .p_list ul li{ float:left; width:400px; margin:0 15px;padding-bottom:20px;}
#index_pro_di .p_list ul li a{ display:block; line-height:50px; padding:20px; background:#fff; transition:all 0.5s;}
#index_pro_di .p_list ul li a img{ width:100%; background:#f7f7f7; transition:all 0.5s;}
#index_pro_di .p_list ul li a:hover img{ transform:scale(1.15);}
#index_pro_di .p_list ul li a p{ overflow:hidden;}
#index_pro_di .p_list ul li a p.tt{ font-size:24px; line-height:60px; text-align:center;}
#index_pro_di .p_list ul li a p.con{ line-height:24px; border-top:solid 1px #eee; color:#666; padding-top:10px; border-bottom:solid 1px #eee; padding-bottom:10px; height:72px;}
#index_pro_di .p_list ul li a p.more{ width:100px; background:#eee; line-height:36px; border-radius:50px; text-align:center; margin:30px auto 20px auto; font-size:12px; transition:all 0.5s;}

#index_pro_di .p_list ul li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
#index_pro_di .p_list ul li a:hover p.more{ background:#bc0000; color:#fff; width:120px;}



#index_news{ width:100%; background:url(image/index_news_di.jpg) no-repeat top center; height:778px; overflow:hidden;}
#index_news .tt{ text-align:center; width:100%; overflow:hidden;}
#index_news .tt p{ font-size:36px; color:#bc0000; font-weight:900; line-height:60px; padding-top:80px;}

#index_news .news_list{ width:1260px; margin:20px auto 0 auto; overflow:hidden;}
#index_news .news_list ul li{ float:left; width:50%; overflow:hidden;}
#index_news .news_list ul li a{ margin:10px; display:block; background:#fff; padding:20px; overflow:hidden; box-shadow:0 1px 5px rgba(0,0,0,0.1); transition:all 0.5s;}
#index_news .news_list ul li a .a1{ float:left; margin-right:20px;}
#index_news .news_list ul li a .a2{ overflow:hidden;}
#index_news .news_list ul li a .a2 p.b1{ line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom:solid 1px #eee;}
#index_news .news_list ul li a .a2 p.b2{ font-size:16px; margin-top:12px; line-height:18px;}

#index_news .news_list ul li a:hover{box-shadow:0 5px 5px rgba(0,0,0,0.2); background:#bc0000; color:#fff;}
#index_news .more{ overflow:hidden; margin-top:40px;}
#index_news .more a{ display:block; background:#fff; font-size:12px; line-height:36px; width:110px; text-align:center; margin:0 auto; border-radius:50px;}
#index_news .more a:hover{ color:#fff; background:#bc0000; width:130px;}

#index_ad{ background:url(image/index4_17.jpg) no-repeat center; width:100%; height:197px; overflow:hidden;}

#index_title{ width:100%; text-align:center; overflow:hidden; margin-top:80px;}
#index_title p{ font-size:36px; font-weight:900; line-height:60px; color:#bc0000; padding-bottom:10px;}
#index_title span{ font-size:18px; font-weight:900;}

#index_app{ width:100%; overflow:hidden; background:#f7f7f7; margin-top:30px;}
#index_app ul li{ width:25%; float:left;}
#index_app ul li a{ display:block; overflow:hidden;}
#index_app ul li a .l{ text-align:center; font-size:14px; float:left; width:50%; }
#index_app ul li a .r{ float:right; width:50%; overflow:hidden;}
#index_app ul li a .r img{ width:100%; transition:all 0.35s;}
#index_app ul li.a1 a .l{ float:right;}
#index_app ul li.a1 a .r{ float:left;}

#index_app ul li a:hover{ background:#bc0000; color:#fff;}
#index_app ul li a:hover .r img{ transform:scale(1.15);}

#bottom{ width:100%; overflow:hidden; background:#333; color:#fff;}
#bottom ul{ width:1260px; margin:40px auto 70px auto; overflow:hidden;}
#bottom ul li{ float:left; width:160px;}
#bottom ul li.a2{ width:300px}
#bottom ul li p{ font-size:16px; line-height:40px;}
#bottom ul li a{ display:block; color:#fff;}
#bottom ul li a:hover{ color:#bc0000; padding-left:5px;}
#bottom ul li span{ font-size:30px; font-family:impact; display:block; padding-bottom:10px;}

#bottom1{ background:#000; color:#fff; line-height:60px;}
#bottom1 p{ width:1260px; margin:0 auto; overflow:hidden;}
#bottom1 p a{ color:#fff;}
#bottom1 p span{ display:block; width:60px; height:60px; background:url(image/gotop.png) no-repeat center #bc0000; float:right; cursor:pointer;}

#mbottom{ display:none;}

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

#aboutmenu{ width:100%; overflow:hidden; background:#fff; border-bottom:solid 1px #eee; 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; background:url(image/line1.jpg) no-repeat  center bottom/0% 1px;}
#aboutmenu ul li a:hover{ background:url(image/line1.jpg) no-repeat  center bottom/100% 1px; color:#000;}
#aboutmenu ul li a.it{ background:url(image/line1.jpg) no-repeat  center bottom/100% 1px; color:#000;}


#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:60px;}
#title p.bread{ color:#ccc; font-size:12px; background:url(image/line3.jpg) no-repeat center; height:20px; padding-bottom:10px;}
#title p.bread a{ color:#ccc;}
#title p.bread a:hover{ color:#000;}
#title p.bread span{ background:#fff; padding:0 20px; display:none;}

#about_banner_con{ width:100%; overflow:hidden; position:absolute; margin-top:-250px;}
#about_banner_con .title{ width:1200px; margin:0 auto; overflow:hidden; color:#fff;}
#about_banner_con .title div{ background:rgba(0,0,0,0.6); padding:30px; width:560px;}
#about_banner_con .title p.a1{ font-size:16px; text-shadow:0 1px 2px rgba(0,0,0,0.1); line-height:30px;}
#about_banner_con .title p.a2{ font-size:20px; font-weight:900; text-shadow:0 2px 3px rgba(0,0,0,0.2); line-height:24px;}

#content{ width:1200px; margin:20px auto 50px auto; font-size:14px; line-height:30px; overflow:hidden; text-align:center;}
/*#content span{ font-size:18px; color:#ff8e00; font-weight:900;}*/

#about_btn{ width:100%; text-align:center; overflow:hidden; margin-bottom:80px;}
#about_btn ul{ display:inline-block;}
#about_btn ul li{ float:left; width:200px; margin:0 50px; line-height:18px;}
#about_btn ul li img{ width:80px;}
#about_btn ul li p{ margin-top:20px;}
#about_btn ul li p span{ color:#00479d; font-family:myfont; font-size:24px;}

#about_cc{ width:100%; overflow:hidden; background:#f7f7f7;}
#about_cc .left{ width:50%; overflow:hidden; float:left; height:440px; background:url(about/k1.jpg) no-repeat right;}
#about_cc .right{ width:50%; float:right; overflow:hidden;}
#about_cc .right .con{ width:520px; padding-left:80px;}
#about_cc .right .con p.tt{ font-size:30px; line-height:60px; margin-top:100px;}
#about_cc .right .con p.cc{ line-height:18px;}

#about_cc1{ width:100%; overflow:hidden; background:#f7f7f7;}
#about_cc1 .left{ width:50%; overflow:hidden; float:right; height:440px; background:url(about/k2.jpg) no-repeat left;}
#about_cc1 .right{ width:50%; float:left; overflow:hidden;}
#about_cc1 .right .con{ width:520px; padding-right:80px; float:right;}
#about_cc1 .right .con p.tt{ font-size:30px; line-height:60px; margin-top:100px;}
#about_cc1 .right .con p.cc{ line-height:18px;}

#about_cc2{ width:100%; overflow:hidden; background:#f7f7f7;}
#about_cc2 .left{ width:50%; overflow:hidden; float:left; height:440px; background:url(about/k3.jpg) no-repeat right;}
#about_cc2 .right{ width:50%; float:right; overflow:hidden;}
#about_cc2 .right .con{ width:520px; padding-left:80px;}
#about_cc2 .right .con p.tt{ font-size:30px; line-height:60px; margin-top:100px;}
#about_cc2 .right .con p.cc{ line-height:18px;}

#about_cc3{ width:100%; overflow:hidden; background:#f7f7f7;}
#about_cc3 .left{ width:50%; overflow:hidden; float:right; height:440px; background:url(about/k4.jpg) no-repeat left;}
#about_cc3 .right{ width:50%; float:left; overflow:hidden;}
#about_cc3 .right .con{ width:520px; padding-right:80px; float:right;}
#about_cc3 .right .con p.tt{ font-size:30px; line-height:60px; margin-top:100px;}
#about_cc3 .right .con p.cc{ line-height:18px;}

#about_cc4{ width:100%; overflow:hidden; background:#f7f7f7;}
#about_cc4 .left{ width:50%; overflow:hidden; float:left; height:440px; background:url(about/k5.jpg) no-repeat right;}
#about_cc4 .right{ width:50%; float:right; overflow:hidden;}
#about_cc4 .right .con{ width:520px; padding-left:80px;}
#about_cc4 .right .con p.tt{ font-size:30px; line-height:60px; margin-top:100px;}
#about_cc4 .right .con p.cc{ line-height:18px;}


#video{ width:900px; text-align:center; margin:20px auto 100px auto;}
#video img{ width:100%;}










#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 p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#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:#f7f7f7; color:#bc0000;}

#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:#dc0000; color:#fff;}
#page ul li a.it{ background:#dc0000; color:#fff;}

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

#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:#ff8e00; font-weight:900;}

#culture1{ width:1200px; overflow:hidden; margin:40px auto 0 auto; border-bottom:solid 1px #eee; padding-bottom:30px;}
#culture1 p.a1{ background:#00479d; color:#fff; line-height:30px; width:150px; border-radius:5px; margin:0 auto; text-align:center;}
#culture1 p.a2{ text-align:center;}
#culture1 p.a3{ font-size:36px; line-height:80px; text-align:center;}

#culture2{ width:1200px; margin:60px auto 0 auto;overflow:hidden; background:url(about/logodi.jpg) no-repeat center 250px /250px auto;}
#culture2 .a1{ width:700px; margin:0 auto; border:solid 1px #eee; padding:20px 30px 30px 30px; border-radius:50px; background:#f7f7f7;}
#culture2 .a1 p.tt{ font-size:18px; color:#000; font-weight:900; line-height:22px; padding-bottom:20px; text-align:center;}
#culture2 .a1 p.cc{ text-indent:28px}

#culture2 .a2{ width:100%; overflow:hidden; margin-top:50px;}

#culture2 .a2 .b1{ float:left; width:350px; margin:20px auto 0 auto; border:solid 1px #eee; padding:20px 30px 30px 30px; border-radius:50px; background:#f7f7f7;}
#culture2 .a2 .b1 p.tt{ font-size:18px; color:#000; font-weight:900; line-height:22px; text-align:center; padding-bottom:20px;}
#culture2 .a2 .b1 p.cc{ text-indent:28px}

#culture2 .a2 .b2{ float:right; width:350px; margin:0 auto; border:solid 1px #eee; padding:20px 30px 30px 30px; border-radius:50px; background:#f7f7f7;}
#culture2 .a2 .b2 p.tt{ font-size:18px; color:#000; font-weight:900; line-height:22px; text-align:center; padding-bottom:20px;}
#culture2 .a2 .b2 p.cc{ text-indent:28px}

#culture3{ width:100%; background:#f7f7f7; overflow:hidden; margin-top:70px; padding-bottom:60px;}
#culture3 .tt{ text-align:center; line-height:60px; font-size:30px; overflow:hidden; padding-top:50px;}
#culture3 .list{ width:100%; text-align:center; overflow:hidden; padding-top:20px;}
#culture3 .list ul{ display:inline-block;}
#culture3 .list ul li{ width:300px; float:left;}
#culture3 .list ul li img{ width:100px;}
#culture3 .list ul li p.tc{ font-size:18px; line-height:40px; font-weight:900; color:#00479d;}

#culture4{ width:100%; background:url(about/di1.jpg) no-repeat center; overflow:hidden; text-align:center;}
#culture4 ul{ display:inline-block; margin:150px 0; border-left:dotted 1px #fff;}
#culture4 ul li{ width:240px; float:left; text-align:center;}
#culture4 ul li a{ color:#fff; display:block; border-right:dotted 1px #fff; padding:50px 0 70px 0;}
#culture4 ul li a p.tt{ font-size:16px; line-height:20px; padding-bottom:20px; font-weight:900;}
#culture4 ul li a:hover{ background:#00479d;}

#culture5{ width:1200px; margin:80px auto; overflow:hidden;}
#culture5 .a1{ float:left; overflow:hidden; background:#f7f7f7; padding:30px; width:660px; height:340px;}
#culture5 .a1 p{ font-size:30px; line-height:50px;}
#culture5 .a1 ul li{ float:left; margin-right:40px; }

#culture5 .a2{ float:right; overflow:hidden;background:#f7f7f7; padding:30px;width:400px; height:340px;}
#culture5 .a2 p{ font-size:30px; line-height:50px;}
#culture5 .a2 ul li{ float:left; margin-right:40px; }





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

#newsmenu{ width:100%; overflow:hidden; background:#fff; text-align:center; border-bottom:solid 1px #eee;}
#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; background:url(image/line1.jpg) no-repeat center bottom/0% 1px;}
#newsmenu ul li a:hover{background:url(image/line1.jpg) no-repeat center bottom/100% 1px;}
#newsmenu ul li a.it{ background:url(image/line1.jpg) no-repeat center bottom/100% 1px;}

#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:24px; margin-bottom:20px; 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:#dc0000; color:#fff; width:150px;}

#joba{ width:1260px; margin:50px auto 100px auto; overflow:hidden;}
#joba ul li{ width:275px; background:#f7f7f7; float:left; padding:20px 20px; height:450px; margin-top:50px;}
#joba ul li.k1{ margin-top:0px; background:#00a1e9; color:#fff;}
#joba ul li.k2{ margin-top:0px; background:#bc0000; color:#fff;}

#joba ul li img{ width:100%;}
#joba ul li p.tt{ text-align:center; font-size:20px; font-weight:900; line-height:60px;}
#joba ul li p.cc{ padding-top:20px;}


#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:#dc0000}

#job1_tt{ text-align:center; font-size:24px; overflow:hidden; padding-top:40px; letter-spacing:10px;}
#job1{ width:1200px; margin:40px auto 80px auto; overflow:hidden; background:url(job/di.jpg) no-repeat center;}
#job1 .left{ width:760px; float:left; border-right:solid 10px #fff;}
#job1 .left .a1{ border-bottom:solid 10px #fff; height:170px; color:#fff; padding:0 40px;}
#job1 .left .a1 p.tt{ font-size:24px; line-height:40px; padding-top:30px;}
#job1 .left .over{ border:none;}
#job1 .right{ float:right; width:340px; color:#fff; padding: 0 40px;}
#job1 .right p.tt{ font-size:24px; line-height:40px; padding-top:30px;}

#job2{ width:1200px; margin:40px auto 80px auto; overflow:hidden;}
#job2 .left{ width:530px; padding:0 0 0 60px; float:left; overflow:hidden; background:url(job/di1.jpg) no-repeat center; height:566px; color:#fff;}
#job2 .left p.a1{ font-size:30px; line-height:60px; padding-top:50px;}
#job2 .left p.a3{ padding-top:10px; line-height:30px;}

#job2 .right{ width:530px; padding:0 0 0 60px; float:right; overflow:hidden; background:url(job/di2.jpg) no-repeat center; height:566px; color:#fff;}
#job2 .right p.a1{ font-size:30px; line-height:60px; padding-top:50px;}
#job2 .right p.a3{ padding-top:10px; line-height:30px;}

#job3{ width:1200px; margin:40px auto 80px auto; overflow:hidden;}
#job3 ul{ width:1300px;}
#job3 ul li{ width:285px; margin:0 20px 20px 0; float:left; background:#f7f7f7; text-align:center; cursor:pointer;}
#job3 ul li .a1{ height:245px;}
#job3 ul li .a1 img{ margin-top:40px;}
#job3 ul li .a1 p{ font-size:18px; line-height:50px;}

#job3 ul li .a2{ width:245px; padding:20px; height:205px; text-align:left; background:rgba(0,71,157,0.9); position:absolute; z-index:10; color:#fff; margin-top:-245px; display:none;}




#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:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#wyjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#wyjob p a{ display:block; background:#dc0000; 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:#dc0000;}


#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:#ff8e00; color:#fff;}

#jobmenu{ width:100%; overflow:hidden; background:#fff; border-bottom:solid 1px #eee; 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; background:url(image/line1.jpg) no-repeat center bottom/0% 1px;}
#jobmenu ul li a:hover{ background:url(image/line1.jpg) no-repeat center bottom/100% 1px;color:#000;}
#jobmenu ul li a.it{ background:url(image/line1.jpg) no-repeat center bottom/100% 1px;color:#000;}


#contact{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#contact .contact{ width:100%; }
#contact .contact .a1{ width:580px; float:left;}
#contact .contact .a2{ width:580px; float:right;}
#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:#dc0000; font-weight:900; line-height:50px;}
#contact .map{ float:right; width:100%; margin-top:30px;}
#contact p.aa{ width:275px; float:left;}
#contact p img{ height:60px; vertical-align:middle;}

#feedback{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#feedback p{ padding-top:20px; float:left; width:33.33%;}
#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:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback p.a1{ width:50%;}
#feedback p.a1 label{ margin-right:20px;}
#feedback p.a1 input{ width:16px; height:16px; vertical-align:middle; margin-right:5px; margin-bottom:2px;}

#feedback p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#feedback p a{ display:block; background:#dc0000; 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 #f7f7f7; padding:20px 20px 0 20px;box-shadow: 0px 5px 10px rgba(0,0,0,0); transition:box-shadow 0.5s;}
#prolist ul li a img{ width:100%; transition:all 0.5s;}
#prolist ul li a:hover img{ transform:scale(1.15);}
#prolist ul li a p{ overflow:hidden;}
#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:36px; 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:#dc0000; 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:#fff; text-align:center; border-bottom:solid 1px #eee;}
#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; background:url(image/line1.jpg) no-repeat center bottom/0% 1px;}
#promenu ul li a:hover{  background:url(image/line1.jpg) no-repeat center bottom/100% 1px;color:#000;}
#promenu ul li a.it{  background:url(image/line1.jpg) no-repeat center bottom/100% 1px;color:#000;}


#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; overflow:hidden;}
#probig .right div.a2{ padding:20px 0;overflow:hidden; padding-bottom:20px;}
#probig .right div.a2 span{ font-weight:900; font-size:18px; border-top:solid 1px #eee; display:block; padding-top:20px;}
#probig .right div.a2 table{ border-top:solid 1px #eee;border-left:solid 1px #eee; line-height:30px; width:100%; margin-top:20px;}
#probig .right div.a2 table td{border-bottom:solid 1px #eee;  border-right:solid 1px #eee; text-indent:20px;}

#probig .right p.a3{ padding-top:20px;}
#probig .right p.a4{ font-family:Arial, sans-serif; color:#dc0000; 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:#00689b; color:#fff; line-height:40px; width:150px; float:left; margin-right:10px; font-size:14px; text-align:center; border-radius:5px; }
#probig .right p.a5 a:hover{ background:#dc0000; width:180px;}

#probig_menu{ width:1200px; margin:30px auto 0 auto; overflow:hidden; border-top:solid 0px #eee; border-bottom:solid 2px #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:#dc0000; color:#fff;}
#probig_menu ul li a.it{ background:#dc0000; 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:24px; /*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:#ff8e00; 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:#ff8e00;}

#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:#ff8e00; font-size:20px; font-weight:900;}

#salenet{ width:1200px; margin:50px auto 80px auto; overflow:hidden;}
#salenet .a1{ float:left; margin-left:50px;}
#salenet .a2{ float:left; margin:130px 0 0 60px;}

#salenet1{ width:100%; overflow:hidden; background:url(salenet/di.jpg) no-repeat center; height:824px;}
#salenet1 .tt{ width:1200px; margin:0 auto; overflow:hidden; color:#fff; text-align:center;}
#salenet1 .tt p.t1{ font-size:30px; line-height:60px; padding-top:50px;}
#salenet1 .tt p.t2{ color:rgba(255,255,255,0.5);}
#salenet1 .cc{ text-align:center; overflow:hidden; padding:80px 0 80px 0;}


#compic{ width:100%; background:#bc0000; overflow:hidden; color:#fff; font-size:14px;}
#compic img{ float:left;}
#compic .r{ padding:40px; overflow:hidden;}
#compic .r p.a1{ font-size:48px; font-weight:900; line-height:60px; padding-top:20px;}
#compic .r p.a2{ overflow:hidden; padding:20px 0 25px 0;}

#tec{ width:1200px; margin:40px auto 110px auto; overflow:hidden;}
#tec .a1{ border-bottom:solid 1px #eee; padding-bottom:30px; overflow:hidden;}
#tec .a2{ text-align:center; font-size:20px; color:#dc0000; font-weight:900; line-height:60px; padding:30px 0 20px 0;}
#tec .a3{ width:100%;}
#tec .a3 ul li{ width:380px; margin-right:30px; float:left;}
#tec .a3 ul{ width:1300px;}
#tec .a3 ul li img{ width:100%;}
#tec .a3 ul li p{ font-size:18px; line-height:50px; padding-top:10px;}

#quality{ width:1200px; margin:10px auto 110px auto; overflow:hidden;}
#quality .a1{ border-bottom:solid 1px #eee; padding-bottom:30px; overflow:hidden; text-align:center;}
#quality .a1 p{font-size:20px; color:#000; font-weight:900; line-height:60px; }
#quality .a2{ text-align:center; font-size:20px; color:#dc0000; font-weight:900; line-height:60px; padding:30px 0 20px 0;}
#quality .a3{ width:100%;}
#quality .a3 ul li{ width:380px; margin-right:30px; float:left;}
#quality .a3 ul{ width:1300px;}
#quality .a3 ul li img{ width:100%;}
#quality .a3 ul li p{ font-size:18px; line-height:50px; padding-top:10px;}

#honor{ width:1200px; margin:30px auto 0 auto; overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:50px; text-align:center;}
#honor p{ font-size:18px; font-weight:900; padding-bottom:10px;}


#partner{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
#partner ul{ width:1300px;}
#partner ul li{ width:380px; float:left; margin-right:30px;}
#partner ul li img{ width:380px;}

#partner1{ width:1200px; margin:0 auto 110px auto; overflow:hidden;}
#partner1 p.a1{ font-size:18px; font-weight:900; line-height:50px; padding-top:30px;}
#partner1 p.a3{ text-align:right; padding-top:50px;}

#tecmenu{ width:100%; overflow:hidden; background:#fff; border-bottom:solid 1px #eee; text-align:center;}
#tecmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#tecmenu ul li{ float:left; border-left:solid 1px #fff;}
#tecmenu ul li a{ display:block; line-height:60px; font-size:16px; padding:0 60px; background:url(image/line1.jpg) no-repeat center bottom/0% 1px;}
#tecmenu ul li a:hover{background:url(image/line1.jpg) no-repeat center bottom/100% 1px;}
#tecmenu ul li a.it{background:url(image/line1.jpg) no-repeat center bottom/100% 1px;}

#download{ width:1200px; margin:20px auto 50px auto; overflow:hidden;}
#download ul li{ text-align:center; float:left; width:300px;}
#download ul li a{ display:block; border:solid 1px #eee; margin:15px; padding-bottom:20px;}
#download ul li a p.a2{ font-size:12px;}
#download ul li a:hover{ border:solid 1px #dc0000;}
#download ul li a:hover p.a1{ color:#bc0000;}

#pro1{ width:1140px; margin:30px auto 0px auto; overflow:hidden; border-bottom:solid 1px #eee; padding:0 30px 30px 30px;}

#pro2{ width:1200px; margin:30px auto 50px auto; overflow:hidden;}
#pro2 ul li{ width:14.28%; float:left;}
#pro2 ul li a{ display:block; width:100px; height:100px; background:#eee; text-align:center; line-height:100px; margin:0 auto; border-radius:50px;}
#pro2 ul li a:hover{ background:#dc0000; color:#fff;}
#pro2 ul li a.it{ background:#dc0000; color:#fff;}

#pro3{ text-align:center; font-size:24px; color:#dc0000; line-height:60px;}

#pro4{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
#pro4 ul li{ width:50%; float:left; padding-bottom:50px;}
#pro4 ul li p.a1{ height:260px; background:#f7f7f7;}
#pro4 ul li p.a1 img{ width:100%;}
#pro4 ul li p.a2{ font-size:18px; font-weight:900; line-height:50px; padding-top:10px;}

#pro5{ text-align:center; font-size:24px; color:#dc0000; line-height:60px;}

#pro6{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#pro6 ul li{ width:178px; float:left; border:solid 1px #eee; text-align:center; line-height:50px; margin:10px 10px;}

#pro7{ width:1200px; margin:0 auto; overflow:hidden; border-top:solid 1px #eee; padding-top:20px; padding-bottom:20px;}

#pro8{ width:1200px; margin:0 auto; overflow:hidden;}

#pro9{ width:1200px; margin:20px auto 90px auto; overflow:hidden;}
#pro9 p{ font-size:18px; font-weight:900; line-height:50px;}

#login{ width:500px; margin:50px auto 100px auto; padding:50px; text-align:center; overflow:hidden; border:solid 1px #eee; box-shadow:0 6px 10px rgba(0,0,0,0.1);}
#login p{ width:100%; margin-bottom:20px;}
#login p input{ background:#f7f7f7; border-radius:50px; text-indent:20px; height:50px; width:100%;}
#login p.btn{ overflow:hidden; display:inline-block;}
#login p.btn input{ width:150px; line-height:50px; color:#fff; background:#dc0000; border-radius:50px; font-size:14px; float:left; margin:0 10px 0 90px;text-indent:0;}
#login p.btn a{ display:block; text-align:center; width:150px; line-height:50px; color:#fff; background:#dc0000; border-radius:50px; font-size:14px; float:left; margin:0 10px;}

#tec1{ width:1200px; margin:0 auto 50px auto; overflow:hidden; background:url(image/di3.png) no-repeat center;}
#tec1 .a1{ overflow:hidden;}
#tec1 .a1 .a1_l{ width:380px; float:left;}
#tec1 .a1 .a1_r{ width:380px; float:right;}
#tec1 .a1 p{ font-size:18px; font-weight:900; line-height:50px;}

#tec1 .a2{ overflow:hidden; padding-top:200px;}
#tec1 .a2 .a2_l{ width:380px; float:left;}
#tec1 .a2 .a2_r{ width:380px; float:right;}
#tec1 .a2 p{ font-size:18px; font-weight:900; line-height:50px;}

.tec_title{ text-align:center; width:100%; overflow:hidden; margin:50px 0 20px 0 ;}
.tec_title p.tt{ font-size:24px; color:#dc0000;}
.tec_title p.cc{ color:#999; letter-spacing:5px;}

#equipment{ width:1200px; margin:30px auto 0 auto; overflow:hidden;}
#equipment ul{ width:1300px}
#equipment ul li{ width:380px; float:left; margin-right:30px;}
#equipment ul li img{ width:100%;}

#zuanli{ width:1200px; margin:30px auto 90px auto; overflow:hidden;}
#zuanli ul{ width:1300px}
#zuanli ul li{ width:230px; float:left; margin-right:12px;}
#zuanli ul li img{ width:100%;}

#mypro_list{ width:1230px; margin:30px auto 80px auto; padding-bottom:20px; overflow:hidden;}
#mypro_list ul{}
#mypro_list ul li{ width:380px; float:left; margin:0 15px;}
#mypro_list ul li .a1{ overflow:hidden; box-shadow:0 0px 10px rgba(0,0,0,0.0); transition:all 0.5s;}
#mypro_list ul li .a1 .di{ background:rgba(0,0,0,0); overflow:hidden; transition:all 0.5s;}
#mypro_list ul li .a1:hover .di{ background:rgba(0,0,0,0.5);}

#mypro_list ul li .k1{ background:url(pro/pro1.jpg) no-repeat center top/100% auto #f7f7f7;}
#mypro_list ul li .k2{ background:url(pro/pro2.jpg) no-repeat center top/100% auto #f7f7f7;}
#mypro_list ul li .k3{ background:url(pro/pro3.jpg) no-repeat center top/100% auto #f7f7f7;}
#mypro_list ul li .a1 .tt{ background:#f7f7f7; line-height:60px; padding-top:20px; width:100%; text-align:center; font-size:24px; margin-top:295px; font-weight:900; transition:all 0.5s;}
#mypro_list ul li .a1 .btn{ background:#f7f7f7; width:100%; overflow:hidden; height:0; transition:all 0.5s;}
#mypro_list ul li .a1 .btn dl{ width:80%; margin:0 auto;}
#mypro_list ul li .a1 .btn dl dd{ float:left; width:50%; line-height:30px;}
#mypro_list ul li .a1 .btn dl dd a{ background:url(pro/line.jpg) no-repeat left bottom/0% 1px;}
#mypro_list ul li .a1 .btn dl dd a:hover{ background:url(pro/line.jpg) no-repeat left bottom/100% 1px; color:#00479d;}

#mypro_list ul li .a1 .more{ text-align:center; padding:20px 0; background:url(pro/line.jpg) no-repeat left bottom/0% 5px #f7f7f7; transition:all 0.5s;}
#mypro_list ul li .a1 .more a{ color:#00479d;background:url(pro/line.jpg) no-repeat left bottom/0% 1px;}
#mypro_list ul li .a1 .more a:hover{background:url(pro/line.jpg) no-repeat left bottom/100% 1px;}
#mypro_list ul li .a1 .more a img{ vertical-align:middle; margin-bottom:1px;}

#mypro_list ul li .a1:hover{box-shadow:0 10px 10px rgba(0,0,0,0.2);}
#mypro_list ul li .a1:hover .tt{ margin-top:175px;}
#mypro_list ul li .a1:hover .btn{ height:120px;}
#mypro_list ul li .a1:hover .more{ background:url(pro/line.jpg) no-repeat left bottom/100% 5px #f7f7f7;}


#pro_title{ background:url(pro/di.jpg) no-repeat center; width:1100px; margin:40px auto 0 auto; overflow:hidden; color:#fff; padding:40px 50px;}
#pro_title .tt{ font-size:30px; line-height:60px;}
#pro_title .btn_list{ overflow:hidden; width:100%; margin:20px 0 20px 0;}
#pro_title .btn_list ul li{ float:left; margin-right:40px; margin-bottom:20px;}
#pro_title .btn_list ul li a{ display:block; color:#fff; font-size:18px; overflow:hidden;}
#pro_title .btn_list ul li a p{ width:14px; height:14px; border:solid 1px #fff; border-radius:50px; float:left; margin:5px 5px 0 0;}
#pro_title .btn_list ul li a p span{ display:block; width:8px; height:8px; background:rgba(255,255,255,0); border-radius:20px; margin:3px; transition:all 0.5s;}

#pro_title .btn_list ul li a:hover p span{ background:#ee0000;}
#pro_title .btn_list ul li a.it p span{ background:#ee0000;}

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

#content .news_title{ font-size:24px;padding: 10px;}


#zhi_menu{ width:1200px; margin:0 auto 0 auto; padding-bottom:20px; overflow:hidden; text-align:center; border-bottom:solid 1px #eee;}
#zhi_menu ul{ display:inline-block;}
#zhi_menu ul li{ float:left; margin:0 5px;}
#zhi_menu ul li a{ display:block; border:solid 1px #eee; line-height:40px; padding:0 20px; border-radius:5px;}
#zhi_menu ul li a:hover{ background:#00479d; color:#fff;}
}