.container {width:1200px;margin:0 auto;position: relative}
.m-t-20 {margin-top:20px!important;}
.m-t-40 {margin-top:40px!important;}
.m-t-60 {margin-top:60px!important;}
.m-t-75 {margin-top:75px!important;}
.m-t-80 {margin-top:80px!important;}
.m-t-90 {margin-top:90px!important;}
.m-t-100 {margin-top:100px!important;}
.m-t-120 {margin-top:120px!important;}
.c-white {color:white!important;}
.bg-active {background: #e0592b;}
.w-1200 {width:1200px!important;}
.w-270 {width:270px!important;}
.w-278 {width:278px!important;}
.h-305 {height:305px!important;}
.no-bg {background: none!important;}
.icon {background-image: url(../images/icon.png);}
.c-active {color:#e0592b!important;}
hr {border:0;border-bottom:1px solid #acacac;}
.go-top {position: fixed;z-index:999999;display: none;}
.go-top {right:0;bottom:40px;width:40px;height:40px;background-position: -581px -21px;cursor: pointer;}
.header {background: white;height:115px;border-bottom:3px solid #e0592b;}
/*.header .container {border-top:3px solid #e0592b;}*/
.header .logo {float: left;padding:28px 0 0 0;}
.header .nav {float: right;padding-top: 58px;position: relative;}
.header .nav span {position: absolute;left:30px;bottom:0;width:50px;border-bottom:4px solid #e0592b;-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;}
.header .nav a,.header .nav dl {font-size: 16px;color:#3a3e39;width:94px;height:30px;float: left;text-align: center;}
.header .nav a{position: relative;}
/*.header .nav a:hover,.header .nav a.active {color:#e0592b;}*/
/*.header .nav a.active:after,.header .nav a:hover:after {content: "";position: absolute;left:30px;bottom:-10px;width:50px;border-bottom:2px solid #e0592b;}*/
.header .nav dl {position: relative;cursor: pointer;}
.header .nav dl:hover dd {display: block;}
.header .nav dl:hover dt ,.header .nav dl.active dt {color:#e0592b;}
.header .nav dl dt {height:50px;}
.header .nav dl dd {display: none;position: absolute;left:-6px;top:53px;z-index:9999;width:110px;border-top:2px solid #e0592b;background: #f3f8fb;}
.header .nav dl dd a {display: block;width:100%;font-size: 12px;font-weight: normal;color:#666;height:25px;line-height: 25px;}
.header .nav dl dd a:after{display: none!important;}
.header .nav dl dd a:hover {background: #e0592b;color:white;}
.header .lang {
    position: absolute;
    right:0;
    top:8px;
    font-size: 12px;
    font-family: Arial;
    color: black;
}
.header .lang a {
    font-size: 13px;
    display: inline-block;
    vertical-align: -2px;
}
.header .lang .active {
    color:#e0592b;
}
.footer {background: #eee;line-height: 1.5;font-size: 14px;color:#777;}
.footer h3 {font-size: 14px;text-align: center;padding:25px 0;}
.footer hr {margin:0 50px;border-bottom: 1px solid #d2d2d2;}
.footer ul {margin-top:20px;}
.footer ul li {float: left;border-right:1px solid #d2d2d2;width:400px;height:250px;}
.footer ul li.item3 {text-align: center;width:385px;}
.footer ul li.item3 img {display: block;margin:0 auto 10px;}
.footer ul li.item1 div,.footer ul li.item2 div {height:60px;}
.footer ul li.item3 div {height:30px;}
.footer ul li a:hover {text-decoration: underline;}
.footer .addr {padding:25px 0 10px;text-align: center;}
.banner {margin: 0 auto;}
.index-banner .swiper-slide img {display: block;width: 1200px;height: 600px;}
.index-banner {height:600px;/*background: #b79d8e;*/}
/*.index-banner .container {*/
    /*border-top:3px solid #e0592b;*/
/*}*/
.swiper-pagination-bullet {width:20px;height:20px;background: none;background-image: url(../images/icon.png)!important;background-position: -30px -12px;margin:0 10px!important;opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active {background-position: -30px -48px;}
.index-brand-info div {overflow: hidden}
.index-brand-info div > img {position: absolute;left:0;top:0;z-index:-1;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.index-brand-info div:hover > img {transform:scale(1.05);}
.index-brand-info .item1 {float: left;width:600px;height:700px;position: relative;}
.index-brand-info .item1 img {width:600px;height:700px;}
.index-brand-info div > h3 {font-size: 24px;text-align: center;letter-spacing: 0.15em;color:white;position: absolute;left:0;width:100%;height:79px;line-height: 95px;background: url("../images/index-brand-info-bg.png");bottom:-85px;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}
.index-brand-info div:hover > h3 {bottom:0;}
.index-brand-info .item2 {float: right;position: relative;width:580px;}
.index-brand-info .item3 {position: relative;width:580px;height:300px;}
.index-brand-info .item3 img {width:580px;height:300px;}
.index-brand-info .item3 p {font-size: 18px;color:#666;text-align: center;line-height: 1.7;padding-top: 90px;}
.index-brand-info .item4 {position: relative;width:580px;height:380px;}
.index-brand-info .item4 img {width:580px;height:380px;}

.index-more {margin:0 auto;width:1055px;padding:50px 0 0 145px;height:202px;background: url('../images/index-more-bg.png') no-repeat;position: relative;}
.index-more h3 {font-size: 28px;font-weight: bold;letter-spacing: 0.15em;margin:10px 0;color:#e0592b}
.index-more p {font-size: 18px;line-height: 1.8;color:#e0592b;}
.index-more a {width:128px;height:38px;line-height: 38px;text-align: center;font-size: 18px;border:1px solid #e0592b;display: block;margin-top:10px;color:#e0592b;}
.index-more img {position: absolute;left:30px;top:40px;}
.index-more i {
    display: inline-block;
    width:15px;
    height:15px;
    margin:0 7px;
    background: url(../images/index-more-tel.png) no-repeat;
}
.index-tit {font-size: 34px;color:#3a3e39;text-align: center;padding:60px 0 30px;}
.index-tit span {position: relative;}
.index-tit span:before,.index-tit span:after {content: "";position: absolute;top:23px;width:140px;height:3px;background: #e0592b;border-radius: 10px;}
.index-tit span:before {left:-190px;}
.index-tit span:after {right:-190px;}
.index-goods .tit {text-align: center;}
.index-goods .tit li {float:left;width:120px;height:120px;margin-right:15px;font-size: 14px;color:#999;cursor: pointer;position: relative;}
.index-goods .tit li i {width:80px;height:80px;display: block;margin:0 auto 8px;}
.index-goods .tit li .item1 {background-position: -240px -80px;}
.index-goods .tit li .item2 {background-position: -320px -80px;}
.index-goods .tit li .item3 {background-position: -400px -80px;}
.index-goods .tit li .item4 {background-position: -480px -80px;}
.index-goods .tit li .item5 {background-position: -560px -80px;}
.index-goods .tit li .item6 {background-position: -640px -80px;}
.index-goods .tit li .item7 {background-position: -720px -80px;}
.index-goods .tit li .item8 {background-position: -800px -80px;}
.index-goods .tit li .item9 {background-position: -880px -80px;}

.index-goods .tit li:hover i,
.index-goods .tit li.active i {background-position-y: -159px;}
.index-goods .tit li:hover,
.index-goods .tit li.active {background:#e0592b;color:white;}
.index-goods-list .tit li:hover i,
.index-goods-list .tit li.active i {background-color: transparent;background-position-y: -239px;}
.index-goods-list .tit li:hover,
.index-goods-list .tit li.active {background-color:transparent;color:#e0592b;}



.index-goods .tit span {position: absolute;left:14px;bottom:0;width:60px;border-bottom:5px solid #e0592b;-webkit-transition: all ease .2s;-moz-transition: all ease .2s;-ms-transition: all ease .2s;-o-transition: all ease .2s;transition: all ease .2s;}
.index-goods .content {text-align: center;border-top: 2px solid #e0592b;margin-top: 20px;}
.index-goods .content .item {display: none;}
.index-goods .content .show {display: block;}
.index-goods .content ul li {display: inline-block;width:240px;height:310px;padding-top: 25px;margin:0 25px;-webkit-transition: all ease .5s;
    -moz-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;}
.index-goods .content ul li:hover {transform: scale(1.02)}
.index-goods .content ul li img {
    display: block;
    width:240px;
    height: 240px;
}
.index-goods .content ul li h3 {font-size: 22px;color:#484848;padding:20px 0;}
.index-goods .content ul li p {font-size: 14px;color:#999;}
.index-goods .content ol li {margin-top:20px;float: left;width:590px;height:590px;position: relative;overflow: hidden}
.index-goods .content ol li img {display: block;width:590px;height:590px;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;transition: all ease .4s;}
.index-goods .content ol 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);}
.index-goods .content ol li .info {position: absolute;right:0;top:0;color:#484848;padding:30px;}
.index-goods .content ol li .info h3 {font-size: 36px;}
.index-goods .content ol li .info p {font-size: 18px;line-height: 1.3;margin-top: 10px;}
.index-news .byc ul {background: #e0592b;}
.index-news .byc ul li {width:100px;height:261px;float: left;-webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;overflow: hidden;}
.index-news .byc ul li.active {width:1000px;}
.index-news .byc .tit {font-size: 24px;color:#333;text-align: center;padding-top:15px;}
.index-news .byc .tit span {display: none;}
.index-news .byc .tit span.show {display: block;}

.index-news .byc a,
.index-news .byc a img{
    display: block;
    width:100%;
}
.index-news .byc a {
    margin-bottom: 30px;
}


.index-news .more {display: block;margin:30px auto 0;width:170px;height:36px;line-height: 36px;text-align: center;background: white;color:#e0592b;border:1px solid #e0592b;font-size: 16px;border-radius: 10px;
    cursor: pointer;
    -moz-transition: all ease .2s;
    -ms-transition: all ease .2s;
    -o-transition: all ease .2s;
    transition: all ease .2s;}
.index-news .more:hover {background: #e0592b;color:white;}
.brand-banner {height:500px;text-align: center;color:#3a3e39;}
.brand-banner h3 {font-size: 30px;padding-top: 30px;}
.brand-banner div {}
.brand-banner p {padding:60px 0 0;font-size: 14px;color:#3a3e39;line-height: 1.8}
.brand-banner img {display: block;margin:0 auto;}
.brand-design {margin-bottom: 30px;}
.brand-design .info {border:2px solid #e0592b;margin-top:220px;padding:35px 0 60px;}
.brand-design .info h3 {font-size:18px;font-weight: bold;letter-spacing: 0.05em;}
.brand-design .info p {font-size:14px;line-height: 1.8;color:#3a3e39;margin-top:30px;}
.brand-design img {position: relative;margin:0 auto;display: block;top:-30px;}
.brand-info {border:2px solid #e0592b;width:1196px;}
.brand-info img {float: left;}
.brand-info .infor {float: left;padding:45px 40px 0;width:440px;}
.brand-info .infor h3 {font-size: 24px;color:#e0592b;line-height: 1;}
.brand-info .infor h3.b-l {border-left:5px solid #e0592b;padding-left:5px;}
.brand-info .infor h3.b-r {border-right:5px solid #e0592b;padding-right:5px;}
.brand-info .infor div {padding:20px 20px 0;}
.brand-info .infor p {margin-top:20px;font-size: 14px;color:#3a3e39;line-height: 1.7;}
.brand-achieve {padding:50px 0 55px;}
.brand-achieve h3 {font-size: 18px;font-weight: bold;color:#333;text-align: center;}
.brand-achieve p {padding:0 150px;font-size: 14px;color:#666;line-height: 1.8;margin-top: 30px;}
.brand-partner {background: url(../images/brand-partner-bg.png) no-repeat center top;}
.brand-partner h3 {padding-top: 50px;font-size: 30px;}
.brand-partner p {font-size: 16px;letter-spacing: 0.3em;padding:20px 0 10px;}
.brand-partner ul {margin-top: 50px;}
.brand-partner ul li {display: inline-block;width:330px;height:480px;margin: 0 20px;font-size: 14px;color:black;}
.brand-partner ul li p {letter-spacing: 0;line-height: 1.7;}
.brand-partner ul li img {display: block;margin:0 auto;}
.brand-partner ul li .name {margin-top:15px;}
.brand-intro h3 {padding-top: 50px;font-size: 30px;}
.brand-intro p {font-size: 16px;letter-spacing: 0.3em;padding:20px 0 10px;}
.brand-intro img {display: block;margin:30px auto 0;}
.brand-guarantee {margin-top:-60px;padding:100px 0 50px;color:white;text-align: center;}
.brand-guarantee h3{font-size: 36px;font-weight: bold;letter-spacing: 0.1em;text-align: center;}
.brand-guarantee p {font-size: 14px;line-height: 2;margin-top: 20px;text-align: center;}
.brand-guarantee p span {font-size: 18px;font-weight: bold;}
.brand-trusted h3 {font-size: 36px;letter-spacing: 0.1em;text-align: center;}
.brand-trusted p {font-size: 14px;line-height: 2;margin-top: 20px;text-align: center;letter-spacing: 0.25em;}
.brand-trusted ul li {float: left;font-size: 16px;color:#3d3a39;background: #f5f9fb;line-height: 1.45;}
.brand-trusted ul li img {display: block;}
.brand-trusted ul li.pic img {width:634px;height:356px;}
.brand-trusted ul li.text {padding:40px;width:486px;height:276px;}
.brand-trusted ul li.text img {margin-top: 10px;}
.information-banner {height:400px;}
.information-banner .container {

}
.information-banner img {display: block;width:1200px;height:400px;}
.information-list .tit {padding:40px 0 0;color:#3a3e39;}
.information-list .tit h3 {font-size: 30px;}
.information-list .tit p {font-size: 16px;letter-spacing: 0.3em;margin-top:10px;}
.information-list ul {padding:0 0;}
.information-list ul li {border-bottom:1px solid #626262;padding: 45px 0;}
.information-list ul li .pic {float: left;width:330px;height:217px;overflow: hidden;}
.information-list ul li .pic img {display: block;width:330px;height:217px;-webkit-transition: all ease .2s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.information-list ul li .pic: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);}
.information-list ul li .text {width:840px;height:197px;margin-left:20px;float: left;padding-top:20px;color:#3e3a39;}
.information-list ul li .text h3 {font-size: 18px;font-weight: bold;border-left:5px solid #e0592b;line-height: 1;padding-left:5px;}
.information-list ul li .text h3:hover {color:#e0592b;}
.information-list ul li .text div {margin:35px 0 15px;color:#e0592b;font-size: 14px;}
.information-list ul li .text p {font-size: 14px;line-height: 1.6;height:90px;overflow: hidden;}
.information-list .page {text-align: center;font-size: 18px;font-family: arial;padding:50px 0;}
.information-list .page a {display: inline-block;width:22px;height:22px;line-height: 24px;margin:0 5px;color:#3e3a39;border-radius: 100px;border:1px solid white;font-weight: bold}
.information-list .page a:hover,
.information-list .page a.active {border:1px solid #3e3a39;color:#3e3a39;}
.information-list .page span {background: url(../images/icon.png) no-repeat;display: inline-block;width:25px;height:25px;cursor: pointer;vertical-align: -5px;}
.information-list .page span.page-prev,
.information-list .page span.page-prev:hover {background-position: -669px -8px;}
.information-list .page span.page-next,
.information-list .page span.page-next:hover {background-position: -667px -48px;}
.no-bg-c {border: 0!important;}
.information-inner {padding:30px 40px;width:1120px;}
.information-inner h1 {font-size: 22px;color:#3e3a39;border-left:5px solid #e0592b;padding-left:5px;line-height: 1;}
.information-inner .time {color:#e0592b;padding:15px 0;font-size: 16px;}
.information-inner .content {font-size: 14px;color:#333;line-height: 1.8;text-align: justify;}
.information-inner .content img {max-width: 650px;display: block;margin:20px auto;}
.contact .box {background:#e0592b;color:white;height:630px;}
.contact .box .info {width:435px;height:450px;padding:70px 0 0 140px;opacity:1;}
.contact .box .info h3 {font-size: 28px;font-weight: bold;letter-spacing: 0.15em;margin:10px 0;}
.contact .box .info p {font-size: 18px;line-height: 1.8;}
.contact .box .info a {width:128px;height:38px;line-height: 38px;text-align: center;font-size: 18px;border:1px solid white;display: block;margin-top:10px;opacity: .5}
.contact .box .pic {width:580px;float: right;padding-top:40px;}
.contact .box .pic img {display: block;}
.fl {float: left;}
.fr {float: right;}
.msg {color:#3d3a39;width:950px;margin:0 auto;}
.msg h3 {text-align: center;font-size: 36px;font-weight: bold;}
.msg .name {font-size: 24px;font-weight: bold;margin:40px 0 25px;}
.msg input {width:440px;height:60px;background: #cfe7f6;border-radius: 5px;border:0;text-align: center;font-size: 22px;}
.msg .ul-group li {width:178px;height:60px;line-height: 60px;text-align: center;color:#808080;font-size: 20px;font-weight: bold;border-radius: 8px;background: #cfe7f6;float: left;margin-right: 15px;cursor: pointer;}
.msg .ul-group li.active {background: #e0592b;color:white;}
.msg textarea {border:0;width:910px;height:170px;border-radius: 8px;background: #cfe7f6;font-size: 20px;padding: 20px;}
.msg input.btn-submit {display: block;margin:0 auto;width:370px;height:70px;line-height: 1;text-align: center;background: #f9c74c;color:#333;font-size: 20px;font-weight: bold;cursor: pointer;}
.msg .tips {text-align: center;padding:20px 0;font-size: 13px;color:#999;letter-spacing: 0.1em;}
/*.shop-banner {background: #fef6e7;}*/
.shop-brief {text-align: center;padding-top:10px;}
.shop-brief .tit {color:#3a3e39;}
.shop-brief .tit h3 {font-size: 30px;}
.shop-brief .tit p {font-size: 16px;margin-top: 10px;letter-spacing: 0.25em;}
.shop-brief ul li {float: left}
.shop-brief ul li i {display: block;margin:0 auto;width:24px;height:20px;background-position: -750px -52px;}

.shop-brief ul li.item1 {margin-bottom:25px;}
.shop-brief ul li.item3 {margin:0 12px;}
.shop-brief ul .item5 {margin-top:10px;}
.shop-brief ul li div {font-size: 20px;padding:10px 0;line-height: 1.6;}
.shop-brief ul li div p {font-size: 14px;}
.shop-policy {background: url(../images/shop-policy-bg.jpg) no-repeat center top;height:1147px;}
.shop-policy h3 {font-size: 30px;padding-top: 80px;}
.shop-policy p {font-size: 16px;margin-top: 10px;letter-spacing: 0.25em;}
.shop-bond h3 {font-size: 36px;font-weight: bold;}
.shop-bond img {display: block;margin:60px auto;}
.shop-bond p {font-size: 14px;line-height: 1.7;}
.shop-bond ul {text-align: center;}
.shop-bond ul li {display: inline-block;width:180px;vertical-align: top;margin:0 90px;}
.shop-bond ul li div {font-size: 21px;font-weight: bold;}
.shop-bond ul li p {font-size: 14px;line-height: 1.7;height:40px;margin-top: 30px;}
.shop-count h3 {font-size: 36px;font-weight: bold;}
.shop-count h3 p {font-size: 14px;margin-top:10px;}
.shop-count .pic {min-width: 1200px;height:465px;background: url(../images/shop-count.png) no-repeat center top;}
.shop-count .pic img {display: block;margin:0 auto;}
.shop-hexagonal {text-align: center;}
.shop-hexagonal h3 {font-size: 36px;font-weight: bold;}
.shop-hexagonal img {display: block;margin:0 auto;}
.shop-video h3 {font-size: 36px;}
.shop-video p {font-size: 16px;letter-spacing: 0.25em;margin-top:10px;}
.shop-video .video {cursor: pointer;}
.shop-video .tips {font-size: 14px;line-height: 1.7;}

.brand-js {
    border-top:1px solid #acacac;
    border-bottom:1px solid #acacac;
    padding:50px 0 0;
    margin-bottom: 80px;
}
.brand-js li {
    margin-bottom: 70px;
}
.brand-js li h3 {
    color:#e0592b;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
}
.brand-js li p {
    color:#333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.8;
}
.brand-js li div {
    color:#333;
    font-size: 14px;
    line-height: 1.8;
}
.brand-js img {
    float: left;
    width:120px;
}
.brand-js .info {
    float: left;
    margin-left:40px;
    width:1030px;
}
.brand-js .info dl {
    line-height: 2;
}
.brand-js .info dl dt {
    position: relative;
    display: inline-block;
}
.brand-js .info dl dt:before {
    content: '';
    position: absolute;
    left:0;
    z-index:-1;
    bottom:6px;
    width:110%;
    height:6px;
    background: #e0592b;
}