@charset "utf-8";
.network .txt{
    font-size: 36px;
    font-weight: bold;
	margin-bottom:-30px;}
.xc_banner .infor {
    display: block;
}
.container {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}
@media (min-width:768px) {
.container {
	width: 750px
}
}
@media (min-width:992px) {
.container {
	width: 970px
}
}
@media (min-width:1200px) {
.container {
	width: 1200px
}
}
.h2,{
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h2, h2 {
	margin-top: 0px;
	margin-bottom: 10px
	font-size: 30px
}
.close1 {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}
.close1:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}
button.close1 {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	margin-top: -38px;
	margin-right: 5px;
}


.xglobalmap {
    background-image: url(../static/images/xglobalmap.jpg);
    background-repeat: no-repeat;
    height: 589px;
    width: 1170px;
    margin: 50px 0;
}

.xglobalmap .xcontinent {
    position: relative;
    overflow: hidden;
    height: 589px;
}

.xglobalmap .continent {
    z-index: 0;
}

.xglobalmap .xnorthamerica,
.xglobalmap .xsouthamerica,
.xglobalmap .xafrica,
.xglobalmap .xeurope,
.xglobalmap .xasiapacific,
.xglobalmap .adly,
.xglobalmap .dny,
.xglobalmap .yd,
.xglobalmap .rb,
.xglobalmap .hg,
/*.xglobalmap .hw,*/
.xglobalmap .els,
.xglobalmap .zd,
.xglobalmap .xg {
    background-repeat: no-repeat;
    position: absolute;
}

/*northamerica*/
.xglobalmap .xnorthamerica {
    left: 3px;
    top: 0px;
    height: 346px;
    width: 513px;
    z-index: 1;
}

.xglobalmap .xnorthamerica:hover {
    background-image: url(../static/images/xnorthamerica.png);
}

/*southamerica*/
.xglobalmap .xsouthamerica {
    left: 283px;
    top: 342px;
    width: 180px;
    height: 247px;
    z-index: 1;
}

.xglobalmap .xsouthamerica:hover {
    background-image: url(../static/images/xsouthamerica.png);
}

/*africa*/
.xglobalmap .xafrica {
    left: 499px;
    top: 257px;
    width: 220px;
    height: 245px;
    z-index: 1;
}

.xglobalmap .xafrica:hover {
    background-image: url(../static/images/xafrica.png);
}

/*europe*/
.xglobalmap .xeurope {
    left: 520px;
    top: 25px;
    width: 170px;
    height: 235px;
    z-index: 3;
}
.adly {
    right:33px;
    bottom:39px;
    width:220px;
    height:129px;
    z-index:3;
}
.dny {
    right:96px;
    bottom:169px;
    width:226px;
    height:132px;
    z-index:3;
}
.yd {
    right:322px;
    bottom:224px;
    width:73px;
    height:93px;
    z-index:9999;
}
.rb {
    right:129px;
    top:221px;
    width:67px;
    height:59px;
    z-index:3;
}
.hg {
    right:186px;
    top:246px;
    width:30px;
    height:24px;
    z-index:6;
}
/*.hw {
    right:408px;
    top:244px;
    width:100px;
    height:86px;
    z-index:3;
}*/
.els {
    right:-9px;
    top:25px;
    width:538px;
    height:213px;
    z-index:3;
}
.zd {
    left:627px;
    top:225px;
    width:185px;
    height:120px;
    z-index:3;
}
.xg {
    right:186px;
    top:195px;
    width:184px;
    height:128px;
    z-index:5;
}
.xglobalmap .adly:hover {
    background-image:url(../static/images/1adly.png);
}
.xglobalmap .dny:hover {
    background-image:url(../static/images/2dny.png);
}
.xglobalmap .yd:hover {
    background-image:url(../static/images/3yd.png);
}
.xglobalmap .rb:hover {
    background-image:url(../static/images/4rb.png);
}
.xglobalmap .hg:hover {
    background-image:url(../static/images/5hg.png);
}
/*.xglobalmap .hw:hover {
    background-image:url();
}*/
.xglobalmap .els:hover {
    background-image:url(../static/images/7els.png);
}
.xglobalmap .zd:hover {
    background-image:url(../static/images/8zd.png);
}
.xglobalmap .xg:hover {
    background-image:url(../static/images/9xg.png);
}
.xglobalmap .xeurope:hover {
    background-image: url(../static/images/xeurope.png);
}

/*asiapacific*/
/*.xglobalmap .xasiapacific {
    right: -9px;
    top: 27px;
    width: 551px;
    height: 300px;
    z-index: 0;
}*/

/*.xglobalmap .xasiapacific:hover {
    background-image: url(../static/images/xasiapacific.png);
}*/

