/*初始化*/
html{ background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu;  }
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, select, button, div { 	margin: 0; padding: 0 ; font-size: 100%; font-family: "微软雅黑"; color: #333; font-weight: normal; }
button, input, select, textarea { outline: none  }
input, select, textarea { font-size: 14px }
table { border-collapse: collapse; border-spacing: 0 }
th { text-align: inherit }
em, b, i{ font-style: normal; font-weight: normal;}
fieldset, img { border: 0 }
iframe { display: block }
ol, ul, li { list-style: none }
del { text-decoration: line-through }
ins, a { text-decoration: none }
a{ color: #333;}
a:focus { outline: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
.clear { clear: both }
.clearfix:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1; }


.park_top{ width: 100%; height: 50px; background: #0a1929; position: fixed; top: 0px; z-index: 3;}
.park_top .top_link_com{ width:1200px; margin: 0 auto;}
.park_top .top_link_com a{ color:#d9e3ee; float: left; font-size:12px; line-height: 50px;  margin-right: 20px;}
.park_top .top_link_com a img{ vertical-align: middle; line-height: 50px; width: 50px;}
.park_top .top_link_com a:hover{ color: #f60;}
.park_top .top_link_com .ri{ float: right;}

.park_navs_box{ width:100%; height: 100px;position: fixed; top: 50px; background: rgba(0,0,0,0.5); z-index: 3;  }
.park_navs_box .park_nav_c{ width: 1200px; margin: 0 auto; height: 100px; }
.park_navs_box .park_nav_c .park_logo{ width: 80px; height: 80px; border-radius: 100px; margin: 10px 0; float: left; background:#fff; background-size: 100% 100%; overflow: hidden;}
.park_navs_box .park_nav_c .park_logo img{ width: 80px; height: 80px;}
.park_navs_box .park_nav_c .nav_list{ width: 800px; float: right; height: 50px; margin-top: 25px; display: flex; flex-direction: row;}
.park_navs_box .park_nav_c .nav_list a{ text-align: center; display: block; flex: 1; color: #FFF; font-size: 16px; font-weight: bold; line-height: 50px; }
.park_navs_box .park_nav_c .nav_list a:hover{ color: #f60;}

.park_top_ban{ width: 100%; height: 500px; position: relative;  overflow: hidden; margin-top: 50px; background: url(../images/parkimg/parkbg_pc.jpg) no-repeat scroll center 0 #fff;}
.park_top_ban img{ display: none;}
.park_top_ban  h1{ display: block; width: 1200px; letter-spacing:8px; margin: 230px auto 60px auto; text-align: center; font-size: 72px; color: #fff; font-weight: bold; text-shadow: 0px 5px 5px rgba(0,0,0,0.3);}


.park_top_ban .xbox{ width: 400px; margin: 0 auto; overflow: hidden; display: flex; flex-direction: row; }
.park_top_ban .parkgz{ display: block; width: 120px; height: 35px; font-weight: bold; border: 1px solid #f30; font-size: 16px; border-radius: 30px; background: #fff; color: #f30; text-align: center; line-height: 32px; box-sizing: border-box; margin: 10px auto; cursor: pointer;}
.park_top_ban .park_on{ background: #f30; color: #fff;}
.park_top_ban .parkgz:hover{background: #f30; color: #fff;}

.park_top_ban .zixun{ display: block; width: 120px; height: 35px; font-weight: bold; border: 1px solid #f30; font-size: 16px; border-radius: 30px; background: #fff; color: #f30; text-align: center; line-height: 32px; box-sizing: border-box; margin: 10px auto; cursor: pointer;}
.park_top_ban .zixun:hover{background: #f30; color: #fff;}

.park_line_box{ width: 100%; overflow: hidden; padding: 50px 0; box-sizing: border-box;}
.park_line_box:nth-child(odd){background:#f2f2f2;} 
.park_com{ width: 1200px; margin: 0 auto; overflow: hidden;}
.park_com .title{ width: 100%; overflow: hidden; margin-bottom: 50px; }
.park_com .title h2{ font-size: 36px; font-weight: bold; text-shadow: 0px 5px 5px rgba(0,0,0,0.3); text-align: center; }
.park_com .title p{ color: #999; text-align: center; font-size: 12px;}

.jianjietxt{ width: 1200px; height: 6em; font-size: 16px; line-height: 2em; display: -webkit-box; -webkit-box-orient: vertical;   -webkit-line-clamp: 3;  overflow: hidden;}
.more{ display: block; clear: both; margin: 1em auto 0 auto; width: 120px; height: 35px; border: 1px solid  #0084ff; font-size: 16px; border-radius: 30px; background: #fff; color: #0084ff; text-align: center; line-height: 32px; box-sizing: border-box;}
.more:hover{ background: #0084ff; color: #fff;}

.park_jichu{ width: 100%; overflow: hidden ; margin: 50px 0 0 0; }
.park_jichu ul li{ width: 33.3%; float:  left; padding: 25px 20px; box-sizing: border-box; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.park_jichu ul li span{ color: #333;}
.park_jichu ul li:nth-child(odd){background:#f2f2f2;} 
.park_jichu ul li i{ font-size: 24px; vertical-align: middle; color: #333; margin-right: 10px;}


.costs_list{ width: 100%; overflow: hidden; }
.costs_list .costs{ width: 366px; height: 320px; float: left; background: #fff; border-radius: 5px; cursor: pointer; padding: 10px; box-sizing: border-box; position: relative; }
.costs_list .costs .icon{ font-size: 72px; text-align: center;  color: #fff; margin-top: 15px;   }
.costs_list .costs .costs_txt { width: 100%; overflow: hidden; margin-top: 10px;  }
.costs_list .costs .costs_txt ul li{ width: 100%; float: left; line-height: 2em;  }
.costs_list .costs .costs_txt ul li span{ display: block; width: 50%; float: left; color: #fff; text-align: right;}
.costs_list .costs .costs_txt ul li em{ display: block; width: 50%; float: left; color: #fff;}


.dongtai_box{ width: 100%; overflow: hidden;}
.dongtai_li{ width: 285px; overflow: hidden; margin-left: 20px; float: left; }
.dongtai_li:first-child{ margin-left: 0;}
.dongtai_li .dts{ position: relative; width: 100%;}
.dongtai_li .dts img{ width: 100%; border-radius: 5px;}
.dongtai_li .dts h3{ position: absolute; left: 0; top: 30px; color: #fff; text-align: center;  font-size: 24px; display: block; width: 100%; }
.dongtai_li .dts h3 span{ font-size: 48px; display: block; font-weight: normal;}
.dongtai_li ul{ display: none; width: 100%; height: 30px; overflow: hidden;}
.dongtai_li ul li{ width: 100%; margin: 0; padding: 0;}
.dongtai_li ul li a{ display: block; width: 100%; line-height: 2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.zaitibox{ width: 100%; overflow: hidden; }
.zaiti_list{ width: 100%; overflow: hidden; border-bottom: 1px dashed #ccc; padding: 20px 0; box-sizing: border-box;position: relative; }
.zaiti_list .fm{ width: 180px; height: 120px; overflow: hidden; float: left;  border-radius: 3px;}
.zaiti_list .fm img{ width: 100%; float: left;}
.zaiti_list .info{width: 55%; margin-left: 20px;  float: left; overflow: hidden;}

.zaiti_list .info .ztname{ display: block; width: 100%; height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;   font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.zaiti_list .info .ztname:hover{ color: #007AFF;}
.zaiti_list .info .hc{ width: 100%; overflow: hidden; margin-top: 10px;}
.zaiti_list .info .hc span { color: #666; border-right: 1px solid #eee; padding: 0 20px; }
.zaiti_list .info .hc a {padding: 0 20px;}
.zaiti_list .info .hc span:first-child{ padding-left: 0; }
.zaiti_list .info .hc span:last-child{border-right: 1px solid #fff;}
.zaiti_list .info .hc a:hover{color: #007AFF;}

.zaiti_list .info .ztunmber{width: 100%; overflow: hidden; margin-top: 10px;}
.zaiti_list .info .ztunmber span{ margin-right: 50px;}

.zaiti_list .info_btn{ width: 120px; height: 35px;  border-radius: 30px; text-align: center; line-height: 35px; color: #007AFF; position: absolute; right: 0; bottom: 50px; border: 1px solid #007AFF; }



.zaiti_list .jg{    line-height: 35px; color: #666; position: absolute; right: 0; top: 18px; }
.zaiti_list .jg strong{ color: #f30; font-size: 28px;}


.zaiti_list .us1{ position: absolute; left: 0; top: 20px; border-radius: 3px 0 0 0; height: 20px; background: #f30; color: #fff; text-align: center; line-height: 20px; font-size: 12px; }
.zaiti_list .us2{ position: absolute; left: 0; top: 20px; border-radius: 3px 0 0 0; height: 20px; background: #62ab00; color: #fff;  text-align: center; line-height: 20px; font-size: 12px; }



.zaiti_list:hover .info_btn{ background: #007AFF; color: #ffffff;}

.parksys{ width: 100%; overflow: hidden; display: flex; flex-direction: row;}
.parksys .sys{ flex: 1; overflow: hidden;}
.parksys .sys_tit{ width: 100%; font-size: 18px; font-weight: bold; text-align: center;}
.parksys .sys_tit span{ font-size: 24px; font-weight: normal; vertical-align: middle; margin-right: 10px; }
.parksys .sys_pingfen,
.parksys .sys_chanye{ height: 400px; width: 600px;}

.mapbox{ width: 100%; height: 400px; overflow: hidden; display: flex; flex-direction: row;}
.mapbox .maps{ flex: 1; overflow: hidden; position: relative;}

.maps .tab-nav{width:100px; overflow: hidden; position: absolute; left: 10px; top: 10px; z-index: 2; }
.maps .tab-nav li{ width:100%; cursor: pointer; line-height: 35px; background: #ffffff;margin-bottom: 10px; font-size: 14px; text-align: center; border-radius: 99px; box-shadow: rgba(0,0,0,.05) 0px 0px 2px 1px;	}
.maps .tab-nav li.actived{ background: #007AFF; color: #ffffff;}
.maps .content-wrap{width: 100%; height: 400px; background: #fff; }
.maps .content-wrap .content-item{width: 100%; height: 400px; display: none; }
.maps .content-wrap .current{display: block;}

.mapbox .tags{ flex: 1; overflow: hidden; margin-left: 50px; background: #fff; border-radius: 5px; display: none;}
.mapbox .tags .tit{ font-size: 19px; font-weight: bold; line-height: 45px; color: #333; text-indent: 20px;  }

#tagscloud{width:90%;height:350px;position:relative;color:#333;margin:0 auto ;text-align:center; overflow: hidden; z-index: 0;}
#tagscloud a{position:absolute;top:0px;left:0px;color:#333;font-family:Arial;text-decoration:none;margin:0 10px 15px 0;line-height:18px;text-align:center;padding:3px 10px;display:inline-block;border-radius:99px;}
#tagscloud a.tagc1{background:#ff5500;color:#fff;}
#tagscloud a.tagc2{background:#ffab91;color:#fff;}
#tagscloud a.tagc3{background:#ffe599;color:#fff;}
#tagscloud a.tagc4{background:#80cbc4;color:#fff;}
#tagscloud a.tagc5{background:#80deea;color:#fff;}
#tagscloud a.tagc6{background:#8085e9;color:#fff;}
#tagscloud a:hover{color:#fff;background:#0099ff;}



.cx_box{ width: 100%; height: 580px;  overflow: hidden;}
.chaxun_list_con{ width:100%; height: 500px; margin: 0 auto; background: #fff; overflow: hidden; display: flex;border: 1px solid #eee; box-sizing: border-box; }
.x_left{ width: 230px;padding: 22px 0 34px 0; margin-right: 10px; box-sizing: border-box; box-shadow: 0 0 2px #e0e0e0;background-color: #f9f9f9; }
.x_right{ width: 960px; padding: 20px; box-sizing: border-box; }

.x_left .cx_list{ position: relative; margin-bottom: 10px; }
.x_left .cx_list span{display: block;padding: 0 22px;margin-left: 20px;line-height: 50px;font-size: 16px;text-align: left;cursor: pointer;-webkit-transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1); border-radius: 99px 0 0 99px;}
.x_left .cx_list .triangle{display:none;}
.x_left .cx_list span:hover{ background: #e3e3e3;}

.x_left .cx_active span{margin-right: -10px;background-color: #ff6600; color: #fff; z-index: 1;}
.x_left .cx_active .triangle{display: block; position: absolute; top: 50px; right: -10px;  width: 0; height: 0; width: 0;
    height: 0;
    border-top: 6px solid #ba4a00;
    border-right: 10px solid transparent;}

.x_left .cx_active span:hover{ background: #ff6600; }


.x_right .cx_item{display: none;}
.x_right .cx_active{display: block;}


.parkboxs{width: 105%; margin-left:-20px; overflow: hidden; }
.parkboxs .park_box{ display: block; width: 30%;  margin-bottom: 10px; overflow: hidden; float: left; margin-left: 20px; position: relative;}
.parkboxs .park_box .ph{ width: 30px; height:30px; background: #eee; border-radius: 0 0 5px 0; text-align: center; line-height: 30px; font-size: 16px;  position: absolute; left: 0; top: 0; z-index: 2;   }
.parkboxs .park_box:nth-child(1) .ph,
.parkboxs .park_box:nth-child(2) .ph,
.parkboxs .park_box:nth-child(3) .ph{ background: #f30; color: #fff;}
.parkboxs .park_box div{clear: both;}
.parkboxs .park_box .pic_s{ display: block; width: 100%; height: 190px; overflow: hidden;}
.parkboxs .park_box .pic_s img{ width: 100%; transform: scale(1); transition: all 1s ease 0s; }
.parkboxs .park_box:hover .pic_s img{transform: scale(1.1);  transition: all 1s ease 0s;}
.parkboxs .park_box .yuan_name{ display: block; width: 100%; font-size: 18px; margin-top: 10px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.parkboxs .park_box .yuan_name:hover{color: #69abfe;}


.item_box{ width: 100%; overflow: hidden;}
.xm_list{  width: 50%; background: #fff; position: relative;   display: block; padding: 20px;  box-sizing: border-box; float: left; }
.xm_list .xm_name{ width: 110%; overflow: hidden; height: 3.6em; font-weight: bold; font-size: 14px; line-height: 1.8em; margin-bottom: 10px; text-indent: -5px; color: #0a1929; }
.xm_list .xm_name span{ background: #f30; color: #fff; font-weight: normal; padding:1px 4px; border-radius: 0px 20px 20px 0; margin-left: 5px; }
.xm_list .xm_info{ width: 100%; overflow: hidden; line-height: 1.5em;}
.xm_list .xm_info span{ color: #999; margin-right: 20px; font-size: 12px;}
.xm_list .xm_tz{ width: 100%; overflow: hidden; line-height: 1.5em;}
.xm_list .xm_tz span{ color: #999; margin-right: 20px; font-size: 12px;}
.xm_list .xm_tz span em{ color: #f60; font-weight: bold; font-size: 12px; font-style: normal;}

.xm_list .duijie_btn{ position: absolute; right: 20px; bottom: 20px;  border-radius: 40px; padding: 3px 10px; background: #f60; color: #fff; margin-right: 0; font-size: 12px;}
.xm_list .shenhe_btn{ position: absolute; right: 20px; bottom: 20px;  border-radius: 40px; padding: 3px 10px; background: #f2f2f2; color: #999; margin-right: 0; font-size: 12px;}

.xm_list:hover{ background: #f7f7f7;}

.tips{ width: 100%; overflow: hidden; border:1px solid #f60; background: #fdeccb; padding: 20px; box-sizing: border-box; border-radius: 5px; }
.tips p{ color: #f30;}