@charset "utf-8";
/**/
*{ margin:0; padding:0; border:0;}
body{ margin:0px;background:#fff;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑"; }
html{ height:100%;}
a{font-size:14px; color:#000; text-decoration: none; font-family:"微软雅黑";}
a:hover {color:#dd0000;}

#banner{ width:100%;overflow:hidden;}
#banner ul{ list-style:none; width:15000px; transition:margin 0.5s;}
#banner ul li{ float:left; overflow:hidden;}
#banner ul li p.img{ background:#000;}
#banner ul li img{opacity:0.4;filter:alpha(opacity=40); width:100%; height:auto;}
#banner ul li p.tt{ position:absolute; z-index:50; font-size:50px; color:#fff; top:300px; font-weight:bold; margin-left:23%; transition:margin 1s; display:none;}
#banner ul li p.con{ position:absolute; z-index:50; font-size:16px; color:#fff; top:380px; margin-left:23%; display:none; transition:margin 1s;}
#banner ul li p.detail{ position:absolute; z-index:50; color:#fff; margin-left:23%; top:500px; display:none; transition:margin 1s;}
#banner ul li p.detail a{ display:block; border-radius:50px; border:solid 2px #fff; line-height:36px; color:#fff; padding:0 30px; font-size:14px; transition:background 0.5s,color 0.5s;}
#banner ul li p.detail a:hover{ background:#fff; color:#000;}

#aboutpic{ width:100%;overflow:hidden;}
#aboutpic ul{ list-style:none; width:15000px; transition:margin 0.5s;}
#aboutpic ul li{ float:left; overflow:hidden;}
#aboutpic ul li p.img{ background:#000;}
#aboutpic ul li img{opacity:0.4;filter:alpha(opacity=40); width:100%; height:auto;}
#aboutpic ul li p.tt{ position:absolute; z-index:50; font-size:50px; color:#fff; top:300px; font-weight:bold; margin-left:23%; transition:margin 1s; display:none;}
#aboutpic ul li p.con{ position:absolute; z-index:50; font-size:16px; color:#fff; top:380px; margin-left:23%; display:none; transition:margin 1s;}
#aboutpic ul li p.detail{ position:absolute; z-index:50; color:#fff; margin-left:23%; top:500px; display:none; transition:margin 1s;}
#aboutpic ul li p.detail a{ display:block; border-radius:50px; border:solid 2px #fff; line-height:36px; color:#fff; padding:0 30px; font-size:14px; transition:background 0.5s,color 0.5s;}
#aboutpic ul li p.detail a:hover{ background:#fff; color:#000;}


#mybanner{ width:100%; overflow:hidden; background:#003c18;}
#mybanner img{ width:100%;opacity:0.6;filter:alpha(opacity=60);}

#myyewu{ width:100%; overflow:hidden; background:#000;}
#myyewu img{ width:100%;opacity:0.5;filter:alpha(opacity=50);}

#myproject{ width:100%; overflow:hidden; background:#000;}
#myproject img{ width:100%;opacity:0.8;filter:alpha(opacity=80);}

#mynews{ width:100%; overflow:hidden; background:#006000;}
#mynews img{ width:100%;opacity:0.8;filter:alpha(opacity=80);}

#mycontact{ width:100%; overflow:hidden; background:#006000;}
#mycontact img{ width:100%;opacity:0.7;filter:alpha(opacity=70);}


#btn{ position:absolute; margin:-30px 0 0 0; overflow:hidden; z-index:20;}
#btn a{ display:block; background:rgba(255,255,255,0.5); width:10px; height:10px; border-radius:20px; float:left; margin:0 3px;}
#top{ width:100%; height:140px; position:fixed; top:0; z-index:100; transition:background 0.5s,height 0.5s;}
#search{ float:right; border-left:solid 1px rgba(255,255,255,0.2); padding-left:30px; margin-top:65px; transition:margin 0.5s;}

@media(min-width:1200px){
#top .di{ width:1200px!important;}
#index_about_con{ width:1200px!important;}
.title{ width:1200px!important;}
.title1{ width:1200px!important;}
.title2{ width:1200px!important;}
#index_yewu_con{ width:1200px!important;}
#index_yewu_con ul{width:1250px!important;}
#index_yewu_con ul li{ width:288px!important; margin-right:16px!important;}
#index_yewu_con ul li a p.a2{width:185px!important;}
#index_project{ width:1200px!important;}
#index_project ul li{width:380px!important; margin-right:30px!important;}
#z_menu ul{ width:1200px!important;}

#honor{ width:1200px!important;}
#honor ul{width:1300px!important;}

#project{ width:1200px!important;}
#project ul{width:1300px!important;}
#spro_con_li{ width:1200px!important;}

}





@media(min-width:1024px){
#top1{ display:none;}
#top{overflow:hidden;}
#top .di{ width:1024px; margin:0 auto; overflow:hidden;}
#top .di .logo{ float:left; margin-top:45px;transition:margin 0.5s;}
#top .di .menu_btn{ display:none;}
#top .di .menu{ float:left; margin-left:150px;}
#top .di .menu dl{ list-style:none;}
#top .di .menu dl dd{ float:left;}
#top .di .menu dl dd span{ display:none;}
#top .di .menu dl dd a{ display:block; background:url(image/line3.jpg) -1px bottom no-repeat; background-size:1px 4px; line-height:60px; color:#fff; padding:40px 30px 0 30px;transition:line-height 0.5s,background 0.5s;} 
#top .di .menu dl dd a:hover{ background:url(image/line3.jpg) 0px bottom no-repeat; background-size:100% 4px;}

.title{ width:1024px; margin:0 auto; text-align:center; overflow:hidden; padding-top:70px;}
.title p.t1{ font-size:36px; font-weight:bold; color:#000; line-height:50px;}
.title p.t2{ font-size:14px; background:url(image/line.jpg) center repeat-x;}
.title p.t2 span{ background:#fff; padding:0 20px;}

#index_about{ width:969px; margin:0 auto; overflow:hidden; padding-top:60px;}
#index_about ul{ list-style:none;}
#index_about ul li{ float:left; width:322px; border-right:dotted 1px #ddd; text-align:center; padding-top:18px;}
#index_about ul li img{ border:solid 5px #eee; border-radius:100px;}
#index_about ul li p{ font-size:18px; line-height:70px;}

#index_about ul li.it{ border-right:dotted 1px #fff;}

#index_about_con{ width:1024px; margin:0 auto; overflow:hidden; text-align:center; padding-top:80px;}

.more{ width:130px; margin:60px auto 120px auto; overflow:hidden;} 
.more a{ display:block; width:100%; background:#159447; color:#fff; line-height:40px; text-align:center; border-radius:50px; transition:background 0.5s,color 0.5s;}
.more a:hover{ background:#eee; color:#159447;}

#index_yewu{ background:url(image/back1.jpg) center top; height:750px; width:100%; overflow:hidden;}

.title1{ width:1024px; margin:0 auto; text-align:center; overflow:hidden; padding-top:70px;}
.title1 p.t1{ font-size:36px; font-weight:bold; color:#fff; line-height:50px;}
.title1 p.t2{ font-size:14px; background:url(image/line1.png) center repeat-x;}
.title1 p.t2 span{ padding:0 20px; color:#fff;}

.title2{ width:1024px; margin:0 auto; text-align:center; overflow:hidden; padding-top:70px;}
.title2 p.t1{ font-size:36px; font-weight:bold; color:#000; line-height:50px;}
.title2 p.t2{ font-size:14px; background:url(image/line2.png) center repeat-x;}
.title2 p.t2 span{ padding:0 20px; color:#666;}

#index_yewu_con{ width:1024px; margin:0 auto; overflow:hidden;}
#index_yewu_con ul{ list-style:none; width:1250px;}
#index_yewu_con ul li{ float:left; width:244px; margin-right:16px;}
#index_yewu_con ul li a{ display:block; background:#fff; text-align:center; height:375px; margin-top:80px; transition:background 0.5s,color 0.5s,margin 0.5s;}
#index_yewu_con ul li a img{ background:#eee; border-radius:100px; margin-top:43px;}
#index_yewu_con ul li a p.a1{ font-size:18px; line-height:65px;}
#index_yewu_con ul li a p.a2{ color:#666; line-height:18px; width:185px; margin:0 auto; font-size:14px;  text-align:left; transition:color 0.5s;}
#index_yewu_con ul li a:hover{ background:#159447; color:#fff; margin-top:60px;}
#index_yewu_con ul li a:hover p.a2{ color:#fff;}

#index_project{ width:1024px; margin:0 auto; overflow:hidden;}
#index_project ul{ list-style:none; width:10000px; transition:margin 0.5s;}
#index_project ul li{ float:left; width:320px; margin-right:30px;}
#index_project ul li a{ display:block; text-align:center; line-height:50px; transition:background 0.5s,color 0.5s,margin 0.5s; margin-top:50px;}
#index_project ul li a img{ width:100%;}
#index_project ul li a:hover{ background:#159447; color:#fff; margin-top:40px;}

#change{ width:150px; margin:0 auto; overflow:hidden; padding-top:50px; padding-bottom:100px;}
#change a.left{ display:block; background:url(project/left.png) center no-repeat #333; transition:background 0.5s; height:39px; border-radius:5px; width:73px; float:left;}
#change a.right{ display:block; background:url(project/right.png) center no-repeat #159447; height:39px; border-radius:5px; transition:background 0.5s; width:73px; float:right;}
#change a.left:hover{ background:url(project/left.png) center no-repeat #000;}
#change a.right:hover{ background:url(project/right.png) center no-repeat #000;}

#index_news{ background:url(image/back2.jpg) center top no-repeat; width:100%; overflow:hidden; height:750px;}

#index_news_con{ width:1200px; margin:0 auto; overflow:hidden; padding-top:55px;}
#index_news_con ul{ list-style:none;}
#index_news_con ul li{ float:left; margin-right:20px;}
#index_news_con ul li a{ display:block; background:#000; width:340px; height:470px; overflow:hidden; color:#fff;}
#index_news_con ul li a p.a0{width:480px; height:470px; overflow:hidden;}
#index_news_con ul li a img{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.60;}
#index_news_con ul li a div{ position:absolute; width:260px; height:390px; margin:0 0 0 0; padding:40px; overflow:hidden; z-index:50;}
#index_news_con ul li a div p.a1{}
#index_news_con ul li a div p.a2{font-size:24px; line-height:30px; font-weight:bold; padding:20px 0 30px 0;}
#index_news_con ul li a div p.a3{ display:none;}
#index_news_con ul li a div p.a4{ width:92px; display:none; height:40px; background:#fff; line-height:40px; text-align:center; color:#159447; border-radius:5px; margin-top:170px; transition:width 0.5s,color 0.5s,background 0.5s,margin 0.5s;}
#index_news_con ul li a div p.a4:hover{ width:120px; color:#fff; background:#159447;}

#index_news_con dl{ list-style:none; float:right; width:340px;}
#index_news_con dl dd{ margin-bottom:20px;}
#index_news_con dl dd a{ display:block; width:260px; height:145px; color:#fff; background:#946415; padding:40px; transition:background 0.5s;}
#index_news_con dl dd a:hover{ background:#7c520e;}
#index_news_con dl dd a p.a2{font-size:24px; line-height:30px; font-weight:bold; padding:20px 0 30px 0;}
#index_news_con dl dd.di a{ background:#159447; transition:background 0.5s;}
#index_news_con dl dd.di a:hover{ background:#0d7235;}

#bottom{ background:#2c2f33; width:100%; overflow:hidden;}
#bottom1{ width:1200px; margin:0 auto; overflow:hidden; padding-top:60px; padding-bottom:80px;}
#bottom1 ul{ list-style:none;}
#bottom1 ul li{ float:left; width:190px;}
#bottom1 ul li a{ color:#999;}
#bottom1 ul li a:hover{ color:#fff;}
#bottom1 ul li p{ padding-bottom:15px;}
#bottom1 ul li p a{ font-size:18px; color:#fff;}
.bottom2{ float:right; overflow:hidden;}
.bottom2 .a1{ float:left; line-height:44px; font-size:12px; text-align:center; color:#fff;}
.bottom2 .a2{ color:#fff; border-left:dotted 1px #ccc; float:left; margin-left:22px; padding-left:22px;}
.bottom2 .a2 p.b2{ font-size:36px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:20px;}
.bottom2 .a2 p.b3{ font-size:12px; color:#999; padding-top:8px;}
.bottom2 .a2 p.b4{ padding:20px 0 15px 0; overflow:hidden;}
.bottom2 .a2 p.b4 a{ display:block; float:left; margin-right:3px;}
#bottom3{ width:100%; overflow:hidden; border-top:solid 1px #373a3d;}
#bottom3 p{ width:1200px; margin:0 auto; overflow:hidden; color:#999; line-height:124px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
#bottom3 p a{ color:#999; font-size:12px;}
#bottom3 p a:hover{ color:#fff;}
#mbottom{ display:none;}

#about1{ width:1200px; background:url(image/back3.jpg); height:480px; margin:0 auto; overflow:hidden; margin-top:30px; margin-bottom:86px;} 
#about1 ul{ float:right; list-style:none; width:400px;}
#about1 ul li{ width:355px; height:160px; float:right; color:#fff; background:rgba(148,100,21,0.9); transition:width 0.5s;}
#about1 ul li.a{ width:355px; height:160px; color:#fff; background:rgba(21,148,71,0.9);}
#about1 ul li.b{ width:355px; height:160px; color:#fff; background:rgba(0,0,0,0.9);}
#about1 ul li p{ padding:0 0 0 40px;}
#about1 ul li p.tt{ font-size:24px; font-weight:bold; line-height:40px; padding-top:45px;}
#about1 ul li:hover{ width:400px;}

#about2{ background:url(image/back4.jpg); height:750px; width:100%; overflow:hidden;}
#about2 ul{ list-style:none; width:1200px; margin:0 auto; padding-top:84px;}
#about2 ul li{ float:left; width:400px; height:300px;overflow:hidden; text-align:center;}
#about2 ul li a{ display:block; color:#fff; line-height:50px; font-size:18px; transition:background 0.5s;}
#about2 ul li a img{ border:solid 2px #fff; border-radius:200px; margin-top:75px;}
#about2 ul li.a1 a{ background:rgba(21,148,71,0.8); height:300px;}
#about2 ul li.a2 a{ background:rgba(0,0,0,0.8); height:300px;}
#about2 ul li.a3 a{ background:rgba(255,255,255,0.5); height:300px;}
#about2 ul li.a4 a{ background:rgba(148,100,21,0.8); height:300px;}

#about2 ul li.a1 a:hover{ background:rgba(21,148,71,1); height:300px;}
#about2 ul li.a2 a:hover{ background:rgba(0,0,0,1); height:300px;}
#about2 ul li.a3 a:hover{ background:rgba(0,0,0,0.8); height:300px;}
#about2 ul li.a4 a:hover{ background:rgba(148,100,21,1); height:300px;}

#z_menu{ width:100%; background:#eaf2ed;}
#z_menu ul{ list-style:none; width:1024px; margin:0 auto; overflow:hidden;}
#z_menu ul li{ float:left; width:16.66%;}
#z_menu ul li a{ display:block; line-height:70px; text-align:center; transition:background 0.5s,color 0.5s;}
#z_menu ul li a:hover{ background:#fff; color:#159447;}
#z_menu ul li a.it{ background:#fff; color:#159447;}

#y_menu{ width:100%; background:#eaf2ed; height:70px;}
#y_menu div{ width:1200px; margin:0 auto; overflow:hidden;}
#y_menu ul{ list-style:none; width:1200px; position:absolute; margin-top:-90px;}
#y_menu ul li{ float:left; width:300px; overflow:hidden;}
#y_menu ul li a{ display:block; line-height:16px; text-align:center; height:160px; transition:background 0.5s,color 0.5s; background:#d8eadf;}
#y_menu ul li a.a1{ background:#ededde}
#y_menu ul li a.a2{ background:#d8eadf}
#y_menu ul li a.a3{ background:#dedeed}
#y_menu ul li a.a4{ background:#f2eaef}
#y_menu ul li a:hover{ background:#fff; color:#159447;}
#y_menu ul li a.it{ background:#fff; color:#159447;}

#p_menu{ width:100%; background:#eaf2ed; height:70px;}
#p_menu ul{ list-style:none; width:600px; margin:0 auto;}
#p_menu ul li{ float:left; width:300px; overflow:hidden;}
#p_menu ul li a{ display:block; line-height:70px; text-align:center;transition:background 0.5s,color 0.5s;}
#p_menu ul li a:hover{ background:#fff; color:#159447;}
#p_menu ul li a.it{ background:#fff; color:#159447;}

#n_menu{ width:100%; background:#eaf2ed; height:70px;}
#n_menu ul{ list-style:none; width:900px; margin:0 auto;}
#n_menu ul li{ float:left; width:300px; overflow:hidden;}
#n_menu ul li a{ display:block; line-height:70px; text-align:center;transition:background 0.5s,color 0.5s;}
#n_menu ul li a.a1{ background:#ededde}
#n_menu ul li a.a2{ background:#d8eadf}
#n_menu ul li a.a3{ background:#dedeed}
#n_menu ul li a.a4{ background:#f2eaef}
#n_menu ul li a:hover{ background:#fff; color:#159447;}
#n_menu ul li a.it{ background:#fff; color:#159447;}

#zhi_menu{ width:760px; margin:0 auto; overflow:hidden; padding-top:20px;} 
#zhi_menu ul{ list-style:none;}
#zhi_menu ul li{ float:left; width:190px;}
#zhi_menu ul li a{ display:block; text-align:center; line-height:50px; color:#000;}
#zhi_menu ul li a.a1{background:#eaf2ed}
#zhi_menu ul li a.a2{background:#dedeed}
#zhi_menu ul li a.a3{background:#f2eaef}
#zhi_menu ul li a.a4{background:#d8eadf}

#zhi1_menu{ width:570px; margin:0 auto; overflow:hidden; padding-top:20px;} 
#zhi1_menu ul{ list-style:none;}
#zhi1_menu ul li{ float:left; width:190px;}
#zhi1_menu ul li a{ display:block; text-align:center; line-height:50px; color:#000;}
#zhi1_menu ul li a.a1{background:#eaf2ed}
#zhi1_menu ul li a.a2{background:#dedeed}
#zhi1_menu ul li a.a3{background:#f2eaef}
#zhi1_menu ul li a.a4{background:#d8eadf}


#company{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0 96px 0;  line-height:30px;}
#company p{ padding-top:50px;}
#company p img{ width:100%;}
#company .fen{ overflow:hidden;}
#company .fen p{ margin:0; padding:0;}
#company .fen p img{ width:50%; margin-left:30px; float:right;}

#company .fen1{ overflow:hidden;}
#company .fen1 p{ margin:0; padding:0;}
#company .fen1 p img{ width:50%; margin-right:30px; float:left;}

#honor{ width:1024px; margin:0 auto; overflow:hidden; padding-top:40px;}
#honor ul{ list-style:none; width:1100px;}
#honor ul li{ float:left; width:276px; margin-right:32px; height:350px;}
#honor ul li a{ display:block; text-align:center; line-height:50px; transition:background 0.5s,color 0.5s,padding 0.5s;}
#honor ul li a img{ width:100%;}
#honor ul li a:hover{ background:#159447; color:#fff;}

#project{ width:1024px; margin:0 auto; overflow:hidden; padding-top:40px;}
#project ul{ list-style:none; width:1100px;}
#project ul li{ float:left; width:380px; margin-right:30px; height:350px;}
#project ul li a{ display:block; text-align:center; line-height:50px; transition:background 0.5s,color 0.5s,padding 0.5s;}
#project ul li a img{ width:100%;}
#project ul li a p.player{ width:280px; height:100px; overflow:hidden; padding:80px 50px; display:none; background:rgba(21,148,71,0.8); position:absolute; z-index:20; line-height:24px; color:#fff; text-align:left;}
#project ul li a:hover{ color:#159447;}



#menu_btn{ line-height:3rem; text-align:center; background:url(image/download.png) right no-repeat #eaf2ed; background-size:auto 2.5rem; color:#000; font-size:.9rem; cursor:pointer; display:none;}

#history{ width:1200px; margin:0 auto; overflow:hidden; margin-top:40px; margin-bottom:60px; background:url(image/hline.jpg) 7px repeat-y;}
#history .his{ overflow:hidden; padding-bottom:20px;}
#history .his span{ display:block; background:#eee; border-radius:50px; width:15px; height:15px; float:left; border:solid 1px #ddd; margin-right:20px; margin-top:5px;}
#history .his p{ overflow:hidden;}

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

#page{ width:244px; margin:0 auto; overflow:hidden; padding-bottom:80px;}
#page ul{ list-style:none;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; background:#eaf2ed; width:51px; height:51px;}

#news{ width:1200px; margin:0 auto; overflow:hidden; padding-top:60px;}
#news dl{ list-style:none; padding-bottom:40px;}
#news dl dt{ overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:40px;}
#news dl dt a{ display:block; overflow:hidden;}
#news dl dt a div{ width:620px; float:left;}
#news dl dt a img{ float:right;}
#news dl dt a div p.a1{ line-height:50px; color:#000; font-size:18px;}
#news dl dt a div p.a2{ line-height:20px; color:#666; font-size:12px;}
#news dl dt a div p.a3{ line-height:24px; color:#666; font-size:14px; padding-top:20px;}
#news dl dt a div p.a4{ width:100px; line-height:40px; color:#fff; background:#159447; border-radius:5px; font-size:12px; text-align:center; margin-top:65px; transition:background 0.5s,color 0.5s,width 0.5s;}
#news dl dt a:hover div p.a4{ width:120px; line-height:40px; color:#159447; background:#eee; border-radius:5px; font-size:12px; text-align:center; margin-top:65px;}

#news dl dd{ overflow:hidden; border-bottom:solid 1px #eee; padding-bottom:40px; padding-top:40px;}
#news dl dd a{ display:block; overflow:hidden;}
#news dl dd a div{ width:910px; float:right;}
#news dl dd a img{ float:left; width:260px;}
#news dl dd a div p.a1{ line-height:40px; color:#000; font-size:18px;}
#news dl dd a div p.a2{ line-height:20px; color:#666; font-size:12px;}
#news dl dd a div p.a3{ line-height:18px; color:#666; font-size:14px; padding-top:10px;}
#news dl dd a div p.a4{ width:54px; height:31px; color:#fff; background:url(image/bit1.png) center no-repeat #eaf2ed; border-radius:5px; font-size:12px; text-align:center; margin-top:25px; transition:background 0.5s,color 0.5s,width 0.5s;}
#news dl dd a:hover div p.a4{ width:70px;  color:#159447; background:url(image/bit2.png) center no-repeat #159447; }

#project_con{ width:1200px; margin:0 auto; overflow:hidden; padding-top:30px;padding-bottom:80px;}
#project_con span{ display:block; color:#159447; font-size:18px; line-height:40px;}

#contact{ width:1300px; overflow:hidden;}
#contact p{ text-indent:36px;width:580px; margin-right:40px; float:left; border-bottom:solid 1px #eee; line-height:46px; padding-top:14px;}
#contact p.a1{background:url(image/contact1.png) left 25px no-repeat;}
#contact p.a2{background:url(image/contact2.png) left 25px no-repeat;}
#contact p.a3{background:url(image/contact3.png) left 25px no-repeat;}
#contact p.a4{background:url(image/contact4.png) left 25px no-repeat;}

#probig{ width:800px; margin:0 auto; overflow:hidden; padding-top:30px;}
#probig ul{ list-style:none; width:100000px; transition:margin 0.5s;}
#probig ul li{ float:left; width:800px;}
#probig ul li img{ width:100%;}

#spro{ width:940px; margin:0 auto; overflow:hidden; padding-bottom:20px; padding-top:10px;}
#spro div{ width:900px; overflow:hidden; float:left;}
#spro ul{ width:10000px; list-style:none; transition:margin 0.5s;}
#spro ul li{ float:left; width:90px; margin:0 5px; cursor:pointer;}
#spro ul li img{ width:100%;}
#spro p{ float:left; width:20px; background:#159447; height:61px; text-align:center; cursor:pointer;}
#spro p img{ margin-top:24px;}

#more{ display:none;}


#spro_con_li{ width:1024px; margin:0 auto; overflow:hidden; border-bottom:solid 1px #eee;} 
#spro_con_li ul{ list-style:none; padding:20px 0; overflow:hidden;}
#spro_con_li ul li{ float:left; width:33%; text-align:center; border-right:dotted 1px #ddd;}
#spro_con_li ul li p.a1{ color:#159447; font-size:18px;}

.zhi_menu{ width:100%; background:rgba(0,0,0,0.5); overflow:hidden; position:fixed; top:100px; z-index:60; padding:20px 0; transition:top 0.5s; display:none;}
.zhi_menu ul{ list-style:none; width:1200px; margin:0 auto;}
.zhi_menu ul li a{ display:block; color:#fff; line-height:30px; font-size:14px; transition:color 0.5s;}
.zhi_menu ul li a:hover{ color:#159447;}

.my1 ul li{ padding-left:478px;}
.my2 ul li{ padding-left:598px;}
.my3 ul li{ padding-left:710px;}
.my4 ul li{ padding-left:828px;}

}