.cde .c-wrap .c-unit .c-text .c-text-middle .d-title{
    color:#830c0c;
    font-size:1.1em;
}

.wrapall{
        margin:0 auto;
    max-width:1200px;
}

#tele{
    color:blue;
    
}
#tele:hover{
    cursor: pointer;
}
.arrow-up{
    width:100px;
    height:300px;
    position: fixed;
    right:-100px;
    bottom:0;
    background-color:#fff;
    z-index: 9999;
    
}
.arrow-up:hover{
    cursor: pointer;
}
.arrow-up .up-wrap .img-wrap{
    width:100%;
    padding-left:25%;
    padding-top:50px;
    
}
.arrow-up .up-wrap span{
    text-align: center;
    font-size: .8em;
    top:-17px;
    display: block;
    width:100%;
}
.arrow-up .up-wrap .img-wrap img{
    width:50%;
    
}
/*a0000*/
/*logo*/
#logo{
    position: absolute;
    width:210px;
    height:100px;
    left:10%;
    top:30px;
/*    background-color: blue;*/
}
#logo .logol{
    width:100px;
    height:98px;
    border:1px solid #000;
    float:left;
}
#logo .logol img{
    width:110px;
    height:110px;
    left:-3.5px;
    top:-3px;
}

#logo .logor{
    width:100px;
    height:100px;
    background-color: #75161e;
    float:right;
}
#logo .logor{
    color:#fff;
    font-size: .5em;
      text-align: center;
    
    line-height:100px;
    width:100px;
    
   
}
 #logo .logor h1{
     font-weight: 400;
 
}

/*header*/

header .logowrap nav{

    float:right;
    height:130px;
    display: block;
/*    background-color: antiquewhite;*/
    

}
header .logowrap nav ul{
/*    background-color: yellow;*/

    
    line-height: 160px;
    float:left;
    padding-right:20px;
    
}
header .logowrap nav ul li{
    float:left;
}
header .logowrap nav ul li a{
    display: inline-block;
    padding:0px 20px;
  /*  background-color: aqua;*/
    letter-spacing: 1px;
    color:#606060;
 
}
header .logowrap nav ul li a:after{
    content: '';
    width: 0;
    position: absolute;
    display: inline-block;
    bottom:60px;
    left: 0;
    height: 1px;
    background-color: #000;
    transition: width .4s;
    transform: translateX(-50%);
    left: 50%;
    
}
header .logowrap nav ul li a:hover:after {
    width: 75%;
}
/*

header nav ul li a:after {
    content: '';
    width: 0;
    position: absolute;
    display: inline-block;
    bottom: -3px;
    left: 0;
    height: 1px;
    background-color: #000;
    transition: width .4s;
    transform: translateX(-50%);
    left: 50%;
}

header nav ul li a:hover:after {
    width: 60%;
}
*/

header .logowrap nav .iconbox{
   float:right;
    line-height: 160px;
 
    padding-left:30px;
}

header .logowrap nav .iconbox:after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    height:70px;
    width:1px;
    background-color: #cecece;
    top:40px;
    
}

header .logowrap nav .iconbox i{
    font-size: 1.2em;
    margin-left:10px;
 color:#606060;
}

/*ab*/
#ab{
    height:800px;
    background-color: #c7c7c7;
    margin-top:335px;
}
#ab .a-wrap{
    height:430px;
    
    top:-305px;
}
#ab .a-wrap .a-slider .a-slider-unit{
    height:615px;
    
    margin-left:10%;
   position: absolute;
    top:0;
    left:0;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    height:600px;
    overflow: hidden;
  /*  background-color: red;*/
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg img{
    margin-top:-18%;
    width:100%;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox{
    position: absolute;
    width:500px;
    height:220px;
    z-index: 9999;
    background-color: #111111;
    color:#fff;
    top:50%;
    transform: translateY(-50%);
    left:-80px;
    padding: 33px;
    box-sizing: border-box;
    text-align: justify; text-justify: inter-ideograph;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox p{
    font-size: 2.8em;
    letter-spacing: 3px;
 font-family: 'Cormorant SC', serif;
    font-weight: 300;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2{
    font-size: 1.2em;
     letter-spacing: 2px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2 a{
    font-family: 'Cormorant Unicase', serif;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2{
    margin-top:20px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3{
    font-size: .9em;
    line-height:25px;
    font-weight: 400;
    letter-spacing: .5px;
}
 #ab .a-wrap .a-slider .a-slider-unit .a-textbox h2 a{
        color:#ffff78;
    }
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3 a{
        color:#ffff78;
    }


/*b*/
#b {
    margin-top:-90px;
}
#b .wrapall .b-wrap{
    width:48%;
    float:left;
    padding:1.5%;
    background-color: #fff;
    box-sizing: border-box;
}
#b .wrapall .b-wrap:nth-child(2n){
    margin-left:4%;
    margin-bottom:50px;
}
#b .wrapall .b-wrap .b-img{
  width:27%;
    overflow: hidden;
    float:left;
}
#b .wrapall .b-wrap .b-img img{
    width:130%;
    left:-15%;
}
#b .wrapall .b-wrap .b-text{
   width:66%;
    float:right;
 
}
#b .wrapall .b-wrap .b-text .b-text-up{
    padding-top:3px;
}
#b .wrapall .b-wrap .b-text .b-text-up h3{
     font-family: 'Cormorant SC', serif;
    font-size: 1.5em;
    letter-spacing: 2px;
}
#b .wrapall .b-wrap .b-text .b-text-up h2{
    font-size: 1em;
    font-weight: 400;
   
}
#b .wrapall .b-wrap .b-text .b-text-up h2 a{
      font-family: 'Cormorant Unicase', serif;
}
#b .wrapall .b-wrap .b-text .b-text-down{
    padding-top:17px;
}
#b .wrapall .b-wrap .b-text .b-text-down p{
    font-size: .8em;
    font-weight: 400;
    
}

/*c*/
.cde{
    width:100%;

    padding:50px 0 30px;
    background-color: #f4f4f4;

   
}
.cde .c-wrap{
    width:100%;

}
.cde .c-wrap .c-title{
    padding:30px 0;
    color:#a17c52;
}
.cde .c-wrap .c-title-black{
    padding:30px 0;
    color:#000;
}
.cde .c-wrap .c-title h6,
.cde .c-wrap .c-title-black h6{
    font-size: 2.3em;
    font-weight: 400;
     font-family: 'Cormorant SC', serif;
    letter-spacing: 3px;
}

.cde .c-wrap .c-title h5,
.cde .c-wrap .c-title-black h5{
    font-weight: 400;
    font-size: .9em;
}
.cde .wrapall  .c-wrap .c-unit{
    width:48%;
    float:left;
    margin-bottom:40px;
}
.cde .wrapall  .c-wrap .c-unit:nth-child(2n){
   margin-right:4%;
}
.cde .c-wrap .c-unit .c-img{
    width:100%;
    overflow:hidden;
    height:390px;
    padding:18px 8px;
    box-sizing: border-box;
    background-color: #fff;
}
.cde .c-wrap .c-unit .c-img img{
    width:100%;
    top:-10px;
    
}
.cde .c-wrap .c-unit .c-text{
    width:90%;
    background-color: #fff;
    left:5%;
    top:-30px;
    padding:25px 30px;
    box-sizing: border-box;
    
}

