﻿@charset "utf-8";
html{ overflow-y:scroll; overflow-x:hidden;}
body{ background-color:#fafcfd;}
body, div, dl, dt, dd, ul, ol, li, form, input, textarea, select, p, h1, h2, h3, h4, h5, h6 { font-family:微软雅黑; color:#333333; line-height:20px; font-size:12px; font-weight:normal; padding:0; margin:0;}
em, i, del { font-weight:normal; font-style:normal;}
img { border:0;}
ol, ul { list-style:none;}
a { color:#333333; cursor:pointer;font-family:微软雅黑;}
a:link, a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}

/*top*/
.t1{ width:100%; height:23px; background:url(/images/t1.png) repeat-x;}
.t11{ width:1000px; height:23px; margin:0px auto; line-height:23px; color:#666; font-size:14px;}
.t2{ width:100%; height:100px; background:url(/images/t2.png) repeat-x;}
.t22{ width:1000px; height:100px; margin:0px auto;}
.logo{ float:left; width:465px; height:100px;}
.tel{ width:500px; float:right; height:100px; background:url(/images/tel.png) no-repeat;}
.tel1{ height:60px; width:500px; margin-top:10px;}
.tq{ width:200px; float:left; margin-top:10px;}
.phone{ width:192px; height:21px; float:left; margin-left:10px; margin-top:10px;}
.ss{ float:right; width:59px; height:60px; margin-right:10px;}
.navbar{ width:500px; height:30px;}
.navbar ul li{ float:left; width:83px; height:30px;}
.navbar ul li a{ display:block; width:83px; height:26px; margin:2px auto;}
.navbar ul li a{ font-size:14px; line-height:26px; text-align:center; font-weight:bold; color:#fff;}
.navbar ul li a:hover{ text-decoration:none; background:url(/images/n1.png) no-repeat; color:#143463;}
#n1{ text-decoration:none; background:url(/images/n1.png) no-repeat; color:#143463;}

.im{ width:100%; height:400px; overflow:hidden; text-align:center;}

/*con*/
.co{ width:100%; height:auto; float:left;}
.con{ width:1000px; height:auto; margin:0px auto;}
.conn{ width:1000px; height:auto; float:left;padding-bottom:10px; padding-top:10px;}
.cleft{ width:210px; float:left; margin-left:5px;}
.cltop{ height:36px;background:url(/images/nytop.png) no-repeat; text-align:center;}
.cltoptext{height:36px; line-height:36px;font-size:16px; font-weight:bold; color:#fff;}
.clul{margin-bottom:10px; height:auto;}
.clul ul{ margin:0px auto; width:153px;}
.clul ul li{height:33px; border-bottom:1px dotted #d7d7d7;background:url(/images/dot2.png) no-repeat 15px center; padding-left:30px;}
.clul ul li a{line-height:33px;}
.clul ul li a:hover{color:#e10000;}
#bot{color:#e10000;}
.nytd{ width:210px; height:62px; margin-bottom:10px;}


.ctop{ height:36px; background:url(/images/c2bg.png) repeat-x top;}
.toptext{ height:36px; float:left; line-height:36px; padding-left:30px;background:url(/images/xt.png) no-repeat 10px center; color:#336699; font-weight:bold; font-size:16px;}

.cright{ width:760px;float:right;}
.about{ height:36px; float:right; padding-right:10px;}
.about a{ color:#333; text-decoration:none; line-height:36px;}
.about a:hover{ color:#336699; text-decoration:none;}
/*ma manews maa  使用了padding所有宽度少30*/
.manews{width:750px; min-height:300px; padding:5px;}
.ma{width:750px; padding:5px; min-height:300px;}

/*页面导航条  -30px*/
.under{ width:730px; height:24px; margin-top:5px; padding:5px; padding-right:20px; 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{ width:710px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:20px; color:#666; clear:both;font-size:12px;}
.next ul li{ width:700px; 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{ width:750px;}/*就是manews的宽度 可以改*/
.manews ul li{ height:30px; padding-left:13px; border-bottom:1px dashed #dedede; line-height:30px; background:url(/images/dian.png) no-repeat left center;}/*使用的padding left了  所有少了-20px*/
.manews ul li a{ color:#333; text-decoration:none; line-height:30px; text-align:left; font-size:12px;}
.manews ul li a:hover{text-decoration:none; color:#336699;}
.ys2{ float:right; color:#333;font-size:12px;}


/*产品展示页面*/
.nei{float: left;width:142px;height:185px; margin:10px 22px;}
.nei p{color:#000; font-size:12px; text-align:center; line-height:25px;}
.nei:hover{ text-decoration:none;}
.nei:hover p{ color:#336699;}
.nei:hover .neinav{border:1px solid #336699;}
.neinav{width:132px;height:150px; padding:4px;border:1px solid #dfdfdf;}
.neinav img{width:132px;height:150px;}
.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 */
}

/*在线留言*/
.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: #000;line-height: 29px;background: url('/Images/login-btn.gif') no-repeat;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:#336699 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 5px 0;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#336699;margin:5px 4px 0 0;padding:4px 5px 0;text-decoration:none}
.anpager a:hover{background:#336699 none repeat scroll 0 0;border:1px solid #336699;color:#FFFFFF;}


.lxwm{ width:210px; height:auto; float:left;}
.lxtext{ width:190px; height:auto; background-color:#dedee0; padding:10px;}
.lxtext p{ margin-bottom:2px; color:#000;}
.lxtext p a{ color:#000;}
.lxtext p a:hover{ color:#e10000;}

/*foot*/
.foot{ width:100%; height:195px; background-color:#003366; clear:both;}
.fot{ width:1000px; height:155px; margin:0px auto; padding-top:40px;}
.fot p{ text-align:center; margin-bottom:10px; color:#fff;}
.fot p a{ color:#fff;}
.fot p a:hover{ color:#e10000;}