﻿html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, code, em, img, q, small, strong, dd, dl, dt, li, ol, ul, fieldset, form, label, table, tbody, tr, th, td, input { margin: 0; padding: 0; color: #256102; font-size: 62.5%; }
p { font-size: 1.4rem; }
body { width: 100%; max-width: 600px; margin: 0px auto; font-size: 1.2rem; font-family: Microsoft YaHei, Arial, Helvetica, sans-serif, simsun, 宋体; background-color: #F5F5F5; }
a, a:link, a:visited { text-decoration: none; color: #333; }
em, i { font-style: normal; }
li { list-style: none; }
img { border: none; max-width: 100%; }
.clear { clear: both; }
.center { text-align: center; }
.red { color: #f00; }
.wrap { width: 100%; position: relative; height: auto; overflow: hidden; }
.white { background: #fff; }
.gray { background: #f2f2f2; }
.fl { float: left; }
.fr { float: right; }
.pb20 { padding-bottom: 20px; }
.mt10 { margin-top: 10px; margin-bottom: 10px; }
/*版块标题*/
.headtion { width: 100%; text-align: center; margin: 0 auto; padding:30px 0 20px; position: relative; }
.headtion .tit { font-size: 2rem; color: #368f02; font-weight: bold; }
.headtion .tit.colorfff { color: #63bd38; }
.headtion .pline { color: #368f02; font-size: 1.6rem; margin-top: 20px; }

/*版块下方按钮*/
.buttomSrc { text-align: center; }
.buttomSrc a, .buttomSrc button { background: transparent; display: block; width: 90%; margin: 10px auto; height: 40px; border-radius: 30px; border: 1px solid #368f02; color: #fff; line-height: 40px; text-decoration: none; -webkit-transition: all .1s linear; transition: all .1s linear; background: #368f02; font-size: 1.8rem; }
.buttomSrc a { height: 38px; line-height: 38px; }

/*----------------------------header-----------------------------*/
.top { height: 53px; position: relative; background: #fff; }
.top .logo { width: 90%; float: left; display: block; height: 50px; line-height: 50px; margin-left: 1%; }
.top .logo img { vertical-align: middle; height: 45px; margin: 2.5px 0; }
.top .crollBack { width: 30px; display: block; float: left; height: 50px; background: url(../images/icons/rollback.png) no-repeat 0 8px; }
.top h2 { width: calc(100% - 80px); float: left; text-align: center; line-height: 50px; font-size: 1.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.top .hide-nav { width: 38px; height: 53px; position: absolute; right: 5px; top: 0px; display: block; background: url(../images/icons/home.png) no-repeat 0 10px; background-size: 100%; }
/*----------------------------banner-----------------------------*/
.banner { width: 100%; position: relative; overflow: hidden; }
.banner img { width: 100%; height: 100%; }
.activ-tit { position: absolute; top: 50px; left: 50%; margin-left: -120px; z-index: 1; width: 200px; text-align: center; padding: 15px 25px; background: #fff; opacity: 0.8; }
.activ-tit strong { font-size: 1.8rem; color: #368f02; }
.activ-tit span { display: block; width: 100%; color: #368f02; position: relative; }
.activ-tit span.zixun { background: #368f02; height: 28px; line-height: 28px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin-top: 20px; color: #fff; }
/*content*/
.about { background: #fff; padding: 0 2%; padding-bottom: 15px; box-sizing: border-box; margin: 0 auto; }
.jianjie { font-size: 1.5rem; line-height: 24px; }
.honor .swiper-slide{ width:60%;}
.honor .swiper-slide img{ display:block; width:100%; height:150px;}

.team .swiper-slide{ width:60%;}
.team .swiper-slide img{ display:block; width:100%; height:150px;}

#map{margin:0 auto;margin-top:20px  !important;}
.lianxi{font-size:1.6rem;line-height:24px;width:96%;margin-top:5px; background:#fff;padding:2%;}
.lianxi strong{font-size:1.7rem;display:block;}
/*-----------------------------nav--------------------------------*/
.nav ul li { display: block; float: left; width: 33.33%; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #368f02; font-size: 2rem; border-right: 1px solid #4dbd0c; box-sizing: border-box; }
.nav ul li a { display: block; color: #fff; }
.nav ul li:nth-of-type(3) { border-right: none; }
.nav ul li:nth-of-type(4) { border-top: 1px solid #4dbd0c; }
.nav ul li:nth-of-type(5) { border-top: 1px solid #4dbd0c; }
.nav ul li:nth-of-type(6) { border-top: 1px solid #4dbd0c; border-right: none; }
/*----------------------------服务项目-----------------------------*/
.project_box ul { padding: 10px 0; }
.project_box ul li { width: 31%; margin: 0 1%; float: left; }
.project_box ul li img { border-radius: 50%; width:26vw;height:26vw; margin-left: 5%; box-shadow: 5px 5px 5px #aaa; border: 2px solid #3caa05; }
.project_box ul li span { display: block; text-align: center; width: 100%; line-height: 36px; font-size: 12px; }
/*----------------------------免费获取报价-----------------------------*/
.baojia { background: url(../images/bjbg.jpg) no-repeat; background-size: cover; }
.baojia h3 { font-weight: 600; font-size: 2rem; color: #368f02; line-height: 2.4; text-align: center; margin-top: 10px; }
.baojia span { display: block; text-align: center; font-size: 1.6rem; color: #368f02; }
.baojia ul { padding: 15px; }
.baojia ul li { margin: 10px 0; }
.baojia input[type="text"] { width: calc(100% - 12px); border: 1px solid #c3c3c3; height: 30px; line-height: 30px; padding: 5px; }
#btnSubmit { width: 100%; height: 40px; line-height: 40px; background: #368f02; color: #fff; border: none; font-size: 1.6rem; }
#formInfo span { width: 45%; text-align: right; margin-top: -35px; position: relative; float: right; color: #368f02; margin-right: 10px; }
/*----------------------------优势对比-----------------------------*/
.main5 ul { width: 49%; }
.main5 ul h2 { border-bottom: 2px solid #fff; line-height: 50px; text-align: center; }
.main5 ul.tl { background: #dcdddd; }
.main5 ul.dq { background: #F6F6F6; }
.main5 ul li { float: left; height: 100px; padding: 20px 5px; width: calc(100% - 10px); }
.main5 ul.dq li { border-bottom: 1px dashed #dcdddd; }
.main5 ul.tl li { border-bottom: 1px dashed #fff; }
.main5 ul li:nth-last-child(1) { border-bottom: 0; }
.main5 ul li img { width: 35px; height: 35px; float: left; margin-bottom: 24px; }
.main5 ul li h4, .main5 ul li p { float: left; width: calc(100% - 40px); margin-left: 5px; line-height: 20px; }
.main5 ul li h4 { font-size: 1.2rem; }
.main5 ul li p { font-size: 1.2rem; }
.main5 span { display: block; position: absolute; background: url(../images/icons/ico2.png) no-repeat; background-size: cover; width: 39px; height: 40px; left: calc(50% - 20px); top: calc(50% + 66px); }
/*----------------------------施工保障-----------------------------*/
.main6 ul li { width: 48%; float: left; text-align: center; background: rgba(40,40,40,0.8); background: rgb(40,40,40)\9; filter: alpha(opacity=80); margin: 3px 1%; }
.main6 ul li:hover { background: #424242; color: #fff; box-shadow: 0 0 5px #aaa; z-index: 10; }
.main6 ul li:hover em { border-color: #eee; }
.main6 ul li:nth-last-child(1) { width: 98%; }
.main6 ul li dl { padding: 10px 10px; letter-spacing: 2px; }
.main6 ul li dl dt { margin-bottom: 10px; }
.main6 ul li dl dd h4 { font-size: 16px; color: #999; }
.main6 ul li dl dd em { width: 90%; display: inline-block; margin-top: 10px; border-bottom: 1px solid #41413f; }
.main6 ul li dl dd p { height: 60px; margin-top: 10px; color: #999; font-size: 1.2rem; }
/*----------------------------合作流程-----------------------------*/
.main7 ul { background: url(../images/liucheng.jpg) 0px 10px no-repeat; background-size: 100%; height: 200px; position: relative; }
/*----------------------------案例列表-----------------------------*/
.case_list { width:100%;background: #fff; height: auto; overflow: hidden; margin-bottom: 20px; }
.case_list h2 { line-height: 40px; border-bottom: 4px solid #368f02; text-align:center;color:#368f02; font-size: 20px; }
.case_list ul { padding: 0 2%; background: #f5f5f5; height: auto; overflow: hidden; }
.case_list ul li { float: left; width: 49%; background: #fff; margin-right: 2%; margin-top: 2%; }
.case_list ul li:nth-child(2n) { margin-right: 0; }
.case_list ul li img { width: 43vw; border-radius: 70px; margin: 4%; height: 32vw; }
.case_list ul li h4 { width: 90%; font-size: 1.8rem; height: 30px; line-height: 30px; overflow: hidden; text-align: center; border-bottom: 2px solid #368f02; margin-left: 5%; }
.case_list ul li h4 a { width: 100%; height: 30px; overflow: hidden; display: block; color: #999; }
.case_list ul li p { width: 100%; font-size: 1.2rem; line-height: 30px; display: block; height: 30px; overflow: hidden; margin: 0; color: #368f02; text-align: center; }
/*----------------------------新闻资讯-----------------------------*/
.find_nav { width: 100%; height: 44px; background-color: #FFF; z-index: 9999; border-bottom: 2px solid #ddd; display: -moz-box; display: -webkit-box; display: box; margin-top: 10px; }
.find_nav_left { height: 46px; position: relative; overflow: hidden; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; }
.find_nav_list { text-align: center; }
.find_nav_list ul { position: relative; white-space: nowrap; font-size: 0; }
.find_nav_list ul li { display: inline-block; padding: 0; margin: 0; width: 100px; }
.find_nav_list ul li a { display: block; width: 100%; height: 100%; line-height: 44px; font-size: 1.6rem; text-align: center; color: #666; }
.find_nav_cur a { color: #368f02 !important; }
.find_nav_list a.active { color: #368f02; }
.sideline { display: block; position: absolute; border: 0; height: 4px; background-color: #368f02; left: 0; top: 42px; pointer-events: none; }
.li_list { height: 520px; overflow: hidden; background: #fff; }
.li_list .con_list { width: 96%; margin: 0 auto; display: block; }
.li_list .con_list dl { width: 100%; float: left; padding: 10px 0; border-bottom: 1px dashed #eee; margin: 0; }
.li_list .con_list dl:nth-last-child(1) { border-bottom: 0; }
.li_list .con_list img { width: 120px; height: 81.8px; float: left; border-radius: 70px; }
.li_list .con_list dl h2 { width: calc(100% - 130px); float: right; margin: 0; height: 25px; line-height: 25px; overflow: hidden; }
.li_list .con_list dl h2 a { width: 100%; display: block; font-size: 1.4rem; }
.li_list .con_list dl p { width: calc(100% - 130px); font-size: 1.4rem; line-height: 20px; display: block; float: right; height: 60px; overflow: hidden; margin: 0; color: #999; }
.swipe { padding: 0px 0 0 0; }
/*项目详情列表*/
.tab2{ text-align:center;border-bottom:2px solid #eee;padding:20px 0;}
.tab2 a{ display:inline-block; width:40%; height:35px; line-height:35px; text-align:center; font-size:1.4rem; color:#000000; border-radius:5px; background:#abf580; margin:5px 5px;} 
.tab2 a:hover,.tab2 a.on{ color:#fff; background:#368f02;}
/*新闻列表*/
.tab{ text-align:center;border-bottom:2px solid #eee;}
.tab a{ display:inline-block; width:100px; height:35px; line-height:35px; text-align:center; font-size:1.4rem; color:#000000; border-radius:5px; background:#abf580; margin:5px 5px;} 
.tab a:hover,.tab a.on{ color:#fff; background:#368f02;}
.con_list2 { width: 96%; margin: 0 auto; display: block; }
.con_list2 dl { width: 100%; float: left; padding: 10px 0; border-bottom: 1px dashed #eee; margin: 0; }
.con_list2 dl:nth-last-child(1) { border-bottom: 0; }
.con_list2 img { width: 120px; height: 81.8px; float: left; }
.con_list2 dl h2 { width: calc(100% - 130px); float: right; margin: 0; height: 25px; line-height: 25px; overflow: hidden; }
.con_list2 dl h2 a { width: 100%; display: block; font-size: 1.4rem; }
.con_list2 dl p { width: calc(100% - 130px); font-size: 1.4rem; line-height: 20px; display: block; float: right; height: 60px; overflow: hidden; margin: 0; color: #999; }

/*新闻详情*/
.content-text { width: 96%; background: #fff; height: auto; overflow: hidden; padding: 2%; margin-top: 5px; }
.content-text h2 { text-align: center; line-height: 50px; font-size: 1.6rem; color: #666; }
.content-text span { width: 100%; display: block; text-align: center; color: #666; line-height: 30px; font-size: 1.4rem; }
.content-text li { color: #666; font-size: 1.6rem; text-indent: 2em; line-height: 28px; }
.content-text li p { text-indent: 2em; line-height: 28px; font-size: 1.6rem; margin: 5px 0; color: #666; }
.content-text li.detail span { text-align: left; }
.content-text li a, .content-text li strong { font-size: 1.6rem; font-style: normal; }
.content-text li strong {padding:5px 10px;color:#fff; background:url(../images/mbg.jpg) no-repeat -10px center; background-color:#eee;width:calc(100% - 20px);display:block; }
.content-text li img { float: left; margin: 0;  width: 900px; height: 360px; }
.nextpre { margin: 5px 0; background: #fff; height: auto; overflow: hidden; width: 100%; }
.nextpre li { margin-left: 4%; float: left; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 1.4rem; width: 96%; }
.content-text .leads { font-size: 1.8rem; background: #f0f0f0; line-height: 25px; padding: 10px; margin: 10px 0; }
.content-text .leads p { font-size: 1.6rem; }
.content-text .daoyu { border-radius: 4px; padding: 0px 5px; background: #c00; float: left; position: relative; color: #fff; margin-top: -2px; margin-right: 10px; font-size: 1.6rem; }
.content-text .daoyu span { background: url(../images/sanjiao.png); position: absolute; right: -9px; top: 8px; height: 12px; width: 10px; }
.content-text .reds { color: #C00; }
/*产品详情*/
.yewu_title h2{ text-align:center;font-size:1.6rem; }
.project-text { width: 96%; background: #fff; height: auto; overflow: hidden; padding: 2%; margin-top: 5px; }
.project-text h2 { background:url(../images/mbg.jpg) no-repeat -10px center; line-height: 40px; font-size: 1.6rem; color: #fff;background-color:#eee;padding-left:20px; }
/*分享设置*/
.ckepop { width: 90%; background: #fff; line-height: 32px; height: 32px; overflow: hidden; float: right; padding-left: 10%; }
/*相关新闻*/
.rel-box { margin: 5px 0; background: #fff; height: auto; }
.rel-box .tt { font-size: 2.5rem; padding: 2% 4%; border-bottom: 1px solid #eee; }
.rel-box .tt h2 { color: #999; border-left: 5px solid #368f02; padding-left: 10px; height: 1.6rem; line-height: 1.6rem; }
.rel-box .rel-list { margin-left: 4%; }
.rel-box .rel-list li { line-height: 2.2rem; }
.rel-box .rel-list li i { width: 6px; height: 6px; border-radius: 6px; background: #ff4a60; display: block; float: left; margin-right: 10px; margin-top: 8px; }
/*分页*/
.page-list { position: relative; margin: 10px 0; padding: 0; clear: both; background: #fff; }
.page-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.page-list a,
.page-list span { margin: 0.5em 0; padding: 0.5em 0; display: none; float: left; width: 24%; line-height: 1.2em; border-left: 1px solid #ececec;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec; font-size: 13px; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.page-list a:active { background: #ececec; }
.page-list span { color: #999; }
.page-list a { color: #333; }
.page-list span:nth-child(1), .page-list span:nth-child(2), .page-list a:nth-child(2) { display: block; float: left; }
.page-list span:nth-last-child(1), .page-list a:nth-last-child(1) { display: block; float: left; border-left-color: #ececec;border-right: 1px solid #ececec; }
.page-list .current { display: block; float: left; }
/*----------------------------footer-----------------------------*/
.bottom { color: #999; padding: 10px; clear: both; background-color: #256102; margin-bottom: 46px;}
.bottom p.hasbg { background: url(../images/tel_03.png) no-repeat; background-size: contain; width: 150px; text-align: left; margin: 0px auto; padding: 10px 0 0 39px; }
.bottom p img { float: left; }
.bottom p { text-align: left; font-size: 1.2rem; }
.bottom p .yel { font-family: Times New Roman; color: #fff; font-size: 2.4rem; font-weight: bold; }
.bottom p span { color: #fff; line-height: 23px; font-size: 1.4rem; }
.bottom p span a { color: #fff; font-size: 1.4rem;}
.bottom p.hasbg span { display: block; width: 100%; }
.winxinpics { background-color: #256102; margin-bottom: 56px; height: auto; overflow: hidden; }
.winxinpics li { width: 25%; margin: 0 4%; float: left; }
.winxinpics li img { width: 100%; }
.winxinpics li span { display: block; line-height: 30px; text-align: center; color: #999; font-size: 1.4rem; }
/*----------------------------footerNav-----------------------------*/
.footnav { padding: 0; z-index: 9; position: fixed; bottom: 0; width: 100%; max-width: 600px; }
.footnav:after { display: none; }
.footnav ul { width: 100%; display: flex; height: 56px; background: #368f02; }
.footnav ul li { flex: 1; box-sizing: border-box; border-right: 2px solid #fff; height: 56px; }
.footnav ul li:last-child { border-right: none; }
.footnav ul li .icon { width: 28px; height: 28px; margin: 5px auto -2px; }
.footnav ul li .icon1 { background: url('../images/icons/tel.png') no-repeat; background-size: cover; }
.footnav ul li .icon2 { background: url('../images/icons/nav.png') no-repeat; background-size: cover; }
.footnav ul li .icon3 { background: url('../images/icons/online.png') no-repeat; background-size: cover; }
.footnav ul li .navText { text-align: center; font-size: 1.4rem; color: #fff; }

/*PopNav*/
.navtree { display: none; position: fixed; top: calc(50% - 265px); height: 100%; width: 100%; z-index: 10000; max-width: 600px; }
.navtree .maskbg { background-color: #333; position: fixed; left: 0; top: 0; filter: alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.3; height: 100%; width: 100%; }
.navtree ul { padding: 15px 0; top: 53px; position: relative; background: #fff; height: auto; overflow: hidden; }
.navtree ul li { width: calc(33.33% - 2px); float: left; margin: 1px; text-align: center; }
.navtree ul li i { display: block; padding: 2px; }
.navtree ul li span { display: block; line-height: 24px; }
.navtree ul li a { font-size: 1.4rem; }
.navtree ul li i img { width:26vw;height:26vw; border-radius: 50%; }
/*topBack*/
#topBack { width: 32px; height: 32px; background: url(../images/icons/topback.png) no-repeat; z-index: 999999; position: fixed; right: 2px; bottom: 60px; }

.feedback { padding:10px;}
.feedback .text { width:90%;height:36px;line-height:36px;padding:0 2%;margin:5px auto;display:block;}
.feedback .texta { width:90%;height:86px;line-height:36px;padding:0 2%;margin:5px auto;display:block;}
.feedback li {  text-align:center;}
.feedback li .submit  { width:40%;margin-right:10px;background: #368f02; color: #fff; border: none; font-size: 1.6rem;height:40px; line-height:40px;}
.feedback li .reset{ width:40%;margin-right:10px;background:#999;}

.baojia { padding:10px; background:#eee;}
.baojia h1 { text-align:center;font-size:1.6rem;color:#368f02;line-height:40px; }
.baojia input { margin-top:10px;}