/* 
* @Author: Marte
* @Date:   2019-11-25 20:06:01
* @Last Modified by:   w9160
* @Last Modified time: 2021-10-28 20:26:21
*/
.clear{ clear:both;} 
.header .mainbav{
    width:92%;
    margin:0 auto;
    padding:1em;
    font-size:1.5em;
    height:3em;
    line-height: 3em;
}
.header .logo{
    float:left;
    width:18%;
    display:flex;
    align-items:center;
}
.header .logo img{
    width:3em;
    height: 3em;
    float:left;
}
.header .company{
    float:left;
    margin-left:1%;
    height:3em;

}
.header .company p.mc{
    font-size:1.3em;
}
.header .company p{
    font-size:0.8em;
    line-height: 1.4em;
    text-align: center;
}
.header .nav{
    width:75%;
    float:left;
}
.header .nav ul{
    display:flex;
    justify-content: space-between;
}
.header .nav ul li{
    width: 160px;
    text-indent: 1.5em;
}
.header .nav ul li:hover{
    width: 160px;
    background: url(../img/nav_bg.png) no-repeat 100%;
    text-indent: 1.5em;
    color: #fff;
}
.header .nav ul li:hover a{
    
    color: #fff;
}
a{
    color: #000;
}

/*base*/
.title{
    width:360px;
    height:70px;
    background:url(../img/index1.png) no-repeat;
    background-size:cover;
    text-align: center;
    line-height: 70px;
    color:#fff;
    font-size:2em;
    margin:0 auto ;
}
/*banner*/
.banner img{
    width:100%;
    display:block;
}
/*content*/
.content{
    width:1200px;
    margin:0 auto;
}
.content .steps{
    width:100%;
    height:548px;
    padding-top:20px;
    background: url(../img/steps-bg.png) no-repeat;
    background-size:cover;
}
.module{
   height:500px;
}
.module ul{
    position:relative;
    height:100%;
}
.module ul li{
    width:258px;
    height:178px;
    background:url(../img/icon2.png) no-repeat;
    background-size:cover;
    position: absolute;
}
.arctle .word{
    text-align: justify;
    width:148px;
    line-height: 1.2em;
    margin:60px auto 0;
    font-size:1.5em;
}
.module ul li.one{
    left:90px;
    top:0;
}
.module ul li.two{
    left:480px;
    top:218px;
}
.module ul li.thress{
    right:84px;
    top:0;
}
.year{
    width:75px;
    text-align: center;
    height:25px;
    line-height: 25px;
    background:url(../img/steps2.png) no-repeat 0px 0px;
    padding-bottom: 5px;
    color:#fff;
    font-size:1em;
    border-radius: 5px;
    margin:40px auto 0;
}
.module ul li.two .year{
    padding: 5px 0 0 0;
    position:absolute;
    top:-40px;
    left:50%;
    margin-left:-38px;
    background:url(../img/steps2.png) no-repeat -390px -60px;

}
.line{
    width:984px;
    height:8px;
    background:url(../img/steps1.png) no-repeat;
    position:absolute;
    top:39%;
    left:50%;
    margin-left:-492px;
}
.line span{
    display:block;
    width:8px;
    height:8px;
    border-radius: 50%;
    background:#63ff80;
    float:left;
    position:absolute;
    top:0;
}
.line span.one{
    left:104px;
}
.line span.two{
    left:497px;
}
.line span.thress{
    right:104px;
}
/*policy*/
.policy{
    width:100%;
    height:560px;
    padding-top:40px;
    background:url(../img/policy-bg.png) no-repeat;
    background-size:cover;
}
.narrate{
    width:1000px;
    margin:30px auto 50px;
}
.narrate p{
    line-height: 1.5em;
    font-size:1.8em;
    color:#fff;
    text-align: justify;
}
.list ul li{
    float:left;
    width:184px;
    padding:0 10px;
    height:200px;
    background:#7bccfd;
    margin-left:30px;
    position:relative;
}
.list ul li p{
    font-size:1.2em;
    line-height: 1.5em;
    text-align: justify;
}
.list ul li .biaoti{
    width:175px;
    height:30px;
    text-align: center;
    line-height: 30px;
    color:#fff;
    background:#63ff80;
    border-radius: 5px;
    margin:-15px auto 15px;
    font-size: 1.4em;
}
.list ul li .bt{
    width:140px;
    text-align: center;
    line-height: 25px;
    height:25px;
    color:#fff;
    background:#7ce8ee;
    border-radius: 5px;
    position:absolute;
    left:50%;
    margin-left:-70px;
    bottom:-10px;
    font-size: 1.2em;
}
/*village*/
.village{
    width:100%;
    height:580px;
    padding-top: 20px;
    background:#fff;
    overflow: hidden;
}
.bgt{
    width:100%;
    height:560px;
    background:url(../img/index9.jpg) no-repeat;
}
.carry{
    width:100%;
    height:685px;
    padding-top:30px;
    background:#ececec;
}
.carry .carry-list{
    margin-top: 30px;
}
.carry .carry-list ul li{
    float:left;
    width:240px;
    height:250px;
    background:#fff;
    text-align: center;
    margin:0 0 45px 50px;
    display: table-cell; vertical-align: middle;
}
.carry .carry-list ul li p{
    font-size: 2em;
    line-height: 2em;
}
.carry .carry-list ul li img{
    display: inline-block;
    margin-top:10px;
}
.case{
    padding-top:40px;
    width:100%;
    height:738px;
}
.case ul{
    margin-top:40px;
}
.case ul li a img{
    width:350px;
    height:218px;
    display:block;
}
.case ul li{
    width:350px;
    float:left;
    margin:0 0 5px 40px;
}
.case ul li a{
    display:block;
    color:#000;
    font-size:1.5em;
}
.case ul li a:hover{
    color:#ff0000;
    box-shadow: #666 0 0 5px;
}
.case ul li p{
    line-height: 50px;
    text-align: center;
}
.info a.more,.case a.more{
    width:200px;
    text-align: center;
    height:50px;
    line-height: 50px;
    background:#63ff80;
    color:#fff;
    border-radius: 30px;
    font-size: 2em;
    display:block;
    margin:15px auto 0;
}
.about{
    height:545px;
    width:100%;
    padding-top:40px;
    background:#ececec;
}
/*about*/
.about .con{
    margin-top:55px;
}
.about .con .describe{
    width:685px;
    float:left;
}
.about .describe h2{
    font-size:3em;
    border-bottom:2px solid #7afd91;
    text-align: center;
    padding-bottom:10px;
}
.about .con a{
    float:left;
    display:block;
}
.about .con a img{
    width:508px;
    height:320px;
    display:block;  
}
.about .art{
    width:550px;
    margin:10px auto 5px;
    font-size:1em;
    line-height: 1.5em;
}
.about .bottom ul li{
    float:left;
    width:360px;
    color:#63ff80;
    border-right: 2px solid #63ff80;
    border-bottom:2px solid #63ff80;
    text-align: center;
    padding:15px 0;
}
.about .bottom ul li p{
    font-size:1.2em;
    line-height: 2em;
}
.about .bottom ul li p:nth-child(2n){
    color:#000;
    font-size:1.2em;
}
.about .bottom ul li p font{
    font-size: 2.5em;
}
.about .bottom ul li:nth-child(2n){
    width:320px;
    border-right: 0;
}
.about .bottom ul li:nth-child(3),.about .bottom ul li:nth-child(4){
    border-bottom:0;
}
.info{
    margin-top:50px;
    padding:0 50px;
}
.info h2{
    background:#c7c7c7;
    font-size: 2em;
    height:70px;
    line-height: 70px;
    padding:0 20px;
}
.info ul{
    padding:10px 30px;
    border:2px solid #000;
    border-top:0;
}
.info ul li{
    width:508px;
    float:left;
    border-bottom:2px solid #666;
    padding:20px 0;
    margin-right: 20px;
}
.info ul li:hover{
    box-shadow: #666 0 0 5px;
}
.info ul li:hover p{
    color:#ff0000;
}
.info ul li:nth-child(2n){
    margin-right: 0;
}
.info ul li a{
    color:#000;
    font-size:1.2em;
}
.info ul li a img{
    width:170px;
    height:120px;
    float:left;
    margin-right: 15px;
}
.info ul li .words span{display:block;margin-top: 10px  ;}
.info ul li .words h4{
    margin-bottom:28px;
    
}
.cooperate{
    padding:25px 50px;   
}
.cooperate ul{
    display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
    display: -moz-box; /* Firefox 17- */
    display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
    display: -moz-flex; /* Firefox 18+ */
    display: -ms-flexbox; /* IE 10 */
    display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin:30px 0;
}
.cooperate ul a{
    display:block;
    width:33.33%;
    padding:20px 0;
    text-align: center;
}
.cooperate ul a img{
    display:inline-block;
    transition: all 0.6s;  
}
.cooperate ul a:hover img{
    transform: scale(1.1); /* 放大1.1倍 */
}
/*foot*/
.foot{
    width:100%;
    height:518px;
    background:url(../img/foot.jpg) no-repeat;
    background-size:cover;
    overflow:hidden;
}
.foot .footer{
    width:1200px;
    margin:0 auto;
    padding:98px 0 70px 0;
    color:#fff;
}
.foot .intro{
    width:420px;
    float:left;
    margin-right:120px;
}
.foot .intro h3{
    font-size: 2em;
    margin-bottom: 30px;
}
.foot .intro p{
    text-align: justify;
    font-size: 1.3em;
    line-height: 1.5em;
}
.foot .intro p.two{
    padding-top: 35px;
}
.foot .contact{
    width:300px;
    float:left;
    margin-right:70px;
}
.foot .contact h3{
    font-size: 2em;
    margin-bottom: 30px;
}
.foot .contact p{
    text-align: justify;
    font-size: 1.3em;
    line-height: 1.5em;
}
.foot .contact img{
    margin:10px 0;
}
.foot .contact  a{color:#fff;}
.foot .contact  a:hover{
    color:#ff0000;
}
.foot  .navigation{
    float:right;
}
.foot  .navigation h3{
    font-size: 2em;
    margin-bottom: 30px;
}
.foot .navigation ul{
    width:212px;
    margin-bottom:40px;
}
.foot .navigation ul li{
    float:left;
    width:60px;
    text-align: center;
    margin-right: 10px;
}
.foot .navigation ul li a{
    color:#fff;
    font-size: 1.2em;
    line-height: 1.5em;
}
.foot .navigation ul li a:hover{
    color:#ff0000;
}