*{margin:0;padding:0;}
ol li,ul li{ list-style-type:none; vertical-align:middle;}
input{vertical-align:middle;}
table{border-collapse: collapse;border-spacing: 0;}

html { font-size: 125%; 
	height: 100%;
	-webkit-text-size-adjust: 100%; background:#eee;
}
body {
	position: relative;overflow-x:hidden;
	min-height: 100%;
	font-size:1rem ;
	font-family: '微软雅黑'; background:#fff;
}
input,button, textarea, select{appearance: none;border-radius: 0;font-family: '微软雅黑';
	margin: 0;
	padding: 0;
}
input[type="checkbox"]{-webkit-appearance: checkbox;-moz-appearance:checkbox;appearance:checkbox;}
input[type="radio"]{-webkit-appearance: radio-button;-moz-appearance:radio-button;appearance:radio-group;}
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
-webkit-appearance: none;-moz-appearance:none;appearance: none;
}
input{ outline:none;}
img {
	border:none;vertical-align:middle;width:100%;
}
a {
	background: 0 0;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
h1,h2,h3,h4,strong{font-weight:normal;}

/* position */
.rel {
	position: relative;
}
.abs {
	position: absolute;
}
.fixed {
	position: fixed;
}

/* float */
.fl {
	float: left;
}
.fr {
    float: right;
}

/* clear float */
.clear, .clearfix:after {
	clear: both;
}
.clear, .clearfix:before, .clearfix:after {
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0; height: 0;
}
.clearfix:before, .clearfix:after {
	content: '';
}
.clearfix {
	*zoom: 1;
}


/* css3  */
.border{position:relative;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	behavior: url(PIE.htc);
}
.shadow{position:relative;
	-moz-box-shadow:2px 2px 10px #06C;
	-webkit-box-shadow:2px 2px 10px #06C;
	box-shadow:2px 2px 10px #06C;
	behavior: url(PIE.htc);
}

/****************************************************/
/*************************首页***************************/
.footer{ position:fixed;left:0;bottom:0; z-index:999;width:100%;background:#fff;border-top:1px solid #cccccc;}
.nav li{float:left;width:20%;text-align:center;height:5rem;}


.nav li a{ display:block;color:#606060;font-size:1.2rem;padding-top:3rem;line-height:1.6rem;}
.nav li.hover a{color:#8aba26;}
.icoN1{ background:url(../img/ico_n1.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN1.hover{ background:url(../img/ico_n1a.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN2{ background:url(../img/ico_n2.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN2.hover{ background:url(../img/ico_n2a.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN3{ background:url(../img/ico_n3.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN3.hover{ background:url(../img/ico_n3a.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN4{ background:url(../img/ico_n4.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN4.hover{ background:url(../img/ico_n4a.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN5{ background:url(../img/ico_n5.png) no-repeat center .5rem; background-size:2.4rem;}
.icoN5.hover{ background:url(../img/ico_n5a.png) no-repeat center .5rem; background-size:2.4rem;}


.tit{margin:1rem 4rem .5rem;height:5rem;line-height:5rem;color:#595757;font-size:1.6rem;text-align:center; background:url(../img/ico_1.png) repeat-x center center;}
.tit strong{ display:inline-block;padding:0 2rem; background:#fff;}

.us li{padding:1rem 1rem;border-bottom:1px solid #d9d9d9;}
.us li strong{ display:block;line-height:2.6rem;font-size:1.2rem;color:#666666;}
.us li h2{font-size:1.4rem;color:#333333;line-height:3rem;}
.us li p{line-height:2.2rem;font-size:1.1rem;color:#b2b2b2;}

.weixin ul{padding:0 1.5rem;}
.weixin li{width:50%;float:left;text-align:center;}
.weixin li img{width:10rem;}
.weixin li p{color:#666666;font-size:1.2rem;line-height:4.5rem;}

.horizon{padding:0 0 0 1rem;}
.horizon .swiper-container{padding-right:1rem;}

.plan{ position:relative;}
.plan p{ position:absolute;left:0;bottom:0;width:90%;padding:0 5%;background:url(../img/bg_1.png) repeat;height:2.5rem;line-height:2.5rem;color:#fff;font-size:1.2rem;}
.plan img{width:100%;}

.system{ position:relative;}
.system p{ position:absolute;left:0;bottom:0;width:100%;background:url(../img/bg_1.png) repeat;height:2.5rem;line-height:2.5rem;text-align:center;color:#fff;font-size:1.2rem;}

.case{ position:relative;height:21.7rem;}
.case p{ position:absolute;left:0;bottom:0;width:100%;background:url(../img/bg_1.png) repeat;height:3rem;line-height:3rem;text-align:center;color:#fff;font-size:1.2rem;}

.about{padding:1rem 1rem .5rem;}
.about h3{color:#333;text-align:center;font-size:1.5rem;line-height:5rem;}
.about p{color:#b2b2b2;font-size:1.4rem; text-indent:2em;line-height:2rem;}

.news ul{padding:0 1rem;}
.news li{height:2.5rem;line-height:2.5rem;padding-left:3rem;margin-bottom:1rem;background:url(../img/ico_news.png) no-repeat left center; background-size:2.5rem;}
.news li a{ display:block;color:#b3b3b3;font-size:1.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.more{text-align:center;font-size:1.5rem;line-height:1.8rem;}

.header{/*height:4rem;*/ background:#fff;border-bottom:1px solid #cccccc;}
.header h1{/*line-height:4rem;*/padding:10px 0;text-align:center;color:#333333;font-size:1.6rem;}

.newList{padding:1rem 1rem 0;}
.newList li{ position:relative;width:100%; clear:both; overflow:hidden;background:#fff;margin-bottom:1rem;}
.newList li em{ display:block;float:left;width:15rem;}
.newList li div{float:left;padding:0 1rem;width:18rem; position:relative;height:12rem;}
.newList li strong{ display:block;font-size:1.5rem;line-height:2rem;padding:.5rem 0;}
.newList li a{color:#333;}

.view{display:block;position:absolute;left:1rem;bottom:0;color:#b2b2b2;font-size:1.2rem;line-height:3rem;padding-left:2rem;background:url(../img/ico_2.png) no-repeat left center;background-size:1.65rem;}
.time{display:block;position:absolute;right:1rem;bottom:0;color:#b2b2b2;font-size:1.2rem;line-height:3rem;padding-left:2rem;background:url(../img/ico_3.png) no-repeat left center;background-size:1.65rem;}

.viewa{display:inline-block;margin-left:50%;padding-right:1rem;color:#b2b2b2;font-size:1.2rem;line-height:2rem;padding-left:2rem;background:url(../img/ico_2.png) no-repeat left center;background-size:1.65rem;}
.timea{display:inline-block;color:#b2b2b2;font-size:1.2rem;line-height:2rem;padding-left:2rem;background:url(../img/ico_3.png) no-repeat left center;background-size:1.65rem;}

.more1{margin:0 1rem 1rem;background:#fff;text-align:center;font-size:1.4rem;height:4rem;line-height:4rem;}
.more1 a{ display:block;color:#666666;}

.article{padding:0 1rem;}
.article h2{padding:1.5rem 0 1rem;font-size:1.5rem;color:#595757;line-height:2.4rem;text-align:center;}

.article p{color:#b2b2b2;font-size:1.2rem;line-height:2rem;padding:1rem 0;text-align:center;}
.article img{ display:block;padding:.5rem 0;width:100%;}

.text p{text-align:left; text-indent:2em;padding:1.5rem 0;}
.text strong{ display:block;color:#595757;font-size:1.3rem;line-height:2rem;}

.who{padding:0 1rem 2rem;}
.who h2{color:#8aba26;font-size:2.5rem;line-height:3rem;padding-top:2rem;}
.who strong{ display:block;color:#595757;font-size:1.6rem;line-height:3rem;padding:1rem 0;}
.who p{height:6rem; overflow:hidden;color:#b2b2b2;font-size:1.3rem;line-height:2rem; text-indent:2em;}
.we{ position:relative;margin-bottom:1rem;}

.show{ position:absolute;right:0;bottom:0;height:2rem;line-height:2rem;font-size:1.3rem;color:#b2b2b2;padding-left:.4rem;padding-right:.5rem;background:#fff;}
.show a{ display:inline-block;height:2rem;line-height:2rem;padding-right:2rem;background:url(../img/ico_4.png) no-repeat right center; background-size:1.5rem;}

.show a.hover{background:url(../img/ico_4a.png) no-repeat right center; background-size:1.6rem;}

.usImg img{ display:block;margin-bottom:.5rem;}

.caseLista{padding:0 1rem 1rem;}
.caseLista li{margin-top:1rem;padding-bottom:.7rem;background:#fff;width:100%; clear:both; overflow:hidden; }
.caseLista li h3{padding:.5rem 1rem 0;line-height:3rem;color:#595757;font-size:1.5rem;}
.caseLista li h3 a{color:#595757;}

.viewb{float:left;margin-left:1rem;padding-right:1rem;color:#b2b2b2;font-size:1.2rem;line-height:2rem;padding-left:2rem;background:url(../img/ico_2.png) no-repeat left center;background-size:1.65rem;}
.timeb{float:right;margin-right:1rem;color:#b2b2b2;font-size:1.2rem;line-height:2rem;padding-left:2rem;background:url(../img/ico_3.png) no-repeat left center;background-size:1.65rem;}

.navCase{height:4.1rem;line-height:4.1rem;border-bottom:1px solid #ccc; background:#fff;}
.navCase .swiper-slide{text-align:center;font-size:1.4rem;color:#595757; cursor:pointer; background: url(../img/ico_7.png) no-repeat left center;}
.navCase .swiper-slide.hover{color:#93c83d;}
.navCase .swiper-slide:first-child{background:none;}

.jobT{padding:0 1rem;height:4.5rem;line-height:4.5rem; background:#f2f2f2;border-bottom:1px solid #cccccc;}
.jobT li{color:#595757;font-size:1.4rem;}
.jobT li strong{ display:block;width:15rem;}

.job li{padding:0 1rem 1rem;border-bottom:1px solid #ccc;}

.post{height:5rem;line-height:5rem; background:url(../img/ico_5.png) no-repeat right bottom; background-size:1.6rem;}
.post.hover{background:url(../img/ico_5a.png) no-repeat right bottom; background-size:1.6rem;}
.post h3{width:14rem;font-size:1.5rem;color:#666;}
.post strong{ display:block;color:#ff2525;font-size:1.5rem;}
.post span{ display:block;color:#b2b2b2;font-size:1.2rem;}

.detail{ display:none;margin-top:1rem;padding:.5rem 1rem 0;border:1px solid #8aba26;}
.detail strong{ display:block;color:#666;font-size:1.4rem;line-height:3rem;}
.detail p{color:#b2b2b2;font-size:1.2rem;line-height:2rem;padding-bottom:1rem;}

.serve{padding:0.5rem 1rem;}
.serve h3{padding:1rem 0;color:#595757;font-size:1.6rem;line-height:3rem;padding-left:1rem;background:url(../img/ico_6.png) no-repeat left center; background-size:.5rem;}
.serve strong{ display:block;color:#8bc53f;font-size:1.3rem;line-height:2.4rem;padding-top:1rem;}
.serve p{font-size:1.3rem;color:#b2b2b2;line-height:2rem; text-indent:2em;}
.serve img{margin:1rem 0;}
.serve li{font-size:1.3rem;color:#b2b2b2;line-height:2rem;padding-top:.5rem;}
.serve li font{ display:inline-block;font-size:1.3rem;}

.serveList{padding-bottom:1rem;}
.serveList li{ position:relative;margin-top:1rem;}
.serveList li p{position:absolute;left:0;bottom:0;width:100%;height:3rem;line-height:3rem;text-align:center;color:#fff;font-size:1.4rem; background:url(../img/bg_1.png) repeat}


.bannerCaseIco{color:#fff;text-align:left;padding-left:1rem;}

.anli{padding:1rem;border-bottom:1px solid #ddd;}
.anli h3{color:#595757;font-size:1.4rem;line-height:2rem;padding:.5rem 0;}
.anli p{color:#999;font-size:1.2rem;line-height:2rem;padding:.5rem 0;}

.right{text-align:right;font-size:1.2rem;color:#999;line-height:2rem;}
.right span{padding-left:1rem;}
.right img{width:1.5rem;margin-top:-.2rem;margin-right:.3rem;}

.bgf2{ background:#f2f2f2;}

.green{color:#93c83d;}

.pad2{padding-bottom:2rem;}
.pad5{padding-bottom:5rem;}

.fwfw{box-sizing:border-box;overflow:hidden;}
.fwfw li{float:left;width:50%;margin-bottom:1rem;}
@media screen and (max-width: 750px){
 html{font-size:20px;}
}
@media screen and (max-width: 640px){
 html{font-size:18.75px;}
}
@media screen and (max-width: 600px){
 html{font-size:17.5px;}
}
@media screen and (max-width: 560px){
 html{font-size:16.25px;}
}
@media screen and (max-width: 520px){
 html{font-size:15px;}
}
@media screen and (max-width: 480px){
 html{font-size:13.75px;}
}
@media screen and (max-width: 440px){
 html{font-size:12.5px;}
}
@media screen and (max-width: 400px){
 html{font-size:11.25px;}
}
@media screen and (max-width: 360px){
 html{font-size:10px;}
}
@media screen and (max-width: 320px){
 html{font-size:8.75px;}
}

.text img{max-width: 100%;}

.tab-title-box {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    line-height: 20px;
    margin-bottom: 20px;
}
.tab-title-box li {
    float: left;
    padding-right: 10px;
    margin-right: 5px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    padding-bottom: 6px;
	color: #666666;
	margin-top: 10px;
}

.tab-title-box li  a{
	color: #666666;
}
.tab-title-box li.active:before {
    left: 0;
    right: 10px;
}
.tab-title-box li:before {
    content: "";
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -3px;
    height: 2px;
    background: #0099ff;
    transition: all .5s ease 0s;
}
.footer-tab-box-header {
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    padding: 40px 0 0;
}
.footer-tab-box-header li{
	display: inline-block;
	margin-right: 10px;
	
}
.footer-tab-box-header li a{
	color: #333333;
}
    .rightbb{
        background: #FFFFFF;
        margin-bottom: 20px;
        padding: 20px;
        font-size: 16px;
    }
    .rightbb .t{
        background-color: #8aba26;
        padding: 10px;
        color: #FFFFFF;
    }
   .rightbb .l{
        line-height: 20px;
        border-block: 1px solid #f2f2f2;
        padding: 10px;
    }
    
    

	.hdch-view{
		width:1160px;
		margin:30px auto 0;
		clear: both;
		overflow: hidden;
	}
	.hdch-view .left{
		width: 930px;
		float: left;
		overflow: hidden;
	}
	
	.hdch-view .right{
		width: 230px;
		float: right;
	}
	.hdch-view .right .l{
		line-height: 20px;
		border-block: 1px solid #f2f2f2;
		padding: 10px;
	}
	.hdch-view .right a{
		color: #333333;
	}
	.hdch-view  .li{
		background-color: #FFFFFF;
		padding: 20px;
		width: 240px;
		margin-right: 30px;
		float: left;
		margin-bottom: 20px;
	}
	
	.hdch-view  .li img{
		width: 100%;
		height: 240px;
		object-fit: cover;
	}
	.hdch-view  .li .name{
		width: 100%;
		height: 24px;
		line-height: 24px;
		font-size: 16px;
		color: #333;
		overflow: hidden;
		margin-top: 10px;
	}
	
.l:hover a, .l:hover {
	color: #ff9800 !important;
}
.juhebox .caselist{
	text-align: center;
}


	.daodutitle{
		border-top: 1px solid #333333;
		margin-top: 10px;
		padding-top: 10px;
		font-size: 16px;
		color: #333333;
	}
	.daodulist{
		margin-top: 10px;
		padding-bottom: 60px;
	}
	.daodulist	a{
			color: #333333;
			font-size: 14px;
			margin-right: 20px;
			line-height: 24px;
			display: inline-block;
		}
		
		
	.callview{
	    position: fixed;
	    z-index: 99;
	    width: 70%;
	    left: 15%;
	    top: 50%;
	    height: 180px;
	    margin-top: -100px;
	    background: #eaeaea;
	    border-radius: 5px;
	    overflow: hidden;
	    display: none;
	}
	.callview .title{
	    font-size: 18px;
	    text-align: center;
	    color: #333;
	    padding: 10px 0;
	    position: relative;
	}
	.callview .title .close{
	    position: absolute;
	    font-size: 20px;
	    right: 10px;
	    top: 10px;
	    color: #999999;
	}
	.callview .list{
	    margin: 0 15px;
	}
	.callview .li{
	    background: #7db627;
	    font-size: 18px;
	    color: #FFFFFF;
	    margin-top: 10px;
	    padding: 10px;
	    display: flex;
	    justify-content: space-between;
	}
	
	.callview .li a{
	    
	    color: #FFFFFF;
	}
	.callview .li.orn{
	    background: #ffa901;
	}
	.callbtn{
	    display: block !important;
	    position: fixed;
	    z-index: 8;
	    background: #7db627;
	    border-radius: 50%;
	    width: 40px;
	    height: 40px;
	    right: 20px;
	    bottom: 60px;
	    font-size: 16px;
	        padding: 10px;
    text-align: center;
    color: #FFFFFF;
    line-height: 20px;
	}