.cde .c-wrap .c-unit .c-text h2{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.5em;
     
}
.cde .c-wrap .c-unit .c-text h2 a{
     font-family: 'Cormorant Unicase', serif;
}
.cde .c-wrap .c-unit .c-text span{
    font-size: .8em;
    display: block;
    top:-2px;
    letter-spacing: 1px;
       color:#838383;
}

.cde .c-wrap .c-unit .c-text .c-text-middle{
    padding:15px 0 ;
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down{
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down p span{
    display: inline-block;
}
.cde .c-wrap .c-unit .c-text .c-link{
    padding:20px 0 0;
}
.cde .c-wrap .c-unit .c-text .c-link a{
    padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
}


/*info*/
.info-wrap{
    width:100%;
}
.info-wrap .info-unit {
    margin:0;
    padding:0;
    width:21.25%;
    float:left;
    margin-right:5%;
    margin-bottom:70px;
    height:400px;
}
.info-wrap .info-unit:nth-child(4n){
     margin-right:0;
}

.info-wrap .info-unit .info-img{
    width:100%;
    overflow: hidden;
    height:170px;
}
.info-wrap .info-unit .info-img img{
    width:100%;
    left:0%;
    top:0px;
}
.info-wrap .info-unit .info-text{
   padding:0 5px;
    
}
.info-wrap .info-unit .info-text .info-text-up{
    padding:13px 0 10px; 
    
}
.info-wrap .info-unit .info-text .info-text-up h2{
    font-weight:400;
   
}
.info-wrap .info-unit .info-text .info-text-up h2 a{
      font-family: 'Cormorant Unicase', serif;
}
.info-wrap .info-unit .info-text .info-text-up span{
    font-size: .8em;
    letter-spacing: 1px;
    display: block;
    margin-top:-3px;
    color:#838383;
}
.info-wrap .info-unit .info-text .info-text-middle{
    font-size: .6em;
      text-align: justify; text-justify: inter-ideograph;
    
}
.info-wrap .info-unit .info-text .info-text-down{
    font-size: .8em;
    padding:20px 0 17px;
    text-align: justify; text-justify: inter-ideograph;
}
.info-wrap .info-unit .info-text .info-text-down p:nth-child(2){
    color:#727272;
}
.info-wrap .info-unit .info-text .info-link{
   
}
.info-wrap .info-unit .info-text .info-link a{
     padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
    font-size: .8em;
}
/*brand*/
.brand{
    height:200px;
    width:100%;
    background-color: #75161e;
    padding:50px;
    box-sizing: border-box;
}
.brand .brand-wrap{
    max-width:1200px;
    height:85px;
 /*   background-color: antiquewhite;*/
    margin:0 auto;
}
.brand .brand-wrap .brand-unit{
    width:22.75%;
    background-color: #fff;
    float:left;
    margin-right:3%;
    height:85px;
}
.brand .brand-wrap .brand-unit:nth-child(4){
    margin-right:0;
}
.brand .brand-wrap .brand-unit img{
    width:100%;
    top:2px;
}
.brand .brand-wrap .brand-unit3 img{
   
    top:0px;
}
/*footer*/
footer{
    padding:50px 0 40px;
}
footer .footer-wrap{
    max-width:1200px;
    margin:0 auto;
}
footer .footer-l{
    width:30%;
    float:left;
}
footer .footer-l .footer-l-up{
    width:130px;
    height:130px;
    border:2px solid #000;
    
}
footer .footer-l .footer-l-down{
    line-height: 50px;
}
footer .footer-l .footer-l-up img{
    width:150px;
    height:150px;
    left:-8px;
    top:-5px;
}
footer .footer-r{
    width:30%;
    float:right
}
footer .footer-r-wrap{
    
 
    margin-top:60px;
}

footer .footer-r-wrap .footer-r-unit{
    float:right;
    margin-left:25px;

}
footer .footer-r-wrap .footer-r-unit a p{
     display: inline;
    line-height: 50px;
    color:#000;
    font-size: .8em;
    letter-spacing: 1px;
}
footer .footer-r-wrap .footer-r-unit a span{
    width:40px;
    height:40px;
    border:1px solid #000;
    border-radius: 50%;
    display: inline-block;
    top:15px;
    margin-left:3px;
}
footer .footer-r-wrap .footer-r-unit a span i{
    position: absolute;
   font-size: 1.2em;
    display: block;
   left:35%;
    top:27%;
    color:#000;

}
footer .footer-r-wrap .footer-r-unit2 a span i{
   font-size: 1.2em;
    display: block;
   left:27%;
    top:27%;
    color:#000;

}
/*a1400*/
@media(max-width:1400px){
    /*logo*/
#logo{
    position: absolute;
    width:210px;
    height:100px;
    left:10%;
    top:30px;
/*    background-color: blue;*/
}
#logo .logol{
    width:100px;
    height:98px;
    border:1px solid #000;
    float:left;
}
#logo .logol img{
    width:110px;
    height:110px;
    left:-3.5px;
    top:-3px;
}

#logo .logor{
    width:100px;
    height:100px;
    background-color: #75161e;
    float:right;
}
#logo .logor{
    color:#fff;
    font-size: .5em;
      text-align: center;
    
    line-height:100px;
    width:100px;
    
   
}
 #logo .logor h1{
     font-weight: 400;
 
}

/*header*/
    header .logowrap{
        left:-70px;
    }
header .logowrap nav{

    float:right;
    height:130px;
    display: block;
/*    background-color: antiquewhite;*/
    width:550px;

}
header .logowrap nav ul{
/*    background-color: yellow;*/

    
    line-height: 160px;
    float:left;
    
}
header .logowrap nav ul li{
    float:left;
}
header .logowrap nav ul li a{
    display: inline-block;
    padding:0px 20px;
  /*  background-color: aqua;*/
    letter-spacing: 1px;
}

header .logowrap nav .iconbox{
   float:right;
    line-height: 160px;
  
    padding-left:30px;
}

header .logowrap nav .iconbox:after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    height:70px;
    width:1px;
    background-color: #e2e2e2;
    top:40px;
    
}

header .logowrap nav .iconbox i{
    font-size: 1.2em;
    margin-left:10px;

}

/*ab*/
#ab{
    height:720px;

    margin-top:335px;
}
#ab .a-wrap{
    height:350px;
    
    top:-305px;
}
#ab .a-wrap .a-slider .a-slider-unit{
    height:615px;
    
    margin-left:5%;
   
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    height:500px;
    overflow: hidden;
   /* background-color: red;*/
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg img{
    margin-top:-18%;
    width:100%;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox{
    position: absolute;
    width:500px;
    height:220px;
    z-index: 9999;
    background-color:  #111111;
    color:#fff;
    top:40%;
    transform: translateY(-50%);
    left:-20px;
    padding: 33px;
    box-sizing: border-box;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox p{
    font-size: 2.8em;
    letter-spacing: 3px;
 font-family: 'Cormorant SC', serif;
    font-weight: 300;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2{
    font-size: 1.2em;
     letter-spacing: 2px;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2{
    margin-top:20px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3{
    font-size: .9em;
    line-height:25px;
    font-weight: 400;
    letter-spacing: .5px;
}


/*b*/
#b {
    margin-top:-90px;
}
#b .wrapall .b-wrap{
    width:48%;
    float:left;
    padding:1.5%;
    background-color: #fff;
    box-sizing: border-box;
}
#b .wrapall .b-wrap:nth-child(2n){
    margin-left:4%;
    margin-bottom:50px;
}
#b .wrapall .b-wrap .b-img{
  width:27%;
    overflow: hidden;
    float:left;
}
#b .wrapall .b-wrap .b-img img{
    width:130%;
    left:-15%;
}
#b .wrapall .b-wrap .b-text{
   width:66%;
    float:right;
 
}
#b .wrapall .b-wrap .b-text .b-text-up{
    padding-top:3px;
}
#b .wrapall .b-wrap .b-text .b-text-up h3{
     font-family: 'Cormorant SC', serif;
    font-size: 1.5em;
    letter-spacing: 2px;
}
#b .wrapall .b-wrap .b-text .b-text-up h2{
    font-size: 1em;
    font-weight: 400;
}
#b .wrapall .b-wrap .b-text .b-text-down{
    padding-top:17px;
}
#b .wrapall .b-wrap .b-text .b-text-down p{
    font-size: .8em;
    font-weight: 400;
    
}

}
/*a1100*/
@media(max-width:1100px){
    /*logo*/
#logo{
    position: absolute;
    width:210px;
    height:100px;
    left:5%;
    top:30px;
/*    background-color: blue;*/
}
#logo .logol{
    width:100px;
    height:98px;
    border:1px solid #000;
    float:left;
   
}
#logo .logol img{
    position: absolute;
    top:2%;
    left:2%;
    
    width:100px;
    height:100px;
}

