@charset "utf-8";
/*
@这是一个公共样式文件，几乎所有的页面都得调用
@非特殊情况不的随意修改此文件
@此文件包括页头和页尾及公用模块的样式
*/
/* ====================公共样式==================== */

/*-----------信息样式一  符号+标题 -------------------*/
.newLst1 li{padding-left:15px; border-bottom:#919191 1px dotted; background:url(../images/newLst2_Icon.png) 2px center no-repeat;}
.newLst1 li a{width:97%; line-height:35px; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.newLst1 li:last-child{}

/*-----------信息样式二  符号+标题+日期 -------------------*/
.newLst2{ display:flex;flex-direction:column;width:100%;}
.newLst2 li{clear:both; padding-left:20px; border-bottom:#919191 1px dotted; background:url(../images/newLst2_Icon.png) 8px center no-repeat;}
.newLst2 li a{line-height:35px;display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.newLst2 span{ float:right;color:#CCCCCC;line-height:35px;}

/*-----------信息样式三 标题+日期+简介 -------------------*/
.newLst3 {margin:0px; padding:0px 0px;}
.newLst3 li{margin:0 3px 10px 0px; padding:15px;color:#FFFFFF;transition:all 0.3s ease-in-out;border-radius:5px;border:#F6F6F6 1px solid;}
.newLst3 li:hover{border:#E8E8E8 1px solid;}
.newLst3 li a{display:block;}
.newLst3 li:hover a{color:#000;}
.newLst3 h3{ font:16px/2.0 "微软雅黑", "宋体", Arial;border-bottom:#cecece  1px solid; margin-bottom:10px;}
.newLst3 h3 span{ float:right;font:13px/3.0 "微软雅黑", "宋体", Arial;}
.newLst3 i{ display:block; color:#F76301;text-align:right;}

/*-----------信息样式三-2 标题+日期+简介 -------------------*/
.newLst3_2:after{content:"";display:table;clear:both;}
.newLst3_2{ border:#fff 0px solid; width:100%;margin-bottom:10px;}
.newLst3_2 .date{ float:left; width:20%; border:#FF0000 0px solid; margin:5px 0px 0px 0;}
.newLst3_2 .date sup,.newLst3_2 .date sub{display:block;  text-align:center; }
.newLst3_2 .date sup{color:#FFFFFF;background:#84DF92; line-height:30px;}
.newLst3_2 .date sub{border:#84DF92 1px solid; font:18px/30px Arial, Helvetica, sans-serif;}
.newLst3_2 .info{ float:right;width:78%;border:#FF0000 0px solid;}
.newLst3_2 .info p{ height:40px; overflow:hidden; line-height:20px;}
.newLst3_2 .info h4{ font: bold 13px/30px "微软雅黑","宋体"; width:100%; height:30px;overflow:hidden; color:#84DF92;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.newLst3_2:hover h4{ color:#FFBF03;}
.newLst3_2:hover sup{ background:#FFBF03;}
.newLst3_2:hover sub{border:#FFBF03 1px solid;color:#FFBF03;}


/*-----------信息样式四  图片+标题 -------------------*/
.newLst4 {margin:10px 18px 5px 0px; float:left; width:225px; height:170px;border:#d4d4d4 solid 1px;overflow:hidden;
	position:relative;float:left;cursor:hand; cursor:pointer;
}
.newLst4 img{ width:225px; height:170px;}
.newLst4 span,.newLst4 h3{ width:100%; position:absolute; color:#FFFFFF; left:0; bottom:0; text-align:center;height:35px;font:15px/35px "微软雅黑", "宋体", Arial;}
.newLst4 span{ display:block; background:#000; opacity:0.3; }

/*-----------信息样式五  图片+标题+日期+简介 -------------------*/
@media screen and (min-width:1200px){
.newLst5 li{width:47%; float:left; margin:0 0px 10px 10px; padding:5px;color:#FFFFFF;transition:all 0.3s ease-in-out;border-radius:3px;border:#F0F0F0 1px solid;}
.newLst5 li:hover{border:#E8E8E8 1px solid;}
.newLst5 li a{display:block;}
.newLst5 div{ min-height:140px;}
.newLst5 div.img{float:left; width:30%; padding:5px;}
.newLst5 div.img img{ width:100%; height:auto; max-height:120px;}
.newLst5 div.con{ float:right;width:65%;border:#00FF00 0px solid;}
.newLst5 .con h3{ width:100%; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font:14px/2.0 "微软雅黑", "宋体", Arial;border-bottom:#cecece  0px solid; position:relative; font-weight:bold;}
.newLst5 .con h3 span{ position:absolute; right:0; top:0;font-weight:100; background:#FFFFFF; color:#CCCCCC}
.newLst5 div.con p{ line-height:150%; max-height:90px; overflow:hidden;}
.newLst5 div.con b{ font-size:12px; color:#FF0000; font-weight:100;}
}
@media screen and (min-width:768px) and (max-width: 1200px) {
	.newLst5 li{ width:380px; margin:10px; float:left;}
	.newLst5 div.img{ padding:5px;}
	.newLst5 div.img img{ width:380px; height:300px;}
}
@media only screen and (max-width:768px) {
.newLst5 {margin:0px; padding:0px 0px;}
.newLst5 li{margin:0 0px 10px 0px; padding:5px;color:#FFFFFF;transition:all 0.3s ease-in-out;border-radius:3px;border:#F0F0F0 1px solid;}
.newLst5 li:hover{border:#E8E8E8 1px solid;}
.newLst5 li a{display:block;}
.newLst5 div.img{float:left; width:30%; padding:5px;}
.newLst5 div.img img{ width:100%; height:auto; max-height:140px}
.newLst5 div.con{ float:right;width:65%;border:#00FF00 0px solid;}
.newLst5 .con h3{ width:100%; display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden; font:14px/2.0 "微软雅黑", "宋体", Arial;border-bottom:#cecece  0px solid; position:relative; font-weight:bold;}
.newLst5 .con h3 span{ float:right;font-weight:100; color:#CCCCCC}
.newLst5 div.con p{ line-height:150%;}
.newLst5 div.con b{ font-size:12px; color:#FF0000; font-weight:100;}
}


/*-----------信息样式六  图片+标题+简介 -------------------*/
.newLst6{ display:flex;flex-wrap:wrap;justify-content:space-between;}
.newLst6 li{width:248px; background:#FFF; float:left;padding:5px;border:#F7F7F7 1px solid;}
.newLst6 img.Pic{ width:245px; height:180px;transition: transform 1s;}
.newLst6 h3{height:35px;font:16px/35px "微软雅黑", "宋体";text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newLst6 div{border-top:#cecece 1px solid;border-bottom:#cecece 1px solid; line-height:25px; margin:5px 0;color:#999999;}
.newLst6 p{line-height:20px;height:85px; overflow:hidden; color:#999999;}
.newLst6 i{ text-align:right; display:block; font-style:normal; padding:0 10px 0px 0;}
.newLst6 li:hover img.Pic{
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
}

/*-----------信息样式七  首条标题+简介 其余 标题+日期 -------------------*/
.newLst7 li:first-child{border-bottom:#919191 1px dotted;background:none;padding-left:0px; margin-bottom:8px;}
.newLst7 li:first-child a{display:inline; color:#CC0000;}
.newLst7 li div{ background:#EBEBEB; padding:5px 10px 10px 10px; margin-bottom:12px;}
.newLst7 li div h1{ line-height:30px;}
.newLst7 li{ clear:both; padding-left:20px; line-height:30px; background:url(../images/newLst2_Icon.png) 2px center no-repeat;}
.newLst7 li a{display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.newLst7 span{ float:right;color:#CCCCCC; }

/*-----------信息样式七  首条图片+标题+简介 其余 标题+日期 -------------------*/
.newLst8 li:first-child{
	display:flex;justify-content:space-between;
	border-bottom:#919191 1px dotted;background:none;padding-bottom:10px; margin-bottom:10px; padding-left:0;
}
.newLst8 li>a img{width:200px; height:150px;margin-right:10px;}
.newLst8 li>div{display:flex;flex-direction:column;flex:1; position:relative;}
.newLst8 li>div>h1{ line-height:30px; font-size:1.2em;}
.newLst8 li>div>a{ overflow:hidden; height:120px; line-height:25px;}
.newLst8 li{ clear:both; padding-left:18px; background:url(../images/newLst8_Icon.png) 5px center no-repeat;}
.newLst8>li>a{display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;line-height:28px;}
.newLst8 span{ float:right;color:#CCCCCC; }

/*-----------信息样式二  符号+标题+日期 -------------------*/
.newLst9{ background:url(../images/newLst9_boxBg.jpg);}
.newLst9 li{clear:both; padding:0 10px 0 80px;border:#EFEFEF 1px solid;border-top:0; background:url(../images/Icon_4.png) 25px center no-repeat,url(../images/Line.png) 60px center repeat-y;line-height:55px;}
.newLst9 li:first-child{border-top:#EFEFEF 1px solid;}
.newLst9 li a{display:block;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.newLst9 span{ float:right;color:#CCCCCC;}
.newLst9 li:hover{ background:url(../images/Icon_4.png) 25px center no-repeat,#FFFFFF url(../images/Line.png) 60px center repeat-y;}

.newLst10 dt{ float:left; padding:5px;}
.newLst10 dt img{ width:300px; height:300px; box-shadow:0 0 1px #cecece;}
.newLst10 dd{ float:left; margin-left:10px; width:400px;}
.newLst10 dd div{ border-bottom:#E9E9E9 1px solid;}
.newLst10 dd div h1{ line-height:32px;font-size:14px; font-weight:100;background:url(../images/newLst2_Icon.png) 5px  center no-repeat; padding-left:20px;}
.newLst10 dd div h1 span{ float:right;}
.newLst10 dd div p{ display:none; line-height:22px; padding-bottom:5px; }
.newLst10 dd div.Cur p{ display:block;}
.newLst10 dd div.Cur h1{ font-weight:bold;}


/*-----产品样式一  产品图片 --------------------------*/
.proLst1{ display:flex;flex-direction:row;flex-wrap:wrap; justify-content:space-between;}
.proLst1 li {margin:12px 12px;border:#0262b9 1px solid; padding:5px;width:200px; height:160px; text-align:center; overflow:hidden;}
.proLst1 li img{padding:1px; width:100%; height:100%;
  opacity: 0.9;
	transition: transform 1s;
}
.proLst1 li:hover img{
    opacity: 1;
    -webkit-transform: scale3d(1.05,9);
    -ms-transform: scale3d(1.05,1.05,9);
    transform: scale3d(1.05,1.05,9);
}

/*-----产品样式二 产品图片 + 标题(位于底部图片上方) --------------------*/
.proLst2 { margin:5px 10px 10px 10px;float:left;width:216px;height:165px;border:#d4d4d4 solid 1px;overflow:hidden;position:relative;cursor:pointer;}
.proLst2 img{ width:215px; height:165px;}
.proLst2 span,.proLst2 h3{ width:100%; color:#FFFFFF; position:absolute; left:0; bottom:0; text-align:center;height:35px;font:15px/35px "微软雅黑", "宋体", Arial;}
.proLst2 span{ display:block; background:#000; opacity:0.3; }
.proLst2:hover{border:#009900 solid 1px;}

/*  proLst3  产品图片+标题  圆形-鼠标经过显示标题 */
.proLst3 { margin:0 45px 50px 0px; float:left; width:188px; height:188px; border:#FFFFFF 0px solid;
	overflow:hidden;position:relative;float:left;cursor:hand; cursor:pointer;}
.proLst3 img{ width:188px; height:188px;}
.proLst3 span{ display:block;width:100%; height:100%; position:absolute; left:0; top:0;
	background:url(../images/customer.png) center center no-repeat;_background: url(../images/customer.gif) center center no-repeat; }
.proLst3 h3{ position:absolute; left:50%; top:50%;background:#666666;border-radius:150px;transition:all 0.5s ease-in-out; color:#FFFFFF;  text-align:center;width:0px; height:0px; margin:0px 0 0 0px;font:0px/0% "微软雅黑", "宋体", Arial;}
.proLst3:hover h3{margin:-75px 0 0 -75px;width:150px; height:150px;font:18px/150px "微软雅黑", "宋体", Arial;background:rgba(102,102,102,0.6);filter: alpha(opacity=60)\9;}

.proLst3_2 { margin:10px 0 10px 10px; float:left; width:248px; height:188px; border:#F9F9F9 1px solid;
	overflow:hidden;position:relative;float:left;cursor:hand; cursor:pointer;}
.proLst3_2 img{ width:250px; height:188px;}
.proLst3_2 span{ display:block;width:100%; height:100%; position:absolute; left:0; top:0;}
.proLst3_2 h3{ position:absolute; left:50%; top:50%;background:#000;border-radius:0px;transition:all 0.3s ease-in-out; color:#FFFFFF;  text-align:center;width:0px; height:0px; margin:0px 0 0 0px;font:0px/0% "微软雅黑", "宋体", Arial;}
.proLst3_2:hover h3{margin:-94px 0 0 -125px;width:250px; height:188px;font:18px/188px "微软雅黑", "宋体", Arial;background:rgba(0,0,0,0.3);filter: alpha(opacity=30)\9;}

/*-----proLst4 产品图片 + 标题 ( 位于下方 )--------------------*/
/*.proLst4 {margin:10px 10px 20px 10px; float:left;cursor:pointer; background:#FFFFFF; border:#F9F9F9 1px solid; padding:1px;}
.proLst4 img{ width:200px; height:150px;border-radius:0px; margin:1px;}
.proLst4 h3{text-align:center;height:35px;font:16px/35px "微软雅黑", "宋体", Arial;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.proLst4:hover{ box-shadow:0px 0px 15px 5px #fff;}
.proLst4:hover h3{ color:#f00}*/

.proLst4 {margin:10px 10px 20px 20px; border-radius:0 0 20px 20px; float:left;cursor:pointer; background:#FFFFFF; background:#ACC3D3;padding-top:3px;}
.proLst4 img{ width:180px; height:210px;border-radius:0px; margin:0px;}
.proLst4 h3{text-align:center;height:35px; line-height:35px; font-size:16px; color:#FFFFFF;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.proLst4:hover{ background:#FFC000; box-shadow:0px 0px 15px 5px #fff;}



/*-----proLst5 产品图片 + 标题 + 详细按钮 ( 位于下方 )--------------------*/
.proLst5{ display:flex;display:-webkit-flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.proLst5 li{width:32%; margin-top:15px;}
.proLst5 li div{ border:#E3E3E3 1px solid; padding:5px;}
.proLst5 li img{ width:100%; height:250px;}
@media only screen and (max-width:768px) {
	.proLst5 li{width:49%;}
	.proLst5 li img{ width:100%; height:120px;}
}
.proLst5 h3{color:#000;height:50px;font:18px/50px "微软雅黑", "宋体", Arial;text-overflow:ellipsis; white-space:nowrap;overflow:hidden;}
.proLst5 a{ line-height:25px; height:25px; padding:3px;color:#FFFFFF; background:#CE2D25;}
.proLst5 a:hover{ color:#FFFF00;}

.CateLst1{ margin:10px auto;}
.CateLst1 li{ margin-bottom:5px;}
.CateLst1 li img{ width:100%; height:100%; max-height:90px;}