/****************首页**/
.contents{margin:0 auto;padding: 50px 97px 0px;width: 1172px;}

.map { position:relative; width:780px; height:860px; background:none; margin-left:-88px; margin:0 auto;}

.map_scroll { position:absolute; left:0; top:0; z-index:999; width:300px; height:650px; background:#e1dfca}

.map_scroll .map_tit { width:300px; height:42px; background:url(../images/map_tit.jpg) repeat-x; color:#FFF; line-height:42px; text-indent:10px; font-size:16px; font-weight:100 }

.map_scroll ul { padding-left:10px; width:260px; height:auto}

.map_scroll ul li { color:#c79b6e; }

.map_scroll ul li  h5 { border-bottom:1px dotted #c89c6f; font-size:14px; line-height:32px;}

.map_txt { line-height:22px; padding:9px 0}




.mapbox_shadow{ position:absolute; left:-32px; top:8px;}
.map_box{position:relative;   left:0px;  width:680px; padding-bottom: 80px; margin:0; box-sizing: border-box;}


.province_ul{width:600px; height:500px; position:absolute;  margin:0 auto; left:50%; top:0; z-index:1; margin-left: -300px;}

.province_ul li{ color:#fff; font-size:12px;  width:100px; height:20px; position:absolute;  text-shadow:1px 1px 0 #000;}

.province_ul li.m01{ left:100px; top:160px;}

.province_ul li.m02{ left:488px; top:62px;}

.province_ul li.m03{ left:380px; top:128px;}

.province_ul li.m04{ left:486px; top:110px;}

.province_ul li.m05{ left:464px; top:140px;}

.province_ul li.m06{ left:423px; top:216px;}

.province_ul li.m07{ left:395px; top:193px;}

.province_ul li.m08{ left:400px; top:168px;}

.province_ul li.m09{left:363px; top:210px;}

.province_ul li.m10{ left:330px; top:254px;}

.province_ul li.m11{left:384px; top:250px;}
.province_ul li.m12{  left:416px; top:182px;}

.province_ul li.m13{ left:446px; top:245px;}

.province_ul li.m14{ left:430px; top:282px;}

.province_ul li.m15{ left:375px; top:288px;}

.province_ul li.m16{ left:416px; top:322px;}

.province_ul li.m17{ left:480px; top:272px;}
.province_ul li.m18{ left:463px; top:302px;}

.province_ul li.m19{ left:324px; top:308px;}
.province_ul li.m20{ left:370px; top:330px;}

.province_ul li.m21{ left:344px; top:388px;}


.province_ul li.m22{ left:320px; top:348px;}

.province_ul li.m23{ left:400px; top:378px;}

.province_ul li.m24{ left:444px; top:344px;}

.province_ul li.m25{ left:286px; top:244px;}

.province_ul li.m26{ left:200px; top:235px;}

.province_ul li.m27{ left:300px; top:216px;}

.province_ul li.m28{ left:100px; top:280px;}

.province_ul li.m29{ left:270px; top:300px;}

.province_ul li.m30{ left:256px; top:378px;}

.province_ul li.m31{ left:482px; top:367px;}

.province_ul li.m32{ left:355px; top:444px;}

#svgpaper{ width:600px; height:500px; position:relative;  margin: 0 auto;}
#paper{width:600px; height:500px; position:absolute;  margin:0 auto; left:50%; margin-left: -300px; top:0; z-index:2}

.hidden_an{filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

-moz-opacity:0; /*Firefox私有，透明度50%*/

opacity:0;/*其他，透明度50%*/}

.cl{ position:absolute; z-index:4; left:50%; margin-left: -640px; top:124px; background:none; width:1280px; height:485px; background:url(../images/ser_bg_white.png) no-repeat; z-index: 9000!important; display: none;}

.mapbox_line{ position: absolute; right:-34px; width:340px; bottom:20px;}

.cl_box{ width:100%; }

.cl .tit{ font-size:14px; padding:0 5px; font-weight:bold;  text-align:left; position:relative;}

.cl .tit h2{ filter:alpha(opacity=0); /*IE滤镜，透明度50%*/

-moz-opacity:0; /*Firefox私有，透明度50%*/

opacity:0;/*其他，透明度50%*/ font-size:16px; float:left; color:#fff; line-height:23px; padding:0 10px;}

.cl .tit a{ float:right; width:24px; height:24px; background:url(../images/close_black.jpg) no-repeat; position:absolute; right:46px; top:38px; }

.cl .cont{ padding:0; text-align:left; color:#000; width:100%; height:auto; padding-top:0;}

.cl .cont h4{ font-weight:normal; color:#464546; font-size:30px; width:1170px; margin:0 auto; padding-top:40px; +padding-top:10px; padding-bottom: 15px;}
.cl .cont dl{ width:402px; color:#000; margin-left:8px; height:294px; overflow:auto;}
.cl .cont dl dd{ margin-bottom:38px; width:150px; padding-left:36px; float:left;}
.cl .cont dl dd h6,.cl .cont dl dd span,.cl .cont dl dd em{ font-size:15px; font-weight:normal; display:block; line-height:20px; font-style:normal;}

.cl .cont > table{ width:1170px; margin: 0 auto;}
.cl .cont > table th{ color:#fff; font-size:14px; text-align: center; vertical-align: middle; height:42px;}
.cl .cont > table th.map_th1,.cl .cont > table th.map_th3{ background: #d09b44; border-right:1px solid #d09b44;}
.cl .cont > table th.map_th2,.cl .cont > table th.map_th4{ background: #e4ac50; border-right:1px solid #e4ac50;}
.inner_scrol{ width:1170px; height:300px; margin: 0 auto; overflow: auto; position:relative;}
.inner_scrol table{ width:100%; margin: 0 auto;}
.inner_scrol table td{ background:#f6f6f5; color:#393535; border-right:1px solid #fff; height:49px; line-height: 49px; border-bottom: 1px solid #fff; text-align: center; vertical-align: middle;}
.inner_scrol .mCSB_container{ margin-right:0px;}

.point_am{background:url(../images/point.png) no-repeat 16 px 0;
    display: block;
    height: 20px;
    left: 500px;
    padding-top: 8px;
    position: absolute;
    top: 534px;
    width: 28px; color:#fff; text-shadow: 1px 1px 0 #000; z-index:8000;}
	


.point_xg{background: url(../images/xg.png) no-repeat 0 0;
    display: block;
    height: 20px;
    left: 528px;
    padding-left: 15px;
    padding-top: 8px;
    position: absolute;
    top: 534px;
    width: 28px; color:#fff; text-shadow: 1px 1px 0 #000; z-index:8000;}
	
	
	.point_am:hover,.point_xg:hover{ color:#d09b44;}
	
	
.contact_article{ padding-bottom:40px; position:relative; z-index:200;}

.map_select{ width:100%; height:30px; font-size:14px; border:1px solid #000; padding-left:10px; margin-bottom: 10px; margin-top: 10px; background: #fff; position: relative; display: none;}
.map_select input{ border:0; line-height: 28px; height:28px; float:left;}
.map_select em{ display: block; width:0; height:0; border:5px solid transparent; border-top:5px solid #000; top:50%; right:10px; z-index: 10; position: absolute; margin-top: -2px;}


@media only screen and (max-width: 1439px) {
    .mapbox_line{ right:20px;}
}

@media only screen and (max-width: 1299px) {
    .map_box{ margin-left:0;}
    .marketing_b_co{ width:100%; position: relative; height:auto;}
    .marketing_b_co ul{ position: relative; max-height: inherit;}

    .marketing_b{ padding-bottom: 20px;}
    .map_box{ padding-bottom: 0px; height:740px;}
    .mapbox_line{ bottom:0; right:50px;}
}

@media only screen and (max-width: 1279px) {
.cl{ left:0; top:0; z-index:1;}
.contents{margin:0 auto;padding:50px 20px 0px;width:auto;}
.map{ width:100%;}
}


@media only screen and (max-width: 1023px) {
.contents{ padding:30px 0; width:765px;}

}

@media only screen and (max-width: 992px) {
    .map_box{ height:auto;}
    .map_box img,#svgpaper,#paper{ display: none;}
    .marketing_b_co ul li{ padding:10px;}
    .province_ul{ border:1px solid #000; border-bottom:none; margin-left: 0; width:100%; height:auto; left:0; background: #fff; height:300px; overflow: auto; position: absolute; z-index: 200; display: none; top:auto; bottom:30px;}
    .province_ul li{ left:0!important; top:0!important; width:100%; border-bottom:1px solid #000; position: relative; background: #fff; height:30px; padding-left: 10px; color:#000; line-height: 30px; text-shadow: none;}
    .map_select{ display: block;}
}