@charset "utf-8"; 
@import url(csscw.css);
/* 以下是本站自定义 */

/* 网站主色调fix[分页选中色/主字色/主背景色] */
.buts,#cmspage a:hover,#wappage a:hover{color:#fff;background:#aaaaaa;}
.benzi,.benzi a,.benzi a:hover,a.benzi,a:hover.benzi{color:#c00;}
.benbg{background:#c00;}
body{ min-width:1200px;}

/* CWCMS_文章列表 */
.list_news li{height:40px;line-height:40px;border-bottom:1px dashed #ccc;background:url(dot1.gif) no-repeat 0px 15px;padding-left:14px;}
.list_news li,.list_news li a,.list_news li a:hover{font-size:14px;}
.list_pic li{width:25%;float:left;text-align:center;padding-bottom:20px;}

/* CWCMS_文章正文页 */
.cwnews {text-align:center;}.cwnews .title{padding:10px 0;font-size:30px;width:80%;margin:auto;margin-bottom:20px;}.cwnews .click{border-bottom:1px solid #e8e8e8;background:#fff;padding:5px 0;}.cwnews .content{line-height:170%;padding:20px 0;text-align:left;}.cwnews img{max-width:100%;}

/* CWCMS_分类列表 */
.fldh{border-bottom:1px solid #ddd;height:28px;margin-bottom:10px;}
.fldh h1{float:left;}
.fldhli li{ line-height:36px; font-size:16px; padding-left:12px; background:url(yq.png) no-repeat 0 14px;}

.all{width:1200px;margin:auto; overflow:hidden;}.all1{width:1200px;margin:auto; }.copy{padding:20px 0;}
.inps3{ width:265px; height:32px; margin-top:5px; border:0px; color:#303030; font-size:12px; background-color:#f9f9f9; padding:0 10px;}
.buts3{ width:45px; height:32px; margin-top:5px; margin-left:5px; border:0px; cursor:pointer; background-color:#015cb5; color:#fff;}
.dhbg{ background:#015293; height:60px; overflow:hidden; min-width:1200px;}
.dh li{ float:left; display:inline; font-size:18px; width:133px; text-align:center; height:60px; line-height:60px; overflow:hidden;}
.dh111 li:hover{ background:#ffc000;}.dh li a:hover{ text-decoration:none;}
		/* 本例子css */
		.slideBox{ width:100%; height:440px; min-width:1200px; overflow:hidden; position:relative;}
		.slideBox .bd{ width:100%; height:440px; min-width:1200px;position:relative; height:100%; z-index:0; overflow:hidden; }
		.slideBox .bd li{float:left; width:100%;min-width:1200px; height:440px; text-align:center;}
		.slideBox .bd span {display:block; width:100%;min-width:1200px; height:440px; overflow:hidden;}
                .slideBox .bd span a {display:block; min-width:1200px;width:100%; height:440px;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
/* 下拉菜单 */
.menusdv1 {z-index:5;width:200px;position:relative;height:0px;}
.menusdv2 {z-index:5;visibility:hidden;position:absolute;}
#menus2ji {list-style-type:none;margin:0;width:170px;background:#015293;}
#menus2ji li {font-family:"microsoft yahei","黑体";text-align:center;border-top:1px solid #0864ad;}
#menus2ji li a,#menus2ji li a:hover { height:50px; line-height:50px; overflow:hidden;display:block;font-size:14px;COLOR:#fff;text-decoration:none;}
#menus2ji li a:hover {background:#ffc000;}

.tit{ background:url(tit.jpg); height:11px;}
.ti2a{ background:#ffc000; margin-top:15px; margin-right:10px; width:4px; height:22px;}
.f24{ font-size:24px;}
.ti2{ height:50px; line-height:50px; overflow:hidden;}
.tgd img{ float:right; margin-top:18px; margin-left:5px;}
.xw li{ height:40px; line-height:40px; overflow:hidden; background:url(xm.jpg) no-repeat 0 17px; padding-left:20px; border-bottom:1px dotted #cbcbc9;}

.image-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content:left;
  width:1240px;
  margin: auto;
}

.media {
width:380px;
  height:368px;
  display: flex;
  margin-right:28px;
  overflow: hidden;
  position: relative;
}

.media:hover {
  cursor: pointer;
}

.overlay {
  background: rgba(79, 178, 233, 0.5);
  position: absolute;
  height:290px;
  width:380px;
  z-index: 3;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}

.media:hover .overlay {
  opacity: 1;
}

.media img {
  width:380px; height:290px;  position: absolute;
  top: 0%
}



.image-details { padding:20px;
  text-align: left; line-height:36px;
  color: white;
  font-size: 18px;
  z-index: 4;
  position: absolute;
  top: 0%;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}

.media:hover .image-details {
  top: 0%;
  opacity: 1;
}
.medib{ font-size:24px; width:380px; height:60px; background:#f4f4f4; text-align:center; line-height:60px; overflow:hidden;position: relative; top:300px;z-index:9999;}
.media a:hover{ text-decoration:none;}
.botbg{ background:#4d4d4d; min-width:1200px;}
.boa{ height:50px; line-height:50px;}.boa a{ padding:0 25px;}
.btt{ background:#fff; height:1px; min-width:1200px;}
.apad5 a{ padding:0 5px;}

/*经典案例*/
index_jdal_head{}
.index_jdal_head table{width:100%;border-collapse:collapse;table-layout:fixed;color: #7a7a7a;}
.index_jdal_head table,.index_jdal_head tr,.index_jdal_head td{border:1px solid #fff;}
.index_jdal_head td{font-size: 24px;text-align: center;height:60px;cursor: pointer;color: #fff;background: #015293;}
.index_jdal_head td>a{display: inline-block;width: 100%;height: 100%;padding: 20px 0;color: #fff;background: #4fb2e9;}
.index_jdal_head td.td_style,.index_jdal_head td.td_style a{background: #c00;}

.index_jdal_content_box>li{height: 493px;width:1200px;margin:auto;background:#f4f4f6;}
.index_jdal_banner_prev,.index_jdal_banner_next{width:10px;height:25px;overflow: hidden;display: table-cell;}
.fs_ul,.ch_ul,.gd_ul{position: absolute;overflow: hidden;}
.index_jdal_banner_prev span,.index_jdal_banner_next span{width:10px;height:25px;display: inline-block;cursor: pointer; margin-top:450px; margin-right:10px;}
.index_jdal_banner_prev span{background: url(index_left.png) no-repeat;}
.index_jdal_banner_next span{background: url(index_right.png) no-repeat;}
.index_jdal_banner_content{width: 1160px; overflow: hidden;height: 100%;float:left;position: relative;}
.index_jdal_banner_content li{ padding:20px;width: 1160px;overflow:hidden;height:493px;float: left;}


.ti3{ font-size:20px; padding:10px 0; color:#015293;}
.ttd{ width:100px; height:2px; background:#015293;}
.gd{ border:1px solid #656565; height:40px; line-height:40px; overflow:hidden; width:150px; text-align:center; font-size:18px;border-radius:5px;}
.gd a{ float:left; width:150px; height:40px;}.gd a:hover{ text-decoration:none;}
.nin{ border-bottom:1px solid #ccc; height:50px; line-height:50px; overflow:hidden; font-size:14px; padding-right:20px;}
.sbt{border-top-right-radius:5px; color:#fff;border-top-left-radius:5px; background:#c00; text-align:center; padding:10px 0; line-height:240%;}
.xla{ width:278px; font-size:16px; border:1px solid #ccc; padding:10px;}
.xla li{ padding:10px 0;  width:100%; line-height:20px; text-align:center; overflow:hidden; }
.xla li a{ float:left; display:inline; width:100%; height:100%;}
.xla li a:hover{ text-decoration:none;}
.xla .on{background: #4fb2e9;}
.xla1 li{ float:left; display:inline; width:599px; line-height:30px; text-align:center; overflow:hidden;background: #ffc000; font-size:20px; border-right:1px solid #fff;}
.xla1 li a{ float:left; display:inline; width:100%; height:100%;}
.xla1 li:hover{background: #4fb2e9;}.xla1 li a:hover{ text-decoration:none;}
.xla2{ width:909px; font-size:16px; margin-top:15px;}
.xla2 li{ float:left; display:inline; width:301px; height:60px; line-height:60px; text-align:center; overflow:hidden; background:#c00; margin-right:1px;}
.xla2 li a{ float:left; display:inline; width:100%; height:100%;}
.xla2 li:hover{background:#015293;}.xla2 li a:hover{ text-decoration:none;}
.xla2 .on{background: #4fb2e9;}
.sbt2{border-top-right-radius:5px; color:#fff;border-top-left-radius:5px; background:#c00; text-align:center; padding:10px 0; line-height:240%; height:55px;}


/* CMS文章正文页 */
.cw_view {text-align:center;}
.cw_view .title{font-size:20px;font-weight:bold;padding:10px 0;}
.cw_view .click{border:1px solid #E8E8E8;background:#F7F7F7;padding:5px 0;}
.cw_view .click,.cw_view .click a,.cw_view .click a:hover {color:#505050;}
.cw_view .content{line-height:160%;padding:20px 0;text-align:left;}
/* CMS列表分页 */
.cms_listpage {padding:6px;text-align:center;}
.cms_listpage a {border:#eee 1px solid;padding:2px 5px;margin:2px;color:#036cb4;text-decoration:none;}
.cms_listpage a:hover,.cms_listpage a:active {border:#999 1px solid;color:#666;}
/* CMS图片列表 */
.cms_piclist ul{list-style-type:none; width:950px;} 
.cms_piclist li{width:290px;height:380px;float:left;display:block; margin:10px 10px 10px 0; overflow:hidden;}
.cms_piclist li a{line-height:30px;}
.cms_piclist li:hover{ background:#f4f4f4;}
/* CMS图片列表 */
.cms_piclist1 ul{list-style-type:none; width:1250px;} 
.cms_piclist1 li{width:290px;height:380px;float:left;display:block; margin:10px 10px 10px 0; overflow:hidden;}
.cms_piclist1 li a{line-height:30px;}
.cms_piclist1 li:hover{ background:#f4f4f4;}
/* CMS留言 */
.cms_gbinps{border:1px solid #BBB;padding:4px 4px;}
.cms_gbbuts{border:0;height:24px;line-height:24px;background:#AAA;color:#FFF;}
a.cms_viewpage{color:#003C9E;}
/* CMS搜索结果 */
.cms_sea {}
.cms_sea .seakeyword{color:red;}
.cms_sea .info,.cms_sea .info a,.cms_sea .info a:hover{color:#777;}
.cnx li{ width:1180px; height:90px; overflow:hidden; background:#fff; border:1px solid #ccc; margin-bottom:10px; line-height:200%;}
.cnx li a{float:left; display:inline; padding:10px; width:1380px;}
.cnx li:hover{background:#4fb2e9;}
.cnx li:hover .left{ color:#fff;}
.cnx li:hover .right{ color:#fff;}
.cnxa{ font-size:12px; background:#f3f3f3; width:60px; height:50px; text-align:center; padding:10px 5px;}
.cnx li:hover .cnxa{background:#4fb2e9;}
.cnx a:hover{ text-decoration:none;}
.cp1{ padding:10px; font-size:12px; color:#000; line-height:30px;}
.cp1 a{text-align:center; display:block;}
.nam1{ height:40px; font-size:16px; line-height:40px; overflow:hidden; width:600px; border:1px solid #ccc; padding:0 10px;font-family:"microsoft yahei","黑体";}
.nam2{ height:100px; font-size:16px; overflow:hidden; width:600px; border:1px solid #ccc; padding:10px;font-family:"microsoft yahei","黑体";}
.nam3{ height:30px; font-size:16px; overflow:hidden; width:80px; border:1px solid #ccc; font-family:"microsoft yahei","黑体";}
.nam4{ color:#fff; background:#4fb2e9; width:100px; height:35px; line-height:35px; overflow:hidden; border:0;}


.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#f67524;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(right_pic5.png)}
.side ul li i.bgs2{background-image:url(right_pic7.png)}
.side ul li i.bgs3{background-image:url(right_pic2.png)}
.side ul li i.bgs4{background-image:url(right_pic1.png)}
.side ul li i.bgs5{background-image:url(right_pic3.png)}
.side ul li i.bgs6{background-image:url(right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(right_pic3_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#f67524;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}
.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}
.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524}
.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(right_pic8.png) 28px center no-repeat;background-color:#e96410}
.side ul li.sideetel .telBox dd.bgs2{background:url(right_pic9.png) 28px center no-repeat}
.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}
.side a:hover{ text-decoration:none;}


		/* 本例子css */
		.slideBox0{ width:545px; height:325px; overflow:hidden; position:relative; }
		.slideBox0 .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox0 .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox0 .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox0 .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox0 .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox0 .bd li{ zoom:1; vertical-align:middle; }
		.slideBox0 .bd img{ width:545px; height:325px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox0 .prev,
		.slideBox0 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
		.slideBox0 .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox0 .prev:hover,
		.slideBox0 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox0 .prevStop{ display:none;  }
		.slideBox0 .nextStop{ display:none;  }



.in p{ font-size:14px; line-height:250%}