@charset "UTF-8";
/* map */
.map-path { 
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

.map-sea-0{fill:none;stroke:#6D6E70;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
.map-sea-1{fill:none;stroke:#6D6E70;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-dasharray:7,12;}

.map-bg { position: relative; z-index: 20; fill: transparent; }
.map-path { fill: rgba(62,58,57,.25); z-index: -5; }

/* CN map-path */
.South.CN .map-path { fill: rgba(62,58,57,.35); }
.SouthWest.CN .map-path { fill: rgba(62,58,57,.125); }
.NorthWest.CN .map-path { fill: rgba(62,58,57,.3); }
.SouthCenter.CN .map-path { fill: rgba(62,58,57,.45); }
.North.CN .map-path { fill: rgba(62,58,57,.15); }
.East.CN .map-path { fill: rgba(62,58,57,.25); }
.NorthEast.CN .map-path { fill: rgba(62,58,57,.25); }
.SP.CN .map-path { fill: rgba(62,58,57,.25); }

/* Global map-path */
.EU.Global .map-path { fill: rgba(62,58,57,.25); }
.AS.Global .map-path { fill: rgba(62,58,57,.45); }
.AF.Global .map-path { fill: rgba(62,58,57,.2); }
.OA.Global .map-path { fill: rgba(62,58,57,.25); }
.NA.Global .map-path { fill: rgba(62,58,57,.35); }
.AN.Global .map-path { fill: rgba(62,58,57,.2); }

/* map card Id */
/* CN */
#NorthWest { left: 0rem; top: 8rem; }
#SouthWest { left: 10.25rem; bottom: 8rem; }
#South { right: 11rem; bottom: 0rem; }
#East { right: 1rem; top: 50%; }
#NorthEast { right: -1rem; top: 16rem; }
#SouthCenter { right: 48.5rem; top: 60%; }
#North { right: 15.5rem; top: 20.5rem; }
#SP { right: -3rem; top: 75%; }

/*Global */
#EU { left: 33%; top: 3rem; }
#AS { right: 3%; top: 35%; }
#AF { left: 30%; top: 50%; }
#OA { right: 10%; top: 60%; }
#NA { left: 15%; top: 25%; }
#AN { left: 0; top: 60%; }

.SouthSea {
  position: absolute;
  display: block;
  right: 0; bottom: -5rem;
  width: 8rem !important;
  height: 10rem !important;
  border: 1px solid #6D6E70;
}
.SouthSea:before {
  content: '南海诸岛';
  position: absolute;
  right: 0; bottom: 0;
  margin: 2px;
  font-size: 12px;
}
.map-group.active .map-path { 
  fill: rgba(62,58,57,.125) !important;
}
.map-group.active .map.focus .map-path {
  fill: rgba(0,62,151,1) !important;
}
.map-group svg {
  display: block;
  margin: auto;
  width: 80%;
}
.global .map-group svg {
  width: 100%;
}
.mapPlane {
  position: absolute;
  top: 25%; left: 25%; right: 9%; bottom: 25%;
  z-index: -1
}
.global .mapPlane {
  top: 16%; left: 14%; right: 0%; bottom: 0%;
}

/* manage */
.manage-group {
  position: relative;
}
.manage-group .card {
  position: absolute;
  width: 17rem;
  padding: .75rem 1rem;
  font-size: 14px;
  text-align: center;
  background-color: transparent;
  cursor: default;
  z-index: 1;
  -webkit-transition: all .3s ease-out;
  transition: all .3s ease-out;
}
.manage-group .card-title span, .manage-group .card-title b {
  border-radius: 2px;
}
.manage-group .card.focus .d-none {
  display: inherit !important;
}
.manage-group .card.focus {
  background-color: rgba(255,255,255,.975);
  box-shadow: 0 0 5px 2px rgba(0,0,0,.125);
  z-index: 5
}
.manage-body {
  position: relative;
}
.manage-body.active {
  display: block !important;
}
.manage-group .card dt {
  font-weight: 500;
}

/* card */
h6.card-title {
  font-size: 14px;
  line-height: 1.25
}

h6.card-title span {
  font-weight: 500;
}


/*页面元素*/
.btns-group span {
    width: 150px;
    height: 43px;
    display: inline-block;
    color: #fff;
    line-height: 43px;
    text-align: center;
    background: #B0C2DB;
    cursor: pointer;
}

.btns-group span:hover {
    background: #003E97;
}

.btns-group span.active {
    background: #003E97;
}
.responsibility_content{
	margin-top:115px;
	margin-bottom:80px;
}
.responsibility_title{
	margin-top:20px;
	font-size:18px;
}
.responsibility_text{
	margin:10px 0;
	line-height: 30px;
	font-size: 16px;
	color: #888888;
	letter-spacing: 1px;
	text-align: justify;
}
		@media (max-width: 768px) {
            .btns-group span.active {
                /* margin-right: 0 !important; */
            }
            .xiugainow img {
                display: block;
                width: 100%;
                height: auto;
            }
            .map {
            	display: none;
            }
            .map_mobile {
            	display: block !important;
            }
        }
        .d-none{
            display: none
        }
        .mb-1{
            margin-top: 0;
            color: #333
        }
        .hide{
            display: none
        }
		
		
		.sales{
			width: 100%;
		}
		.sales li{
			width: 350px;
			height: 410px;
			margin: 0 10px;
			position: relative;
			float: left;
			margin-bottom: 40px;
			list-style-type:none;
		}
		.sales li img{
			width: 350px;
			height: 152px;
		}
		.sales li h1{
			font-size: 24px;
			font-weight: normal;
			color: #000;
			margin: 30px 0;
		}
		.sales li p{
			font-size: 16px;
			font-weight: normal;
			color: #000;
			line-height: 25px;
		}
		.sales li a{
			position: absolute;
			font-size: 16px;
			font-weight: normal;
			color: #d8252b;
			bottom: 0;
			left: 0;
			border-bottom: 1px solid #d8252b;
		}