body {

    font-size: 14px;

    color: #757575;

    font-family: "微软雅黑", sans-serif;

    min-width: 1110px;

    background: url(../img/body.jpg) repeat;

}


html {

    *overflow-x: hidden;

}


*, p, h1, ul, li, input, img, figure, h3, h1, h2, dl, dd, dt {

    margin: 0;

    padding: 0;

}


ul, ol, li, dl, dt, dd {

    list-style: none;

}


img {

    display: block;

}


a {

    text-decoration: none;

    outline: 0;

    color: #757575;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}


body ::selection {

    color: #FFFFFF;

    background-color: #e8bc7c;

    text-shadow: none;

}


body ::-moz-selection {

    color: #FFFFFF;

    background-color: #e8bc7c;

    text-shadow: none;

}


table {

    border-collapse: collapse;

    border-spacing: 0;

}


.clear {

    clear: both;

}


input[type="text"], input[type="password"], input[type="submit"], input[type="reset"], input[type="button"], textarea {

    -webkit-appearance: none;

    border: none;

    outline: none;

}


.box {

    width: 1110px;

    margin: 0 auto;

}


.head {

    position: relative;

    z-index: 2;

    width: 100%;

    height: 180px;

    background: url(../img/head.png) no-repeat center top;

}


.head .box {

    width: 1088px;

    margin: 0 auto;

}


.nav-list {

    position: relative;

    float: left;

    padding-top: 70px;

}


.nav-list a {

    display: block;

    width: 111px;

    height: 40px;

    font-size: 20px;

    font-family: hwzs, sans-serif;

    text-align: center;

    font-weight: bold;

    line-height: 40px;

    margin: 0 10px;

    margin: 0 5px \0;

    *margin: 0 5px;

    color: #000;

    border-radius: 3px;

}


.nav-list.active a {

    background: #b81c22;

    color: #fff;

}


.nav-list:hover a {

    background: #b81c22;

    color: #fff;

}


.nav-list:hover .sub a {

    background: none;

}


.nav-list .sub {

    display: none;

    position: absolute;
    z-index: 999;

    left: 10px;

    top: 109px;

    width: 109px;

    border-right: 1px solid #b81c22;

    border-left: 1px solid #b81c22;

    background: rgba(255, 255, 255, 0.8);

    border-bottom-right-radius: 5px !important;

    border-bottom-left-radius: 5px !important;

    overflow: hidden;

}


.nav-list .sub a {

    display: block;

    width: 109px;

    color: #aa1f24;

    font-family: "微软雅黑", sans-serif !important;

    font-weight: normal;

    font-size: 16px;

    height: 38px;

    margin: 0;

    border-radius: 0;

    border-bottom: 1px solid #b81c22;

    border-top: 1px solid #f2d5d6;

}


.nav-list .sub a:hover {

    background: #b81c22;

    color: #fff;

}


.nav-list:hover .sub {

    display: block;

}


.logo {

    float: left;
    width: 170px;
    height: 180px;
    overflow: hidden;

}
.logo  img{
    display: block;
    width: 100%;
}


.banner {

    position: relative;

    z-index: 1;

    width: 100%;

    height: 852px;

    overflow: hidden;

}


.page-banner {

    height: 597px;

}


.swiper-container-horizontal > .swiper-pagination-bullets {

    bottom: 200px !important;

}


.swiper-pagination-clickable .swiper-pagination-bullet {

    opacity: 1 !important;

    width: 14px !important;

    height: 14px !important;

    background: #333 !important;

    border: 1px solid #333 !important;

}


.swiper-pagination-clickable .swiper-pagination-bullet-active {

    background: #fff !important;

    border: 1px solid #333;

}


.main {

    position: relative;

    z-index: 3;

    margin-top: -200px;

}


.main-top {

    position: relative;

    z-index: 1;

    width: 1040px;

    height: 202px;
    margin: 0 auto;

    background: url(../img/main-top2.png) no-repeat center center;

}


.main-top p {

    font-size: 27px;

    color: #e8bc7c;

    font-weight: normal;

    font-family: '010-CAI978', sans-serif;

    padding-top: 75px;

    margin-left: 245px;

    text-transform: uppercase;

}


.main-top span {

    display: block;

    font-size: 42px;

    font-family: rzysht, sans-serif;

    font-weight: normal;

    color: #e8bc7c;

    padding-top: 15px;

    margin-left: 245px;

}


.main-content {

    position: relative;

    z-index: 0;

    width: 100%;

    margin-top: -15px;

    background: url(../img/main.png) repeat-y center;

}


.main-product {

    width: 1022px;

    margin: 0 auto;

    border-bottom: 1px solid #000;

}


.main-title {

    width: 100%;

}


.main-title img {

    display: block;

    margin: 0 auto;

}


.main-product {

    padding: 45px 0;

    background: url(../img/main-product-bj.jpg) no-repeat right top;

}


.product-list li {

    position: relative;

    text-align: center;

}


.product-list li img {

    margin: 0 auto;
    cursor: pointer;

}


.product-list li a {

    position: absolute;

    display: block;

    width: 112px;

    height: 36px;

    font-size: 17px;

    color: #fff;

    font-family: "宋体", sans-serif;

    line-height: 36px;

    background: url(../img/product-list-a.jpg) no-repeat center center;

}


.product-list li a:hover {

    color: #000;

}


.product-list1 a {

    top: 360px;

    left: 680px;

}

.product-list1:nth-child(2) a {

    top: 355px;

    left: 325px;

}


.product-list2 a {

    top: 355px;

    left: 325px;

}


.main-about {

    padding-bottom: 100px;

}


.main-about-content {

    width: 770px;

    margin: 0 auto;

}


.main-about-content-rg {

    float: right;

    width: 467px;

}


.main-about-content-lf {

    float: left;

    width: 260px;

}


.main-about-content-lf h3 {

    font-size: 22px;

    color: #0d131a;

    font-weight: bold;

    line-height: 46px;
    cursor: pointer;

}


.main-about-content-lf span {

    display: block;

    color: #0d131a;

    font-family: "Arial", sans-serif;
    cursor: pointer;

}


.main-about-content-lf p {

    font-size: 14px;

    line-height: 30px;

    color: #757575;

    padding: 20px 0;
    cursor: pointer;

}


.main-about-content-lf a {

    display: block;

    width: 68px;

    height: 24px;

    text-align: center;

    line-height: 24px;

    color: #292525;

    border: 1px solid #292525;

    border-radius: 3px;

}


.main-about-content-lf a:hover {

    color: #757575;

    border: 1px solid #757575;

}


.footer {

    position: absolute;

    z-index: 3;

    width: 100%;

    height: 349px;

    margin-top: -45px;

    background: url(../img/footer.png) no-repeat center center;

}


.footer-content {

    width: 875px;

    margin: 0 auto;

    padding-top: 80px;

}


.footer-content-top {

    width: 100%;

    height: 195px;

    border-bottom: 1px dashed #fff;

}


.footer-content-top img {

    float: right;

}


.footer-content-top dl {

    float: left;

    width: 600px;

    margin-left: 20px;

}


.footer-content-top dt {

    font-size: 21px;

    color: #fefefe;

    line-height: 40px;

    padding-bottom: 15px;

}


.footer-content-top dd {

    font-size: 15px;

    color: #fff;

    line-height: 26px;

}


.footer-content-bottom {

    width: 100%;

    font-size: 14px;

    color: #fff;

    line-height: 60px;

    margin: 0 auto;

}


.footer-content-bottom p {

    float: left;

    margin-left: 20px;
    cursor: pointer;
}


.footer-content-bottom span {

    float: right;

}


.fixed-menu {

    position: fixed;

    left: 50%;

    top: 50%;

    z-index: 9;

    margin-left: 580px;

    width: 65px;

    height: 200px;

    margin-top: -100px;

}


.fixed-menu-box {

    position: relative;

    width: 50px;

    height: 50px;

    background: #fff;

    -moz-box-shadow: 1px 1px 3px #737373;

    box-shadow: 1px 1px 3px #737373;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    cursor: pointer;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}


.fixed-menu-box img {
    position: relative;
    top: -3px;
    left: -3px;

    width: 30px;

    height: 30px;

    padding-top: 14px;

    margin-left: 8px;

    transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

}


.fixed-menu-box span {

    display: none;

}


.fixed-menu-box:hover {

    z-index: 9;

    background: #000;

}


.fixed-menu-box:hover p {

    display: none;

}


.fixed-menu-box:hover span {

    display: block;

}


.fixed-menu-code {

    display: none;

    position: absolute;

    right: 65px;

    top: -21px;

    width: 145px;

    height: 154px;

    background: url(../img/fixed-menu-code.png) no-repeat left top;

    transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

}


.fixed-menu-code strong {

    display: block;

    font-weight: normal;

    width: 130px;

    text-align: center;

    color: #000;

}


.fixed-menu-code img {

    width: 115px;

    height: 115px;

    padding-top: 8px;

    margin-left: 10px;

    transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

}


.fixed-menu-box:hover .fixed-menu-code {

    display: block;

}


.page-main {

    width: 100%;

    margin-top: -15px;

    padding: 55px 0 210px 0;

    background: url(../img/main.png) repeat center;

}


.page-main-lf {

    float: left;

    width: 256px;

}


.page-main-lf h3 {

    display: block;

    width: 245px;

    height: 105px;

    font-size: 40px;

    color: #000;

    font-family: myDingchang, sans-serif;

    line-height: 88px;

    text-indent: 50px;

    margin-left: 11px;

    background: url(../img/page-title.png) no-repeat center center;

}


.page-main-lf ul {

    width: 105px;

    margin-left: 90px;

    padding-top: 30px;

}


.page-main-lf ul li {

    position: relative;

    width: 105px;

    height: 48px;

    font-size: 18px;

    color: #000;

    line-height: 48px;

    text-align: center;

    border-top: 1px solid #5a5a5a;

}

.page-main-lf ul li:first-child {

    border-top: none !important;

}

.page-main-lf ul li:last-child {

    border-bottom: 1px solid #5a5a5a;

}


.page-main-lf ul li a {

    display: block;

    color: #000;

}


.page-main-lf ul li span {

    display: none;

    position: absolute;

    left: 115px;

    top: 50%;

    margin-top: -10px;

    width: 0;

    height: 0;

    border: 10px solid transparent;

    border-left: 10px solid #b60005;

}


.page-main-lf ul li.active, .page-main-lf ul li:hover {

    color: #fff;

    background: #b60005 !important;

    border-color: #fff;

    border-radius: 5px;

}


.page-main-lf ul li.active a, .page-main-lf ul li:hover a {

    color: #fff;

}


.page-main-lf ul li.active span, .page-main-lf ul li:hover span {

    display: block;

}


.page-main-rg {

    float: left;

    width: 610px;

    margin-top: 105px;

    padding: 0 99px;

    border-left: 2px solid #0b0b0b;

}


.page-main-content {

    width: 610px;

    margin-top: -105px;

}


.page-main-content p {

    font-size: 14px;

    color: #000;

    line-height: 26px;

    text-indent: 2em;

}


.news-list {

    position: relative;

    left: 50%;

    width: 690px;

    margin-left: -345px;

}


.news-list li {

    padding: 30px 0;

    border-bottom: 1px solid #000;

}


.news-list li img {

    float: left;

    width: 162px;

    height: 114px;

    margin-left: 25px;

}


.news-list .news-list-content {

    float: right;

    width: 440px;

    margin-right: 25px;

}


.news-list .news-list-title {

    width: 100%;

    height: 36px;

}


.news-list .news-list-title p {

    width: 340px;

    float: left;

    font-size: 16px;

    color: #000;

    text-indent: 0;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

}


.news-list .news-list-title p:hover {

    color: #e8bc7c;

}


.news-list .news-list-title span {

    display: block;

    float: right;

    font-size: 12px;

    line-height: 24px;

    color: #000;

}


.news-list .news-list-text {;

    position: relative;

    width: 100%;

    height: 78px;

    line-height: 24px;

    color: #747474;

}


.news-list .news-list-text p {

    color: #747474;

}


.news-list .news-list-text span {

    position: absolute;

    right: 0;

    bottom: 0;

    color: #000;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}


.news-list .news-list-text span:hover {

    color: #e8bc7c;

}


.fy {

    position: relative;

    bottom: -55px;

    display: block;

    height: 0;

    float: right;

}


.fy li {

    float: left;

    margin: 0 4px;

}


.fy li a {

    float: left;

    width: 18px;

    height: 18px;

    font-size: 12px;

    color: #595656;

    line-height: 18px;

    text-align: center;

    border: 1px solid #a1a0a0;

}


.fy li input[type="text"] {

    position: relative;

    top: -1px;

    width: 28px;

    height: 18px;

    border: 1px solid #a1a0a0;

    text-align: center;

}


.fy li.active a {

    background: #aa1e23;

    color: #fff;

    border: 1px solid #aa1e23;

}


.fy li:hover a {

    background: #aa1e23;

    color: #fff;

    border: 1px solid #aa1e23;

}


.fy li.fy-determine a {

    width: 35px;

}


.brand-list {

    position: relative;

    left: -30px;

    width: 670px;

}


.brand-list li {

    float: left;

    width: 305px;

    margin: 0 15px 20px 15px;

}


.brand-list li img {

    display: block;

    width: 305px;

    height: 262px;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}


.brand-list li p {

    width: 100%;

    font-size: 16px;

    color: #000;

    text-align: center;

    text-indent: 0;

    padding-top: 20px;

}


.brand-list li span {

    display: block;

    width: 105px;

    height: 23px;

    font-size: 14px;

    color: #fff;

    background: #b60005;

    margin: 5px auto 0 auto;

    text-align: center;

    border-radius: 10px;

    transition: all 0.3s;

    -moz-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    -o-transition: all 0.3s;

}


.brand-list li span:hover {

    background: #9b0004;

}


.brand-list li:hover img {

    box-shadow: 0 0 3px 3px #f0d4ab;

}


.product-detailed {

    width: 610px;

}


.product-text {

    width: 100%;

    padding-top: 50px;

}


.product-text-lf {

    float: left;

    width: 50%;

}


.product-text-rg {

    float: left;

    width: 50%;

}


.product-text-rg p {

    font-size: 15px;

    line-height: 38px;

}


.product-text-rg p span {

    font-weight: bold;

    color: #000;

}


.contact-content {

    width: 100%;

    font-size: 16px;

    line-height: 36px;

    color: #010101;

    text-align: center;

    padding-bottom: 140px;

}


.contact-content p {

    display: inline-block;

    margin: 0 10px;

    text-indent: 30px;

}


.contact-pic1 {

    background: url(../img/contact-lpic1.jpg) no-repeat center left;

}


.contact-pic2 {

    background: url(../img/contact-lpic2.jpg) no-repeat center left;

}


.contact-pic3 {

    background: url(../img/contact-lpic3.jpg) no-repeat center left;

}


.contact-pic4 {

    background: url(../img/contact-lpic4.jpg) no-repeat center left;

}

.swiper-container {

    position: relative !important;

    left: 50% !important;

    width: 1920px !important;

    margin-left: -960px !important;

}

.fake {
    font-size: 27px;
    color: #000;
    text-align: center;
    font-family: myDingchang, sans-serif;
}

.fake p {
    display: inline-block;
    line-height: 50px;
    border-top: 2px #000 dashed;
    border-bottom: 2px #000 dashed;
}

.fake-con {
    width: 540px;
    margin:40px auto 50px;
}

.fake-con li {
    overflow: hidden;
    margin-top: 20px;
}

.fake-con li p {
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 50px;
}

.fake-con li label {
    float: left;
    width: 380px;
    height: 50px;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.fake-con li label input {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 18px;
    color: #333;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fake-con li .verification input {
    float: left;
    width: 290px;
}

.fake-con li .verification img {
    float: right;
    display: block;
    width: 90px;
    height: 50px;
    overflow: hidden;
}

.fake-con li .refresh {
    float: left;
    margin-left: 10px;
    font-size: 18px;
    line-height: 50px;
    color: #333;
    padding-left: 25px;
    cursor: pointer;
    background: url("../img/sx.jpg") no-repeat left center;
}

.fake-con li label {
    float: left;
    width: 380px;
    height: 50px;
    margin-left: 10px;
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

.security-code {
    width: 380px;
    height: 50px;
    font-size: 18px;
    color: #fff;
    margin: 20px 0 0 60px;
    border-radius: 5px;
    border: none;
    background: #b60005;

}

.security-code:focus {
    outline: none;
}

.security-code:active {
    background: #cc0005;
}

.mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 11;
    background: rgba(0, 0, 0, 0.6);
}

.search-result {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 360px;
    margin: -180px 0 0 -180px;
    border-radius: 10px;
    z-index: 11;
    overflow: hidden;
    background: #fff url("../img/refer-bg.jpg") no-repeat right bottom;
}

.search-result-hide {
    float: right;
    width: 50px;
    cursor: pointer;
}

.search-result-confirm {
    display: block;
    width: 140px;
    height: 50px;
    margin: 0 auto;
    font-size: 18px;
    color: #fff;
    border-radius: 5px;
    border: none;
    background: #b60005;
}

.search-result-con {
    padding: 110px 55px 60px;
    font-size: 20px;
    line-height: 30px;
    color: #13911f;
    text-align: center;
}

.search-result-confirm:focus {
    outline: none;
}

.search-result-confirm:active {
    background: #cc0005;
}

.search-result2 .search-result-con {
    color: #b60005;
}

.search-result3 .search-result-con {
    color: #b60005;
}

.body-hide {
    overflow: hidden;
}

.nav-list1 a{
    width: 91px;
    margin: 0 5px;
}

.nav-list1 .sub {
    width: 89px;
    left: 5px;

}
.nav-list1 .sub a{
    width: 100%;

}