body { color:#666; font-size:13px; font-family:微软雅黑, Helvetica, sans-serif;background:url(../Images/top_bg.jpg) repeat-x;line-height:25px;}
.MTA {
    margin-top: -85px;
}
/*con*/
.co{ width:100%; height:auto; }
/*.con{ width:1000px; margin:10px auto;background:#fff;min-height: 550px; }*/
.conn{ width:1000px;  margin:10px auto;}
.cleft{ width:220px; float:left;  }
.cltop{ height:70px; background:#fe1705;}
.cltop2{ height:70px; background:#076ce0;}
.cltoptext{ float:left;height:40px; line-height:70px;padding-left:40px; font-size:24px; color:#fff;}
.cltoptext2{ float:left;height:40px; line-height:70px;padding-left:40px; font-size:24px; color:#fff;}
.clul{margin-bottom:10px;border:5px solid #ededed;}
.clul ul{ margin:0px auto; width:210px;}
.clul ul li{height:33px; border-bottom:1px dotted #d7d7d7;background:url(/images/dtli_ico.png) no-repeat left; padding-left:10px;}
.clul ul li a{line-height:33px;color:#333;font-size:14px; }
.clul ul li a:hover{color:#e10000;}
#bot{color:#455971;}

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

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

.cright{ width:760px;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:730px; min-height:300px; padding:15px;}
.ma{width:730px;height:auto; padding:15px; min-height:300px;
}


.cnews1{ width:700px; height:80px; padding-top:5px;}
.nimg a{ width:870px; height:30px; color:#455971;font-size:14px;font-weight:bold;}
.nimg a:hover{ width:870px; height:30px; color:#c12e02;font-size:14px;}
.ntext a{  width:870px; 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:730px;height:70px; margin-top:5px; padding:5px; text-align:left; padding-left:10px; color:#666; clear:both;font-size:12px;}
.next ul li{ width:730px; padding:0px 5px; height:28px; background-color:#f1f1f1; 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:880px;}/*就是manews的宽度 可以改*/
.manews ul li{ width:880px; height:100px; padding-left:10px; border-bottom:1px dashed #ccc; 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:#c12e02;}
.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:470px;   /* 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;}



.news-list{
 	position: relative;
 	width: 100%;
 	margin: 20px auto;
 }
 .news{width: 80% !important}
 .news-box{position: relative;width:33.33%;padding:0 10px;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: #114989;
	transition: 0.2s;font-size:12px
}
.news-list-title p{
	height: 44px;
	overflow: hidden;
}

.news-list-info:hover h4{
	color: #ff6000;
}


/*在线留言*/
.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:#455971;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:#455971 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:#455971 none repeat scroll 0 0;border:1px solid #455971;color:#FFFFFF;}

/*---联系我们--*/
.lxwm{ width:210px;  margin-top:5px; border:5px solid #ededed;}


 .subnr { border:0px solid #ededed; border-top:0;  padding:5px 9px; width:210px; overflow:hidden; }
 .subnr p { line-height:25px; 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:#666; line-height: 20px;padding: 10px 0 10px 5px;}
 .dianhua span { display: block; font: 18px "Impact"; color:#455971; }
/*foot*/
.piclist{ margin-left:15px }
.piclist  li{ margin:10px 10px; float:left }
.piclist  li .pic{ text-align: center;  display:table-cell; vertical-align:middle; width:220px; height:161px; 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:#f60; font-family: simsun;}

.products{width: 740px;}
.pro-img{width: 450px;margin-right: 0!important;float: left;position: relative;height: auto;background: #fff!important;}
.pro-img img{/*width:320px;*/ height:300px;}
.pro-list{width:280px;float:right;position:relative;}
.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: 280px;}
ul.accordion li {float: left;width: 98%;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;}

.expmenu{ width:210px;overflow:hidden; margin:0 auto;  overflow:hidden;border:5px solid #ededed;}
.expmenu li div.header{width:198px;  height:44px; line-height:42px;}
.expmenu li div.header h3{font-size:16px; font-weight:normal;background:url(../Images/pl_h3.gif) no-repeat left center;border-bottom:1px dotted #d7d7d7;
padding: 0 0 0 5px; height:44px; line-height:42px;padding-left:30px;}
.expmenu li div.header a{height: 32px; font-size:12px; font-family:"微软雅黑"; font-weight:normal; color:#333;}
.expmenu li div.color a{ color:#E64710;}



/*三角按钮*/
.expmenu li div.header .arrow{display:block;width:20px;height:42px;float:right;overflow:hidden;cursor:pointer;}
.expmenu li div.header .arrow.down{background:url(../Images/jian.png) right no-repeat; margin-right:15px;}
.expmenu li div.header .arrow.up{background:url(../Images/jia.png) right no-repeat; margin-right:15px;} 
/*二级导航*/
.expmenu li .menu{ padding:0 8px 5px; overflow:hidden;}
.expmenu li .menu li{ height:28px; line-height:28px; padding-left:30px; overflow:hidden;font-size:12px;background: url(../Images/pl_li.gif) no-repeat 16px 10px;overflow: hidden;}
.expmenu li .menu li a { color:#666;}
.prolist h4{ color:#eaedf1; font-size:14px; font-weight:normal; padding:39px 0 0 25px;font-family:"微软雅黑"; }
.prolist h4 b{ display:block; color:#ff6800; font-size:25px; margin-top:10px;}
.prolist h4 span{ padding-left:22px;}