body { color:#666; font-size:13px; font-family:微软雅黑, Helvetica, sans-serif;background:url(../Images/top_bg.jpg) repeat-x;line-height:25px;}
/*con*/
.co{ width:100%; height:auto; }
/*.con{ width:1000px; margin:10px auto;background:#fff;min-height: 550px; }*/
.conn{ width:1200px; /*min-height: 600px;*/ margin:10px auto;}
.cleft{ width:280px; float:left;  }
.cltop{ height:120px; background:url(/images/faphone.png) no-repeat;}
.cltop2{ height:70px; background:url(/images/h2.jpg) no-repeat;}
.cltoptext{ height:120px; line-height:120px;text-align:center; font-size:24px; color:#fff;}
.cltoptext2{ height:70px; line-height:70px;text-align:center; font-size:15px; color:#fff;}
.clul{margin-bottom:10px;border:1px solid #ededed;}
.clul ul{ margin:0px auto; width:275px;}
.clul ul li{height:45px; border-bottom:1px dotted #ededed;background:url(/images/dtli_ico.png) no-repeat left;text-align:center;}
.clul ul li a{line-height:45px;color:#3e3f3f;font-size:15px;font-weight: 700; }
.clul ul li a:hover{color:#e10000;}
#bot{color:#183883;}

.n_ban{width:100%; height:188px; position:relative;  overflow:hidden;min-width:1200px}

.ctop{ height:50px; border-bottom:1px solid #d1d1d1;}
.toptext{ height:50px; float:left; line-height:50px; padding-left:10px;background:url(/images/ctopn.png) no-repeat 10px center; color:#183883; font-weight:bold; font-size:15px;}

.cright{ width:900px;float:right;border:1px solid #ededed;}
.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:860px; min-height:300px; padding:5px;}
.ma{width:860px;height:auto; padding:15px; min-height:300px;
}


.cnews1{ width:860px; height:80px; padding-top:5px;}
.nimg a{ width:860px; height:30px; color:#333;font-size:14px;font-weight:bold;}
.nimg a:hover{ width:860px; height:30px; color:#c12e02;font-size:14px;}
.ntext a{  width:860px; height:80px;color:#333;}
.ntext a:hover{   height:80px;color:#c12e02;}
.ntitle{height:30px; float:right;font-size:14px; font-weight:bold; color:#888; }

/*页面导航条  -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:870px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:10px; color:#666; clear:both;font-size:12px;}
.next ul li{ width:870px; padding:0px 5px; height:28px; background-color:#EAE9E8; margin-bottom:5px;}
.next span{ color:#333; 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:860px;}/*就是manews的宽度 可以改*/
.manews ul li{ width:860px; height:100px; padding-left:10px; border-bottom:1px dashed #999; line-height:30px; background:url(/images/) no-repeat left center;}/*使用的padding left了  所有少了-20px*/
.manews ul li a{  text-decoration:none; line-height:30px; text-align:left; }
.manews ul li a:hover{text-decoration:none; color:#ec6200;}
.ys2{ float:left; color:#333;font-size:12px;line-height:30px;}
.ys3{ float:right; color:#666;font-size:12px;line-height:30px;}


/*产品展示页面*/
.nei{float: left;width:215px;height:185px; margin:5px 7px;}
.nei p{color:#000; font-size:14px; text-align:center; line-height:25px;}
.nei:hover{ text-decoration:none;}
.nei:hover p{ color:#0049aa;}
.nei:hover .neinav{border:1px solid #0049aa;}
.neinav{width:205px;height:155px; padding:5px;border:1px solid #dfdfdf;}
.neinav img{width:205px;height:155px;}
.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:420px;   /* 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 */
}


.news-list{
 	position: relative;
 	width: 100%;
 	margin: 20px auto;
 }
 .news{width: 80% !important}
 .news-box{position: relative;width: 33.3%;padding:0 20px;float: left;margin-bottom: 40px; box-sizing:border-box;border-right:1px solid #ededed;}
 .news-list-img{
 	position: relative;
 	width: 100%;
 	overflow: hidden;text-align:center;
 }
 .news-list-img img{
 	/*width: 100%;*/
 }

.news-list-info{
	position: relative;
 	width: 100%;
 	padding: 0px;
 	background-color: #fff;
 	box-sizing:border-box;
}
 .news-list-img:before{
 	content: "";
 	display: inline-block;
 	position: absolute;
 	top: 50%;
 	left: 45%;
 	left: calc(50% - 30px);
 	height: 60px;
 	width: 60px;
 	background-image:url(../images/icon-zoom.png); 
 	z-index: 3;
 	opacity: 0;
 	filter:alpha(opacity=0);
 	transition: 0.4s; 
}
 .news-list-img:hover:before{
 	top: 42%;
 	top: calc(50% - 30px);
 	left: 45%;
 	left: calc(50% - 30px);
 	opacity: 1;
 	filter:alpha(opacity=100);

}
.news-list-img:after{
	content: "";
	left: 0;
	top: 0;
	display: inline-block;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #000;
	z-index: 2;
	opacity: 0;
 	filter:alpha(opacity=0);
 	transition: 0.4s; 
}
.news-list-img:hover:after{
	opacity: 0.4;
 	filter:alpha(opacity=40); 
}
.news-list-title h4{
	color: #222;
	transition: 0.2s;font-size:12px;background: #ccc;
    text-align: center;
}
.news-list-title p{
	height: 44px;
	overflow: hidden;
}

.news-list-info:hover h4{
	color: #fff;background: #49506a;text-decoration:none;
}


/*在线留言*/
.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;    text-align: center;line-height: 29px;background:#49506a;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:#555 none repeat scroll 0 0;border:1px solid #CCCCCC;color:#FFFFFF;font-weight:bold;margin:5px 4px 0 0;padding:4px 12px 5px;}
.anpager a {background:#FFFFFF none repeat scroll 0 0;border:1px solid #CCCCCC;color:#666;margin:5px 4px 0 0;padding:4px 12px 5px;text-decoration:none}
.anpager a:hover{background:#555 none repeat scroll 0 0;border:1px solid #555;color:#FFFFFF;}

/*---联系我们--*/
.lxwm{ width:278px; height:300px; margin-top:5px; border:1px solid #dedede;}


 .subnr { border:0px solid #ededed; border-top:0;  padding:5px 9px; width:280px; overflow:hidden; }
 .subnr p { line-height:22px; overflow:hidden; }
 .subnr span { color:#333; }
 .subnr h5 { padding-top:12px; line-height:28px; overflow:hidden; }
 .dianhua { background: url(img/teln.gif) no-repeat scroll 0 18px transparent; color:#3e3f3f; line-height: 20px;padding: 10px 0 10px 5px;}
 .dianhua span { display: block; font: 18px "Impact"; color:#183883; }
/*foot*/

.piclist  li{ margin:10px 10px; float:left }
.piclist  li .pic{ text-align: center;  display:table-cell; vertical-align:middle; width:272px; height:188px; border:1px solid #d9d9d9;}
.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:30px; text-align:center; color:#666; font-family: simsun;}

.pro-img{width: 420px;margin-right: 0!important;float: left;position: relative;height: auto;background: #fff!important;}
.pro-img img{/*width:320px;*/ height:250px;}
.pro-list{width:400px;float:right;position:relative;margin-right:20px;}
.pro-list h4{width:100%;margin-bottom: 10px;font-size: 14px;font-weight:700;}
.pro-list p{width:100%;margin-bottom: 10px;} 
a.product-item-preview {border-radius: 4px;background-color: #aab2bd;color: #FFF;position: absolute;right: 20px;bottom: 20px;padding: 10px;text-align: center;font-size: 14px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
a.product-item-preview i {color: #FFF;}
a.product-item-preview:hover{background: #169fe6!important;}
ul.accordion {display: inline;float: left;width: 400px;}
ul.accordion li {float: left;width: 100%;padding: 0;border: 1px solid #e1e1e1;border-bottom: none;}
ul.accordion li a{color: #169fe6!important;}
ul.accordion li:last-child { border-bottom: 1px solid #e1e1e1 }
ul.accordion .accordion-switch {float: left;width: 100%;background: #FFF;margin-bottom: 0px;-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;transition: all 0.25s ease-out;cursor: pointer;font-size: 12px;color: #777;line-height: 30px;padding: 0px 0 0px 0;color: #169fe6!important;background: #f6f7fb}
ul.accordion li.accordion-item .accordion-switch {font-size: 13px;text-transform: capitalize;float: left;}
ul.accordion li a:hover { text-decoration: underline }
ul.accordion li.accordion-item .accordion-content {padding: 0px 20px 10px 15px;margin-top: 5px;float: left;}
ul.simple-list {border: none!important;float: left;list-style: none;margin: 0px;}
ul.simple-list li {list-style: none;padding: 6px 0!important;border: none!important;border-bottom: 1px solid #e6e9ee!important;float: left;display: block;width: 100%;}
ul.simple-list li span {margin-right: 5px;padding: 2px;font-size: 14px;}