.globe_area {position:relative; width:100%; height:100%; overflow:hidden; margin-top:48px; background-color:#fff; z-index:1;}
#globe_contents {position:relative; height:840px; background-color:#d4e9e8; overflow:hidden; cursor:default;}
#globe_contents .globe_box {position:absolute; top:0; left:50%; width:1400px; height:840px; margin-left:-700px;}
#globe_contents .globe_box .embed_globe {position:absolute; top:0; left:0;}
#globe_contents .globe_box .globe_glow {position:absolute; top:0; left:0;}
#globe_contents .globe_box .hotspot {position:absolute; top:0; left:0; opacity: 0;}
#globe_contents .globe_box .hotspot a span {opacity: 0; transition:0.3s all;}
#globe_contents .globe_box .hotspot a:hover span {opacity: 1;}
#globe_contents .globe_box .globe_btns {position:absolute; top:0; left:0;}
#globe_contents .globe_box .globe_btns a {position:absolute; top:0; left:0;}
#globe_contents .globe_box .globe_btns a img {position:absolute; top:-30px; left:-13px;}
#globe_contents .bg_star {position:absolute; top:0; left:50%; margin-left:-1000px;}

#globe_contents .globe_box .intro {position:absolute; top:0; left:50%; width:1400px; height:840px; text-align: center; margin-left:-700px; margin-top:235px;}
#globe_contents .globe_box .intro .intro_desc li {opacity: 0;}
#globe_contents .globe_box .intro .intro_desc .title {font-size:32px; color:#333333; margin-top:90px;}
#globe_contents .globe_box .intro .intro_desc .line {width:20px; height:1px; background-color:#f27824; margin:28px auto 56px;}
#globe_contents .globe_box .intro .intro_desc .subtitle {font-size:50px; color:#333333; font-weight:300; margin-top:30px; letter-spacing: 4px;}
#globe_contents .globe_box .intro .intro_desc .line2 {width:18px; height:1px; background-color:#97a1a1; margin:35px auto 22px;}
#globe_contents .globe_box .intro .intro_desc .desc {font-size:15px; color:#333333; margin-top:22px; line-height:27px; font-weight: 300;}
#globe_contents .globe_box .intro .intro_desc .start_btn {margin-top:46px; }
#globe_contents .globe_box .intro .intro_desc .start_btn a {font-size:17px; color:#ffffff; padding:14px 59px; display: inline-block; background-color:#f27824;}

#globe_contents .globe_box .step2 {position:absolute; top:0; left:50%; width:1400px; height:100px; text-align: center; margin-left:-700px;}
#globe_contents .globe_box .step2 .step2_desc li {opacity: 0;}
#globe_contents .globe_box .step2 .step2_desc .title {font-size:13px; color:#333333; font-weight: 300; margin-top:48px; font-weight: bold; letter-spacing: 2px;}
#globe_contents .globe_box .step2 .step2_desc .line {width:13px; height:1px; background-color:#86908f; margin:13px auto;}
#globe_contents .globe_box .step2 .step2_desc .desc {font-size:14px; color:#333333; font-weight: 300;}


#detail_popup {position:absolute; top:0; left:50%; width:1400px; height:840px; margin-left:-700px; visibility: hidden; opacity: 0; z-index:3;}
#detail_popup .popup_contents {position:absolute; top:0; left:0; width:390px;}
#detail_popup .popup_contents .popup_box {position:absolute; bottom:0; left:-195px; width:390px;}
#detail_popup.active .popup_contents .popup_box {top:50px;}
#detail_popup.active .popup_contents .popup_box .arrow {display: none;}
#detail_popup .popup_contents .popup_box .top_arrows {position:absolute; top:-15px; left:187px;}
#detail_popup .popup_contents .popup_box .top_content { float: left; width:390px; background-color: #f24624; color: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 11px 0 11px}
#detail_popup .popup_contents .popup_box .top_content .type {float: left; height:18px; line-height:21px; font-size: 12px; padding:0 17px; border: 1px solid rgba(255,255,255,0.6); border-radius: 15px; margin:3px 0 0 19px;}
#detail_popup .popup_contents .popup_box .top_content .company_name {float: left; margin: 5px 0 0 11px; font-size: 16px; width:222px; letter-spacing: 1px;}
#detail_popup .popup_contents .popup_box .top_content .close_btn {float: right; margin: 7px 19px 0 0;}
#detail_popup .popup_contents .popup_box .bottom_content {float:left; width:390px; background-color: #ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 24px 0;}
#detail_popup .popup_contents .popup_box .bottom_content div {float:left; color:#666666;}
#detail_popup .popup_contents .popup_box .bottom_content .build {margin-left:22px;}
#detail_popup .popup_contents .popup_box .bottom_content .build span {font-size:13px;}
#detail_popup .popup_contents .popup_box .bottom_content .build .desc {width:320px; margin-left:10px;}
#detail_popup .popup_contents .popup_box .bottom_content .home { margin:20px 0 0 22px;}
#detail_popup .popup_contents .popup_box .bottom_content .home .desc {width:320px; margin-left:10px;}
#detail_popup .popup_contents .popup_box .bottom_content .phone {margin:23px 0 0 22px;}
#detail_popup .popup_contents .popup_box .bottom_content .phone .desc {margin-left:10px;}
#detail_popup .popup_contents .popup_box .bottom_content .fax {margin:23px 0 0 22px;}
#detail_popup .popup_contents .popup_box .bottom_content .fax .desc {margin-left:10px;}
#detail_popup .popup_contents .popup_box .arrow {margin-left:187px;}

#list_area {max-width:1000px; height:100%; margin:0 auto 60px; overflow:hidden;}
#list_area a {display:block;}
#list_area .list_btn {float:left; width:1000px; height:103px; border-bottom:1px solid #e5e5e5;}
#list_area .list_btn.active {border-bottom:none;}
#list_area .list_btn .company_type {float:left; font-size:26px; color:#f27824; margin:42px 0 0 30px; font-weight: 300;}
#list_area .list_btn .desc {float:left; font-size:14px; color:#666666; margin:45px 0 0 26px; font-weight: 300; letter-spacing: 0.5px;}
#list_area .list_btn .arrow {float:right; margin:32px 18px 0 0;}
#list_area .list_container {float:left; height:0; overflow:hidden;}
#list_area .list_container .list_boxs {float:left;}
#list_area .list_container .list_boxs .list {float:left; width:458px; height:230px; border: 1px solid #d9d9d9; margin:0 20px 20px 20px; }
#list_area .list_container .list_boxs .list div {float:left; font-weight: 500;}
#list_area .list_container .list_boxs .list .name {width:100%; height:51px; border-bottom: 1px solid #d9d9d9;}
/*#list_area .list_container .list_boxs .list .name span {line-height:50px; font-size:14px; color:#333333;}*/
/*#list_area .list_container .list_boxs .list .name span.country {height:21px; color:#f27824; font-size:12px; border:1px solid #f27824; padding:2px 11px; border-radius: 11px; margin-top:12px; margin-left:23px; line-height:52px;}*/
#list_area .list_container .list_boxs .list .name span.country {height:18px; border:1px solid #f27824; border-radius: 20px; display: inline-block; padding:0 11px; color:#f27824; font-size:12px; line-height:21px; margin-left:23px; margin-top:15px;}
#list_area .list_container .list_boxs .list .name span.city {margin-left:9px; font-size:15px; color:#333333;}
#list_area .list_container .list_boxs .list .build {color:#666666; width:400px; height:49px; margin:21px 0 0 18px; padding-left:23px;  background:url("/_resource/hanwha/images/hanwha/globe/build_icon.png") 0 2px no-repeat;}
#list_area .list_container .list_boxs .list .build span {font-size:13px;}
#list_area .list_container .list_boxs .list .home {color:#666666; width:400px; height:57px; margin:7px 0 0 18px; padding-left:23px;  background:url("/_resource/hanwha/images/hanwha/globe/home_icon.png") 0 2px no-repeat;}
#list_area .list_container .list_boxs .list .home a {color:#f27824;text-decoration:underline;}
#list_area .list_container .list_boxs .list .phone {color:#666666; padding-left:23px; font-size:13px; margin-left:18px; background:url("/_resource/hanwha/images/hanwha/globe/phone_icon.png") 0 2px no-repeat;}
#list_area .list_container .list_boxs .list .fax {color:#666666; padding-left:23px; font-size:13px; margin-left:20px; background:url("/_resource/hanwha/images/hanwha/globe/fax_icon.png") 0 2px no-repeat;}
.inner_empty {height:30px;}

#hotspot_svg1 {position:absolute; top:-34px; left:-14px; width:20px;}
.st0{opacity:0.5;}
.st2{fill:none;stroke:#FFFFFF;stroke-width:1.5;stroke-miterlimit:10;}
.hotspot1_st1{fill:#E67610;}
.hotspot2_st1{fill:#F4A537;}