@charset "utf-8";
/* CSS Document */
body {
	font-family: "Microsoft YaHei", Arial, sans-serif;
 font-size: .24rem;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
* {
	padding: 0;
	margin: 0;
}
a {
	text-decoration: none;
	color:#333;
}
ul, li {
	list-style: none;
}
.w640 {
	margin: 0px auto;
	width: 6.4rem;
	box-sizing: border-box;
}
.pdh10 {
	padding: 0 0.1rem;
}
.pdh20 {
	padding: 0 0.2rem;
}
.pdh30 {
	padding: 0 0.3rem;
}
.pdv10 {
	padding: 0.1rem 0;
}
.pdv20 {
	padding: 0.2rem 0;
}
.pdv30 {
	padding: 0.3rem 0;
}
.pd1 {
	padding: 0.1rem;
}
.pd2 {
	padding: 0.2rem;
}
.pd3 {
	padding: 0.3rem;
}
.pd10 {
	padding: 0.1rem;
}
.pd20 {
	padding: 0.2rem;
}
.pd30 {
	padding: 0.3rem;
}
.pd35 {
	padding: 0.35rem;
}
.wdp10 {
	width: 10%;
}
.wdp20 {
	width: 20%;
}
.wdp30 {
	width: 30%;
}
.wdp70 {
	width: 70%;
}
.wdp80 {
	width: 80%;
}
.wdp90 {
	width: 90%;
}
.max-img img {
	max-width: 100%;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.hd10 {
	height: 0.1rem;
}
.hd20 {
	height: 0.2rem;
}
.hd30 {
	height: 0.3rem;
}
.hd40 {
	height: 0.4rem;
}
.hd50 {
	height: 0.5rem;
}
.hd60 {
	height: 0.6rem;
}
.hd75 {
	height: 0.75rem;
}
.hd80 {
	height: 0.80rem;
}
.hd100 {
	height: 1rem;
}
.hd72{
	height: 0.72rem;
}
.lhd15 {
	line-height: 150%;
}
.lhd20 {
	line-height: 200%;
}
.lhd30 {
	line-height: 300%;
}
.lhd100 {
	line-height: 100%;
}
.lhd150 {
	line-height: 150%;
}
.lhd200 {
	line-height: 200%;
}
.lhd300 {
	line-height: 300%;
}
.lhd36 {
	line-height: 0.36rem;
}
.lhd75 {
	line-height: 0.75rem;
}
.ft0 {
	font-size: 0;
}
.ft12 {
	font-size: 0.12rem;
}
.ft14 {
	font-size: 0.14rem;
}
.ft16 {
	font-size: 0.16rem;
}
.ft18 {
	font-size: 0.18rem;
}
.ft20 {
	font-size: 0.2rem;
}
.ft24 {
	font-size: 0.24rem;
}
.ft28 {
	font-size: 0.28rem;
}
.ft30 {
	font-size: 0.30rem;
}
.ft32 {
	font-size: 0.32rem;
}
.ft36 {
	font-size: 0.36rem;
}
.ft40 {
	font-size: 0.4rem;
}
.ft45 {
	font-size: 0.45rem;
}
.ft48 {
	font-size: 0.48rem;
}
.ft52 {
	font-size: 0.52rem;
}
.ftb {
	font-weight: bold;
}
.ofhd {
	overflow: hidden;
}
.bg1 {
	background-color: #678007;
}
.bg2{
	background-color: #7a725a;
}
.bga1{
	background-color: rgba(90,90,90,0.9);
}
.bgfff {
	background-color: #fff
}
.bg333 {
	background-color: #333
}
.bg666 {
	background-color: #666
}
.bg999 {
	background-color: #999
}
.bgeee {
	background-color: #eee
}
.line1{
	height: 1px;
	width: 100%;
	border-bottom: solid 1px #f1f1f1;
}
.text-indent {
	text-indent: 2em;
}
.clear {
	clear: both;
}
.color1 {
	color: #678007;
}
.color2 {
	color: #bf0908;
}
.color333 {
	color: #333;
}
.color666 {
	color: #666;
}
.color999 {
	color: #999;
}
.colorfff {
	color: #fff;
}
.pdimg4-3 .img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	padding-top: 75%;
	overflow:hidden;
	transition-duration: 1s;
	}
.pdimg4-30 .img:hover{
	background-size:110%;
	transition-duration: 1s;
	}
.pdimg4-3 .img a{
	display:block;
	width:100%;
	position: relative;
    padding-top: 75%;
    margin-top: -75%;
	}
.pdimg4-3 .img img{
	display:none;
	}
.pdimg1-1 .img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	padding-top: 100%;
	}
