@charset "utf-8";
/* CSS Document */

body{ width:100%; height:100%; background-color:#f8f8f8;overflow-x:hidden;}


.service{ width:1095px; height:727px; background-color:#f8f8f8; margin:0 auto;}


.topleft{width: 530px;height:212px;background-color:#FFF;margin-top:25px;float:left;}


.topright{width:530px; height:212px; background-color:#FFF; margin-top:25px; float:right; }

.topleftone{ width:530px; height:212px; background-color:#FFF; margin-top:20px; float:left;   }


.toprightone{width:530px; height:212px; background-color:#FFF; margin-top:20px; float:right; }

.leftimg {width: 298px;height:212px;float:left;}

.servicetitle { height:50px; float:left; padding-top:20px;padding-left:25px;}
.servicetitle img{margin-top:-25px;}

.servicetitle span{ font-size:24px; font-family:"微软雅黑"; color:#493627; }

.servicelist{width: 199px;height:120px;float:right;}	

.leftlist{ width:100px; height:120px; float:left; }

.rightlist { width:99px; height:120px; float:right; }

.servicelist ul{ height:102px;}

.servicelist ul li{ width:100%; float:left; height:30px; font-size:16px; font-family:"微软雅黑"; color:#020000; }
.servicelist2 ul li{ width:50%;}

.serviceimg{ width:1095px; margin:0 auto; margin-top:36px; background-color:#f8f8f8;}
.serviceimg ul{margin-left:-12px;}
.serviceimg ul li {padding-top:118px;padding-bottom:20px;width:170px;float:left;margin-left: 12px;text-align:center;}


.serviceimg01 {  background:url(gr_lc1_1125.jpg) no-repeat center 0;}
.serviceimg01:hover {  background:url(gr_lc1hover_1125.jpg) no-repeat center 0;}
.serviceimg02 {  background:url(gr_lc2_1125.jpg) no-repeat center 0;}
.serviceimg02:hover {  background:url(gr_lc2hover_1125.jpg) no-repeat center 0;}
.serviceimg03 {  background:url(gr_lc3_1125.jpg) no-repeat center 0;}
.serviceimg03:hover {  background:url(gr_lc3hover_1125.jpg) no-repeat center 0;}
.serviceimg04 {  background:url(gr_lc4_1125.jpg) no-repeat center 0;}
.serviceimg04:hover {  background:url(gr_lc4hover_1125.jpg) no-repeat center 0;}
.serviceimg05 {  background:url(gr_lc5_1125.jpg) no-repeat center 0;}
.serviceimg05:hover {  background:url(gr_lc5hover_1125.jpg) no-repeat center 0;}
.serviceimg06 {  background:url(gr_lc6_1125.jpg) no-repeat center 0;}
.serviceimg06:hover {  background:url(gr_lc6hover_1125.jpg) no-repeat center 0;}
.serviceimg ul li { background-color:#fff !important;}


.serviceimg .aaa {font-size:20px; line-height:28px;}

.serviceimg .bbb {font-size:14px;padding-left:100px;float:left}

.serviceimgtwo {  width:209px; height:118px; background:#FFF; float:left; margin-left:12px;}

.serviceimgthree { width:209px; height:118px; background:#FFF; float:left; margin-left:12px;}

.serviceimgfoure { width:209px; height:118px; background:#FFF; float:left; margin-left:12px;}

.serviceimgfive { width:209px; height:118px; background:#FFF; float:right;}



.ztc{ width:1095px; height:120px; margin:0 auto; margin-top:25px; background-color:#FFF;}

.bm{ height:120px; font-size:22px; float:left; font-family:"微软雅黑"; margin-left:15px; line-height:120px; color:#493627; font-weight:900;  }

.bmone{ width:130px; height:120px; float:left; line-height:110px; margin-left:10px;}
.ztc a{  height:130px; margin-top:18px; font-size:16px;float:left;margin-left:10px;}
.ztc img{float:left;display: block;margin-top: 30px}
.bmtwo{ width:160px; height:120px; float:left; line-height:110px; margin-left:28px;}


.bmthree{ width:160px; height:120px; float:left; line-height:110px; margin-left:28px;}


.bmfoure{width:192px;height:120px;float:left;line-height:110px;margin-left:28px;}


.bmfive{ width:175px; height:120px; float:left; line-height:110px; margin-left:28px;}

 @media screen and (max-width: 768px){
	.service{width:100%;height:auto;}
	.topleft{width:100%;margin:0 auto;height:auto;}
	.leftimg {width: 50%;height: auto;float:left;}
	.servicetitle{height:2rem;}
	.servicetitle img{width:30px;height:auto;margin-top:-1rem;}
	.servicetitle span{font-size:16px;}
	.servicelist{width:45%;height:auto;}
	.leftlist{width:5rem;height:auto;padding-left:0.5rem;}
	.servicelist ul{height:auto;}
	.servicelist ul li{width:6rem;height:auto;font-size:14px;padding-left:0.5rem}
	.servicelist3 ul li{width:auto;float:inherit}
	.rightlist{width:5rem;height:auto;}
	.topright{width:100%;margin:0 auto;float: left;height:auto;margin-top:1rem;}
	.topright .servicelist ul li{padding-left:0.5rem;}
	.topleftone{width:100%;margin:0 auto;float: left;height:auto;margin-top:1rem;}
	.toprightone{width:100%;margin:0 auto;float: left;height:auto;margin-top:1rem;}
	.topleftone .servicelist ul li{padding-left:0.5rem;}
	.toprightone .servicelist ul li{padding-left:0.5rem;}
	.serviceimg{width:100%;height:auto;margin-top: 10px;}
	.serviceimg ul{margin-left:-5px}
	.serviceimg ul li{width:30%;background-size: 6rem;padding-top: 6rem;margin-left: 2.5%;}
	.serviceimg ul li:hover{background-size: 6rem;}
	
	
	.serviceimg06{margin-left:0rem;margin-top:1rem;}
	.serviceimg01{margin-left:0.8rem;margin-top:0rem;}
	.serviceimg05{margin-left:0rem;margin-top:1rem;}
	.serviceimg02{margin-left:0.8rem;margin-top:0rem;}
	.serviceimg03{margin-left:0rem;margin-top:0rem;}
	.serviceimg04{margin-left:0.8rem;margin-top:1rem;}
	
	.ztc{width:100%;height:auto;margin-bottom:20px}
	.ztc img{width:36px;height:36px;margin-top:0px}
	.ztc a{margin-top:0px;height:auto}
	.bm{width:100%;text-align:center;margin-left:0px;height:50px;line-height:50px}
	.bmone{margin-left:1rem;width: 145px;height:36px;line-height:36px;margin-bottom:10px;}
	.bmtwo{margin-left:20px;height:36px;line-height:36px;margin-bottom:10px;}
	.bmthree{ width:145px;margin-left:1rem;height:36px;line-height:36px;margin-bottom:10px;} 
	.bmfoure{width:175px; margin-left:20px; height:36px;line-height:36px;margin-bottom:10px;}
	.bmfive{margin-left:1rem;height:36px;line-height:36px;margin-bottom:10px;}
	.serviceimg .aaa{font-size: 14px}
}


@media screen and (min-width: 600px) and (max-width: 768px){
	.bmone{margin-left:1rem;width: 166px;height:36px;line-height:36px;margin-bottom:10px;}
	.bmfoure{width:175px;margin-left: 1rem;height:36px;line-height:36px;margin-bottom:10px;}
}



@media screen and (min-width : 1020px) and (max-width: 1100px){ 

    .serviceimg{ width:100%;min-width: 1024px;}
    .serviceimg ul li{width: 160px;}

    .ztc{width:100%;min-width: 1024px;}
    .ztc{width:100%;height:auto;margin-bottom:20px}
	.ztc img{width:36px;height:36px;margin-top:0px}
	.ztc a{margin-top:0px;height:auto}
	.bm{width:100%;text-align:center;margin-left:0px;height:50px;line-height:50px}
	.bmone{margin-left:1rem;width: 145px;height:36px;line-height:36px;margin-bottom:10px;}
	.bmtwo{margin-left:20px;height:36px;line-height:36px;margin-bottom:10px;}
	.bmthree{ width:145px;margin-left:1rem;height:36px;line-height:36px;margin-bottom:10px;} 
	.bmfoure{width:175px; margin-left:20px; height:36px;line-height:36px;margin-bottom:10px;}
	.bmfive{margin-left:1rem;height:36px;line-height:36px;margin-bottom:10px;}
	.serviceimg .aaa{font-size: 14px}

	.service{width:1024px;}
	.topleft,.topright,.topleftone,.toprightone,.topleftone,.toprightone{width: 490px;}
	.leftimg {width: 200px;}
	.servicelist{width: 270px;}
} 