.xglobalmap .xnorthamerica:hover span,
.xglobalmap .xsouthamerica:hover span,
.xglobalmap .xafrica:hover span,
.xglobalmap .xeurope:hover span,
.xglobalmap .xasiapacific:hover span,
.xglobalmap .adly:hover span,
.xglobalmap .dny:hover span,
.xglobalmap .yd:hover span,
.xglobalmap .rb:hover span,
.xglobalmap .hg:hover span,
/*.xglobalmap .hw:hover span,*/
.xglobalmap .els:hover span,
.xglobalmap .zd:hover span,
.xglobalmap .xg:hover span {
    background: url("../static/images/xicon.png") 0 -20px;
    animation: markicon 1s alternate;
    -moz-animation: markicon 1s alternate;
    -webkit-animation: markicon 1s alternate;
    -o-animation: markicon 1s alternate;
}
.xglobalmap .xnorthamerica:hover .tssp,
.xglobalmap .yd:hover .tssp,
.xglobalmap .dny:hover .tssp,
.xglobalmap .adly:hover .tssp,
.xglobalmap .xafrica:hover .tssp,
.xglobalmap .els:hover .tssp,
.xglobalmap .Europe:hover .tssp,
.xglobalmap .rb:hover .tssp,
.xglobalmap .zd:hover .tssp, 
.xglobalmap .xsouthamerica:hover .tssp,
.xglobalmap .hg:hover .tssp,
.xglobalmap .xeurope:hover .tssp {
    background: url("../static/images/xicon.png") 0 -84px;
    animation: markicon 1s alternate;
    -moz-animation: markicon 1s alternate;
    -webkit-animation: markicon 1s alternate;
    -o-animation: markicon 1s alternate;
}
@keyframes markicon {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes markicon /* Firefox */
{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes markicon /* Safari 和 Chrome */
{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@-o-keyframes markicon /* Opera */
{
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.xglobalmap .xnorthamerica a,
.xglobalmap .xsouthamerica a,
.xglobalmap .xafrica a,
.xglobalmap .xeurope a,
.xglobalmap .xasiapacific a,
.xglobalmap .adly a,
.xglobalmap .dny a,
.xglobalmap .yd a,
.xglobalmap .rb a,
.xglobalmap .hg a,
/*.xglobalmap .hw a,*/
.xglobalmap .els a,
.xglobalmap .zd a,
.xglobalmap .xg a {
color: #E60012;
}

.xglobalmap .xnorthamerica:hover a,
.xglobalmap .xsouthamerica:hover a,
.xglobalmap .xafrica:hover a,
.xglobalmap .xeurope:hover a,
.xglobalmap .xasiapacific:hover a,
.xglobalmap .adly:hover a,
.xglobalmap .dny:hover a,
.xglobalmap .yd:hover a,
.xglobalmap .rb:hover a,
.xglobalmap .hg:hover a,
/*.xglobalmap .hw:hover a,*/
.xglobalmap .els:hover a,
.xglobalmap .zd:hover a,
.xglobalmap .xg:hover a {
    /*color: #d5d5db;*/
    color:#000;
}

.xglobalmap .xposition {
    line-height: 1em;
    position: absolute;
}

.xglobalmap .xposition span {
    background: url("../static/images/xicon.png");
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
}

.xglobalmap .xposition:hover span {
    animation: xactive .5s infinite alternate;
    -moz-animation: xactive .5s infinite alternate;
    -webkit-animation: xactive .5s infinite alternate;
    -o-animation: xactive .5s infinite alternate;
}

.xglobalmap .xposition .tssp {
    background: url("../static/images/xicon.png");
    background-position:0px -64px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
}
@keyframes xactive {
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-moz-keyframes xactive /* Firefox */
{
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-webkit-keyframes xactive /* Safari 和 Chrome */
{
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

@-o-keyframes xactive /* Opera */
{
    0% {
        transform: scale(0.8);
    }
    100% {
        transform: scale(1);
    }
}

.xglobalmap .xposition a {
    display: inline-block;
}

.sanyamerica {
    top: 108px;
    left: 222px;
}

.sanybrazil {
    top: 56px;
    left: 48px;
}

.latinamerica {
    top: 75px;
    left: 55px;
}

.southafrica {
    top: 95px;
    left: 105px;
}

.northafrica {
    top: 200px;
    left: 120px;
}

.sanygermany {
    top: 170px;
    left: 50px;
}
.Europe {
    top: 140px;
    left: 65px;
}
.adly-wz {
    top:15px;
    left:30px;
}
.adly-wz1 {
    top:45px;
    left:30px;
}
.dny-wz {
    top:100px;
    left:54px;
}
.dny-yn {
    top:46px;
    left:46px;
}
.dny-mlxy {
    top:70px;
    left:26px;
}
.yd-wz {
    top:45px;
    left:20px;
}
.yd-wz1 {
    top:15px;
    left:20px;
}
.rb-wz {
    top:28px;
    left:22px;
}
.hg-wz {
    top:16px;
    left:1px;
}
.hw-wz {
    top:52px;
    left:72px;
}
.els-wz {
    top:95px;
    left:195px;
}
.zd-wz {
    top:30px;
    left:46px;
}
.xg-wz {
    top:100px;
    left:100px;
}
.zg-wz {
    top:50px;
    left:80px;
}
.sanyindia {
    top: 278px;
    left: 170px;
}

.asiapacific {
    top: 345px;
    left: 285px;
}

.russia {
    top: 105px;
    left: 186px;
}

.australia {
    top: 430px;
    left: 350px;
}

.mideast {
    top: 260px;
    left: 58px;
}
.korea {
    top: 235px;
    left: 330px;
}
.japan {
    top: 210px;
    left: 370px;
}



.btno1 {
				display:inline-block !important;
				min-width:10px !important;
				min-height:10px !important;
				/*background:red !important;*/
			}
			.modal1{
				position: fixed;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0;
				z-index: 99999999;
				background: rgba(0,0,0,.3);
				display: none;
			}
			.al1{
				width: 662px;
				min-height: 200px;
				position: absolute;
				left: 50%;
				top: 50%;
				margin:-250px 0 0 -330px;
				background: #FFFFFF;
				border-radius: 5px;
				padding:10px
			}
            .btno11 {
                display:inline-block !important;
                min-width:10px !important;
                min-height:10px !important;
                /*background:red !important;*/
            }
            .modal11 {
                position: fixed;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                z-index: 99999999;
                /*background: rgba(0,0,0,.3);*/
                display: none;
				overflow: scroll;
            }
            .al11 {
                width: 732px;
                min-height: 200px;
                position: absolute;
                left: 50%;
                top: 38%;
                margin:-350px 0 0 -380px;
                background: #FFFFFF;
                border-radius: 5px;
                padding:10px
            }