@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/licheng_banner.jpg) no-repeat center; width: 100%; height: 325px; background-size: cover;}
.er_nav{width: 100%; height: 59px; border-bottom: 1px solid #d1d1d1; line-height: 59px;}
.er_nav p{font-size: 16px; color: #949494;}
.er_nav p a{color: #949494;}
.er_nav p a:hover{color: #04adf2;}
.tab_menu{height: 87px; line-height: 87px; background-color: #eee; border-bottom: 3px solid #d3d3d3;}
.tab_menu .san_nav li{float: left; font-size: 16px; width: 103px; text-align: center; margin-right: 30px;}
.tab_menu .san_nav li a{color:#838383;}
.bold{font-weight: bold; color: #262626!important;}
.tab_menu .san_nav{position: relative;}
.tab_menu .san_nav .sanjiao{position: absolute; top: 87px; left:399px;}

.zuzhi{padding-top: 52px;}
.zuzhi .zz_bg{width: 100%; padding: 37px 0 81px 0; background-color: #f6f6f6;}

.lc1{height: 394px; margin-bottom: 6px; position: relative;}
.lc1 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc1 .line>p{font-size: 30px; color: #262626;}
.lc1 .l{width: 50%; position: relative;}
.lc1 .l img{position: absolute; top:148px; right: 40px;}
.lc1 .r{width: 50%; position: relative;}
.lc1 .r>div{width: 440px; position: absolute; top:212px; left:40px; font-size: 16px; color: #fff; padding: 12px 0;
	background-color: #2ebbff; border-radius: 5px; padding-right: 4px;}
.lc1 .r>div>i{float: left;}
.lc1 .r>div>span{float: left; margin-left: 4px; }

.lc2{height: 394px; margin-bottom: 6px; position: relative;}
.lc2 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc2 .line>p{font-size: 30px; color: #262626;}
.lc2 .l{width: 50%; position: relative;}
.lc2 .l>div{width: 440px; position: absolute; top:212px; right:40px; font-size: 16px; color: #fff; padding: 12px 0;
	background-color: #9aca43; border-radius: 5px; padding-left: 4px;}
.lc2 .l>div>i{float: right;}
.lc2 .l>div>span{float: right; margin-right: 4px;/* width: 420px;*/}
.lc2 .r{width: 50%; position: relative;}
.lc2 .r img{position: absolute; top:148px; left: 40px;}

.lc3{height: 394px; margin-bottom: 6px; position: relative;}
.lc3 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc3 .line>p{font-size: 30px; color: #262626;}
.lc3 .l{width: 50%; position: relative;}
.lc3 .l img{position: absolute; top:148px; right: 40px;}
.lc3 .r{width: 50%; position: relative;}
.lc3 .r>div{width: 440px; position: absolute; top:212px; left:40px; font-size: 16px; color: #fff; padding: 12px 0;
	background-color: #f28848; border-radius: 5px; padding-right: 4px;}
.lc3 .r>div>i{float: left;}
.lc3 .r>div>span{float: left; margin-left: 4px; width: 420px;}


.lc4{height: 394px; margin-bottom: 6px; position: relative;}
.lc4 .line{width: 80px; text-align: center; position: absolute; top:0; left: 50%; margin-left: -40px;}
.lc4 .line>p{font-size: 30px; color: #262626;}
.lc4 .l{width: 50%; position: relative;}
.lc4 .l>div{width: 440px; position: absolute; top:212px; right:40px; font-size: 16px; color: #fff; padding: 12px 0;
	background-color: #ffbb42; border-radius: 5px; padding-left: 4px;}
.lc4 .l>div>i{float: right;}
.lc4 .l>div>span{float: right; margin-right: 4px; /*width: 420px;*/}
.lc4 .r{width: 50%; position: relative;}
.lc4 .r img{position: absolute; top:148px; left: 40px;}

.lc1 .r>div>span{width: 420px;}
.zuzhi>.zz_bg>.box>div:nth-child(10) .r img{top:84px;}


.wap_erji{display: none;}
@media screen and (max-width: 800px){
	.tab_menu{display: none;}
	.wap_erji{display: block; position: relative;}
	.main_menu{width: 100%; height: 40px; background-color: #0091dc; text-align: center;}
	.main_menu p{font-size: 16px; color: #fff; line-height: 40px;}
	.main_menu img{width: 10px;}
	.xl_menu{z-index: 1; position: absolute; top:0; left: 0; padding: 20px 0; width: 100%; background-color:#0091dc; display: none;}
	.xl_menu ul li{height:40px; border-bottom: 1px solid rgba(255,255,255,.6); line-height: 40px; 
		text-align: center; font-size: 16px;}
	.xl_menu ul li a{color: #fff; width: 100%; height: 100%; display: inline-block;}
	.xl_menu ul li:last-child{border-bottom: none;}

	.zuzhi{padding-top: 20px;}
	.zuzhi .zz_bg{padding: 20px 0 40px 0;}
	.lc1{height: 270px;}
	.lc1 .line>p{font-size: 18px;}
	.lc1 .line img{width: 24px;}
	.lc1 .line{width: 50px; margin-left:-25px;}
	.lc1 .l img{width: 160px; top:70px; right: 10px;}
	.lc1 .r>div{left: 10px; top:70px; width: 160px; font-size: 14px;}
	.lc1 .r>div>span{width: 160px; margin-left: 0; padding: 0 6px;}
	.lc1 .r>div>i{display: none;}
	
	.lc2{height: 270px;}
	.lc2 .line>p{font-size: 18px;}
	.lc2 .line img{width: 24px;}
	.lc2 .line{width: 50px; margin-left:-25px;}
	.lc2 .l>div>i{display: none;}
	.lc2 .r img{width: 160px; top:70px; left: 10px;}
	.lc2 .l>div{width: 160px; right: 10px; top:70px; font-size: 14px;}
	.lc2 .l>div>span{width: 160px; margin-right: 0;}
	.zuzhi>.zz_bg>.box>div:nth-child(10) .r img{top:70px;}
	
	.lc3{height: 270px;}
	.lc3 .line>p{font-size: 18px;}
	.lc3 .line img{width: 24px;}
	.lc3 .line{width: 50px; margin-left:-25px;}
	.lc3 .r>div>i{display: none;}
	.lc3 .l img{width: 160px; top:70px; right: 10px;}
	.lc3 .r>div{width: 160px; left: 10px; top:70px; font-size: 14px;}
	.lc3 .r>div>span{width: 160px; margin-right: 0;}

	.lc4{height: 270px;}
	.lc4 .line>p{font-size: 18px;}
	.lc4 .line img{width: 24px;}
	.lc4 .line{width: 50px; margin-left:-25px;}
	.lc4 .r img{width: 160px; top:70px; left: 10px;}
	.lc4 .l>div>i{display: none;}
	.lc4 .l>div{width: 160px; right: 10px; top:70px; font-size: 14px;}
	.lc4 .l>div>span{width: 160px; margin-right: 0;}

}

@media screen and (max-width: 320px){
	.lc1 .l img{width: 146px; right: 4px;}
	.lc1 .r>div{width: 146px; left: 4px;}
	.lc1 .r>div>span{width: 146px;}

	.lc2 .l>div{width: 146px; right: 4px;}
	.lc2 .l>div>span{width: 146px;}
	.lc2 .r img{width: 146px; left: 4px;}

	.lc3 .l img{width: 146px; right: 4px;}
	.lc3 .r>div{width: 146px; left: 4px;}
	.lc3 .r>div>span{width: 146px;}

	.lc4 .l>div{width: 146px; right: 4px;}
	.lc4 .l>div>span{width: 146px;}
	.lc4 .r img{width: 146px; left: 4px;}
}