@charset "UTF-8";
/*整站样式*/
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,button{margin:0;padding:0; border:0;}
body{font-size: 12px;font-family:"Microsoft YaHei" }
input,textarea,button{padding: 0;font-family:"Microsoft YaHei"}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul,ol,li{ list-style-type:none;}
img{border:0;vertical-align:middle;max-width:100%;}
select,input,textarea,button{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
tr{margin:0;padding:0;}
td{margin:0;padding:0;}
iframe{border:none;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
.hidden{display:none;visibility:hidden;}
.wrap{border: 0;padding:0;width:1150px;margin:0 auto;*zoom:1;}
.wrap:after{clear: both;content:"";display: table;}
.clear{clear:both;font-size:0;line-height:0;height:0;visibility:hidden;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float: left;}
.fr{float: right;}
.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}


body {
    letter-spacing:0.5px;
}
.header {
    width:100%;
    height:60px;
    background:rgba(0,0,0,.6);
    position:fixed;
    top:0;
    left:0;
    z-index:9;
    box-sizing:border-box;
    padding:0 4%;
}
.header .logo {
    width:161px;
    float:left;
    margin-top:10px;
}
.header .menu-check {
    width:38px;
    height:60px;
    float:right;
    vertical-align:middle;
}
.header .menu-check p {
    width:100%;
    height:3px;
    border-radius:3px;
    background:#fff;
    margin-bottom:5px;
}
.header .menu-check p:first-child {
    margin-top:19px;
}


.banner {
    width:100%;
    position:relative;
}
.swiper-pagination {
    width:100%;
    bottom:10px;
}
.swiper-pagination-bullet {
    width:6px!important;
    height:6px!important;
    background:#616161!important;
    opacity:0.5!important;
}
.swiper-pagination-bullet-active {
    background:#f79d00!important;
    opacity:1!important;
}


.index-product {
    width:100%;
    display:table;
    background:#f5f5f5;
    box-sizing:border-box;
    padding:15px 4%;
}
.index-model-title {
    width:100%;
    text-align:center;
    color:#000;
    font-weight:bold;
    font-size:16px;
    line-height:30px;
    text-transform:uppercase;
    margin-bottom:15px;
}
.index-model-title s {
    width:15px;
    height:1px;
    background:#f79d00;
    display:block;
    margin:auto;
}
.product-container {
    width:100%;
    padding-bottom:17px;
}
.product-container .swiper-slide {
    width:100%!important;
}
.product-list {
    width:100%;
    display:table;
}
.product-list li {
    width:48%;
    float:left;
    margin-right:4%;
}
.product-list li a {
    display:block;
}
.product-list li:nth-child(2n) {
    margin-right:0;
}
.product-list li .img {
    width:100%;
}
.product-list li .title {
    width:100%;
    text-align:center;
    font-size:12px;
    color:#333;
    line-height:24px;
    padding:8px 0;
}
.product-pagination {
    bottom:7px!important;
}
.product-pagination .swiper-pagination-bullet {
    width:15px!important;
    height:2px!important;
    background:#616161!important;
    opacity:0.5!important;
    border-radius:0!important;
}
.product-pagination .swiper-pagination-bullet-active {
    background:#f79d00!important;
    opacity:1!important;
}


.product-list2 {
    width:100%;
    padding-bottom:10px;
}
.product-list2 li {
    width:100%;
}
.product-list2 li .title {
    width:100%;
    text-align:center;
    font-size:15px;
    line-height:17px;
    color:#333;
    padding:13px 0 19px 0;
}

.product-list3 {
    width:100%;
    padding-bottom:10px;
    display:table;
}
.product-list3 li {
    width:48%;
    float:left;
    margin-right:4%;
}
.product-list3 li:nth-child(2n) {
    margin-right:0;
}
.product-list3 li .title {
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:24px;
    color:#333;
    padding:8px 0 14px 0;
}

.products-pagination {
    width:auto;
    height:25px;
    line-height:25px;
    display:table;
    padding:0 8px;
    right:15px;
    bottom:15px!important;
    background:#e2e2e2;
    border-radius:13px;
    color:#fff;
}
.product-tbox {
    width:100%;
    padding-bottom:25px;
}
.product-tbox .titles {
    font-size:16px;
    line-height:24px;
    font-weight:bold;
    color:#f79d00;
    padding:10px 0;
    border-bottom:1px solid #dcdcdc;
}
.product-tbox .txt {
    font-size:14px;
    line-height:24px;
    color:#333;
    padding:9px 0 16px 0;
}
.product-tbox .check {
    width:140px;
    height:30px;
    background:#f79d00;
    color:#fff;
    font-weight:bold;
    border-radius:5px;
    text-align:center;
    line-height:30px;
    font-size:12px;
    text-transform:uppercase;
    display:block;
}
.product-timg {
    width:100%;
    box-sizing:border-box;
    padding:20px 4%;
	line-height:1.8;
    border-bottom:1px solid #dcdcdc;
}
.product-timg .title {
    font-size:15px;
    font-weight:bold;
    line-height:24px;
    color:#f79d00;
}



.index-case {
    width:100%;
    box-sizing:border-box;
    padding:15px 4% 30px 4%;
}
.index-case .img {
    width:100%;
}
.index-case .title {
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:17px;
    color:#333;
    margin:12px 0 17px 0;
}
.index-link {
    width:200px;
    height:35px;
    display:block;
    margin:auto;
    box-sizing:border-box;
    border:1px solid #f79d00;
    padding-right:15px;
    border-radius:3px;
    text-align:center;
    line-height:33px;
    background:url(../images/icon-img17.png) 120px center no-repeat;
    background-size:2.5%;
    font-size:12px;
    color:#f79d00;
}

.case-list {
    width:100%;
}
.case-list li a {
    display:block;
}
.case-list .img {
    width:100%;
}
.case-list .title {
    width:100%;
    text-align:center;
    font-size:15px;
    line-height:17px;
    color:#333;
    margin:13px 0 16px 0;
}
.case-top {
    width:100%;
    padding-bottom:10px;
    border-bottom:1px solid #dcdcdc;
}
.case-top .title {
    width:100%;
    font-size:15px;
    line-height:17px;
    font-weight:bold;
    color:#f79d00;
    margin-bottom:10px;
}
.case-top .txt {
    width:100%;
    font-size:12px;
    line-height:17px;
    color:#666;
}
.case-txt {
    width:100%;
    font-size:12px;
    line-height:18px;
    color:#333;
}



.index-news {
    width:100%;
    box-sizing:border-box;
    padding:15px 4% 30px 4%;
    background:url(../images/pic-img7.jpg) center center no-repeat;
    background-size:cover;
}
.news-box {
    width:100%;
    padding:20px 0 16px 0;
    border-top:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    margin-bottom:20px;
}
.news-box a {
    display:block;
}
.news-box .time {
    width:100%;
    font-size:12px;
    line-height:20px;
    color:#666;
    margin-bottom:15px;
}
.news-box .time span {
    font-size:18px;
    color:#f79d00;
    border-right:1px solid #d0d0d0;
    padding-right:10px;
    margin-right:10px;
}
.news-box .title {
    font-size:15px;
    line-height:15px;
    color:#f79d00;
    margin-bottom:11px;
}
.news-box .txt {
    font-size:12px;
    line-height:18px;
    color:#666;
}


.news {
    width:100%;
    box-sizing:border-box;
    padding:15px 4% 0 4%;
    background:#f5f5f5;
}
.news-list {
    width:100%;
}
.news-list li {
    width:100%;
    padding:10px 0;
    border-top:1px solid #dcdcdc;
}
.news-list li a {
    display:block;
}
.news-list li:last-child {
    border-bottom:1px solid #dcdcdc;
}
.news-list li .time {
    width:100%;
    font-size:14px;
    line-height:20px;
    color:#666;
    margin-bottom:8px;
}
.news-list li .title {
    font-size:16px;
    line-height:15px;
    color:#000;
    margin-bottom:10px;
}
.news-list li .txt {
    font-size:14px;
    line-height:20px;
    color:#666;
}
.news-more {
    text-align:center;
    font-size:12px;
    color:#999;
    line-height:14px;
    padding:20px 0;
}
.news-more img {
    width:14px;
    height:14px;
    margin-right:7px;
}

.news-menu {
    width:100%;
    box-sizing:border-box;
    padding:28px 4% 20px 4%;
}
.news-menu .title {
    font-size:15px;
    line-height:15px;
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
}
.news-menu .title s {
    width:15px;
    height:1px;
    background:#f79d00;
    display:block;
    margin-top:13px;
}
.news-menu-list {
    width:100%;
    margin-top:5px;
}
.news-menu-list li {
    width:100%;
}
.news-menu-list li a {
    width:100%;
    display:block;
    font-size:14px;
    line-height:32px;
    color:#333;
    background:url(../images/icon-img20.png) 95% center no-repeat;
    background-size:2%;
}

.news-top {
    width:100%;
    padding-bottom:10px;
    border-bottom:1px solid #dcdcdc;
}
.news-top .title {
    font-size:16px;
    line-height:22px;
    color:#000;
    margin-bottom:8px;
}
.news-top .txt {
    font-size:14px;
    line-height:20px;
    color:#666;
}
.news-top .txt span {
    color:#000;
}
.news-txt {
    font-size:14px;
    line-height:24px;
    color:#333;
    padding:11px 0 30px 0;
}




.index-about {
    width:100%;
    box-sizing:border-box;
    padding:15px 4% 30px 4%;
}
.about-box {
    width:100%;
    padding:13px 0 16px 0;
}
.about-box .title {
    font-size:15px;
    font-weight:bold;
    color:#f79d00;
    text-transform:uppercase;
    margin-bottom:10px;
}
.about-box .txt{
    font-size:12px;
    line-height:18px;
    color:#333;
}


.about-txt {
    width:100%;
    font-size:14px;
    line-height:24px;
    color:#333;
    padding-bottom:30px;
}
.about-history-list {
    width:100%;
    display:table;
    padding-bottom:5px;
}
.about-history-list li {
    width:100%;
    margin-bottom:20px;
}
.about-history-list li .time {
    color:#000;
    font-size:14px;
    line-height:20px;
    font-weight:bold;
    display:block;
}
.about-history-list li .txt {
    color:#333;
    font-size:14px;
    line-height:20px;
}

.about-Production-list {
    width:100%;
    padding-bottom:15px;
}
.about-Production-list li {
    margin-bottom:15px;
}

.about-Production-lists {
    width:100%;
    display:table;
}
.about-Production-lists li {
    width:50%;
    float:left;
}
.about-Production-lists li .img {
    width:100%;
    box-sizing:border-box;
    padding:0 8%;
}
.about-Production-lists li .title {
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:12px;
    color:#333;
    padding:15px 0 20px 0;
}


.footer {
    width:100%;
    text-align:center;
    background:#2b2b2b;
    padding:19px 0 20px 0;
}
.foot-link-one, .foot-link-two, .foot-link-three {
    text-align:center;
}
.foot-link-one a, .foot-link-two a, .foot-link-three a {
    display:inline-block;
}
.foot-link-one a {
    margin:0 8px;
}
.foot-link-one a img {
    width:auto;
    height:35px;
}
.foot-link-two a {
    margin:0 8px;
}
.foot-link-two a img {
    width:auto;
    height:20px;
}
.foot-link-three a {
    margin:0 7px;
}
.foot-link-three a img {
    width:auto;
    height:20px;
}
.foot-title {
    font-size:12px;
    line-height:17px;
    font-weight:bold;
    color:#fff;
    text-transform:uppercase;
    margin:17px 0 11px 0;
}
.foot-tbox {
    font-size:10px;
    line-height:16px;
    padding:22px 0 18px 0;
}
.foot-tbox .bq {
    color:#fff;
}
.foot-tbox .add {
    color:#999;
}



.menu-box {
    width:100%;
    height:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:999;
    background:rgba(0,0,0,.85);
    display:none;
}
.menu-end {
    width:20px;
    height:20px;
    position:absolute;
    top:30px;
    right:30px;
}
.menu-box .list {
        width: 100%;
    position: absolute;
    z-index: 2;
    top: 13%;
    text-align: center;
}
.menu-box .list li {
    width:100%;
    color:#e9e9e9;
    font-size:18px;
    line-height:60px;
}
.menu-box .list li a {
    width:100%;
    display:block;
    color:#e9e9e9;
    font-size:20px;
    line-height:60px;
    
    /*text-transform:uppercase;*/
}
.menu-box .list li a.on {
    color:#f79d00;
}
.menu-one .list li a {
    text-transform:uppercase;
    letter-spacing:2px;
}


.contact-txt {
    width:100%;
    font-size:14px;
    line-height:24px;
    color:#333;
    padding-bottom:30px;
    border-bottom:1px solid #dcdcdc;
}

.contact-form {
    width:100%;
    display:table;
    padding:19px 0 30px 0;
}
.contact-form .title {
    font-size:16px;
    line-height:16px;
    font-weight:bold;
    color:#f79d00;
    margin-bottom:14px;
}
.contact-form .form-box {
    width:100%;
    display:table;
    margin-bottom:10px;
}
.form-box-title {
    font-size:14px;
    line-height:20px;
    padding-bottom:2px;
    color:#333;
}
.form-box-txt {
    width:100%;
    height:32px;
    border:none;
    background:#e1e1e1;
    box-sizing:border-box;
    padding-left:10px;
    color:#333;
    font-size:14px;
}

.form-box-txts {
    width:100%;
    height:45px;
    line-height:45px;
    color:#333;
    font-size:16px;
    margin:14px 0;
}
.form-box .select {
    width:135px;
    height:30px;
    border:1px solid #ddd;
    box-sizing:border-box;
    background:#e1e1e1;
    color:#333;
    font-size:14px;
    border-radius:3px;
    -webkit-appearance: none;
}

.form-box-text {
    width:100%;
    height:80px;
    box-sizing:border-box;
    font-size:14px;
    line-height:16px;
    color:#999;
    padding:5px 10px;
    border:none;
    background:#e1e1e1;
}

.form-box .form-submit {
    width:49%;
    height:35px;
    background:#f79d00;
    border-radius:3px;
    border:none;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    margin-right:2%;
    margin-top:5px;
    -webkit-appearance: none;
}
.form-box .form-reset {
    width:49%;
    height:35px;
    background:#a5a5a5;
    border-radius:3px;
    border:none;
    color:#fff;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    margin-top:5px;
    -webkit-appearance: none;
}

@media(max-width:320px) {
    .foot-link-one a img {
        height:30px;
    }
    .foot-link-two a {
        margin:0 5px;
    }
    .foot-link-two a img {
        height:16px;
    }
}
.news-menu-list li.on a {
    color:#f79d00;
}

.header .menu-check span {
    font-size:12px;
    color:#fff;
    line-height:24px;
    padding-top:5px;
    display:block;
}


@media(max-width:320px) {
    .menu-box .list {
        top:10%;
    }
        .menu-box .list li {
            line-height:40px;
        }
            .menu-box .list li a {
                font-size:16px;
                line-height:40px;
            }
}