.map{position: relative;}

.txt{position: absolute;left: 50%;width: 600px;margin-left: -163px;font-size: 14px;color: #333;
line-height: 21px;background-color: #fff;top: 2150px;padding-bottom: 52px;}
.txt .pic{height: 0;position: relative;overflow: hidden;padding-top: 62%;z-index: 1;}
.txt .pic img{display: block;width: 100%;height: 100%;top: 0;left: 0;position: absolute;z-index: 1;}
 .txt button{width: 112px;height: 40px;line-height: 40px;color: #fff;font-size: 14px;text-align: center;border: none;background-color: #dab96a;position: relative;top:-20px;left:50%;margin-left: -56px;display: block;z-index: 10;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.txt{ transform:rotate(0deg);}
.txt .icon1{height: 39px;background: url(/images/gicon33.jpg) no-repeat center center;margin-bottom:12px;display: block;}
.txt h3{font-size: 18px;line-height: 24px;color: #000;font-weight: normal;text-align: center;padding: 0 10px;}
.txt p{text-align: center;}
 .txt .icon2{display: block;width: 23px;height: 16px;background: url(../images/gicon35.png) no-repeat center center;position: absolute;bottom: -15px;left: 50%;margin-left: -11px;}
 .txt .icon3{width: 36px;height: 37px;display: block;background: url(../images/gicon34.png) no-repeat center center;position: absolute;bottom: -55px;left: 50%;margin-left: -18px;}
.map:hover .txt .icon3{animation: moveMap 600ms ease-in-out; -webkit-animation: moveMap 600ms ease-in-out;}

/*自定义遮罩*/
.txt2{position: absolute;left: 48%;width: 650px;height:200px;margin-left: 0px;font-size: 14px;color: #333;
line-height: 21px;background-color: #fff;top: 2460px; }
.text-l{ width:50%;height:100%;float:left; text-align: left; padding-left: 15px;}
.text-r{ width:50%;height:100%;float:left;overflow: hidden;}
.text-r img{ width:100%;height:100%;}
.txt2 p{ line-height:15px ; font-family: "微软雅黑";}
.txt2 h3{ font-weight: bold; }
.text-l span{  display:block;}
.text-l .icon2{display: block;width: 23px;height: 16px;background: url(../images/gicon35.png) no-repeat center center;
position: absolute; left:-15px; top:100px; transform: rotate(80deg);}

.text-l .icon3{display: block;width: 42px;height: 46px;background: url(../images/icon-111.png) no-repeat center center;
position: absolute; left:-100px; top:100px; transform: rotate(80deg);}
@keyframes moveMap {
    0% { transform: scale(1); }
    30% { transform: scale(0.6); }
    60% { transform: scale(1.15); }
    80% { transform: scale(0.9); }
    90% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@-webkit-keyframes moveMap {
    0% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scale(0.6); }
    60% { -webkit-transform: scale(1.15); }
    80% { -webkit-transform: scale(0.9); }
    90% { -webkit-transform: scale(1.05); }
    100% { -webkit-transform: scale(1); }
}
.ul-list9{overflow: hidden;padding: 52px 0 70px;}
.ul-list9 li{width: 33.33%;float: left;text-align: center;color: #666;}
.ul-list9 img{display: block;margin: 0px auto 30px;}
.ul-list9 h3{font-size: 16px;height: 24px;line-height: 24px;overflow: hidden;font-weight: normal;margin-bottom: 6px;}
.ul-list9 p{font-size: 14px;height: 20px;line-height: 20px;overflow: hidden;}
.ul-list9 li:hover img{ -webkit-animation: icoI 1s linear infinite; animation: icoI 1s linear infinite;}
@-webkit-keyframes icoI {
    0% { -webkit-transform: translate(0px, 0px); }
    25% { -webkit-transform: translate(0px, -10px); }
    50% { -webkit-transform: translate(0px, 0px); }
    75% { -webkit-transform: translate(0px, 10px); }
    100% { -webkit-transform: translate(0px, 0px);}
}
@-moz-keyframes icoI {
    0% { -moz-transform: translate(0px, 0px); }
    25% { -moz-transform: translate(0px, -10px); }
    50% { -moz-transform: translate(0px, 0px); }
    75% { -moz-transform: translate(0px, 10px); }
    100% { -moz-transform: translate(0px, 0px);}
}

@keyframes icoI {
    0% { transform: translate(0px, 0px); }
    25% { transform: translate(0px, -10px); }
    50% { transform: translate(0px, 0px); }
    75% { transform: translate(0px, 10px); }
    100% { transform: translate(0px, 0px);}
}
@media  (max-width: 1000px) {
.txt2 {top:2450px; margin-left: 50px;}	
}
@media  (max-width: 900px) {
.txt2 {top:2350px; margin-left: 50px;}	
}
@media  (max-width: 1000px) {
.txt2 {display:none;}	
}