@charset "gb2312";
/* CSS Document */

/***** 全局样式 Global-Style *****/
*						{margin: 0; padding: 0;}
html,body				{margin: 0; font: 12px/160%,"宋体"; background:url(../images/bg_top.png) center top no-repeat;}
form,ul,li,dl,dt,dd		{margin: 0; padding: 0; list-style: none;}
img						{border:none;}

/***** 全局链接 Global-Link-Style *****/
a			{color: #606163; font-size:12px; text-decoration: none;}
a:hover		{color: #ff0000;}

/***** 水平居中 *****/
.cen{margin:0 auto;margin-left:auto;margin-right:auto;  }

/***** 清除浮动 *****/
.cen{clear:both;}
.clear{ clear:both;}





/***** 顶部 *****/
#top_w{  z-index:999999; position:absolute;width:100%;height:120px; background:url(../images/nav_bg.png) repeat left top;}
#top_w .top{width:1200px;}
#top_w .top .top_logo{width:94px; height:103px; float:left; margin-top:10px; margin-right:10px;}
/*** nav ***/
#top_w .top .top_nav{width:952px;float:left;}
#top_w .top .top_nav li{width:136px;float:left; text-align:center; display:block;}
#top_w .top .top_nav li a{width:136px; height:120px;display:block;}
#top_w .top .top_nav li img{ margin-top:25px;}
#top_w .top .top_nav li span{width:136px;float:left; color:#093800;font:18px/38px "微软雅黑";}
#top_w .top .top_nav li a:hover{ background:#e6f2f2;}

#top_w .top .top_right{width:140px;float:right;position:relative;}
/*** 中英文切换 ***/
.top_right_qh{width:72px;height:40px;display:block; z-index:999999;}
.lanBox{position: absolute; right:40px;top:8px;}
.lanBox h3{ height:18px;font:12px/18px "宋体";font-weight:normal; width:80px;border-radius:20px; color:#6a6a6a; cursor: pointer; background:url(../images/ico_down.png) no-repeat center right; background-position: 72px 8px; text-align:left; padding-left:10px; border:1px #c9c9c9 solid;
-webkit-border-radius:20px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:20px;/*适配firefox浏览器*/
-ms-border-radius:20px;/*适配IE浏览器*/
-o-border-radius:20px;/*适配opera浏览器*/
border-radius:20px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/}
.lanBox ul{ background:#e1f0f5;width:72px;position:absolute;top:20px;left:10px; overflow:hidden; height:0px;transition: all .3s ease; text-align:center;}
.lanBox ul li a{ height: 20px; line-height: 20px; padding: 0px; text-align: center; width:90px; font-size: 12px; opacity: .7;}
.lanBox ul li a:hover{ opacity: 1;}
.lanBox:hover ul{ height:100px;}
/*** 天气 ***/
.top_tq{width:120px;}


/***** banner *****/
.focusBox { position: relative; width:100%; height:auto; overflow: hidden; border-bottom:solid 8px #489b8b; }
.focusBox .pic{ position:absolute; z-index:0; top: 0; left: 0;  width: 100% ;}
.focusBox .pic li{width: 100%; position: absolute;top: 0; left: 0;}

.focusBox .pic img { width:100%;  display: block;}
.focusBox .hd { width:auto; padding:6px 10px; position:absolute; bottom:15px; text-align: center; font-size:0; z-index:1; left:50%; margin-left:-81px; }
.focusBox .hd li{margin: 0 4px;  height:6px; overflow: hidden; width:40px; cursor: pointer;display:inline-block; *display:inline; zoom:1; background:#fff; }
.focusBox .hd .on{ background-position:0 0; background:#d20101;}

/***** 箭头 *****/
.bottom_icon{position: absolute; display: block; width: 51px; height: 28px; bottom: 45px; left: 50%; margin-left: -25.5px;}
.bottom_icon img{-webkit-animation: myanimate 1.3s infinite alternate;animation: myanimate 1.3s infinite alternate; transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;-webkit-transform: scale(.9,.9);transform: scale(.9,.9);}
@keyframes myanimate
{
	0% { transform: scale(.7,.7); opacity: .8;}
	100%{transform: scale(1,1); opacity: 1;}
}
@-webkit-keyframes myanimate
{
	0% { transform: scale(.7,.7);opacity: .8;}
	100%{transform: scale(1,1); opacity: 1;}
}






#container{ padding:35px 10px 40px 10px;width:1140px; background:url(../images/bg.png) repeat left top;}
/* 防止高度称不开 */
.clearfix:after {content: '.';clear: both;display: block;height: 0; visibility: hidden;}
.clearfix:after, .clearfix:before {content: " "; display: table;}


/***** 底部 *****/
.foot_w{  width:100%; height:140px; background:#176542; border-top:3px solid #69ac9f;}
.foot{width:1200px; height:110px; }
/*** 左边 ***/
.foot_left{width:590px; float:left; margin-top:15px;}
/*** 搜索 ***/
.foot #search {display:block;width:195px;height:24px; margin:0px 0px 5px 10px;}
.foot #search li.ipt{ float:left;width:162px; height:24px; }
.foot #search li.ipt .keyword{ float:left;display:block; border:none;width:151px; padding-left:12px;height:24px;font:12px/24px "宋体"; color:#298159; background:url(../images/ss_txt.png) no-repeat left top;}
.foot #search li.btn{ float:right;cursor:pointer;width:32px;height:24px; background:url(../images/ss_an.png) no-repeat left center; }

.help{ width:590px; height:30px; font:12px/30px "微软雅黑"; color:#d1f3e2; }
.help a{ font:12px/30px "微软雅黑"; color:#d1f3e2; padding:0px 10px; }
.help a:visited{text-decoration:underline; }
.help a:hover{text-decoration:underline;}
.copyright { width:580px;font:12px/20px "宋体"; color:#6ca98c; margin-left:10px;}
.copyright span{ width:300px; height:20px;}
.copyright a{ font:12px/20px "宋体"; color:#6ca98c; }
.copyright a:hover{ text-decoration:underline; }

/*** 右边 ***/
.foot_right{width:310px; float:right; margin-top:15px;}

.foot_link {width:173px;height:26px;float:right; margin-bottom:20px; margin-right:6px; }
.foot_link select{ background:url(../images/foot_link_bg.png) no-repeat left top; width:173px; padding-left:5px; height:26px; line-height:26px;appearance:none;-moz-appearance:none;-webkit-appearance:none; border:none; color:#5b5b5b;}

.foot_tel{ float:right; width:300px; }
.foot_tel h3{ float:left; width:60px; text-align:center; color:#d1f3e2;font:12px/16px "微软雅黑";}
.foot_tel h3 p{ float:left; width:60px; height:16px;font:12px/16px "微软雅黑";}
.foot_tel span{ float:left;color:#d1f3e2;font:34px/40px "微软雅黑"; }


/******************************* 返回上一页 *******************************/
.fh_top{position:fixed;right:40px;bottom:112px;z-index: 3;}


/******************************* 右边漂浮 *******************************/
.right_pf{position:fixed;right:10px;top:125px;z-index: 3;}
.right_pf .xny360{ width:95px; height:122px;}
.right_pf ul li{ width:50px;height:40px;position:relative; margin-left:20px; display:block; z-index:999999; margin-bottom:5px;}

/***** 预定 *****/
.right_pf .i1 h3{display:block;width:50px;height:40px;background:url(../images/pf_ico02.png) no-repeat right top;text-indent:-9999px; cursor:pointer;}
.right_pf .i1:hover h3{display:block; width:50px; height:40px;background:url(../images/pf_ico02.png) no-repeat right bottom; } 
/***** 三角形 *****/
.right_pf .i1:hover:before{content:"";width:0;height:0;margin-top:14px;position:absolute;
border-top: 7px solid transparent;border-bottom: 7px solid transparent; _border-top: 7px solid white; _border-bottom: 7px solid white;
 border-left:7px solid #eff9f7;}

.right_pf .i1 div{display:none;} 
.right_pf .i1:hover div{width:220px; height:110px;position:absolute;right:49px;top:-35px;display:block;color:#000; overflow:hidden; z-index:100;  background:rgba(239,249,247,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9feff9f7,endColorstr=#9feff9f7);/*针对IE8*/
-webkit-border-radius:8px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:8px;/*适配firefox浏览器*/
-ms-border-radius:8px;/*适配IE浏览器*/
-o-border-radius:8px;/*适配opera浏览器*/
border-radius:8px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/ } 
.right_pf .i1:hover div span{width:156px;height:35px; display:block; margin:0px auto; margin-top:24px;}
.right_pf .i1:hover div span a{width:156px;height:35px; display:block;color:#fff;background:#489b8b;font:18px/35px "微软雅黑"; text-align:center;-webkit-border-radius:12px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:12px;/*适配firefox浏览器*/
-ms-border-radius:8px;/*适配IE浏览器*/
-o-border-radius:12px;/*适配opera浏览器*/
border-radius:12px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/ }
.right_pf .i1:hover div span a:hover{background:#e2961b;}

.right_pf .i1:hover div p{width:156px;height:35px; display:block; margin:0px auto;color:#35785a;font:14px/35px "微软雅黑"; text-align:center;}
.right_pf .i1:hover div p a{ padding:0px 10px;height:35px; margin:0px auto;color:#35785a;font:14px/35px "微软雅黑"; }
.right_pf .i1:hover div p a:hover{color:#e2961b; }

/***** 微信 *****/
.right_pf .i2 a h3{display:block;width:50px;height:40px;background:url(../images/pf_ico03.png) no-repeat right top;text-indent:-9999px;}
.right_pf .i2 a:hover h3{display:block; width:50px; height:40px;background:url(../images/pf_ico03.png) no-repeat right bottom; } 
 /***** 三角形 *****/
.right_pf .i2 a:hover:before{content:"";width:0;height:0;margin-top:14px;position:absolute;
border-top: 7px solid transparent;border-bottom: 7px solid transparent; _border-top: 7px solid white; _border-bottom: 7px solid white;
 border-left:7px solid #eff9f7;}

.right_pf .i2 a div{display:none;} 
.right_pf .i2 a:hover div{width:152px; height:422px;position:absolute;right:49px;top:-175px;display:block;color:#000; overflow:hidden; z-index:100;  background:rgba(239,249,247,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9feff9f7,endColorstr=#9feff9f7);/*针对IE8*/
-webkit-border-radius:8px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:8px;/*适配firefox浏览器*/
-ms-border-radius:8px;/*适配IE浏览器*/
-o-border-radius:8px;/*适配opera浏览器*/
border-radius:8px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/ } 
.right_pf .i2 a div p{ width:108px; margin:0 auto; margin-top:18px;display:block; text-align:center; color:#2b302e;} 
.right_pf .i2 a div p span{display:block; text-align:center; color:#2b302e;font:12px/16px "微软雅黑"; margin-bottom:5px;} 

/***** 微博 *****/
.right_pf .i3 a h3{display:block;width:50px;height:40px;background:url(../images/pf_ico04.png) no-repeat right top;text-indent:-9999px;}
.right_pf .i3 a:hover h3{display:block; width:50px; height:40px;background:url(../images/pf_ico04.png) no-repeat right bottom; } 



/***** 电话 *****/
.right_pf .i4 a h3{display:block;width:50px;height:40px;background:url(../images/pf_ico05.png) no-repeat right top;text-indent:-9999px;}
.right_pf .i4 a:hover h3{display:block; width:50px; height:40px;background:url(../images/pf_ico05.png) no-repeat right bottom; } 
 /***** 三角形 *****/
.right_pf .i4 a:hover:before{content:"";width:0;height:0;margin-top:14px;position:absolute;
border-top: 7px solid transparent;border-bottom: 7px solid transparent; _border-top: 7px solid white; _border-bottom: 7px solid white;
 border-left:7px solid #eff9f7;}

.right_pf .i4 a div{display:none;} 
.right_pf .i4 a:hover div{width:160px; height:80px;position:absolute;right:49px;top:-14px;display:block;color:#000; overflow:hidden; z-index:100; background:rgba(239,249,247,0.85);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9feff9f7,endColorstr=#9feff9f7);/*针对IE8*/
-webkit-border-radius:8px;/*适配以webkit为核心的浏览器(chrome、safari等)*/
-moz-border-radius:8px;/*适配firefox浏览器*/
-ms-border-radius:8px;/*适配IE浏览器*/
-o-border-radius:8px;/*适配opera浏览器*/
border-radius:8px;/*适配所有浏览器(需要放在最后面，类似于if..else if..else..)*/ } 
.right_pf .i4 a div p{ width:120px; margin:0 auto; display:block; text-align:center; color:#2b302e;} 
.right_pf .i4 a div p span{display:block; text-align:left;color:#2b302e;font:16px/24px "微软雅黑"; margin-top:12px; } 


@media (max-width: 1240px){
    #top_w,.banner,.banner,.foot_w {width:1240px;}
}