#logo .logor{
    width:100px;
    height:100px;
    background-color: #75161e;
    float:right;
}
#logo .logor{
    color:#fff;
    font-size: .5em;
      text-align: center;
    
    line-height:100px;
    width:100px;
    
   
}
 #logo .logor h1{
     font-weight: 400;
 
}

/*header*/
    header .logowrap{
        left:-70px;
    }
header .logowrap nav{

    float:right;
    height:130px;
    display: block;
/*    background-color: antiquewhite;*/
    width:580px;

}
header .logowrap nav ul{
/*    background-color: yellow;*/

    
    line-height: 160px;
    float:left;
    
}
header .logowrap nav ul li{
    float:left;
}
header .logowrap nav ul li a{
    display: inline-block;
    padding:0px 10px;
  /*  background-color: aqua;*/
    letter-spacing: 1px;
}

header .logowrap nav .iconbox{
   float:right;
    line-height: 160px;
  
    padding-left:30px;
}

header .logowrap nav .iconbox:after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    height:70px;
    width:1px;
    background-color: #e2e2e2;
    top:40px;
    
}

header .logowrap nav .iconbox i{
    font-size: 1.2em;
    margin-left:10px;

}

/*ab*/
#ab{
    height:680px;

    margin-top:215px;
}
#ab .a-wrap{
    height:250px;
   
    top:-185px;
}
#ab .a-wrap .a-slider .a-slider-unit{
    height:615px;
    
    margin-left:5%;
   
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    height:400px;
    overflow: hidden;
    background-color: transparent;
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg img{
    margin-top:-18%;
    width:100%;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox{
    position: absolute;
    width:500px;
    height:220px;
    z-index: 9999;
    background-color:  #111111;
    color:#fff;
    top:30%;
    transform: translateY(-50%);
    left:-20px;
    padding: 33px;
    box-sizing: border-box;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox p{
    font-size: 2.8em;
    letter-spacing: 3px;
 font-family: 'Cormorant SC', serif;
    font-weight: 300;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2{
    font-size: 1.2em;
     letter-spacing: 2px;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2{
    margin-top:20px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3{
    font-size: .9em;
    line-height:25px;
    font-weight: 400;
    letter-spacing: .5px;
}


/*b*/
#b {
    margin-top:20px;
     padding:0 5%;
}
#b .wrapall .b-wrap{
    width:48%;
    float:left;
    padding:1.5%;
    background-color: #fff;
    box-sizing: border-box;
}
#b .wrapall .b-wrap:nth-child(2n){
    margin-left:4%;
    margin-bottom:50px;
}
#b .wrapall .b-wrap .b-img{
  width:27%;
    overflow: hidden;
    float:left;
}
#b .wrapall .b-wrap .b-img img{
    width:130%;
    left:-15%;
}
#b .wrapall .b-wrap .b-text{
   width:66%;
    float:right;
 
}
#b .wrapall .b-wrap .b-text .b-text-up{
    padding-top:3px;
}
#b .wrapall .b-wrap .b-text .b-text-up h3{
     font-family: 'Cormorant SC', serif;
    font-size: 1.5em;
    letter-spacing: 2px;
}
#b .wrapall .b-wrap .b-text .b-text-up h2{
    font-size: 1em;
    font-weight: 400;
}
#b .wrapall .b-wrap .b-text .b-text-down{
    padding-top:17px;
}
#b .wrapall .b-wrap .b-text .b-text-down p{
    font-size: .8em;
    font-weight: 400;
    
}

/*c*/
.cde{
    width:100%;

    padding:50px 0 30px;
    background-color: #f4f4f4;

   
}
.cde .c-wrap{
    width:90%;
    left:5%;

}
.cde .c-wrap .c-title{
    padding:30px 0;
    color:#a17c52;
}
.cde .c-wrap .c-title-black{
    padding:30px 0;
    color:#000;
}
.cde .c-wrap .c-title h6,
.cde .c-wrap .c-title-black h6{
    font-size: 2.3em;
    font-weight: 400;
     font-family: 'Cormorant SC', serif;
    letter-spacing: 3px;
}

.cde .c-wrap .c-title h5,
.cde .c-wrap .c-title-black h5{
    font-weight: 400;
    font-size: .9em;
}
.cde .wrapall  .c-wrap .c-unit{
    width:48%;
    float:left;
    margin-bottom:40px;
}
.cde .wrapall  .c-wrap .c-unit:nth-child(2n){
   margin-right:4%;
}
.cde .c-wrap .c-unit .c-img{
    width:100%;
    overflow:hidden;
    height:305px;
    padding:20px 10px;
    box-sizing: border-box;
    background-color: #fff;
}
.cde .c-wrap .c-unit .c-img img{
    width:100%;
    top:-10px;
    
}
.cde .c-wrap .c-unit .c-text{
    width:85%;
    background-color: #fff;
    left:7.5%;
    top:-25px;
    padding:20px 23px;
    box-sizing: border-box;
    
}

.cde .c-wrap .c-unit .c-text h2{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.5em;
}
.cde .c-wrap .c-unit .c-text span{
    font-size: .8em;
    display: block;
    top:-2px;
    letter-spacing: 1px;
       color:#838383;
}

