@charset "utf-8";

/*---------------------------------------------------*/

.buy-sidebanner {position: relative;}
.buy-sidebanner .txt {position: absolute;text-align:center;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.buy-sidebanner .txt h1 {font-size:3.6rem;font-weight:700;color: #fff;}
.buy-sidebanner .txt .t{font-size:1.7rem;color:#fff;margin-top:2rem;}

.country{padding:10rem 0;}
.country h3 {font-size:3.6rem;color: #141414;font-weight: 700;text-align: center;}
.country .box {margin-top:7rem;display: flex;}
.country .country-tab {width:30rem;border-right: 1px solid #E9E9E9;}
.country .country-tab span {font-size:2rem;font-weight:700;color: #131313;transition: all 0.4s ease 0s;border-radius: 25px;line-height:5rem;height:5rem;display: inline-block;cursor: pointer;}
.country .country-tab p.active span {padding:0 2.5rem;background: #000;color: #fff;}
.country .country-tab p+p{margin-top:20px;}

.country .country-list {flex: 1;margin-left:12rem;overflow:hidden;}

.country .country-list .list{display:none;}
.country .country-list .list.active {display:block;}

.country .country-list .list .hd ul{display:flex;flex-wrap: wrap;}
.country .country-list .list .hd ul li{margin:0 3rem 1.5rem 0;font-size:1.8rem;font-weight: 700;color: #A09F9F;cursor: pointer;padding: 5px 0;transition: all 0.3s ease 0s;border-bottom: 2px solid transparent;}
.country .country-list .list .hd ul li.active{color: #111;border-color: #111;}

.country .country-list .list .bd{margin-top:5rem;}
.country .country-list .list .bd ul{display:none;}
.country .country-list .list .bd ul.active{display: flex;flex-wrap: wrap;margin: 0 -7px -7px;}
.country .country-list .list .bd ul li {width: 20%;padding: 7px;}
.country .country-list .list .bd ul li .pic {border: 1px solid #E6E6E6;text-align: center;transition: all 0.3s ease 0s;}
.country .country-list .list .bd ul li h5 {margin-top:1.5rem;font-size:1.8rem;color: #999;text-align: center;transition: all 0.3s ease 0s;}

.country .country-list .list .bd ul li:hover .pic {box-shadow: 0 0 8px #d6d6d6;}
.country .country-list .list .bd ul li:hover h5 {color: #141414;}

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

.country .box{display:block;}
.country .country-tab {width:100%;border-right:none;display:flex;justify-content:center;}
.country .country-tab p+p{margin:0 0 0 20px;}
.country .country-list{margin:4rem 0 0;}

.country .country-list .list .hd ul{justify-content:center;}

.country .country-list .list .bd ul li {width:25%;}

}


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

.country .country-list .list .bd ul li {width:33.333333%;}

}
@media screen and (max-width:576px){
	.country .country-list .list .hd ul li{font-size:14px;}
.country .country-list .list .bd ul li h5{font-size:14px;}
}
@media screen and (max-width:480px){

/*.country .country-list .list .bd ul li {width:50%;}*/

}



/*
.country .country-list {flex: 1;margin-left: 120px;}
.country .country-list .list {opacity: 0;visibility: hidden;height: 0;}
.country .country-list .list.active {opacity: 1;visibility: visible;height: auto;}
.country .country-list .list .hd ul {display: flex;}
.country .country-list .list .hd ul li {font-size: 18px;font-weight: 700;color: #A09F9F;box-sizing: border-box;cursor: pointer;padding: 5px 0;transition: all 0.3s ease 0s;border-bottom: 2px solid transparent;}
.country .country-list .list .hd ul li.on {color: #111;border-color: #111;}
.country .country-list .list .hd ul li + li {margin-left: 100px;}
.country .country-list .list .tempWrap {margin-top: 50px;}
.country .country-list .list .bd ul {display: flex;flex-wrap: wrap;margin: 0 -7px -7px;}
.country .country-list .list .bd ul li {width: 20%;box-sizing: border-box;padding: 7px;}
.country .country-list .list .bd ul li .pic {border: 1px solid #E6E6E6;text-align: center;transition: all 0.3s ease 0s;}
.country .country-list .list .bd ul li h5 {margin-top: 15px;font-size: 18px;color: #999;text-align: center;transition: all 0.3s ease 0s;}

.country .country-list .list .bd ul li:hover .pic {box-shadow: 0 0 8px #d6d6d6;}
.country .country-list .list .bd ul li:hover h5 {color: #141414;}
*/

.map {padding: 75px 0 0;background: #FAFAFA;}
.map h3 {font-size: 48px;color: #141414;font-weight: 700;text-align: center;}
.map .map-box {margin-top: 60px;}

/*------------------------------------------------------------*/