* {word-break:break-all;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Lucida Grande",Helvetica,Arial,Verdana,"Microsoft YaHei";}
body {margin:0;font-size:.26rem;color:#333333;}
ul li {list-style-type:none;}
ol li {list-style-type:decimal;}
ul,form {margin:0px;padding:0px;}
form {margin:0px;}
td {font-size:.26rem;}
img {border:none;}
a:link,a:visited,a:active,a:hover {color:#333333;text-decoration:none;}
a.b:link,a.b:visited,a.b:active,a.b:hover{text-decoration:none;color:#007AFF;}
a,button,input{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
input,textarea,select {outline:none;}

a,blockquote,body,button,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}
body{background:#fff;font-family:PingFang sc,Microsoft YaHei,Helvetica;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
a,a:active,a:focus,a:hover,a:visited{text-decoration:none}
a,img{-webkit-touch-callout:none}
li,ol,ul{list-style:none}
input[type=password],input[type=text],textarea{outline:0;background:#fff;white-space:pre-wrap;word-wrap:break-word;resize:none;-webkit-appearance:none}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:""}
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}



.b10 {height:.2rem;clear:both;overflow:hidden;width:100%}
.b60 {height:1.2rem;clear:both;overflow:hidden;width:100%}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.blank16 {height:.16rem;clear:both;overflow:hidden;width:100%; background:#f5f5f5;}
.blank52 {height:52px;clear:both;overflow:hidden;width:100%}
.blank_m_header { height:2.38rem;clear:both;overflow:hidden;width:100%}
.blank_foorer { height:1.2rem;clear:both;overflow:hidden;width:100%}


/*===========================*/



.m_header { position: fixed; top:0; z-index:1000; width:100%; background:#fff;}

.head_itle { border-top:.08rem solid #258407; height:.9rem; line-height:.9rem; line-height:.9rem; font-size:.32rem; text-align:center; font-weight:700; color:#252525;}
.top_nav { overflow:hidden; height: 1.4rem;}
.top_nav ul li { width:25%; height:.7rem; line-height:.7rem; text-align:center; float:left; background:#258407; box-sizing:border-box; border-right:1px solid #fff; border-bottom:1px solid #fff; font-size:.25rem;}
.top_nav ul li:nth-child(4n+4) { border-right:none;}
.top_nav ul li a { color:#fff; display:block;}

.m-focus{width:100%;overflow:hidden;z-index:1 }
.m-focus-box{overflow:hidden;margin:0 auto;position:relative;}
.m-focus{display: block;overflow: hidden;position: relative;}
.m-focus .m-focus-box { margin: 0 auto;overflow: hidden;position: relative;backface-visibility: hidden;}
.m-focus .m-focus-box .swiper-wrapper li { width:100%; height:3.5rem;display: flex;justify-content: center;overflow: hidden;}
.m-focus .m-focus-box .swiper-wrapper img { width:auto; height:3.5rem;display: block;}
.m-focus .swiper-container { display: none;}
.m-focus-box .b-menu{text-align: center;position: absolute;width: 100%;left: 0;bottom:.16rem;z-index: 10;}
.swiper-pagination-bullet {display: inline-block;border-radius: 100%;background:none;cursor:pointer;margin: 0 .1rem;width:.2rem;height:.2rem;background:rgb(255 255 255/.8);}
.swiper-pagination-bullet-active {opacity: 1;background:#258407;width:.2rem;height:.2rem;}

.m_search { height:1rem; background:#258407; padding:.16rem .8rem; border-top:.16rem solid #f5f5f5; box-sizing:border-box;}
.m_search input { height:.54rem; float:left;}
.m_search input.se_1 { padding:0 .2rem; border-radius:.06rem; width:75%;color:#666;}
.m_search input.se_2 { width:.9rem; background:url(img/ss.png) no-repeat center; float:right;}

.com-bar{position:fixed;z-index:999;bottom:0;background:#258407;width:100%;display:block}
.com-bar ul{overflow:hidden}
.com-bar li{float:left;width:25%; height:1.1rem; text-align:center}
.com-bar li i{margin: auto;display: block;width:.4rem;height:.4rem;margin-top:.12rem;background-size:100% 100%;background-repeat:no-repeat;}
.com-bar .btn-back i{background-image:url("img/fix-back.png")}
.com-bar .btn-sell i{background-image:url("img/icon-action.png")}
.com-bar .btn-qq i{background-image:url("img/onlinewpa.png")}
.com-bar .btn-tel i{background-image:url("img/fix-tel.png")}

.com-bar .btn-WeChat i {background-image:url("img/202207270929.png")}



.com-bar li a{ display: inline-block;  color: #f7f7f7; font-size: .26rem;text-align: center;margin-top:.1rem}
.com-bar .btn-chat{float:right;color:#fff;background:#147b47;text-align:center;line-height:1.1rem;width:44%}
.com-bar .btn-chat a{display:block;color:inherit;font-size:.32rem;}
.com-bar-blank{height:1.1rem;overflow:hidden;width:100%}

.m_title { text-align:center; margin:.4rem 0 .5rem; position:relative;}
.m_title:after { content:""; display:block; width:100%; height:.04rem; background:#888; position:absolute; top:.22rem;}
.m_title strong { font-size:.34rem; font-weight:400; display:inline-block;  background:#fff; position:relative; z-index:10; padding:0 .8rem;}
.m_title span { display:block; width:.3rem; height:.3rem; background:#fff; margin:.04rem auto 0; text-align:center; line-height:.3rem; color:#ccc; border:1px solid #ccc; box-sizing:border-box;}

.m_main { overflow:hidden; border-top:.16rem solid #f5f5f5;}
.m_main ul { padding:0 .2rem; overflow:hidden;}
.m_main ul li { float:left; width:32%; margin:.2rem 2% 0 0; border:1px solid #ccc; box-sizing:border-box;}
.m_main ul li:nth-child(3n+3) { margin-right:0;}
.m_main ul li .image { width:100%; box-sizing:border-box; padding:.1rem;}
.m_main ul li .image img { width:100%;}
.m_main ul li p { line-height:.6rem; font-size:.24rem; color:#252525; padding:0 .1rem; border-top:1px solid #ccc;}

.m_introduce { width:100%; padding:0 .2rem .3rem; box-sizing:border-box;}
.m_introduce img { display:block; margin:.2rem auto; max-width:90%;}
.m_introduce { font-size:.26rem; color:#333; line-height:.5rem; }
.introduce_intro { padding:0 .2rem;}
.introduce_intro table tr td { color:#666; padding:.1rem;}
.introduce_intro table tr td:nth-child(1) { font-weight:700;}



.content {overflow: hidden; padding:0 .2rem .3rem;}
.contenttxt{ line-height:.5rem!important;font-size:.26rem!important;color:#666!important;font-family:"Microsoft YaHei"!important}
.contenttxt ul { width:100%!important;}
.contenttxt img { max-width:90%;margin:.3rem auto; display:block;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:.28rem!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important;line-height:.5rem!important;color:#666!important;}
.contenttxt td{padding-left:.3rem!important;}

.m_news { overflow:hidden;}
.m_news dd { border-bottom:1px dashed #eee; line-height:.9rem; overflow:hidden; font-size:.26rem; padding:0 .2rem;}
.m_news dd:before { content:""; display:block; float:left; margin: .3rem 0 0 0;border-width: .16rem;border-style: solid;border-color: transparent transparent transparent #258407;}
.m_news dd a { float:left; display:block; max-width:70%;}
.m_news dd span { float:right; color:#999;}



.news_title { font-size:.3rem; color:#333; margin:.3rem 0; text-align:center;}
.news_info { color:#999; font-size:.2rem; text-align:center;margin-bottom:.6rem;}



.m_top { height:.6rem; background:#258407; border-top:.8rem solid #f5f5f5; padding:0 .2rem;}
.m_top a { float:right; color:#fff; font-size:.44rem;}
.m_top a:after { content:""; display:block; float:right; margin: .1rem 0 0 .1rem;border-width: .16rem;border-style: solid;border-color: transparent transparent #fff transparent;}

.contact_us { text-align:center; padding:.3rem}

.m_menu { overflow:hidden; padding:.1rem 0; border-bottom:.16rem solid #f5f5f5;}
.m_menu li { float:left; width:33.333333%; line-height:.6rem; height:.6rem; text-align:center;}


.list_box_1 { padding:.2rem .1rem; overflow:hidden;}
.list_box_1 ul li { float:left; width:50%; padding:.1rem; box-sizing:border-box; text-align:center;}
.list_box_1 ul li a { display:block; border:1px solid #ccc;}
.list_box_1 ul li .image { width:100%; box-sizing:border-box; padding:.1rem;}
.list_box_1 ul li .image img { width:100%;}
.list_box_1 ul li p { line-height:.6rem; font-size:.24rem; color:#252525; padding:0 .1rem; border-top:1px solid #ccc;}

.list_box_2 { overflow:hidden;}
.list_box_2 ul li { overflow:hidden; border-top:.16rem solid #f5f5f5; padding:.3rem .2rem;}
.list_box_2 ul li h2 { font-size:.26rem; font-weight:400;}
.list_box_2 ul li p { font-size:.24rem; margin-top:.2rem;}
.list_box_2 ul li p span { margin-right:.2rem; color:#999;}



.album { padding: .2rem;display: block;margin: 0 auto;}
.info { padding: .2rem;}

.show_title { height:.9rem; line-height:.9rem; margin:0 .2rem; border-bottom:1px solid #e6e6e6; border-top}
.show_title span { font-size:.3rem;}
.show_title span:before { content:""; display:block; width:.04rem; height:.3rem; background:#258407; float:left; margin:.3rem .12rem 0 0;}

.title_16 { font-size:.3rem; padding:0 .2rem; margin:.2rem 0;}





/*=======================================*/

.contact {padding:.2rem .3rem;font-size:.28rem;line-height:200%;}
.content {font-size:.3rem;line-height:180%;padding:.2rem .3rem;border-bottom:#D9D9D9 1px solid;}
.content img {max-width:98%;height:auto;}
.content table {max-width:98%;height:auto;}
.content a {color:#007AFF;}


.list-set {background:#FFFFFF;border-top:#D9D9D9 1px solid;border-bottom:#D9D9D9 1px solid;font-size:18px;}
.list-set li {background:#FFFFFF;}
.list-set div {margin-left:15px;height:44px;line-height:44px;padding:0 36px 0 0;overflow:hidden;border-top:#D9D9D9 1px solid;background:url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-set a {display:block;width:100%;height:44px;}
.list-set em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;color:#FFFFFF;font-style:normal;background:#FF0000;border-radius:10px;margin-top:14px;}
.list-set span {float:right;font-size:14px;color:#333333;padding-left:10px;}
.list-set li:first-child div {border:none;}

.list-set input,.list-set select {border:#EEEEEE 1px solid;border-radius:0;-webkit-appearance:none;padding:4px;font-size:14px;}

.list-set-img div {margin-left:50px;}
.list-set-img img {width:24px;height:24px;position:absolute;z-index:8;margin:10px 0 0 -36px;}

.list-txt {border-top:#D9D9D9 1px solid;font-size:16px;}
.list-txt li {height:44px;line-height:44px;padding:0 30px 0 15px;overflow:hidden;border-bottom:#D9D9D9 1px solid;background:#FFFFFF url('img/list-set.png') no-repeat right center;background-size:23px 13px;}
.list-txt a {display:block;width:100%;height:44px;}
.list-txt span {float:right;font-size:11px;color:#6D6D72;padding-left:10px;}

.list-img {height:84px;background:#FFFFFF;overflow:hidden;clear:both;border-bottom:#D9D9D9 1px solid;padding:0 12px;}
.list-img img {float:left;margin:12px 12px 0 0;}
.list-img ul {margin:12px 0 0 0;}
.list-img li {height:30px;line-height:30px;overflow:hidden;}
.list-img strong {font-size:16px;display:block;width:100%;font-weight:normal;}
.list-img strong span {font-size:16px;}
.list-img em {font-size:12px;color:#666666;font-style:normal;}
.list-img i {font-size:12px;color:#F23030;font-style:normal;float:right;}
.list-img span {font-size:12px;color:#666666;}
.list-img .price {font-size:12px;color:#FF0000;}
.list-img .vip {background:url('img/icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:15px;}
.list-img .check {float:right;width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:20px 20px;}
.list-img .checked {float:right;width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:20px 20px;}
.list-img .sheet {float:right;width:32px;height:30px;background:url('img/icon-sheet.png') no-repeat center center;background-size:20px 20px;}

.list-user {height:32px;overflow:hidden;padding:0 16px;margin-top:10px;}
.list-user img {float:left;}
.list-user ul {position:absolute;left:58px;right:16px;}
.list-user li {line-height:16px;color:#999999;}
.list-user span {float:right;font-size:12px;}
.list-user em {font-size:11px;font-style:normal;}

.list-inp {background:#FFFFFF;padding:0 16px;}
.list-inp div {width:100%;height:44px;line-height:44px;font-size:16px;}
.list-inp input[type="text"],.list-inp input[type="password"],.list-inp input[type="number"],.list-inp input[type="tel"],.list-inp input[type="email"] {width:98%;height:24px;line-height:24px;border:none;padding:0;margin:10px 0 0 0;font-size:16px;}

.list-btn {padding:0 16px;}

.list-pay {background:#FFFFFF;border-top:#D9D9D9 1px solid;border-bottom:#D9D9D9 1px solid;font-size:18px;}
.list-pay li {background:#FFFFFF;}
.list-pay div {margin-left:50px;height:44px;line-height:44px;overflow:hidden;border-top:#D9D9D9 1px solid;}
.list-pay em {display:block;height:16px;line-height:16px;padding:0 6px;float:right;font-size:12px;margin-top:7px;}
.list-pay span {float:right;font-size:12px;color:#666666;}
.list-pay li:first-child div {border:none;}
.list-pay img {width:24px;height:24px;position:absolute;z-index:9;margin:10px 0 0 -36px;border-radius:4px;}
.list-pay .check {width:32px;height:30px;background:url('img/icon-check.png') no-repeat center center;background-size:24px 24px;}
.list-pay .checked {width:32px;height:30px;background:url('img/icon-checked.png') no-repeat center center;background-size:24px 24px;}

.list-tab {padding:16px;background:#FFFFFF;}
.list-tab ul {border:#444444 1px solid;border-radius:4px;height:24px;line-height:24px;font-size:12px;text-align:center;display:-moz-box;display:-webkit-box;display:box;}
.list-tab li {border-right:#444444 1px solid;color:#444444;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;}
.list-tab li:last-child {border-right:none;}
.list-tab span {color:#444444;display:block;width:100%;height:100%;}
.list-tab .on {background:#444444;color:#FFFFFF;}
.list-tab .on span {color:#FFFFFF;}

.list-menu {background:#FFFFFF url('img/bg-menu.png') repeat-x 0 bottom;height:44px;overflow-x:auto;font-size:16px;}
.list-menu ul {width:10000px;padding:0 10px;}
.list-menu li {height:42px;line-height:42px;padding:0 10px;border-bottom:#EFEFF4 2px solid;float:left;}
.list-menu .on {border-bottom:#007AFF 2px solid;color:#007AFF;}

.list-empty {padding:40px 20px;line-height:200%;background:#FFFFFF;text-align:center;}



.foot-bar-fix {height:48px;clear:both;}
.foot-bar {width:100%;height:48px;overflow:hidden;background:#F8F8F8;border-top:#B2B2B2 1px solid;position:fixed;z-index:9;left:0;bottom:0;-webkit-user-select:none;}
.foot-bar li {width:25%;height:48px;float:left;text-align:center;font-size:11px;}
.foot-bar span {display:block;padding-top:32px;}
.foot-bar em {font-style:normal;font-size:10px;position:relative;z-index:10;display:block;width:5px;height:5px;left:50%;margin:-38px 0 0 8px;background:#FF0000;border:1px solid #F43531;border-radius:5px;}
.foot-bar .icon-home {background:url('img/icon-home.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home-on {background:url('img/icon-home-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel {background:url('img/icon-channel.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-channel-on {background:url('img/icon-channel-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my {background:url('img/icon-my.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-my-on {background:url('img/icon-my-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more {background:url('img/icon-more.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-more-on {background:url('img/icon-more-on.png') no-repeat center 5px;background-size:24px 24px;}
.foot-bar .icon-home span,.foot-bar .icon-channel span,.foot-bar .icon-my span,.foot-bar .icon-more span {color:#7A7E83;}
.foot-bar .icon-home-on span,.foot-bar .icon-channel-on span,.foot-bar .icon-my-on span,.foot-bar .icon-more-on span {color:#007AFF;}



/*标题样式*/
.i_title { line-height:.8rem;font-size:.38rem; display: flex;align-items: center;justify-content: center;}
.i_title strong { display:inline-block; color:#258407; margin:0 .4rem;}
.i_title:before,
.i_title:after { content:''; display:block; width:26%; height:1px; background:#ddd;}
.i_more { margin-top:.2rem;}
.i_more a { width: 100%;height: .88rem;line-height:.88rem;margin: 0 auto;display: block;text-align: center;border: 1px solid #ddd; font-size:.3rem;}

/*优秀案例*/
.photo_sec { padding:.4rem .16rem; background:#258407; overflow:hidden;}
.photo_sec .i_title strong { color:#fff;}
.photo_swiper { overflow:hidden; margin-top:.4rem;}
.photo_swiper .swiper-slide a { display:block; box-sizing:border-box; background:#fff; padding:.16rem; text-align:center;}
.photo_swiper .swiper-slide .image { width:100%;}
.photo_swiper .swiper-slide .image img { width:100%;}
.photo_swiper .swiper-slide h2 { font-size:.28rem; color:#333; font-weight:400; line-height:.6rem;}
.photo_swiper .swiper-slide p { font-size:.24rem; color:#999; line-height:.38rem; height:1.14rem; overflow:hidden;}
.photo_swiper .photo_menu { width:100%; text-align:center; margin-top:.4rem;}
.photo_swiper .photo_menu ul { display:inline-block;}
.photo_swiper .photo_menu span { display:block; width:10px; height:10px; margin:0 .1rem; border-radius:50%; background:#fff; float:left;}
.photo_swiper .photo_menu span.swiper-pagination-bullet-active { background:#0092de;}
.photo_sec .i_more a { background:#fff;}




/*公司优势*/
.m_gsys_sec { padding:.6rem 0 .4rem; overflow: hidden;}
.m_gsys_title { text-align:center; background:#258407; padding-top:.4rem; position:relative;height: 2rem;}
.m_gsys_title:before { content: "";display: inline-block;border-style: solid;border-width: .8rem 4rem .8rem 4rem;border-color: #258407 transparent transparent transparent;transform: translate(-50%,0);position: absolute;left: 50%;top: 2.38rem;}
.m_gsys_title h3 { font-size:.56rem; color:#fff; display:block;}
.m_gsys_title span { font-size:.22rem; color:rgb(255 255 255/.9); line-height:.4rem; display:inline-block; border-top:1px solid rgb(255 255 255/.1); border-bottom:1px solid rgb(255 255 255/.1); margin:.16rem 0 .06rem;}
.m_gsys_title p { color:rgb(255 255 255/.9);font-size:.44rem;}

.m_gsys_sec ul { padding: 1.6rem .2rem .4rem;}
.m_gsys_sec ul li { }
.m_gsys_sec ul li img { width:100%;}
.m_gsys_sec ul li .text { line-height:.38rem;}
.m_gsys_sec ul li .text h3,
.m_gsys_sec ul li .text h5 { display:block;}
.m_gsys_sec ul li .text h3 { font-size:.42rem; color:#258407; line-height:.64rem;}
.m_gsys_sec ul li .text h3 i { display:inline-block; width:.6rem; height:.6rem; line-height:.6rem; text-align:center; background:#258407; border-radius:50%; float:left; color:#fff;margin: 0.04rem 0.16rem 0 0;}
.m_gsys_sec ul li .text h5 { font-size:.28rem; margin:.1rem 0; color:#333;}
.m_gsys_sec ul li .text p { font-size:.24rem; color:#666; margin-top:.1rem}