.cde .c-wrap .c-unit .c-text .c-text-middle{
    padding:15px 0 ;
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down{
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-link{
    padding:20px 0 0;
}
.cde .c-wrap .c-unit .c-text .c-link a{
    padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
}


/*info*/
.info-wrap .info-unit {
    width:21.25%;
    float:left;
    margin-right:5%;
    margin-bottom:70px;
}
.info-wrap .info-unit:nth-child(4n){
     margin-right:0;
}
.info-wrap .info-unit .info-img{
    width:100%;
    overflow: hidden;
    height:110px;
}
.info-wrap .info-unit .info-img img{
    width:100%;
    left:0%;
    top:-15px;
}
.info-wrap .info-unit .info-text{
   padding:0 5px;
}
.info-wrap .info-unit .info-text .info-text-up{
    padding:13px 0 10px; 
}
.info-wrap .info-unit .info-text .info-text-up h2{
    font-weight:400;
}
.info-wrap .info-unit .info-text .info-text-up span{
    font-size: .8em;
    letter-spacing: 1px;
    display: block;
    margin-top:-3px;
    color:#838383;
}
.info-wrap .info-unit .info-text .info-text-middle{
    font-size: .6em;
      text-align: justify; text-justify: inter-ideograph;
    
}
.info-wrap .info-unit .info-text .info-text-down{
    font-size: .8em;
    padding:20px 0 17px;
    text-align: justify; text-justify: inter-ideograph;
}

.info-wrap .info-unit .info-text .info-link{
   
}
.info-wrap .info-unit .info-text .info-link a{
     padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
    font-size: .8em;
}
/*brand*/
.brand{
    height:200px;
    width:100%;
    background-color: #75161e;
    padding:50px;
    box-sizing: border-box;
}
.brand .brand-wrap{
    max-width:1200px;
    height:85px;
 /*   background-color: antiquewhite;*/
    margin:0 auto;
}
.brand .brand-wrap .brand-unit{
    width:22.75%;
    background-color: #fff;
    float:left;
    margin-right:3%;
    height:85px;
}
.brand .brand-wrap .brand-unit:nth-child(4){
    margin-right:0;
}
.brand .brand-wrap .brand-unit img{
    width:100%;
    top:10px;
}
.brand .brand-wrap .brand-unit3 img{
   
    top:10px;
}
/*footer*/
footer{
    padding:50px 0 40px;
}
footer .footer-wrap{
    width:90%;
    margin:0 auto;
}
footer .footer-l{
    width:40%;
    float:left;
}
footer .footer-l .footer-l-up{
    width:130px;
    height:130px;
    border:2px solid #000;
    
}
footer .footer-l .footer-l-down{
    line-height: 50px;
}
footer .footer-l .footer-l-up img{
    width:150px;
    height:150px;
    left:-8px;
    top:-5px;
}
footer .footer-r{
    width:30%;
    float:right
}
footer .footer-r-wrap{
    
 
    margin-top:60px;
}

footer .footer-r-wrap .footer-r-unit{
    float:right;
    margin-left:25px;

}
footer .footer-r-wrap .footer-r-unit a p{
     display: inline;
    line-height: 50px;
    color:#000;
    font-size: .8em;
    letter-spacing: 1px;
}
footer .footer-r-wrap .footer-r-unit a span{
    width:40px;
    height:40px;
    border:1px solid #000;
    border-radius: 50%;
    display: inline-block;
    top:15px;
    margin-left:3px;
}
footer .footer-r-wrap .footer-r-unit a span i{
    position: absolute;
   font-size: 1.2em;
    display: block;
   left:35%;
    top:27%;
    color:#000;

}
footer .footer-r-wrap .footer-r-unit2 a span i{
   font-size: 1.2em;
    display: block;
   left:27%;
    top:27%;
    color:#000;

}
}

/*a800*/
@media(max-width:800px){
    /*logo*/
#logo{
    position: absolute;
    width:210px;
    height:100px;
    left:5%;
    top:30px;
/*    background-color: blue;*/
}
#logo .logol{
    width:100px;
    height:98px;
    border:1px solid #000;
    float:left;
}
#logo .logol img{
    width:100px;
    height:100px;
}

#logo .logor{
    width:100px;
    height:100px;
    background-color: #75161e;
    float:right;
}
#logo .logor{
    color:#fff;
    font-size: .5em;
      text-align: center;
    
    line-height:100px;
    width:100px;
    
   
}
 #logo .logor h1{
     font-weight: 400;
 
}

/*header*/
    header .logowrap{
        left:-70px;
    }
header .logowrap nav{
  display: none;
    float:right;
    height:130px;
    display: block;
/*    background-color: antiquewhite;*/
    width:410px;

}
header .logowrap nav ul{
/*    background-color: yellow;*/
  display: none;
    
    line-height: 160px;
    float:left;
    
}
header .logowrap nav ul li{
    float:left;
}
header .logowrap nav ul li a{
    display: inline-block;
    padding:0px 7px;
  /*  background-color: aqua;*/
    letter-spacing: 1px;
}

header .logowrap nav .iconbox{
   float:right;
    line-height: 160px;
  
    padding-left:10px;
}

header .logowrap nav .iconbox:after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    height:70px;
    width:1px;
    background-color: #e2e2e2;
    top:40px;
    
}

header .logowrap nav .iconbox i{
    font-size: 1.2em;
    margin-left:10px;

}

/*ab*/
#ab{
    height:500px;
  
    margin-top:220px;
}
#ab .a-wrap{
    height:250px;
   
    top:-190px;
}
#ab .a-wrap .a-slider .a-slider-unit{
    height:615px;
    
    margin-left:5%;
   
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    height:400px;
    overflow: hidden;
    background-color: transparent;
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg img{
    margin-top:-18%;
    width:100%;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox{
    position: absolute;
    width:300px;
    height:220px;
    z-index: 9999;
    background-color:  #111111;
    color:#fff;
    top:30%;
    transform: translateY(-50%);
    left:-20px;
    padding: 23px;
    box-sizing: border-box;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox p{
    font-size: 1.5em;
    letter-spacing: 3px;
 font-family: 'Cormorant SC', serif;
    font-weight: 300;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2{
    font-size: 1.2em;
     letter-spacing: 2px;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2{
    margin-top:20px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3{
    font-size: .9em;
    line-height:25px;
    font-weight: 400;
    letter-spacing: .5px;
}


/*b*/
#b {
    margin-top:-45px;
     padding:0 5%;
}
#b .wrapall .b-wrap{
    width:48%;
    float:left;
    padding:1.5%;
    background-color: #fff;
    box-sizing: border-box;
}
#b .wrapall .b-wrap:nth-child(2n){
    margin-left:4%;
    margin-bottom:30px;
}
#b .wrapall .b-wrap .b-img{
  width:27%;
    overflow: hidden;
    float:left;
}
#b .wrapall .b-wrap .b-img img{
    width:130%;
    left:-15%;
}
#b .wrapall .b-wrap .b-text{
   width:66%;
    float:right;
 
}
#b .wrapall .b-wrap .b-text .b-text-up{
    padding-top:3px;
}
#b .wrapall .b-wrap .b-text .b-text-up h3{
     font-family: 'Cormorant SC', serif;
    font-size: 1.5em;
    letter-spacing: 2px;
    display: none;
}
#b .wrapall .b-wrap .b-text .b-text-up h2{
    font-size: 1em;
    font-weight: 400;
}
#b .wrapall .b-wrap .b-text .b-text-down{
    padding-top:5px;
}
#b .wrapall .b-wrap .b-text .b-text-down p{
    font-size: .8em;
    font-weight: 400;
    
}

/*c*/
.cde{
    width:100%;

    padding:50px 0 30px;
    background-color: #f4f4f4;

   
}
.cde .c-wrap{
    width:90%;
    left:5%;

}
.cde .c-wrap .c-title{
    padding:30px 0;
    color:#a17c52;
}
.cde .c-wrap .c-title-black{
    padding:30px 0;
    color:#000;
}
.cde .c-wrap .c-title h6,
.cde .c-wrap .c-title-black h6{
    font-size: 2.3em;
    font-weight: 400;
     font-family: 'Cormorant SC', serif;
    letter-spacing: 3px;
}

