.nosizing *{box-sizing: border-box;}
.nosizing .pageout,.nosizing .pageout *{box-sizing: inherit;}
html,body{overflow-x: hidden;}
.fl{float: left;}
.fr{float: right;}
.mb20{margin-bottom: 20px;}
.w100{width: 100%;}
.tran_scale img{width: 100%;}

.swiper-button-prev,.swiper-button-next{position: absolute; width: 34px; height: 34px; margin-top: -17px;background: url(../images/index_arrow.png) no-repeat center center;background-size:100%;opacity: 1 !important;}
.swiper-button-prev{ left: -64px;}
.swiper-button-next{ right: -64px;}
.swiper-button-prev.swiper-button-disabled{background: url(../images/index_arrow_dis01.png) no-repeat center center;pointer-events:visible;}
.swiper-button-next.swiper-button-disabled{background: url(../images/index_arrow_dis02.png) no-repeat center center;pointer-events:visible;}
/*品牌故事*/
.brand1_l{width: 31.8%;padding-right: 20px;}
.brand1_l dl{ }
.brand_tit{padding-left: 105px; color: #000000; font-weight: lighter; position: relative; }
.brand_tit:before{content: ""; position: absolute; top: 50%; left: 0; width: 90px; height: 1px; background: #000;}
.brand1_l dl dd img{max-width: 100%;}

.brand1_r{width: 68.2%;  color: #fff; position: relative;}
.brand1_r_bg{position: absolute; width: 1920px; height: 100%;background: #6c193c; border-top: #b99667 solid 4px; z-index: 1;}
.brand1_img01{width: 12.4%; margin-left: 14%;}
.brand1_r dl{width: 61.8%; padding: 0 5.7%;}
.brand1_r dl dd{margin-bottom: 15px; overflow: hidden; padding-top: 10px;}
.brand1_r dl dd p{line-height: 20px; margin-bottom: 15px;}
.brand1_r dl dd img{width: 100%;}
.brand1_img02{width: 14.4%;}

.brand1_r_wrap{position: relative; z-index: 2; padding: 21px 0 18px; overflow: hidden;}

.brand2{clear: both;}
.brand2_l{width: 49.4%; height: 100%;}
.brand2_img{width: 100%; height: 100%;}
.brand2_r{width: 50.6%; height: 100%; padding: 1.17% 3.2% 0 2.17%; position:relative; }
.brand2_r em{position: absolute; top: 19%; left: 0; width: 7%; height: 1px; background: #000000;}
.brand2_r h1{color: #000; line-height: 1.1em;}
.brand2_r h2{color: #272727; margin-bottom: 20px;}
.brand2_r_con{height: 47%;}
.brand2_r_con p{color: #272727; line-height: 30px;text-align: justify;}

.brand3{clear: both;}
.brand_tit_wrap{color: #000; position: relative; overflow: hidden;margin-bottom: 30px;}
.brand_en{ text-transform:uppercase; line-height: 1em; margin-bottom: 30px;}
.brand_cn{margin-bottom: 5px;}
.brand_info{}
.brand_bg{position: absolute; color: #f3f3f3; bottom: -0.13em; right: 8.125%; line-height: 1.1em; z-index: -1; letter-spacing: -13px;}
.brand3_wrap{position: relative;}
.brand3_wrap .swiper-button-prev,.brand3_wrap .swiper-button-next{top: 22%; margin-top: 0;}
.brand3_img{width: 100%;}
.brand3_wrap h1{color: #272727; padding: 18px 0 28px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.brand3_wrap h1:before{content:''; position: absolute; top: 11px; left: 11px; width: 64px; height: 3px; background: #b99667;}
.brand3_icon{display: block; margin: auto; margin-bottom: 20px; width: 29px; height: 113px; background: url(../images/brand3_icon.png) center bottom no-repeat; background-size: 100% auto;}
.brand3_wrap .year{color:#272727; text-align: center; font-size: 36px; font-family: arial; line-height: 1.1em;}

.brand3_wrap .line{position: absolute; width: 1920px; bottom: 73px; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); display: block; height: 1px; background: #e5e5e5;}

.brand4{background-size: cover; clear: both;}
.brand4_wrap{position: relative; margin-top: -115px;    display: table; width: 100%;}
.map_relact{position: relative;max-width: 1088px;float: right ;}
.brand4_map{max-width: 100%;}
.brand4_icon{position: absolute; z-index: 2; cursor: pointer; width: 28px; height: 28px;display: inline-block;text-align: center;}
.brand4_icon.on{background: url(../images/brand4_icon01.png) no-repeat center center;}
.brand4_icon.on img{display: none;}
.brand4_icon img{vertical-align: middle;}
.brand4_icon01{    right: 44.669%; top:32.274%;}
.brand4_icon02{right: 38.1985%; top: 53.06988%;}
.brand4_icon03{right: 45.86397%; top: 37.484%;}
.brand4_icon04{right:39.522%; top: 40.4066%;}
.brand4_icon05{right: 43.8419%; top: 41.423%;}
.brand4_icon06{right: 60.66176%; top: 51.46%;}
.map_cont{text-align: right}

.map_lin{width: 53px; height: 1px; background: #000;margin-bottom: 5px;}


.cir{position: absolute; z-index: 1; width: 14%; padding-bottom: 14%; height: 0; background: rgba(109,25,61,0.14); border-radius: 50%; animation: animate-scale 2s linear infinite; -webkit-animation: animate-scale 2s linear infinite; display: none !important;}
.cir1{left: 47.3%;top: 23.3%;}
.cir2{left: 48.3%;top: 27.3%;}
.cir3{left: 46.3%;top: 29.3%;}
.cir4{left: 52%;top: 32.3%;}
.cir5{left: 56%; top: 31.3%;}
.cir6{left: 31%;top: 43.3%;}

.brand4_line_box{position: absolute; z-index: 1; display: none;}
.brand4_line_con{position: absolute; top: -22px; right: -278px; }
.brand4_line_con em{display: block; width: 100%; height: 100%; background: #b99667; top: 11px; left: 11px;border-radius: 13px; position: absolute; z-index: 1; display: none; }
.brand4_line_con dl{padding: 20px;width: 278px; min-height: 218px; color: #3a3a3a;  background: #f1f1f1; border-left: 3px solid #6d193d;border-bottom: 3px solid #6d193d; z-index: 2; position: relative;    box-shadow: 1px 2px 8px rgba(0,0,0,0.2);}
.brand4_line_con dl dt{margin-bottom:10px; font-weight: lighter;}
.brand4_line_con dl dt h1{line-height: 1.3em;margin-bottom:5px; font-weight: bold;    overflow: hidden;
    margin-bottom: 20px;}
.brand4_line_con dl dt h2{line-height: 1.1em;}
.brand4_line_con dl dd{line-height: 24px;}

.brand4_line_box1{left: 54.7%;top: 28.3%;}
.brand4_line_box2{left: 60%;top: 400px;}
.brand4_line_box3{left: 52.7%;top: 34.3%;}
.brand4_line_box4{left: 60%;top: 36.5%;}
.brand4_line_box5{left: 55%;top: 38.3%;}
.brand4_line_box6{left: 39%;top: 48%;}

@-webkit-keyframes animate-scale
{
	0% { transform:scale(0.8); -webkit-transform:scale(0.8);}
	40% {transform:scale(1); -webkit-transform:scale(1); }
	80% {transform:scale(0.6); -webkit-transform:scale(0.6); }
	100% { transform:scale(0.8); -webkit-transform:scale(0.8);}
}

@keyframes animate-scale
{
	0% { transform:scale(0.8); -webkit-transform:scale(0.8);}
	40% {transform:scale(1); -webkit-transform:scale(1); }
	80% {transform:scale(0.6); -webkit-transform:scale(0.6); }
	100% { transform:scale(0.8); -webkit-transform:scale(0.8);}
}

.brand5{position: relative;clear: both;}
.brand5 .wrap{overflow: hidden; position: relative; z-index: 2;}
.black_43{position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.43); z-index: 1;}
.brand5 .brand_tit_wrap{color: #fff; margin-bottom: 90px;}
.brand5 .brand_tit{color: #fff;}
.brand5 .brand_tit:before{background: #fff;}
.brand5_wrap ul li{float: left; color: #fff; width: 24%;}
.brand5_wrap ul li:nth-child(3){width: 24%;}
.brand5_wrap ul li:nth-child(4){width: 24%;}
.brand5_wrap ul li:nth-child(5){width: 24%;}
.brand5_wrap ul li:nth-child(6){width: 24%;}
.brand5_wrap ul li dl dd{line-height: 1.4em; clear: both;}
.brand5_wrap ul li dl dd i{font-weight: lighter; display: block; float: left; }
.brand5_wrap ul li dl dd sup{display: block; float: left;line-height: 1.1em; margin-top: -0.5em; font-weight: lighter;}

.brand6{overflow: hidden;}
.brand6_wrap .swiper-button-prev, .brand6_wrap .swiper-button-next{top: 53% !important;}




@media only screen  and (max-width: 1440px) {
	.swiper-button-prev{left: 0;}
	.swiper-button-next{right: 0;}
	
	.brand3_wrap .year{font-size: 20px;}
	.brand3_wrap .line{bottom: 57px;}
}

@media only screen  and (max-width: 1366px) {
	.brand2_r{padding-right: 4.17%;}
}

@media only screen  and (max-width: 1200px) {
	.brand1_img01{margin-left: 6%;}
	.brand1_r dl{width: 60%;}
	.brand2_r_con p{line-height: 24px;}
	.brand_bg{right: 2%;}
	
	.brand3_wrap .swiper-button-prev, .brand3_wrap .swiper-button-next{top: 19%;}
	.brand3_icon{height: 80px;}
	
	.brand4_line_con dl{width: 220px; min-height: 200px;}
	.brand4_line_con{right: -180px;}
	
	.brand5 .brand_tit_wrap{margin-bottom: 60px;}
}
@media only screen  and (max-width: 1023px) {
	.site_cont.mb20{margin-bottom: 10px;}
	
	.brand_tit{padding-left: 75px;}
	.brand_tit:before{width: 60px;}
	
	.brand_tit_wrap{margin-bottom: 15px;}
	.brand_tit{margin-bottom: 15px;}
	.brand_en{margin-bottom: 15px;}
	
	.brand1_r dl{width: 67.2%;}
	.brand2_r h2{margin-bottom: 10px;}
	
	.brand3_wrap .swiper-button-prev, .brand3_wrap .swiper-button-next{top: 15%;}
	
	.brand4_wrap{margin-top: 0;}
	.brand4_map{display: none;}
	.brand4_box:nth-of-type(3){overflow: hidden; margin:0 -10px; padding-bottom: 30px;}
	.brand4_box:nth-of-type(1){display: none;}
	.brand4_box:nth-of-type(2){display: none;}
	.brand4_box{display: none;}
	.brand4_box_text{display: block;    overflow: hidden;margin-bottom: 20px;}
	.brand4_line_box > img{display: none;}
	.brand4_line_box{position: static; display: block !important; float: left; padding:0 10px; margin-bottom: 15px; width: 33.333333%;}
	.brand4_line_con dl{width: 100%;    border:2px solid #6d193d;}
	.brand4_line_con{position: static; width: 100%;}
	.brand4_line_con em{display: none;}
}

@media only screen and (max-width: 767px) {
	.brand1_l{width: 100%; padding-right: 0; margin-bottom: 20px;}
	.brand1_r{width: 100%;}
	.brand1_r_bg{width: 100%;}
	.brand1_r_wrap > img{display: none;}
	.brand1_r dl{width:100%;}
	.brand2{ height: auto !important; padding: 0 3%;}
	.brand2_l{width: 100%;}
	.brand2_r{width: 100%;}
	.brand2_r em{display: none;}
	
	.brand3_wrap .swiper-button-prev, .brand3_wrap .swiper-button-next{top: 20%;}
	.brand4_line_box{width: 100%;    padding: 0;}
	
	.brand5 .brand_tit_wrap{margin-bottom: 30px;}
	.brand5_wrap ul li{width: 50% !important; margin-bottom: 15px;}
	.brand5_wrap ul li:nth-child(2n+1){clear: both;}
	.swiper-button-prev, .swiper-button-next{width: 28px; height: 28px;}
}



/*汇潮新闻*/
.news{}

.news2{clear: both;}
.news2_img{width: 32.65%;}
.news2_img a{display: block;}
.news2 ul{overflow: hidden;}
.news2 ul li{overflow: hidden; margin-bottom: 124px;}
.news2 ul li:last-child{margin-bottom: 60px;}
.news2_con{width: 67.35%; padding-left: 4.6875%;}
.news2_con .brand_tit{margin-bottom: 20px;}
.news2_con h1{line-height: 1.4em;max-height: 2.8em;overflow: hidden;}
.news2_con h1 a{color: #272727;}
.news2_info{color: #686868; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 20px;}
.news2_link{display: inline-block; padding: 10px 0; font-size: 0;}

.news1{ padding-bottom: 100px;}
.news1_l{width: 45%; padding-right: 5.86%;}
.new1_tit{color: #000000; line-height: 1.2em; margin-bottom: 0.5em;}
.news1_l_wrap ul li{display: none;}
.news1_l_wrap ul li.on{display: block;}
.news1_l_wrap .news2_con{padding-left: 0; width: 100%;}
.news1_l_wrap .news2_con h1{margin-bottom: 10px;}
.news1_r{width: 49.86%; position: relative;}
.news1_r > i{display: block; position: absolute; width: 100%; height: 100%; top: 23px; right: 63px; background: #6c193c;}
.news1_r .swiper-button-prev{left: -46px; background: url(../images/index_arrow_white.png) no-repeat center center;}
.news1_r .swiper-button-prev.swiper-button-disabled{background: url(../images/index_arrow_dis01_white.png) no-repeat center center;}
.news1_r .swiper-button-next{right: -46px;}

@media only screen  and (max-width: 1440px) {
	.news2 ul li{margin-bottom: 80px;}
	.news1_r .swiper-button-prev{left: 0; background: url(../images/index_arrow.png) no-repeat center center;    background-size: 100%;}
	.news1_r .swiper-button-prev.swiper-button-disabled{background: url(../images/index_arrow_dis01.png) no-repeat center center;    background-size: 100%;}
	.news1_r .swiper-button-next{right: 0;}
}
@media only screen  and (max-width: 1200px) {
	.news2 ul li{margin-bottom: 60px;}
	.news2_con .brand_tit{margin-bottom: 15px;}
	.news2_info{height: 48px; line-height: 24px; margin-bottom: 15px;}
	
	.news1{ padding-bottom: 90px;}
}
@media only screen  and (max-width: 1023px) {
	.news2 ul li{margin-bottom: 30px;}
	.news2 ul li:last-child{margin-bottom: 30px;}
	.news2_con .brand_tit{margin-bottom: 10px;}
	.news2_info{margin-bottom: 0;}
	
	.news1{ padding-bottom: 60px;}
}
@media only screen  and (max-width: 767px) {
	.news2 ul li{margin-bottom: 35px !important;}
	.news2_img{width: 100%; margin-bottom: 20px;}
	.news2_con{width: 100%; padding-left: 0;}
	
	.news1{ padding-bottom: 40px;}
	.news1_l{width: 100%; padding-right: 0; margin-bottom: 10px;}
	.news1_r{width: 100%;margin-bottom: 30px;}
	.news1_r > i{top: 10px; right: 10px;}


}

/*品质保障*/
.quality1{text-align: center; background-position: center bottom; background-size: 100% auto; background-repeat: no-repeat;}
.quality1 h1{color:#6c193c; text-transform: uppercase; line-height: 1.1em; margin-bottom: 10px;}
.quality1 h2{color: #000000; margin-bottom: 1em;line-height: 1.1em;}
.quality1 p{color: #686868; line-height: 26px; margin-bottom: 70px;}
.quality1 ul{overflow: hidden;}
.quality1 ul li{width: 33.6%; display: inline-block;}
.quality1 ul li dl{padding-bottom: 15px; position: relative;}
.quality1 ul li dl:before{content:''; position: absolute; width: 50px; height: 1px; background: #000000; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.quality1 ul li dl dt{color: #2c2c2c; line-height: 1.1em; margin-bottom: 10px;}
.quality1 ul li dl dd{color: #000000;}

.quality2{background: #f2f2f2;}
.quality2_t{position: relative; margin-bottom: 60px;}
.quality2_t dl{position: absolute; top: 0; right: 24.4%; width: 313px; height: 313px; text-align: center;background: #f2f2f2; }
.quality2_t dl dt{position: absolute; width: 100%; text-align: center;color: #000; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);padding: 10px;}
.quality2_t dl dt h1{ margin-bottom: 1em;}
.quality2_t dl dt h2{}
.quality2_t dl dt h2 span{color:#c2c2c2; margin: 0 15px;}
.quality2_t dl dd{position: absolute; width: 95px; height: 95px; background: rgba(108,25,60,0.8); bottom: -95px; right: -95px;}

.quality2_b{position: relative; overflow: hidden;}
.quality2_b dl{position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; padding: 0 6.56%;}
.quality2_b dl dt{color:#fff; width: calc(100% - 313px); width: -moz-calc(100% - 313px); padding-right: 12.6%;}
.quality2_b dl dt h1{margin-bottom: 1em; line-height: 1.1em;}
.quality2_b dl dt p{line-height: 24px;}
.quality2_b dl dd{width: 213px;}

.quality3{ background-position: center bottom; background-size: cover; background-repeat: no-repeat;}
.quality3 .wrap{position: relative; overflow: hidden; color: #fff;}
.quality3_list{width: 42.6%;}
.quality3_list:nth-of-type(1){padding: 0 4.6875% 0 6.25%;}
.quality3_list:nth-of-type(2){padding: 0 6.25% 0 4.6875%;} 
.quality3_tit{padding-bottom: 25px; line-height: 1.1em; position: relative;}
.quality3_tit:before{content: '';position:absolute; bottom: 0; left: 0; width: 155px; height: 3px; background: #b69667;}
.quality3_list ul{border-top: rgba(255,255,255,0.2) solid 1px; position: relative;}
.quality3_list ul li{height: 63px; line-height: 62px; border-bottom: rgba(255,255,255,0.2) solid 1px; position: relative; padding-right: 35px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.quality3_icon{position: absolute; top: 50%; right: 8px; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.quality3_pk{width: 14.8%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}

.quality4{ background-position: center bottom; background-size: cover; background-repeat: no-repeat; position: relative;}
.quality4 > i{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7);}
.quality4 .wrap{color: #fff; text-align: center; position: relative;z-index: 2;}
.quality4 .wrap dl:nth-child(1){margin-bottom: 40px;}
.quality4 .wrap dl dt{line-height: 1.1em; text-transform: uppercase; margin-bottom: 10px;}
.quality4 .wrap dl dd{line-height: 1.1em; text-transform: uppercase;}
.quality4 .line{position: absolute;height: 155px; width: 1px; background: #a6a6a6; left: 50%; top:0;}
@media only screen  and (max-width: 1440px) {
	.quality1 p{margin-bottom: 40px;}
	.quality2_t{margin-bottom: 40px;}
}

@media only screen  and (max-width: 1200px) {
	.quality2_t dl{width: 280px; height: 280px;}
}
@media only screen  and (max-width: 1023px) {
	.quality1 p{margin-bottom: 20px;}
	.quality2_t{margin-bottom: 20px;}
	.quality2_t dl{width: 200px; height: 200px;}
	.quality2_t dl dt h2 span{margin: 0 5px;}
	.quality2_t dl dd{width: 60px; height: 60px; right: -60px; bottom: -60px;}
	.quality2_b dl dt{width: calc(100% - 180px);width: -moz-calc(100% - 180px); padding-right: 30px;}
	.quality2_b dl dd{width: 180px;}
	
	.quality4 .wrap dl:nth-child(1){margin-bottom: 20px;}
}

@media only screen  and (max-width: 767px) {
	.quality1 ul li{width: 100%; float: left;}
	.quality1 ul li:first-child{margin-bottom: 15px;}
	
	.quality2_t dl{position: static; width: 100%; height: auto;}
	.quality2_t dl dt{position: static; transform: translate(0,0);-webkit-transform: translate(0,0);}
	.quality2_t dl dt h1{margin-bottom:0;}
	.quality2_t dl dd{display: none;}
	
	.quality2_b > img{margin-bottom: 15px;}
	.quality2_b dl{position: static; transform: translate(0,0);-webkit-transform: translate(0,0); padding: 0;}
	.quality2_b dl dt{width: 100%; padding: 0; margin-bottom: 15px; color: #000;}
	.quality2_b dl dd{color: #000;}
	
	.quality3_list{width: 100%; padding: 0 !important;}
	.quality3_pk{position: static;transform: translate(0,0);-webkit-transform: translate(0,0); width: 100px; padding: 30px 0; margin: auto; display: block;}
}


.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}

.pb100{padding-bottom: 100px;}
.pb120{padding-bottom: 120px;}
.pb140{padding-bottom: 140px;}

.ptb100{padding: 100px 0;}
.ptb115{padding: 115px 0;}
.ptb140{padding: 140px 0;}
.ptb160{padding: 160px 0;}
.fnt_42{font-size: 42px;}
.fnt_60{font-size: 60px;}
.fnt_90{font-size: 90px;}
.fnt_210{font-size: 210px;}

@media only screen  and (max-width: 1440px) {
	.ptb115{padding: 80px 0;}
	
	.pt80{padding-top: 80px;}
	.pt100{padding-top: 80px;}
	
	.pb100{padding-bottom: 80px;}
	.pb120{padding-bottom: 80px;}
	.pb140{padding-bottom: 80px;}
	
	.ptb100{padding: 80px 0;}
	.ptb115{padding: 80px 0;}
	.ptb140{padding: 100px 0;}
	.ptb160{padding: 120px 0;}
	.quality4 .line{height: 110px;}
	.fnt_18{font-size: 16px;}
	.fnt_22{font-size: 16px;}
	.fnt_38{font-size: 30px;}
	.fnt_42{font-size: 30px;}
	.fnt_90{font-size: 60px;}
}

@media only screen  and (max-width: 1200px) {
	.pt80{padding-top: 60px;}
	.pt100{padding-top: 60px;}
	
	.pb100{padding-bottom: 60px;}
	.pb120{padding-bottom: 60px;}
	.pb140{padding-bottom: 60px;}
	
	.ptb100{padding: 60px 0;}
	.ptb115{padding: 60px 0;}
	.ptb140{padding: 80px 0;}
	.ptb160{padding: 100px 0;}
	.quality4 .line{height: 90px;}
	
	.fnt_60{font-size: 40px;}
	.fnt_90{font-size: 50px;}
	.fnt_210{font-size: 180px;}
}
@media only screen  and (max-width: 1023px) {
	.pt80{padding-top: 30px;}
	.pt100{padding-top: 30px;}
	
	.pb100{padding-bottom: 30px;}
	.pb120{padding-bottom: 30px;}
	.pb140{padding-bottom: 30px;}
	
	.ptb100{padding: 30px 0;}
	.ptb115{padding: 30px 0;}
	.ptb140{padding: 50px 0;}
	.ptb160{padding: 60px 0;}
	.quality4 .line{height: 50px;}
	.fnt_16{font-size: 14px;}
	.fnt_18{font-size: 14px;}
	.fnt_24{font-size: 16px;}
	.fnt_30{font-size: 16px;}
	.fnt_38{font-size: 22px;}
	.fnt_42{font-size: 24px;}
	.fnt_60{font-size: 30px;}
	.fnt_90{font-size: 40px;}
	.fnt_210{font-size: 140px;}
}

@media only screen and (max-width: 767px) {
	.fnt_210{font-size: 80px;}
	.fnt_38{font-size: 18px;}
	.fnt_42{font-size: 20px;}
}