body {
    overflow-x: hidden;
}

/* 首页 - 关于 */

.i-about{ 
    width: 100%; 
    float: left; 
    overflow: hidden;
    background-color: #fff;
}
.i-about .text{
    text-align: center;
    margin-top: 100px;
}
.i-about .text .title{
    font-size: 30px;
}
.i-about .text span {
    margin-top: 40px;
    width: 100%;
    float: left;
}
.i-about .text span p {
    display: block;
    font-size: 16px;
    line-height: 24px;
}
.i-about .text .more{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 37px;
}
.i-about .text .more a{
    color: #606060;
    padding: 10px 20px;
    border: 1px solid #fff;
}
.i-about .text .more a:hover{
    color: #bf8c3b;
    border: 1px solid #bf8c3b;
}
.i-about .person{
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: 73px 0 42px;
}
.i-about .person li{
    width: 50%;
    float: left;
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.i-about .person li .img{
    display: inline-block;
}

.i-about .person li span{
    width: 100%;
    text-align: center;
    display: block;
    line-height: 100px;
    font-size: 18px;
    color: #000;
}

.i-about .person .hand{
    position: absolute;
    float: left;
    width: 64px;
    height: 49px;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -32px;
    background: url(../images/iabout.png) no-repeat;
}
.i-about .person img{
    animation-duration: 2s;
}

.i-about .person li:hover{
    opacity: .7;
}

/* 首页 - 流程 */
.main_1800{
    padding: 0 50px;
    width: 100%;
    box-sizing: border-box;
}
section.process{ 
    background: url("../images/back.jpg") no-repeat center / cover;
    width: 100%;
    float: left;
    position: relative;
    animation-duration: 3s;
}
.process .text{
    float: right;
    width: 100%;
    margin: 73px 0;
}
.process .text span{
    float: right;
    text-align: right;
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}
.process .img{
    float: left;
    width: 100%;
    margin-bottom: 134px;
    position: relative;
}
.process .img li{
    margin-right: 2%;
    float: left;
    width: 32%;
    position: relative;
}
.process .img li:last-child{
    margin-right: unset;
}
.process .img li img{
    width: 100%;
}
.process .img li a{
    position: absolute;
    color: #fff;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 30px;
    bottom: 0;
    left: 0;
    text-align: right;
    line-height: 20px;
}
.process .img li:first-child a{
    color: #000;
}
.process .img li a i{
    font-family: "iconfont-kxy";
}



.process .img li:hover a{
    background: rgba(255,255,255,.7);
    color: #000;
}

/* 首页-产品 */
.product{
    width: 100%;
    float: left;
    border-bottom: #bf8c3b 7px solid;
}

.product .box{
    width: 100%;
    display: block;
    font-size: 0;
}

.product .text{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    padding-left: 22%;
}
.product .text h2{
    color: #747373;
    font-size: 30px;
    font-family: 'Elizabeth Semi-Script';
    text-transform: uppercase;
    line-height: 40px;
    display: block;
    position: relative;
    padding-bottom: 4px;
}
.product .text h2::after{
    content: "";
    width: 290px;
    height: 4px;
    background: #747373;
    position: absolute;
    bottom: 0;
    left: 0;
}
.product .text h3{
    margin: 30px 0 27px;
    font-size: 48px;
    width: 100%;
    float: left;
    line-height: 64px;
    display: block;
    color: #747373;
}
.product .text h3 i{
    color: #bf8c3b;
}

.product .text span{
    font-size: 16px;
    color: #747373;
    line-height: 26px;
    width: 100%;
    display: block;
    animation-duration: 3s;
}
.product .text a{
    color: #606060;
    font-size: 16px;
    line-height: 36px;
    margin-top: 30px;
    display: inline-block;
    font-family: "iconfont1";
}
.product .text a:hover{
    /* border: 1px solid #ccc; */
    color: #bf8c3b;
}

.product .pic{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}
.product .pic img{
    width: 50%;
    display: inline-block;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 1s ease-in-out;
}
.product .img{
    width: 100%;
    float: left;
}
.product .img img{
    width: 50%;
    float: left;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    transition: all 1s ease-in-out;
}
/*.product .pic img:hover,.product .img img:hover{
    filter: none;
    filter: grayscale(0%);
}*/
.product .img img.colorFul,
.product .pic img.colorFul {
    filter: none;
    filter: grayscale(0%);
}