@charset "UTF-8";

/*@font-face { font-family:'Gotham-Book'; src:url('../fonts/Gotham-Book.ttf') format('woff');font-weight: normal; font-style: normal;}

@font-face { font-family:'gotham-medium'; src:url('../fonts/gotham-medium.ttf') format('woff');font-weight: normal; font-style: normal;}*/
@font-face {  
      src: url('https://vantrue-app.vantruecam.com/files/Vantrue_HOS_Thin.ttf');
}




/*整站样式font-family:"Gotham-Book"*/

html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,span,button{font-family: Vantrue_HOS_Thin;margin:0;padding:0; border:0;  word-spacing: 1px;
    letter-spacing: 0.02rem;}

/*body{font-size: 13px;font-family:Whitney,Helvetica,Arial,"sans-serif";letter-spacing:0.02em;}*/
body{font-size: 13px;font-family: Vantrue_HOS_Thin;letter-spacing:0.02em;}

input,textarea,button{padding: 0; font-family: Vantrue_HOS_Thin;;}

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;}

a{color: #333;}

.hidden{display:none;visibility:hidden;}

.wrap{border: 0;padding:0;width:1200px;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;}




.header {

    width:100%;

    height: 97px;

    position:fixed;

    z-index:999;

    left:0;

    top:0;

    background:#fff;border: 1px solid #ddd;border-left: none;border-right: none;     z-index: 1000000;

}
.header-height {

    width:100%;

    height:80px;/*90*/

}
    .header .box {

        width:1200px;

        margin:auto;

    }
        .header .box .logo {

            float:left;

            height:100%;

            padding-top:6px;

            box-sizing:border-box;

        }
        .header .box .menu {

            float:left;

            margin-left:115px;

        }     
            .header .box .menu li {

                float:left;

                height:62px;

                margin-right:35px;

            }    
                .header .box .menu li.Support {

                    position:relative;

                }

                .header .box .menu li .menu-link {

                    display:block;

                   /* line-height:62px;*/

                    font-size:18px;
 /*line-height:57px;*/margin-top: 18px;
                    color:#000;    padding-bottom: 4px;

                }

                .header .box .menu li:hover .menu-link {

                    color:#fa4c06;border:none !important;                    border-bottom:1px solid #fa4c06!important;

                }
                .header .box .menu li.on .menu-link {

                    color:#fa4c06;border:none !important;                    border-bottom:1px solid #fa4c06!important;

                }

/*                .header .box .menu li .support-menu {

                    position:absolute;

                    left:50%;

                    transform:translateX(-50%);

                    top:70px;

                    z-index:99;

                    background:#fff;

                    width:130px;

                    box-sizing:border-box;

                    padding:0 14px 10px;

                    display:none;

                    border:1px solid #67b72d;

                }  */    
                    /*.header .box .menu li .support-menu:after {

                        content:'';

                        width:150px;

                        height:1px;

                        position:absolute;

                        left:50%;

                        transform:translateX(-50%);

                        top:0;

                        background:#67b72d;

                    }*/

                    .header .box .menu li .support-menu a {

                        line-height:50px;

                        font-size:14px;

                        color:#000;

                        display:block;

                        border-bottom:1px dashed #d4d4d4;

                        box-sizing:border-box;

                        padding-left:11px;

                    }

                    .header .box .menu li .support-menu a:last-child{

                        border-bottom:none;

                    }

                        .header .box .menu li .support-menu a:hover {

                            color:#fa4c06;

                        }
        .header .box .others {

            float:right;

        }
            .header .box .others .members {

                width:20px;

                height:62px;

                position:relative;

                background:url('/Public/new_img/images/icon2.png') center center no-repeat;

                padding:0 20px;

                float:left;

            }

                .header .box .others .members a {

                    display:block;

                    width:100%;

                    height:62px;

                }

                .header .box .others .members ul {

                    position:absolute;

                    z-index:2;

                    width:130px;

                    background:#fff;

                    left:50%;

                    transform:translateX(-50%);

                    top:59px;

                    box-sizing:border-box;

                    padding-left:18px;

                    padding-right:13px;

                    border:1px solid #fa4c06;

                    display:none;

                }

                .header .box .others .members:hover ul {

                    display:block;

                }

                    /*.header .box .others .members ul:after {

                        width:150px;

                        height:1px;

                        content:'';

                        position:absolute;

                        left:50%;

                        transform:translateX(-50%);

                        top:0;

                        background:#67b72d;

                    }*/

                .header .box .others .members li {

                    width:100%;

                    height:50px;

                    border-bottom:1px dashed #d4d4d4;

                }

                    .header .box .others .members li:last-child {

                        border-bottom:none;

                    }

                    .header .box .others .members li.m1 {

                        background:url('/Public/new_img/images/icon8.png') 5px center no-repeat;

                    }

                        .header .box .others .members li.m1:hover {

                            background:url('/Public/new_img/images/icon8-1.png') 5px center no-repeat;

                        }

                    .header .box .others .members li.m2 {

                        background:url('/Public/new_img/images/icon9.png') 5px center no-repeat;

                    }

                        .header .box .others .members li.m2:hover {

                            background:url('/Public/new_img/images/icon9-1.png') 5px center no-repeat;

                        }

                    .header .box .others .members li a {

                        display:block;

                        line-height:50px;

                        box-sizing:border-box;

                        padding-left:28px;

                        font-size:14px;

                        color:#000;

                    }

                    .header .box .others .members li:hover a {

                        color:#fa4c06;

                    }

                    .header .box .others .members li.m3 a {

                        padding-left:0;

                        /*font-size:12px;*/

                    }

            .header .box .others .shopcart {

                float:left;

                width:25px;

                height:62px;

                position:relative;

                margin-right:21px;

                padding:0 0px 0 15px;

                background:url('/Public/new_img/images/icon3.png') center center no-repeat;

            }
            .header .box .others .shopcart:hover .shopcart-tlist {

                display:block;

            }


.product-menu {

    width:100%;

    position:absolute;

    left:0;

    top:94px;

    z-index:99;
border: 1px solid #ddd;
    background:#fff;/*f3f3f3*/

    padding:25px 0 45px;

    display:none;

}

    .product-menu .box {

        /*width:1200px;*/
    width: 850px;
        margin:auto;

        display:table;

    }

        .product-menu .box .pmenu {

            width:183px;

            height:150px;

            float:left;

            border-right:1px solid #e6e6e6;

        }

            .product-menu .box .pmenu .pmenu-li {

                font-size:16px;

                color:#000;

                line-height:34px;

                box-sizing:border-box;

                padding-left:6px;

                cursor:pointer;

                display:block;

            }

                .product-menu .box .pmenu .pmenu-li:hover {

                    color:#fa4c06;

                }

                .product-menu .box .pmenu .pmenu-li.on {

                    color:#fa4c06;

                }

        .product-menu .box .plist {

            float:left;

        }

            .product-menu .box .plist .plist-li {

                padding-left:18px;

                display:none;

            }

                .product-menu .box .plist .plist-li .plist-box {

                    width:142px;

                    text-align:center;

                    float:left;

                    margin-left:20px;

                    font-size:14px;

                }

                    .product-menu .box .plist .plist-li .plist-box .title {

                        color:#000;

                        line-height:22px;

                        margin-bottom:5px;

                        font-weight:bold;

                    }

                    .product-menu .box .plist .plist-li .plist-box:hover .title {

                        color:#fa4c06;

                    }

                    .product-menu .box .plist .plist-li .plist-box .price {

                        color:#605e5e;

                    }

                    .plist-li img{max-width:100%;}



.banner {

    width:100%;
    position:relative;

}

/*.swiper-pagination-bullet-active {
    opacity: 1;
    color: #f37b1d !important;
}*/

.banner .swiper-pagination {

    width:100%;

    text-align:center;

    bottom:65px;

}

    .banner .swiper-container {
        clear:both;
        margin-top:0;
        max-width: 1920px;
        height: auto;
        /*height: 500px;*/
        /*background:#000;*/
        /*position: relative;*/
        z-index: 2;

    }
    .banner .swiper-slide{
           text-align: center;
            font-size: 18px;
            background: #fff;
            color:#000;

            /* Center slide text vertically */
 /*           display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;*/
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; 
    }

@media screen and (min-width: 600px) and (max-width: 1199px){
.swiper-container,.swiper-container-horizontal,.swiper-container-fade{    overflow: hidden;/*background: green;*/
    min-width: 1120px;}

}


/*  
  .swiper-slide .swipter-cont .sld-animate-box{
    
    color:#fff;
    position: relative;z-index: 2;top:250px;
    
  }
    .swiper-slide .swipter-cont .sld-animate-box h1{
    font-family: "Helvetica";font-weight: 400;font-size:36px;
  }
  .swiper-slide .swipter-cont .sld-animate-box h1,
  .swiper-slide .swipter-cont .sld-animate-box p{
      text-align: left;
      font-family: "HelveticaNeueLT-Light";
      font-weight: lighter;
    }


  .swiper-slide .swipter-cont .sld-animate-box .lenrn-more{
    border: 1px solid #444;margin-top: 80px;width: 150px;
    height: 40px;line-height: 40px;
  }
  .swiper-slide .swipter-cont .sld-animate-box .lenrn-more:hover{    
    background:#FD5126;
  }
  .swiper-slide .swipter-cont .sld-animate-box .lenrn-more a{
    color:#fff;font-weight: normal;
  }

  .swiper-slide .swipter-cont .sld-img{
  position: relative;z-index: 1;top:-100px;left: 0;
  border: none;
  }*/
    .banner .item {

        width:100%;

        height:880px;

        display:block;

        /*overflow:hidden;*/

    }

        .banner .item .banner-background {

            height:100%;

            object-fit: fill;

            position:relative;

            left:50%;

            transform:translateX(-50%);

        }

    .banner .swiper-pagination .swiper-pagination-bullet {

        width:60px;

        height:1px;

        background:#d2d7e4;

        opacity:1;

        font-size:0;

        margin:0 20px;

        border-radius:0;

    }

        .banner .swiper-pagination .swiper-pagination-bullet i {

            width:0;

            height:1px;

            background:#fa4c06;

            display:block;

        }

        .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active i {

            width:100%;

            transition:all 4s linear;

        }










.banner-prev {

    width:60px;

    height:60px;

    background:url('/Public/new_img/images/icon10.png') center center no-repeat;

    position:absolute;

    z-index:2;

    left:12%;

    top:50%;

    transform:translateY(-50%);

    cursor:pointer;

    opacity:.5;

    transition:all ease .3s;

}

    .banner-prev:hover {

        opacity:1;

    }

.banner-next {

    width:60px;

    height:60px;

    background:url('/Public/new_img/images/icon11.png') center center no-repeat;

    position:absolute;

    z-index:2;

    right:12%;

    top:50%;

    transform:translateY(-50%);

    cursor:pointer;

    opacity:.5;

    transition:all ease .3s;

}

    .banner-next:hover {

        opacity:1;

    }





  .swiper-pagination .swiper-pagination-bullet{
    width:80px;height:2px;top:5px;
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    background:#ccc;
  }
  .swiper-pagination .swiper-pagination-bullet-active{
    background:#666;
  }