﻿@charset "utf-8";

@media(max-width:899px){
#top{ width:100%; overflow:hidden; background:#323433;}
#logo{ float:left; padding:0.5rem;}
#logo img{ height:3rem;}
#menu{}
#lan{ display:none;}
#lan a{ color:#fff; font-size:12px; line-height:30px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#lan span{ padding:0 10px;}

#mlan{ float:right; margin-right:2rem;}
#mlan div:nth-child(1){ color:#fff; font-size:0.8rem; line-height:4rem; cursor:pointer;}
#mlan div:nth-child(2){ position:fixed; background:#f7f7f7; top:4rem; width:50%; right:0; z-index:30;display:none;}
#mlan a{ color:#333; line-height:3rem; display:block; text-align:center; padding:0; border-bottom:solid 1px #eee; }


#menu_btn{ overflow:hidden; width:100%; overflow:hidden; height:100%; position:fixed; background:rgba(0,0,0,0.8); z-index:500; display:none;}
#menu_btn ul{ width:70%; background:#eee; height:100%; overflow:hidden;}
#menu_btn ul li{border-bottom:solid 1px #ddd;}
#menu_btn ul li a{ display:block; font-size:1rem; color:#333; line-height:3.6rem; text-indent:2rem;}


#mbtn{ float:right; padding:.5rem 0 .5rem 0;}
#mbtn img{ height:3rem;}

#close{ position:fixed; top:0; left:70%; width:4rem; height:4rem; background:#e94719}
#close img{ width:4rem;}


/*banner*/
.swiper-container1 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-container2 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-container3 {width:100%; margin-left:auto; margin-right:auto; }
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.swiper-slide{ overflow:hidden;}
.swiper-slide img{ width:100%;}
.swiper-button-next{ display:none;}
.swiper-button-prev{ display:none;}

#index_about{ width:100%; overflow:hidden; background:url(image/kuang.png) no-repeat top right/60% auto;}
#index_about .about{ width:90%; margin:2rem auto 2rem auto; overflow:hidden;}
#index_about .about .a1 img{ width:100%;}
#index_about .about .a2{  width:100%;}
#index_about .about .a2 p.b1{ color:#323433; font-size:36px; font-weight:900; line-height:36px; text-transform:uppercase; padding-top:20px;}
#index_about .about .a2 p.b2{ font-size:24px; color:#e94719; line-height:50px;}
#index_about .about .a2 p.b3{ width:100%; padding-top:10px;}
#index_about .about .a2 p.b4{ margin-top:30px; margin-bottom:2rem;}
#index_about .about .a2 p.b4 a{ display:block; width:108px; line-height:34px; border:solid 1px #eee; text-align:center; color:#666; font-size:12px; display:block;}
#index_about .about .a2 p.b4 a:hover{ background:#e94719; color:#fff; width:130px;}

#index_pro{ width:100%; overflow:hidden; background:url(image/back1.jpg) repeat-x left top;}
#index_pro .pro{ width:100%; margin:0 auto; overflow:hidden}
#index_pro .pro .a1{ width:100%;}
#index_pro .pro .a1 p.b1{ color:#fff; font-size:36px; font-weight:900; line-height:36px; width:90%; padding-top:2rem; margin:0 auto; text-transform:uppercase;}
#index_pro .pro .a1 p.b2{ font-size:24px; color:#fff; line-height:50px; width:90%; margin:0 auto;}
#index_pro .pro .a1 p.b3{ font-size:12px; line-height:14px; color:#fff; width:90%; margin:0 auto;}
#index_pro .pro .a1 p.b4{ margin:30px auto 0 auto; width:90%;}
#index_pro .pro .a1 p.b4 a{ display:block; border:solid 2px #fff; background:url(image/jian.png) no-repeat 85% center; width:110px; color:#fff; line-height:30px; text-indent:20px;}
#index_pro .pro .a1 p.b4 a:hover{ background:url(image/jian.png) no-repeat 85% center #000; width:130px; text-indent:30px }
#index_pro .pro .a1 p.b5{ overflow:hidden; margin-top:3rem;}
#index_pro .pro .a1 p.b5 a.left{ display:block; background:url(image/jian1.png) no-repeat center #c1c2c1; width:66px; height:36px; float:right}
#index_pro .pro .a1 p.b5 a.right{ display:block; background:url(image/jian.png) no-repeat center #323433; width:66px; height:36px; float:right; margin-left:1px;}

#index_pro .pro .a2{}
#index_pro .pro .a2 p{ display:none;}
#index_pro .pro .a2 img{ width:100%;}

#index_tool{ width:100%; margin:0 auto; overflow:hidden;}
#index_tool .tt{ width:90%; text-align:right; margin:0 auto; overflow:hidden;}
#index_tool .tt p.a1{color:#323433; font-size:36px; font-weight:900; line-height:36px; text-transform:uppercase; padding-top:20px;}
#index_tool .tt p.a2{ font-size:24px; color:#e94719; line-height:50px;}

/*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:20px;}
.ind_app .swiper-slide a{ padding:10px; display:block; font-size:14px; line-height:70px;}
.ind_app .swiper-slide a div{ overflow:hidden;}
.ind_app .swiper-slide a img{width:100%;}
.ind_app .swiper-slide a p{background:url(image/k2.png) no-repeat -400px top; text-align:left;transition:background 0.5s,box-shadow 0.5s,margin 0.5s;  color:#666;}
.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}



#index_tool .k_tool{ width:90%; margin:0 auto; overflow:hidden; padding-top:20px;}
#index_tool .k_tool .tool_list{ float:left; width:100%; overflow:hidden;}
#index_tool .k_tool .tool_list ul li{ width:100%; float:left; margin-right:30px; line-height:70px;}
#index_tool .k_tool .tool_list ul li a{ display:block; color:#666;}
#index_tool .k_tool .tool_list ul li a img{ width:100%;}
#index_tool .k_tool .tool_list ul li a p{ background:url(image/k2.png) no-repeat -400px top; transition:background 0.5s;}
#index_tool .k_tool .tool_list ul li a:hover p{ background:url(image/k2.png) no-repeat 0 top;}
#index_tool .k_tool .tool_list ul li a:hover{ color:#e94719;}

#index_tool .k_tool .tool_btn{ float:right; background:url(image/k1.png) no-repeat right bottom; text-align:right; width:200px; margin-bottom:1rem;}
#index_tool .k_tool .tool_btn p a{ line-height:36px; display:block; margin-right:35px;}
#index_tool .k_tool .tool_btn p a:hover{ color:#e94719;}

#tool_zmenu{ width:100%; overflow:scroll; text-align:center; padding:20px 0;}
#tool_zmenu ul{ display:inline-block; width:1000px;}
#tool_zmenu ul li{ float:left; margin:0 5px;}
#tool_zmenu ul li a{ display:block; border:solid 1px #eee; padding:0 20px; line-height:40px;}
#tool_zmenu ul li a:hover{ border:solid 1px #e94719; color:#e94719;}
#tool_zmenu ul li a.it{ border:solid 1px #e94719; color:#e94719;}

#index_news{ width:100%; background:url(image/back2.jpg) no-repeat center top; height:569px; margin-top:4rem;}
#index_news .news_k{ width:90%; margin:0 auto; overflow:hidden;}
#index_news .news_k .kk{ width:90%; background:#eee; position:absolute; margin-top:-60px; padding-bottom:1rem;}
#index_news .news_k .kk .tt{ width:100%; overflow:hidden;}
#index_news .news_k .kk .tt p.a0{ position:absolute; margin:-10px 0 0 -10px; z-index:500;}
#index_news .news_k .kk .tt p.a0 img{ width:3rem;}
#index_news .news_k .kk .tt p.a1{ color:#323433; font-size:36px; font-weight:900; padding:2rem 0 0 2rem; line-height:36px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}
#index_news .news_k .kk .tt p.a2{ font-size:24px; line-height:50px; color:#e94719; padding-left:2rem;}

#index_news .news_k .kk .news_list{ margin-left:2rem; margin-right:2rem;}
#index_news .news_k .kk .news_list dl dt a{ display:block;margin-bottom:1rem; }
#index_news .news_k .kk .news_list dl dt a p.a1{ color:#323433; font-size:14px; line-height:24px;}
#index_news .news_k .kk .news_list dl dt a p.a2{ color:#323433; font-size:16px; line-height:30px;}
#index_news .news_k .kk .news_list dl dt a p.a3{ color:#666; font-size:14px; line-height:18px;}
#index_news .news_k .kk .news_list dl dt a p.a4{ width:34px; height:4px; background:#323433; margin-top:30px; transition:background 0.5s,width 0.5s;}
#index_news .news_k .kk .news_list dl dt a:hover p.a2{ color:#e94719;}
#index_news .news_k .kk .news_list dl dt a:hover p.a4{ width:100%; height:4px; background:#e94719; margin-top:30px; }

#index_news .news_k .kk .news_list dl dd a{ line-height:1.2rem; padding:.8rem 0; display:block; color:#323433;}
#index_news .news_k .kk .news_list dl dd a span{ margin-left:30px; color:#999;}
#index_news .news_k .kk .news_list dl dd a:hover{ color:#e94719;}

#bottom{ display:none;}

#mbottom{ width:100%; background:#e94719; position:fixed; z-index:20; bottom:0; left:0; height:3rem;}
#mbottom ul li{ float:left; width:25%; text-align:center;}
#mbottom ul li a{ display:block;}
#mbottom ul li a img{ height:3rem;}

#mbottom1{ width:100%; height:3rem; overflow:hidden;}

#zbanner{ width:100%; overflow:hidden;}
#zbanner img{ width:150%; margin-left:-25%;}

#aboutmenu{ width:100%; overflow:scroll; text-align:center; border-bottom:solid 1px #eee;}
#aboutmenu ul{border-left:solid 1px #eee; overflow:hidden; width:10000px;}
#aboutmenu ul li{ float:left; border-right:solid 1px #eee;}
#aboutmenu ul li a{ display:block; line-height:3rem; padding:0 50px; font-size:1rem;}
#aboutmenu ul li a:hover{ color:#fff; background:#e94719;}
#aboutmenu ul li a.it{ color:#fff; background:#e94719;}

#title{ width:90%; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:1.6rem; color:#333; font-weight:900; line-height:40px; padding-top:2rem;}
#title p.con{ font-size:.6rem; color:#999; background:url(image/line1.png) repeat-x left center;}
#title p.con span{ background:#fff; padding:0 20px;}
#title p.con a{ color:#999; font-size:.6rem;}
#title p.con a:hover{ color:#e94719;}

#company{ width:90%; margin:20px auto 1rem auto; overflow:hidden;}
#company .a1{line-height:1.6rem; font-size:.8rem; width:100%;}
#company .a1 .data{ overflow:hidden; padding:1rem 0;}
#company .a1 .data p{ width:28%; margin-right:5.33%; float:left; font-size:.6rem; line-height:1rem;}
#company .a1 .data p span{ display:block; font-size:1.6rem; line-height:1.6rem; color:#e94719;font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900;}

#company .a2 img{ width:100%;}

#culture{ width:90%; margin:2rem auto 1rem auto; overflow:hidden; background:url(image/culture.jpg) no-repeat left bottom/100% auto; padding-bottom:100px;}
#culture p{ margin-bottom:30px; font-size:1rem; width:100%;}
#culture p span{ display:block; font-size:1.2rem; font-weight:900; line-height:2rem; color:#333;}

#history_con{ width:90%; margin:1rem 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:1rem; color:#000; font-weight:900; line-height:1.2rem;}
#history_con dl dd p{ float:right; width:45%; text-align:left; border-bottom:solid 1px #ddd; line-height:20px; font-size:.8rem; padding-bottom:1.2rem;}

#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;}


#workshop{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:100%;}
#workshop ul li{ width:100%; 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:#e94719; color:#fff;}*/

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 2rem auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li.p{ display:none;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#e94719; color:#fff;}
#page ul li a.it{ background:#e94719; color:#fff;}

#honor{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#honor ul{ width:100%;}
#honor ul li{width:100%; margin-right:30px; float:left; margin-bottom:20px;}
#honor ul li a{display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#honor ul li a div{overflow:hidden; margin:10px 10px 0 10px;}
#honor 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;}
#honor ul li a img:hover{transform:scale(1.15);}
#honor ul li a:hover{background:#d40012; color:#fff;}


#tool{ width:90%; margin:20px auto 30px auto; overflow:hidden;}
#tool ul{ width:100%;}
#tool ul li{width:100%; margin-right:30px; float:left; margin-bottom:20px;}
#tool ul li a{display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#tool ul li a div{overflow:hidden; margin:10px 10px 0 10px;}
#tool 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;}
#tool ul li a img:hover{transform:scale(1.15);}
#tool ul li a:hover{background:#d40012; color:#fff;}

#rdmenu{ width:100%; overflow:hidden; text-align:center; border-bottom:solid 1px #eee;}
#rdmenu ul{overflow:hidden;}
#rdmenu ul li{ float:left;width:33.33%;}
#rdmenu ul li a{ display:block; line-height:3rem; font-size:1rem; border-right:solid 1px #eee; }
#rdmenu ul li a:hover{ color:#fff; background:#e94719;}
#rdmenu ul li a.it{ color:#fff; background:#e94719;}

#contactmenu{ width:100%; overflow:hidden; text-align:center; border-bottom:solid 1px #eee;}
#contactmenu ul{overflow:hidden;}
#contactmenu ul li{ float:left;width:50%;}
#contactmenu ul li a{ display:block; line-height:3rem; font-size:1rem; border-right:solid 1px #eee; }
#contactmenu ul li a:hover{ color:#fff; background:#e94719;}
#contactmenu ul li a.it{ color:#fff; background:#e94719;}

#rd{ width:90%; margin:20px auto 1rem auto; overflow:hidden; font-size:1rem; line-height:30px;}
#rd .k_t{ width:100%; text-align:center; font-size:20px; line-height:50px; font-weight:900; color:#000}
#rd	.k_li{ width:100%; overflow:hidden; padding-top:1rem;}
#rd .k_li p{ width:90%; float:left; border:solid 1px #eee; padding:20px 4%; margin-bottom:0.5rem;}
#rd .k_li p.kk{ margin-right:0;}
#rd .k_li p span{ display:block; line-height:40px; font-weight:900; color:#e94719; text-align:center;}

#rd .a1{ width:100%; overflow:hidden; margin-top:30px;}
#rd .a1 p{ float:left; width:100%; text-align:center; padding:40px 0 0px 0;}
#rd .a1 p img{ width:100%}
#rd img{ width:100%}

#promenu{ width:100%; overflow:scroll; text-align:center; border-bottom:solid 1px #eee;}
#promenu ul{border-left:solid 1px #eee; overflow:hidden; width:10000px;}
#promenu ul li{ float:left; border-right:solid 1px #eee;}
#promenu ul li a{ display:block; line-height:3rem; padding:0 20px; font-size:1rem;}
#promenu ul li a:hover{ color:#fff; background:#e94719;}
#promenu ul li a.it{ color:#fff; background:#e94719;}

#probig{ width:100%; margin:1rem auto 0 auto; overflow:hidden;}
#probig .left{ width:100%;}
#probig .left img{ width:100%;}


#probig_b{ overflow:hidden;}
#probig_b p{ display:none;}

#probig_li{ overflow:hidden; text-align:center;}
#probig_li ul{ display:inline-block;}
#probig_li ul li{ float:left; width:60px; border:solid 1px #eee; margin:5px; cursor:pointer;}

#probig .right{ width:90%; margin:0 auto;}
#probig .right p.a1{ font-size:18px; 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:#e94719; 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:100%; margin:30px auto 0 auto; overflow:hidden; border-top:solid 1px #eee; border-bottom:solid 1px #eee;}
#probig_menu ul li{ float:left; width:25%;}
#probig_menu ul li a{ display:block; text-align:center; line-height:2.6rem; font-size:.8rem;}
#probig_menu ul li a:hover{ background:#e94719; color:#fff;}
#probig_menu ul li a.it{ background:#e94719; color:#fff;}

#probig_con{ width:90%; margin:30px auto 50px auto; overflow:hidden;}
#probig_con img{ width:100%;}

#canshu{ width:90%; margin:1rem auto 40px auto; overflow:scroll;}
#canshu table{ border-left:solid 1px #eee; border-top:solid 1px #eee; width:1000px;}
#canshu table td{ border-bottom:solid 1px #eee; border-right:solid 1px #eee; line-height:40px; text-align:center;}

#guige{ width:90%; margin:40px auto 40px auto; overflow:hidden;}
#guige ul{}
#guige ul li{ width:50%; overflow:hidden; float:left;}
#guige ul li a{ display:block; width:95%; margin:0 auto; line-height:50px; text-align:center;}
#guige ul li a img{ width:100%;}

#pro_tv{ width:90%; margin:40px auto 40px auto; overflow:hidden; text-align:center;}
#pro_tv img{ width:100%;}

.bbg{ display:none;}
#xunpan{ width:90%; margin:0 auto; line-height:1rem; font-size:.8rem; padding:.5rem 0; overflow:hidden; border-top:solid 2px #000; color:#d00;}

#wyjob{ width:90%; margin:0 auto 2rem auto;}
#wyjob p{ padding-top:20px;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; height:40px; text-indent:10px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:91%; line-height:24px; padding:10px 4% 0 4%;  height:120px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#e94719; color:#fff; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}

#news{ width:90%; 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{ width:100%;}
#news ul li a p.tt{ font-size:1rem; color:#000; line-height:20px; padding:1rem 0; 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:20px; text-align:center; color:#333; 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:#e94719; color:#fff; width:150px;}

#content{ width:90%; margin:1rem auto 1rem auto; overflow:hidden;}
#content img{ width:100%;}

#job{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#job ul{ list-style:none;}
#job ul li{ border-bottom:solid 1px #eee; overflow:hidden; padding:20px 0;}
#job ul li p{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.yp{ width:100%;}
#job ul li p a{ display:block; float:right; background:#eee; width:100px; color:#333; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:1rem;}
#job ul li p a:hover{ width:120px; color:#fff; background:#e94719}


#contact{ width:90%; margin:1rem auto 2rem auto; overflow:hidden;}
#contact .contact{ width:100%; }
#contact p{ font-size:.8rem; line-height:1.2rem; padding:.6rem 0; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:1rem; color:#000; font-weight:900; line-height:2rem;}
#contact .map{ float:right; margin-top:1rem; width:100%;}


#feedback{ width:90%; margin:0 auto 2rem auto; overflow:hidden;}
#feedback p{ padding-top:20px;width:100%;}
#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:91%; line-height:24px; height:8rem; padding:10px 5%; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#333; color:#fff; transition:background 0.5s; line-height:46px; width:100%; text-align:center; border-radius:5px; font-size:14px;}

.botbox{height:auto; float:left; margin-bottom:50px}
.botbox .newpage span.l{float:left;width:100%}
.botbox .newpage span.r{float:left;width:100%}

.canshu{width:100%; max-width:1200px; margin-top:10px; display:block; overflow-x:scroll}
.canshu table{width:100%; } 
.canshu table img{width:auto} 
.canshu table td{ padding:5px; white-space:nowrap;} 
.cs-d{display:block;}


#download{ width:100%; margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:30px;}
#download ul{ list-style:none;}
#download ul li{width:100%; margin-bottom:10px;}
#download ul li a{ display:block; color:#666; background:#f7f7f7; overflow:hidden; line-height:100px;}
#download ul li a p.a1{ float:left; font-size:18px; width:100%; text-align:left;}
#download ul li a p.a2{font-size:18px;color:#000; float:left; width:100%;}
#download ul li a p.a3{color:#999; width:100%; float:left; text-align:left;}

#download ul li a:hover p.a2{ color:#ed7100}











}