@charset "utf-8";
/* CSS Document */
body,a,p,li,ul,span,h1,h2,h3,table,tr,td,input,form{ margin:0; padding:0; font-size:12px; color:#303030; font-family:"Microsoft YaHei";}
a{ text-decoration:none;}
li{ float:left; list-style:none;}
img{ border:none;}

#head_index{ width:100%; height:638px; position:relative; z-index:9999}
#top{ width:1000px; margin:0 auto; height:98px;}
#logo{ float:left; }
#logo a{display:block;}
.h1_top{position:absolute;height:22px;line-height:22px;top:5px;left:50%;margin-left:-430px;font-weight:bold;font-size:14px;}
.h1_top h1{float:left;font-size:14px;text-indent:20px;font-weight:bold;}

.sitemap{display:block;color:#fff;}
#top p{ float:right; color:#003819; font-weight:bold; font-size:28px; margin-top:35px; letter-spacing:-2px;}
#tel_title{ color:#343434; font-size:12px; font-weight:normal; background:url(tel_pic.png) left center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="tel_pic.gif");_background:url(tel_pic.gif) left center no-repeat; float:right; padding-left:27px; line-height:25px; height:25px; margin-top:40px;}
#ali{ float:right; margin-right:30px;}

#nav{ clear:both; width:100%; margin:0 auto; height:60px;background:url(nav_bg.png) center center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="nav_bg.gif");_background:url(nav_bg.gif) center center no-repeat;}
#nav_center{ height:60px; width:1003px; margin: 0 auto;}
#nav ul{ overflow:hidden;}
#nav ul li a.home {background:url(home.jpg) no-repeat; width:57px; height:60px;display:block;}
#nav ul li a img{ float:left;}
.nav_block{ line-height:60px;  width:118px; border-right:1px solid #12a654;}
.nav_block a{ color:#fff; font-size:14px; display:block; background:url(nav_li01.jpg) 95px center no-repeat; font-family:"SimSun"; padding-left:30px;}
.nav_block a:hover{ background:#12a654 url(nav_li02.jpg) 95px center no-repeat;}

#banner{ clear:both; margin:0 auto; width:100%; height:638px;  position:absolute; top:0;z-index: -1;}
.midbg{ width:100%; height:638px; position: relative; z-index:-1;}
.iBanScreen ul{ width:100%; height:638px;position:relative; top:0; margin:0 auto;}
.iBanScreen li{ width:100%; height:638px;overflow:hidden; position:absolute; display:none;z-index: -1;}
.iBanScreen li a{ display:block; width:100%; height:100%;}
.iBanScreen .num{ position:absolute; bottom:30px; left:50%; z-index:999; }
.iBanScreen .num a{ display:inline-block; border: 1px solid #fff;border-radius: 10px; width: 15px;height: 15px;margin: 0;background-color: #fff; margin-left:5px; margin-right:5px;}
.iBanScreen .num a.cur{ border: 1px solid #fff;border-radius: 10px; background-color: rgba(0,0,0,0);}

#plist_index{ background:url(plist_bg.jpg) left center no-repeat; height:67px; width:100%;}
#plist{ width:1000px; margin:0 auto; height:67px;}
#plist ul{ float:left; overflow:hidden;}
#plist ul li{ padding-left:10px; padding-right:10px; height:67px; line-height:67px;}
#plist ul li a{ color:#444444; font-size:14px;}
#plist h2{ height:60px; padding-top:7px; color:#fff; font-size:24px; float:right; font-weight:normal; text-align:right; padding-right:30px;}
#plist h2 span{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-top:5px;}

#pro_recommend{ clear:both; width:1000px; margin:15px auto 40px;}
#pro_recommend h2{ font-size:18px; color:#fff; background:#14b75c url(about_title01.png) 16px center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="about_title01.gif");_background:url(about_title01.gif) no-repeat 16px center;line-height:40px; padding-left:40px; font-weight:normal; margin:0 auto; margin-bottom:15px; }
#pro_recommend p{ font-size:18px; color:#fff; background:#14b75c url(about_title01.png) 16px center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="about_title01.gif");_background:url(about_title01.gif) no-repeat 16px center;line-height:40px; padding-left:40px; font-weight:normal; margin:0 auto; margin-bottom:15px; }
#pro_recommend h2 span{ float:right; margin-right:15px;}
#pro_recommend h2 span a{ font-size:12px; color:#fff;}
#pro_recommend p span{ float:right; margin-right:15px;}
#pro_recommend p span a{ font-size:12px; color:#fff;}
#guntwo { overflow:hidden;width:1000px; margin:0 auto; height:260px;}
#inguntwo { float: left;width: 800%;}
#guntwo1 { float: left;}
#guntwo2{ float: left;}
#guntwo1 ul,#guntwo2 ul{ height:260px; width:100%;}
#guntwo1 li,#guntwo2 li{ margin-left:10px; width:235x; height:265px;  border:1px solid #ccc;}
#guntwo1 li h3,#guntwo2 li h3{ width:235px;line-height:34px;text-align:center;color:#fff;font-weight:normal; height:34px; background:url(pro_title_bg.jpg) center center no-repeat; font-size:14px;}

#reason_index{ width:100%; clear:both; height:387px; background:url(about_bg01.jpg) center center no-repeat;}
#reason{ width:1002px; margin:0 auto; overflow:hidden;}
#reason h2{ height:55px; line-height:55px; font-size:20px; font-weight:normal; color:#14b75c; padding-left:25px; background:url(title_bg.png) left center no-repeat;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="title_bg.gif");_background:url(title_bg.gif) no-repeat left center; margin-left:20px;}
#reason_content{ width:100%; height:294px; background:url(about_bg02.jpg) center center no-repeat;}
#reason_content #shuoming{ width:60%;padding: 4px 10px;}
#reason_content #shuoming p{ line-height: 2em; text-indent: 2em;font-size: 13px;}
#reason_left{ width:590px; overflow:hidden; float:left; padding-right:19px; padding-left:20px;}
#reason_left h3{ margin-left:20px; margin-top:15px; margin-bottom:30px;}
.reason_block{ float:left; float:left; margin-bottom:35px;}
.reason_block p{ color:#4e4e4d; margin-top:5px;_margin-top:2px;}
#up01{ width:150px; margin-left:170px; _margin-left:80px;}
#up02{ width:127px; margin-left:140px; _margin-left:155px;}
#down01{ width:175px;}
#down02{ width:195px; margin-left:100px;}
#reason_right{ float:right; width:373px;}
#reason_right p{ color:#fff; font-size:13px; margin-left:52px; margin-top:210px;}
#reason_right p span{ color:#ffde00; font-size:20px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif; letter-spacing:2px;}

#wraper{ width:100%; clear:both; overflow:hidden; margin:0 auto; background:url(bg01.jpg) left top repeat-x; padding-bottom:20px;}
#honor_index{ clear:both; width:1000px; margin:30px auto 0; overflow:hidden; background:url(line_bg.jpg) center 13px no-repeat;}
#honor_index h2{ font-size:18px; color:#14b75c; background: url(title_bg.png) 16px center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="title_bg.gif");_background:url(title_bg.gif) no-repeat 16px center; line-height:40px; padding-left:40px; font-weight:normal; margin:0 auto; }
#honor_index h2 span{ float:right; margin-right:15px;}
#honor_index h2 span a{ font-size:12px; color:#727272;}
.pic1a{ margin-top:10px;}
#guntwoa { overflow:hidden;width:1000px; margin:0 auto; height:183px;}
#inguntwoa { float: left;width: 800%;}
#guntwo1a { float: left;}
#guntwo2a{ float: left;}
#inguntwoa ul{ height:183px; width:100%;}
#inguntwoa li{ float:left;margin-left:11px;width:178px;height:179px;_margin-left:8px; border:2px solid #e2e2e2; background-color:#e9e9eb;}
#inguntwoa li h3{line-height:20px;text-align:center;color:#7f7f7f;font-weight:normal; padding-top:10px;}
#inguntwoa li img{ width:178px; height:135px;}
#about_index{ clear:both; width:1000px; margin:30px auto 0; overflow:hidden;}
#about_content{ width:100%; overflow:hidden; background-color:#14b75c; padding-top:30px;}
#about_content h2{ font-size:18px; color:#fff; height:30px; line-height:30px; background: url(about_title01.png) 16px center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="about_title01.gif");_background:url(about_title01.gif) no-repeat 16px center;  padding-left:40px; font-weight:normal; margin:0 auto; margin-bottom:20px;}
#about_info{ width:904px; margin:0 auto; overflow:hidden; padding-bottom:50px;}
#about_info p{ color:#fff; line-height:25px; margin-bottom:20px;}
#about_info p img{ float:right; margin-left:40px;}
#about_info span{ padding-top:10px; display:block;}
#about_info span a{ color:#fff; padding:5px 25px; border:1px solid #fff;}
#cont_index{ width:206px; float:left; padding-top:103px; background:#898989 url(cont_tel_pic.jpg) center top no-repeat; height:163px; margin-top:10px; padding-left:30px;}
#cont_index span{ text-align:center; color:#ffea00; font-size:24px; margin-bottom:15px;}
#cont_index p{ width:191px; line-height:20px; color:#fff;}
#map{ margin-top:6px; float:right}

#news_index{ width:1000px; clear:both; overflow:hidden; margin:20px auto 0; padding-bottom:30px;}
#company_news{ width:490px; float:left; overflow:hidden;}
#company_news h2,#knowledge h2{ line-height:40px; height:40px; background:#14b75c url(about_title01.png) 16px center no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src="about_title01.gif");_background:#14b75c url(about_title01.gif) no-repeat 16px center; padding-left:36px; color:#fff; font-size:18px; font-weight:normal;}
#knowledge{ width:490px; float:right; overflow:hidden;}
#company_news ul,#knowledge ul{ width:100%; margin-top:25px; overflow:hidden;}
#company_news ul li,#knowledge ul li{ height:32px; line-height:32px; border-bottom:1px dashed #cccccc; background:url(news_li.jpg) 10px center no-repeat; padding-left:30px; width:420px;}
#knowledge ul li{ width:450px;}
#company_news ul li a,#knowledge ul li a{ font-size:14px;}
.date{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#5b5b5b; float:right;}
.news_more{ padding:5px 30px; border:1px solid #d3d1d1; font-size:12px; color:#666666; float:right; margin-top:20px; margin-right:40px;}
#knowledge .news_more{ margin-right:20px;}

#foot_index{ width:100%; clear:both; overflow:hidden; background-color:#11954b; padding-top:30px; padding-bottom:30px;}
#foot_nav{ width:1000px; margin:0 auto 3px;}
#foot_nav ul{ overflow:hidden;}
#foot_nav ul li{ padding-left:10px; padding-right:10px; background:url(nav_foot_line.jpg) right center no-repeat; height:18px; line-height:18px; text-align:center;}
#foot_nav ul li a{ color:#fff;}
#foot{ clear:both; width:1000px; margin:0 auto;}
#foot p{ color:#fff; line-height:20px; font-size:12px;}
#foot span{ color:#fff; text-decoration:underline; display:block; width:100%;}
#foot p a{ color:#fff;}

#float_left{ width:120px; height:350px; border:1px solid #e4e4e4; position:fixed; top:100px; left:0;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));_margin-top:240px; background:#fff; margin-right:20px; z-index:9999;}
#chart_name{ font-size:10px; color:#4288bc; text-align:center; font-weight:normal; margin-top:5px;}
#tel_name{ width:100%; text-align:center; font-size:16px; line-height:30px; height:30px;}
tel_num{ width:100%; height:20px; line-height:20px; text-align:center;}

#head_inside{ width:100%; height:212px; background:url(head_inside_bg.jpg) left top no-repeat;}
#nav_inside{ clear:both; width:100%; margin:0 auto; overflow:hidden; background-color:#14b85c;}
#nav_inside ul{ overflow:hidden;}
#nav_inside ul li a img{ float:left;}

#head_inside{ width:100%; height:158px;}
#head_inside #top p{ float:right; color:#003919; font-weight:bold; font-size:28px; margin-top:35px; letter-spacing:-2px;}
#head_inside #tel_title{ color:#343434; font-size:12px; font-weight:normal; background:url(tel_pic.jpg) left center no-repeat; padding-left:27px; line-height:25px; height:25px; margin-top:43px;}
#head_inside #nav{ clear:both; width:100%; margin:0 auto; height:60px;background-color:#14b85c;}


#ban{ clear:both; margin:0 auto; width:100%; height:289px; background:url(banner_inside.jpg) center center no-repeat;}

#wrap{ width:100%; margin:0 auto; clear:both; overflow:hidden; background:url(bg02.jpg) left top repeat-x;}
#location { width: 1000px; margin:0 auto;}
#location p {line-height: 37px; color: #6a6a6a;}
#location p a{color: #6a6a6a;}

#container{ width:1000px; margin:0 auto; overflow:hidden; padding-top:20px;}
#left{ width:239px; overflow:hidden; float:left;}
#pro_left,#news_left{ width:100%; overflow:hidden; padding-bottom:100px;}
#pro_left h2,#news_left h2{ color:#fff; font-family:"Microsoft YaHei"; font-size:28px; padding-left:45px; background:url(left_title_bg.jpg) left center repeat-x; width:194px; font-weight:normal; margin-bottom:15px; height:75px; padding-top:20px;}
#pro_left h2 span,#news_left h2 span{ font-size:12px; font-weight:normal; color:#fff;}
#pro_left ul,#news_left ul{ border:1px solid #dbdbdb; overflow:hidden; background:#14b95c; padding-bottom:10px; width:237px;}
#pro_left ul li,#news_left ul li{ width:100%; background:url(pro_li01.jpg) center center no-repeat; height:40px; border-bottom:1px solid #dbdbdb;}
#pro_left ul li a,#news_left ul li a{ color:#575757; font-size:14px; padding-left:45px; display:block; width:192px; height:40px; line-height:40px;}
#pro_left ul li a:hover,#news_left ul li a:hover{ background:url(pro_li02.jpg) center center no-repeat; color:#fff;}

#middle{ width:731px; float:right; overflow:hidden; padding-bottom:100px;}
.inside_title_h1{ line-height:60px; height:60px; font-size:24px; color:#595959; font-weight:normal; margin-bottom:10px;}
.inside_title_h1 span{ font-size:12px; font-weight:normal;}
#common{ margin-top:25px;}
#common p{ line-height:25px; text-indent:2em; font-size:13px; color:#444444; margin-top:5px;}

#allpro{ overflow:hidden;}
#allpro ul{ overflow:hidden;}
#allpro ul li{ width:158px; height:181px; border:1px solid #e1e1e1; margin:5px 10px;_margin-left:10px;}
#allpro ul li h3{ height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:normal; background:url(pro_title_bg.jpg) center center no-repeat;}

#casepro ul{ overflow:hidden;}
#casepro ul li{ width:158px; height:148px; border:1px solid #e1e1e1; margin:5px 10px;_margin-left:10px;}
#casepro ul li h3{ height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:normal; background:url(pro_title_bg.jpg) center center no-repeat;}

#allnews{ width:100%; overflow:hidden;}
#allnews>ul{ width:100%; overflow:hidden;}
#allnews>ul li{ height:32px; line-height:32px; border-bottom:1px dashed #cccccc; background:url(news_li.jpg) 10px center no-repeat; padding-left:30px; width:682px;}
#allnews>ul li a{ font-size:13px;}

#allhonor{ width:100%; overflow:hidden;}
#allhonor>ul{ overflow:hidden;}
#allhonor li{ float:left;margin-left:13px;width:158px;height:136px;_margin-left:10px; border:2px solid #eeeeee; background-color:#f5f6f8; margin-top:15px;}
#allhonor li h3{ width:160px;line-height:30px;text-align:center;color:#7f7f7f;font-weight:normal;}

#detail{ width:100%; overflow:hidden;}
#detail p{ line-height:25px; font-size:13px; color:#444444; margin-top:5px;}
#detail h1{ width:100%; text-align:center; font-size:18px; margin-bottom:10px;}
.hit{display:block;width:100%;text-align:center;margin:0 auto; color:#555555;margin-bottom:20px;}
.imgcenter{width:100%;text-align:center;display:block;margin:0px auto 30px;}
#up_down{margin:0 auto;border:1px solid #cccccc;padding:5px 10px;margin-top:20px;}
#up_down a{line-height:20px;color:#333333;}
#up_down a:hover{ text-decoration:underline;}
#related_product,#related_honor{width:100%; margin-top: 20px;overflow: hidden;margin-bottom:40px;}
#related_product h2,#related_honor h2{font-size:14px; color:#333333;border:1px solid #cccccc;padding:5px 10px;}
#related_product ul{ overflow:hidden;}
#related_product ul li{ width:158px; height:181px; border:1px solid #e1e1e1; margin-left:15px; margin-top:20px; _margin-left:13px;}
#related_product ul li h3{ height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; font-weight:normal; background:url(pro_title_bg.jpg) center center no-repeat;}

#related_honor ul{ overflow:hidden;}
#related_honor li{ float:left;margin-left:13px;width:158px;height:136px;_margin-left:10px; border:2px solid #eeeeee; background-color:#f5f6f8; margin-top:15px;}
#related_honor li h3{ width:160px;line-height:30px;text-align:center;color:#7f7f7f;font-weight:normal;}

/*.page {overflow: hidden;clear: both;text-align: center;padding-top:40px;padding-bottom:40px;}
.page a{padding: 5px;display: inline;}
.page a.active{color:#316AD6;font-weight:bold;}
.all-page{margin-left:10px;font-size:13px;font-style:italic;}*/

#foot_page {display: flex;justify-content: center;text-align: center;align-items: center;clear: both;}
#foot_page li{margin: 0;padding: 0;width: unset;border: 0;width: auto!important;height: auto!important;margin: 0!important;border: 0!important;}
#foot_page a.active {color: #fff;border: 1px solid;width: 20px;background-color: #5bc6f0;padding: 0;}
#foot_page a{color:#434343;display:inline-block;margin:3px;padding:3px;}

#newBridge .icon-right-center.icon-right-center
{left: 2px;
}
.right-fixed.right-fixed{--form-theme-color: #14b75c;
    --li-hover-color: #14b75c;}

.swiper-slide img{ width:100%;}
.nav_menu{ display:none;}
.footerDiv{display: none;}
.chanpin_xs{display: none;}
.shebei_tits{display: none;}
.new_tits{display: none;}
.footerDiv li{width:33.3%;float:left;}


@media (max-width: 1200px) {          
#float_left{ display:none;}
#newBridge{ display:none !important;}
#banner{ position:inherit;}
#head_index{ height:auto;}
#banner{ height:auto;}
#reason_index{ display:none;}

}

@media (max-width: 1000px) {          
#top{ width:100%;}
#nav_center{ width:100%;}
#plist{ width:100%;}
#pro_recommend{ width:100%;}
#reason{ width:100%;}
#reason_content img{ width:100%;}
#honor_index{ width:100%;}
#guntwo1 li, #guntwo2 li{ width:23%; margin:0 1% 15px 1%; height:auto; border:none; }
#guntwo1 li img, #guntwo2 li img{ width:99%; height:auto;border: 1px solid #ccc;}
#guntwo1 li h3, #guntwo2 li h3{ width:100%;}
#ali{ display:none;}
#tel_title{ margin-top:0px;}
.nav_block{ width:117px;}
.right-fixed.right-fixed{ display:none;}
.h1_top{ display:none;}
#guntwo1 ul, #guntwo2 ul{ height:auto;  }
#about_index{ width:100%;}
#about_info{ width:92%;}
#cont_index{ display:none;}
#map{ display:none;}
#company_news{ width:49%; } 
#knowledge{ width:49%; } 
#news_index{ width:100%; padding-bottom:20px;}
#company_news ul li, #knowledge ul li{ width:95%; padding-left:5%;} 
#container{ width:100%; } 
#left{ width:24%; }
#middle{ width:73%;}
#head_inside #tel_title{ display:none;}
#pro_left ul li a, #news_left ul li a{ width:auto; padding-left:5%; }
#pro_left ul, #news_left ul{ width:98%; margin:0 1%;}
#pro_left h2, #news_left h2{ width:auto; text-align:center; padding-left:0px;}
#common p img{ float:left;}
#head_inside{ height: auto;}
#casepro ul{display: flex;flex-wrap: wrap;}
#casepro ul li{ width:23%; margin:0 1% 10px 1%; border:none; height:auto;}
#casepro ul li img{ width: 100%; height:auto;}
#allpro ul{display: flex;flex-wrap: wrap;}
#allpro ul li{ width:23%; margin:0 1% 10px 1%; border:none; height:auto;}
#allpro ul li img{ width: 100%;}
#allnews>ul li{ width: 95%; padding-left:5%;}
#detail img{ max-width:100%; height:auto;}



}

@media (max-width: 767px) {          
#tel_title{ display:none;}
#nav ul li a img{ display:none;}
#nav ul li a.home{ display:none;}
.nav_block{ width:16.2%; text-align:center;}
.nav_block a{ background:none; padding-left:0px; }
#top a:nth-child(2){ display:none;  }
.yd_none{ display:none;}
#guntwo1 li, #guntwo2 li{ width:48%; }
#company_news ul li, #knowledge ul li{ width:95%; padding-left:5%;  } 
#about_info p img{width:100%; float:none; margin-left:0px; }
#left{ width:96%; margin:0 2%;}
#middle{ width:96%; margin:0 2%;}
#pro_left, #news_left{ padding-bottom:15px;}
#pro_left ul li a, #news_left ul li a{ padding-left:40px; }
#pro_left ul li, #news_left ul li{ width:33.3%; float:left; }

}

@media (max-width: 540px) {          
#logo{ width:85%;}
#logo img{ width:100%;}
#top{ height:auto;}
#nav{ display:none;}
#plist h2{ display:none;}
#plist ul{ width:100%;}
#plist ul li{ width:33.3%; padding:0px; text-align:center;  }
#company_news ul li, #knowledge ul li{ width:100%; padding-left:0%; background:none;  } 
#company_news{ width:98%;margin:0 1% 15px 1%; } 
#knowledge{ width:98%;margin:0 1% 15px 1%; } 
#foot_nav{ width:100%;}
#casepro ul li{ width:31.3%;}
#allpro ul li{ width:31.3%;}



/*Response_menu*/
.nav_menu{display:block; margin-top:10px; position:absolute; right:0; z-index:999;} 
.nav_menu select{border:1px solid #ccc; width:80%;margin:0 auto;display:block;}
/* Common styles of menus */
.dl-menuwrapper{width: 100%;max-width: 300px;float: left;position: relative;-webkit-perspective: 1000px;-moz-perspective: 1000px;perspective: 1000px;-webkit-perspective-origin: 50% 200%;-moz-perspective-origin: 50% 200%;perspective-origin: 50% 200%;}
.dl-menuwrapper:first-child{}
.dl-menuwrapper button{ float:right;background: #14b75c;border: none;width: 48px;height: 45px;text-indent: -900em;overflow: hidden;position: relative;cursor: pointer;outline: none;}
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul{background: #14b75c;}
.dl-menuwrapper button:after{content: '';position: absolute;width: 68%;height: 5px;background: #fff;top: 10px;left: 16%;box-shadow:0 10px 0 #fff,0 20px 0 #fff;}
.dl-menuwrapper ul{padding: 0;list-style: none;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;}
.dl-menuwrapper li{position: relative; float:none;}
.dl-menuwrapper li a{display: block;position: relative;padding: 15px 20px;font-size: 16px;line-height: 20px;font-weight: 300;color: #fff;outline: none;}
.no-touch .dl-menuwrapper li a:hover{background: rgba(255,248,213,0.1);}
.dl-menuwrapper li.dl-back > a{padding-left: 30px;background: rgba(0,0,0,0.1);}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after{position: absolute;top: 0;line-height: 50px;font-family: 'icomoon';speak: none;-webkit-font-smoothing: antialiased;content: "e000";}
.dl-menuwrapper li.dl-back:after{left: 10px;color: rgba(212,204,198,0.3);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.dl-menuwrapper li > a:after{right: 10px;color: rgba(0,0,0,0.15);}
.dl-menuwrapper .dl-menu{margin: 10px 0 0 0;width: 100%;opacity: 0;pointer-events: none;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);transform: translateY(10px);-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;z-index:1001;}
.dl-menuwrapper .dl-menu.dl-menu-toggle{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.dl-menuwrapper .dl-menu.dl-menuopen{opacity: 1;pointer-events: auto;-webkit-transform: translateY(0px);-moz-transform: translateY(0px);transform: translateY(0px);}
/* Hide the inner submenus */
}


@media (max-width: 425px) {          
#pro_recommend h2 span{ display:none;}
#pro_recommend h2{ font-size:16px; }
.nav_menu{ margin-top:5px;}
#pro_left ul li, #news_left ul li{ width:100%; background: url(pro_li01.jpg) left center no-repeat; background-size:cover; text-align:center;  }
#casepro ul li{ width:48%;}
#allpro ul li{ width:48%;}



.footerDiv{display: block;}

.footer_phonebai{display: block;}
.footerDiv{background: #14b75c;position: fixed;bottom: 0px;width: 100%;z-index: 9999999;}
.footerWrap li{text-align: center;margin-top: 6px;}
.footerWrap li a{color: #fff;font-size: 15px;display: block;}
.footerWrap li i{display: block;}
.footerWrap li a img{display: block;margin: 0 auto;}
.footer_phonebai{font-size: 16px;color: #5d5d5d;text-align: center;line-height: 30px;}
.footer_phonebai a{font-size: 16px;color: #5d5d5d;}

.chanpin_xs{display: block;}
.product_tui{display: none;}

.huoban{background: #4c4c4c;}
.form2{width: 100%;}
.huoban_right{background: none;}

.honor_bg{display: none;}
.new_tit{display: none;}
.new_tits{display: block;}
.youshi_bg .container{padding-left: 4px;padding-right: 4px;}
.footerDiv ul{margin-bottom: 0px;}
}