﻿body { font-family:'Microsoft YaHei'}
p {  margin:0;}
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; position:absolute; top:460px;}
.con{ width:1200px; height:auto; margin:0 auto; }
.conn{

width: 1200px;
margin: 0 auto; overflow: hidden}
.cleft{ width:230px; float:left;  border: 1px solid hsl(0, 0%, 91%); border-left:none; border-right:none; border-bottom:none}
.cltop{ font-family:'Microsoft YaHei';     background:#0073C6;  border: 1px solid hsl(0, 0%, 91%); border-top:none; border-bottom:none}
.cltoptext{ 
    line-height:60px;
    display: inline-block;
    zoom: 1;
    color:#fff;
    text-align: center;
    font-size: 22px;
    padding: 0 60px 0 30px;}
.clul{ padding:15px 8px 8px;background:#FFF; border: 1px solid hsl(0, 0%, 91%); border-top:none}
.clul ul{ margin:0px auto; width:100%;}
.clul ul li{ height: 35px;
    line-height: 35px;
    background: hsl(0, 0%, 93%) url(../images/side_nav.png) no-repeat 10px center;
    margin-bottom: 6px;}
.clul ul li a{     display: block;
    padding-left: 30px;}
.clul ul li a:hover{display: block;
    background: hsl(205, 100%, 39%) url(../images/side_nav_hover.png) no-repeat 10px center;
    color: hsl(0, 100%, 100%);
    padding-left: 30px;}
#bot{ display: block;
    background: hsl(205, 100%, 39%) url(../images/side_nav_hover.png) no-repeat 10px center;
    color: hsl(0, 100%, 100%);
    padding-left: 30px;}


.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:950px;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:5px; background:#fff; margin-top:10px; border:1px solid #e3e3e3;  min-height:300px; font-size:16px;
}
    .ma p { margin:10px 0px;}
.ma img {
    max-width:100%;
}


.piclist  li{ margin:10px 6px; float:left; border: 1px solid #d9d9d9; width: 220px; }
.piclist  li .pic{ }
.piclist  li .pic img{ vertical-align:middle; }
.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; font-size:14px}


.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-bottom:none }
.lximg{ }
.lxtext{ margin:0 auto; padding-bottom:10px; padding:5px;}
.lxtext p{ color:#333; line-height:24px;   font-family:'Microsoft YaHei'; margin:10px 0}
.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;}



