/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
@charset "utf-8";
/*CSS Document*/
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input { padding:0; margin:0;}
body { font-size:14px; font-family:"微软雅黑"; color: #333;}
img { border:none;}
ul, li { list-style-type:none;}
input, select, textarea { outline:none;}
textarea { resize:none;}
a { text-decoration:none; color: #333;transition:all 200ms ease-in 0s;}
a:hover{text-decoration:none;}
/*清除浮动*/
.clearfix:before, .clearfix:after { content:""; display:table;}
.clearfix:after { clear:both; overflow:hidden;}
.clearfix { zoom:1;}
.fl { float:left;}
.fr { float:right;}
html {   
    font-size: 625%;-webkit-text-size-adjust:none;    
} 
@media only screen and (max-width: 640px) {
	html {   
	    font-size: 555%;   
	} 
}

.top{ width: 100%;}
.head-con{ width: 1154px; margin: 0 auto; padding: 20px 0;}
.weather{ margin: 23px 0 0 200px; height:50px; overflow:hidden}
.language a{background: url(../images/y-line.jpg) left center no-repeat; padding-left: 20px; padding-right: 10px;}
.language a:first-child{ background: 0px;}
.language a:hover{ color: #00aeef;}
.tel-box{ background:url(../images/tel.png) left center no-repeat; padding-left:60px; margin-top: 10px;}
.tel-box p{ color: #656565;}
.tel-box strong{ color: #a6ce39; font-size: 0.24rem;}
.banner{ position:relative;}
.yd-box{position: absolute; bottom: 0px; left: 0px; width: 100%;background:rgba(75,85,88, 0.7)!important;background: #4b5558;
  		filter:Alpha(opacity=70); padding: 22px 0;z-index: 999; line-height: 35px;font-size: 0.18rem;}
.yd-mid{ width: 1154px; margin: 0 auto;}
.yd-tit{ border-right: 1px solid #fff; padding: 12px 0;}
.yd-tit span{ background: url(../images/yd-icon.png) left center no-repeat; padding:0 40px 0 70px; color: #fff; height: 35px; display: inline-block;
}
.yd-xm{ margin-left: 30px; margin-top: 12px;}
.yd-xm a{ color: #fff; display: inline-block; margin:0 30px;}
.s-wap{ display: none;}
.index-mid{width: 1154px; margin: 0 auto;}
.calendar-box{ border-bottom:1px solid #d8d8d8; padding-bottom: 15px;}
.calendar-box ul li{ width: 10%; float: left; text-align:center; background:url(../images/d-line.jpg) right center no-repeat; margin-top: 10px;}
.calendar-box ul li p{ padding-bottom: 5px;padding-top: 20px;}
.calendar-box ul li:nth-child(6) p{ margin-top: 0px; padding-top: 0px;}
.calendar-box ul li:nth-child(6) span{ font-size: 0.16rem;}
.calendar-box ul li:last-child{ background: 0px;}
.project{ width:861px;}
.index-tit{ line-height: 80px;}
.index-tit p{ font-size: 0.24rem;}
.index-tit a{ color: #939090;}
.index-tit a:hover{ color: #00aeef;}
.preview a{ display: block; width: 20%; text-align: center; background: #e3e3e3; float: left;}
.preview{text-align: center;}
.preview a{display: inline-block; font-size: 0.16rem; padding: 12px 0; position: relative;}
.preview a span{ display: block;}
.preview img{display: block;width: 200px;height: auto;}
.active{ background: #00aeef !important; color: #fff;}
.active:before{content:"";
		position:absolute;
		top:-10px;
		left:50%; margin-left: -15px;
		border-bottom:10px solid #00aeef;
		border-left:10px solid transparent;
		border-right:10px solid transparent;}
.five-park{ width:269px;}
.ly-list ul li a{ overflow: hidden;}
.ly-list ul li a .ly-box{ width: 82px; height: 82px; border-radius: 5px; text-align: center; line-height: 82px;}
.bg-ly1{ background: #f1c40f;}
.bg-ly2{ background: #fb8113;}
.bg-ly3{ background: #e84c3d;}
.bg-ly4{ background: #379fa0;}
.bg-ly5{ background: #3b5999;}
.bg-ly6{ background: #3b9948;}
.ly-list ul li{ overflow: hidden; width: 100%; margin-bottom: 13px;}
.ly-list ul li a .ly-text{ width: 174px;}
.ly-list ul li a .ly-text p{ font-size: 0.18rem; padding-bottom: 8px;}
.ly-list ul li a .ly-text span{ color: #858585;}
.ly-list ul li a:hover .ly-text p{ color: #00aeef;}
.ly-list ul li:last-child{ margin-bottom: 0px; display: none;}
#container{ width:100%; margin: 0 auto;}
#container li{ position:relative;width:389px;height: 221px; text-align: center; margin:10px 0px 0px 10px; float: left; overflow: hidden;}
#container li a .base-mask{ height:100% !important; width: 100%; position: absolute; left: 0; top: -100%; color: #ffffff;
        z-index: 2; display: table;_position: relative;}
#container li a .img{ width: 389px; height: 221px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container li a .base-mask  i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;
background: #00aeef; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); }
#container li a .base-mask span{ display: block; line-height: 24px; font-size: 14px; padding:20px;box-sizing:border-box;text-align:center;
		_position:absolute;color: #fff; font-size: 0.16rem; margin-top: 30px; display: block;
		_top:50%;
		_left:50%;}
#container li a .base-mask b{ font-weight: 100; display: block; text-align: center;font-style:normal; color: #fff; margin-top: 20px;}
.explain{ display: block; margin:0 auto;}
#container li a .base-mask p{ width: 10%; height: 2px; background: #fff; margin: 0 auto;}
.jx1{ width:100%;text-align:center;font-size:16px;color:#36dffe;line-height:100px;display:block;}
.g-box{ margin-top: 20px;}
#container li:first-child a .base-mask span{margin-top: 150px;}
.index-news{ width: 654px;}
.tab-pic{ width: 44%;}
.tab-pic a{ overflow: hidden;display: block; width: 100%;}
.tab-pic a img{ -moz-transition: all ease 0.9s;
-webkit-transition: all ease 0.9s;
-o-transition: all ease 0.9s;
-ms-transition: all ease 0.9s;
transition: all ease 0.9s;}
.tab-pic a:hover img{ -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);}
.tab-text{ width: 54%; margin-left: 2%;  padding-bottom: 17px;}
.text-top{ margin-top: 10px;}
.text-span{ width: 64px; height: 25px; background: #00aeef; display:inline-block; text-align: center; line-height: 25px; color: #fff; margin-right: 25px;}
.text-top span:last-child{ color: #808080;}
.text-a{ font-size:0.18rem; padding: 23px 0; display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab-text p{ color: #676767; line-height: 30px;height: 90px;overflow:hidden;}
.tab-text p a{ color: #00aeef;}
.tab-more{ width: 92px; height: 27px; background: #888; color: #fff; display: block; float: right; text-align: center; line-height: 27px; margin-top:20px;}
.tab-list{ padding-top: 15px;border-top: 1px dashed #c4c0c0;}
.tab-list ol li{ line-height: 32px;}
.tab-list ol li a{ color: #676767; background: url(../images/li-a.jpg) left center no-repeat; padding-left: 15px;}
.tab-list ol li a:hover{ color: #00aeef;}
.tab-list ol li span{ color: #c0c1c2; float: right;}
.tab-list ol li a:hover{background: url(../images/li-b.jpg) left center no-repeat;}
.index-map{ width: 465px;}
.hb-box ul li{ float: left;margin-right: 15px; margin-top: 15px;}
.hb-box ul li a{ display: block; border: 1px solid #e8e8e8; width: 276px; height: 100px; }
.hb-box ul li a img{ display: block; margin: 0 auto;}
.hb-box ul li:nth-child(4n){ margin-right: 0px;}
footer{ margin-top: 118px; background: #1a1f21; border-top:6px solid #00aeef; position: relative;}
.bot-con{ width: 1154px; margin: 0 auto;}
.bot-a{ padding: 22px 0 10px 0;}
.bot-menu{ margin-top: 25px;}
.bot-menu a{ color: #fff; display: inline-block; margin-right: 40px;}
.bot-menu a:hover{ color: #00aeef;}
.bot-b{ border-top: 1px solid #3f4345; line-height: 80px;  color: #fff; text-align: center;}
.bot-b a{ color: #fff;}


/*关于我们*/
.ny-tit{ padding: 68px 0;text-align: center;}
.ny-tit h2{ color: #00aeef; font-size: 0.3rem; font-weight:bold; }
.ny-tit p{ font-size: 0.18rem; margin-top: 15px; }
.gk-box{ font-size: 0.16rem; line-height: 36px;color: #545454;}

.part-zcxm{ width: 19.1%; height: 501px; padding: 12px; margin-right: 10px;}
.part-zcxm:last-child{ margin-right: 0px;}
.zc-k{ border: 1px solid #fff; width: 100%; height: 100%; }
.zc-k p{ color: #fff;text-shadow: 1px 1px 1px #000; font-size:0.25rem; width: 40px;
 font-weight: bold;text-align: center; line-height: 28px; text-align: center; margin: 0 auto;}
.xm1{ background:url(../images/zc-1.jpg) no-repeat; background-size: cover; margin-top: 117px;}
.xm2{ background:url(../images/zc-2.jpg) no-repeat; background-size: cover; margin-top: 67px;}
.xm3{ background:url(../images/zc-3.jpg) no-repeat; background-size: cover;}
.xm4{ background:url(../images/zc-4.jpg) no-repeat; background-size: cover; margin-top: 67px;}
.xm5{ background:url(../images/zc-5.jpg) no-repeat; background-size: cover; margin-top: 117px;}
.xm1 p{ padding-top: 22px;}
.xm2 p{ padding-top: 62px;}
.xm3 p{ padding-top: 82px;}
.xm4 p{ padding-top: 82px;}
.xm5 p{ padding-top: 42px;}

.cp-box ul li{ width: 100%;margin-top: 50px; overflow: hidden;}
.zy-pic a img{ -moz-transition: all ease-in 1s;
-webkit-transition: all ease-in 1s;
-ms-transition: all ease-in 1s;
-o-transition: all ease-in 1s;
transition: all ease-in 1s;}
.zy-pic a:hover img{ -moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.zy-text{ width: 62%; line-height: 30px; float: right;}
.zy-text h3{ font-size: 0.24rem; color: #00aeef; padding: 40px 0 20px 0;}
.cp-box ul li:nth-child(2n) .zy-pic{ float: right;}
.cp-box ul li:nth-child(2n) .zy-text{ float: left;}

.zy-pic{ width: 39%; overflow: hidden;float: left; border: 1px solid #ececec;}
.zy-text{ width: 58%; line-height: 30px; float: right; margin-top: 90px;}
.zy-text span{ color: #828282; line-height: 30px; display:block; margin-top: 10px;}
#outer { width: 100%;}
#tab {overflow:hidden;zoom:1;}
#tab li {float:left;cursor:pointer; width: 25%; float: left; text-align: center; font-size: 0.16rem;}
#tab li .dj-icon{ width: 126px; height: 126px; border-radius: 63px; border: 3px solid #019fea; margin: 0 auto;}
#tab li .dj-icon .icon-lh{ width: 57px; height: 57px; margin: 30px auto 0 auto; display: block;}
#tab li .dj-icon .lh-1{ background: url(../images/x-1.png) no-repeat;}
#tab li .dj-icon .lh-2{ background: url(../images/x-2.png) no-repeat;}
#tab li .dj-icon .lh-3{ background: url(../images/x-3.png) no-repeat;}
#tab li .dj-icon .lh-4{ background: url(../images/x-4.png) no-repeat;}
#tab li.current { color: #00aeef;}
#tab li.current .dj-icon{ background: #019fea;}
#tab li.current .dj-icon .lh-1{ background: url(../images/x-1-2.png) no-repeat;}
#tab li.current .dj-icon .lh-2{ background: url(../images/x-2-2.png) no-repeat;}
#tab li.current .dj-icon .lh-3{ background: url(../images/x-3-2.png) no-repeat;}
#tab li.current .dj-icon .lh-4{ background: url(../images/x-4-2.png) no-repeat;}
#tab li p{ margin-top: 20px;}
#tent { margin-top: 62px; background: #f2f2f2; padding: 27px; overflow: hidden;}
#tent ul {display:none;}
#tent ul h3{ font-size: 0.18rem; padding-bottom: 20px;}
#tent ul p{ font-size: 0.16rem; color: #585858; line-height: 36px;}
.world h2{ font-size: 0.24rem; font-weight: bold; color: #00aeef; padding: 40px 0 30px 0;}
.world p{ font-size: 0.16rem;line-height: 36px;}
.lh-other{ background: #00aeef;padding: 35px 0; margin-top: 225px;}
.other-con{ width: 1154px; margin:0 auto;}
#outer-qt { width:804px;}
#tab-qt {overflow:hidden;zoom:1; margin-top: -90px;}
#tab-qt li {float:left;cursor:pointer; width: 25%; float: left; text-align: center; font-size: 0.16rem;}
#tab-qt li.current-qt { color: #00aeef; font-weight: bold;}
#tent-qt { margin-top: 62px; background: #fff; padding: 17px; overflow: hidden;}
#tent-qt ul {display:none;}
#tent-qt ul p{ line-height: 24px; padding-bottom: 25px;}
#tent-qt ul p:last-child{ padding-bottom: 0px;}
.qt-pic{ width: 326px;}
.qt-text{ width: 440px;}
.Sign-box{ width: 303px;}
.qy-img{ margin-top: -195px;}
.qy-text{ padding: 10% 7%; background: #fff;}
.qy-text p{ color: #00aeef; font-size: 0.18rem; padding-bottom: 20px;}
.qy-text span{ color: #5b5b5b; line-height: 30px; text-align: justify; hyphens: auto;-webkit-hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;}
.ky-list li{ float: left; width: 32%; margin: 20px 2% 0 0;}
.ky-list li:nth-child(3n){ margin-right: 0px;}
.ky-list li a{ display: block; width: 100%; overflow: hidden;}
.ky-list li a img{ display:block;-moz-transition: all ease-in 1s;
-webkit-transition: all ease-in 1s;
-ms-transition: all ease-in 1s;
-o-transition: all ease-in 1s;
transition: all ease-in 1s;}
.ky-list li a:hover img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
#tab li .dj-icon .lh-5{ background: url(../images/x-5.png) no-repeat;}
#tab li .dj-icon .lh-6{ background: url(../images/x-6.png) no-repeat;}
#tab li .dj-icon .lh-7{ background: url(../images/x-7.png) no-repeat;}
#tab li .dj-icon .lh-8{ background: url(../images/x-8.png) no-repeat;}
#tab li.current .dj-icon .lh-5{ background: url(../images/x-5-2.png) no-repeat;}
#tab li.current .dj-icon .lh-6{ background: url(../images/x-6-2.png) no-repeat;}
#tab li.current .dj-icon .lh-7{ background: url(../images/x-7-2.png) no-repeat;}
#tab li.current .dj-icon .lh-8{ background: url(../images/x-8-2.png) no-repeat;}
.bot-language{ text-align: center; display: none;}
.bot-language a{ display: inline-block; padding: 0 10px 0 5px;color: #fff; background: url(../images/bot-line.png) right center no-repeat;}
.bot-language a:last-child{ background: 0px;}
.bot-language a:hover{ color: #00aeef;}
.goTop >img{width: 50px;height: 50px;cursor: pointer;}
.goTop{position:absolute;left: 50%;top: -28px; background: url(../images/top-bg.png) no-repeat; width: 62px; height: 54px;
 text-align: center; line-height: 54px; color: #fff; cursor: pointer; margin-left: -31px;}
.plan-ms{ width:100%;}
.plan-ms ul li{ float:left; margin:0px 0 50px 0; width: 48%;background:#f2f2f2;}
.plan-ms ul li:nth-child(2n){ float: right;}
.plan_pic{ float:left; width:50%; position:relative;}
.triangle{ background:url(../images/triangle.png) right center no-repeat; width:10px; height:21px; position:absolute; top:36px; right:0px;}
.plan_text{ float:left; width:50%;  padding:30px 22px;}
.plan_pic img{ width: 100%;}
.relics{padding:0 0px 20px 0px;border-bottom:1px solid #e7e7e7; float:left; margin:10px 0 0 0px; width: 100%;}
.relics img{ float:left; width:58px; height:58px;}
.relics_text{ float:left;}
.relics_text h2{ font-size:18px; color:#00aeef;}
.relics_text span{ font-size:14px; margin-top:5px;}
.text_details p{ line-height:25px; padding-top:20px;}
.text_details a{ display:block; margin-top:20px;}
.text_details a:hover{color:#ed1f23;}
.epages{ text-align:center; margin-top:50px;}
.epages b{ border:1px solid #57bec1; padding:2px 7px 2px 7px; font-size:14px; color:#57bec1}
.epages a{ border:1px solid #57bec1; padding:2px 7px 2px 7px; font-size:14px;color:#57bec1}
.epages a:first-child{display:none;}
.news-box ul li{ margin-top: 22px;}
.news-box ul li a{ display:block; background: #f2f1f1; padding: 20px; overflow: hidden;}
.news-box ul li a:hover{ background: #e4e3e3;}
.pic-left{ width: 20%;}
.news-wz{ width: 78%;}
.news-box ul li a .news-wz h3{ font-size: 0.16rem; padding: 13px 0;}
.news-box ul li a .news-wz span{ line-height: 30px; color: #929292; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news-box ul li a .news-wz p{ width: 110px; height: 37px; text-align: center; line-height: 37px; background: #00aeef; color: #fff;
border-radius: 5px; margin-top: 23px;}
.wz-tit{ border-bottom: 1px dashed #dbdbdb; padding-bottom: 15px; text-align: center; margin-top: 30px;}
.wz-tit h3{color: #231816; font-size: 0.22rem; padding: 15px 0;}
.wz-tit span{ color: #777;}
.wz-content{ line-height: 33px; padding-top: 30px;}
.wz-content p{ margin-top: 15px; font-size:0.16rem; color: #585858;}
.article-page{ background: #eee; padding: 10px 30px; line-height: 32px; margin-top: 50px;}
.article-page p{ color: #102f17; font-weight: bold;}
.article-page p a{ font-weight: 100; display: block; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.article-page p a:hover{ text-decoration: underline;}
.xn-box{  margin-top: 30px; overflow: hidden;}
.xn-box a{ position: relative; display: block;overflow: hidden;}
.xn-box a img{-moz-transition: all ease-in 1s;
-webkit-transition: all ease-in 1s;
-ms-transition: all ease-in 1s;
-o-transition: all ease-in 1s;
transition: all ease-in 1s;}
.xn-box a:hover img{-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.xn-box a p{ position: absolute; left: 50%; top: 50%; margin: -10px 0 0 -30px; font-size: 0.18rem;}
.xn-box a:hover p{ text-decoration: underline;}


/*10-14*/
.Kitchen{ padding-bottom: 50px;}
.cf-box{ width: 100%; height: 319px; margin-top: 50px; position: relative;}
.cf-box a{ display: block;color: #fff;}
.cf-box:first-child{ margin-top: 0px;}
.cf-box a .cf-mask{ width: 48%;background: rgba(0,0,0,0.7) !important; background: #000;
filter:Alpha(opacity=70); position: absolute;top:50%; margin-top: -72.5px; color: #fff; padding: 22px 2%;
 -webkit-transition: all ease 1s;
 -ms-transition: all ease 1s;
 -o-transition: all ease 1s;
 -ms-transition: all ease 1s;
 transition: all ease 1s;}
.cf-box a .cf-mask h1{ font-size: 0.2rem; font-weight: bold;}
.cf-box a .cf-mask p{ padding: 15px 0;}
.cf-box a .cf-mask span{ color: #ece013; float: right; text-decoration: underline;}
.cf-box a:hover .cf-mask span{color: #fff;}
.cf-icon{ background: url(../images/icon-bg.png) left center no-repeat; height: 37px;}
.cf-box:nth-child(2n) .cf-mask{ right: 0px !important;}
.cf-box a:hover .cf-mask{ -webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);}

@media only screen and (max-width: 768px) {
	.cf-box a .cf-mask{ width: 68%;}
}
@media only screen and (max-width: 640px) {
	.cf-box a .cf-mask{ width: 100%; top: 45%;}
}
@media only screen and (max-width: 320px) {
	.cf-box a .cf-mask{ top:38%;}
}
/*10-15*/
.wap-bot{ position: fixed; bottom: 0px;width: 100%;margin-top: 10px; display: none; padding: 10px 0 10px 0; z-index: 99;}
.wap-bot{background:#eee; }
.wap-bot ul li{ float: left; width: 33.3%; text-align: center;}
.wap-bot ul li a p{color: #767676;}
@media only screen and (max-width: 768px) {
	.wap-bot{ display: block;}
	footer{ padding-bottom: 80px;}
	.calendar-box{ display: none;}
}