.cde .c-wrap .c-title h5,
.cde .c-wrap .c-title-black h5{
    font-weight: 400;
    font-size: .9em;
}
.cde .wrapall  .c-wrap .c-unit{
    width:48%;
    float:left;
    margin-bottom:40px;
}
.cde .wrapall  .c-wrap .c-unit:nth-child(2n){
   margin-right:4%;
}
.cde .c-wrap .c-unit .c-img{
    width:100%;
    overflow:hidden;
    height:230px;
    padding:15px 6px;
    box-sizing: border-box;
    background-color: #fff;
}
.cde .c-wrap .c-unit .c-img img{
    width:100%;
    top:-10px;
    
}
.cde .c-wrap .c-unit .c-text{
    width:90%;
    background-color: #fff;
    left:5%;
    top:-20px;
    padding:20px 23px;
    box-sizing: border-box;
    
}

.cde .c-wrap .c-unit .c-text h2{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.5em;
}
.cde .c-wrap .c-unit .c-text span{
    font-size: .8em;
    display: block;
    top:-2px;
    letter-spacing: 1px;
       color:#838383;
}

.cde .c-wrap .c-unit .c-text .c-text-middle{
    padding:15px 0 ;
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down{
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-link{
    padding:20px 0 0;
}
.cde .c-wrap .c-unit .c-text .c-link a{
    padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
}


/*info*/
.info-wrap .info-unit {
    width:21.25%;
    float:left;
    margin-right:5%;
    margin-bottom:70px;
}
.info-wrap .info-unit:nth-child(4n){
     margin-right:0;
}
.info-wrap .info-unit .info-img{
    width:100%;
    overflow: hidden;
    height:90px;
}
.info-wrap .info-unit .info-img img{
    width:100%;
    left:0;
    top:-10px;
}
.info-wrap .info-unit .info-text{
   padding:0 5px;
}
.info-wrap .info-unit .info-text .info-text-up{
    padding:13px 0 10px; 
}
.info-wrap .info-unit .info-text .info-text-up h2{
    font-weight:400;
}
.info-wrap .info-unit .info-text .info-text-up span{
    font-size: .8em;
    letter-spacing: 1px;
    display: block;
    margin-top:-3px;
    color:#838383;
}
.info-wrap .info-unit .info-text .info-text-middle{
    font-size: .6em;
      text-align: justify; text-justify: inter-ideograph;
    
}
.info-wrap .info-unit .info-text .info-text-down{
    font-size: .8em;
    padding:20px 0 17px;
    text-align: justify; text-justify: inter-ideograph;
}

.info-wrap .info-unit .info-text .info-link{
   
}
.info-wrap .info-unit .info-text .info-link a{
     padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
    font-size: .8em;
}
/*brand*/
.brand{
    height:120px;
    width:100%;
    background-color: #75161e;
    padding:30px 40px;
    box-sizing: border-box;
}
.brand .brand-wrap{
  width:100%;
    height:85px;
 /*   background-color: antiquewhite;*/
    margin:0 auto;
}
.brand .brand-wrap .brand-unit{
    width:22.75%;
    background-color: #fff;
    float:left;
    margin-right:3%;
    height:57px;
}
.brand .brand-wrap .brand-unit:nth-child(4){
    margin-right:0;
}
.brand .brand-wrap .brand-unit img{
    width:100%;
    top:5px;
}
.brand .brand-wrap .brand-unit3 img{
   
    top:10px;
}
/*footer*/
footer{
    padding:50px 0 40px;
}
footer .footer-wrap{
    width:90%;
    margin:0 auto;
}
footer .footer-l{
    width:50%;
    float:left;
}
footer .footer-l .footer-l-up{
    width:130px;
    height:130px;
    border:2px solid #000;
    
}
footer .footer-l .footer-l-down{
    line-height: 50px;
}
footer .footer-l .footer-l-up img{
    width:150px;
    height:150px;
    left:-8px;
    top:-5px;
}
footer .footer-r{
    width:40%;
    float:right
}
footer .footer-r-wrap{
    
 
    margin-top:60px;
}

footer .footer-r-wrap .footer-r-unit{
    float:right;
    margin-left:25px;

}
footer .footer-r-wrap .footer-r-unit a p{
     display: inline;
    line-height: 50px;
    color:#000;
    font-size: .8em;
    letter-spacing: 1px;
}
footer .footer-r-wrap .footer-r-unit a span{
    width:40px;
    height:40px;
    border:1px solid #000;
    border-radius: 50%;
    display: inline-block;
    top:15px;
    margin-left:3px;
}
footer .footer-r-wrap .footer-r-unit a span i{
    position: absolute;
   font-size: 1.2em;
    display: block;
   left:35%;
    top:27%;
    color:#000;

}
footer .footer-r-wrap .footer-r-unit2 a span i{
   font-size: 1.2em;
    display: block;
   left:27%;
    top:27%;
    color:#000;

}
}

/*a500*/
@media(max-width:500px){
    
    
.arrow-up{
 display: none;
    
}
    /*logo*/
#logo{
    position: absolute;
    width:150px;
    height:100px;
    left:5%;
    top:20px;
/*    background-color: blue;*/
}
#logo .logol{
    width:70px;
    height:68px;
    border:1px solid #000;
    float:left;
}
#logo .logol img{
    width:70px;
    height:70px;
}

#logo .logor{
    width:70px;
    height:70px;
    background-color: #75161e;
    float:right;
    color:#fff;
    font-size: .5em;
      text-align: center;
    
    line-height:73px;
    
  
}
#logo .logor{
    
    
   
}
 #logo .logor h1{
     font-weight: 400;
     font-size: .8em;
 
}

/*header*/
  
    header .logowrap{
        left:-30px;
        top:-10px;
    }
header .logowrap nav{
 
    float:right;
    height:85px;
    display: block;
/*    background-color: antiquewhite;*/
    width:410px;
  
}
header .logowrap nav ul{
/*    background-color: yellow;*/

 
    line-height: 160px;
    float:left;
    
}
header .logowrap nav ul li{
    float:left;
}
header .logowrap nav ul li a{
    display: inline-block;
    padding:0px 7px;
  /*  background-color: aqua;*/
    letter-spacing: 1px;
   
}

header .logowrap nav .iconbox{
   float:right;
    line-height: 150px;
  
    padding-left:10px;
}

header .logowrap nav .iconbox:after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    height:60px;
    width:1px;
    background-color: #e2e2e2;
    top:40px;
    
}

header .logowrap nav .iconbox i{
    font-size: 1.2em;
    margin-left:10px;

}

/*ab*/
#ab{
    height:730px;

    margin-top:325px;
}
#ab .a-wrap{
    height:250px;
   
    top:-305px;
}
#ab .a-wrap .a-slider .a-slider-unit{
    height:615px;
    width:100%;
   margin:0;
   
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    height:600px;
    overflow: hidden;
    background-color: transparent;
}

