body {
    background-color: transparent;
    overflow-x:hidden;
}
#navigation {
    background: #FFFFFF;
    border-color: #FFFFFF;
    position: relative !important;


}
#navigation .container .navbar-right a {
    font-size: 16px;
    font-family: Source Han Sans CN;
    color: #707070;
}
#home {
    width: 100%;
    height: 100%;


}

#home .title {
    height: 100%;
    width: 100%;
    background: url("../img/produce/home1.png") no-repeat;
    background-position: center ;
    background-size: cover;
    padding-top: 6%;
}

#prod .title {
    height: 100%;
    width: 100%;
    background: url("../img/produce/hongxin.png") no-repeat;
    background-position: center ;
    background-size: cover;
    padding: 512px 0;
}

#home  .title-name {
    text-align: left;
    width: 575px;
    font-size: 46px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    padding-top: 60px;
    line-height: 56px;
    color: #FFFFFF;
    text-shadow: 0px 5px 6px rgba(193, 0, 0, 0.71);
    letter-spacing: 1px;
    opacity: 1;
    margin-left: 90px;

}
#home .title-english{
    width: 309px;
    /*height: 124px;*/
    /*background: #9E0000;*/
    /*opacity: 0.8;*/
    background: rgba(158,0,0,0.8);
    margin-top: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 340px;
    margin-left: 90px;
}
#home .title-english p{
    white-space:normal;
    text-align: left;
    font-size: 24px;
    /*margin-left: 25px;*/
    margin: 30px 29px 30px;
    font-family: Source Han Sans CN;
    font-weight: 500;
    line-height: 41px;
    color: #FFFFFF;
}
#home .title-bottom{
    width: 1000px;
    height: 138px;
    background: #9E0000;
    line-height: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
    border-radius: 10px;
    margin: 0px auto 120px;
}
#home .title-bottom p{
    white-space:normal;
    width: 929px;
    text-align: left;
    font-size: 14px;
    margin: 0px;
    font-family: Source Han Sans CN;
    font-weight: 400;

    color: #FFFFFF;
    opacity: 1
}
#science{
    width: 100%;
    height: 100%;
    background: url("../img/produce/home2.png") no-repeat;
    background-position: center center;
    background-size: cover

}
#science .title-name{
    font-size: 46px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    line-height: 76px;
    color: #9E0000;
    letter-spacing: 8px;
    opacity: 1
}
#science img{
    margin-left: -175px;
}
#science .title{
    padding-bottom: 0px;
}
#advantage{
    width: 100%;
    height: 100%;
    background: url("../img/produce/home4.jpg") no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 71px;
}
#advantage .title-name{
    font-size: 46px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    line-height: 76px;
    color: #9e0000;
    letter-spacing: 8px;
    opacity: 1;
}
#advantage article{
    padding: 0px;
}
 .line{
    margin: -18px auto -42px;
    width: 69px;
    height: 12px;
    background: #9E0000;
    opacity: 0.2;
    border-radius: 9px;
}
#advantage excerpt{
    width: 240px;
    height: 529px;
    background: #FFFFFF;
    opacity: 0.9;
}
#advantage excerpt p{
    width: 172px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    line-height: 24px;
    color: #A8A8A8;
    letter-spacing: 5px;
    opacity: 1
}
#advantage .media-wrapper{
    width: 180px;
    height: 180px;
    background: rgba(209, 0, 0, 0.17);
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    bottom: 49px;
    left: 25px;
}
#advantage .note{
   width: 234px;
    height: 529px;
    background: #FFFFFF;
    opacity: 0.9;
    border: 1px solid rgba(216, 216, 216, 0.30196078431372547);
    border-top: none;
    border-bottom: none;
    position: relative;
}
#advantage .note:hover{
    background: #FFFFFF;
    box-shadow: 0px 10px 10px rgba(255, 0, 0, 0.36);
}
#advantage .note:hover .excerpt h3{
    color: #9E0000 !important;
}
#advantage .note:hover .media-wrapper{
    background: #9E0000;
}
#advantage .content{
    display: flex;
    justify-content: center;
}
#advantage  .title-name-1{
    margin-top: 300px;

}
#advantage li{
    float: left;
}
#advantage .model{
    display: flex;
    justify-content: center;
    align-items: center;
}

