﻿@font-face {
  font-family: 'Century Gothic';
  src: url('../fonts/GOTHIC.eot'); /* IE9 Compat Modes */
  src: url('../fonts/GOTHIC.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/GOTHIC.woff') format('woff'),
       url('../fonts/GOTHIC.ttf')  format('truetype'), 
       url('../fonts/GOTHIC.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'MyriadSetPro';
  src: url('../fonts/MyriadSetPro.eot'); /* IE9 Compat Modes */
  src: url('../fonts/MyriadSetPro.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/MyriadSetPro.woff') format('woff'), 
       url('../fonts/MyriadSetPro.ttf')  format('truetype'), 
       url('../fonts/MyriadSetPro.svg#svgFontName') format('svg'); 
}
@font-face {
  font-family: 'myriadsetprothin';
  src: url('../fonts/myriadsetprothin.eot'); /* IE9 Compat Modes */
  src: url('../fonts/myriadsetprothin.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/myriadsetprothin.woff') format('woff'),
       url('../fonts/myriadsetprothin.ttf')  format('truetype'), 
       url('../fonts/myriadsetprothin.svg#svgFontName') format('svg');
}
@font-face {
  font-family: 'myriadsetprosemibold';
  src: url('../fonts/myriadsetprosemibold.eot'); /* IE9 Compat Modes */
  src: url('../fonts/myriadsetprosemibold.eot?#iefix') format('embedded-opentype'), 
       url('../fonts/myriadsetprosemibold.woff') format('woff'),
       url('../fonts/myriadsetprosemibold.ttf')  format('truetype'), 
       url('../fonts/myriadsetprosemibold.svg#svgFontName') format('svg');
}
.contentBg {
    background-image: url("../images/contentBg.jpg");
    background-size: cover;
    background-position: center bottom;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
    position: fixed;
    overflow-y: scroll;

}

.content {
    width: 938px;
    height: 1850px;
    margin: 0 auto;
    opacity: 0.9;
    padding: 0 26px;
    background: url(../images/map.png) no-repeat left top  #fff;
}

.country {
    width: 374px;
    margin-bottom: 66px;
}

.country .deS {
    float: left;
}

.country h3 {
    float: left;
    font-family: "Century Gothic";
    font-size: 16px;
    line-height: 18px;
    color: #999;
    margin-left: 14px;
}

.country div {
    margin-top: 12px;
    background: #afafaf;
    margin-bottom: 8px;
}

.country div img {
    float: left;
    margin-right: 10px;
}

.country div h4 {
    font-size: 13px;
    font-family: "myriadsetprosemibold";
    color: #fff;
    padding-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.country div p {
    width: 362px;
    font-size: 10px;
    color: #fff;
    font-family: "myriadsetprothin";
    line-height: 13px;
}

.country a {
    font-size: 15px;
    font-family: "myriadsetprothin";
    color: #6eb92b;
    line-height: 15px;
}

.country a:hover {
    border-bottom: 1px solid #6eb92b;
}

.country span{
    font-size: 15px;
    font-family: "myriadsetprothin";
    color: #6eb92b;
}

.de2 {
    float: right;
    margin-top: -245px;
}

.title {
    width: 990px;
    margin: 0 auto 10px;
    background: #000;
    opacity: 0.6;
}

.title h2 {
    font-size: 20px;
    font-family: "Century Gothic";
    line-height: 42px;
    color: #fff;
    margin-left: 26px;
}

.footer {
    padding-bottom: 62px;
}

.footerTx {
    margin-top: 9px;
}
.content .mapL {
    padding-top: 74px;
    margin-bottom: 50px;
    width: 938px;
    height: 465px;
    position: relative;

}
.mapL a{width:24px;height:23px;display:block;background: url(../images/coord.png) no-repeat;position: absolute;}
.mapL a:hover{background: url(../images/coordh.png) no-repeat;}
.mapIl{left: 522px;top:275px;}
.mapRu{left: 557px;top:197px;}
.mapAu{left: 480px;top:166px;}
.mapCn{left: 734px;top:286px;}
.mapDe{left: 502px;top:190px;}
.mapDe1{left:525px;top:200px;}
.Au{left:818px;top:468px;}
.mapkor{left:762px;top:255px;}
.mapfar{left:470px;top:220px;}
.mapusa{left:240px;top:230px;}
.mapH{cursor: pointer;}