@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "arial"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;
        background:#f2f2f2 url(images/bj.jpg) center repeat-y;
    width: 1024px;
 
    margin: 0 auto;

}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1024px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1024px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0; }
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
.clear { clear:both;}
a { text-decoration:none; color:#333}
a:hover { color:#F00}
.fixPic{max-width:700px;}




#gallery li {
        width: 60px;
    height: 60px;
    float: left;
    overflow: hidden;
    padding-top: 28px;
    margin: 0 -10px;
    margin-left: 0px;
    text-align: center;
}

#gallery li.act, #gallery li.act:hover{
    background: url(images/banner-active-tab-arrow.png)top center no-repeat !important;
}

#top { width:940px; margin:0 auto; height:130px;}
#logo { padding-top:10px; width:484px; float:left}
#logo .p1{margin-top: 50px;
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 1px;
    margin-left: 20px;}
#fav { padding-top:18px; width:240px; padding-right:10px; float:right; font-size:13px; line-height:24px; position:relative;}
#fav span { font-size:10px;}
#fav a { color:#666;}
#fav a:hover { color:#333}
#fav p {font-size:13px; line-height:22px; font-weight:bold;  background:url(images/x.jpg); background-repeat:no-repeat; background-position:0 10px; padding-left:12px; }
#fav-l { width:139px; float:left}
#fav-r { width:135px; float:left; position:absolute; left:85px; top:92px;}
#fav-r input { outline: none; border: none; width: 100%;
    display: block;height: 15px;
}
#Map area { outline:none} 

#fav-r form{
    width: 135px;height: 15px; overflow: hidden;border: 1px #d0d0d0 solid;border-right: none;
}


#nav { background:url(images/nav.jpg); width:1024px; margin:0 auto; height:57px; }
#nav ul { width:100%; margin:0 auto;}
#nav ul li { float:left; color:#FFF; line-height:45px; width:170px; text-align:center; }
#nav ul li a { color:#FFF;height:57px;  display:block; font-size:16px;  }
#nav ul li a:hover,#nav ul li a.cur { background:url(images/nav-ico.jpg); background-repeat:no-repeat; background-position:bottom;}
#nav ul li p { color:#666; display:none; font-size:12px;}
#nav ul li p a { color:#666; padding:0 3px;}

