.pd70 { padding: 0 70px; }

.w1200 { width: 1200px; margin: 0 auto; position: relative; }

.product-mods { padding: 36px 0 0px; background: #f9f9fe; }

.titles h4 { float: left; font-size: 30px; color: #5d6577; font-weight: bold; }

.x-menu { margin-left: 50px; }


.nav .sec{height:0;background:#1a4077;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:38px;left:0px;width:200%;}
.nav .sec a{background:#1a4077;color:#fff;height:38px;line-height:38px;font-size: 14px;display:block;text-align:center;}
.nav .sec a:hover{background:#bb0000;text-decoration:none;}


.product-sort { float: left; }
.product-sort li { float: left; width: 280px; height: 38px; margin-left: 6px; line-height: 38px; text-align: center; background: #ddddef; font-size: 16px; color: #35353d; position: relative; cursor: pointer; }
.product-sort li a { display: block; line-height: 38px; text-align: center; background: #ddddef; font-size: 16px; color: #35353d; }
.product-sort li.act { background: #fbe4e3; color: #ea4c3c; }
.product-sort li.act::after { content: ''; position: absolute; left: 50%; bottom: -16px; margin-left: -4px; border-color: #fbe4e3 transparent transparent transparent; border-style: solid dashed dashed dashed; width: 0px; height: 0px; overflow: hidden; border-width: 8px; }

.tabItems { display: none; margin-top: 34px; }

.product-list li { float: left; 
    /*width: calc(21% - 18px); margin-right: 10px; */
  /*  width: calc(20% - 4px);*/ margin-right: 10px;width:290px;
}
.product-list li img{width:290px;height:290px;}

.product-detail-tab .product-detail-tabli li{width:15%;}
.product-list li a { display: block; }
.product-list li a h4 { height: 32px; line-height: 32px; margin-top: 10px; font-size: 14px; color: #1d2638; background: #fff; text-align: center;margin-bottom: 35px; }
.product-list li a:hover h4 { background: #fbe4e3; color: #ea4c3c; }

.ntitles {     margin: 37px 0 44px; line-height: 33px; }
.ntitles h4 { float: left; font-size: 30px; color: #383838; margin-right: 25px;     font-weight: bold;}
.ntitles span { font-size: 18px; color: #5859cb; }
.ntitles a { float: right; width: 30px; height: 30px; text-align: center; background: #ddddef; }
.ntitles a i { font-weight: bold; font-size: 20px; color: #5859cb; }
.ntitles a:hover { background: #fbe4e3; }
.ntitles a:hover i { color: #ea4c3c; }

.green-list { margin-right: -12px; }
.green-list li { float: left; margin-right: 12px; }
.green-list li.items0 { width: 472px; height: 420px; position: relative; }
.green-list li.items0 .root { position: absolute; right: 0; bottom: 0; width: 472px;     padding: 15px 20px 28px; background: #fff; background-color: rgba(255, 255, 255, 0.8);     height: 105px;}
.green-list li.items0 .root h4 { margin-bottom: 18px; font-size: 16px; font-weight: bold; color: #1d2638; }
.green-list li.items0 .root p { font-size: 14px; color: #1d2638; }
.green-list li.items1, .green-list li.items2 { width: 350px; height: 420px; }
.green-list li.items1 .img, .green-list li.items2 .img { height: 414px; overflow: hidden; }
/*.green-list li.items1 .img img, .green-list li.items2 .img img { max-width: 100%; }*/
.green-list li.items1 .root, .green-list li.items2 .root { width: 100%;     position: relative;
    top: -97px;background: #fff;
    background-color: rgba(255, 255, 255, 0.8);    padding: 15px 20px 28px;
   
}
.green-list li.items1 .root h4, .green-list li.items2 .root h4 { margin-bottom: 18px; font-size: 16px; font-weight: bold; color: #1d2638; }
.green-list li.items1 .root p, .green-list li.items2 .root p { font-size: 14px; color: #1d2638; }

.problem-mods { padding: 56px 0 96px; margin-top: 82px; background: #f9f9fe; }
.problem-mods .ntitles { margin-top: 0; }

.problem .company-item { position: relative; }
.problem .company-item .intro{
    display:none;
}
.problem .company-item:hover .intro{
    display:block;
}
.problem .company-item .intro { position: absolute;
    top: 122px;
    right: 41%;
    text-align: center; }
   
.problem .company-item .intro h4 { margin-bottom: 22px; font-size: 30px; color: #fff; font-weight: bold; }
.problem .company-item .intro p { margin-bottom: 42px; font-size: 14px; color: #1d2638; }
.problem .company-item .intro span { display: inline-block; padding: 0 20px; height: 34px; line-height: 34px; background: #ea4c3c; font-size: 14px; color: #fff; }
.problem .owl-carousel .owl-nav button.owl-next, .problem .owl-carousel .owl-nav button.owl-prev { width: 42px; height: 82px; background: #f1f1f9; font-size: 40px; color: #5859cb; }
.problem .owl-carousel .owl-nav button.owl-next:hover, .problem .owl-carousel .owl-nav button.owl-prev:hover { color: #ea4c3c; background: #faf3f6; }
.problem .owl-carousel .owl-nav button.owl-next { right: -65px; }
.problem .owl-carousel .owl-nav button.owl-prev { left: -65px; }

.news-list { margin-right: -60px; margin-bottom: 45px; }
.news-list li { float: left; width: 370px; height: 238px; margin-right: 50px; padding: 24px 42px 42px 24px; }
.news-list li b { font-size: 40px; color: #afafaf; }
.news-list li span { display: inline-block; font-size: 14px; color: #747474; background: #fff; margin-left: -28px; }
.news-list li h4 { font-size: 16px; color: #505050; margin: 26px 0 22px; }
.news-list li p { font-size: 12px; color: #949393; }
.news-list li a { display: block; }
.news-list li:hover { background: #f9f9fe; }

.about-mods { padding: 72px 0 0; background: url(../images/about_bg.png) center no-repeat; }

.about-lf { width: 772px; }
.about-lf .bot { position: relative; width: 625px; margin-top: -125px; padding: 30px 32px 46px 25px; background: #fff; z-index: 99; margin-bottom: 30px;}
.about-lf .bot h4 { margin: 25px 0 20px; font-size: 16px; color: #505050; }
.about-lf .bot p { font-size: 12px; color: #949393; }

.about-rg { position: absolute; width: 464px; top: 132px; right: 0; margin-right: -16px; background: #fff; z-index: 99; }
.about-rg .tel { height: 50px; line-height: 50px; background: #e8e7e7; font-size: 20px; color: #3c3c3c; text-align: center; }

.setpd { padding: 30px 30px 20px; }

.table-msg { width: 100%; }
.table-msg td { padding-bottom: 14px; }
.table-msg .input-txt, .table-msg .checkcode { height: 26px; line-height: 26px; color: #333; font-size: 12px; }
.table-msg .input-txt, .table-msg .textarea-txt { display: inline-block; width: 100%; outline: none; padding-left: 8px; color: #333; font-size: 12px; border: 1px solid #dedede; }
.table-msg .textarea-txt { resize: none; }
.table-msg .checkcode { padding-left: 8px; border: 1px solid #dedede; }
.table-msg .x-submit { display: inline-block; width: 134px; height: 26px; line-height: 26px; outline: none; border: none; background: #ea4c3c; font-size: 12px; color: #fff; }
.table-msg .input-txt::-webkit-input-placeholder, .table-msg .checkcode::-webkit-input-placeholder, .table-msg .textarea-txt::-webkit-input-placeholder { /* WebKit browsers */ color: #b9bcc7; font-size: 12px; }
.table-msg .input-txt::-moz-placeholder, .table-msg .checkcode::-moz-placeholder, .table-msg .textarea-txt::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b9bcc7; font-size: 12px; }
.table-msg .input-txt:-ms-input-placeholder, .table-msg .checkcode:-ms-input-placeholder, .table-msg .textarea-txt:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #b9bcc7; font-size: 12px; }

.ft-log { float: left; padding-right: 26px; margin-right: 26px; border-right: 1px solid #e1dee2; }

.x-layout-contact { margin-bottom: 14px; font-size: 14px; color: #fff; }
.x-layout-contact table { margin-bottom: 18px; font-size: 16px; color: #e1dee2; }
.x-layout-contact img { margin-right: 4px; }
.x-layout-contact a { display: inline-block; margin-right: 10px; font-size: 14px; color: #fff; }

.linkUS { height: 35px; line-height: 35px; font-size: 14px; color: #fff; }

.x-seo { border-top: 1px solid #40363c; height: 48px; line-height: 48px; font-size: 14px; color: #fff; }
.x-seo a { font-size: 14px; color: #fff; }

.product-detail-imgbox { margin-top: 24px; background: #fff; }

.product-detail-swiper { float: left; width: 450px; }

.product-detail-swiper .view { border: 1px solid #e5e5e5; }

.product-detail-swiper .view .swiper-slide { outline: none; }

.product-detail-swiper .view .slick-con { text-align: center; display: block; height: 414px; line-height: 414px; font-size: 0; }

.product-detail-swiper .view .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .view .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .preview { margin: 0 auto; position: relative; margin-top: 10px; }

.product-detail-swiper .view { position: relative; }

.product-detail-swiper .preview .swiper-slide { outline: none; }

.product-detail-swiper .preview .swiper-slide.active-nav .slick-con { border-color: #fbe4e3; }

.product-detail-swiper .preview .slick-con { text-align: center; display: block; height: 90px; line-height: 80px; margin: 0 5px; border: 1px solid #eee; font-size: 0; }

.product-detail-swiper .preview .slick-con img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.product-detail-swiper .preview .slick-con:after { content: ""; height: 100%; vertical-align: middle; display: inline-block; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-left, .product-detail-swiper .preview .arrow-right { position: absolute; z-index: 99; top: 50%; margin-top: -45px; width: 20px; height: 90px; text-align: center; line-height: 50px; color: #fff; font-size: 20px; border: 1px solid #e4e7ed; }

.product-detail-swiper .view .arrow-left, .product-detail-swiper .preview .arrow-left { left: -26px; background: url(../images/n_prev.png) center no-repeat; }

.product-detail-swiper .view .arrow-left:hover, .product-detail-swiper .view .arrow-right:hover { border-color: #87a3ea; }

.product-detail-swiper .view .arrow-right, .product-detail-swiper .preview .arrow-right { right: -26px; background: url(../images/n_next.png) center no-repeat; }

.product-detail-list1 { width: calc(100% - 460px); padding: 35px 0 20px 20px; float: right; background: #f7f9fe; }

.product-detail-list b { float: left; font-size: 16px; color: #5a5a5a; font-weight: normal; }

.product-detail-list h1 { margin-bottom: 18px; font-size: 20px; font-weight: bold; color: #35353d; }

.product-detail-item li { margin: 8px 0; font-size: 14px; color: #35353d;     font-weight: bold;}

.product-detail-inquiry a { display: inline-block; height: 36px; line-height: 36px; padding: 0 36px; background: #fbe4e3; font-size: 14px; color: #ea4c3c; margin: 35px 0 0 0; }

.product-detail-inquiry a:hover { background: #fbe4e3; }

.product-detail-tabbox { border-bottom: 1px solid #e5e5e5; }

.btn-submit { height: 40px; line-height: 40px; padding: 0 42px; }

/*# sourceMappingURL=main.css.map */

   /* 隐私 */
    .privacy {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 999999;
        display: none;
    }

    .privacy:after {
        content: '';
        display: block;
        background: rgba(0,0,0,.3);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .privacy .gb {
        position: absolute;
        right: 0;
        top: 0;
        width: 60px;
        line-height: 56px;
        background: #000;
        color: #fff;
        text-align: center;
        font-size: 26px;
        z-index: 2;
        height: 60px;
        cursor: pointer;
    }
    .privacy .con {
        max-width: 1200px;
        background: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
        width: 100%;
        padding: 30px 0;
    }

    .privacy .con iframe {
        width: 100%;
        height: calc(100vh - 60px);
    }

    .yins {
        color: #666;
        font-size: 14px;
        cursor: pointer;
    }

    .yins span {
        color: #000;
    }

    @media(max-width: 480px) {
        .privacy .gb {
            width: 30px;
            line-height: 26px;
            font-size: 20px;
            height: 30px;
        }
    }

.ntitles1 h4{
        float: left;
    font-size: 30px;
    color: #383838;
    margin-right: 25px;
    font-weight: bold;
}
.ntitles1 a {
    float: right;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #ddddef;
}


.ntitles1{    margin-bottom: 30px;}