/* 海报图 */
.hbt{
    width: 100%;
    overflow: hidden;
}
/* 首页标题 */

.indtitle{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indtitle .left{
    width: 1000px;
    height: 100px;
}
.indtitle .left h1{
    font-size: 42px;
    position: absolute;
    z-index: 99;
}
.indtitle .left h2{
    font-size: 65px;
    font-family:tl01;
    color: rgba(000, 000, 000, 0.1);
    letter-spacing:2px;
    text-transform: uppercase;
    position: relative;
    top:18px;
}

/* 认证项目 */

		.picMarquee-left{ width:100%;  overflow:hidden; position:relative;}
		
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden;}


/* 便民服务 */
.bmtile{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.bmtile .left{
    width: 1000px;
    height: 100px;
}
.bmtile .left h1{
    font-size: 42px;
    position: absolute;
    z-index: 99;
    color: #fff;
}
.bmtile .left h2{
    font-size: 65px;
    font-family:tl01;
    color: rgba(255, 255, 255, 0.2);
    letter-spacing:2px;
    text-transform: uppercase;
    position: relative;
    top:18px;
}
/*  */
@font-face{
	font-family:"tl01";
	src:
        url("../images/SOURCEHANSANSCN-LIGHT.OTF") format("woff");
} 

.indtitle .rig{
    width: 50px;
    height: 70px;
    background-color: #3f9b5d;
    
}
.indtitle .rig a{
    width: 50px;
    height: 70px;
    display: block;
    background-image: url(../images/gduo_1.jpg);
    background-position: center;
}
.indtitle .rig a:hover{
    width: 50px;
    height: 70px;
    display: block;
    background-image: url(../images/gduo_2.jpg);
    transition:0.3s;
    background-position: center;
}

/* 便民服务 */
.bianj{
    width: 100%;
    overflow: hidden;
    padding-top: 50px;
    padding-bottom: 70px;
    box-sizing: border-box;
    background-color: #3f9b5d;
    /* background-color: rgba(000, 000, 000, 0.05); */

    /* border-bottom: 1px solid rgba(000, 000, 000, 0.2); */
}

.bianj ul{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 40px;
}
/* 
.bianj ul li{
    width: 205px;
    height: 170px;
    border-right: 1px solid rgba(000, 000, 000, 0.15);
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.bianj ul li:first-child{
    border-left: 1px solid rgba(000, 000, 000, 0.15);
}
.bianj ul li a{
    display: block;
    width: 125px;
    height: 125px;
    border: 1px solid rgba(000, 000, 000, 0.2);
    border-radius: 100px;
}
.bianj ul li:nth-child(1) a{
    background-image: url(../images/nva-1a.png);
}
.bianj ul li:nth-child(1) a:hover{
    background-image: url(../images/nva-1b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li:nth-child(2) a{
    background-image: url(../images/nva-2a.png);
}
.bianj ul li:nth-child(2) a:hover{
    background-image: url(../images/nva-2b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li:nth-child(3) a{
    background-image: url(../images/nva-3a.png);
}
.bianj ul li:nth-child(3) a:hover{
    background-image: url(../images/nva-3b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li:nth-child(4) a{
    background-image: url(../images/nva-4a.png);
}
.bianj ul li:nth-child(4) a:hover{
    background-image: url(../images/nva-4b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li:nth-child(5) a{
    background-image: url(../images/nva-5a.png);
}
.bianj ul li:nth-child(5) a:hover{
    background-image: url(../images/nva-5b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li:nth-child(6) a{
    background-image: url(../images/nva-6a.png);
}
.bianj ul li:nth-child(6) a:hover{
    background-image: url(../images/nva-6b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li:nth-child(7) a{
    background-image: url(../images/nva-7a.png);
}
.bianj ul li:nth-child(7) a:hover{
    background-image: url(../images/nva-7b.png);
    border:1px solid #3f9b5d;
    background-color: #3f9b5d;
    transition:0.5s;
}
.bianj ul li h1{
    width: 205px;
    font-size: 18px;
    text-align: center;
} */

/*  */
.bianj .alist{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
}
.bianj .alist a{
    display: block;
    width: 190px;
    line-height: 70px;
    text-align: center;
    font-size: 20px;
    background-color: #fff;
    /* background-color: rgba(000, 000, 000, 0.1); */
    color: #000;
}
.bianj .alist a:hover{
    background-color: #0f692d;
    color: #fff;
    transition:0.5s;
}


/* mian1 */
.mian1{
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    box-sizing: border-box;
    background-color: #fff;
}
/* mian2 */
.mian2{
    width: 100%;
    overflow: hidden;
    padding: 50px 0;
    box-sizing: border-box;
    background-color: rgba(000, 000, 000, 0.05);
}
/* 公司介绍 */
.about{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    padding-top: 80px;
    padding-bottom: 30px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.about .lift{
    width: 544px;
    height: 526px;
	overflow:hidden;
}
.about .lift img{
    width: 544px;
}
.about .rig{
    width: 800px;
    overflow: hidden;
}
.about .rig .cont{
    width: 100%;
    height: 520px;
    font-size: 18px;
    color: rgba(000, 000, 000, 0.8);
    overflow: hidden;
}
.about .rig .cont p{
    /* margin-bottom: 30px; */
    line-height: 35px;
    text-align: justify;
}
.about .rig .yyu{
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.about .rig .yyu a{
    display: block;
    width: 220px;
    height: 150px;
    border: 1px solid rgba(000, 000, 000, 0.1);
}
.about .rig .yyu img{
    display: block;
    width: 220px;
    height: 150px;
}

/* 认证服务 */
.renzh{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom: 20px;
}
.renzh .list{
    width: 340px;
    overflow: hidden;
    background-color: #fff;
    padding: 25px;
    box-sizing: border-box;
    }
.renzh .list .pic{
    width: 280px;
    height: 380px;
	text-align:center;
}
.renzh .list .pic img{
    /* width: 280px; */
	max-width:100%;
    height: 380px;
}
.renzh .list h1{
    margin-top: 15px;
    width: 280px;
    line-height: 50px;
    font-size: 20px;
    border-top: 1px solid rgba(000, 000, 000, 0.2);
    border-bottom: 1px solid rgba(000, 000, 000, 0.2);
    white-space: nowrap; 
    text-overflow:ellipsis;
    overflow:hidden;
}
.renzh .list p{
    font-size: 14px;
    line-height: 28px;
    text-align: justify;
    -webkit-line-clamp: 3;  
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
    padding: 20px 0;
    color: rgba(000, 000, 000, 0.8);
}
.renzh .list a{
    font-size: 14px;
    color: #3f9b5d;
    margin-top: 10px;
    text-decoration: none;
}

/* 新闻动态 */
.abouttj{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    padding: 50px 0;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(000, 000, 000, 0.2);
}
.abouttj h1{
    font-size: 32px;
    margin-bottom: 20px;
}
.abouttj h1 span{
    color: #ff4e00;
}
.abouttj h1 a{
    text-decoration: none;
    color: #000;
}
.abouttj h1 a:hover{
    color: #3f9b5d;
    text-decoration: underline;
}
.abouttj p{
    font-size: 18px;
    line-height: 30px;
    -webkit-line-clamp: 2;  
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow:ellipsis;
    overflow:hidden;
}
.abouttj .p{
    margin-top: 15px;
    color: rgba(000, 000, 000, 0.4);
}
.aboutnr{
    width: 1440px;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 40px;
    box-sizing: border-box;
}
.aboutnr li{
    width: 660px;
    line-height: 50px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
}
.aboutnr li span{
    width: 110px;
    text-align: left;
}
.aboutnr li span a{
    color: #3f9b5d;
}
.aboutnr li span a:hover{
    color: #ff4e00;
}
.aboutnr li b{
    width: 470px;
    font-weight: normal;
    text-align: left;
    white-space: nowrap; 
    text-overflow:ellipsis;
    overflow:hidden;

}
.aboutnr li b a:hover{
    color: #ff4e00;  
}
.aboutnr li p{
    width: 80px;
    color: rgba(000, 000, 000, 0.4);
    text-align: right;
}

/* 友情链接 */
#carousel-container {
    /*overflow: auto; !*设置为auto可以更直观的理解该方法的原理：即用js滚动元素，当超过某一数值时，滚动条复位，重复循环来达到走马灯的效果*!*/
    overflow: hidden; /* 隐藏滚动条，走马灯效果更好*/
    white-space: nowrap;
    width: 1440px;
    margin: auto;
    padding-top: 50px;
    padding-bottom: 50px;
	display:flex;
}
#carousel-container > div{
    display: inline-block;
    width: 224px;
    /* height: 80px; */
}
#carousel-container > div a{
    height: 80px;
	border:1px solid #ccc;
	padding:2px;
	display:flex;
	align-items:center;
	margin-right:5px;
}
#carousel-container img{
    display: block;
    width: 215px;
    /* height: 80px; */
}