﻿body { font-family:'Microsoft YaHei'}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:none;}

/*top*/
#container { background: url(../Images/body_bg.jpg) repeat-x left top #FFF;}



#txtVal{ width:175px; height:21px; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;font-size:12px; color:#bbbbbb; padding-left:5px; margin:0px;}
#txtBtn{ display:block; height:21px; width:35px; background:url(/images/btn.png) no-repeat center;border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;padding:0px; margin:0px;}

/*nav*/

.im{ width:1423px; height:298px; margin:0px auto;}

/*con*/
.co{ width:100%; background:url(../images/html_bg.gif) no-repeat 50% 0; margin-top:10px; margin-bottom:10px;}
.con{ width:1020px; height:auto; margin:0 auto; }
.conn{
margin: 0 auto; overflow: hidden}
.cleft{ width:225px; float:left;  border: 1px solid hsl(0, 0%, 91%); border-left:none; border-right:none}
.cltop{ font-family:'Microsoft YaHei';         background: url(../images/pro_bg.jpg) repeat-x scroll 0 0;  line-height: 41px; height: 41px;  border-top:none; border-bottom:none}
.cltoptext{ 
    line-height: 41px;
    height: 41px;
    display: inline-block;
    zoom: 1;
    color:#fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 0 60px 0 30px;}
.clul{ padding:10px 10px 10px; background:#FFF;     border: 1px solid hsl(0, 100%, 31%); }
.clul ul li{ background: url(../images/pro_sort_li_bg2.jpg) repeat-x 0 bottom;
    line-height: 40px; margin-bottom:10px;}
.clul ul li a{ display: block;
    padding: 0 0 0 15px; }
.clul ul li a:hover{ color: hsl(24, 100%, 50%);
    font-weight: bold;}
#bot{ color: hsl(24, 100%, 50%);
    font-weight: bold;}


.ctop{     background: hsl(0, 100%, 100%) url(../images/icon_home.jpg) no-repeat 10px 50%;
    line-height: 36px;
    height: 36px;
    border:1px solid #e3e3e3;
}
.toptext{
    line-height: 36px;
    height: 36px;
    display: inline-block;
    zoom: 1;
    color:#000;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    padding: 0 60px 0 30px; display:none}

.cright{ width:960px;float:right;  min-height:340px;}
.about{ height:36px; float:left; padding-left:35px;}
.about a{ color:#333; text-decoration:none; line-height:36px;}
.about a:hover{ color:#336699; text-decoration:none;}
/*ma manews maa  使用了padding所有宽度少30*/
.manews{ min-height:300px; padding:10px; background:#fff; margin-top:10px; border:1px solid #e3e3e3}
.ma {
 line-height:24px; overflow:hidden; padding-top:10px; padding:10px; background:#fff; margin-top:10px; border:1px solid #e3e3e3;  min-height:300px;
}
.ma img {
    max-width:100%;
}


.piclist  li{ margin:10px 5px; float:left; border: 1px solid #d9d9d9; height:263px;}
.piclist  li .pic{ text-align: center;  display:table-cell; vertical-align:middle; width:220px; height:200px;}
.piclist  li .pic img{ vertical-align:middle;  padding:2px;}
.piclist  li .pic a img { vertical-align:middle; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.piclist  li .pic a:hover img{ filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.piclist  li p{ line-height:40px; text-align:center; color:#f60; border-top:1px solid #d9d9d9 }


.cnews1{  padding-top:5px;}
.nimg a{  height:30px; color:#333; font-size:14px; }
.ntext a{   height:80px;color:#333;}
.ntext a:hover{  height:80px;color:#e70012;}
.ntitle{height:30px; float:right;font-size:14px; font-weight:bold; color:#888; }

/*页面导航条  -30px*/
.under{ height:24px; margin:20px 0; text-align:right; color:#333; clear:both;font-size:12px;}
.under a{ color:#333;font-size:12px;}
.under a:hover{text-decoration:none; color:#336699;}


/*页面上一个下一个   -30px*/
.next{ height:70px; margin-top:5px;  text-align:left; color:#666; clear:both;font-size:12px; }
.next ul li{  padding:0px 5px; height:28px; background-color:#EAE9E8; margin-bottom:5px;}
.next span{ color:#336699; line-height:28px;}
.next a{ color:#666; text-align:left; font-size:12px; line-height:28px;}
.next a:hover{text-decoration:none; color:#336699;}



/*新闻列表显示*/
.manews ul,li{ margin:0px; padding:0px; list-style-type:none;}
.manews ul{}/*就是manews的宽度 可以改*/
.manews ul li{   background: url(../images/menu_icon.gif) no-repeat center left; text-indent:10px; border-bottom:1px solid #f5f5f5}/*使用的padding left了  所有少了-20px*/
.manews ul li a{  text-decoration:none; line-height:40px;     }
.ys2{  color:#333;font-size:12px;line-height:30px; float:right}
.ys3{ float:right; color:#666;font-size:12px;line-height:30px;}


/*产品展示页面*/
.nei{float: left; margin:5px 2px;}
.nei p{color:#000; font-size:14px; text-align:center; line-height:25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:160px;}
.nei:hover{ text-decoration:none;}
.nei:hover p{ color:#0049aa;}
.nei:hover .neinav{border:1px solid #f00;}
.neinav{width:160px;height:180px; padding:5px;border:1px solid #dfdfdf;}
.neinav img{width:160px;height:180px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}

.nei2{float: left;width:700px;height:30px; margin:5px 6px;background:url(/images/wtb_03.jpg) no-repeat left 8px center; }
.nei2 p{color:#000; font-size:12px; text-align:center; line-height:30px; }
.nei2:hover{ text-decoration:none;}
.nei2:hover p{ color:#0d4da4;}
.nei2:hover .nei2nav{border:1px solid #ac0303;}
.nei2nav{width:720px;height:25px; padding-top:6px;border:1px solid #dfdfdf;padding-left:20px;}
.nei2nav img{width:720px;height:30px;}
.showimg {
max-width:500px;   /* FF IE7 */
max-height:430px; /* FF IE7 */
_width:expression(this.width > 500 && this.width > this.height ? 500: auto); /* IE6 */
_height:expression(this.height > 430 ? 430 : auto); /* IE6 */
}


.nei3{float: left;width:330px;height:230px; margin:10px 6px;}
.nei3 p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei3:hover{ text-decoration:none;}
.nei3:hover p{ color:#da0367;}
.nei3:hover .nei3nav{border:1px solid #da0367;}
.nei3nav{width:300px;height:200px; padding:4px;border:1px solid #dfdfdf;}
.nei3nav img{width:300px;height:200px;}
/*在线留言*/
.panel-c-l td{padding:5px 5px;}
.login-text{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 400px;}
.login-validate{height: 24px;left: 24px;border: 1px solid #e9e9e9;background: #f9f9f9;width: 100px;}
.login-text-focus{border: 1px solid #574309;}
.login-btn{width: 114px;height: 29px;color: #fff;line-height: 29px;background:#f3b349;border: none;overflow: hidden;cursor: pointer;border: 1px solid #e9e9e9; margin-right:20px;}
.note{width: 400px;height:100px}
.logincopyright{text-align: center;color: White;font-size:14px;margin-top: 50px;}

/*分页吗样式*/
.anpager .cpb {background-color:#E66A34;border:1px #E66A34 solid;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;     padding: 4px 10px 4px 10px;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #DEE3E7;color:#000;margin:5px 4px 0 0;padding: 4px 10px 4px 10px;text-decoration:none}
.anpager a:hover{background:#E66A34 none repeat scroll 0 0; color:#FFFFFF;}


.lxwm{ width:100%; margin-top:10px; background:#FFF; border: 1px solid hsl(0, 0%, 91%); border-bottom:none }
.lximg{ font-family: 'Microsoft YaHei';
    background: url(../images/pro_bg.jpg) repeat-x scroll 0 0;
    line-height: 41px;
    height: 41px;
    border-top: none;
    border-bottom: none;}
.lxtext{     padding: 10px 10px 10px;
    background: #FFF;
    border: 1px solid hsl(0, 100%, 31%);}
.lxtext p{ color:#333; line-height:24px;  font-size:12px; font-family:'Microsoft YaHei'}
.lxtext p a{ color:#000;}
.lxtext p a:hover{ color:#e10000;}

/*foot*/

#footer { overflow:hidden; background:url(../Images/footer_bg.jpg) repeat-x left top #EDEDED;clear:both;}
#cnzz_stat_icon_1252948170 { display: inline-block;}
#footer .foot { width: 1000px; margin: 0 auto; padding:35px 0 10px 0; text-align:center; }
#footer .foot p { text-align:center; line-height:30px;}
#footer .foot p span { margin-left:10px;}
#footer .foot p a { margin: 0 5px 0 5px;}

.code{ position:fixed; bottom:120px; right:16px;}

.site .site_t { line-height:29px; font-weight:bold;}
.site .site_b { line-height:25px;}