.pdimg1-1 .img a{
	display:block;
	width:100%;
	position: relative;
    padding-top: 100%;
    margin-top: -100%;
	}
.pdimg1-1 .img img{
	display:none;
	}
.pdimg1-2 .img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	padding-top: 200%;
	}
.pdimg1-2 .img a{
	display:block;
	width:100%;
	position: relative;
    padding-top: 200%;
    margin-top: -200%;
	}
.pdimg1-2 .img img{
	display:none;
	}
.block{
	display: block;
}
.hdp100{
	height: 100%;
}
.li-4 li{
	float: left;
    width: 21%;
    margin: 0.1rem 2%;
}
.li-3 li{
	width: 29.33%;
    float: left;
    margin: 0.1rem 2%;
}
.li-2 li{
	float: left;
    width: 46%;
    margin: 0.1rem 2%;
}
.nowrap{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
.hd48-24{
	height: 0.48rem;
	line-height: 0.24rem;
	overflow: hidden;
}
/*顶部开始*/
.header .logo img {
	height: 0.72rem;
}
.header .menuico {
	height: 0.72rem;
	width: 0.48rem;
	background: url(../images/menuico.png) center / contain no-repeat;
}
.header .on{
	background: url(../images/closeico.png) center / contain no-repeat;
}
.nav{
	position: absolute;
	left: 0;
    right: 0;
    z-index: 10;
	height: 100%;
	display: none;
	margin-top: 0.1rem;
}
.nav li {
	box-sizing: border-box;
	border-bottom: 0.01rem solid #999;
}
.nav li a {
	font-size: 0.24rem;
	color: #fff;
	line-height: 0.6rem;
	height: 0.6rem;
	display: block;
	font-weight: 100;
}
.page-banner{
	height:1.6rem;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	overflow:hidden;
	}
/*面包屑*/
.crumbs{
	height: 0.48rem;
	background-color: #f2f2f2;
	position: relative;
}
.crumbs .left-back-img,.crumbs .crumbs-catname,.crumbs .crumbs-menu{
	display: inline-block;
	height: 0.48rem;
	vertical-align: middle;	
}
.crumbs .left-back-img{
	width: 0.48rem;
	background: url(../images/icon-back-1.png) center / 0.32rem no-repeat;	
}
.crumbs .crumbs-catname{
	width: 5.3rem;
	text-align: center;
	line-height: 0.48rem;	
}
.crumbs .crumbs-menu{
	width: 0.48rem;	
	background: url(../images/iccon-menu-1.png) center / 0.32rem no-repeat;
}
.crumbs .crumbs-right .on{
	background: url(../images/icon-shrink-1.png) center / 0.32rem no-repeat;
}
.crumbs .crumbs-menu-list{
	position: absolute;
	right: 0;
	background-color: #f2f2f2;
	display: none;
	margin-top: 1px;
	z-index: 1;
}
.crumbs .crumbs-menu-list a{
	display: block;
	font-size: 0.18rem;
	line-height: 0.54rem;
	text-align: center;
	min-width: 1rem;
	border-bottom: 1px solid #fff;
	padding: 0 0.1rem;
}
/**/
.izhuying {
	margin-top: 0.2rem;
}
.izhuying .list li{
	width: 46%;
	margin: 0.1rem 2%;
	border: 1px solid #ddd;
	overflow: hidden;
	float: left;
	color: #333;
	box-sizing: border-box;
}
.izhuying .list .zi{
	margin-bottom:0.2rem;
}
.izhuying .list .tu{
	height: 0.64rem;
	padding: 0.2rem 0;
}
.izhuying .list .tu img{
	height: 0.64rem;
}
.izhuying .list .more a{
	display:inline-block;
    background: #678007;
    border-radius: 0.05rem;
	padding: 0.05rem 0.2rem;
    margin-top: 0.15rem;
	color: #fff;
}
/*首页服务项目*/
.iserver .server-list li {
	float: left;
	width: 48%;
	margin:0 1%;
}
.iserver .server-list li img {
	height: 2rem;
}
.iserver .server-list .title {
	margin-bottom: 0.1rem
}
/*首页案例
.case .img{
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% auto;
	padding-top: 66%;
	}
.case .img a{
	display:block;
	width:100%;
	position: relative;
    padding-top: 66%;
    margin-top: -66%;
	}
*/
/*首页关于我们*/
.iabout .iabout-list li {
	float: left;
	width: 44%;
	margin: 0.1rem 3%;
}
.iabout .iabout-list .title {
	margin-bottom: 0.1rem
}
/*首页新闻*/
.news-list-box .news-tab a {
	display:block;
	width:50%;
	background-color:#f2f2f2;
	float:left;
	height:0.48rem;
	line-height:0.48rem;
	color:#000;
}
.news-list-box .news-tab a.active {
	background-color:#678007;
	color:#fff;
}
.news-list-box .swiper-container .news-list {
	overflow:hidden;
}
.news-list-box .swiper-container .news-list li {
	border-bottom:1px solid #eee;
	overflow:hidden;
	padding:0 1%;
}
.news-list-box .swiper-container .news-list li a, .news-list-box .swiper-container .news-list li span {
	height:0.4rem;
	line-height:0.4rem;
	color:#333;
	display:block;
	overflow:hidden;
}
.news-list-box .swiper-container .news-list li a {
	width:75%;
	float:left;
	font-size:0.18rem;
}
.news-list-box .swiper-container .news-list li span {
	width:23%;
	float:right;
	font-size:0.14rem;
	text-align:right;
}
.news-list-box .swiper-container .news-list .more a{
	width: 100%;
}
/*图片列表页*/
.page-con .pic-list li {
	width:31.33%;
	float:left;
	margin:0.1rem 1%;
}
/*新闻列表*/
.page-con .news-list .news-title {
	border-bottom:1px solid #eee;
	overflow:hidden;
	padding:0 1%;
}
.page-con .news-list .news-title a, .page-con .news-list .news-title span {
	height:0.4rem;
	line-height:0.4rem;
	color:#333;
	display:block;
	overflow:hidden;
}
.page-con .news-list .news-title a {
	width:75%;
	float:left;
	font-size:0.18rem;
}
.page-con .news-list .news-title span {
	width:23%;
	float:right;
	font-size:0.14rem;
	text-align:right;
}
.page-con .page-list{
	padding: 0.1rem 0;
	
}
.page-con .page-list a{
	padding: 0.02rem 0.05rem;
	background-color: #eee;
	margin: 0 0.02rem;
}
.page-con .page-list span{
	padding: 0.02rem 0.05rem;
	background-color: #999;
}
/*服务内页样式*/
.diy_link {
    cursor: pointer;
    color: rgb(0, 117, 143);
}
.diy-con-title {
	padding-bottom: 0.2rem;
	font-size: 0.28rem;
	font-weight: bold;
	border-bottom: 1px solid #222;
	color: #222;
	position: relative;
}
.diy-fang {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	line-height: 0.2rem;
	width: 40px;
	background: #fff;
	height: 0.2rem;
	margin: -0.1rem auto;
	text-align: center;
}

.diy-width-p40 {

	margin: 0 auto;
}
.diy-width-p50 {

	margin: 0 auto;
}
.diy-width-p60 {

	margin: 0 auto;
}
.diy-width-p80 {

	margin: 0 auto;
}
.diy-width-p99 {
	width: 99%;
	margin: 0 auto;
}
.diy-text-indent div, .diy-text-indent p {
	text-indent: 2em;
}
.diy-light {
	background: url(../images/light.jpg) left center / contain no-repeat;
}
.diy-pd50-left {
	padding-left: 0.5rem;
}
.diy-pd30 {
	padding: 0.3rem;
}
.diy-margin20 {
	margin: 0.2rem 0;
}
.diy-margin-bottom30 {
	margin-bottom: 0.3rem;
}
.diy-margin-bottom50 {
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}
.diy-list-title-bg {
	background: url(../images/c-title-bg.jpg) left center no-repeat;
	padding: 0 0.1rem;
	color: #fff;
	font-weight: bold;
}
.diy-table {
	border-collapse: collapse;
	margin: 0 auto;
}
.diy-table .diy-table-tr {
	background-color: rgb(92, 122, 139);
	color: #fff;
}
.diy-table td {
	border: 1px solid #999;
	padding: 0.05rem;
}
.diy-table-p100 {
	border-collapse: collapse;
	width: 100%;
}
.diy-table-p100 td {
	padding: 0.1rem 0;
}
.diy-table-pp10 td {
	padding: 0.1rem;
}
.diy-img-width-50 img {
	width: 0.5rem;
}
.con-dtbk {
	display: inline-block;
}
.diy-bg-a1 {
	background: #7f7f7f;
}
.diy-bg-a2 {
	background: #f79646;
}
.diy-bg-a3 {
	background: #d8d8d8;
}
.diy-color-a1 {
	color: #fff;
}
.diy-color-a2 {
	color: #7f7f7f;
}
/*业务模块下方联系方式*/
.server-contact {
	width: 98%;
	margin: 0 auto;
}
.server-contact img {
	max-width: 1.4rem;
}
.server-contact li {
	padding:0.1rem 0 0.1rem 0.5rem;
	margin: 0.1rem 0;
}
/*底部浮窗*/
.bottom-online {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	z-index:3;
	overflow:hidden;
}
.bottom-online li {
	float:left;
	width:20%;
	text-align:center;
	padding:0.1rem 0;
}
.bottom-online li a {
	height:0.32rem;
	display:block;
	padding-top:0.32rem;
	color:#fff;
}
.bottom-online li a.home {
	background:url(../images/home.png) center top / 0.32rem no-repeat;
}
.bottom-online li a.tel {
	background:url(../images/tel.png) center top / 0.32rem no-repeat;
}
.bottom-online li a.chat {
	background:url(../images/chat.png) center top / 0.32rem no-repeat;
}
.bottom-online li a.message {
	background:url(../images/message.png) center top / 0.32rem no-repeat;
}
.bottom-online li a.map {
	background:url(../images/map.png) center top / 0.32rem no-repeat;
}
/*字体*/
@media only screen and (min-width:641px) {
html {
	font-size: 100px;
}
}

@media only screen and (max-width:640px) {
html {
	font-size: 100px;
}
}

@media only screen and (max-width:540px) {
html {
	font-size: 84.375px;
}
}

@media only screen and (max-width:480px) {
html {
	font-size: 75px;
}
}

@media only screen and (max-width:414px) {
html {
	font-size: 64.6875px;
}
}

@media only screen and (max-width: 400px) {
html {
	font-size: 62.5px;
}
}

@media only screen and (max-width: 375px) {
html {
	font-size: 58.5938px;
}
}

@media only screen and (max-width: 360px) {
html {
	font-size: 56.25px;
}
}

@media only screen and (max-width: 320px) {
html {
	font-size: 50px;
}
}