#advantage .left-1{
    width: 389px;
    height: 509px;
    background: #FFFFFF;
    border: 2px solid #D8D8D8;
    opacity: 1;
    border-radius: 20px 0px 0px 20px;
    position: relative;
}
#advantage .left-1 h2{
    font-size: 24px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    margin-top: 48px;
    line-height: 31px;
    color: #000000;
    letter-spacing: 5px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 56px;
}
#advantage .left-1 h2 span{
    width: 33px;
    height: 0px;
    border: 1px solid #707070;
    opacity: 1;
    display: block;
}
#advantage .left-1 .left-2 {
    height: 100%;
}
#advantage .left-2 li{
    background: #FFFFFF;
    border: 2px solid #D8D8D8;
    opacity: 1;
    border-radius: 20px ;
    width: 319px;
    height: 59px;
    font-size: 18px;
    font-weight: bold;
    line-height: 55px;
    color: #424241;
    text-align: center;
    margin-bottom: 30px;
    margin-left: 35px;
}
#advantage .left-3{
    position: absolute;
    left: -135px;
    top: 135px;

}
#advantage .left-3 li{
    float: none;
    width: 109px;
    height: 59px;
    border: 1px solid #424241;
    opacity: 1;
    border-radius: 30px ;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 57px;
    color: #000000;
    letter-spacing: 5px;
    text-align: center;
    opacity: 1;

}
#advantage .left-3 div{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
#advantage .left-3 span{
    width: 26px;
    height: 3px;
    background: #D8D8D8;
    opacity: 1;
    display: block;
}
#advantage .right-1{
    width: 494px;
    height: 557px;
    background: #FFFFFF;
    border: 2px solid #9E0000;
    box-shadow: -9px 20px 20px rgba(0, 0, 0, 0.16);
    opacity: 1;
    border-radius: 20px;
}
#advantage .right-1 h2{
    font-size: 36px;
    font-family: YouSheBiaoTiHei;
    margin-top: 62px;
    font-weight: 400;
    line-height: 38px;
    color: #9E0000;
    opacity: 1;
    margin-bottom: 49px;
    text-align: center;
}
#advantage .right-2{
    height: 100%;
}
#advantage .right-2 li{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
#advantage .right-2 p{
    width: 354px;
    height: 59px;
    background: #9E0000;
    border: 1px solid #9E0000;
    opacity: 1;
    border-radius: 30px;
    font-size: 20px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    line-height: 57px;
    color: #FFFFFF;
    opacity: 1;
    text-align: center;
    margin:0px

}
#advantage .right-2 div{
    width: 39px;
    height: 39px;
    background: #9E0000;
    opacity: 1;
    border-radius: 50%;
    margin-left: 46px;
    margin-right: 10px;
}
#advantage .right-2 .glyphicon{
    font-size: 18px;
    top: 10px;
    left: 10px;
}
#centre{
    width: 100%;
    height: 100%;
    background: url("../img/produce/center.png") no-repeat;
    background-position: center center;
    background-size: cover
}
#centre .title-name{
    font-size: 46px;
    font-family: Source Han Sans CN;
    font-weight: 800;
    line-height: 76px;
    color: #9E0000;
    letter-spacing: 5px;
    margin-top: 80px;
    opacity: 1;
}
#centre .content{
    display: flex;
    justify-content: center;
    padding-bottom: 60px;
}
#centre .left{
    width: 400px;
    height: 282px;

    background: url("../img/produce/center1.png") no-repeat;
    background-position: center center;
    /*float: left;*/
}
#centre #left2{
    display: none;
}
#centre #right1{
    display: none;
}
#centre .left img{
    margin: 55px 157px 30px 157px;
}
#centre .left h2{
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    opacity: 1;
}
#centre .right{
    width: 600px;

    height: 282px;
    background: url("../img/produce/center2.png") no-repeat;
    background-position: center center;
}
#centre .right img{
    margin: 40px 257px 20px 257px;
}
#centre .right h2{
    font-size: 24px;
    font-family: Source Han Sans CN;
    font-weight: bold;
    line-height: 30px;
    color: #FFFFFF;
    text-align: center;
    opacity: 1;
}
#centre .right h4{
    width: 338px;
    /*height: 45px;*/
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 24px;
    margin-left: 131px;
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
}
#centre #left2 h4{
    width: 100%;
     font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
     line-height:16px;
     margin-left: 0px;
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
}
#system{
height: 100%;
width: 100%;
background: url("../img/produce/home5.png") no-repeat;
background-position: center center;
background-size: cover;
padding-bottom: 113px;
}
#system .title-name{
font-size: 46px;
font-family: Source Han Sans CN;
font-weight: 800;
line-height: 76px;
padding-top: 60px;
padding-bottom: 40px;
color: #9E0000;
letter-spacing: 5px;
opacity: 1;
}
#system .system-content{
height: 100%;
}
#system .content{
width: 380px;
height: 162px;
background: #FFFFFF;
border: 1px solid #D8D8D8;
opacity: 1;
border-radius: 10px;
float: left;
margin: 20px 10px 0px 0px;
}
#system .content span{
width: 23px;
height: 3px;
margin-left: 25px;
background: #9E0000;
opacity: 1;
display: block;
}
#system .col-md-3{
padding-left: 0px;

}
#system .content h2{
font-size: 24px;
font-family: Source Han Sans CN;
font-weight: bold;
line-height: 41px;
margin-left: 25px;
color: #000000 ;
opacity: 1;
}
#system .content:hover{
background: #9E0000;
box-shadow: 0px 10px 20px rgba(51, 51, 51, 0.32);
opacity: 1;
}
#system .content:hover h2{
color:#FFFFFF;
}
#system .content:hover p{
color:#FFFFFF;
}
#system .content p{
width: 331px;
height: 41px;
font-size: 14px;
margin-left: 25px;
font-family: Microsoft YaHei;
font-weight: 400;
line-height: 22px;
color: #6f5555;
opacity: 1;
}
#system .title{
padding-bottom: 0px;
}
#system .title-name{
font-size: 46px;
font-family: Source Han Sans CN;
font-weight: 800;
line-height: 76px;
color: #9E0000;
letter-spacing: 6px;
opacity: 1;
}
#system .title-name span{
font-size: 64px;
}
#system .title-name .glyphicon{
font-size: 36px;
color: #EBAC00;
top: -25px;
}
#system .btn{
transition: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    float: left;
    justify-content: space-between;
    align-items: center;
}
#system .btn{
    margin-right: 25px;
    cursor: default;

}
#system .model img{
    margin-left: -25px;
    margin-bottom: -10px;

}
#system .right{
    margin-right: 0px;
}
#system  .btn-transparent:hover{
    box-shadow: 0px 10px 10px rgba(255, 0, 0, 0.36);
background: #FFFFFF;
color: #000000 !important;
}
#system  .btn-transparent span{
font-size: 12px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 20px;
color: #000000;
opacity: 1;
}
#system  .text-center .more{
font-size: 16px;
font-family: Source Han Sans CN;
font-weight: 500;
line-height: 27px;
color: #6f5555;
opacity: 1;
}