.container{width:86%;}
.section{
    overflow: hidden;
    position: relative;
    width: 100%;
	background:#f6f6f6;
	padding:30px 0px 80px 0px;

}
.section .swiper-slide{display:flex;justify-content:space-between;}

.section img{max-width:100%;}
.section .swiper-button-next:after,.section .swiper-button-prev:after{color:#eaeaea;font-weight:bold;}
.section .txt{width: 50%;text-align: center; height: 100%;}
.section .txt .pics{width:100%;display:flex;justify-content:space-between;}
.section .txt .pics div{width:30%;}
.section .txt .pics img{max-width:100%;margin-right:20px;margin-bottom:80px;}
.section .txt h3{font-size:60px;text-align:left;}
.section .txt em{font-size: 18px;text-align:left;color:#383838;display:block;margin:20px 0px 40px 0px;}
.section .txt a{display: block;width:fit-content;padding: 0 20px;height: 46px;line-height: 46px;background-color: #000000;text-align: center;color: #fff;text-transform: uppercase;}
.section .txt a:hover{background-color: rgba(0, 0, 0, 0);border:1px solid #000;color:#000;}
.section .swiper-slide .bannerimg{width:48%;}
.section .swiper-pagination{text-align:left}
.section .swiper-pagination{align-items:center;display:flex;bottom:0px;}
.section .swiper-pagination-bullet{color:#999;margin-right:10px !important;}
.section .swiper-pagination-bullet-active{width:22px;height:22px;background:url(../images/ico.png) no-repeat top center;}
.section2{overflow:hidden;position:relative;padding:80px 0px;}
.tit{text-align:center;}
.tit h1{font-size:60px;color:#565b5f;}
.tit p{font-size:18px;margin:30px 0px;}
.section2 .featured{margin:80px auto;}
.section2 .featured ul{display:flex;justify-content:space-between;flex-wrap:wrap;}
.section2 .featured ul li{width:23%;}

.section2 .featured ul li .img{overflow:hidden;}

.section2 .featured ul li .img img{
	max-width:100%;
	display:block;
	margin:0 auto;
 	 -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;
}
.section2 .featured ul li .wa_des{width:70%;margin:0 auto;font-size:18px;text-align:center;margin-top:20px;}
.section2 .featured ul li .wa_price{text-align:center;font-size:18px;font-weight:bold}
.section2 .featured ul li:hover img{
	 -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.more a{display:block;margin:0 auto;width:200px;height:56px;line-height:56px;border:1px solid #999999;text-align:center;color:#333333;font-size:16px;text-transform:uppercase;}
.more a:hover{background:#000;color:#fff;}
.section3{overflow:hidden;position:relative;}
.section3 .inner{background:#f8f8f8;padding:0px 0px 0px 50px;display:flex;justify-content:space-between;align-items:center;}
.section3 .inner img{
	max-width:100%;
	 -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;


	}
.section3 .inner img:hover{
   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section3 .inner .txt {width:36%;padding: 20px 0;}
.section3 .inner .txt h3{font-size:48px;}
.section3 .inner .txt p{font-size:18px;margin:20px 0;}
.section3 .inner .txt a{margin:0;}
.section3 .inner .imgs{width:54%;overflow:hidden;}
.section4{overflow:hidden;position:relative;padding:80px 0px;}
.section4 .inner{display:flex;justify-content:space-between;align-items:center;margin:0 auto;}
.section4 .inner img{max-width:100%;}
.section4 .inner .txt {width:36%;}
.section4 .inner .txt h3{font-size:48px;}
.section4 .inner .txt p{font-size:18px;margin:60px 0px 50px 0px;line-height:1.6;}
.section4 .inner .txt a{margin:0;}
.section4 .inner .imgs{width:50%;display:flex;justify-content:space-between;}
.section4 .inner .imgs img{
	    -webkit-transition: all 0.5s ease 0s ;
    -moz-transition: all 0.5s ease 0s ;
    -ms-transition: all 0.5s ease 0s ;
    -o-transition: all 0.5s ease 0s ;
    transition: all 0.5s ease 0s ;

}
.section4 .inner .imgs .pull-left{width:57%;overflow:hidden;}
.section4 .inner .imgs .pull-right{width:40%;overflow:hidden;}
.section4 .inner .imgs .pull-right img{
	margin-bottom:20px;


}
.section4 .inner .imgs img:hover{
	   -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.section5{overflow:hidden;position:relative;background:#f8f8f8;padding:80px 0px 0px 0px;}
.section5 .watches{display:flex;position:relative;width:80%;height:100%;height:345px;margin-top:100px;margin:0 auto;}
.section5 .watches .watch{position:absolute;bottom:0;
   transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transition: all 2.5s ease-out;
}
.section5 .watches .watch img{max-width:100%;}
.section5 .watches .watch--1{left: 0;}
.section5 .watches .watch--2{left: calc(50% - 486px);}
.section5 .watches .watch--3{left: calc(50% - 346px);}
.section5 .watches .watch--4{left: calc(50% - 146px);z-index:11}
.section5 .watches .watch--5{left: calc(50% + 50px);z-index:10;}
.section5 .watches .watch--6{left: calc(50% + 250px);z-index:9;}
.section5 .watches .watch--7{right:0;}
.section5 .more{margin-bottom:50px;}
.section6{overflow:hidden;position:relative;padding: 80px 0px;}

.product{overflow:hidden;position:relative;padding:80px 0px;}
.product .txt{text-align:center;}
.product .txt span{font-size:18px;color:#565b5f;text-transform:uppercase;}
.product .txt h1{font-size:72px;}
.product .txt p{font-size:18px;width:60%;margin:0 auto;}
.product .sortitems{margin:50px auto;overflow:hidden;}
.product .sortitems label{font-size:18px;text-transform:uppercase;color:#333;margin-bottom:20px;}
.product .sortitems .form-control{border-radius:0px;background:#fff;border:none;box-shadow:none;height:50px;font-size:16px;padding-left:5px;}
.product .proitems ul{margin-top: 50px;display: flex;flex-wrap: wrap;flex-direction: row;}
.product .proitems ul li{width:25%;float: left;}
.product .proitems ul li .pwrap{margin-left: 10px;margin-right: 10px;}
.product .proitems ul li .boximg{overflow:hidden;position:relative;}
.product .proitems ul li .boximg img{
	max-width:100%;

}
.product .proitems ul li .boximg img{
	max-width:100%;

}
.product .proitems ul li .imgrotate{position:absolute;left:0;top:0;opacity:0; transition: all 0.3s ease 0s;}
.product .proitems ul li:hover .imgrotate{opacity:1}
.product .proitems ul li .boximg i{position:absolute;top:20px;right:20px;opacity:0;transition: all 0.3s ease 0s;}
.product .proitems ul li:hover .boximg i{opacity:1;}
.product .proitems .con{box-sizing:border-box;padding:20px;text-align:center;font-size:18px;position:relative;}
.product .proitems .con .ahover{position:absolute;left:0;top:0;display:flex;justify-content:center;align-items:center;background:#f5f5f5;width:100%;height:100%;opacity:0;transition: all 0.3s ease 0s;}
.product .proitems .con .ahover a{display:block;width:60%;text-align:center;font-size:18px;border:1px solid #d1c8c0;color:#333;height: auto;line-height: 1.5;padding-top: 5px;padding-bottom: 5px;text-transform: uppercase;}
.product .proitems .con .ahover a:hover{background:#d1c8c0;color:#fff;transition: all 0.3s ease 0s;}
.product .proitems ul li:hover .ahover{opacity:1;}
.product .more {margin-top:50px;}
.product .more a{background:#000000;color:#fff;}
.product .more a:hover{background:none;border:1px solid #000;color:#000;}
.menu-box.open{width:30%;padding-top:80px;right: 0px;}
.proarc{overflow: hidden;position: relative;padding: 0px 0px;background: linear-gradient(to right, #251d1a 40%,#0f0d0e 100%);}
.proarc .swiper-slide img{max-width: 100%;}
.proarc .swiper-button-next:after,.proarc .swiper-button-prev:after{color: #fff;}
.proarc .container{position: relative;}



.proac2{overflow: hidden;position: relative;}
.proac2 .wlitems ul{display: flex;justify-content: space-between;align-items: center;flex-wrap:wrap ;margin: 20px auto;}
.proac2 .wlitems ul li{width: 25%;display: flex;align-items: center;}
.proac2 .wlitems ul li p{margin-bottom: 0px;margin-left: 10px;}
.proac2 .sitems .swiper-slide img{max-width: 100%;}
.proac2 .sitems .swiper-container{padding-bottom: 60px;}
.proac2 .swiper-button-next:after,.proac2 .swiper-button-prev:after{color: #000;opacity: 8;}
.proac2 .swiper-button-next,.proac2 .swiper-button-prev{top: 96%;}
.proac2 .swiper-pagination-bullet-active{background-color: #000;}
.proac3{overflow: hidden;position: relative;padding:80px 0px 0px 0px}
.proac3 .product-summary {
    background: #fff;
    padding: 50px 0;
    position: relative;
}
.proac3 .product-summary__inner {
    align-items: center;
    display: flex;
    width: 60%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: space-between;

}
.proac3 .product-summary li {
    align-items: center;
    display: flex;
    margin-bottom: 40px;
    width: 40%;
}
.proac3 .product-summary__icon {
    background: no-repeat 50% 50%/contain;
    flex-shrink: 0;
    height: 55px;
    width: 55px;
    margin-right: 18px;
}
.proac3 .product-summary__title {
    font-family: neutra text tf,sans-serif;
    font-weight: 500;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.proac3 .product-summary__text {
    color: #5f5f5e;
}
.proac4{overflow: hidden;position: relative;}
.proac4 img{max-width: 100%;}
.proac4 .inner{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.proac4 .inner .pull-right{width: 50%;color: #fff;}
.proac4 .inner .pull-right h3{font-size: 36px;line-height: 1.6;margin: 20px 0px 10px 0px;}

.proac4 .inner .pull-right  .product-promo__video {

    cursor: pointer;

    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    float: left;
}


.proac4 .inner .pull-right .product-promo__video i {
    border: 2px solid currentColor;
    border-radius: 50%;
    display: block;
    position: absolute;
    height: 50px;
    width: 50px;
}
.proac4 .inner .pull-right .product-promo__video::after {
    content: '';
    display: block;
    padding-bottom: 50%;
}
.product-promo__video i::after {
    border-left: 20px solid currentColor;
    border-right: 20px solid transparent;
    border-bottom: 12px solid transparent;
    border-top: 12px solid transparent;
    content: '';
    display: block;
    height: 24px;
    width: 40px;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 12px);
}

@media screen and (max-width:1680px) {

}
@media screen and (max-width:1440px) {
.container{width: 90%;}
.section5 .watches{width:90%;}
.section .txt .pics img{margin-bottom:30px;}
.section4 .inner .imgs .pull-right img{margin-bottom:15px;}
}

@media screen and (max-width:1280px) {
.section .txt h3{font-size:40px;line-height:1}
.section2 .featured ul li .wa_des{width:100%;}
.section3 .inner .txt h3{font-size:42px;}
.section3 .inner .txt p{margin:20px 0px;}
.section4 .inner .txt p{margin:20px 0px;}
.section4 .inner .txt{width:42%;}
.section5 .watches{width:100%;}
.proac4 .inner .pull-right h3{font-size: 30px;}
}

@media screen and (max-width:1024px) {
   .container{width:100%;}
   .index_tt h1{margin:10px auto;}
   .headBox .logo img{max-width:80%;}
   .headBox .header-account > div > span, .headBox .header-account > div a > span{font-size:16px;}
   .navbar-dark .navbar-nav .nav-link{font-size:18px;padding:0 10px;}
   .section .txt h3{font-size:28px;margin-top:10px;}
   .section3 .inner .txt h3{font-size:34px;}
   .section3 .inner .txt p{font-size:16px;}
   .section3 .inner .txt{width:40%;}
   .section4 .inner .txt h3{font-size:34px;}
   .section4 .inner .txt p{font-size:16px;}
   .section2 .featured ul li .wa_des{font-size:16px;}
   .section2 .featured ul li .wa_price{font-size:16px;}
   .section5 .watches .watch--2 {
    left: calc(50% - 386px);
	}
	 .section5 .watches .watch--3 {
		left: calc(50% - 266px);
	}
	   .section5 .watches .watch--5 {
		left: calc(50% + 0px);

	}
	.section5 .watches .watch--6 {
		left: calc(50% + 150px);

	}
	.product .txt h1{font-size:52px;}
	.product .proitems .con{font-size:16px;}
	.product .txt span{font-size:16px;}
    .product .txt p{font-size:16px;}
    .proac4 .inner .pull-right h3{font-size: 24px;}


}
@media screen and (max-width:768px) {
	.visible-xs{display:block !important;}
	.hidden-xs{display:none !important;}
        .headerH{
        overflow: hidden;
        position: relative;
        height: 50px;
    }
	.headeryd{display:flex;justify-content:space-between;align-items:center;height:50px;}
	.headeryd .headright{display:flex;align-items:center;justify-content:space-between;}
	.headeryd .headright  button{border:none;}
    .header{
        overflow: hidden;
        position: fixed;
        width: 100%;
        top: 0;
        left: 0;
        height: 50px;
        padding: 0 15px;
        background-color: rgba(255,255,255,.8);
        -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
        z-index: 999;
    }
    .header .logo{
        overflow: hidden;
        position: relative;
        padding: 10px 0;


    }
    .header .logo img{
        max-height: 30px;
    }
    .header .language-on{
        overflow: hidden;
        position: absolute;
        left: 15px;
        top: 0;
        padding: 17px 0 0 0;
        color: #333;
        z-index: 2;
    }
    .language-box ul{}
    .language-box ul li{
        display: block;
        overflow: hidden;
        padding: 0 15px;
        background-color: #fff;
        list-style-type:none;
    }
    .language-box ul li a{
        display: block;
        overflow: hidden;
        padding:  15px  15px;
        color: #999;
        font-size: 16px;
        border-top: 1px solid #eee;
        background-color: #fff;
    }

    .header .menu-on{
        overflow: hidden;
        color: #333;
        z-index: 2;
    }
    .header .menu-on i{
        font-size: 20px;
        display: block;
    }
    .header .menu-on .fa-close{
        display: none;
    }
    .middle{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
    .header {
    overflow: hidden;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 50px;
    padding: 0 15px;
    background-color: rgba(255,255,255,.8);
    -webkit-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    box-shadow: 0 3px 10px -1px rgba(0,0,0,.2);
    z-index: 99999;
}
    .menu-box ul li{
        display: block;
        overflow: hidden;


        list-style-type:none;
		position:relative;
    }
    .menu-box ul li a{
        display: block;
        overflow: hidden;

        color: #fff;



    }
    .menu-box ul li a i{
        float: right;
        font-size: 16px;
        color: #333;
        display: block;
    }
    .menu-box ul li a .fa-angle-up{
        display: none;
    }
    .menu-box ul li dl{
        margin: 0 -15px;
        display: none;
    }
    .menu-box ul li dl dd{

    }
    .menu-box ul li dl dd a{
        padding:  15px  45px;
        background-color: #fafafa;;
    }
    .menu-box .on-right-left{
        overflow: hidden;
        position: relative;
        padding:  20px  15px  15px 15px;
        background-color: #fff;
    }
    .menu-box .on-right-left a{
        display: block;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        padding: 0 10px;
        text-align: center;
        background-color: #f39800;
        border: 1px solid #f39800;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .menu-box .on-right-left img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-left span{
        color: #fff;
    }
    .menu-box .on-right-right{
        overflow: hidden;
        position: relative;
        padding:  0px  15px  20px  15px;
        background-color: #fff;
    }
    .menu-box .on-right-right form{

		position:relative;
        display: flex;
		justify-content:space-between;
        overflow: hidden;
        height: 35px;
        line-height: 33px;
        text-align: center;
        padding:0 0px 0 20px;
		box-sizing:border-box;
        border:1px solid #ccc;
		border-radius:20px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
	.menu-box .on-right-right input,.menu-box .on-right-right button{border:none;}
    .menu-box .on-right-right img{
        margin: -2px 10px 0 0;
    }
    .menu-box .on-right-right span{
        color: #fff;
    }

	.footer .foot{display:block;}
	.footer .foot h3{margin-top:30px;}
	.footer .foot .footr div{display:flex;justify-content:center;}
    .language-m{margin-right:15px;}
	.section .txt h3{font-size:20px;}
	.section .txt em{font-size:16px;margin-bottom:20px;}
	.section .txt a{width:30%;}
	.section{padding-bottom:30px;}
	.tit h1{font-size:40px;}
	.tit p{font-size:16px;margin:20px 0px;}
	.section2 .featured ul li{width:46%;margin-bottom:30px;}
	.section3 .inner .txt h3{font-size:24px;margin-top:0px;}
	.section3 .inner .txt p{font-size:14px;margin:10px 0px;}
	.section3 .inner{padding-left:30px;}
	.more a{width:160px;height:46px;line-height:46px;}
	.section4 .inner .txt h3{font-size:24px;}
	.section4 .inner .txt p{font-size:14px;margin-top:10px;}
	.section4 .inner .imgs .pull-right img{margin-bottom:8px;}
	.section5 .watches .watch--2 {
		left: calc(50% - 286px);
	}
	.section5 .watches .watch--3 {
		left: calc(50% - 206px);
	}
	.section5 .watches .watch--5 {
		left: calc(50% - 50px);
	}
	.section5 .watches .watch--6 {
		left: calc(50% + 50px);
	}
	.product .proitems .con{font-size:14px;padding:20px 0px;}
	.product .proitems .con .ahover a{font-size:16px;width:70%;}
	.product .sortitems label{font-size:16px;}
	.product .sortitems .form-control{font-size:12px;}
    .menu-box.open{width:100%;}
    .proac3 .product-summary__inner{width: 80%;}
    .proac4 .inner .pull-right h3{font-size: 20px;margin-top: 10px;margin-bottom: 10px;}
    .proac4 .inner .pull-right p{font-size: 14px;}
    .proac4 .inner .pull-right{float:left  !important;width: 13%;}
    .proac4{width: 300%;}





}
@media screen and (max-width:767px) {
.section .swiper-slide{display:block;}
.section .txt{width:100%;}
.section .swiper-slide .bannerimg{width:100%;}
.section .txt h3{text-align:center;}
.section .txt a{width:40%;margin:30px auto;}
.section .swiper-container{padding-bottom:50px;}
.section .swiper-pagination{text-align:center;justify-content:center;}
.section2 .featured ul li .wa_des{font-size:14px;}
.section2 .featured ul li .wa_price{font-size:14px;}
.section2 .featured{margin:50px auto;}
.section3 .inner{display:block;padding:30px 10px;}
.section3 .inner .txt{width:100%;text-align:center;}
.section3 .inner .imgs{width:100%;}
.section3 .inner .txt a{margin:30px auto;}
.section4 .inner{width:100%;display:block;}
.section4 .inner .txt{width:100%;text-align:center;}
.section4 .inner .imgs{width:100%;}
.section4 .inner .txt a{margin:30px auto;}
.section5{padding-top:50px;}
.section5 .watches .watch img{max-width:60%;}
.section5 .watches{height:200px;}
.section5 .watches .watch--1{display:none;}
.section5 .watches .watch--2{display:none;}
.section5 .watches .watch img{}
.section5 .watches .watch--3 {
    left: calc(50% - 158px);
}
.section5 .watches .watch--5 {
    left: calc(50% - 20px);
}
.section5 .more{margin-bottom:20px;}
.section5 .watches .watch--3 img,.section5 .watches .watch--5 img{max-width:180px;height:207px;}
.section5 .watches .watch--6{display:none;}
.section5 .watches .watch--7{display:none;}
.newsletter{width:100%;}
.newsletter input{font-size:14px;}
.newsletter button{font-size:14px;}
.footer .copy{display:block;}
.footer .copy p{text-align:center;font-size:14px;}
.product .proitems ul li{width:48%;}
.product .txt span{font-size:12px;}
.product .txt h1{font-size:28px;}
.product .txt p{width:100%;font-size:14px;}
.product .sortitems label{font-size:14px;}
.proac2 .wlitems ul li{width: 48%;margin-bottom: 20px;}
.proac3 .product-summary li{width: 100%;}
.proac3 .product-summary__inner{width: 70%;}
.proac4 .inner{position: relative;color: #000;}
.proac4 .inner .pull-right{color: #000;width: 100%;float: none !important;}


}
@media screen and (max-width:375px) {
	.section2 .inner .txt p{font-size:14px;}
}