#ab .a-wrap .a-slider .a-slider-unit .a-bg img{
    margin-top:-18%;
    width:auto;
    height:410px;
    left:-150px;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox{
    position: absolute;
    width:90%;
    height:182px;
    z-index: 9999;
    background-color: #111111;
    color:#fff;
    top:330px;
    transform: translateY(-50%);
    left:5%;
    padding: 23px;
    box-sizing: border-box;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox p{
    font-size: 1.2em;
    letter-spacing: 3px;
 font-family: 'Cormorant SC', serif;
    font-weight: 300;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2{
    font-size: 1.1em;
     letter-spacing: 2px;
    font-weight: 400;
}
   
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2{
    margin-top:10px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3{
    font-size: .8em;
    line-height:25px;
    font-weight: 400;
    letter-spacing: 1px;
}
    
/*b*/
#b {
    margin-top:-100px;
     padding:0 5%;
}

#b .wrapall .b-wrap:nth-child(2n){
    margin-left:0;
    margin-bottom:5px;
}
    #b .wrapall .b-wrap{
    width:100%;
    float:left;
    padding:5% 6%;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom:5px;    
}
#b .wrapall .b-wrap .b-img{
  width:30%;
    overflow: hidden;
    float:left;
}
#b .wrapall .b-wrap .b-img img{
    width:130%;
    left:-15%;
}
#b .wrapall .b-wrap .b-text{
   width:66%;
    float:right;
 
}
#b .wrapall .b-wrap .b-text .b-text-up{
    padding-top:3px;
}
#b .wrapall .b-wrap .b-text .b-text-up h3{
     font-family: 'Cormorant SC', serif;
    font-size: 1.5em;
    letter-spacing: 2px;
    display: none;
}
#b .wrapall .b-wrap .b-text .b-text-up h2{
    font-size: 1em;
    font-weight: 400;
}
#b .wrapall .b-wrap .b-text .b-text-down{
    padding-top:5px;
}
#b .wrapall .b-wrap .b-text .b-text-down p{
    font-size: .8em;
    font-weight: 400;
    line-height: 20px;
    
}

/*c*/
.cde{
    width:100%;

    padding:50px 0 0px;
    background-color: #f4f4f4;

   
}
.cde .c-wrap{
    width:90%;
    left:5%;

}
.cde .c-wrap .c-title{
    padding:30px 0;
    color:#a17c52;
}
.cde .c-wrap .c-title-black{
    padding:30px 0;
    color:#000;
}
.cde .c-wrap .c-title h6,
.cde .c-wrap .c-title-black h6{
    font-size: 2.3em;
    font-weight: 400;
     font-family: 'Cormorant SC', serif;
    letter-spacing: 3px;
}

.cde .c-wrap .c-title h5,
.cde .c-wrap .c-title-black h5{
    font-weight: 400;
    font-size: .9em;
}
.cde .wrapall  .c-wrap .c-unit{
    width:100%;
    float:left;
    margin-bottom:40px;
}
.cde .wrapall  .c-wrap .c-unit:nth-child(2n){
   margin-right:4%;
}
.cde .c-wrap .c-unit .c-img{
    width:100%;
    overflow:hidden;
    height:255px;
    padding:15px 5px;
    box-sizing: border-box;
    background-color: #fff;
}
.cde .c-wrap .c-unit .c-img img{
    width:100%;
    top:-10px;
    
}
.cde .c-wrap .c-unit .c-text{
    width:90%;
    background-color: #fff;
    left:5%;
    top:-17px;
    padding:15px 20px 23px;
    box-sizing: border-box;
    
}

.cde .c-wrap .c-unit .c-text h2{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.5em;
}
.cde .c-wrap .c-unit .c-text span{
    font-size: .8em;
    display: block;
    top:-2px;
    letter-spacing: 1px;
       color:#838383;
}

.cde .c-wrap .c-unit .c-text .c-text-middle{
    padding:15px 0 ;
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down{
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-link{
    padding:20px 0 0;
}
.cde .c-wrap .c-unit .c-text .c-link a{
    padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
}


/*info*/
.info-wrap .info-unit {
    width:100%;
    float:left;
    margin-right:5%;
    margin-bottom:70px;
}
.info-wrap .info-unit:nth-child(4n){
     margin-right:0;
}
.info-wrap .info-unit .info-img{
    width:100%;
    overflow: hidden;
    height:210px;
}
.info-wrap .info-unit .info-img img{
    width:100%;
    left:0%;
    top:-30px;
}
.info-wrap .info-unit .info-text{
   padding:0 13px;
}
.info-wrap .info-unit .info-text .info-text-up{
    padding:13px 0 10px; 
}
.info-wrap .info-unit .info-text .info-text-up h2{
    font-weight:400;
}
.info-wrap .info-unit .info-text .info-text-up span{
    font-size: .8em;
    letter-spacing: 1px;
    display: block;
    margin-top:-3px;
    color:#838383;
}
.info-wrap .info-unit .info-text .info-text-middle{
    font-size: .6em;
      text-align: justify; text-justify: inter-ideograph;
    
}
.info-wrap .info-unit .info-text .info-text-down{
    font-size: .8em;
    padding:20px 0 17px;
    text-align: justify; text-justify: inter-ideograph;
}

.info-wrap .info-unit .info-text .info-link{
   
}
.info-wrap .info-unit .info-text .info-link a{
     padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
    font-size: .8em;
}
/*brand*/
.brand{
    height:460px;
    width:100%;
    background-color: #75161e;
    padding:40px;
    box-sizing: border-box;
}
.brand .brand-wrap{
    max-width:1200px;
    height:85px;
 /*   background-color: antiquewhite;*/
    margin:0 auto;
}
.brand .brand-wrap .brand-unit{
    width:100%;
    background-color: #fff;
    float:left;
    margin-right:0;
    height:85px;
    margin-bottom:10px;
}
.brand .brand-wrap .brand-unit:nth-child(4){
    margin-right:0;
}
.brand .brand-wrap .brand-unit img{
    width:100%;
    top:-5px;
}
.brand .brand-wrap .brand-unit3 img{
   
    top:-7px;
}
/*footer*/
footer{
    padding:0;
    height:300px;
}
footer .footer-wrap{
    max-width:1200px;
    margin:0 auto;
}
footer .footer-l{
    width:100%;
    float:none;
    position: absolute;
    top:85px;
    padding:0 20px;
    box-sizing: border-box;
}
footer .footer-l .footer-l-up{
    width:130px;
    height:130px;
    border:2px solid #000;
    
}
footer .footer-l .footer-l-down{
    line-height: 50px;
}
footer .footer-l .footer-l-up img{
    width:150px;
    height:150px;
    left:-8px;
    top:-5px;
}
footer .footer-r{
    width:100%;
    float:none;
}
footer .footer-r-wrap{
    
 
    margin-top:20px;
}

footer .footer-r-wrap .footer-r-unit{
    float:left;
    margin-left:25px;
}
footer .footer-r-wrap .footer-r-unit a p{
     display: inline;
    line-height: 50px;
    color:#000;
    font-size: .8em;
    letter-spacing: 1px;
}
footer .footer-r-wrap .footer-r-unit a span{
    width:40px;
    height:40px;
    border:1px solid #000;
    border-radius: 50%;
    display: inline-block;
    top:13px;
    margin-left:3px;
}
footer .footer-r-wrap .footer-r-unit a span i{
    position: absolute;
   font-size: 1.2em;
    display: block;
   left:35%;
    top:27%;
    color:#000;

}
footer .footer-r-wrap .footer-r-unit2 a span i{
   font-size: 1.2em;
    display: block;
   left:29%;
    top:27%;
    color:#000;

}
}


/*a400*/
@media(max-width:400px){
    /*logo*/
#logo{
    position: absolute;
    width:150px;
    height:100px;
    left:5%;
    top:20px;
/*    background-color: blue;*/
}
#logo .logol{
    width:70px;
    height:68px;
    border:1px solid #000;
    float:left;
}
#logo .logol img{
    width:70px;
    height:70px;
}

#logo .logor{
    width:70px;
    height:70px;
    background-color: #75161e;
    float:right;
    color:#fff;
    font-size: .5em;
      text-align: center;
    
    line-height:73px;
    
  
}
#logo .logor{
    
    
   
}
 #logo .logor h1{
     font-weight: 400;
     font-size: .8em;
 
}

/*header*/
  
    header .logowrap{
        left:-30px;
        top:-10px;
    }
