/*　banner　*/
@keyframes topPulse {0% {bottom: 100px; }50% { bottom: 120px;} 100% { bottom: 100px;}}
.banner{width: 100%;height: 900px;}
.banner .hd{width: 120px;height: 40px;border-radius: 20px;border: 1px solid rgba(255,255,255,0.3);color: #fff;font-size: 14px;animation: topPulse 2s infinite;
	display: flex;align-items: center;justify-content: center;position: absolute;left: 0;right: 0;margin: 0 auto; bottom: 100px;z-index: 20;}
.banner .line{width: 1px;height: 76px;background: rgba(255,255,255,0.3);position: absolute;left: 0;right: 0;margin: 0 auto; bottom: 0;z-index: 20;}
.banner .swiper-wrapper, .banner .swiper-slide{height: 100%;}
.banner h2{font-size: 90px;line-height: 1em;color: #fff;text-align: center;padding-top: 334px;position: relative;z-index: 10;}
.banner h3{font-size: 90px;line-height: 1em;color: #fff;text-align: center;color: transparent;position: absolute;left: 0;right: 0;top: 344px;z-index: 5;
	-webkit-text-stroke: 1px rgba(150, 16, 16, 0.5);text-stroke: 1px rgba(150, 16, 16, 0.5);}	
.banner h4{font-size: 26px;line-height: 1.4em;color: #fff;font-weight:500;text-align: center;margin-top: 40px;}
.banner .swiper-button-prev{left: 30px;background: url('../img/ban-jt.png') no-repeat;background-size: cover;opacity: 0.3;}
.banner .swiper-button-next{right: 30px;background: url('../img/ban-jt.png') no-repeat;background-size: cover;transform: rotate(180deg);opacity: 0.3;}
.banner .swiper-button-prev:hover , .banner .swiper-button-next:hover{opacity: 1;}
.banner , .banner *{transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.banner {height: 300px;}
	.banner h2{font-size: 40px;padding-top: 130px;}
	.banner h3{font-size: 40px;top: 140px;}
	.banner h4{font-size: 16px;padding: 0 20px;box-sizing: border-box;}
	.banner .swiper-button-prev,.banner .swiper-button-next{display: none;}
}

.cases{width: 100%;height: auto;background: #ffffff;box-sizing: border-box;padding: 112px 0 70px;}
.casebox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.casebox h2{font-size: 48px;line-height: 60px;color: #333;font-weight: 500;width: 100%;}
.casebox h4{font-size: 18px;line-height: 1.5em;color: #333;margin-top: 20px;font-weight: 500;padding-bottom: 44px;}
.casebox .navs{width: 310px;height: 46px;display: flex;justify-content: space-between;align-items: center;position: absolute;right: 0;top: 126px;}
.casebox .navs a{width: 140px;height: 46px;border-radius: 46px;border: 1px solid #ddd;color: #333;font-size: 16px;line-height: 46px;display: block;text-align: center;}
.casebox .navs a:hover{color: #75a315;border-color: #75a315;}
.casebox .cnavs{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;}
.casebox .cnavs a{width: 240px;height: 70px;background: #f9f9f9; color: #333;display: block;font-size: 18px;line-height: 70px;text-align: center;}
.casebox .cnavs a + a{margin-left: 80px;}
.casebox .cnavs a.on,.casebox .cnavs a:hover{background: #75a315;color: #fff;}
.casebox .casegroup{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 70px;border-top: 1px solid #ddd;}
.casebox .casegroup.border-none{border: none;}
.casegroup .item{width: 32.1%;height: auto;display: block;margin-bottom: 20px;padding-bottom: 30px;}
.casegroup .img{width: 100%;height: 0;padding-top: 72.7%;position: relative;overflow: hidden;}
.casegroup .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.casegroup .img span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);font-size: 36px;color: #fff;
	display: flex;align-items: center;justify-content: center;opacity: 0;}
.casegroup h3{font-size: 24px;line-height: 1em;color: #333;margin-top: 30px;}
.casegroup h5{font-size: 16px;line-height: 1em;color: #999;font-weight: 500;margin-top: 18px;}
.casegroup .item:hover {box-shadow: 0px 0px 10px 1px #ddd;}
.casegroup .item:hover img{transform: scale(1.1);}
.casegroup .item:hover span{opacity: 1;}
.casegroup .item:hover h3,.casegroup .item:hover h5{padding: 0 20px;}
.casebox .casepag{width: 100%;margin-top: 110px;text-align: center;}
.cases , .cases * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1100px){
	.casebox h2{width: 100%;}
	.casebox .navs{position: initial;padding-bottom: 44px;}
}
@media (max-width:767px){
	.cases{padding: 30px 0 0;}
	.casebox h2{font-size: 24px;line-height: 1.2em;width: 100%;}
	.casebox h4{font-size: 14px;padding: 0;}
	.casebox .navs{position: initial;padding: 20px 0;width: 180px;height: 34px;}
	.casebox .navs a{width: 80px;height: 32px;line-height: 32px;font-size: 14px;}
	.casebox .cnavs a{width: 90px;height: 36px;font-size: 14px;line-height: 36px;}
	.casebox .cnavs a + a{margin-left: 30px;}
	.casebox .casegroup{padding-top: 20px;}
	.casegroup .item{width: 48%;padding-bottom: 10px;}
	.casegroup .img span{font-size: 18px;}
	.casegroup h3{font-size: 16px;margin-top: 14px;}
	.casegroup h5{font-size: 14px;margin-top: 14px;}
	.casegroup .item:hover h3,.casegroup .item:hover h5{padding: 0 6px;}
}


.fuwu{width: 100%;height: auto;background: url(../img/fu-bg.jpg) center 0px / cover no-repeat;box-sizing: border-box;padding: 120px 0 120px;}
.fuwu .fuwubox{width: 90%;height: auto;margin: 0 auto;}
.fuwu.fuwunews{padding: 50px 0 70px;background: #fff;}
.fuwubox h2{font-size: 48px;line-height: 1em;color: #fff;text-align: center;}
.fuwubox h4{font-size: 16px;line-height: 1em;color: rgba(255, 255, 255, 0.5);margin-top: 30px;font-weight: 500;text-align: center;}
.fuwubox .fuwugroup{width: 100%;height: auto;margin-top: 70px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.fuwugroup li{width: 48.6%;height: 0;padding-top: 23%;margin-bottom: 50px;position: relative;overflow: hidden;}
.fuwugroup .li1{background: url("../img/fw1.jpg") no-repeat;background-size: 100%;}
.fuwugroup .li2{background: url("../img/fw2.jpg") no-repeat;background-size: 100%;}
.fuwugroup .li3{background: url("../img/fw3.jpg") no-repeat;background-size: 100%;}
.fuwugroup .li4{background: url("../img/fw4.jpg") no-repeat;background-size: 100%;}
.fuwugroup li h3{font-size: 36px;line-height: 1em;font-weight: 500; color: #333; position: absolute;left: 60px;top: 20%;}
.fuwugroup li h3 a{color: #333;}
.fuwugroup li h3 a:hover{ color:#75a315}
.fuwugroup li h5{font-size: 15px;line-height: 1.5em;font-weight: 500; color: #666;position: absolute;left: 60px;top: 36%;width:38%;}
.fuwugroup li .more{width: 140px;height: 46px;border-radius: 46px;border: 1px solid rgba(0,111,208,0.3);font-size: 16px;color: #006fd0; display: flex;align-items: center;justify-content: center;position: absolute;left: 60px;bottom: 20%;z-index: 10;}
.fuwugroup li .more img:nth-of-type(2){ display:none}
.fuwugroup li:hover .more{border-color: #006fd0; background:#75a315; color:#fff; border: 1px solid #75a315}
.fuwugroup li .more img{width: 12px;height: 11px;margin-left: 10px;}
.fuwugroup li:hover .more img:nth-of-type(1){ display:none}
.fuwugroup li:hover .more img:nth-of-type(2){ display:block}
.fuwu , .fuwu * {transition: all 0.1s ease-in-out;}

.fuwugroup li:hover h3 a {color:#75a315; }


@media (min-width:768px) and (max-width:1200px){
	.fuwugroup li h3{top:10%; left: 20px;font-size: 28px;}
	.fuwugroup li h5{top: 30%; left: 20px;font-size: 14px;line-height: 1.4em;}
	.fuwugroup li .more{left: 20px;bottom: 10%;width: 100px;height: 36px;font-size: 14px;}
}
@media (max-width:767px){
	.fuwu{padding: 30px 0;}
	.fuwu.fuwunews{padding: 30px 0;}
	.fuwubox h2{font-size: 24px;}
	.fuwubox h4{font-size: 14px;margin-top: 20px;}
	.fuwubox .fuwugroup{margin-top: 20px;}
	.fuwugroup li{width: 100%;padding-top: 46%;margin-bottom: 20px;}
	.fuwugroup li h3{top:15px; left: 10px;font-size: 22px;}
	.fuwugroup li h5{top: 45px; left: 10px;font-size: 12px;line-height: 1.2em;}
	.fuwugroup li .more{left: 10px;bottom: 10px;width: 90px;height: 32px;font-size: 12px;}
}


.par{width: 100%;height: auto;background: #fff;box-sizing: border-box;padding: 120px 0 140px;}
.par .parbox{width: 90%;height: auto;margin: 0 auto;}
.par .title{display: flex;align-items: center;justify-content: center;}
.par .title .t1{font-size: 140px;line-height: 120px;height: 120px; color: #e21d25;position: relative;}
.par .title .t1::after{content: "+";display: block;font-size: 36px;line-height: 24px; color: #e21d25;position: absolute;top: 0;right: -30px;}
.par .title .t2{margin-left: 90px;display: flex;flex-direction: column;color: #333;}
.par .title em{font-size: 48px;line-height: 1em;}
.par .title i{font-size: 54px;line-height: 1em;font-weight: 700;margin-top: 16px;}
.par .pargroup{width: 100%; max-width: 1561px;height: auto;margin: 100px auto 0;display: flex;flex-wrap: wrap;box-sizing: border-box;
	border-top: 1px solid #ddd;border-left: 1px solid #ddd;}
.pargroup li{width: 16.666667%;height: 120px;display: flex;align-items: center;justify-content: center;cursor: pointer;overflow: hidden;
	box-sizing: border-box;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.par , .par * {transition: all 0.3s ease-in-out;}
@media (min-width:1201px) and (max-width:1500px){
	.pargroup li{width: 20%;}
}
@media (min-width:1001px) and (max-width:1200px){
	.pargroup li{width: 25%;}
}
@media (min-width:768px) and (max-width:1000px){
	.pargroup li{width: 33.333333%;}
}
@media (max-width:767px){
	.par{padding: 30px 0;}
	.par .title .t1{font-size: 48px;line-height: 60px;height: 60px;}
	.par .title .t2{margin-left: 30px;}
	.par .title .t2 em{font-size: 16px;}
	.par .title .t2 i{font-size: 18px;}
	.par .pargroup{margin-top: 30px;}
	.pargroup li{width: 50%;height: 100px;}
	.pargroup li img{transform: scale(0.7);}
}

.news{width: 100%;height: auto;background: #f9f9f9;box-sizing: border-box;padding: 100px 0 130px;}
.news .newsbox{width: 90%;height: auto;margin: 0 auto;}
.newsbox .title{width: 100%;box-sizing: border-box;padding-bottom: 40px;border-bottom: 1px solid #ddd;position: relative;}
.newsbox .title > a{font-size: 48px;line-height: 1em;font-weight: 700;color: #333;display: inline-block;position: relative;}
.newsbox .title > a::after{content: "";display: inline-block;width: 18px;height: 22px;position: absolute;right: -48px;top: 13px;
	background: url("../img/jt-1.png") no-repeat;background-size: 18px;}
.newsbox .navs{height: 46px;display: flex;justify-content: space-between;align-items: center;position: absolute;right: 0;top: 0;}
.newsbox .navs a{width: 130px;height: 46px;border-radius: 46px;border: 1px solid #ddd;color: #333;font-size: 16px;line-height: 46px;display: block;text-align: center; margin-right:20px}
.newsbox .navs a:last-child{ margin-right:0}
.newsbox .navs a:hover{color: #fff;border-color: #75a315; background:#75a315}
.newsbox dl{width: 100%;height: auto;margin-top: 60px;display: flex;flex-wrap: wrap;}
.newsbox dl dt{width: 48%;height: 560px;border: 1px solid #ddd;box-sizing: border-box;}
.newsbox dl dt a{width: 100%;height: 100%;display: block;box-sizing: border-box;}
.newsbox dl dt .nimg{width: 100%;height: 400px;position: relative;overflow: hidden;}
.newsbox dl dt .nimg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.newsbox dl dt h3{font-size: 20px;line-height: 1em;color:#333;padding: 30px 20px;}
.newsbox dl dt p{font-size: 14px;line-height: 30px;color: #999; padding: 0 20px;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsbox dl dt:hover{box-shadow: 0px 0px 10px 1px #ddd;}
.newsbox dl dt:hover img{transform: scale(1.1);}
.newsbox dl dd{width: 50%;height: 560px;box-sizing: border-box;margin-left: 2%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.newsbox dl dd .nitem{width: 48.5%;height: 270px;box-sizing: border-box;border: 1px solid #ddd;padding: 10px 20px;display: block;margin-bottom: 20px;}
.newsbox .nitem h4{font-size: 18px;line-height: 1em;color: #333;padding: 20px 0;font-weight: 500;}
.newsbox .nitem p{font-size: 14px;line-height: 30px;color: #999;padding: 10px 0 0 0;border-top: 1px solid #ddd;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.newsbox .nitem .time{margin-top: 44px;display: flex;align-items: center;height: 20px;}
.newsbox .nitem .time img{width: 15px;height: 15px;margin-right: 10px;}
.newsbox .nitem .time span{font-size: 14px;line-height: 1em;color: #999999;}
.newsbox dl dd .nitem:hover{box-shadow: 0px 0px 10px 1px #ddd;}
.news , .news * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1200px){
	.newsbox .navs{position: initial;margin-top: 30px}
}
@media (max-width:767px){
	.news{padding: 30px 0;}
	.newsbox .title{padding-bottom: 0;}
	.newsbox .title > a{font-size: 24px;line-height: 1.2em;}
	.newsbox .title > a::after{display: none;}
	.newsbox .navs{position: initial;padding: 20px 0;width: 180px;height: 34px;}
	.newsbox .navs a{width: 80px;height: 32px;line-height: 32px;font-size: 14px;}
	.newsbox dl{margin-top: 30px;}
	.newsbox dl dt{width: 100%;height: auto;}
	.newsbox dl dt a{padding-bottom: 20px;}
	.newsbox dl dt .nimg{height: 0;padding-top: 48.3%;}
	.newsbox dl dt h3{font-size: 16px;padding: 15px 10px;}
	.newsbox dl dt p{padding: 0 10px;line-height: 24px;}
	.newsbox dl dd{width: 100%;height: auto;margin: 20px 0 0 0;}
	.newsbox dl dd .nitem{height: auto;padding: 20px 10px;}
	.newsbox .nitem h4{font-size: 16px;padding: 0 0 20px 0;}
	.newsbox .nitem p{line-height: 24px;}
	.newsbox .nitem .time{margin-top: 20px;}
}

.form{width: 100%;height: auto;background: #ffffff;box-sizing: border-box;padding: 100px 0 70px;}
.form .formbox{width: 90%;height: auto;margin: 0 auto;}
.form.form-contact{padding: 0 0 70px;}
.formbox .title{width: 100%;box-sizing: border-box;padding-bottom: 40px;border-bottom: 1px solid #ddd;position: relative;}
.formbox .title > a{font-size: 48px;line-height: 1em;font-weight: 700;color: #333;display: inline-block;position: relative;}
.formbox .title > a::after{content: "";display: inline-block;width: 18px;height: 22px;position: absolute;right: -48px;top: 13px;
	background: url("../img/jt-1.png") no-repeat;background-size: 18px;}
.formbox .formgroup{width: 100%;height: auto;display: flex;justify-content: space-between; flex-wrap: wrap;margin-top: 50px;}
.formgroup > input[type='text']{height: 70px;border: 1px solid #ddd;box-sizing: border-box;padding-left: 20px;font-size: 16px;color: #333;}
.formgroup > input[type='text']:focus{ border:1px solid rgba(115,163,21,.7); outline:none }
.formgroup #name{width: 23%;}
.formgroup #telphone{width: 23%;}
.formgroup #remark{width: 34%;}
.formgroup #submit{width: 15%;height: 70px; background-image: linear-gradient(to bottom,#84bd15 ,#75a315); color: #fff; font-size: 16px;cursor: pointer; transition:all 0.3s}
.formgroup #submit:hover{ background-image: linear-gradient(to bottom,#75a315,#84bd15); }
.form , .form * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.form{padding: 30px 0;}
	.form.form-contact{padding: 0 0 30px 0;}
	.formbox .title{padding-bottom: 20px;}
	.formbox .title > a{font-size: 24px;line-height: 1.2em;}
	.formbox .title > a::after{display: none;}
	.formbox .formgroup{margin-top: 20px;}
	.formgroup > input[type='text']{height: 44px;}
	.formgroup #name{width: 48%;}
	.formgroup #telphone{width: 48%;}
	.formgroup #remark{width: 66%;margin-top: 20px;}
	.formgroup #submit{width: 30%;margin-top: 20px;height: 44px;}
}


.uss{width: 100%;height: auto;box-sizing: border-box;padding: 80px 0 50px;background: url(../img/us-bg.jpg) center 0px / cover no-repeat;}
.uss .usbox{width: 90%;height: auto;margin: 0 auto;}
.usbox .title{width: 100%;box-sizing: border-box;padding-bottom: 40px;border-bottom: 1px solid rgba(255,255,255,0.2);position: relative;}
.usbox .title > a{font-size: 48px;line-height: 1em;font-weight: 700;color: #fff;display: inline-block;position: relative;}
.usbox .title > a::after{content: "";display: inline-block;width: 18px;height: 22px;position: absolute;right: -48px;top: 13px;
	background: url("../img/jt-2.png") no-repeat;background-size: 18px;}
.usbox .usgroup{width: 100%;margin-top: 50px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.usgroup li{width: 23.2%;height: auto;}
.usgroup li .uitem{width: 100%;background: #f4f3f6;box-sizing: border-box;padding: 37px 0;cursor: pointer;}
.usgroup li p{font-size: 24px;line-height: 36px;color: #333;text-align: center;overflow: hidden;height: 72px;}
.usgroup li img{width: 130px;height: 130px;margin: 24px auto 0;}
.usgroup li h5{font-size: 20px;line-height: 1em;color: #fff;font-weight: 500;text-align: center;padding: 30px 0;}
.usgroup li:hover img{transform: rotate(360deg); filter: drop-shadow(2px 2px 10px rgba(0, 0, 0, 0.3));}
.usgroup li:hover .uitem{box-shadow: 0px 0px 10px 1px #ddd;}
.uss , .uss * {transition: all 0.3s ease-in-out;}
@media (min-width:1001px) and (max-width:1200px){
	.usgroup li p{font-size: 20px;}
}
@media (min-width:768px) and (max-width:1000px){
	.usgroup li p{font-size: 16px;}
	.usgroup li img{width: 100px;height: 100px;}
}
@media (max-width:767px){
	.uss{padding: 30px 0;}
	.usbox .title{padding-bottom: 20px;}
	.usbox .title > a{font-size: 24px;line-height: 1.2em;}
	.usbox .title > a::after{display: none;}
	.usbox .usgroup{margin-top: 20px;}
	.usgroup li{width: 48%;}
	.usgroup li .uitem{padding: 17px 0;}
	.usgroup li p{font-size: 14px;line-height: 24px;height: 48px;}
	.usgroup li img{width: 80px;height: 80px;margin: 14px auto 0;}
	.usgroup li h5{font-size: 16px;padding: 15px 0;}
}

/* 关于我们部分 */

.aboutbg{width: 100%;height: 750px;box-sizing: border-box;padding: 300px 0 0;}
.aboutbg h3{font-size: 48px;line-height: 90px;color: #ffffff;font-weight: 500; text-align: center;}
.aboutbg , .aboutbg * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.aboutbg {height: 300px;padding: 120px 0 0;}
	.aboutbg h3{font-size: 24px;line-height: 36px;}
}

.about{width: 100%;height: auto;box-sizing: border-box;padding: 100px 0;background: #fff;}
.about .abbox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.about h2{font-size: 120px;line-height: 90px;color: rgba(24,67,155,0.05);text-align: center;width: 100%;
	position: absolute;top: 0;left: 0;overflow: hidden;white-space: nowrap;}
.about h4{font-size: 48px;line-height: 1em;color: #333;font-weight: 500;text-align: center;padding-top: 60px;}
.about .line{width: 50px;height: 4px;background: #75a315;margin: 40px auto 0;}
.about .intro{margin-top: 55px;box-sizing: border-box;padding: 0 140px;}
.about .intro p{font-size: 17px;line-height: 40px;color: #333; margin-bottom:20px}
.about .intro p + p{margin-top: 10px;}
.about .abgroup{width: 100%;max-width: 1260px;height: auto; margin: 60px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about .abgroup li{width: 160px;height: 160px;box-sizing: border-box;border: 1px solid rgba(115,163,21,0.3);
	display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 20px;}
.about .abgroup li img{height: 56px;}
.about .abgroup li span{font-size: 18px;line-height: 1em;color: #333;margin-top: 24px;}
.about .abgroup li:hover{box-shadow: 0px 0px 10px 1px #ddd;border-color: rgba(115,163,21,0.5);}
.about .abgroup li:hover img{filter: drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5));}
.about , .about * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1200px){
	.about h2{font-size: 90px;}
	.about h4{font-size: 40px;}
	.about .intro{padding: 0 80px;}
	.about .abgroup{justify-content: initial;}
	.about .abgroup li{margin-right: 20px;}
}
@media (max-width:767px){
	.about{padding: 30px 0;}
	.about h2{font-size: 32px;line-height: 1em;}
	.about h4{font-size: 24px;padding-top: 20px;}
	.about .line{margin-top: 20px;}
	.about .intro{padding: 0;margin-top: 20px;}
	.about .intro p{font-size: 16px;line-height: 24px;}
	.about .abgroup{margin: 30px auto 0;justify-content: center;}
	.about .abgroup li{margin-right: 20px;width: 140px;height: 140px;}
	.about .abgroup li img{transform: scale(0.8);}
	.about .abgroup li span{font-size: 14px;}
}
@media (max-width:400px){
	.about .abgroup li{width: 130px;height: 130px;}
	.about .abgroup li:nth-child(2n){margin-right: 0;}
}

.our{width: 100%;height: auto;box-sizing: border-box;padding: 110px 0 130px;background: url("../img/our-bg.jpg") center 0px / cover no-repeat}
.our .ourbox{width: 90%;height: auto;margin: 0 auto;}
.ourbox h3{font-size: 48px;line-height: 1em;font-weight: 500;color: #fff;text-align: center;}
.ourbox h5{font-size: 18px;line-height: 1em;font-weight: 500;color: #fff;text-align: center;margin-top: 30px;}
.ourbox ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap; margin-top: 60px;}
.ourbox ul li{width: 22%;height: auto;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.2);position: relative;padding-bottom: 130px;}
.ourbox ul li .img{width: 100%;height: 0;padding-top: 65.8%;position: relative;overflow: hidden;}
.ourbox ul li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.ourbox ul li .name{font-size: 28px;line-height: 1em;color: #fff;padding: 30px 30px 0;}
.ourbox ul li .des{font-size: 17px;line-height: 36px;color: #fff;padding: 24px 30px 0;}
.ourbox ul li > a{width: 140px;height: 44px;border-radius: 44px;border: 1px solid rgba(255, 255, 255, 0.3);font-size: 16px;color: #fff;
	display: flex;align-items: center;justify-content: center;position: absolute;left: 30px;bottom: 20px;}
.ourbox ul li .jt{width: 12px;height: 11px;margin-left: 8px;}
.ourbox ul li:hover{box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.4);}
.ourbox ul li:hover > a{ background:#73a315; border: 1px solid #73a315;}
.ourbox ul li:hover .name{ color:#a4d741}
.our , .our * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1200px){
	.ourbox ul li{width: 24%;padding-bottom: 80px;}
	.ourbox ul li .name{font-size: 24px; padding: 20px 20px 0;}
	.ourbox ul li .des{font-size: 16px;line-height: 1.4em; padding: 16px 20px 0;}
	.ourbox ul li > a{left: 20px;width: 120px;}
}
@media (max-width:767px){
	.our{padding: 30px 0;}
	.ourbox h3{font-size: 24px;line-height: 1em;}
	.ourbox h5{font-size: 14px;margin-top: 20px;}
	.ourbox ul{margin-top: 20px;}
	.ourbox ul li{width: 48%;padding-bottom: 70px;}
	.ourbox ul li .name{font-size: 18px; padding: 16px 14px 0;}
	.ourbox ul li .des{font-size: 14px;line-height: 1.4em; padding: 16px 14px 0;}
	.ourbox ul li > a{left: 14px;width: 90px;height: 32px;font-size: 12px;bottom: 12px;}
	.ourbox ul li:nth-child(n+3){margin-top: 20px;}
}

.wenhua{width: 100%;height: auto;box-sizing: border-box;padding: 120px 0 90px;background: #fff;}
.wenhua .whbox{width: 90%;height: auto;margin: 0 auto;}
.whbox h3{font-size: 36px;line-height: 1em;font-weight: 500;color: #333;}
.whbox ul{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.whbox ul li{width: 48%;height: 350px;box-sizing: border-box;border: 1px solid #ddd;padding: 0 40px;margin-bottom: 60px;}
.whbox ul li .biao{width: 100%;padding:66px 0 24px;font-size: 30px;line-height: 1em;color: #75a315;font-weight: 700;
	display: flex;align-items: center;position: relative;border-bottom: 1px solid #ddd;}
.whbox ul li .biao img{height: 57px;margin-right: 20px;}
.whbox ul li .biao::before{content: "";display: block;width: 6px;height: 40px;background: #75a315;position: absolute;top: 75px;left: -40px;}
.whbox ul li p{font-size: 18px;line-height: 2em;color: #999999;margin-top: 30px;}
.whbox ul li:hover{box-shadow: 0px 0px 10px 1px #ddd;}
.wenhua , .wenhua * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.wenhua{padding: 30px 0 10px;}
	.whbox h3{font-size: 24px;}
	.whbox ul{margin-top: 30px;}
	.whbox ul li{width: 100%;height: auto; margin-bottom: 20px;padding: 0 20px 40px;}
	.whbox ul li .biao{font-size: 20px;padding: 20px 0;}
	.whbox ul li .biao img{height: 36px;margin-right: 10px;}
	.whbox ul li .biao::before{width: 4px;height: 32px; left: -20px;top: 23px;}
	.whbox ul li p{font-size: 14px;margin-top: 20px;}
}


/* 客户案例部分 */
.casebg{width: 100%;height: 750px;box-sizing: border-box;padding: 300px 0 0;}
.casebg .title{display: flex;align-items: center;justify-content: center;}
.casebg .title .t1{font-size: 140px;line-height: 120px;height: 120px; color: #e21d25;position: relative;}
.casebg .title .t1::after{content: "+";display: block;font-size: 36px;line-height: 24px; color: #e21d25;position: absolute;top: 0;right: -30px;}
.casebg .title .t2{margin-left: 90px;display: flex;flex-direction: column;color: #ffffff;}
.casebg .title em{font-size: 48px;line-height: 1em;}
.casebg .title i{font-size: 54px;line-height: 1em;font-weight: 700;margin-top: 16px;}
.casebg h4{font-size: 20px;line-height: 1em;color: #fff;text-align: center;margin-top: 60px;font-weight: 500;}
.casebg , .casebg * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.casebg {height: 300px;padding: 120px 0 0;}
	.casebg .title .t1{font-size: 48px;line-height: 60px;height: 60px;}
	.casebg .title .t2{margin-left: 30px;}
	.casebg .title .t2 em{font-size: 16px;}
	.casebg .title .t2 i{font-size: 18px;}
	.casebg h4{font-size: 16px;line-height: 1.4em; margin-top: 30px;box-sizing: border-box;padding: 0 20px;}
}


/* 联系我们部分 */
.contactbg{width: 100%;height: 830px;box-sizing: border-box;padding: 235px 0 0 7.8%;color: #fff;}
.contactbg h2{font-size: 72px;line-height: 1em; text-transform:uppercase}
.contactbg h3{font-size: 72px;line-height: 1em;margin-top: 10px; text-transform:uppercase}
.contactbg h4{font-size: 26px;line-height: 1em;margin-top: 50px; }
.contactbg h5{font-size: 32px;line-height: 1em;font-weight: 500;margin-top: 75px;}

.contactbg , .contactbg * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.contactbg {height: 300px;padding: 80px 0 0 7.8%;}
	.contactbg h2{font-size: 32px;}
	.contactbg h3{font-size: 32px;}
	.contactbg h4{font-size: 18px;margin-top: 20px;}
	.contactbg h5{font-size: 24px;;margin-top: 35px;}
}
.company{width: 100%;height: auto;box-sizing: border-box;background: #fff;}
.company .compbox{width: 90%;height: 800px;margin: 0 auto;box-shadow: 0px 5px 35px 0px rgba(174,174,174,0.23);background: #fff;
	position: relative;top: -160px;z-index: 50;box-sizing: border-box;padding: 60px 50px 76px;display: flex;flex-wrap: wrap;}
.compbox .img{width: 52%;height: 100%;position: relative;overflow: hidden;}
.compbox .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.compbox .neir{width: 42%;height: 100%;margin-left: 6%;}
.compbox h3{width: 100%;font-size: 30px;line-height: 1em;padding: 40px 0 30px;border-bottom: 1px solid #ddd;}
.compbox ul{margin: 40px 0 50px;}
.compbox ul li{font-size: 18px;line-height: 1em;color: #333;}
.compbox ul li + li {margin-top: 30px;}
.compbox .gz{width: 180px;height: 56px;font-size: 18px;color: #fff;background: #75a315; background:#75a315; border-radius: 60px;display: flex;align-items: center;justify-content: center;}
.compbox ol{width: 100%;height: auto;display: flex;justify-content: space-between;margin: 40px 0 0;padding: 0;}
.compbox ol li img{width: 90px;height: 90px;border: 10px solid #fff;outline: 1px solid #ddd;}
.compbox ol li img:hover{box-shadow: 0px 0px 10px 1px #ddd;}
.compbox ol li p{font-size: 14px;line-height: 32px;color: #444444;text-align: center;}
.company , .company * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1500px){
	.company .compbox{height: 700px;padding: 50px 30px;}
	.compbox .img{width: 42%;}
	.compbox .neir{width: 54%;margin-left: 4%;display: flex;flex-direction: column;justify-content: space-around;}
	.compbox h3{padding: 0 0 20px;}
	.compbox ul{margin: 10px 0}
	.compbox ul li + li {margin-top: 20px;}
	.compbox .gz{width: 140px;height: 44px;}
	.compbox ol{margin: 10px 0 0;flex-wrap: wrap;}
}

@media (max-width:767px){
	.company{padding: 30px 0;}
	.company .compbox{top: 0;position: initial;padding: 0;height: auto;}
	.compbox .img{width: 100%;height: auto;}
	.compbox .img img{position: initial;}
	.compbox .neir{width: 100%;margin: 0;box-sizing: border-box;padding: 0 15px 20px;}
	.compbox h3{font-size: 22px;padding: 20px 0;}
	.compbox ul{margin: 20px 0;}
	.compbox ul li{font-size: 16px;line-height: 1.4em;}
	.compbox ul li + li {margin-top: 12px;}
	.compbox .gz{width: 140px;height: 44px;}
	.compbox ol{margin: 20px 0 0;flex-wrap: wrap;justify-content: flex-start;}
	.compbox ol li{margin-right: 10px;}
	.compbox ol li img{width: 80px;height: 80px;border-width: 6px;}
}


/* 新闻资讯部分 */
.newsbg{width: 100%;height: 750px;box-sizing: border-box;padding: 320px 0 0;}
.newsbg h3{font-size: 60px;line-height: 1em;color: #fff;text-align: center;}
.newsbg h4{font-size: 20px;line-height: 1em;color: #fff;text-align: center;margin-top: 30px;font-weight: 500;}
.newsbg , .newsbg * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.newsbg {height: 300px;padding: 120px 0 0;}
	.newsbg h3{font-size: 32px;line-height: 1em;}
	.newsbg h4{font-size: 16px;line-height: 1.4em; margin-top: 20px;box-sizing: border-box;padding: 0 20px;}
}

.infor{width: 100%;height: auto;box-sizing: border-box;padding: 100px 0 150px;background: #fff;}
.infor .inforbox{width: 90%;height: auto;margin: 0 auto;}
.inforbox .cnavs{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;}
.inforbox .cnavs a{width: 240px;height: 70px;background: #f9f9f9; color: #333;display: block;font-size: 18px;line-height: 70px;text-align: center;}
.inforbox .cnavs a + a{margin-left: 40px;}
.inforbox .cnavs a.on,.inforbox .cnavs a:hover{background: #75a315;color: #fff;}
.inforbox .inforgroup{width: 100%;height: auto;margin-top: 80px;border-top: 1px solid #ddd;}
.inforbox .ilist{width: 100%;height: 420px;box-sizing: border-box;padding: 50px 0;border-bottom: 1px solid #ddd;display: flex;}
.ilist .img{width: 500px;height: 320px;overflow: hidden;}
.ilist .img img{width: 100%;height: 100%;object-fit: cover;}
.ilist .cont{width: calc(100% - 500px);height: 100%;box-sizing: border-box;padding: 40px 50px 0;position: relative;}
.ilist h4{font-size: 36px;line-height: 1.2em;color: #333;font-weight: 500;}
.ilist:hover h4{ color:#75a315}
.ilist h5{font-size: 18px;line-height: 2em;color: #555;font-weight: 500;margin-top: 30px;
	overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ilist .time{font-size: 18px;line-height: 1em;height: 18px;display: flex;position: absolute;left: 50px;bottom: 50px;}
.ilist .time .t1{color: #999;width: 136px;border-right: 2px solid #ddd;}
.ilist .time .t2{color: #75a315;margin-left: 30px;}
.inforbox .infopag{width: 100%;margin-top: 80px;text-align: center;}
.infor , .infor * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1400px){
	.inforbox .ilist{height: 320px;}
	.ilist .img{width: 340px;height: 220px;}
	.ilist .cont{width: calc(100% - 340px);padding: 20px 40px 0;}
	.ilist h4{font-size: 32px;}
	.ilist h5{line-height: 1.5em;}
	.ilist .time{bottom: 20px;}
}
@media (max-width:767px){
	.infor{padding: 30px 0;}
	.inforbox .cnavs a{width: 90px;height: 36px;font-size: 14px;line-height: 36px;}
	.inforbox .cnavs a + a{margin-left: 20px;}
	.inforbox .inforgroup{margin-top: 30px;}
	.inforbox .ilist{height: 120px;padding: 20px 0;}
	.ilist .img{width: 120px;height: 80px;}
	.ilist .cont{width: calc(100% - 120px);padding: 0 10px;}
	.ilist h4{font-size: 16px;font-weight: 700;}
	.ilist h5{font-size: 12px;line-height: 1.2em;margin-top: 10px;}
	.ilist .time{bottom: 0px;left: 10px;font-size: 12px;height: 12px}
	.ilist .time .t1{;width: 84px;}
	.ilist .time .t2{margin-left: 20px;}
	.inforbox .infopag{margin-top: 30px;}
}


/* 新闻资讯详情部分 */
.npage{width: 100%;background: #f6f6f6;margin-top: 100px;padding: 23px 0;}
.npage .navigation{width: 90%;display: flex;flex-wrap: wrap; align-items: center;margin: 0 auto;font-size: 14px;line-height: 24px;}
.npage .navigation a{color: #999;}
.npage .navigation span{color: #999;margin: 0 12px;}
.npage .navigation a.spe{color: #999;}
.npage .navigation a:hover{ color:#75a315; text-decoration:underline}
.npage , .npage * {transition: all 0.3s ease-in-out;}
.ntitle{width: 100%;background: #fff;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 80px 0 40px;
	display: flex;flex-direction: column;justify-content: center;}
.ntitle h2{font-size: 36px;line-height: 1em;color: #333;text-align: center;}
.ntitle .other{font-size: 16px;line-height: 24px; margin-top: 30px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.ntitle span{color: #75a315;}
.ntitle em{color: #ddd; margin: 0 30px;}
.ntitle i{color: #666;}
.ntitle , .ntitle * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.npage .navigation{width: 100%;padding: 0 15px;box-sizing: border-box;}
	.npage{padding: 10px 0;}
	.ntitle{padding: 20px 15px;}
	.ntitle h2{font-size: 20px;line-height: 1.2em;}
	.ntitle .other{font-size: 14px;margin-top: 20px;}
	.ntitle em{margin: 0 10px;}
}
.ndetail{width: 100%;height: auto;background: #fff;box-sizing: border-box;border-bottom: 1px solid #ddd;padding: 66px 0 0;}
.ndetail .ndbox{width: calc(80% - 20px);height: auto;margin: 0 auto;display: flex;flex-wrap: wrap;}
.ndbox .left{width: calc(100% - 460px - 80px);}
.ndbox .left .ninfo{width: 100%; font-size: 16px;line-height: 32px; color: #555;box-sizing: border-box; padding-bottom: 40px;}
.ndbox .left .ninfo div,.ndbox .left .ninfo p{ margin-bottom:15px}
.ndbox .left .nmenu{width: 100%;display: flex;align-items: center;justify-content: space-between;padding: 56px 0;border-top: 1px solid #ddd;}
.ndbox .left .nmenu a{font-size: 16px;line-height: 24px;color: #555;display: flex;height: 24px;align-items: center;}
.ndbox .left .nmenu a:hover{color: #75a315;}
.ndbox .left .nmenu .sp{margin: 0 20px;}
.ndbox .left .nmenu .jt1{width: 10px;min-width: 10px;height: 18px;background: url("../img/jt-5.png") no-repeat;background-size: 10px;margin-right: 20px;}
.ndbox .left .nmenu .jt2{width: 10px;min-width: 10px;height: 18px;background: url("../img/jt-6.png") no-repeat;background-size: 10px;margin-left: 20px;}
.ndbox .left .nmenu .menu{width: 15px;height: 14px;background: url("../img/menu.png") no-repeat;min-width: 15px;background-size: 15px;margin-right: 10px;}
.ndbox .right{width: 460px;height: 750px;box-sizing: border-box;border: 1px solid #ddd;margin:0 0 40px 80px;padding: 40px 30px 34px;}
.ndbox .right h3{font-size: 24px;line-height: 1em;color: #333;padding-left: 26px;position: relative;margin-bottom: 20px;}
.ndbox .right h3::before{width: 6px;height: 24px;background: #75a315;content: "";display: block;position: absolute;left: 0;top: 0;}
.ndbox .right .tlist{width: 100%;height: 90px;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center;}
.ndbox .right .tlist + .tlist{border-top: 1px dashed #ddd;}
.ndbox .right .tlist .bt{font-size: 16px;line-height: 1.2em;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ndbox .right .tlist .bt:hover{ color:#75a315; background:rgba(117,163,21,.05)}
.ndbox .right .tlist .tm{font-size: 16px;line-height: 1em;color: #999;margin-top: 20px;}
.ndetail , .ndetail * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1300px){
	.ndetail .ndbox{width: 90%;}
	.ndbox .left{width: calc(100% - 340px - 40px);}
	.ndbox .right{width: 340px; margin: 0 0 40px 40px;}
}
@media (max-width:767px){
	.ndetail{padding: 20px 0;}
	.ndetail .ndbox{width: 100%;box-sizing: border-box;padding: 0 15px;}
	.ndbox .left{width: 100%;}
	.ndbox .left .ninfo{padding-bottom: 20px;font-size: 14px;line-height: 30px;}
	.ndbox .left .nmenu{padding: 15px 0;justify-content: initial;flex-wrap: wrap;}
	.ndbox .left .nmenu a{width: 100%;font-size: 14px;}
	.ndbox .left .nmenu a + a{margin-top: 10px;}
	.ndbox .left .nmenu .sp{margin: 10px 0;display: none;}
	.ndbox .right{width: 100%;margin: 0;height: auto;padding: 0;border: none;border-top: 1px solid #ddd;}
	.ndbox .right h3{margin: 20px 0;font-size: 20px;}
	.ndbox .right h3::before{height: 20px;}
	.ndbox .right .tlist{height: 70px;}
	.ndbox .right .tlist .bt{font-size: 14px;}
	.ndbox .right .tlist .tm{font-size: 14px;margin-top: 10px;}
}

/* 案例详情部分 */
.caseinfobg{width: 100%;height: 1000px;box-sizing: border-box;padding: 230px 0 0;position: relative;}
.caseinfobg h3{font-size: 68px;line-height: 1em;color: #fff;text-align: center;font-weight: 500;}
.caseinfobg h4{font-size: 18px;line-height: 1em;color: #fff;text-align: center;margin-top: 40px;font-weight: 500;}
.caseinfobg .tvbg{width: 77vw;height: 0;padding-top: 38.8%;background: url("../img/case-com.png") center 0px / cover no-repeat;
	position: absolute;left: 0;right: 0;margin: 0 auto;top: 440px;z-index: 50;}
.caseinfobg .tvbg .top{width: 81.5%;height: 90.7%;position: absolute;top: 6px;left: 0;right: 0;margin: 0 auto;}
.caseinfobg , .caseinfobg h3, .caseinfobg h4 {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.caseinfobg {height: 300px;padding: 120px 0 0;}
	.caseinfobg h3{font-size: 32px;line-height: 1em;}
	.caseinfobg h4{font-size: 16px;line-height: 1.4em; margin-top: 20px;box-sizing: border-box;padding: 0 20px;}
	.caseinfobg .tvbg{display: none;}
}
.cdetail{width: 100%;height: auto;box-sizing: border-box;padding: 320px 0 50px;background: #fff;}
.cdetail .cabox{width: 90%;height: auto;margin: 0 auto;}
.cabox .catop{width: 100%;height: auto;border-bottom: 1px solid #ddd;box-sizing: border-box;position: relative;padding-bottom: 50px;}
.cabox .catop h3{font-size: 48px;line-height: 1em;color: #333;}
.cabox .catop h5{font-size: 20px;line-height: 1em;color: #333;margin-top: 28px;font-weight: 500;}
.cabox .catop .cabtn{display: inline-flex;font-size: 16px;line-height: 20px; color: #fff;background: #75a315;padding: 25px 78px;border-radius: 70px;
	position: absolute;right: 0;top: 24px;}
.cabox .catop .link{width: 20px;height: 20px;margin-right: 26px;}
.cabox .caInfo{width: 100%;height: auto;box-sizing: border-box;padding: 40px 0;font-size: 16px;line-height: 36px; color: #333;}
.cabox .caInfo img{width: initial;height: auto;display: block;max-width: 100%;margin: 30px auto 0;}
.cabox .catit{width: 100%;box-sizing: border-box;padding-bottom: 40px;border-bottom: 1px solid #ddd;position: relative;margin-top: 100px;}
.cabox .catit .caa{font-size: 48px;line-height: 1em;font-weight: 700;color: #333;display: inline-block;position: relative;}
.cabox .catit .caa::after{content: "";display: inline-block;width: 18px;height: 22px;position: absolute;right: -48px;top: 13px;
	background: url("../img/jt-1.png") no-repeat;background-size: 18px;}
.cabox .catit .more{width: 160px;height: 46px;border-radius: 46px;border: 1px solid #ddd;color: #333;font-size: 16px;
	display: flex;justify-content: center;align-items: center;position: absolute;right: 0;top: 0;}
.cabox .catit .more:hover{color: #75a315;border-color: #75a315;}
.cabox .caseinfogroup{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 50px;}
.caseinfogroup .item{width: 32.1%;height: auto;display: block;margin-bottom: 20px;padding-bottom: 30px;}
.caseinfogroup .img{width: 100%;height: 0;padding-top: 72.7%;position: relative;overflow: hidden;}
.caseinfogroup .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.caseinfogroup .img span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.7);font-size: 36px;color: #fff;
	display: flex;align-items: center;justify-content: center;opacity: 0;}
.caseinfogroup h3{font-size: 24px;line-height: 1em;color: #333;margin-top: 30px;}
.caseinfogroup h5{font-size: 16px;line-height: 1em;color: #999;font-weight: 500;margin-top: 18px;}
.caseinfogroup .item:hover {box-shadow: 0px 0px 10px 1px #ddd;}
.caseinfogroup .item:hover img{transform: scale(1.1);}
.caseinfogroup .item:hover span{opacity: 1;}
.caseinfogroup .item:hover h3,.caseinfogroup .item:hover h5{padding: 0 20px;}
.cdetail , .cdetail * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1200px){
	.cdetail{padding: 80px 0;}
	.cabox .catop .cabtn{position: initial;margin-top: 28px;}
}
@media (max-width:767px){
	.cdetail{padding: 30px 0 0;}
	.cabox .catop{padding-bottom: 20px;}
	.cabox .catop h3{font-size: 24px;}
	.cabox .catop h5{font-size: 14px;line-height: 1.4em;margin-top: 10px;}
	.cabox .catop .cabtn{position: initial;margin-top: 10px;padding: 12px 30px;font-size: 14px;}
	.cabox .catop .link{margin-right: 16px;}
	.cabox .caInfo{font-size: 14px;line-height: 30px;padding: 20px 0 0;}
	.cabox .caInfo img{margin: 10px auto 0;}
	.cabox .catit{padding-bottom: 20px;margin-top: 20px;}
	.cabox .catit .caa{font-size: 24px;line-height: 34px;}
	.cabox .catit .caa::after{display: none;}
	.cabox .catit .more{width: 100px;height: 32px;line-height: 32px;font-size: 14px;}
	.cabox .caseinfogroup{padding-top: 20px;}
	.caseinfogroup .item{width: 48%;padding-bottom: 10px;}
	.caseinfogroup .img span{font-size: 18px;}
	.caseinfogroup h3{font-size: 16px;margin-top: 14px;}
	.caseinfogroup h5{font-size: 14px;margin-top: 14px;}
	.caseinfogroup .item:hover h3,.caseinfogroup .item:hover h5{padding: 0 6px;}
}

/* 网站建设部分 */
.webbg{width: 100%;height: 500px;box-sizing: border-box;padding: 150px 0 0;position: relative;}
.webbg h3{font-size: 46px;line-height: 1em;color: #fff;text-align: center;font-weight: 500;}
.webbg h4{font-size: 20px;line-height: 1em;color: #fff;text-align: center;margin-top: 40px;font-weight: 500;}
.webbg .webdes{width: 100%;display: flex;align-items: center;justify-content: center;margin: 80px 0 0;box-sizing: border-box;}
.webdes dl{width: 160px;box-sizing: border-box;}
.webdes dl + dl{border-left: 1px solid #707ab9;}
.webdes dl dt{font-size: 25px;line-height: 40px;text-align: center;color: #fff;}
.webdes dl dd{font-size: 12px;line-height: 20px;text-align: center;color: #fff; font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.webbg , .webbg * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.webbg{height: 300px;padding: 100px 0 0;}
	.webbg h3{font-size: 24px;}
	.webbg h4{font-size: 16px;line-height: 20px; box-sizing: border-box;padding: 0 10px;margin-top: 20px;}
	.webbg .webdes{margin: 20px 0 0;padding: 0 10px;}
	.webdes dl dt{font-size: 16px;line-height: 25px;}
	.webdes dl dd{font-size: 8px;line-height: 16px;}
}
.process{width: 100%;height: auto;box-sizing: border-box;padding: 80px 0 50px;background: url("../img/webset/process-bg.jpg") center 0px / cover no-repeat}
.process .probox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.probox::after{content: "";display: block;width: 0;clear: both;}
.probox .pro1{width: 450px;height: auto;box-sizing: border-box;padding: 40px 45px;background: #ffea00;border-radius: 15px;position: absolute;left: 0;top: 0;}
.probox .pro1 h3{font-size: 66px;line-height: 80px;color: #494949;}
.probox .pro1 h5{font-size: 36px;line-height: 40px;color: #222222;margin-top: 10px;}
.probox .pro2{width: 58.3%;height: auto;float: right;display: flex;flex-direction: column;align-items: flex-end;}
.probox .pro2 li{width: calc(100% - 80px);height: 200px;box-sizing: border-box;padding: 40px;background: #fff;display: flex;position: relative;cursor: pointer;}
.probox .pro2 li img{width: 120px;height: 120px;}
.probox .pro2 li .neiw{width: calc(100% - 120px);height: 100%;box-sizing: border-box;padding-left: 50px;}
.probox .pro2 li h3{font-size: 46px;line-height: 50px;color: #494949;}
.probox .pro2 li p{font-size: 16px;line-height: 26px;color: #4d4d4d;margin-top: 15px;}
.probox .pro2 li + li{margin-top: 20px;}
.probox .pro2 li::before{display: block;width: 80px;height: 80px;background: #177ee6;color: #fff;font-size: 32px;line-height: 80px;text-align: center;
	border-radius: 10px 0 0 10px;position: absolute;top: 0;left: -80px;z-index: 10;}
.probox .pro2 li.p1::before{content: "1";}
.probox .pro2 li.p2::before{content: "2";}
.probox .pro2 li.p3::before{content: "3";}
.probox .pro2 li.p4::before{content: "4";}
.probox .pro2 li.p5::before{content: "5";}
.probox .pro2 li:hover{box-shadow: 0px 0px 10px 1px #ddd;}
.probox .pro3{width: 450px;height: auto;box-sizing: border-box;padding: 40px 45px;background: #ffea00;border-radius: 15px 15px 0 0;
	position: absolute;left: 0;top: 850px;}
.probox .pro3 h3{font-size: 66px;line-height: 80px;color: #494949;}
.probox .pro3 h5{font-size: 36px;line-height: 40px;color: #222;margin-top: 10px;}
.probox .pro3 h6{font-size: 26px;line-height: 30px;color: #222;margin-top: 20px;font-weight: 500;}
.probox .pro3 p{font-size: 14px;line-height: 26px;color: #333;margin-bottom: 10px;}
.probox .pro3 p.mt20{margin-top: 20px;}
.probox .pro4{width: 65.3%;height: auto;margin-top: 125px;float: right;}
.probox .pro5{width: 450px;height: auto;box-sizing: border-box;padding: 20px 20px 30px;background: #fff;border-radius: 0 0 15px 15px;
	position: absolute;left: 0;top: 1342px;}
.probox .pro5 h6{font-size: 21px;line-height: 30px;color: #e6d200;font-weight: 500;}
.probox .pro5 h3{font-size: 39px;line-height: 50px;color: #e6d200;margin-top: 8px;}
.probox .pro5 h5{font-size: 28px;line-height: 33px;color: #e6d200;font-weight: 500;margin-top: 8px;}
.probox .pro6{width: 100%;height: auto;float: left;}
.probox .pro6 h3{font-size: 56px;line-height: 70px;box-sizing: border-box;padding: 70px 0 40px;color: #333;}
.probox .pro6 .web-kh-list{height: 200px;display: flex;}
.web-kh-list .kimg{width: 350px;height: 100%;overflow: hidden;}
.web-kh-list .kimg img{width: 100%;height: 100%;object-fit: cover;}
.web-kh-list dl{width: 560px;height: 100%;box-sizing: border-box;padding: 20px 40px;background: #fff;}
.web-kh-list dl dt{font-size: 26px;line-height: 30px;color: #333;padding: 10px 0 5px;font-weight: 700;}
.web-kh-list dl dd{font-size: 16px;line-height: 30px;color: #333;}
.web-kh-list dl p{font-size: 18px;line-height: 30px;color: #177ee6;margin-top: 10px;}
.web-kh-list + .web-kh-list{margin-top: 20px;}
.process , .process * {transition: all 0.3s ease-in-out;}
@media (min-width:1201px) and (max-width:1500px){
	.probox .pro4{width: 58%;margin-top: 80px;}
	.probox .pro3{top: 700px;}
	.probox .pro5{top: 1192px;}
}
@media (min-width:768px) and (max-width:1200px){
	.probox .pro1{position: initial;width: 100%;float: left;}
	.probox .pro2{width: 100%;margin-top: 40px;}
	.probox .pro3{position: initial;width: 100%;float: left;margin-top: 40px;}
	.probox .pro5{position: initial;width: 100%;float: left;}
	.probox .pro4{width: 100%;margin-top: 40px;}
}
@media (max-width:767px){
	.process{padding: 20px 0;}
	.probox .pro1{position: initial;width: 100%;float: left;padding: 20px 20px;}
	.probox .pro1 h3{font-size: 28px;line-height: 36px;}
	.probox .pro1 h5{font-size: 16px;line-height: 32px;margin: 0;}
	.probox .pro2{width: 100%;margin-top: 20px;}
	.probox .pro2 li{width: calc(100% - 40px);height: 120px;padding: 20px 10px;}
	.probox .pro2 li::before{width: 40px;height: 40px;line-height: 40px;font-size: 20px;left: -40px;}
	.probox .pro2 li img{width: 80px;height: 80px;}
	.probox .pro2 li .neiw{width: calc(100% - 80px);padding-left: 10px;}
	.probox .pro2 li h3{font-size: 16px;line-height: 24px;}
	.probox .pro2 li p{font-size: 12px;line-height: 1.4em;margin-top: 6px;}
	.probox .pro3{position: initial;width: 100%;float: left;margin-top: 20px;padding: 20px 20px;}
	.probox .pro3 h3{font-size: 28px;line-height: 36px;}
	.probox .pro3 h5{font-size: 16px;line-height: 32px;margin: 0;}
	.probox .pro3 h6{font-size: 14px;line-height: 28px;margin: 0;}
	.probox .pro3 p{font-size: 12px;line-height: 1.5em;}
	.probox .pro3 p.mt20{margin-top:10px;}
	.probox .pro5{position: initial;width: 100%;float: left;padding: 20px 20px;}
	.probox .pro5 h6{font-size: 16px;line-height: 1em;margin: 0;}
	.probox .pro5 h3{font-size: 28px;line-height: 36px;}
	.probox .pro5 h5{font-size: 16px;line-height: 1.4em;margin: 10px 0 0 ;}
	.probox .pro4{width: 100%;margin-top: 20px;}
	.probox .pro6 h3{font-size: 28px;line-height: 36px;padding: 20px 0;}
	.probox .pro6 .web-kh-list{height: 120px;}
	.web-kh-list .kimg{width: 120px;}
	.web-kh-list dl{width: calc(100% - 120px);padding: 10px;}
	.web-kh-list dl dt{font-size: 16px;line-height: 1.2em;padding: 0;}
	.web-kh-list dl dd{font-size: 14px;line-height: 1em;margin-top: 6px;}
	.web-kh-list dl p{font-size: 12px;line-height: 1.5em;margin-top: 6px;}	
}

.panli{width: 100%;height: auto;box-sizing: border-box;padding: 0 0 80px 0;background: #f7f7f7;}
.panli .panbox{width: 90%;height: auto;margin: 0 auto;}
.panbox > h3{font-size: 56px;line-height: 70px;box-sizing: border-box;padding: 0 0 40px;color: #333;}
.panbox .pankh{width: 100%;height: auto; display: flex;flex-wrap: wrap;}
.panbox .pankh li{width: 14.28%;height: 0;padding-top: 14.28%;position: relative;}
.panbox .pankh li.lp3{width: 42.84%;background: #177ee6;position: relative;}
.panbox .pankh li.lp3 .bor{width: calc(100% - 20px);height: calc(100% - 20px);margin: 10px; border: 1px dashed rgba(255,255,255,0.5);
	position: absolute;top: 0;left: 0;box-sizing: border-box;display: flex;align-items: center;}
.panbox .pankh li.lp3 img{width: 90px;height: auto;margin: 0 40px;}
.panbox .pankh li.lp3 div{width: calc(100% - 90px);height: 97px;box-sizing: border-box;padding: 0 10px 0 0;}
.panbox .pankh li.lp3 h4{font-size: 18px;line-height: 30px;color: #fff;text-transform: uppercase;font-weight: 500;}
.panbox .pankh li.lp3 h5{font-size: 15px;line-height: 20px;color: rgba(255,255,255,0.7);font-weight: 500;}
.panbox .pankh li.lp3 h6{font-size: 20px;line-height: 1em;color: #fff;margin-top: 10px;font-weight: 500;}

.panbox .pankh li > img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;object-fit: cover;}
.panbox .pankh li span{width: 100%;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;overflow: hidden;
	position: absolute;left: 0;right: 0;bottom: 0;background: url("../img/webset/web-h-bg.png");}
.panbox .pankh li:hover span{height: 100%;display: flex;align-items: center;justify-content: center;}
.panbox > h4{font-size: 56px;line-height: 70px;box-sizing: border-box;padding: 40px 0;color: #333;}
.panbox table{width: 100%;text-align: center;box-sizing: border-box;background: #fff;border-collapse: collapse;border: 1px solid #ccc;} 
.panbox table thead tr{height: 60px;line-height: 60px;}
.panbox table thead tr th{font-size: 23px;color: #fff;font-weight: 500;}
.panbox table tbody tr{height: 50px;line-height: 1.2em;border-top: 1px solid #ccc;font-size: 18px;color: #555;}
.panbox table tbody tr.gray{background: #fafafa;}
.panbox table tr th + th{border-left: 1px solid #ccc;}
.panbox table tr td + td{border-left: 1px solid #ccc;}
.panbox table .th1{background: #ff535d;border: 1px solid #ff535d;}
.panbox table .th2{background: #4eb7f1;border: 1px solid #4eb7f1;}
.panbox table .th3{background: #ff9614;border: 1px solid #ff9614;}
.panbox table .th4{background: #36c995;border: 1px solid #36c995;}
.panbox table .th5{background: #567cf9;border: 1px solid #567cf9;}
.panbox table .color2{color: #4eb7f1;}
.panbox table .color3{color: #ff9614;}
.panbox table .color4{color: #36c995;}
.panbox table .color5{color: #567cf9;}
.panbox table tr td:first-child{color: #333;font-weight: 700;}
.panbox table tr td em{font-size: 21px;font-weight: 700;margin-right: 10px;}
.panbox table tr td span{text-decoration: line-through;}
.panbox table tr td i{font-size: 14px;font-family: "宋体";}
.panli , .panli * {transition: all 0.3s ease-in-out;}
@media (min-width:1001px) and (max-width:1300px){
	.panbox .pankh li.lp3 img{margin: 0 20px;}
	.panbox .pankh li.lp3 h5{font-size: 13px;line-height: 1.2em;}
	.panbox .pankh li.lp3 h6{font-size: 16px;margin-top: 6px;}
}
@media (min-width:768px) and (max-width:1000px){
	.panbox .pankh li{width: 33.333333%;padding-top: 33.333333%;}
	.panbox .pankh li.lp3{width: 100%;}
	.panbox .pankh li.lp3 img{margin: 0 20px;}
}
@media (max-width:767px){
	.panli{padding: 0 0 20px 0;}
	.panbox > h3{font-size: 28px;line-height: 36px;padding: 0 0 20px 0;}
	.panbox > h4{font-size: 28px;line-height: 36px;padding: 20px 0;}
	.panbox .pankh li{width: 33.333333%;padding-top: 33.333333%;}
	.panbox .pankh li.lp3{width: 100%;}
	.panbox .pankh li.lp3 img{margin: 0 20px;}
	.panbox table thead tr{height: auto;line-height: 1.5em;}
	.panbox table thead tr th{font-size: 16px;padding: 12px 3px;}
	.panbox table tbody tr{height: auto;font-size: 12px;line-height: 1.5em;}
	.panbox table tbody tr td{padding: 6px 3px;}
	.panbox table tr td:first-child{font-size: 14px;}
	.panbox table tr td em{font-size: 18px;margin-right: 0;display: block;}
	.panbox table tr td i{font-size: 12px;display: block;}
	
}
@media (max-width:600px){
	.panbox .pankh li.lp3 img{margin: 0 10px;}
	.panbox .pankh li.lp3{width: 100%;height: 150px;padding: 0;}
	.panbox .pankh li.lp3 h4{font-size: 16px;line-height: 1.2em;}
	.panbox .pankh li.lp3 h5{font-size: 13px;line-height: 1.2em;margin-top: 6px;}
	.panbox .pankh li.lp3 h6{font-size: 16px;margin-top: 6px;}
}

.pinpai{width: 100%;height: auto;box-sizing: border-box;padding: 80px 0;background: url("../img/webset/web-ourbg.png") center 0px / cover no-repeat}
.pinpai .ppbox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.pinpai .ppbox::after{content: "";display: block;width: 0;clear: both;}
.ppbox .miao{width: 100%;float: left;box-sizing: border-box;padding-right: 46.6%;background: url("../img/webset/web-our.png") no-repeat right 60px;}
.ppbox h3{font-size: 27px;line-height: 42px;color: #2d2d2d;font-weight: 500;}
.ppbox h3 span{color: #4d9400;}
.ppbox h4{font-size: 21px;line-height: 25px;color: #666;font-weight: 500;margin-top: 10px;}
.ppbox h5{font-size: 16px;line-height: 22px;color: #666;font-weight: 500;margin-top: 30px;}
.ppbox p{font-size: 14px;line-height: 26px;color: #4d4d4d;margin-top: 30px;}
.ppbox p span{color: #4d9400; font-size: 16px;}
.pinpai , .pinpai * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1200px){
	.ppbox .miao{padding-right: 0;background: none;}
	
}
@media (max-width:767px){
	.pinpai{padding: 20px 0;}
	.ppbox .miao{padding-right: 0;background: none;}
	.ppbox h3{font-size: 22px;line-height: 1.2em;}
	.ppbox h4{font-size: 18px;line-height: 1.2em;}
	.ppbox h5{font-size: 14px;line-height: 1.4em;margin-top: 10px;}
	.ppbox p{margin-top: 20px;}
}

/* 小程序开发 */
.protop{width: 100%;height: 600px;box-sizing: border-box;padding: 200px 0 0;background: url("../img/program/program-bg.jpg") center 0px / cover no-repeat}
.protop .protbox{width: 90%;height: auto;margin: 0 auto;}
.protbox h3{font-size: 55px;line-height: 1.2em;color: #fff;}
.protbox a{display: block;width: 210px;height: 54px;background: #fff;color: #141a60;font-size: 21px;line-height: 54px;text-align: center; 
	margin-top: 90px;border-radius: 5px;}
.protop , .protop * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.protop{height: 300px;padding: 110px 0 0;}
	.protbox h3{font-size: 24px;}
	.protbox a{width: 120px;height: 36px;line-height: 36px;font-size: 16px;margin-top: 50px;}
}
.prodes{width: 100%;height: 150px;position: relative;}
.prodes ul{width: 90%;height: 150px;border-radius: 18px;background: #fff;box-shadow: 0px 5px 10px -5px #eee;box-sizing: border-box;margin: 0 auto;
	position: absolute;left: 0;right: 0;top: -60px;display: flex;padding: 30px 0;flex-wrap: wrap;}
.prodes ul li{width: 25%;height: 100%;display: flex;align-items: center;box-sizing: border-box;position: relative;padding: 0 30px;}
.prodes ul li img{height: 66px;}
.prodes ul li > div{margin-left: 20px;box-sizing: border-box;padding-right: 30px;}
.prodes ul li h4{font-size: 25px;line-height: 1.2em;color: #333;font-weight: 500;}
.prodes ul li p{font-size: 16px;line-height: 1.5em;color: #666; margin-top: 12px;}
.prodes ul li + li::before{content: "";display: block;width: 1px;height: 66px;background: #ddd;position: absolute; left: -10px;}
.prodes , .prodes * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1400px){
	.prodes ul li{padding: 0 10px;}
	.prodes ul li + li::before{height: 40px;}
	.prodes ul li img{height: 40px;}
	.prodes ul li > div{padding-right: 6px;margin-left: 6px;}
	.prodes ul li h4{font-size: 18px;}
	.prodes ul li p {font-size: 12px;margin-top: 6px;}
}
@media (max-width:767px){
	.prodes{box-sizing: border-box;padding: 30px 0;height: auto;}
	.prodes ul{position: initial;height: auto;justify-content: space-between;padding: 0;}
	.prodes ul li{width: 49%;height: auto;box-shadow: 0 0 15px #eee;padding: 10px 0 10px 10px;}
	.prodes ul li:nth-child(n+3){margin-top: 10px;}
	.prodes ul li + li::before{display: none;}
	.prodes ul li img{height: 40px;}
	.prodes ul li > div{margin: 0;padding: 0 0 0 10px;}
	.prodes ul li h4{font-size: 16px;}
	.prodes ul li p {font-size: 12px;margin-top: 4px;}
}
.solution{width: 100%;height: auto;box-sizing: border-box;padding: 40px 0;background: #fff}
.solution .sobox{width: 90%;height: auto;margin: 0 auto;}
.sobox h3{font-size: 48px;line-height: 1em;color: #333;text-align: center;font-weight: 500;}
.sobox h5{font-size: 18px;line-height: 1.2em;color: #bcbcbc;text-align: center;margin-top: 24px;font-weight: 500;}
.sobox .sogroup{width: 100%;height: auto;margin-top: 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sobox .sogroup li{width: 31%;height: auto;box-sizing: border-box;border: 1px solid #ddd;padding-bottom: 50px;margin-bottom: 50px;}
.sobox .sogroup li .simg{width: 100%;height: 0;padding-top: 60%;position: relative;overflow: hidden;}
.sobox .sogroup li .simg img{width: 100%;height: 100%;position: absolute;top: 0; left: 0;object-fit: cover;}
.sobox .sogroup li .sdes{box-sizing: border-box;padding: 22px 30px 0;}
.sobox .sogroup li .name{display: flex;align-items: center;justify-content: center; font-size: 30px;line-height: 44px;color: #333;}
.sobox .sogroup li .name img{width: 44px;height: 44px;margin-right: 14px;}
.sobox .sogroup li p{font-size: 18px;line-height: 1.2em;color: #999;text-align: center;margin-top: 10px;border-bottom: 1px solid #ddd;padding-bottom: 24px;}
.sobox .sogroup li .btns{width: 82%;height: auto;margin: 30px auto 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.sobox .sogroup li .btn{width: 46%;height: 60px;border: 1px solid #ddd;font-size: 18px;color: #333;display: flex;align-items: center;justify-content: center;}
.sobox .sogroup li .btn:nth-child(n+3){margin-top: 30px;}
.sobox .sogroup li .btn:hover{color: #75a315;border-color: #75a315;}
.solution , .solution * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1300px){
	.sobox .sogroup li{padding-bottom: 30px;margin-bottom: 30px;}
	.sobox .sogroup li .sdes{padding: 20px 20px 0;}
	.sobox .sogroup li .name{font-size: 20px;}
	.sobox .sogroup li .name img{width: 36px;height: 36px;margin-right: 8px;}
	.sobox .sogroup li p{font-size: 14px;}
	.sobox .sogroup li .btns{width: 88%;}
	.sobox .sogroup li .btn{font-size: 12px;height: 48px;}
	.sobox .sogroup li .btn:nth-child(n+3){margin-top: 20px;}
}
@media (max-width:767px){
	.solution{padding: 20px 0;}
	.sobox h3{font-size: 24px;}
	.sobox h5{font-size: 14px;margin-top: 14px;}
	.sobox .sogroup{margin-top: 20px;}
	.sobox .sogroup li{width: 49%;padding-bottom: 10px;margin-bottom: 20px;}
	.sobox .sogroup li .sdes{padding: 10px 10px 0;}
	.sobox .sogroup li .name{font-size: 16px;line-height: 1.4em;}
	.sobox .sogroup li .name img{width: 32px;height: 32px;margin-right: 8px;}
	.sobox .sogroup li p{font-size: 12px;margin-top: 10px;padding-bottom: 10px;}
	.sobox .sogroup li .btns{width: 88%;margin: 10px auto 0;}
	.sobox .sogroup li .btn{font-size: 12px;height: 40px;}
	.sobox .sogroup li .btn:nth-child(n+3){margin-top: 10px;}
}
@media (max-width:500px){
	.sobox .sogroup li .name{font-size: 14px;}
	.sobox .sogroup li .btn{font-size: 9px;}
}
.pwhy{width: 100%;height: auto;box-sizing: border-box;padding: 120px 0 90px;background: url("../img/program/why-bg.jpg") center 0px / cover no-repeat}
.pwhy .whybox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.whybox h3{font-size: 48px;line-height: 1em;color: #fff;text-align: center;font-weight: 500;}
.whybox h5{font-size: 18px;line-height: 1.2em;color: #fff;text-align: center;margin-top: 24px;font-weight: 500;}
.whybox .whygroup{width: 100%;height: auto;display: flex;flex-wrap: wrap;align-items: center; margin-top: 120px;background: #fff;}
.whybox .whygroup li{width: 25%;height: auto;background: #fff;box-sizing: border-box;padding: 40px 0;}
.whybox .whygroup li .icon{width: 58px;height: 58px;display: block;margin: 0 auto;}
.whybox .whygroup li .ic1{background: url("../img/program/why-1.png") no-repeat;background-size: cover;}
.whybox .whygroup li .ic2{background: url("../img/program/why-2.png") no-repeat;background-size: cover;}
.whybox .whygroup li .ic3{background: url("../img/program/why-3.png") no-repeat;background-size: cover;}
.whybox .whygroup li .ic4{background: url("../img/program/why-4.png") no-repeat;background-size: cover;}
.whybox .whygroup li h4{font-size: 18px;line-height: 26px;margin-top: 30px;color: #333;text-align: center;font-weight: 500;}
.whybox .whygroup li p{font-size: 16px;line-height: 26px;margin-top: 8px;color: #888;text-align: center;padding: 0 15%;}
.whybox .whygroup li:hover{background: #209e2a;}
.whybox .whygroup li:hover h4{color: #fff;}
.whybox .whygroup li:hover p{color: #fff;}
.whybox .whygroup li:hover .ic1{background: url("../img/program/why-1-on.png") no-repeat;background-size: cover;}
.whybox .whygroup li:hover .ic2{background: url("../img/program/why-2-on.png") no-repeat;background-size: cover;}
.whybox .whygroup li:hover .ic3{background: url("../img/program/why-3-on.png") no-repeat;background-size: cover;}
.whybox .whygroup li:hover .ic4{background: url("../img/program/why-4-on.png") no-repeat;background-size: cover;}
.pwhy , .pwhy * {transition: all 0.3s ease-in-out;}
@media (max-width:767px){
	.pwhy{padding: 40px 0;}
	.whybox h3{font-size: 24px;}
	.whybox h5{font-size: 14px;margin-top: 14px;}
	.whybox .whygroup{margin-top: 30px;justify-content: space-between;background: transparent;}
	.whybox .whygroup li{width: 48%;border-radius: 8px;padding: 20px 0;}
	.whybox .whygroup li:nth-child(n+3){margin-top: 20px;}
	.whybox .whygroup li:hover{padding: 20px 0;}
	.whybox .whygroup li .icon{width: 40px;height: 40px;}
	.whybox .whygroup li h4{font-size: 16px;margin-top: 10px;}
	.whybox .whygroup li p{font-size: 12px;line-height: 1.5em;min-height: 54px;}
}

.core{width: 100%;height: auto;box-sizing: border-box;padding: 80px 0;background: #fff}
.core .corebox{width: 90%;height: auto;margin: 0 auto;}
.corebox h3{font-size: 48px;line-height: 1em;color: #333;text-align: center;font-weight: 500;}
.corebox h5{font-size: 18px;line-height: 1.2em;color: #888;text-align: center;margin-top: 24px;font-weight: 500;}
.corebox .coregroup{width: 100%;height: auto;margin-top: 60px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.corebox .coregroup::after{content: "";display: block;width: 0;clear: both;}
.coregroup .cleft{width: calc((100% - 408px)/2);float: left;box-sizing: border-box;padding-top: 80px;}
.coregroup .cleft li{width: 100%;display: flex;align-items: center;position: relative;}
.coregroup .cleft li + li {margin-top: 80px;}
.coregroup .cleft li .mi{width: 50%;}
.coregroup .cleft li .mi h4{font-size: 24px;line-height: 30px;color: #84b4fe;text-align: right;}
.coregroup .cleft li .mi p{font-size: 16px;line-height: 26px;color: #333;text-align: right;margin-top: 10px;}
.coregroup .cleft li .cimg{width: 84px;height: 84px;border-radius: 50%;border: 1px solid #84b4fe;margin: 0 30px;
	display: flex;align-items: center;justify-content: center;}
.coregroup .cleft li::after{content: "";display: block; width: 20%;height: 1px;background: #84b4fe;
	position: absolute;top: 50%;transform: translateY(-50%);right: 5%;}
.coregroup .cleft li .cimg img{width: 50px;height: 50px;}
.coregroup .cmid{width: 408px;float: left;box-sizing: border-box;padding: 0 20px;}
.coregroup .cmid img{width: 100%;height: auto;}
.coregroup .cright{width: calc((100% - 408px)/2);float: left;box-sizing: border-box;padding-top: 80px;}
.coregroup .cright li{width: 100%;display: flex;align-items: center;justify-content: flex-end;position: relative;}
.coregroup .cright li + li {margin-top: 80px;}
.coregroup .cright li .mi{width: 50%;}
.coregroup .cright li .mi h4{font-size: 24px;line-height: 30px;color: #84b4fe;}
.coregroup .cright li .mi p{font-size: 16px;line-height: 26px;color: #333;margin-top: 10px;}
.coregroup .cright li .cimg{width: 84px;height: 84px;border-radius: 50%;border: 1px solid #84b4fe;margin: 0 30px;
	display: flex;align-items: center;justify-content: center;}
.coregroup .cright li::after{content: "";display: block; width: 20%;height: 1px;background: #84b4fe;
	position: absolute;top: 50%;transform: translateY(-50%);left: 5%}
.coregroup .cright li .cimg img{width: 50px;height: 50px;}
.core , .core * {transition: all 0.3s ease-in-out;}
@media (min-width:1201px) and (max-width:1500px){
	.coregroup .cleft li .cimg,.coregroup .cright li .cimg{width: 72px;height: 72px;margin: 0 20px;}
	.coregroup .cmid{width: 368px;}
	.coregroup .cleft,.coregroup .cright{width: calc((100% - 368px)/2);padding-top: 40px;}
	.coregroup .cleft li::after,.coregroup .cright li::after{width: 16%;}
	.coregroup .cleft li + li, .coregroup .cright li + li{margin-top: 60px;}
}
@media (min-width:901px) and (max-width:1200px){
	.coregroup .cleft li .cimg,.coregroup .cright li .cimg{width: 60px;height: 60px;margin: 0 10px;}
	.coregroup .cleft li .cimg img,.coregroup .cright li .cimg img{width: 36px;height: 36px;}
	.coregroup .cmid{width: 328px;}
	.coregroup .cleft,.coregroup .cright{width: calc((100% - 328px)/2);padding-top: 40px;}
	.coregroup .cleft li::after,.coregroup .cright li::after{display: none;}
	.coregroup .cleft li + li, .coregroup .cright li + li{margin-top: 60px;}
	.coregroup .cleft li .mi,.coregroup .cright li .mi{width: 70%;}
	.coregroup .cleft li .mi h4,.coregroup .cright li .mi h4{font-size: 20px;line-height: 28px;}
	.coregroup .cleft li .mi p,.coregroup .cright li .mi p{font-size: 14px;line-height: 1.5em;}
}
@media (min-width:768px) and (max-width:900px){
	.coregroup .cleft li .cimg,.coregroup .cright li .cimg{width: 60px;height: 60px;margin: 0 10px;}
	.coregroup .cleft li .cimg img,.coregroup .cright li .cimg img{width: 36px;height: 36px;}
	.coregroup .cmid{width: 0;display: none;}
	.coregroup .cleft,.coregroup .cright{width: 50%;padding-top: 0;}
	.coregroup .cleft li::after,.coregroup .cright li::after{display: none;}
	.coregroup .cleft li + li, .coregroup .cright li + li{margin-top: 40px;}
	.coregroup .cleft li .mi,.coregroup .cright li .mi{width: 70%;}
	.coregroup .cleft li .mi h4,.coregroup .cright li .mi h4{font-size: 20px;line-height: 28px;}
	.coregroup .cleft li .mi p,.coregroup .cright li .mi p{font-size: 14px;line-height: 1.5em;}
}
@media (max-width:767px){
	.core{padding: 30px 0;}
	.corebox h3{font-size: 24px;}
	.corebox h5{font-size: 14px;margin-top: 14px;}
	.corebox .coregroup{margin-top: 30px;}
	.coregroup .cleft,.coregroup .cright{width: 50%;padding-top: 0;}
	.coregroup .cmid{width: 0;display: none;}
	.coregroup .cleft li .mi,.coregroup .cright li .mi{width: 96%;}
	.coregroup .cleft li .cimg,.coregroup .cright li .cimg{display: none;}
	.coregroup .cleft li::after,.coregroup .cright li::after{display: none;}
	.coregroup .cleft li + li, .coregroup .cright li + li{margin-top: 10px;}
	.coregroup .cleft li .mi h4,.coregroup .cright li .mi h4{font-size: 16px;line-height: 1.2em;}
	.coregroup .cleft li .mi p,.coregroup .cright li .mi p{font-size: 12px;line-height: 1.2em;min-height: 3.6em;}
}
.step{width: 100%;height: auto;box-sizing: border-box;padding: 60px 0;background: url("../img/program/step-bg.jpg") center 0px / cover no-repeat}
.step .stepbox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.stepbox h3{font-size: 48px;line-height: 1em;color: #333;text-align: center;font-weight: 500;}
.stepbox h5{font-size: 18px;line-height: 1.2em;color: #888;text-align: center;margin-top: 24px;font-weight: 500;}
.stepbox .stepgroup{width: 100%;display: flex;justify-content: center;margin: 80px 0 0;flex-wrap: wrap;}
.stepbox .stepgroup li{width: 15%; font-size: 21px;line-height: 30px;text-align: center;color: #333;cursor: pointer;font-weight: 700;
	padding-bottom: 40px;background: url("../img/program/point.png") no-repeat center bottom, url("../img/program/step-line.gif") repeat-x 0 60px;}
.stepbox .stepgroup li.on,.stepbox .stepgroup li:hover{color: #e81d2d;
	background: url("../img/program/point-on.png") no-repeat center bottom, url("../img/program/step-line.gif") repeat-x 0 60px;}
.stepbox .stepblock{width: 100%;background: #fff url("../img/program/step-block.gif") no-repeat right bottom;background-size: 50%;
	border-radius: 20px;padding: 80px 0;overflow: hidden;margin-top: 60px;}
.stepblock > div{display: none;}
.stepblock > div.on{display: block;}
.stepblock > div::after{content: "";display: block;width: 0;clear: both;}
.stepblock .con_left{width: 40%;float: left;}
.stepblock .con_left h4{width: 100%;font-size: 25px;line-height: 30px;color: #333;padding-left: 15%;box-sizing: border-box;font-weight: 500;margin-bottom: 40px;}
.stepblock .con_left dl{width: 100%;box-sizing: border-box;padding: 30px 0 30px 15%;display: flex;background-image: linear-gradient(to right, #eee3ff, #fff);}
.stepblock .con_left dl + dl{margin-top: 30px;    background-image: linear-gradient(to right, #e3f3ff, #fff);}
.stepblock .con_left dl dt{width: 112px;height: 112px;border-radius: 50%;border: 1px dashed #b9a6d8;overflow: hidden;
	display: flex;align-items: center;justify-content: center;}
.stepblock .con_left dl dt img{width: 44px;height: 44px;}
.stepblock .con_left dl dd{width: calc(100% - 112px);display: flex;align-items: center;font-size: 18px;line-height: 30px;color: #333;
	box-sizing: border-box;padding-left: 20px;}
.stepblock .con_right{width: 50%;margin-left: 10%;float: left;}
.stepblock .con_right img{max-width: 100%;}
.step , .step * {transition: all 0.3s ease-in-out;}
@media (min-width:1001px) and (max-width:1500px){
	.stepbox .stepblock{padding: 60px 0;}
	.stepblock .con_left{width: 50%;}
	.stepblock .con_right{width: 45%;margin-left: 5%;}
	.stepblock .con_left h4{font-size: 22px;padding-left: 8%;}
	.stepblock .con_left dl{padding: 20px 0 20px 8%;}
	.stepblock .con_left dl dt{width: 100px;height: 100px;}
	.stepblock .con_left dl dd{font-size: 16px;}
}
@media (min-width:768px) and (max-width:1000px){
	.stepbox .stepgroup{margin: 40px 0 0;}
	.stepbox .stepgroup li{font-size: 16px;}
	.stepbox .stepblock{padding: 30px 0;}
	.stepblock .con_left{width: 50%;}
	.stepblock .con_right{width: 45%;margin-left: 5%;}
	.stepblock .con_left h4{font-size: 18px;line-height: 26px; padding-left: 5%;}
	.stepblock .con_left dl{padding: 15px 0 15px 5%;}
	.stepblock .con_left dl dt{width: 84px;height: 84px;}
	.stepblock .con_left dl dd{font-size: 14px;line-height: 26px;}
}
@media (max-width:767px){
	.step{padding: 30px 0;}
	.stepbox h3{font-size: 24px;}
	.stepbox h5{font-size: 14px;margin-top: 14px;}
	.stepbox .stepgroup{margin: 30px 0 0;}
	.stepbox .stepgroup li{width: 33.333333%; font-size: 14px;padding-bottom: 30px;
		background: url("../img/program/point.png") no-repeat center bottom, url("../img/program/step-line.gif") repeat-x 0 50px;}
	.stepbox .stepgroup li.on,.stepbox .stepgroup li:hover{color: #e81d2d;
		background: url("../img/program/point-on.png") no-repeat center bottom, url("../img/program/step-line.gif") repeat-x 0 50px;}
	.stepbox .stepgroup li:nth-child(n+4){margin-top: 10px;}
	.stepbox .stepblock{padding: 20px 0;margin-top: 30px;}
	.stepblock .con_left{width: 100%;}
	.stepblock .con_right{width: 0%;display: none;}
	.stepblock .con_left h4{font-size: 16px;line-height: 22px; padding-left: 5%;margin-bottom: 20px;}
	.stepblock .con_left dl{padding: 15px 0 15px 5%;}
	.stepblock .con_left dl + dl{margin-top: 20px;}
	.stepblock .con_left dl dt{width: 54px;height: 54px;}
	.stepblock .con_left dl dt img{width: 24px;height: 24px;}
	.stepblock .con_left dl dd{font-size: 12px;line-height:1.2em;}
}

.procase{width: 100%;height: auto;box-sizing: border-box;padding: 80px 0 60px;background: #fff;}
.procase .pcbox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.pcbox h3{font-size: 48px;line-height: 1em;color: #333;text-align: center;font-weight: 500;}
.pcbox h5{font-size: 18px;line-height: 1.2em;color: #888;text-align: center;margin-top: 24px;font-weight: 500;}
.pcbox .pcgroup{width: 100%;display: flex;margin: 60px 0 0;flex-wrap: wrap;}
.pcgroup .pcitem{display: block;width: 23.5%;margin-right: 2%;margin-bottom: 20px;border-radius: 10px;overflow: hidden;}
.pcgroup .pcitem:nth-child(4n){margin-right: 0;}
.pcgroup .pcitem .img{width: 100%;height: 0;padding-top: 66.67%;position: relative;}
.pcgroup .pcitem .img img{width: 100%;height: 100%;left: 0;top: 0;position: absolute;object-fit: cover;}
.pcgroup .pcitem p{width: 100%;height: 25px;line-height: 25px;font-size: 18px;color: #333;text-align: center; background: #fafafa;padding: 20px 0;}
.pcgroup .pcitem:hover p{background: #75a315;color: #fff;}
.procase , .procase * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1000px){
	.pcgroup .pcitem{width: 32%;}
	.pcgroup .pcitem:nth-child(4n){margin-right: 2%;}
	.pcgroup .pcitem:nth-child(3n){margin-right: 0;}
	.pcgroup .pcitem p{font-size: 16px;}
}
@media (max-width:767px){
	.procase{padding: 30px 0 20px;}
	.pcbox h3{font-size: 24px;}
	.pcbox h5{font-size: 14px;margin-top: 14px;}
	.pcbox .pcgroup{margin: 20px 0 0;}
	.pcgroup .pcitem{width: 48%;margin-bottom: 10px;}
	.pcgroup .pcitem:nth-child(2n){margin-right: 0;}
	.pcgroup .pcitem p{font-size: 12px;padding: 10px 0;}
}


/* 小程序案例详情部分 */

.procaseinfo{width: 100%;height: auto;box-sizing: border-box;padding: 40px 0;background: #f5f5f5;margin-top: 100px;}
.procaseinfo .pcabox{width: 90%;height: auto;margin: 0 auto;position: relative;}
.procaseinfo .pcabox::after{content: "";display: block;width: 0;clear: both;}
.pcabox .pleft{width: calc(100% - 480px);height: auto;float: left;}
.pcabox .pleft img{width: 100%;height: auto;max-width: 100%;}
.pcabox .pright{width: 420px;height: auto;float: right;box-sizing: border-box;padding: 40px 30px;background: #fff;}
.pcabox .pright h3{width: 100%;font-size: 24px;line-height: 30px;text-indent: 10px;border-left: 4px solid #75a315;color: #555;}
.pcabox .pright dl{margin-top: 40px;display: flex;padding-bottom: 40px;}
.pcabox .pright dl dt img{width: 100px;height: 100px;padding: 8px;border: 1px solid #e5e5e5;}
.pcabox .pright dl dd{box-sizing: border-box;padding-left: 20px;display: flex;flex-direction: column;justify-content: center;}
.pcabox .pright dl dd p{font-size: 16px;line-height: 30px;color: #666;}
.pcabox .pright .btns{padding: 40px 0 0;border-top: 1px dashed #e0e0e0;}
.pcabox .pright .btn{display: block;width: 46%;height: 50px;line-height: 50px;background: #09a76c;color: #fff;font-size: 16px;text-align: center;}
.pcabox .pright .btn:hover{border-radius: 50px;}
.procaseinfo , .procaseinfo * {transition: all 0.3s ease-in-out;}
@media (min-width:1001px) and (max-width:1400px){
	.pcabox .pleft{width: calc(100% - 400px);}
	.pcabox .pright{width: 360px; padding: 40px 20px;}
	.pcabox .pright dl dd p{font-size: 14px;}
}
@media (max-width:1000px){
	.procaseinfo{padding: 20px 0;}
	.pcabox .pleft{width: 100%;}
	.pcabox .pright{width: 100%;padding: 20px 20px;}
	.pcabox .pright h3{font-size: 20px;line-height: 28px;}
	.pcabox .pright dl{margin-top: 20px;padding-bottom: 20px;}
	.pcabox .pright dl dt img{width: 70px;height: 70px;}
	.pcabox .pright dl dd{padding-left: 10px;}
	.pcabox .pright dl dd p{font-size: 14px;line-height: 1.5em;}
	.pcabox .pright .btns{padding: 20px 0 0;}
	.pcabox .pright .btn{height: 40px;line-height: 40px;width: 150px;}
}

/* 电商小程序部分 */
.ecbg{width: 100%;height: 750px;box-sizing: border-box;padding: 310px 0 0;}
.ecbg h3{font-size: 72px;line-height: 1em;color: #fff;text-align: center;}
.ecbg .icongroup{width: 510px;height: 60px;margin: 65px auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ecbg .icongroup img{width: 60px;height: 60px;}
@media (max-width:767px){
	.ecbg {height: 300px;padding: 110px 0 0;}
	.ecbg h3{font-size: 24px;line-height: 36px;}
	.ecbg .icongroup{width: 300px;margin: 30px auto 0;}
	.ecbg .icongroup img{width: 40px;height: 40px;}
}

.ecintro{width: 100%;height: auto;box-sizing: border-box;padding: 80px 0 90px;background: #fff;}
.ecintro .ecbox{width: 90%;height: auto;margin: 0 auto;position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ecbox img{width: 44.2%; height: 100%;}
.ecbox .ectxt{width: 37.3%;height: 100%;box-sizing: border-box;padding-top: 6.5%;}
.ecbox h3{font-size: 48px;line-height: 1em;color: #333;}
.ecbox ul{margin-top: 50px;}
.ecbox ul li{font-size: 18px;line-height: 3em;color: #333;list-style: initial;}
.ecintro , .ecintro * {transition: all 0.3s ease-in-out;}
@media (min-width:768px) and (max-width:1500px){
	.ecbox img{width: 54%;}
	.ecbox .ectxt{width: 42%;}
	.ecbox h3{font-size: 36px;}
	.ecbox ul{margin-top: 30px;}
	.ecbox ul li{font-size: 16px;}
}
@media (max-width:767px){
	.ecintro{padding: 30px 0;}
	.ecbox img{width: 100%;}
	.ecbox .ectxt{width: 100%;padding: 0 0 0 20px;margin-top: 20px;}
	.ecbox h3{font-size: 24px;}
	.ecbox ul{margin-top: 20px;}
	.ecbox ul li{font-size: 14px;line-height: 2em;}
}