@media(max-width:800px){


#top{ width:100%; background:rgba(0,0,0,0.9); height:auto;}
#top1{ width:100%; height:3rem; overflow:hidden;}
#search{ display:none; float:right; border-left:solid 1px rgba(255,255,255,0.2); padding-left:30px; margin-top:65px; transition:margin 0.5s;}

#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:1.1rem; color:#fff; top:6rem; font-weight:bold; margin-left:10%; transition:margin 1s; display:none;}
#banner ul li p.con{ position:absolute; z-index:50; font-size:.4rem; line-height:.6rem; width:70%; overflow:hidden; color:#fff; top:7.5rem; margin-left:10%; display:none; transition:margin 1s;}
#banner ul li p.detail{ position:absolute; z-index:50; color:#fff; margin-left:10%; top:10.5rem; display:none; transition:margin 1s;}
#banner ul li p.detail a{ display:block; border-radius:50px; border:solid 1px #fff; line-height:1rem; color:#fff; padding:0 0.5rem; font-size:.4rem; 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:1.1rem; color:#fff; top:6rem; font-weight:bold; margin-left:10%; transition:margin 1s; display:none;}
#aboutpic ul li p.con{ position:absolute; z-index:50; font-size:.4rem; line-height:.6rem; height:1.15rem; width:70%; overflow:hidden; color:#fff; top:7.5rem; margin-left:10%; display:none; transition:margin 1s;}
#aboutpic ul li p.detail{ position:absolute; z-index:50; color:#fff; margin-left:10%; top:9.5rem; display:none; transition:margin 1s;}
#aboutpic ul li p.detail a{ display:block; border-radius:50px; border:solid 1px #fff; line-height:1rem; color:#fff; padding:0 0.5rem; font-size:.4rem; transition:background 0.5s,color 0.5s;}
#aboutpic ul li p.detail a:hover{ background:#fff; color:#000;}

#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 .di{ width:100%; margin:0 auto;}
#top .di .logo{ float:left;}
#top .di .menu_btn{ display:inherit; float:right; height:4rem;}
#top .di .menu_btn img{ height:4rem;}
#top .di .logo img{ height:2rem; margin:.5rem 0 0 1rem;}
#top .di .menu{ width:100%; display:none; position:fixed; left:0; top:0; z-index:999;}
#top .di .menu dl{list-style:none; width:50%; float:left; background:#000; height:100%;}
#top .di .menu dl dd{ width:100%; border-bottom:solid 1px #222; overflow:hidden;}
#top .di .menu dl dd a{ display:block; width:70%; float:left; line-height:3rem; text-align:center; color:#fff;}
#top .di .menu dl dd span{ width:29%; border-left:solid 1px #222; float:right; text-align:center;}
#top .di .menu dl dd span img{ height:3rem;}
#top .di .menu dl dd span:hover{ background:#159447;}

.title{ width:100%; margin:0 auto; text-align:center; overflow:hidden; padding-top:2rem;}
.title p.t1{ font-size:1.4rem; font-weight:bold; color:#000; line-height:2rem;}
.title p.t2{ font-size:.6rem; background:url(image/line.jpg) center repeat-x;}
.title p.t2 span{ background:#fff; padding:0 20px;}

#index_about{ width:100%; margin:0 auto; overflow:hidden; padding-top:2rem;}
#index_about ul{ list-style:none;}
#index_about ul li{ float:left; width:33%; border-right:dotted 1px #ddd; text-align:center; padding-top:1rem;}
#index_about ul li img{ border:solid 5px #eee; width:60%; border-radius:100px;}
#index_about ul li p{ font-size:.8rem; line-height:3rem;}

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

#index_about_con{ width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-top:1rem;}

.more{ width:130px; margin:2rem auto 3rem 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:100%; margin:0 auto; text-align:center; overflow:hidden; padding-top:2rem;}
.title1 p.t1{ font-size:1.4rem; font-weight:bold; color:#fff; line-height:2rem;}
.title1 p.t2{ font-size:.6rem; background:url(image/line1.png) center repeat-x;}
.title1 p.t2 span{ padding:0 20px; color:#fff;}

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

#index_yewu_con{ width:95%; margin:0 auto; overflow:hidden;}
#index_yewu_con ul{ list-style:none;}
#index_yewu_con ul li{ float:left; width:50%;}
#index_yewu_con ul li a{ display:block; width:90%; background:#fff; text-align:center; height:17rem; margin:1rem auto 0 auto; transition:background 0.5s,color 0.5s,margin 0.5s;}
#index_yewu_con ul li a img{ background:#eee; border-radius:100px; margin-top:1.5rem; width:60%;}
#index_yewu_con ul li a p.a1{ font-size:1rem; line-height:3rem;}
#index_yewu_con ul li a p.a2{ color:#666; line-height:1.2rem; width:90%; margin:0 auto; font-size:.8rem;  text-align:left; transition:color 0.5s;}


#index_project{ width:95%; margin:0 auto; overflow:hidden;}
#index_project ul{ list-style:none;}
#index_project ul li{ float:left; width:50%;}
#index_project ul li a{ display:block; font-size:.8rem; text-align:center; line-height:2rem; white-space:nowrap; margin:.5rem auto .5rem auto; width:90%; overflow:hidden;}
#index_project ul li a img{ width:100%;}

#change{ width:150px; display:none; 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;}

#index_news_con{ width:100%; margin:0 auto; overflow:hidden; padding-top:1rem;}
#index_news_con ul{ list-style:none;}
#index_news_con ul li{ width:100%;}
#index_news_con ul li a{ display:block; background:#000; width:100%; height:470px; overflow:hidden; color:#fff;}
#index_news_con ul li a p.a0{width:100%; 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:90%; height:390px; margin:0 0 0 0; padding:40px 5%; 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.a4{ width:92px; height:40px; background:#fff; line-height:40px; text-align:center; color:#159447; border-radius:5px; margin-top:70px; transition:width 0.5s,color 0.5s,background 0.5s,margin 0.5s;}

#index_news_con dl{ list-style:none; width:100%;}
#index_news_con dl dd a{ display:block; width:90%; height:145px; color:#fff; background:#946415; padding:40px 5%;}
#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;}

#bottom{ display:none;}
#mbottom{ width:100%; position:fixed; bottom:0; left:0; height:3rem; background:#159447; display:inherit; z-index:500;}
#mbottom ul{ list-style:none;}
#mbottom ul li{ width:25%; float:left;}
#mbottom ul li a{ display:block;text-align:center;}
#mbottom ul li a img{ height:3rem;}
#mbottom1{ width:100%; height:3rem; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.2);}

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

#about2{ background:url(image/back4.jpg) no-repeat; background-size:auto 600px; width:100%; overflow:hidden;}
#about2 ul{ list-style:none; width:100%; margin:0 auto;}
#about2 ul li{ float:left; width:50%; height:200px;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; width:4rem; margin-top:55px;}
#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(0,0,0,0.5); height:300px;}
#about2 ul li.a4 a{ background:rgba(148,100,21,0.8); height:300px;}

#z_menu{ width:100%; background:#eaf2ed; display:none;}
#z_menu ul{ list-style:none; overflow:hidden;}
#z_menu ul li{ float:left; width:100%; border-top:solid 1px #fff;}
#z_menu ul li a{ display:block; line-height:3rem; text-align:center; transition:background 0.5s,color 0.5s;}

#y_menu{ width:100%; background:#eaf2ed; display:none;}
#y_menu div{ width:100%; margin:0 auto; overflow:hidden;}
#y_menu ul{ list-style:none; width:100%;}
#y_menu ul li{width:25%; float:left; overflow:hidden;}
#y_menu ul li a{ display:block; line-height:2rem; font-size:.8rem; text-align:center; transition:background 0.5s,color 0.5s; background:#d8eadf;}
#y_menu ul li a img{ width:50%;}
#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; display:none;}
#p_menu ul{ list-style:none; overflow:hidden;}
#p_menu ul li{ float:left; width:100%; border-top:solid 1px #fff;}
#p_menu ul li a{ display:block; line-height:3rem; text-align:center; transition:background 0.5s,color 0.5s;}

#n_menu{ width:100%; background:#eaf2ed; display:none;}
#n_menu ul{ list-style:none; width:100%; margin:0 auto;}
#n_menu ul li{ float:left; width:100%; overflow:hidden; border-top:solid 1px #fff;}
#n_menu ul li a{ display:block; line-height:3rem; text-align:center;background:#eaf2ed;}


#zhi_menu{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px;} 
#zhi_menu ul{ list-style:none;}
#zhi_menu ul li{ float:left; width:50%;}
#zhi_menu ul li a{ display:block; text-align:center; line-height:3rem; font-size:.8rem; 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:90%; margin:0 auto; overflow:hidden; padding-top:20px;} 
#zhi1_menu ul{ list-style:none;}
#zhi1_menu ul li{ float:left; width:33.33%;}
#zhi1_menu ul li a{ display:block; text-align:center; line-height:3rem; font-size:.8rem; 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}

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

#company{ width:90%; margin:0 auto; overflow:hidden; padding:20px 0 56px 0;  line-height:30px;}
#company p{ padding-top:50px;}
#company img{ width:100%;}

#company{ width:90%; margin:0 auto; overflow:hidden; padding:1rem 0 46px 0;  line-height:30px;}
#company p{ padding-top:50px;}
#company img{ width:100%;}
#company .fen{ overflow:hidden;}
#company .fen p{ margin:0; padding:0;}
#company .fen p img{ width:100%;  padding-bottom:1rem;}

#company .fen1{ overflow:hidden;}
#company .fen1 p{ margin:0; padding:0;}
#company .fen1 p img{ width:100%;padding-bottom:1rem;}


#honor{ width:100%; margin:0 auto; overflow:hidden; padding-top:1rem;}
#honor ul{ list-style:none; width:95%; margin:0 auto;}
#honor ul li{ float:left; width:50%; margin-bottom:1rem;}
#honor ul li a{ display:block; text-align:center; line-height:2rem; width:90%; margin:0 auto;}
#honor ul li a img{ width:100%;}


#project{ width:100%; margin:0 auto; overflow:hidden; padding-top:1rem;}
#project ul{ list-style:none; width:95%; margin:0 auto;}
#project ul li{ float:left; width:50%; margin-bottom:1rem;}
#project ul li a{ display:block; text-align:center; line-height:2rem; width:90%; margin:0 auto;}
#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;}


#history{ width:90%; margin:0 auto; overflow:hidden; margin-top:1rem; margin-bottom:2rem; 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:100%; margin:1rem auto 0px auto; overflow:hidden; text-align:center;}
#orgnize img{ width:100%;}


#page{ width:244px; margin:0 auto; overflow:hidden; padding-bottom:1rem;}
#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:90%; margin:0 auto; overflow:hidden; padding-top:1rem;}
#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:100%;}
#news dl dt a img{ width:100%;}
#news dl dt a div p.a1{ line-height:1.1rem; color:#000; font-size:1rem; padding:1rem 0 .5rem 0;}
#news dl dt a div p.a2{ line-height:1.2rem; color:#666; font-size:.8rem;}
#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:25px; 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:100%;}
#news dl dd a img{width:100%;}
#news dl dd a div p.a1{ line-height:1.1rem; color:#000; font-size:1rem;padding:1rem 0 .5rem 0;}
#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; }


#contact{ width:95%; margin:0 auto; overflow:hidden;}
#contact p{ text-indent:36px;width:100%; 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:95%; margin:0 auto; overflow:hidden; padding-top:30px;}
#probig ul{ list-style:none;}
#probig ul li{ float:left; width:50%; text-align:center; padding-bottom:10px;}
#probig ul li img{ width:90%;}

#spro{ width:100%; margin:0 auto; overflow:hidden; padding-bottom:80px; padding-top:10px; display:none;}

#project_con{ width:90%; margin:0 auto; overflow:hidden; padding-top:1rem;}
#project_con span{ display:block; color:#159447; font-size:1rem; line-height:2rem;}

#more{ width:100%; padding:1rem 0 2rem 0; overflow:hidden;}
#more a{ display:block; background:#d8eadf; width:4rem; height:4rem; line-height:4rem; margin:0 auto; text-align:center; color:#159447; border-radius:5rem;}

#spro_con_li{ width:100%; 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:50%; background:rgba(34,34,34,0.9); overflow:hidden; position:fixed; top:0px; right:0; z-index:260; transition:top 0.5s; display:none;}
.zhi_menu ul{ list-style:none; margin:0 auto;}
.zhi_menu ul li a{ display:block; color:#fff; line-height:3rem; font-size:.8rem; text-align:center; transition:color 0.5s; border-bottom:solid 1px rgba(255,255,255,0.1);}

}