header .logowrap nav{
   display: none;
    float:right;
    height:85px;
    display: block;
/*    background-color: antiquewhite;*/
    width:410px;
  
}
header .logowrap nav ul{
/*    background-color: yellow;*/

     display: none;
    line-height: 160px;
    float:left;
    
}
header .logowrap nav ul li{
    float:left;
}
header .logowrap nav ul li a{
    display: inline-block;
    padding:0px 7px;
  /*  background-color: aqua;*/
    letter-spacing: 1px;
   
}

header .logowrap nav .iconbox{
   float:right;
    line-height: 150px;
  
    padding-left:10px;
}

header .logowrap nav .iconbox:after{
    content: "";
    display: block;
    position: absolute;
    left:0;
    height:60px;
    width:1px;
    background-color: #e2e2e2;
    top:40px;
    
}

header .logowrap nav .iconbox i{
    font-size: 1.2em;
    margin-left:10px;

}

/*ab*/
#ab{
    height:680px;

    margin-top:325px;
}
#ab .a-wrap{
    height:250px;
   
    top:-305px;
}
#ab .a-wrap .a-slider .a-slider-unit{
    height:615px;
    
   margin:0;
   
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    height:600px;
    overflow: hidden;
    background-color: transparent;
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg{
    width:100%;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-bg img{
    margin-top:-18%;
    width:auto;
    height:420px;
    left:-150px;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox{
    position: absolute;
    width:90%;
    height:182px;
    z-index: 9999;
    background-color: #111111;
    color:#fff;
    top:330px;
    transform: translateY(-50%);
    left:5%;
    padding: 23px;
    box-sizing: border-box;
    
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox p{
    font-size: 1.2em;
    letter-spacing: 3px;
 font-family: 'Cormorant SC', serif;
    font-weight: 300;
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox h2{
    font-size: 1.1em;
     letter-spacing: 2px;
    font-weight: 400;
}
   
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2{
    margin-top:10px;
   
}
#ab .a-wrap .a-slider .a-slider-unit .a-textbox .a-text-2 h3{
    font-size: .8em;
    line-height:20px;
    font-weight: 400;
    letter-spacing: 1px;
}
    
/*b*/
#b {
    margin-top:-100px;
     padding:0 5%;
}

#b .wrapall .b-wrap:nth-child(2n){
    margin-left:0;
    margin-bottom:5px;
}
    #b .wrapall .b-wrap{
    width:100%;
    float:left;
    padding:5% 6%;
    background-color: #fff;
    box-sizing: border-box;
    margin-bottom:5px;    
}
#b .wrapall .b-wrap .b-img{
  width:30%;
    overflow: hidden;
    float:left;
}
#b .wrapall .b-wrap .b-img img{
    width:130%;
    left:-15%;
}
#b .wrapall .b-wrap .b-text{
   width:66%;
    float:right;
 
}
#b .wrapall .b-wrap .b-text .b-text-up{
    padding-top:3px;
}
#b .wrapall .b-wrap .b-text .b-text-up h3{
     font-family: 'Cormorant SC', serif;
    font-size: 1.5em;
    letter-spacing: 2px;
    display: none;
}
#b .wrapall .b-wrap .b-text .b-text-up h2{
    font-size: 1em;
    font-weight: 400;
}
#b .wrapall .b-wrap .b-text .b-text-down{
    padding-top:5px;
}
#b .wrapall .b-wrap .b-text .b-text-down p{
    font-size: .75em;
    font-weight: 400;
    line-height: 16px;

    
}

/*c*/
.cde{
    width:100%;

    padding:50px 0 30px;
    background-color: #f4f4f4;

   
}
.cde .c-wrap{
    width:90%;
    left:5%;

}
.cde .c-wrap .c-title{
    padding:30px 0;
    color:#a17c52;
}
.cde .c-wrap .c-title-black{
    padding:30px 0;
    color:#000;
}
.cde .c-wrap .c-title h6,
.cde .c-wrap .c-title-black h6{
    font-size: 2.3em;
    font-weight: 400;
     font-family: 'Cormorant SC', serif;
    letter-spacing: 3px;
}

.cde .c-wrap .c-title h5,
.cde .c-wrap .c-title-black h5{
    font-weight: 400;
    font-size: .9em;
}
.cde .wrapall  .c-wrap .c-unit{
    width:100%;
    float:left;
    margin-bottom:40px;
}
.cde .wrapall  .c-wrap .c-unit:nth-child(2n){
   margin-right:4%;
}
.cde .c-wrap .c-unit .c-img{
   width:100%;
    overflow:hidden;
    height:230px;
    padding:15px 5px;
    box-sizing: border-box;
    background-color: #fff;
}
.cde .c-wrap .c-unit .c-img img{
    width:100%;
    top:-10px;
    
}
.cde .c-wrap .c-unit .c-text{
    width:90%;
    background-color: #fff;
    left:5%;
    top:-17px;
    padding:20px 20px;
    box-sizing: border-box;
    
}

.cde .c-wrap .c-unit .c-text h2{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.5em;
}
.cde .c-wrap .c-unit .c-text span{
    font-size: .8em;
    display: block;
    top:-2px;
    letter-spacing: 1px;
       color:#838383;
}