#nav .submenu{position:relative;}
#nav .nn{ width:930px;font-size:12px; margin:0; background:none; text-align:left;position:absolute; display:none; top:45px;}
#nav .cur .nn{ display:block;}
#nav li .nn a { color:#5d5d5d; padding:0 3px;  display:inline;
    font-size: 12px;
}
#nav .nn a:hover { color:#C90; background:none;}
.menu1{left:-40px; color:#666;}
.menu2{left:-40px; color:#666;}
.menu3{left:-440px; color:#666;}
.menu4{left:-360px; color:#666; }
#nav .menu4{width:700px; color:#666;}

#ad { background:#666; width:920px; height:200px; margin:30px auto; }

#banner { background:url(images/home-banner-bg.gif); width:978px;  margin:0 auto;}
#ww { width:978px; margin:0 auto; font-size:26px; text-align:center; color:#6e653a; background:url(images/bbbbbbjjjj.jpg) #f3f3f3; padding-top:30px; padding-bottom:30px; line-height:40px; border-bottom:1px #e1e1e1 solid;}

#pp { width:960px; margin:0 auto; padding-top:20px; padding-bottom:30px; }
.pro { float:left; margin-left:25px; _margin-left:20px;width:287px; text-align:center }
.pro p { line-height:60px; font-size:15px; color:#303030;}
.pro h2 { background:url(images/pro-bj.jpg); height:210px; text-align:center; }
.pro h2 img { vertical-align:middle; padding-top:20px;}
.pro p a:hover{
    color:#f00;
}
#qq { width:920px; margin:0 auto; padding-top:15px; padding-bottom:10px; border-top:1px #e1e1e1 solid;}
#qq-l {float:left;}
#qq-r { width:210px; float:right; color:#71683d; padding-top:30px; text-align:right}
#qq-c { width:300px; float:left; padding-top:30px; padding-left:20px;}
#qq-r img { padding:0 5px;}

#copy { width:920px; margin:0 auto; background:url(images/index_27.jpg); height:55px; line-height:55px; color:#FFF; background-repeat:repeat-x; padding-bottom:25px;}
#copy p { font-size:12px; padding-left:15px;}
#copy p span { float:right; padding-right:15px;}
#copy p a { color:#FFF}

.home-banner-area{background:url(images/home-banner-bg.gif) no-repeat left bottom; border-top:0; padding:15px 38px;}
.home-banner-area .inner{background:url(images/banner-shadow-bg.png) no-repeat left -33px;	padding:19px 19px 0; clear:both;}

.inner-banner-area{background:url(images/home-shadow-bg.gif) no-repeat left bottom;border:1px solid #b2b2b2; border-top:0; padding:25px 38px;}
.inner-banner-area .inner{background:url(images/banner-shadow-bg.png) no-repeat left top; padding:19px; clear:both; position:relative; color:#fff}
.inner-banner-area .inner .quote{background:url(images/inner-banner-quote-bg.png) no-repeat left top; font-size:42px; font-weight:normal; line-height:41px; padding:40px 50px 50px 60px; position:absolute; top:122px; left:60px;}

#mm { width:920px; margin:0 auto; margin-bottom:20px;}
#mm-l { width:214px; float:left;}


#mm-r { width:680px; float:right;}
#mm-r-title { background:url(images/content_tt.jpg); height:29px;}
#mm-r-title p { font-size:13px; color:#333; line-height:29px; padding-left:30px;}
#mm-r-title p span { float:right;font-size:12px;}
#mm-r-title p span a { color:#666; padding:0 5px; }
#mm-r-title p span a:hover { color:#685f36;}
#mm-r-content {}

.p-box { background:url(images/b1.png); background-repeat:no-repeat; width:680px; height:140px; margin-top:15px;}
.p-box-l { width:500px; float:left}
.p-box-l p { padding-left:20px; font-size:14px;  padding-top:20px;_padding-top:10px; }
.p-box-l ul { font-size:13px; padding-left:20px; padding-top:8px; color:#333}
.p-box-l ul li { width:220px; float:left; line-height:30px;}
.p-box-l ul li span {}
.p-box-r { width:150px; float:right}
.p-box-r img { padding-top:28px;}




.pp-box { background:url(images/pro-bjj.jpg); width:203px; height:202px; background-repeat:no-repeat; text-align:center; float:left; margin:0px 10px; margin-top:15px;}
.pp-box  img { padding-top:35px;}
.pp-box p { line-height:36px; font-size:12px; padding-top:15px; }

.rr { width:214px;}
.rr-title { background:url(images/tt.jpg); height:29px; line-height:29px;}
.rr-title h2 { padding-left:30px; color:#FFF; font-size:14px; }
.rr-content { width:214px;}
.rr-content p { background:url(images/left_nav_bj.jpg); height:35px; line-height:35px;}
.rr-content p a { padding-left:30px; font-size:12px;}
.rr-content p a:hover { color:#685f36;}
.rr-content ul { background:#f7f7f7; padding-left:28px; padding-top:10px; padding-bottom:10px;}
.rr-content ul li a { font-size:12px; line-height:26px;}
.over { color:#F00}
.rr-content ul li a:hover{
    color: #f00;
}
/*CSS pageinfo style pagination*/
.pageinfo {padding-top: 20px; padding-right: 0px; padding-left: 0px; padding-bottom: 10px; height: 30px; line-height:30px; font-size: 12px; text-align:center;}
.pageinfo a{padding-right: 5px; padding-bottom: 3px; padding-left: 5px; margin: 0px 2px; padding-top: 3px; text-decoration: none; border: 1px solid #ccc;}
.pageinfo a:hover {border: 1px solid #837948; color:#837948;}
.pageinfo a:ive {border: 1px solid #837948; color:#837948;}
.pageinfo span{padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; margin: 0px 2px; border: 1px solid #ccc;}
.pageinfo span.cur {font-weight: bold; color: #fff;  background: #015bbb; border: 1px solid #837948;}

.n_box{
   width: 920px; margin:20px auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.n_box_r{
    width:680px;position: relative;
}

/*分类*/
.list .on .menu2{
    display: block !important;
}
.list .on>a:hover{
    color: #F00 !important;
}

.list li>a:hover{
color: #F00 !important;    
}
.list .on>a{}


/*留言*/
.n_liuyang input{ width: 100px;background: #fff;border: 1px solid #eee;width: 80px !important;padding-left: 0 !important;
        
    }