﻿@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ width:100%; margin:0; padding:0; font-size:12px; background:#fff;font-family: "微软雅黑";}
img{ border:0px;}
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a{ text-decoration:none; }
li{ list-style:none;}
input,select,area,textarea{outline: 0; -moz-outline: 0;}
table{border-collapse:collapse;}
.auto{ width: 1005px; margin: 0 auto;}
em,i{ font-style: normal;}
h1,h2,h3,h4,h5,h6,b{ font-weight: normal;}
.auto{ width: 1000px; margin: 0 auto;}
.blank{ width: 100%; height: 40px; overflow: hidden; clear: both;}

/*导航菜单*/
.menu{ width: 770px; font-size: 14px;}
.menu_ul{ margin-top: 40px;}
.menu_li{ float: left; width: 95px; height:52px;text-align: center; position: relative;}
.menu_li a{ color: #333333; display: block;}
.menu_li span{ position: absolute; display: block; z-index: 999; width: 100%; 
color: #333333; background: url(../images/2.png) right center no-repeat;  }
.menu_li p{ background: #db211d; width: 97px; height: 25px; padding-top: 27px; position: absolute; top: 0px; opacity: 0;}
.menu_li.hover{ background: none; height: 52px; }
.menu_li.hover p{  top: -5px;}
.menu_li.hover a{ color: #990000;}
.menu_li.hover span{ color: #FFFFFF; background: none;}
.menu_p{ font-size: 18px; font-weight: bold; color: #db211d; background: url(../images/1.png) left center no-repeat;
padding-left: 40px; float: right;}
.menu_li ul{text-align:left; width: 270px; padding: 15px; background: #db211d; position: absolute; top: 47px; left: auto;
 z-index: 9999; font-size: 12px; display: none;}
.menu_li ul a{ padding: 0 15px; width: 55px; border-right: 1px solid #FFFFFF;
 display: inline-block; color: #FFFFFF; margin-bottom: 15px;}
.menu_li ul a:hover{ color: #FFFFFF; text-decoration: underline;}
.menu_li.hover ul a{ color: #FFFFFF;}








/*banner焦点图切换*/
.wrapper{ width: 100%; overflow: hidden;}
#focus { width:1920px; height:402px;overflow:hidden; position:relative; margin:0 auto;}
#focus ul {height:402px; position:absolute;}
#focus ul li {float:left; width:1920px; height:402px; overflow:hidden; position:relative;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute;  width:100%; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:100px; height:10px; padding:5px 10px; right:50%; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:14px; height:14px; _font-size:0; margin-left:15px;
 cursor:pointer; background:url(../images/y1.png);}
#focus .btn span.on {background:url(../images/y2.png);}
#focus .preNext{ width: 31px; height: 91px; display: block; cursor: pointer; z-index: 99; position: absolute; top: 33%;}
#focus .pre{ background: url(../images/left.png); left: 10%;}
#focus .next{ background: url(../images/right.png); right: 10%;}
.banner{ width: 100%; text-align: center; overflow: hidden;}
.banner ul li{ font-size: 0;}

.foot{ width: 100%; background: #202022; margin-top: 30px; }
.foot_top{padding: 30px 0;}
.foot_top_left p{ font-size: 18px; font-weight: bold; color: #FFFFFF; border-top: 2px solid #FFFFFF; line-height: 40px;}
.foot_top_left dl{ color: #FFFFFF; font-size: 14px; font-weight: bold; color: #FFFFFF; margin-top: 20px; }
.foot_top_left dl dd{ margin-left: 10px;}
.foot_top_left dl span{ display: block; font-size: 18px;}
.foot_top_left  samp{ color: #999999; line-height: 22px; margin-top: 10px; display: block;}
.foot_top_right { width: 345px;}
.foot_top_right ul{border-top: 2px solid #FFFFFF; padding-top: 15px;}
.foot_top_right ul li{ float: left; margin-right: 78px; width: 63px; margin-bottom: 35px;}
.foot_top_right ul li a{ color: #4c4c4c;}
.foot_top_right ul li span{ color: #FFFFFF; display: block; background: url(../images/f4.png) right center no-repeat;
 padding-right: 15px; margin-bottom: 5px;}
.foot_top_right dl dt{ color: #FFFFFF; margin-left: 145px; text-align: right;}
.foot_top_right dl dt span{ font-weight: bold; display: block;}
.foot_top_right dl dd a{ font-size:0 ; margin-right: 10px;}

.foot_bottom{ width: 100%; height:216px ; background: url(../images/foot_bg.jpg); position: relative;}
.foot_bottom p{ padding-top: 15px; font-size: 18px; font-weight: bold; color: #FFFFFF; border-bottom: 1px solid #333333; line-height: 45px;}
.foot_bottom ul a{ display: block; float: left; color: #cccccc; border-right:2px solid #CCCCCC; padding: 0 10px; margin: 5px 0;}
.foot_bottom dl{ width: 1000px; line-height: 45px; color: #999999; position: absolute; bottom: 0;}

.ly_title{ width: 100%; height: 35px; line-height: 35px; background: #f6f6f6;}
.ly_title a{ color: #666666;}

/*页面悬浮窗口*/
.swt_left,.swt_right{width: 160px; position: fixed; top: 30%; z-index: 999; }
.swt_left_con dt a,.swt_right_con dt{font-size: 14px; font-weight: bold; }
.swt_left{  height: 421px;  padding-top: 10px; background: url(../images/sf.png) no-repeat; left: 0;}
.swt_left_title a{ display: block; color: #FFFFFF; font-size: 14px; font-weight: bold; padding-left: 30px; width: 90px;
 height: 40px;  margin: 0 auto;  background: url(../images/t1.png) no-repeat left center;}
.swt_left_con{ width: 120px; margin: 0 auto;margin-top: 15px;}
.swt_left_con dl{  border-bottom: 1px solid #cccccc; padding: 10px 0; }
.swt_left_con dt a{ display: block;  color: #db211d; padding-left: 15px;
 background: url(../images/t2.png) left center no-repeat;}
.swt_left_con dd{ margin-top: 6px;}

.swt_right{ height: 305px; padding-top: 15px;background: url(../images/sr.png) no-repeat; right:0;}
.swt_right_title a{ display: block; color: #FFFFFF; font-size: 18px; font-weight: bold; padding-left: 40px; width: 75px;
 height: 35px; line-height: 30px;  margin: 0 auto;  background: url(../images/t3.png) no-repeat left center;}
.swt_right_con {width: 105px; margin: 0 auto;margin-top: 15px; }
.swt_right_con dl{border-bottom: 1px solid #cccccc;  padding: 12px 0;}
.swt_right_con dt a{color: #db211d;}
.swt_right_con dd{ margin-top: 6px;}
.swt_right_con dd a{ display: block; width: 102px; height: 26px; background: url(../images/t5.png) no-repeat; 
color: #100f0f; line-height: 26px;}
.swt_right_con dd a span{ display: block; background: url(../images/t7.png) no-repeat center left; padding-left: 25px;
width: 50px; margin: 0 auto;}
.swt_right_con dd:hover a {background: url(../images/t4.png) no-repeat; color: #FFFFFF; }
.swt_right_con dd:hover a span{background: url(../images/t6.png) no-repeat center left;}