.cde .c-wrap .c-unit .c-text .c-text-middle{
    padding:15px 0 ;
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down{
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-link{
    padding:20px 0 0;
}
.cde .c-wrap .c-unit .c-text .c-link a{
    padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
}


/*info*/
.info-wrap .info-unit {
    width:100%;
    float:left;
    margin-right:5%;
    margin-bottom:70px;
}
.info-wrap .info-unit:nth-child(4n){
     margin-right:0;
}
.info-wrap .info-unit .info-img{
    width:100%;
    overflow: hidden;
    height:190px;
}
.info-wrap .info-unit .info-img img{
    width:100%;
    left:0%;
    top:-15px;
}
.info-wrap .info-unit .info-text{
   padding:5px 0px 0;
}
.info-wrap .info-unit .info-text .info-text-up{
    padding:5px 0 10px; 
}
.info-wrap .info-unit .info-text .info-text-up h2{
    font-weight:400;
}
.info-wrap .info-unit .info-text .info-text-up span{
    font-size: .8em;
    letter-spacing: 1px;
    display: block;
    margin-top:-3px;
    color:#838383;
}
.info-wrap .info-unit .info-text .info-text-middle{
    font-size: .6em;
      text-align: justify; text-justify: inter-ideograph;
    
}
.info-wrap .info-unit .info-text .info-text-down{
    font-size: .8em;
    padding:20px 0 17px;
    text-align: justify; text-justify: inter-ideograph;
}

.info-wrap .info-unit .info-text .info-link{
   
}
.info-wrap .info-unit .info-text .info-link a{
     padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
    font-size: .8em;
}
/*brand*/
.brand{
    height:460px;
    width:100%;
    background-color: #75161e;
    padding:40px;
    box-sizing: border-box;
}
.brand .brand-wrap{
    max-width:1200px;
    height:85px;
 /*   background-color: antiquewhite;*/
    margin:0 auto;
}
.brand .brand-wrap .brand-unit{
    width:100%;
    background-color: #fff;
    float:left;
    margin-right:0;
    height:85px;
    margin-bottom:10px;
}
.brand .brand-wrap .brand-unit:nth-child(4){
    margin-right:0;
}
.brand .brand-wrap .brand-unit img{
    width:100%;
    top:-5px;
}
.brand .brand-wrap .brand-unit3 img{
   
    top:-7px;
}
/*footer*/
footer{
    padding:0;
    height:300px;
}
footer .footer-wrap{
    max-width:1200px;
    margin:0 auto;
}
footer .footer-l{
    width:100%;
    float:none;
    position: absolute;
    top:85px;
    padding:0 20px;
    box-sizing: border-box;
}
footer .footer-l .footer-l-up{
    width:130px;
    height:130px;
    border:2px solid #000;
    
}
footer .footer-l .footer-l-down{
    line-height: 50px;
}
footer .footer-l .footer-l-up img{
    width:150px;
    height:150px;
    left:-8px;
    top:-5px;
}
footer .footer-r{
    width:100%;
    float:none;
}
footer .footer-r-wrap{
    
 
    margin-top:20px;
}

footer .footer-r-wrap .footer-r-unit{
    float:left;
    margin-left:25px;
}
footer .footer-r-wrap .footer-r-unit a p{
     display: inline;
    line-height: 50px;
    color:#000;
    font-size: .8em;
    letter-spacing: 1px;
}
footer .footer-r-wrap .footer-r-unit a span{
    width:40px;
    height:40px;
    border:1px solid #000;
    border-radius: 50%;
    display: inline-block;
    top:13px;
    margin-left:3px;
}
footer .footer-r-wrap .footer-r-unit a span i{
    position: absolute;
   font-size: 1.2em;
    display: block;
   left:35%;
    top:27%;
    color:#000;

}
footer .footer-r-wrap .footer-r-unit2 a span i{
   font-size: 1.2em;
    display: block;
   left:29%;
    top:27%;
    color:#000;

}
}


/*a350*/
@media(max-width:350px){
  
/*c*/
.cde{
    width:100%;

    padding:50px 0 30px;
    background-color: #f4f4f4;

   
}
.cde .c-wrap{
    width:90%;
    left:5%;

}
.cde .c-wrap .c-title{
    padding:30px 0;
    color:#a17c52;
}
.cde .c-wrap .c-title-black{
    padding:30px 0;
    color:#000;
}
.cde .c-wrap .c-title h6,
.cde .c-wrap .c-title-black h6{
    font-size: 2.3em;
    font-weight: 400;
     font-family: 'Cormorant SC', serif;
    letter-spacing: 3px;
}

.cde .c-wrap .c-title h5,
.cde .c-wrap .c-title-black h5{
    font-weight: 400;
    font-size: .9em;
}
.cde .wrapall  .c-wrap .c-unit{
    width:100%;
    float:left;
    margin-bottom:40px;
}
.cde .wrapall  .c-wrap .c-unit:nth-child(2n){
   margin-right:4%;
}
.cde .c-wrap .c-unit .c-img{
    width:100%;
    overflow:hidden;
    height:195px;
    padding:15px 5px;
    box-sizing: border-box;
    background-color: #fff;
}
.cde .c-wrap .c-unit .c-img img{
    width:100%;
    top:-10px;
    
}
.cde .c-wrap .c-unit .c-text{
    width:90%;
    background-color: #fff;
    left:5%;
    top:-20px;
    padding:13px 20px 15px;
    box-sizing: border-box;
    
}

.cde .c-wrap .c-unit .c-text h2{
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 1.5em;
}
.cde .c-wrap .c-unit .c-text span{
    font-size: .8em;
    display: block;
    top:-2px;
    letter-spacing: 1px;
       color:#838383;
}

.cde .c-wrap .c-unit .c-text .c-text-middle{
    padding:15px 0 ;
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-text-down{
    font-size: .9em;
}
.cde .c-wrap .c-unit .c-text .c-link{
    padding:20px 0 0;
}
.cde .c-wrap .c-unit .c-text .c-link a{
    padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
}


/*info*/
.info-wrap .info-unit {
    width:100%;
    float:left;
    margin-right:5%;
    margin-bottom:70px;
}
.info-wrap .info-unit:nth-child(4n){
     margin-right:0;
}
.info-wrap .info-unit .info-img{
    width:100%;
    overflow: hidden;
    height:190px;
}
.info-wrap .info-unit .info-img img{
    width:100%;
    left:0%;
    top:-15px;
}
.info-wrap .info-unit .info-text{
   padding:5px 0px 0;
}
.info-wrap .info-unit .info-text .info-text-up{
    padding:5px 0 10px; 
}
.info-wrap .info-unit .info-text .info-text-up h2{
    font-weight:400;
}
.info-wrap .info-unit .info-text .info-text-up span{
    font-size: .8em;
    letter-spacing: 1px;
    display: block;
    margin-top:-3px;
    color:#838383;
}
.info-wrap .info-unit .info-text .info-text-middle{
    font-size: .6em;
      text-align: justify; text-justify: inter-ideograph;
    
}
.info-wrap .info-unit .info-text .info-text-down{
    font-size: .8em;
    padding:20px 0 17px;
    text-align: justify; text-justify: inter-ideograph;
}

.info-wrap .info-unit .info-text .info-link{
   
}
.info-wrap .info-unit .info-text .info-link a{
     padding:2px 5px;
    border:1px solid #000;
    display: inline-block;
    margin-right:3px;
    font-size: .8em;
}
/*brand*/
.brand{
    height:380px;
    width:100%;
    background-color: #75161e;
    padding:30px;
    box-sizing: border-box;
}
.brand .brand-wrap{
    max-width:1200px;
    height:85px;
 /*   background-color: antiquewhite;*/
    margin:0 auto;
}
.brand .brand-wrap .brand-unit{
    width:100%;
    background-color: #fff;
    float:left;
    margin-right:0;
    height:70px;
    margin-bottom:10px;
}
.brand .brand-wrap .brand-unit:nth-child(4){
    margin-right:0;
}
.brand .brand-wrap .brand-unit img{
    width:100%;
    top:-3px;
}
.brand .brand-wrap .brand-unit3 img{
   
    top:-7px;
}
/*footer*/
footer{
    padding:0;
    height:300px;
}
footer .footer-wrap{
    max-width:1200px;
    margin:0 auto;
}
footer .footer-l{
    width:100%;
    float:none;
    position: absolute;
    top:85px;
    padding:0 20px;
    box-sizing: border-box;
}
footer .footer-l .footer-l-up{
    width:130px;
    height:130px;
    border:2px solid #000;
    
}
footer .footer-l .footer-l-down{
    line-height: 50px;
    font-size: .8em;
}
footer .footer-l .footer-l-up img{
    width:150px;
    height:150px;
    left:-8px;
    top:-5px;
}
footer .footer-r{
    width:100%;
    float:none;
}
footer .footer-r-wrap{
    
 
    margin-top:20px;
}

footer .footer-r-wrap .footer-r-unit{
    float:left;
    margin-left:25px;
}
footer .footer-r-wrap .footer-r-unit a p{
     display: inline;
    line-height: 50px;
    color:#000;
    font-size: .8em;
    letter-spacing: 1px;
}
footer .footer-r-wrap .footer-r-unit a span{
    width:40px;
    height:40px;
    border:1px solid #000;
    border-radius: 50%;
    display: inline-block;
    top:13px;
    margin-left:3px;
}
footer .footer-r-wrap .footer-r-unit a span i{
    position: absolute;
   font-size: 1.2em;
    display: block;
   left:35%;
    top:27%;
    color:#000;

}
footer .footer-r-wrap .footer-r-unit2 a span i{
   font-size: 1.2em;
    display: block;
   left:29%;
    top:27%;
    color:#000;

}
}