/*demo1*/

body {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

.demo1 {
    width: 100%;
    height: 1013px;
    background: url(../images/bg1.jpg) no-repeat center;
    position: relative;
    z-index: 999;
}


/*search*/

.search {
    width: 1399px;
    height: 47px;
    line-height: 47px;
    color: white;
    font-size: 14px;
    background: url(../images/s3.png) no-repeat;
    margin: -23.5px auto 0;
    position: relative;
}

.search span {
    padding-left: 102px;
}

.search a {
    color: white;
    margin: 0 5px;
}

.search_cnt {
    width: 265px;
    height: 31px;
    position: absolute;
    right: 95px;
    top: 8px;
}

.search_cnt form {
    position: relative;
    width: 100%;
    height: 31px;
}

.search_cnt form .txt {
    width: 263px;
    height: 29px;
    border: 1px solid transparent;
    border-radius: 14.5px;
    background: white;
    font-size: 16px;
    text-indent: 15px;
}

.search_cnt form .btn {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/s2.png) no-repeat;
    right: 24px;
    top: 5px;
    cursor: pointer;
}


/*about*/

.about {
    width: 822px;
}

.about .title {
    margin-right: -15px;
    margin-top: 92px;
}

.about .txt {
    font-size: 15px;
    color: white;
    margin-top: 46px;
    letter-spacing: 1px;
}

.about .txt p {
    line-height: 30px;
}

.about .more {
    display: block;
    width: 101px;
    height: 34px;
    margin: 47px auto;
    background: url(../images/a1.png);
}

.about ul {
    width: 100%;
    text-align: right;
}

.about ul li {
    width: 230px;
    display: inline-block;
    text-align: center;
}

.about ul li p {
    font-size: 15px;
    color: white;
    margin-top: 10px;
    line-height: 28px;
}


/*product*/

.product {
    width: 100%;
    height: 1187px;
    background: url(../images/bg2.jpg) no-repeat center;
}

.pro_list {
    margin-top: 114px;
    height: 440px;
    position: relative;
}

.pro_list .btn {
    width: 41px;
    height: 41px;
    position: absolute;
    top: 50%;
    margin-top: -20.5px;
    cursor: pointer;
}

.pro_list .prev {
    left: -70px;
    right: auto;
    background: url(../images/b2.png) no-repeat;
}

.pro_list .next {
    right: -70px;
    left: auto;
    background: url(../images/b3.png) no-repeat;
}

.pro_list01 {
    width: 1199px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

.pro_list01 ul {
    width: 100000px;
    height: auto;
    position: relative;
}

.pro_list01 ul li {
    width: 383px;
    float: left;
    margin-right: 25px;
}

.pro_list01 ul li img {
    display: block;
    width: 100%;
    height:265px;
}

.pro_list01 ul li .txt {
    height: 100px;
    width: 100%;
    background: url(../images/b10.jpg) no-repeat;
    background-size: 100% 100%;
}

.pro_list01 ul li .txt p {
    width: 340px;
    height: 36px;
    line-height: 36px;
    margin: 0 auto;
    padding-top: 30px;
    background: url(../images/b5.png) no-repeat bottom left;
}

.pro_list01 ul li .txt p .txt1 {
    color: #ECEDE7;
    font-size: 15px;
}

.pro_list01 ul li .txt p .more {
    display: block;
    width: 38px;
    height: 36px;
    background: url(../images/b4.png) no-repeat;
}


/*brand*/

.brand {
    margin-top: 73px;
}

.brand_list {
    width: 970px;
    overflow: hidden;
}

.brand_list .list1 {
    width: 10000px;
    position: relative;
}

.brand_list .list1 img {
    width: 182px;
    float: left;
    display: block;
    margin-right: 15px;
    height: 120px;
}


/*news*/

.news {
    width: 100%;
    height: 1133px;
    background: url(../images/bg3.jpg) no-repeat;
}

.slideTxtBox {
    width: 896px;
    float: right;
    margin-top: -27px;
}

.slideTxtBox .hd {
    height: 51px;
    width: 100%;
    background: url(../images/n3.png) no-repeat bottom left;
}

.slideTxtBox .hd ul li {
    width: 146px;
    height: 49px;
    background: url(../images/n2.png) no-repeat center;
    margin-right: 10px;
    float: left;
}

.slideTxtBox .hd ul li a {
    display: block;
    width: 100%;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 18px;
    color: white;
}

.slideTxtBox .hd ul li.on {
    background: url(../images/n1.png) no-repeat center;
}

.slideTxtBox .bd {
    width: 100%;
    margin-top: 40px;
}

.slideTxtBox .bd ul li {
    width: 836px;
    height: 78px;
    padding: 16px 30px;
    background: url(../images/n4.png) no-repeat;
    background-size: 100% 100%;
    margin-bottom: 30px;
    position: relative;
}

.slideTxtBox .bd ul li .txt1 {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}

.slideTxtBox .bd ul li .txt1 a {
    color: white;
}

.slideTxtBox .bd ul li .txt2 {
    font-size: 14px;
    line-height: 25px;
    color: white;
    width: 750px;
}

.slideTxtBox .bd ul li .more {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/n5.png) no-repeat;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    right: 30px;
}

.slideTxtBox .bd ul li:hover {
    background: #9E0323;
}