﻿@charset "utf-8";
/* CSS sxf 2013 */
*{margin:0;padding:0;list-style-type:none;}
body{ font-family:"Microsoft YaHei",Verdana, Arial, Helvetica, sans-serif; color:#000; font-size:14px;background:url(../images/bg.jpg) no-repeat center 2380px #fff}
a,img{border:0;}
a { text-decoration:none}
a:hover{ text-decoration:none;}
a:focus{ outline:none}
a i{ display:none; cursor:pointer; }
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cb { clear:both;}
.corg { color:#e8683b;}
.cblu { color:#00aeff;}
.pr{ position:relative} 
.pa{ position:absolute}
.cg { color:#8dc014;}
.ovh{ overflow:hidden;*zoom:1}
.tac{ text-align:center}
.tar{ text-align:right}
.mt10{ margin-top:10px}
.mt20{ margin-top:20px}
.mt30{ margin-top:30px}
.mt40{ margin-top:40px}
.mt50{ margin-top:50px}
.tac{ text-align: center;}
.tac img{ display: block; margin: auto}


.wp{width:1040px; margin:auto;font-size: 14px;height: 3069px}
.p1{ height: 800px; overflow: hidden;*zoom:1; position: relative;}
.p1 .hd li{ height: 800px; }
.p1 .bd{ position: absolute;width: 1000px; left:50%; margin-left: -500px;text-align: center;bottom:20px;}
.p1 .bd li{width: 20px; height: 20px;background-color: #fff; border-radius: 50%; display: inline-block;
*display: inline;*zoom: 1; margin: 0 6px; cursor: pointer;transition:all .2s ;cursor: pointer; text-indent: -999em; overflow: hidden;}
.p1 .bd li.on{ width: 40px;border-radius: 14px;}
.logo-list{ position: absolute;width: 100%; top:0px;left:0%;background: url(../images/11.png) no-repeat center -220px;height: 500px;text-align: center;}
.logo-list li{display: inline-block; *display:inline; *zoom:1;vertical-align: middle;margin-left: 20px; margin-top: 30px}



.p2{background: url(../images/bg_about.jpg) no-repeat center -2px; position: relative; height: 702px; }
.p2 .wp{}
.p2 .tit{display: block; padding: 50px 0px 0px; margin: auto}
.p2 .info{overflow: hidden;*zoom:1; padding: 80px 30px 0}
.p2 .info .hd{ width: 490px; height: 340px;float: left}
.p2 .info .bd{ float: right; width: 460px;}
.p2 .info .bd .t{text-align: right;}
.p2 .info .bd .t img{display: inline-block;}
.p2 .info .bd p{text-indent: 2em; padding-top: 15px; line-height: 24px;font-size: 14px}


.p3{ transition:all .2s ; height: 855px; overflow: hidden;}
.p3 .tit{display: block; padding: 0px 0px 0px; margin: auto}
.p3 .prev,
.p3 .next{ position: absolute; top:430px;}
.p3 .prev{left:-30px;}
.p3 .next{right: -30px}
.p3 .bd{width: 1000px; margin: 10px auto 0;text-align: center;}
.p3 .bd li{width: 16px; height: 16px;background:url(../images/dot.png) no-repeat; border-radius: 50%; display: inline-block;
*display: inline;*zoom: 1; margin: 0 6px; cursor: pointer;transition:all .2s ;cursor: pointer; text-indent: -999em; overflow: hidden;}
.p3 .bd li.on{background:url(../images/dot2.png) no-repeat;}
.p3 .hd{ width: 897px; height: 555px; background: url(../images/bg_jdbox.png) no-repeat;margin:80px auto 0; padding: 0px 20px}
.p3 .hd .item{position: relative; height: 555px;}
.p3 .hd .item .cnav{position: absolute; left:-20px; top:-20px; z-index: 2;}
.p3 .hd .item .cnav a{display: block;float: left; margin-right: 10px;}
.p3 .hd .item .con{overflow: hidden;}
.p3 .hd .item .cmain{ position: absolute;right:0px; top:10px; width: 426px; height: 518px}
.p3 .hd .item .txt{width: 430px}
.p3 .hd .item .txt h4{padding: 220px 0 0 0;text-align: right;}
.p3 .hd .item .txt h6{text-align: right; padding-top: 10px;}
.p3 .hd .item .txt h6 img{display: inline-block;}
.p3 .hd .item .txt h4 span{background: url(../images/ic_lk.png) no-repeat left center; padding-left: 50px;line-height: 37px; color: #000;font-size: 30px;font-weight: bold;display: inline-block;}
.p3 .hd .item .txt h4 img{display: inline-block;}
.p3 .hd .item .txt p{padding: 20px 0 0 60px; text-indent: 2em; line-height: 24px;}

.t4{display: block; padding: 0px 0px 0px; margin: auto}
.t5{display: block; padding: 50px 0px 0px; margin: auto}
.t6{display: block; padding: 80px 0px 0px; margin: auto}

.tip{padding: 20px 0}
.pro-list{padding-top: 10px; }
.pro-list ul{text-align: left; letter-spacing: -1px; font-size: 0}
.pro-list li{ width: 321px;text-align: center;display: inline-block;*display: inline;*zoom: 1;letter-spacing: normal; margin: 0 5px; transition:all .5s; box-shadow: 0 0 15px rgba(0,0,0,.2);  margin: 20px 10px 0;vertical-align: top; }
.pro-list li img{transition:all .5s;display: block;}
.pro-list li .img{ height: 210px; position: relative; width: 100%}
.pro-list li .layer{background: url(../images/bg_txt.png) repeat;bottom:0; width: 100%; position: absolute; left:0; }
.pro-list li .layer p{color: #fff; padding: 10px; font-size: 12px; text-align: left;}

.pro-list li:hover{transform:translateY(-10px);}
.pro-list li:hover img{ opacity: .8}
.pro-list li .bm{padding: 0px;font-weight: normal; height:40px;font-size: 16px;text-align: center;background-color: #ffb915;overflow: hidden;*zoom:1;}
.pro-list li .bm a,
.pro-list li span{line-height: 40px;font-size: 14px; height: 40px;display: block; width: 50%; float: left}
.pro-list li span{color: #000}
.pro-list li span label{font-weight: bold; font-size: 24px;}
.pro-list li .btn-rd{ height: 40px; background:#d00600;display: block; text-align: center;font-size: 16px;font-weight: bold; color: #fff; line-height: 40px;}

.hotel-list ul{padding-top: 15px;}
.hotel-list li{float: left; margin-left: 10px; position: relative; margin-top: 40px; width: 499px;transition:all .5s;}
.hotel-list li:hover{transform:translateY(-10px);}
.hotel-list li a{width: 205px; height: 50px;color: #fff; text-align: center; line-height: 50px;font-size: 16px;display: block; margin: 12px auto 0;background: url(../images/bg_rd.png) no-repeat;}
.ts-list{padding-bottom: 40px;overflow: hidden;*zoom:1; padding-top: 25px;}
.ts-list li{float: left; margin-left: 10px; margin-top: 20px; width: 504px;transition:all .5s;position: relative;}
.ts-list li{ height: 343px;position: relative;overflow: hidden;}
.ts-list li img{position: absolute; width: 504px; bottom:0;left:0;}
.ts-list li:hover{transform:translateY(-5px);}
.ts-list li .ly{background: url(../images/bg_txt.png) repeat;width: 100%; height: 100%; position: absolute; top:0;left:0; color: #fff;display: none;}
.ts-list li h4{font-size: 24px;font-weight: bold;padding: 0px 30px 0px;color: #fff; text-shadow:2px 2px 8px rgba(0,0,0,.6); position: absolute; top:0; width: 100%;height: 343px; line-height: 343px;text-align: center;}
.ts-list li .ly p{font-size: 14px;padding: 110px 30px 0px; line-height: 24px;}

.lk-list{text-align: center;padding-top: 20px; padding-bottom:30px;}
.lk-list li{display: inline-block;vertical-align: middle;margin: 0 15px;}






/******** 侧栏 ***********/
.htlShare{bottom: 5px; overflow: visible; position: fixed; right: 0; width: 46px; z-index: 999999;}
#rlist1{float: right; margin-bottom: 45px; width: 46px; z-index: 101;}
#rlist5{clear: both; overflow: hidden; position: relative; right: -10px; width: 160px; z-index: 999999;}
.cf li{height: 46px; margin-bottom: 5px; position: relative; width: 46px;}
.cf li:hover{background: none repeat scroll 0 0 #FFAE01;}
.cf a{display: block; height: 46px; overflow: hidden; text-indent: -99em;}
.cf a{background: url(../images/spirite_temp.png) no-repeat;}
.share .share_a{background-position: 0 -128px;}
.share .share_a:hover, .share .cur{background-position: -105px -128px;}
.top .top_a{background-position:-53px -128px;}
.top .top_a:hover{background-position: -158px -128px;}
.share_lis{background: none repeat scroll 0 0 #FFAE01; height: 30px; padding: 8px 0 8px 3px; position: absolute; right: 44px; top: 0; width: 52px;}
.share_lis a{display: inline; float: left; height: 30px; margin-left: 5px; width: 30px;}
.share_lis .a0{background-position: 0 -88px;}
.share_lis .a1{background-position: -40px -88px;}
.share_lis .a2{background-position: -80px -88px;}
.share_lis .a3{background-position: -120px -88px;}
.share_lis .a4{background-position: -160px -88px;}
#w2wm{background: #009EDA; border-bottom-left-radius: 4px; border-top-left-radius: 4px; cursor: pointer; height: 100px; overflow: hidden; padding-top: 4px; text-align: center; width: 36px;}
#w2wm p{border-top-left-radius: 4px; color: #FFFFFF; font-size: 12px; height: 75px; line-height: 16px; padding: 6px 11px 0; width: 14px;}
#w2wm .pointr{background: url(../images/shareArr4.gif) no-repeat scroll 4px -19px rgba(0, 0, 0, 0); display: block; height: 19px; width: 36px;}
#w2wm .pointl{background: url(../images/shareArr4.gif) no-repeat -23px -19px; display: block; height: 19px; width: 36px;}
.ewm{background: #fff; border: 3px solid #009eda; border-right: none; padding: 10px; text-align: center; width: 100px;}
.ewm img{height: 178px; width: 100px;}
#ewm{width: 100%; position: fixed; right: 0; bottom: 10px;}







