@charset "utf-8";
/***********************************************************
	Filename: page.css
	Note	: 内页CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <547829810@qq.com>
	Web		: www.szphp.cn
	Update  : 2020.09.17
***********************************************************/

/* 分页 */
.pages{margin:25px 0;width:100%;text-align:center}
.pages a{display:inline-block;margin:0 2px;padding:2px 8px;border:1px solid #666;background:#e1e1e1;color:#666;font-size:.85rem}
.pages a{float:none}
.pages .current,.pages a:hover{background:#fff;color:#007d62}

/* banner */
.banner{position:relative;width:100%;height:240px;background-position:center top;background-repeat:no-repeat;box-shadow:0 2px 8px rgba(128,128,128,.4)}
.banner .overlay{top:0;left:0;z-index:98;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(67,239,159,.1) 100%,rgba(0,0,0,0) 90%)}
.banner .title{position:absolute;top:40%;left:50%;z-index:99;margin-left:-250px;width:500px;color:#fff;text-align:center;font-weight:700;font-size:2rem;line-height:2.5rem}
.banner .title p{display:block;text-transform:Uppercase;font-size:1rem}

/* 内页框架 */
.main{overflow:hidden;padding:25px 0}
.main .left,.main .right{float:left;box-sizing:border-box;margin-bottom:-100000px;padding:25px 25px 100000px}
.main .left{width:250px}
.main .right{padding-right:50px;padding-left:50px;width:900px}
.bg1 .left{background:#d2ecfb}
.bg1 .right{background:#eff8fd}
.bg2 .left{background:#b8cbbb}
.bg2 .right{background:#e5ece6}
.bg3 .left{background:#f6ac3b}
.bg3 .right{background:#fbe2c9}
/* left */
.main .left .title{border-bottom:2px solid #007d62;color:#007d62;text-transform:uppercase;font-weight:700;font-size:1rem;line-height:30px}
.main .left .title span{font-size:.75rem}
.main .left dl{margin:15px 0 0 10px;width:100%}
.main .left dd,.main .left dt{margin:0;padding:0;width:100%;list-style:none;text-align:left;line-height:1.8rem}
.main .left dt{margin-top:12px;font-weight:700}
.main .left dt:first-child{margin-top:0}
.main .left dd{font-weight:normal}
.main .left dd a{color:#000;text-align:left;font-weight:normal}
.main .left dd .current,.main .left dd a:hover{color:#007d62}
.main .left dd a:before{margin-right:3px;content:"-"}
.bg2 .left .title,.bg3 .left .title{border-bottom:2px solid #333;color:#333}
/* right */
.main .right .location{position:relative;width:100%;height:31px;border-bottom:1px solid #999;line-height:31px}
.main .right .location .tit{float:left;width:200px;border-bottom:1px solid #007d62;color:#007d62;font-weight:700;line-height:31px}
.main .right .location .tit span{display:inline-block;margin-right:5px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #007d62}
.main .right .location .weizhi{float:right;color:#999;text-align:right;font-size:.8rem;line-height:31px}
.main .right .location .weizhi a{color:#999}
.main .right .location .weizhi a:hover{color:#007d62}
.bg2 .right .location .tit,.bg3 .right .location .tit{border-bottom:1px solid #333;color:#333}
.bg2 .right .location .tit span,.bg3 .right .location .tit span{border-left:5px solid #333}
/* 内容区域 */
.main .right .container{padding:25px 0}

/* 走进中绿栏目 */
.about{width:100%}
.about .picture{float:left;margin-right:50px;width:auto}
.about .picture img{max-width:100%;box-shadow:6px 6px 0 rgba(128,128,128,.2)}
.about p{line-height:1.6}
.about p img{max-width:100%}
/* 合作伙伴表格样式 */
.about table{border-collapse:collapse}
.about table tr:nth-child(odd){background-color:#fafafa}
.about table tr:nth-child(even){background-color:#fff}
.about th{padding:5px 10px;border:1px solid #b8cabb;border-bottom:2px solid #b8cabb;background-color:#e5ece6;font-size:.8rem;line-height:25px}
.about td{padding:5px 10px;border:1px solid #b8cabb;font-size:.8rem;line-height:20px}
.about td:nth-child(1),.about th:nth-child(1){text-align:center}
.about td p{margin:0;padding:0}
/* 合作伙伴列表样式 */
.about .logo{overflow:hidden}
.about .logo .list{float:left;box-sizing:border-box;padding:5px;width:160px;height:120px;border-right:1px solid #b8cabb;border-bottom:1px solid #b8cabb;background:#fff;text-align:center;justify-content:center;align-items:center}
.about .logo .list img{width:auto;height:100%}
.about .logo .list:nth-child(1),.about .logo .list:nth-child(5n+1){border-left:1px solid #b8cabb}
/* 发展历程时间轴样式 */
.course{width:100%}
.timeline-small{overflow:hidden;margin-top:25px;padding-right:50px;padding-left:50px}
.timeline-small-body ul{position:relative;margin:0;padding:0;list-style:none}
.timeline-small-body ul::before{position:absolute;top:0;left:10px;z-index:1;width:4px;height:100%;background:rgba(0,125,98,.2);content:' '}
.timeline-small-body ul li{position:relative;margin-bottom:50px;padding-left:60px}
.timeline-small-body .bullet{position:absolute;top:3px;left:4px;z-index:2;box-sizing:border-box;width:1rem;height:1rem;border:3px solid #007d62;border-radius:50%;background:#fff}
.timeline-small-body .date{margin-bottom:1rem;width:100%;font-weight:700;font-size:1rem}
.timeline-small-body .desc{width:100%}
.timeline-small-body .desc p{margin-bottom:10px}
.timeline-small-body .desc p:before{margin-right:4px;color:#007d62;content:"·";font-weight:700}
/* 联系我们地图样式 */
.about .map{box-sizing:border-box;margin-bottom:25px;padding:10px;width:100%;border:1px solid #ddd;border-radius:4px;background-color:#fff}
/* 意见反馈 */
.book{margin:0 auto;width:95%}
.book .tips{padding-top:1rem;padding-bottom:2rem;color:#007d62;text-align:center}
.book .input1,.book .input2,.book .input3,.book .submit{display:block;box-sizing:border-box;margin-bottom:15px;padding:.5rem;width:100%;outline:0;border:2px solid #d2ecfb;border-radius:2px;background:#fff;color:#007d62;font-size:.8rem;line-height:1em}
.book .input1{float:left;margin-right:1%;margin-left:1%;width:31.333333333333333%}
.book .input2{margin-right:1%;margin-left:1%;width:98%;height:80px;resize:none}
.book .input3{margin-right:1%;margin-left:1%;width:98%}
.book .code{width:30%}
.book .submit{float:right;width:20%;border:0;border-radius:2px;background:#007d62;color:#fff;text-align:center;font-weight:700;font-size:.95rem;line-height:1.5rem;cursor:pointer;transition:all .3s ease-in-out}
.book .submit:hover{background:#6ec41b;color:#fff}
.book img{margin-top:5px}
/* 企业资质列表 */
.honor{box-sizing:border-box;width:100%;width:100%}
.honor .picture{width:100%}
.honor .picture img{max-width:100%;box-shadow:5px 5px 0 rgba(128,128,128,.2)}
.honor .tips{margin-bottom:1rem;color:#045645;text-align:center}
.honor ul{margin:0;padding:0;width:100%;list-style:none}
.honor .grid .grid-item,.honor .grid .grid-sizer{box-sizing:border-box;margin:0 1% 20px;width:23%;border:5px solid #fff;border-radius:5px;background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.2);text-align:center;transition:all .5s ease 0s}
.honor .grid .grid-item img{width:100%;border-radius:5px}
.honor ul li span{display:block;margin:.5rem 0;padding:0 .5rem;height:32px;color:#555;font-size:.8rem;line-height:1.1rem}
.honor .grid .grid-item:hover{box-shadow:0 2px 10px rgba(0,125,98,.5)}
.honor .catename{box-sizing:border-box;margin-bottom:25px;padding:10px;width:100%;background:linear-gradient(to right,#007d62,#3cd8b6);box-shadow:0 0 15px rgba(34,34,34,.1);color:#fff;font-weight:700;font-size:1.2rem}
.honor .catename:before{content:"\e603";font-family:iconfont;margin-right: 5px;color: rgba(255,255,255,.9);}
/* 证书弹出效果 */
.lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;display:none;background-color:#000;opacity:.8}
.lightbox{position:absolute;left:0;z-index:100000;width:100%;text-align:center;line-height:0}
.lightbox .lb-image{display:block;height:auto;max-width:inherit;border-radius:5px}
.lightbox a img{border:none}
.lb-outerContainer{position:relative;margin:0 auto;width:250px;height:250px;border:10px solid #fff;border-radius:10px;background-color:#fafafa}
.lb-outerContainer:after{clear:both;display:table;content:""}
.lb-loader{position:absolute;top:45%;left:0;width:100%;height:25%;text-align:center;line-height:0}
.lb-cancel{display:block;margin:0 auto;width:32px;height:32px;background:url(../images/loading.gif) no-repeat}
.lb-nav{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%}
.lb-container>.nav{left:0}
.lb-next,.lb-prev{position:absolute;display:block;height:100%;cursor:pointer}
.lb-nav a.lb-prev{left:-60px;display:flex;width:20%;opacity:1;align-items:center;justify-content:right}
.lb-nav a.lb-prev:after{display:block;margin-right:auto;color:#fff;content:"\e602";font-size:2.5rem;font-family:iconfont}
.lb-nav a.lb-prev:hover{opacity:1}
.lb-nav a.lb-next{right:-60px;display:flex;width:20%;opacity:1;align-items:center;justify-content:right}
.lb-nav a.lb-next:after{display:block;margin-left:auto;color:#fff;content:"\e602";font-size:2.5rem;font-family:iconfont;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}
.lb-nav a.lb-next:hover{opacity:1}
.lb-dataContainer{margin:0 auto;width:100%}
.lb-dataContainer:after{clear:both;display:table;content:""}
.lb-data{padding:0 4px;color:#ccc}
.lb-data .lb-details{float:left;width:100%;text-align:left;line-height:1.1em}
.lb-data .lb-caption{font-weight:700;font-size:13px;line-height:1em}
.lb-data .lb-number{display:block;color:#fff;text-align:center;text-transform:Uppercase;font-size:12px;line-height:30px}
.lb-data .lb-close{position:absolute;top:0;right:25px;display:block;width:40px;height:40px;outline:0;border-radius:5px;background:rgba(255,255,255,.6)}
.lb-data .lb-close:after{display:block;color:#fff;content:"\e601";text-align:center;font-size:1.5rem;font-family:iconfont;line-height:40px}
.lb-data .lb-close:hover{background:rgba(0,125,98,.5);cursor:pointer}

/* 视频列表 */
.video ul{overflow:hidden;margin:0;padding:0}
.video a{float:left;display:block;box-sizing:border-box;margin:0 1% 25px;padding:10px 10px 20px;width:48%;border:1px solid #ddd;border-radius:4px;background-color:#fff}
.video a li{overflow:hidden;list-style:none;cursor:pointer}
.video a li .poto{position:relative;overflow:hidden}
.video a li .poto img{height:auto;max-width:100%;transition:all .5s ease 0s}
.video a li .poto .play{position:absolute;top:50%;left:50%;z-index:11;width:70px;height:70px;border-radius:50%;background:hsla(0,0%,100%,.95);transform:translate(-50%,-50%)}
.video a li .poto .play span{position:absolute;top:50%;left:56%;display:block;display:block;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid #007d62;transform:translate(-50%,-50%)}
.video a li .poto .play:after,.video a li .poto .play:before{position:absolute;top:50%;left:50%;z-index:10;border:2px solid hsla(0,0%,100%,.1);border-radius:50%;content:"";transition:all .5s cubic-bezier(.215,.61,.355,1) 0s;transform:translate(-50%,-50%)}
.video a li .poto .play:before{width:50px;height:50px}
.video a li .poto .play:after{width:30px;height:30px}
.video a li .title{position:relative;z-index:10;display:block;padding-top:1rem;text-align:center}
.video a:hover li img{transform:scale(1.05,1.05)}
.video a:hover li .poto .play{background:rgba(0,125,98,.5)}
.video a:hover li .poto .play span{z-index:15;border-left:25px solid #fff}
.video a:hover li .poto .play:before{width:110px;height:110px;background:rgba(0,125,98,.15)}
.video a:hover li .poto .play:after{width:90px;height:90px;background:rgba(0,125,98,.3)}
/* 视频弹出播放 */
.videobox{position:fixed;top:0;left:0;z-index:1000000;display:none;width:100%;height:100%;background:rgba(0,0,0,.9)}
.videobox #video{position:absolute;top:50%;left:50%;z-index:1000001;padding:5px;width:960px;height:540px;outline:0;border-radius:5px;background:#fff;transform:translate(-50%,-50%)}
.videobox .videoclose{position:absolute;top:25px;right:25px;display:block;width:40px;height:40px;outline:0;border-radius:2px;background:rgba(255,255,255,.6);opacity:1;cursor:pointer}
.videobox .videoclose:after{display:block;color:#fff;content:"\e601";text-align:center;font-size:1.5rem;font-family:iconfont;line-height:40px}
.videobox .videoclose:hover{background:rgba(0,125,98,.5)}
.videobox .title{position:absolute;bottom:50px;left:0;display:block;width:100%;height:50px;color:#fff;text-align:center}
/* 年会视频页面 */
.nianhui .catename{box-sizing:border-box;margin-bottom:15px;padding:10px;width:100%;background:linear-gradient(to right,#007d62,#3cd8b6);box-shadow:0 0 15px rgba(34,34,34,.1);color:#fff;font-weight:700;font-size:1.2rem}
.nianhui .catename:before{content:"\e603";font-family:iconfont;margin-right: 5px;color: rgba(255,255,255,.9);}
.nianhui a{margin:0 .5% 15px;padding:10px;width:32.3333333%;}
.nianhui a li .title{padding-top:.5rem}

/* 主营业务栏目（其他样式共用About的样式） */
.business .yeji{margin-bottom:30px}
.business .yeji .catename{box-sizing:border-box;margin-bottom:1px;padding:10px;width:100%;background:linear-gradient(to right,#007d62,#3cd8b6);box-shadow:0 0 15px rgba(34,34,34,.1);color:#fff;font-weight:700;font-size:1.2rem}
.business .yeji .catename:before{content:"\e603";font-family:iconfont;margin-right: 5px;color: rgba(255,255,255,.9);}
.business h2{box-sizing:border-box;margin-bottom:15px;padding:5px 10px;width:100%;background:linear-gradient(to right,#007d62,#3cd8b6);color:#fff;font-weight:700;font-size:1rem}
.business h2:before{content:"\e603";font-family:iconfont;margin-right: 5px;color: rgba(255,255,255,.9);}
.business li p{margin-bottom: 5px;}

/* 华农中绿（其他样式共用About的样式） */
.huanong .picture{margin-right:0;margin-bottom: 50px;}

/* 新闻列表 */
.news_list{width:100%}
.news_list ul{margin:0;padding:0;width:100%;list-style:none}
.news_list ul li{width:100%;height:40px;border-bottom:1px dashed #b8cbbb;line-height:40px;overflow:hidden}
.news_list ul li span{float:left;display:block}
.news_list ul li .data{width:100px;color:#8c7259;text-indent:.5rem;font-size:.75rem;width:12%}
.news_list ul li .tit{width:88%}

/* 新闻内容 */
.news_content{width:100%}
.news_content h1{text-align:center;font-weight:700;font-size:1.2rem}
.news_content .date{margin:25px 0;color:#8c7259;text-align:center}
.news_content .content{margin-bottom:25px;width:100%}
.news_content .content p{margin-bottom:1rem;text-indent:2em;line-height:1.8}
.news_content .content p a{text-decoration:underline}
.news_content .content p img{max-width: 100%;margin-left: -2em;}
.news_content .next_prev{margin-top:25px;padding-top:25px;border-top:1px solid #b8cbbb}
.news_content .next_prev span{display:block;margin:5px 0}

/* 案例列表*/
.case_list{width:100%}
.case_list ul{margin:0;padding:0;list-style:none}
.case_list ul li{overflow:hidden;margin-bottom:25px;padding-bottom:25px;width:100%;border-bottom:1px solid #b8cbbb}
.case_list ul li .thumb{float:left;margin-right:30px;width:210px}
.case_list ul li .thumb img{padding:3px;width:100%;border:1px solid #ddd;border-radius:5px;background-color:#fff}
.case_list ul li .content{float:left;width:560px;color:#666}
.case_list ul li .content div{position:relative;display:block;margin-bottom:5px;padding-left:70px}
.case_list ul li .content strong{position:absolute;top:0;left:0;display:block;color:#66976e}
.case_list ul li .content .tit{font-weight:700}
.case_list ul li .content .note{margin-top:10px;font-size:.9rem}
.case_list ul li .content .note p{margin:0}

/* 案例内容页*/
.case_content{width:100%}
/* 图片展示 */
.ad-gallery{overflow:hidden;width:100%}
.ad-gallery .ad-image-wrapper{position:relative;overflow:hidden;width:100%;height:500px;background:rgba(255,255,255,.5)}
.ad-gallery .ad-image-wrapper .ad-loader{position:absolute;top:50%;left:50%;z-index:10}
.ad-gallery .ad-image-wrapper .ad-image{position:absolute;top:0;left:0;z-index:9;overflow:hidden;width:100%;height:100%;border:0}
.ad-gallery .ad-image-wrapper .ad-image img{width:auto;height:100%;border:0}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description{position:absolute;bottom:0;left:0;z-index:2;margin-bottom:0;padding:.8rem 1rem;width:100%;background:rgba(0,0,0,.5);color:#fff;text-align:center;font-size:.8rem;line-height:1rem}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image,.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image{position:absolute;top:50%;z-index:999;display:none;width:50px;height:45px}
.ad-gallery .ad-nav{position:relative;width:100%}
.ad-gallery .ad-back,.ad-gallery .ad-forward{width:25px;height:65px;background:#007d62;color:#fff;transition:all .2s ease 0s}
.ad-gallery .ad-back:hover,.ad-gallery .ad-forward:hover{width:25px;height:65px;background:#025846;color:#fff;cursor:pointer}
.ad-gallery .ad-back{float:left}
.ad-gallery .ad-back:after{display:block;margin:14px auto 0;content:"\e600";text-align:center;font-size:1.5rem;font-family:iconfont;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}
.ad-gallery .ad-forward{float:right}
.ad-gallery .ad-forward:after{display:block;margin:14px auto 0;content:"\e600";text-align:center;font-size:1.5rem;font-family:iconfont}
.ad-gallery .ad-thumbs{float:left;overflow:hidden;width:750px;background:rgba(255,255,255,.5)}
.ad-gallery .ad-thumbs .ad-thumb-list{float:left;margin-bottom:0;width:9000px;list-style:none}
.ad-gallery .ad-thumbs ul{padding:0}
.ad-gallery .ad-thumbs li{float:left;margin-right:1px}
.ad-gallery .ad-thumbs li a{display:block}
.ad-gallery .ad-thumbs li a img{display:block;width:auto;height:65px}
.ad-preloads{position:absolute;top:-9000px;left:-9000px}
/* 文字内容 */
.case_content .content{margin-top:25px;width:100%;border-top:1px solid rgba(0,125,98,.3)}
.case_content .content h1{font-size:.95rem}
.case_content .content div{display:block;margin-top:1.5rem}
.case_content .content strong{display:block;color:#66976e}
.case_content .content p{margin-bottom:0;text-indent:0;line-height:1.8}
.case_content .next_prev{margin-top:25px;padding-top:25px;border-top:1px solid rgba(0,125,98,.3)}
.case_content .next_prev span{display:block;margin:5px 0}

/* 业绩总汇 */
.compilation{width:100%}
.compilation table{border-collapse:collapse}
.compilation table tr:nth-child(odd){background-color:#fafafa}
.compilation table tr:nth-child(even){background-color:#fff}
.compilation th{padding:5px 10px;border:1px solid #b8cabb;border-bottom:2px solid #b8cabb;background-color:#e5ece6;font-size:.8rem;line-height:25px}
.compilation td{padding:5px 10px;border:1px solid #b8cabb;font-size:.8rem;line-height:20px}
.compilation td:nth-child(1),.compilation th:nth-child(1){text-align:center}
.compilation p{margin:0;padding:0}