body{background-color: #fafafa;}
.left{width: 220px;overflow: hidden;}
.right{width: 840px;height: auto;overflow: hidden;}
.contain{width:1100px;margin:30px auto;overflow:hidden;height:auto;}

.sidebar{width:230px;float:left;}
.sidebar .leftNav{width:230px; position:relative;}
.sidebar .leftNav_s{width:230px;height:76px;background:url(../images/left_1.jpg) no-repeat;}
.leftNav_s h1{ font-size:24px; color:#FFF; padding-top:18px; padding-left:25px;}
.leftNav_s span{ font-size:12px; color:#FFF; padding-top:18px; padding-left:25px;}
.sidebar ul{border-left:#ccc 1px solid; border-bottom:#ccc 1px solid;  border-right:#ccc 1px solid; font-size:14px;  height:auto;}
.sidebar li{border-bottom:#ccc 1px solid; height:46px;position: relative }
.sidebar ul li a{width:210px; height:46px;line-height:46px; display:block; padding-left:55px; background:url(../images/left_3.jpg) 22px center no-repeat; position:relative; top:-1px; _top:-1px; }
.sidebar a.nav2:hover,.sidebar a.active{background:url(../images/left_hover.jpg) no-repeat left; width:225px; color:#d51234;
}
.leftNav .drop { position:absolute; z-index:100px; left:230px; top:0px; width:149px; background:#FFF; border:1px solid #ddd; padding-bottom:5px; display:none;z-index:1000;}
.leftNav .item2 { width:110px; height:30px; line-height:30px; margin:0 auto; }
.leftNav .item2 a { padding-left:10px;  display:block;}
.leftNav .item2 a:hover { color:#297c00; }
.left-botm{ background:url(../images/left_2.jpg) no-repeat; height:185px;}
.left-botm span{padding-top:65px; text-align:center; line-height:18px;color:#fff;font-size:18px;display:block;}
.left-botm .tel400{font-family:"Impact"; line-height:55px; width:229px;  text-align:center; font-size:33px; color:#FFF;}
.left-botm a{text-align:center;color:#FFF;padding-left: 58px;line-height:26px;font-size:18px;}
.left-botm a:hover{color:#000;}

.leftCon{padding-top:30px;}
.con{padding:15px 9px 20px 10px;line-height:26px;border:1px solid #ccc;font-size: 14px;}
/* leftContact */
.leftContact { background:url(../images/p2.gif) center top no-repeat; }
.leftContact p { overflow:hidden; padding-top:100px; margin-bottom:20px; line-height:22px; }

.title_c{background:url(../images/left_1.jpg) no-repeat;}
.title_c h1{padding-left:25px; width:100%;overflow:hidden;color:#fff; font-size:24px;line-height:30px;font-weight:400;padding-top:10px;}
.title_c h2{padding-left:25px; width:100%;overflow:hidden;color:#fff;font-size:12px; line-height:20px;font-weight:400; padding-bottom:10px;}







.right-title{
    width: 100%;
    height: 30px;
    padding: 0px;
    line-height: 30px;
    background: url('/images/right-title-bg.png') repeat-x;
    background-size: 100% 100%;
    border-bottom: 1px solid #ccc;
    }

.right-title span{
    height: 18px;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    line-height: 18px;
    padding-left: 15px;
    font-size: 14px;
    color: #080808;
    }
.right-title span::before{width: 4px;height: 18px;background-color:#df061d;top: 0;left: 0;position: absolute;} 
.right-title p{font-size: 14px;display: inline;}
.right-title p a{line-height: 18px;height: 18px;display: inline-block;font-size: 14px;
color: #080808;margin-right: 8px;margin-left: 8px;transition: color 0.3s;}

.right-content{width: 100%;height:auto;padding: 10px 10px;margin-top: 10px;}

.pro-list{width: 100%;height: auto;}
.pro-list dl{width: 260px;height: 263px;float: left;margin-right:20px;margin-top: 20px;}
.pro-list dl:nth-child(3n){margin-right: 0px;}
.pro-list dl dt{width: 260px;height: 220px;border:1px solid #ccc;padding:2px;overflow:hidden;}
.pro-list dl dt a{display: block;}
.pro-list dl dt img{width: 257px;height: 214px;transition: 1s all;}
.pro-list dl dt:hover img{transform: scale(1.1);}
.pro-list dl dd{width: 100%;height: 36px;background-color: #eaeaea;text-align: center;    padding: 0 5px;}
.pro-list dl dd a{font-size: 16px;letter-spacing: 2px;color: #df061d;display: block;line-height:36px;overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
width:100%;}


.news-list{width: 100%;height: auto;margin-top: 20px;}
.news-list dl{width: 100%;height: 140px;border-bottom: 1px solid #ddd;    padding-bottom: 25px;
    margin: 25px 0;}
.news-list dl dt{float: left;width: 200px;height: 130px;overflow: hidden;border: 1px solid #eee;padding: 2px;}
.news-list dl dt a{display: block;}
.news-list dl dt img{width: 194px;height: 124px;}
.news-list dl dd{width: 600px;float: right;height: 130px;}
.news-list1{width: 100%;height: 40px;}
.news-list1 a{font-size: 18px;font-weight: bold;line-height: 42px;color: #333;display: inline-block;}
.news-list1 span{font-size: 12px;    color: #333;    opacity: 0.5;    float: right;    line-height: 42px;}
.news-list dl dd p{color: #888; line-height: 24px;    font-size: 14px;margin-top: 5px;}



.news-content{width: 100%;padding:20px;height: auto;}


.page-title{}
.page-title p{    font-size: 24px;    color: #333;    font-weight: bold;    text-align: center;
    line-height: 24px;    padding-bottom: 18px;}

.page-subtitle{}
.page-subtitle p{    height: 24px;    width: 774px;    background: #f2f2f2;    border-bottom: 1px solid #EAEAEA;
    margin: 0 auto 18px;    text-align: center;    line-height: 24px;    font-size: 12px;}


.page-foot{width: 100%;}
.Pagination{width: 100%;height: 40px;}
.Pagination-in{width: auto;height: 40px;text-align: center;padding:0 10px; transition: 1s all;
      background-color: #eee;border-radius: 8px;}
.Pagination-in a{line-height: 40px;letter-spacing: 0px;font-size:14px;display: block;}
.Pagination-in:hover{background-color: #e22222;}
.Pagination-in:hover a{color: #fff;}
.Pagination-pre{float: left;}
.Pagination-next{float: right;}


.about-list{width: 100%;height: auto;overflow: hidden;}


.page-content{min-height: 500px;margin-top: 15px;margin-bottom: 30px;}
.page-content p{background-color: #fafafa;}
.page-content img{max-width: 100%;}