@charset "utf-8";

*{ margin: 0 auto; font-family:"Microsoft YaHei";}
ul,ol{list-style:none; padding:0px;}
a{ text-decoration:none; color:#000;}
img{ max-width:100%; display:inline-block;}
.picture img{display:block;}
/*头部样式*/
.max{ max-width:1200px;}
header.header{ overflow:hidden;}
.head_line{overflow:hidden; padding:12.5px 0px; background:#e6e6e6;}
.head_line .max *{ float:left; font-size:14px; color:#888;}
.head_line .text{ float:right;}
.head_line .text a::after{content:"|"; padding:0px 5px;}
.head_line .text a:last-child::after{ display:none;}
.head_b{box-sizing:border-box; overflow:hidden; padding:22px 0px;}
.head_b .logo{float:left; max-width:70%; width:100%;}
.head_b .logo img{float:left; height:67px}
.header .contact{ float:right; max-width:18%; width:100%;display:flex; justify-content:space-between; margin-top:11px;}
.header .contact .picture{ float:left; width:50px; margin:0px;}
.header .contact .picture img{ float:left; margin-top:calc((100% - 40px) / 2)}
.header .contact .content{ font-size:14px; color:#262626; float:right; margin:0px; max-width:170px;}
.header .contact .content font{ float:left; width:100%; font-size:24px; color:#1baf45; font-weight:bold; line-height:26px;}
/*导航样式*/
nav{ background:url(../images/01.jpg) no-repeat center top; background-size:cover; overflow:hidden;}
.nav li{ float:left; max-width:calc(100% / 9); width:100%; text-align:center;}
.nav li a{ display:block; font-size:17px; color:#fff; padding:19.5px 0px;}
.nav li:hover a{ background:url(../images/03.jpg) no-repeat center bottom;}
#nav_select a{background:url(../images/03.jpg) no-repeat center bottom;}
.dh{ float:right; display:none;}
.iconnav-list:before{ font-size:60px;}
/*幻灯片样式*/
.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:600px;}
.banner ul{ position:absolute; left:0px; top:0px;}
.banner ul li{ float:left; max-width:100%; overflow:hidden;}
.banner:hover ol{ opacity:1;}
.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(27,175,69,1); opacity:0.8;}
.banner ol li:hover{border:2px solid rgba(0,104,183,1); opacity:1;}
.banner li img{min-height:150px; height:600px;}
.ban_img .banner li img,.ban_img .banner{ height:480px;}
.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
.lef_rig span:first-child{ opacity:0.5; cursor:pointer; top:calc(50% - 90px); position:absolute;  z-index:2; width:50px; left:1%; text-align:center;}
.lef_rig span:nth-child(2){ cursor:pointer;opacity:0.5; top:calc(50% - 90px); position:absolute;  z-index:2; width:50px; right:1%; text-align:center}
.lef_rig span:hover{ opacity:0.8; }
.lef_rig span+span:hover{ opacity:0.8;}
.banner:hover .lef_rig{ opacity:1;}
#dot{ background:rgba(27,175,69,1); border:2px solid rgba(27,175,69,1); opacity:1;}
/*网站主体*/
.often{display:block; overflow:hidden; width:100%; text-align:center; margin:52px auto 60px auto;}
.often .title{ font-size:26px; font-weight:bold; color:#333; display:block; width:100%;}
.often .text{ font-size:15px; color:#666; margin-top:7px;}
.often .picture{margin-top:12px;}
section.search{ background:#fff; padding:22px 0px; overflow:hidden; box-shadow:0px 5px 5px rgba(244,244,244,0.75); display:block; width:100%;}
.search .max{ overflow:visible;}
.search .hotword{ float:left; max-width:70%; width:100%; line-height:40px; height:40px; overflow:hidden;}
.search .hotword span{font-size:14px; color:#333; font-weight:bold;}
.search .hotword a{ color:#333; font-size:14px; font-weight:normal; display:inline-block; margin-right:1%;}
.search .find{ float:right; max-width:25%; width:100%; border:1px solid #dedede; box-sizing:border-box;}
.search .find input[type=text]{ width:calc(100% - 53px); height:40px; float:left; border:0px; box-sizing:border-box; outline:none; padding-left:2%; box-sizing:border-box; }
.search .find input[type=submit]{ cursor:pointer; width:53px; height:40px; float:left; border:0px; background:#1baf45; color:#fff; font-size:26px;}
section.products{ overflow:hidden; background:#eaeaea; padding:50px 0px; display:block; width:100%;}
.pro_l{ float:left; max-width:21%; width:100%;}
.pro_l_title{background:#1baf45; color:#fff; padding:16.5px 11%; box-sizing:border-box; overflow:hidden;}
.pro_l_title p.title{ font-size:24px; font-weight:bold;}
.pro_l_title p.text{ font-size:12px; margin-top:4px; color:rgba(255,255,255,0.18);}
.pro_l ul{ background:#fff; display:block; overflow:hidden; width:100%; box-sizing:border-box; padding:10px 10% 37px 10%;}
.pro_l li{float:left; width:100%; font-size:16px; padding:25px 0px; box-sizing:border-box;}
.pro_l li .pro_title{float:left; text-overflow:ellipsis; white-space:normal; width:100%; overflow:hidden; padding-left:22px; box-sizing:border-box;}
.pro_l li:hover{ background:url(../images/se_02.jpg) no-repeat left top; background-size:cover; border-color:#e0e0e0;}
.pro_l li:hover *{ color:#fff;}
.pro_l .contact{ background:url(../images/pro_01.png) no-repeat center; background-size:100% 100%; color:#fff; font-weight:bold; padding:20px 0px 44px 32px; overflow:hidden;}
.pro_l .contact .title{ font-size:22px;}
.pro_l .contact .tel{ font-size:16px; margin-top:8px; letter-spacing:1px; line-height:25px;}
.pro_r{ max-width:77.5%; width:100%; float:right; background:#fff; padding:0px 20px 23px 20px; box-sizing:border-box;}
.pro_r .column{ float:left; width:100%; overflow:hidden; margin:30px 0px 40px 0px;}
.pro_r .column .title{ float:left; font-size:18px; color:#1baf45; font-weight:bold; border-left:3px solid #1baf45; padding-left:10px;}
.pro_r .column .more{ float:right; font-size:14px; color:#333; line-height:24px;}
.pro_r ul{ display:flex; flex-wrap:wrap; float:left; width:100%;}
.pro_r ul li{ max-width:calc(100% / 4 - 15px); width:100%; box-sizing:border-box; float:left; background:#fff; margin:0px 20px 20px 0px; position:relative;overflow:visible;}
.pro_r ul li .picture{ float:left; width:100%; box-sizing:border-box;}
.pro_r ul li .picture img{ object-fit:cover; width:100%;}
.pro_r ul li .title{ float:left; width:100%; overflow:visible; text-align:center; font-size:15px; color:#fff; background:rgba(0,0,0,0.5);position:absolute; left:0px; bottom:0px;box-sizing:border-box; height:auto; min-height:50px; line-height:1.4; padding:10px 0; transition: all linear 0.25s;}
.pro_r ul li .title span{transition:all linear 0.25s; border:1px solid transparent; box-sizing:border-box; margin-top:0px; padding:0px 10px; float:left; overflow:visible; white-space:normal;}
.pro_r ul li:nth-of-type(4n){ margin-right:0px;}
.pro_r ul li:hover .title{ height:100%;}
.pro_r ul li:hover .title span{ line-height:1.4; border-color:#fff;}
.pro_r .column .more:hover{ color:#1baf45;}
section.slogan{ display:block; overflow:hidden; width:100%; background:url(../images/ad_01.jpg) no-repeat center top; background-size:cover; padding:12px 0px;}
.slogan .picture{ float:left;overflow:hidden;}
.slogan .picture img{ float:left; width:100%; object-fit:cover;}
.slogan .content{ float:left; max-width:39%; width:100%; margin-top:17px;}
.slogan .content .title{ float:left; max-width:55%; font-size:35px; font-weight:bold; color:#fff;}
.slogan .content .text{ float:left; max-width:45%; margin-left:5px;}
.slogan .content .text p:first-child{float:left; color:rgba(255,255,255,0.3);}
.slogan .content .text p:nth-of-type(2){float:left; color:#fff;}
.slogan .content .intro{float:left; background:#fff; padding:8px 14px 2px 14px; border-radius:37px; overflow:hidden; box-sizing:border-box; margin-top:7px;}
.slogan .contact{ float:right; margin-right:55px; max-width:22%; width:100%; display:flex; align-items:center; justify-content:space-between; overflow:hidden; margin-top:30px;}
.slogan .contact img{ float:left; margin:0px;}
.slogan .contact .tel{ float:right; max-width:calc(100% - 45px); font-size:18px; color:#fff; margin:0px;}
.slogan .contact .tel font{ float:left; width:100%; font-size:28px; color:#fff; font-weight:bold;}
section.case{ display:block; width:100%; overflow:hidden;}
.case_b li{ float:left; width:23.5%; margin:0px 2% 30px 0px; background:#fff; position:relative; overflow:hidden; border-radius:6px; box-shadow:0 2px 8px rgba(0,0,0,0.06);}
.case_b li:nth-of-type(4n){margin-right:0px;}
.case_b li .picture{ float:left; width:100%; overflow:hidden; transition:all linear 0.25s;}
.case_b li .picture img{ height:220px; width:100%; float:left; object-fit:cover;}
.case_b li .title{ position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto; opacity:0; max-width:80%; height:auto; min-height:50px; padding:8px 0; text-align:center; color:#fff; border:1px solid #fff; line-height:50px; font-size:16px; transition:all linear 0.25s;}
.case_b li:hover .picture{ opacity:0.5;}
.case_b li:hover .title{opacity:1;}
section.about{ background:#eee; display:block; overflow:hidden; width:100%; padding-bottom:60px;}
.about_b .picture{float:left; max-width:50%;}
.about_b .content{float:right; max-width:47%;}
.about_b .content .title{float:left; color:#1baf45; font-size:26px; font-weight:bold; width:100%; overflow:hidden; letter-spacing:1px;}
.about_b .content .text{ font-size:14px; color:#666; float:left; width:100%; overflow:hidden; margin-top:4px;}
.about_b .content .intro{ font-size:16px; line-height:32px; color:#333; float:left; width:100%; overflow:hidden; text-indent:32px; margin-top:14px;}
.about_b .content .more{ float:left; width:136px; line-height:40px; height:40px; background:#1baf45; text-align:center; font-size:14px; color:#fff; margin-top:40px;}
.about_b .content .more:hover{ background:#ff9900;}
section.super{background:#fff; overflow:hidden; padding-bottom:60px; overflow:hidden; background-size:cover;}
.super_title{ text-align:center; margin:50px auto; padding:30px 0px 10px 0px; background-size:contain;}
.super_title .title{ font-size:24px; font-weight:bold; color:#333;}
.super_title .text{ font-size:20px; color:#333; line-height:38px; margin-top:18px; font-weight:bold;}
.super_title .text span{ background:#1baf45; display:inline-block; margin-right:12px; padding:0px 14px; box-sizing:border-box; color:#fff; position:relative;}
.super_title .text span::before{ content:""; background:url(../images/of_02.png) no-repeat; width:11px; height:10px; position:absolute; top:100%; left:0px; float:left; overflow:hidden;}
.super_b{ overflow:hidden; background:url(../images/sp_01.jpg) no-repeat bottom center; display:block; width:100%; overflow:hidden; padding:38px 0px;}
.super_b .title{ overflow:hidden; margin-bottom:75px; display:flex; align-items:center;}
.super_b .title:last-child{margin-bottom:0px;}
.super_b .title .text{float:right; max-width:calc(100% - 94px);padding:0px 12px; box-sizing:border-box; margin-right:0px;}
.super_b .title p:first-child{ font-size:20px; color:#1baf45; font-weight:bold;}
.super_b .title p:nth-of-type(2){ font-size:16px; color:#666; margin-top:4px;}
.super_b .title font{ font-size:30px;}
.super_b .number{ width:76px; height:76px; float:left; border-radius:100%; border:3px dashed #d1d1d1; overflow:hidden; box-sizing:border-box; padding:3px; margin-left:0px;}
.super_b .number span{ float:left; width:100%; height:100%; background:#1baf45; border-radius:100%;text-align:center; font-size:30px; color:#fff; font-weight:bold; display:flex; justify-content:center; align-items:center; line-height:64px;}
.super_b .content{ max-width:58%; width:100%; float:left; margin-top:50px;}
.super_b .picture{ max-width:42%; width:100%; float:right;}
.super_b .picture img{ float:right;}
.super_b:nth-of-type(2){padding-top:0px !important;}
.super_b:nth-of-type(even) .content{ float:right;}
.super_b:nth-of-type(even) .picture{ float:left;}
.super_b:nth-of-type(even) .picture img{ float:left;}
section.slogan_2{ display:block; overflow:hidden; width:100%; background:url(../images/so_01.jpg) no-repeat center top; background-size:cover; padding:12px 0px;}
.slogan_2 .picture{ float:left;overflow:hidden;}
.slogan_2 .picture img{ float:left; width:100%; object-fit:cover;}
.slogan_2 .content{ float:left; max-width:42%; width:100%; margin:14px 0px 0px 20px;}
.slogan_2 .content .title{ font-size:20px; color:#fff; font-weight:bold;}
.slogan_2 .content ul{ float:left; overflow:hidden; width:100%; margin-top:26px; padding-left:15px; box-sizing:border-box;}
.slogan_2 .content li{ float:left; max-width:122px; width:100%; background:#fff; padding:5px 3.5%; border-radius:8px; margin-right:20px; box-sizing:border-box;}
.slogan_2 .content li .icon{ float:left; max-width:20px; margin-top:2px; overflow:hidden;}
.slogan_2 .content li .icon img{ float:left; max-width:200%;}
.slogan_2 .content li .title{ float:right; font-size:18px; color:#1baf45; max-width:calc(100% - 20px);}
.slogan_2 .content li:last-child{margin-right:0px;}
.slogan_2 .contact{margin:10px 0px 0px 0px; float:right; color:#fff;}
.slogan_2 .contact .title{ font-size:22px;}
.slogan_2 .contact .tel{ font-size:26px; font-weight:bold;}
.slogan_2 .contact .address{font-size:14px;}
.slogan_2 .content li:hover{ background:#ff9900;}
.slogan_2 .content li:hover .title{ color:#fff;}
.slogan_2 .content li:hover .icon img{ margin-left:-100%;}
section.news{ display:block; width:100%; overflow:hidden; background:#eee; padding:40px 0px 48px 0px;}
.news_b{ padding:33px 2%; background:#fff; overflow:hidden; display:block; width:100%; box-sizing:border-box;}
.news_l{ float:left; max-width:calc(100% / 3 - 19px); width:100%; margin-right:28px;}
.news_l .column{ border-left:6px solid #1baf45; box-sizing:border-box; float:left; width:100%; overflow:hidden; line-height:25px; margin-bottom:24px;}
.news_l .column .title{ float:left; font-size:16px; font-weight:bold; color:#333; margin:0px 2.5%;}
.news_l .column .text{ float:left; font-size:14px; color:#999;}
.news_l .column .more{ float:right; width:25px; height:25px; line-height:25px; border:1px solid #ebebeb; color:#bebebe; font-family:"仿宋"; font-size:16px; font-weight:bold; text-align:center; box-sizing:border-box;}
.news_l .show{ float:left; overflow:hidden; width:100%;}
.news_l .show .picture{ float:left; max-width:125px; width:100%; border-radius:6px; overflow:hidden;}
.news_l .show .picture img{ float:left; height:95px; width:100%; object-fit:cover; transition:all linear 0.25s;}
.news_l .show .content{ float:right; max-width:calc(100% - 140px); width:100%;}
.news_l .show .content .title{ font-size:17px; color:#333; font-weight:bold; white-space:normal; text-overflow:ellipsis; overflow:hidden; float:left; width:100%;}
.news_l .show .content .text{ font-size:14px; line-height:20px; color:#666; margin-top:10px; float:left; width:100%; overflow:hidden; max-height:40px; height:40px;}
.news_l .show .content time{ font-size:12px; color:#999;}
.news_li{ float:left; width:100%; overflow:hidden; margin-top:18px;}
.news_li li{ float:left; width:100%; overflow:hidden; display:flex; align-items:center; border-bottom:1px dashed rgba(35,35,35,0.15); padding:12px 0px;}
.news_li li a{ font-size:15px; color:#333; float:left; max-width:calc(100% - 20px); width:100%; white-space:normal; text-overflow:ellipsis; overflow:hidden; margin-right:0px;}
.news_li li::before{ float:left; content:""; width:7px; height:7px; background:#1baf45; transform:rotate(45deg); margin:6px 5px;}
.news_li li:hover a{ color:#1baf45;}
.news_l .show:hover .picture img{ transform:scale(1.1);}
.news_l .show:hover .content .title{color:#1baf45;}
.news_l .column .more:hover{ background:#1baf45; color:#fff;}
.issue{float:right; background:#fff; margin-right:0px;}
.issue ul{ float:left; width:100%; overflow:hidden;}
.issue li:first-child{padding-top:0px;}
.issue li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #efeaea; padding:10px 0px;}
.issue li .title{ float:left; width:26px; height:26px; line-height:26px; text-align:center; font-size:14px;color:#fff; border-radius:100%;}
.issue li .text{float:right; max-width:calc(100% - 40px); width:100%; line-height:20px; overflow:hidden;}
.issue li .ans{ float:left; width:100%; overflow:hidden; margin-bottom:10px;}
.issue li .ans .title{background:#454545;}
.issue li .ans .text{ text-overflow:ellipsis; white-space:normal; line-height:26px; font-size:14px;}
.issue li .que{ float:left; width:100%; overflow:hidden;}
.issue li .que .title{ background:#1baf45;}
.issue li .que .text{ height:40px; max-height:40px;color:#999; font-size:12px;}
.issue li:hover .ans .text{ color:#1baf45;}
section.url{ overflow:hidden; display:block; width:100%; padding:42px 0px 40px 0px;}
.url .column{ display:block; text-align:center; border:1px solid #cfcfcf; padding:0px 15px 10px 15px;}
.url .column .title{ display:inline-block; background:#fff; margin:0px auto; color:#333; font-size:20px; font-weight:bold;}
.url .column .title font{ float:left; width:100%; color:#1baf45; font-size:18px; font-weight:bold;}
.url .content{ float:left; max-width:100%; width:100%; background:#fff; margin-top:10px;}
.url .content *{font-size:14px; line-height:28px; color:#333; margin-right:1%; float:left;}
section.footer_nav{ display:block; width:100%; overflow:hidden; background:#1baf45; padding:15px 0px;}
.footer_nav li{ float:left; max-width:calc(100% / 8); width:100%; text-align:center;}
.footer_nav li a{ font-size:16px; color:#fff;}
footer.footer{ background:#333;	 overflow:hidden; padding:20px 0px;}
.footer .max{ display:flex; align-items:center;}
.footer .logo{ float:left; max-width:49.5%; width:100%; margin:0px; border-right:1px solid rgba(255,255,255,0.4); box-sizing:border-box; padding:27px 0px;}
.footer .logo img{ max-height:70px}
.footer .contact{ float:left; font-size:15px; color:#fff; line-height:36px; margin:0px; max-width:31%; width:100%; padding-left:26px; box-sizing:border-box;}
.footer .contact a{ color:#FFF;}
.footer .code{ float:right; max-width:12%; width:100%; overflow:hidden; box-sizing:border-box; margin-right:0px;}
.footer .code div{ align-items:center; display:flex; float:left; max-width:50%;}
.footer .code .title{ float:left;font-size:14px; color:#fff; text-align:center; width:100%; margin-top:12px;}
.footer .code .picture{ float:left; width:100%; text-align:center;}
.page_brand{ float:right; max-width:76%; width:100%;}
.page_brand li{ float:left; max-width:calc(100% / 3 - 15px); margin-right:20px; width:100%; margin-bottom:20px;}
.page_brand li:nth-of-type(3n){margin-right:0px;}
.page_brand li .picture{ height:195px; float:left; width:100%; background:#f4f4f4; padding:10px 0px;}
.page_brand li img{ height:195px; display:block;}
.page_brand li .title{ padding:14px 0px; text-align:center; float:left; width:100%; background:#848484; margin-top:10px; color:#fff;}
.page_brand li:hover .title{ background:rgba(0,104,183,1);}
.page_brand_title{ font-size:18px; color:#333; text-align:left; border-bottom:#dbdbdb 2px solid; padding:13px 0px;}
.page_brand_text{ margin-top:30px; font-size:12px; color:#111; text-indent:24px; line-height:22px;}
.page_brand table{ float:left; width:100%; background:#ccc; box-sizing:border-box; font-size:12px; color:#333; text-align:left; margin-top:40px;}
.page_brand table tr{ float:left;width:100%; border-bottom:2px solid #ccc; display:flex;}
.page_brand table tr:last-child{border-bottom:0px;}
.page_brand table tr th{ float:left; max-width:calc(100% / 6); font-size:12px; border-right:2px solid #ccc; width:100%; background:#efefef; box-sizing:border-box; padding:5px 5px;}
.page_brand table tr th:last-child{ border-right:0px;}
.page_brand table tr td{ float:left; max-width:calc(100% / 6); width:100%; background:#fff; box-sizing:border-box; border-right:2px solid #ccc; padding:10px 5px; word-break:break-all;}
.page_brand table tr td:last-child{ border-right:0px;}
.page_brand table tr:hover td{ background:rgba(0,104,183,0.5); color:#fff;}
/*新闻页面*/
.page_address{ background:#f5f5f5; padding:16px 0px; box-shadow:0px 3px 3px #ddd; margin-bottom:40px; font-size:14px;}
.page{padding:2px 2px 40px 2px; box-sizing:border-box; overflow:hidden;}
.page_contact{float:left; margin-top:20px; width:100%;}
.page_contact div:nth-of-type(2){ background:#fff;float:left; width:100%;padding:10px 5%; box-sizing:border-box;}
.page_contact div:nth-of-type(2) p{ line-height:30px; font-size:14px; color:#333;}
.list_l{ max-width:250px; width:100%;overflow:hidden; float:left; margin-right:30px;}
.list_l .pro_l{ max-width:100%;}
.list_l .pro_l ul{border:1px solid rgba(0,0,0,0.3); box-sizing:border-box;}
.list_l .contact{ margin-top:22px; float:left; width:100%; box-sizing:border-box;}
.list_l .contact .title{ background:#1baf45; text-align:center; padding:14px 0px; font-size:18px; color:#fff;}
.cont_b{ padding:0px 3%; border:1px solid rgba(0,0,0,0.3); box-sizing:border-box;}
.cont_b .picture{margin-top:5px;}
.cont_b .picture img{ width:100%;}
.cont_b p{ font-size:14px; color:#333; margin:8px auto;}
.page_r{ width:calc(100% - 280px); float:right;}
.news_list .page_r li{ width:calc(100% - 10px); float:left; background:rgba(255,253,255,0.60); padding:15px 1%; box-sizing:border-box; margin-bottom:10px; box-shadow:0px 0px 5px #ccc;}
.news_list .page_r li .picture{ max-width:25%; float:left;}
.news_list .page_r li .picture img{ height:160px;float:left; object-fit:cover; width:100%;}
.news_list .page_r li .content{ max-width:73%; width:100%; float:right;}
.news_list .page_r li .content .title{ font-size:17px; color:#111; text-overflow:ellipsis; white-space:normal; display:block; width:100%; overflow:hidden;}
.news_list .page_r li .content time{ font-size:12px; color:#666; margin-top:10px; display:block;width:100%; overflow:hidden;}
.news_list .page_r li .content .text{ font-size:14px; color:#333; line-height:24px; height:48px; overflow:hidden; margin-top:10px;}
.news_list .page_r li .content .more{ font-size:14px; color:#333; line-height:30px; border:1px solid #ddd; text-align:center; float:left; text-align:center; width:140px; margin-top:15px;}
.news_list .page_r li .content .more:hover{background:rgba(0,104,183,1); color:#fff; border-color:rgba(0,104,183,1);}
.news_list .page_r li:hover{background:rgba(255,253,255,1.00); box-shadow:0px 0px 5px rgba(0,104,183,1);}
.pro_list .page_r li{ max-width:calc( 100% / 3 - 12px); float:left; margin-right:18px; margin-bottom:10px; width:100%; box-shadow:0px 0px 5px #ddd;}
.pro_list .page_r li:nth-of-type(4n){ margin-right:0px;}
.pro_list .page_r li .picture{width:100%; display:block;}
.pro_list .page_r li .picture img{  width:100%; object-fit:cover; display:block;}
.pro_list .page_r li .title{line-height:40px; background:rgba(255,255,255,0.50); float:left; width:100%; white-space:normal; text-align:center;}
.pro_list .page_r li:hover{ box-shadow:0px 0px 5px rgba(0,104,183,1);}
.pro_list .page_r li:hover p{ background:rgba(255,255,255,1.00);}
.page_odd{ overflow:visible;}
.page_odd .page_r{background:rgba(255,255,255,0.75); padding:0 2%; box-sizing:border-box; box-shadow:0px 0px 3px rgba(0,0,0,0.30)}
.page_odd_title{ width:100%; text-align:center; margin-bottom:1%; font-size:20px; font-weight:bold; margin:20px 0px;}
.page_odd_time{ width:100%; text-align:center; display:block; margin-bottom:1%; padding:10px 0px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; color:#333; font-size:12px;}
.page_odd_img{ text-align:center; margin-bottom:1%;}
.page_odd_content{margin-bottom:1%;}
.page_odd_content p{ line-height:32px;}
.page_odd_list{ margin:1% 0;}
.page_odd_list span{ float:left; width:100%; color:#333; line-height:24px;}
.page_odd_list span a{ color:#666;}
.page_list{ float:right; max-width:100%; width:100%; text-align:center; overflow:hidden; margin:32px auto;}
.page_list a:first-child{ display:none;}
.page_list *{font-size:12px; color:#333; display:inline-block; margin:0px 4px; border:1px solid #343434; padding:5px 10px;}
.page_list a:hover,.page_list b{border-color:rgba(0,104,183,1); background:rgba(0,104,183,1); color:#fff;}
/*返回顶部*/
.top{ cursor:pointer; position:fixed; bottom:80px; background:rgba(0,104,183,0.50); right:1%; font-size:60px; display:none; z-index:99;}
.top::before{font-size:60px; color:rgba(255,255,255,0.5);}
.top:hover{background:rgba(0,104,183,1.00);}
.top:hover::before{color:rgba(255,255,255,1);}
.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:999;}
.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
.sj_footer span{ width:100%; float:left; color:#333;}
.sj_footer img{ max-width:100%;}
@font-face {
		font-family:hzgb;
		src:url(../font/hzgb.ttf);
	}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #666;
	}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #666;
	}
input:-ms-input-placeholder{
	color: #666;
	}
input::-webkit-input-placeholder{
	color: #666;
	}
textarea:-ms-input-placeholder{
	color: #666;
	}
textarea::-webkit-input-placeholder{
	color: #666;
	}
.adminbuy_img img{ display:block}
.adminbuy_cn img{ max-width:100% !important; height:auto !important;display:inline-block;}
.adminbuy_cn p{text-wrap: inherit !important;}
.adminbuy_cn p span{text-wrap: inherit !important;}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
/* 资质展示 - 首页 */
/* === 资质展示（首页） === */
/* 资质展示 */
.qualify{width:100%;padding:45px 0;background:#f8f9fa;overflow:hidden}
.qualify.alt{background:#fff}
.qualify h3{text-align:center;font-size:30px;font-weight:700;color:#333;margin-bottom:5px}
.qualify h3 small{font-size:14px;font-weight:400;color:#999;margin-left:10px}
.qualify .sub{text-align:center;font-size:13px;color:#999;margin-bottom:30px;display:block}
.qualify table{width:100%;border-collapse:collapse}
.qualify td{text-align:center;padding:0 10px;vertical-align:top}
.qualify .box{background:#fff;border-radius:6px;padding:12px 10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-align:center}
.qualify .box img{width:100%;height:auto;border-radius:4px;display:block;margin:0 auto}
.qualify .box p{font-size:13px;color:#555;margin-top:8px;line-height:1.4;font-weight:500}
.qualify .box2{background:#f8f9fa;border-radius:6px;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,0.08);text-align:center}
.qualify .box2 img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px;display:block;margin:0 auto}
.qualify .box2 p{font-size:13px;color:#555;margin-top:8px;line-height:1.4;font-weight:500}
/* 返回顶部优化 */
#top{position:fixed;bottom:100px;right:20px;width:44px;height:44px;background:#1baf45;color:#fff;border-radius:50%;text-align:center;line-height:44px;font-size:22px;cursor:pointer;z-index:999;box-shadow:0 2px 8px rgba(0,0,0,0.2);display:block;transition:all 0.3s}
#top:hover{background:#0d8e36;transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.3)}
#dh.dh{display:none;width:40px;height:40px;position:relative;cursor:pointer;margin-top:8px}
#dh.dh:before,#dh.dh:after{content:"";position:absolute;left:6px;width:28px;height:3px;background:#333;border-radius:2px}
#dh.dh:before{top:10px;box-shadow:0 9px 0 #333}
#dh.dh:after{top:28px}
/* 数据展示栏 */
section.stats-bar{ display:block; width:100%; overflow:hidden; background:#fff; border-bottom:1px solid #eee;}
.stats-item{ padding:10px 0;}
.stats-item div:first-child{ transition:transform 0.3s;}
.stats-item:hover div:first-child{ transform:scale(1.1);}
/* CTA广告横幅 */
section.cta-banner{ display:block; width:100%; overflow:hidden; background:linear-gradient(135deg, #0f3460 0%, #1a1a2e 50%, #16213e 100%); position:relative;}
section.cta-banner::before{ content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events:none;}
section.cta-banner a:first-of-type:hover{ background:#15a03e!important; transform:translateY(-2px); box-shadow:0 6px 20px rgba(27,175,69,0.5)!important;}
section.cta-banner a:nth-of-type(2):hover{ border-color:#1baf45!important; color:#1baf45!important;}
/* 服务承诺 */
section.service-promise{ display:block; width:100%; overflow:hidden; background:#fff; border-top:1px solid #eee;}
section.service-promise svg{ transition:transform 0.3s;}
section.service-promise div[style]:hover svg{ transform:scale(1.15);}

@media (max-width: 1350px){.case_b{ max-width:1200px;}}

@media(max-width:768px){
.qualify{padding:10px 0 4px!important}
.qualify h3{font-size:18px!important;margin-bottom:2px!important}
.qualify h3 small{font-size:13px!important;margin-left:4px!important}
.qualify .sub{font-size:13px!important;margin-bottom:8px!important}
.qualify table,.qualify tbody,.qualify tr{display:flex;flex-wrap:wrap;width:100%;gap:0}
.qualify td{width:calc(50% - 6px)!important;padding:0!important;margin:0 3px 8px!important;box-sizing:border-box!important;display:block!important;float:left!important}
.qualify td:nth-child(odd){clear:left!important}
.qualify .box{padding:5px!important;border-radius:3px!important}
.qualify .box img{border-radius:2px}
.qualify .box p{font-size:13px!important}
.qualify .box2{padding:5px!important}
.qualify .box2 img{border-radius:2px}
.qualify .box2 p{font-size:13px!important}
#top{width:36px!important;height:36px!important;bottom:100px!important;right:8px!important;line-height:36px!important;z-index:10001!important}
#top svg{width:18px!important;height:18px!important}
#dh.iconfont.iconnav-list{font-size:0!important;width:40px;height:40px;position:relative;cursor:pointer}
#dh.iconfont.iconnav-list:before{content:""!important;position:absolute;top:10px;left:6px;width:28px;height:3px;background:#333;border-radius:2px;box-shadow:0 9px 0 #333,0 18px 0 #333}
section.stats-bar .max{padding:14px 10px!important;gap:6px!important}
.stats-item{min-width:46%!important;margin-bottom:3px!important}
section.cta-banner .max{padding:16px 15px!important}
section.cta-banner>div>div:first-child{font-size:20px!important}
section.cta-banner>div>div:nth-child(2){font-size:12px!important;margin-top:6px!important;line-height:1.5!important}
section.cta-banner a{padding:8px 16px!important;font-size:13px!important;margin:2px!important;border-radius:25px!important}
section.service-promise .max{gap:6px!important;padding:10px 5px!important}
section.service-promise div[style]{min-width:45%!important; max-width:none!important;}
.head_line{display:none!important}
header.header .head_b{padding:8px 15px!important}
.header .logo{max-width:72%!important;margin:0!important}
.header .logo img{height:38px!important}
.header .contact{display:none!important}
#dh.dh{display:block!important;margin-top:2px!important}
nav{position:absolute;top:0;left:0;z-index:998;width:100%;overflow:hidden;background:none!important;pointer-events:none!important}
.nav{position:absolute;float:left;background:rgba(0,104,183,0.5);z-index:20;right:0;width:45%;display:block;margin:0;pointer-events:auto!important}
.nav li{float:left;max-width:100%;width:100%;text-align:center}
.nav li a{color:#fff;float:left;width:100%;font-size:14px;padding:0;line-height:44px}
section.search{padding:6px 0!important}
.search .hotword{max-width:100%!important;float:none!important;text-align:center;line-height:28px!important;height:auto!important;font-size:12px!important}
.search .find{display:none!important}
section.products{padding:15px 0!important}
.pro_l{max-width:100%!important;float:none!important;margin-bottom:8px!important}
.pro_l_title{text-align:center!important;padding:8px 15px!important}
.pro_l_title p.title{font-size:16px!important}
.pro_l ul{background:none!important;padding:4px 0!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:center!important}
.pro_l li{width:auto!important;max-width:none!important;margin:0!important;background:#1baf45!important;padding:5px 12px!important;border-radius:3px;float:none!important}
.pro_l li .pro_title{padding-left:0!important;font-size:12px!important;color:#fff!important;white-space:normal!important;float:none!important}
.pro_l li:hover{background:#1baf45!important;opacity:0.85!important}
.pro_l .contact{display:none!important}
.pro_r{max-width:100%!important;float:none!important;margin-top:10px!important;padding:0!important}
.pro_r .column{margin:8px 0!important}
.pro_r ul{display:flex!important;flex-wrap:wrap!important;gap:6px!important;float:none!important}
.pro_r ul li{max-width:calc(50% - 3px)!important;width:100%!important;margin:0!important;border-radius:4px;overflow:visible;float:none!important}
.pro_r ul li .picture{float:none!important;width:100%!important}
.pro_r ul li .picture img{width:100%!important;height:110px!important;object-fit:cover!important;display:block!important}
.pro_r ul li .title{height:auto!important;line-height:1.4!important;font-size:12px!important;padding:8px 0!important;white-space:normal!important;overflow:visible!important}
section.slogan .max{padding:14px 15px!important;flex-direction:column;text-align:center}
.slogan-left{padding-right:0!important;margin-bottom:10px!important;min-width:auto!important;width:100%!important}
.slogan-left div:first-child{font-size:20px!important}
.slogan-left>div:nth-child(3){font-size:13px!important;line-height:1.6!important;max-width:100%!important}
.slogan-right{width:100%!important;justify-content:center!important;padding:10px 16px!important;gap:10px!important;box-sizing:border-box!important}
.slogan-right svg{width:30px!important;height:30px!important}
.slogan-right>div>div:first-child{font-size:13px!important}
.slogan-right>div>div:last-child{font-size:22px!important}
section.case{padding:0 0 8px!important}
.case .often{margin:12px auto 6px!important;padding:0!important}
.case .often .title{font-size:18px!important}
.case .often .text{font-size:12px!important}
.case .often .picture{display:none!important}
.case_b{display:flex!important;flex-wrap:wrap!important;gap:6px!important;padding:0 5px!important}
.case_b li{max-width:calc(50% - 3px)!important;width:100%!important;margin:0!important;border-radius:4px;overflow:hidden;float:none!important}
.case_b li .picture{float:none!important;width:100%!important}
.case_b li .picture img{width:100%!important;height:110px!important;object-fit:cover!important;display:block!important}
.case_b li .title{font-size:12px!important;line-height:1.4!important;height:auto!important;padding:6px 4px!important;overflow:visible!important;position:relative!important;border:none!important;color:#333!important;background:rgba(255,255,255,0.9)!important}
.stats-item div:first-child{font-size:24px!important}
.stats-item div:first-child span{font-size:12px!important}
.stats-item div:nth-child(2){font-size:13px!important}
section.about{padding-bottom:12px!important}
.about .often{margin:12px auto 6px!important}
.about .often .title{font-size:18px!important}
.about .often .text{font-size:12px!important}
.about .often .picture{display:none!important}
.about_b .picture{max-width:100%!important;float:none!important;text-align:center}
.about_b .picture img{max-height:160px!important;width:auto!important;margin:0 auto}
.about_b .content{max-width:100%!important;float:none!important;margin-top:8px!important;padding:0 10px!important}
.about_b .content .title{text-align:center!important;font-size:16px!important}
.about_b .content .intro{font-size:13px!important;line-height:1.7!important}
section.slogan_2 .max{flex-direction:column;text-align:center;padding:14px 15px!important;gap:10px!important}
section.slogan_2>div>div:first-child>div:first-child{font-size:16px!important;margin-bottom:10px!important}
section.slogan_2>div>div:first-child>div:nth-child(2){gap:8px!important}
section.slogan_2>div>div:first-child>div:nth-child(2)>div{min-width:calc(50% - 4px)!important;flex:1 1 auto!important;padding:10px 8px!important}
section.slogan_2>div>div:first-child>div:nth-child(2)>div svg{width:24px!important;height:24px!important}
section.slogan_2>div>div:first-child>div:nth-child(2)>div>div:first-child{font-size:15px!important;color:#fff!important}
section.slogan_2>div>div:first-child>div:nth-child(2)>div>div:last-child{font-size:12px!important;color:rgba(255,255,255,0.85)!important}
section.slogan_2>div>div:last-child{width:100%!important;min-width:auto!important;text-align:center!important;margin-top:8px!important}
section.slogan_2>div>div:last-child>div:first-child{font-size:12px!important}
section.slogan_2>div>div:last-child>div:nth-child(2){font-size:22px!important}
section.slogan_2>div>div:last-child>div:nth-child(3){font-size:12px!important}
section.news{padding:8px 0!important}
.news .often{margin:8px auto 4px!important}
.news .often .title{font-size:18px!important}
.news_b{padding:6px 5px!important}
.news_l{max-width:100%!important;width:100%!important;margin-right:0!important;margin-bottom:12px!important;float:none!important}
.news_l:last-child{margin-bottom:0!important}
.news_l .q-header .more{display:none!important}
.news_l .show .picture{max-width:85px!important}
.news_l .show .picture img{height:65px!important;object-fit:cover!important}
.news_l .show .content{max-width:calc(100% - 95px)!important}
.news_l .show .content .title{font-size:13px!important;white-space:normal!important}
.news_l .show .content .text{font-size:13px!important;margin-top:2px!important;max-height:28px!important;line-height:1.4!important}
.news_l .show .content time{font-size:13px!important}
.news_li li{padding:6px 0!important}
.news_li li a{font-size:13px!important;white-space:normal!important;line-height:1.5!important}
.issue li .text{font-size:13px!important}
.issue li .que .text{font-size:13px!important;height:auto!important;max-height:none!important}
section.cta-banner>div>div:nth-child(3){margin-top:12px!important;gap:8px!important}
section.cta-banner a:first-child svg{width:14px!important;height:14px!important}
section.service-promise>.max>div{min-width:calc(33.33% - 4px)!important;max-width:calc(33.33% - 4px)!important;padding:10px 5px!important;box-sizing:border-box!important}
section.service-promise svg{width:24px!important;height:24px!important}
section.service-promise>.max>div>div:first-child{font-size:13px!important;margin-top:4px!important}
section.service-promise>.max>div>div:nth-child(2){font-size:13px!important;line-height:1.4!important}
footer.footer{padding:15px 0 70px!important}
.footer .max{flex-direction:column!important;text-align:center!important;padding:0 15px!important}
.footer .logo{max-width:100%!important;border:none!important;padding:10px 0!important;float:none!important}
.footer .logo img{max-height:40px!important;margin:0 auto;display:block}
.footer .contact{max-width:100%!important;float:none!important;text-align:center!important;padding:5px 0!important;border:none!important;line-height:1.8!important;font-size:13px!important}
.footer .code{max-width:100%!important;float:none!important;text-align:center!important;padding:5px 0!important;margin:0!important}
.footer .code .picture{float:none!important;text-align:center!important}
.footer .code .picture img{max-width:72px!important}
.footer .code .title{float:none!important;text-align:center!important;font-size:13px!important;margin-top:6px!important}
footer.footer>div[style]{max-width:100%!important;box-sizing:border-box!important;padding:8px 15px!important;font-size:13px!important}
.sj_footer{display:flex!important;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;width:100%;background:#fff;border-top:1px solid #ddd;z-index:9999;padding:4px 0}
.sj_footer a{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px;text-decoration:none}
.sj_footer span:first-child{width:40px;height:40px;display:block}
.sj_footer span:first-child img{width:100%;height:100%;object-fit:contain;display:block}
.sj_footer span:last-child{font-size:13px;color:#555;display:block;margin-top:2px}
.max{padding-left:2% !important; padding-right:2% !important; box-sizing:border-box;}
.head_line .text{display:none;}
.header{padding:0px;}
.header .pledge{display:none;}
.banner li img,.banner{height:300px !important;}
.lef_rig span{display:none;}
.slogan .picture{display:none;}
.slogan .content{max-width:100%;}
.slogan .content .intro{width:100%; text-align:center;}
.slogan .contact{float:left; width:100%; max-width:100%; justify-content:center; margin-right:0px; margin:20px 0px 10px 0px;}
.slogan .contact img{display:none;}
.slogan .contact .tel{text-align:center;}
.slogan .content .title{max-width:100%; text-align:center; width:100%;}
.slogan .content .text{text-align:center; max-width:100%; margin:0px; width:100%;}
.slogan .content .text p{float:left; width:100%; text-align:center;}
.about_b .content .text{text-align:center;}
.list_l{max-width:100%;display:none!important;float:none!important;margin:0!important}
.page_r{max-width:100%; width:100%;float:none!important;}
.page_address{margin-bottom:10px;}
.page{padding:2px 2px 2px 2px;}
.pro_list .max{display:flex; flex-wrap:wrap; gap:20px;}
.pro_list .max > .list_l{display:none!important;}
.pro_list .max > .page_r{flex:1; min-width:0;}
.news_list .page_r li{max-width:100%; width:100%;}
.news_list .page_r li .picture{max-width:100%; width:100%;}
.news_list .page_r li .picture img{height:auto;}
.news_list .page_r li .content{max-width:100%; width:100%; margin-top:20px; padding:0 2%; box-sizing:border-box;}
.news_list .page_r li .content .more{float:none; display:block;}
.page_list{margin:20px auto; text-align:center;}
.pro_list .page_r{width:100%;}
}

@media(min-width:769px){#dh.dh{display:none!important}}

@media (max-width: 425px){.header .logo img{ max-height:40px;}
	.banner li img,.banner{ height:180px !important;}
	.lef_rig span{ display:none;}
	.often .title{ font-size:24px;}
	.often .picture img{ max-height:48px;}
	.head_line .text{ display:none;}
	.head_b{ padding:24px 0px 24px 0px}
	.head_line{ display:none;}
	.search .find{ display:none;}
	.search .hotword{ max-width:100%;}
	.pro_l{ max-width:100%;}
	.pro_l ul{ background:none; padding:0px;}
	.pro_r .column{ margin:30px 0px 15px 0px;}
	.pro_r{ max-width:100%; margin-top:20px;}
	.slogan .content .title{ font-size:20px;}
	.slogan .contact{ margin:10px 0px;}
	.super_title{margin-bottom:0px;}
	.super_b .picture{ display:none;}
	.super_b .content{ max-width:100%; margin-top:20px;}
	.about_b .content{ margin-top:15px;}
	.about_b .content .title{ font-size:20px;}
	.news_l{ max-width:100%; width:100%; margin-bottom:30px;}
	.news_l .show .content{ margin-top:10px;}
	.often{ margin:40px auto;}
	.often .title{ font-size:20px;}
	.footer .logo{ margin-top:0px;}
	footer.footer{padding:20px 0px 77px 0px;}}

@media (max-width: 375px){.header .logo img{ max-height:40px;}
	.often{ margin:40px auto 30px auto}
	.head_b{padding:10px 0px;}
	.head_line .max *{font-size:12px;}}

@media (max-width: 320px){.banner li img,.banner{ height:150px !important;}}