@charset "utf-8";
/* CSS Document */

ul,
ol,
li {
    list-style: none;
}

.page-bottom--area {
    padding: 12px 0 13px;
}

    .page-bottom--area .bottom-content {
        margin: 0 auto;
        width: 1200px;
        text-align: center;
        font-size: 0;
    }

        .page-bottom--area .bottom-content .top-area {
            margin-bottom: 16px;
        }

        .page-bottom--area .bottom-content .display-style {
            display: inline-block;
            vertical-align: middle;
        }

        .page-bottom--area .bottom-content .divider {
            margin: 0 10px;
            width: 1px;
            height: 12px;
            font-weight: 400;
        }

        .page-bottom--area .bottom-content .common-style {
            font-size: 12px;
            font-weight: 400;
        }

        .page-bottom--area .bottom-content a {
            font-weight: 400;
            text-decoration: none;
        }

        .page-bottom--area .bottom-content .ga-area a img {
            margin-top: -1px;
            margin-right: 6px;
            width: 14px;
            height: 14px;
            vertical-align: middle;
        }

        .page-bottom--area .bottom-content .ali-area a img {
            margin-top: -2px;
            margin-right: 10px;
            width: 55px;
            height: 13px;
            vertical-align: middle;
        }

        .page-bottom--area .bottom-content .ipv-area .ipv6-box {
            display: inline-block;
            margin-left: 4px;
            text-align: center;
            border-radius: 4px;
            border: 1px solid rgba(152, 152, 152, 1);
            padding: 3px;
        }
        .page-bottom--area .bottom-content .ali-area a svg, .page-bottom--area .bottom-content .ali-area a span {
            vertical-align: top;
        }
        .bottom-words {
            vertical-align: middle;
        }
.page-bottom--area .bottom-content .ga-area a img, .page-bottom--area .bottom-content .ga-area a span {
    vertical-align: top;
}





#top_bg{height:87px;width:800px;position:absolute;margin-left:-180px;font-size:16px;z-index:999;top:05px;left:55%;}
#navul li{float:left;width:100px;height:87px;position:relative;text-align:center;line-height:77px;}
#navul li a:link, #navul li a:visited{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px；color:#333333;}
#navul li a:hover{background:none;border}
#navul li ul{display:none;position:absolute;z-index:999;top:79px;background:#FFF;border-bottom:none;left:-51px;


box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);

}

/*

{ position:absolute; left:50%; margin-left:-64px; min-width:188px; height:0; opacity:0; overflow:hidden; top:85px; background:#FFFFFF; box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);}
*/
#navul li ul li{
	
	display:block;width:220px;float:none;height:48px;text-align:center;position:relative;line-height:48px;font-size:14px;font-weight:500;overflow:hidden;border-bottom:1px solid #ddd;
	
	
	}
	#navul li ul li:hover {
	
	
	
	
	}
#navul li.navmoon{width:100px;height:87px;line-height:77px;}
#navul li.navmoon a{color:#404a58;}
#navul li.navhome a:hover{color:#FCFF00;}
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;font-weight:500}
#navul li.navmoon ul a:hover{background:#005aab;color:#FFF;border-bottom:1px solid #fff;}


/*新增样式*/
.gsxw_left{width:520px;height:480px;float:left;}
.gsxw_left .pic{width:100%;height:306px;overflow:hidden;text-align:center;}
.gsxw_left .pic img{overflow:hidden;width:100%;height:100%;}
.gsxw_left .pic span{display:block;width:80px;height:70px;background:rgba(0,0,0,0.25);position:relative;top:-310px;left:25px; border-radius:0 0 5px 5px;}
.gsxw_left .pic span b{font-size:30px;color:#fff;font-weight:normal;position:relative;top:3px;}
.gsxw_left .pic span em{font-style:normal;font-size:14px;color:#fff;line-height:32px;}
.gsxw_left .txt{border:1px solid #e5e5e5; border-top:0; padding:25px;}
.gsxw_left .txt h5{ height:50px;line-height:50px;font-size:18px;background:url(../images/s_news_ico.png) no-repeat 0px 0px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:60px;}
.gsxw_left .txt h5 a{ line-height:50px;font-size:18px;}
.gsxw_left .txt h5 a:hover{color:#ff8400;}
.gsxw_left .txt p{ color: #949497;line-height: 24px; margin:15px 0 10px 0;}

.news_slide{ width:640px;float:right;}
.news_slide li { height:100px; border-bottom: dashed 1px #e5e5e5; margin-bottom:25px;}
.news_slide li .time{ width:84px; height:84px; text-align:center; background:#f2f2f2; display:table-cell; vertical-align:middle; transition:0.3s all;}
.news_slide li:hover .time{ background:#2A72BE; color:#fff;}
.news_slide li .time span{font-size:24px;}
.news_slide li .time p{ margin-top:5px;}
.news_slide li .txt{ float:right; width:540px;}
.news_slide li .txt h5{ font-size:16px;  margin-bottom:5px; line-height:32px;}
.news_slide li .txt p{ color:#949497; line-height:24px;}


.lookmore {text-align: center;}
.lookmore a{display: inline-block;width: 155px;height: 38px;border: 1px solid #ccc;background: #fff;line-height: 38px;font-size: 14px;color: #333;border-radius: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;transition: all .5s ease;}
.lookmore a:hover{border: 1px solid #2A72BE; background: #2A72BE; color:#fff;}

.main{width:1200px; margin:auto;}
.main100 {width: 80%; margin: auto; max-width: 1200px; min-width: 1200px;}
.main_tit{text-align:center; min-width:1200px; padding:50px 0 50px 0;}
.main_tit_z{ font-size:35px; margin-bottom:5px;  color:#111;}
.main_tit_f{ font-size:17px; color:#999;text-transform:uppercase;}
.new_main_box{width:800px;}

a{text-decoration:none;color:#333;}

/*新增样式*/

.caselist1 {float:left;width:100%;padding:40px auto;height:880px;position: relative;margin-top:60px;}
.caselist1 ul {margin:auto;width:1200px;height:auto;}
.caselist1 ul li {float:left;width:280px;margin:10px;}
.caselist1 ul li img {float:left;width:280px;height:280px;}
.caselist1 ul li img:hover { 
							filter: brightness(85%); /* 将亮度降低到85%，给人图片变色的感觉 */
							transition: filter 0.3s ease; /* 过渡效果 */
						  }
.caselist1 ul li h5 {float:left;width:280px;height:auto;text-align:center;line-height:24px;margin:30px auto;font-size:14px;font-weight:400;color:#888;}


.w-list-item11 a {z-index:0;position:absolute;}
.w-list-item11 a span {float:left;width:60%;margin:auto;margin-left:20%;line-height:2em;margin-top:40px;font-size:22px;color:#fff;text-align:center;z-index:999;position:absolute;}
.w-list-item11 .homeal {float:left;padding:4px 8px;margin-top:10px;border:1px solid #fff;margin:150px 0 0 80px;border-radius: 14px;color:#fff;font-size:16px;line-height:1.2em;;z-index:999;position:absolute;}
.w-list-item11 .w-list-link::after {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(15, 49, 83, 0.4); /* 色半透明遮罩，透明度为0.5 */
	
}
.w-list-item11:hover .w-list-link::after {background: rgba(15, 49, 83, 0.0);}





fieldset, img { border:none; }
  #hotnews { width:1200px; margin:1px; margin-left:auto; margin-right:auto;padding-top:130px;font-size:12px;}
  #hotnews_caption { width:1160px; text-align:CENTER;overflow:hidden;padding-left:48px;border-bottom:1px solid #FAFAFA; }
  #hotnews_caption ul { float:left;text-align:CENTER; }
  #hotnews_caption ul li { float:left;border-radius:19px; border:1px solid #004FA3; width:200px;margin-right:15px; line-height:35px; text-align:center; cursor:pointer;font-size:14px;font-weight:700;color:#004FA3; }
  #hotnews_caption .normal { background:#FFF; }
  #hotnews_caption .current{ background:#004FA3; color:#FFF; }
  #hotnews_content {width:100%;float:left;padding-top:30px;}
  #hotnews_content .normal { display:none; }
  #hotnews_content .current { display:block; }
  #hotnews_content ul {float:left;width:1120px; padding:8px 0 0 45px; }
  #hotnews_content ul li {float:left;width:242px;margin-right:35px;text-align:center;font-size:16px;background:#F7F7F7;padding-bottom:10px;border-radius:10px;}
  #hotnews_content ul li:hover {background:#fff; box-shadow: 0px 0px 5px #aaa;}
  #hotnews_content ul li img {width:242px;height:200px;border-radius:10px;}
  #hotnews_content ul li a { font-size:14px;letter-spacing:1pt;line-height:14pt;filter: brightness(97%); }
  #hotnews_content ul li a:hover {
			filter: brightness(100%); /* 将亮度降低到85%，给人图片变色的感觉 */
							transition: filter 0s ease; /* 过渡效果 */
	
}
  #hotnews_content ul li a:hover {color:#004FA3;}
  #hotnews_content ul li p {float:left;line-height:22px;padding-top:10px;width:100%;}
  .productcenter {width:100%;float:left;margin:45px 0 40px 0;text-align:center;font-size:24px;line-height:1.2em;z-index:999;position:absolute;}
  .productcenter p {width:100%;float:left;height:24px;font-size:14px;color:#999;}
  .hotnews_captionm {float:left;margin:auto;text-align:CENTER;padding:3px;width:80px;border-radius:19px; text-align:CENTER;line-height:1.8em;border:1px solid #004FA3;color:#004FA3;margin-top:26px;margin-left:496px;}
  .hotnews_captionm:hover {text-decoration:none;color:#042CC2;font-weight:700;}

.con_17_42 .w-list .w-list-ul .w-list-item .w-list-link {filter: brightness(95%);transition: filter 0.3s ease;}
.con_17_42 .w-list .w-list-ul .w-list-item .w-list-link:hover {filter: brightness(100%);transition: filter 0.3s ease;}

.con_17_42 .w-list .w-list-ul .w-list-item p {float:left;width:240px;color:#fefefe;text-align:center;margin-left:20px;margin-top:-10px;margin-bottom:10px;border-radius:18px;line-height:32px;}
.con_17_42 .w-list .w-list-ul .w-list-item:hover p {color:#fff;background:#0070BB;}








.caselist2 {float:left;width:100%;padding:40px auto;height:1117px;position: relative;margin-top:60px;}
.caselist2 ul {margin:auto;width:1200px;height:auto;}
.caselist2 ul li {float:left;width:380px;margin:20px 10px;background:#F7F7F7;}
.caselist2 ul li img {float:left;width:380px;height:180px;}
.caselist2 ul li img:hover { 
							filter: brightness(85%); /* 将亮度降低到85%，给人图片变色的感觉 */
							transition: filter 0.3s ease; /* 过渡效果 */
						  }
.caselist2 ul li h5 {float:left;width:272px;height:14px;text-align:left;line-height:12px;padding-left:8px;margin:20px 0px 0px 20px;font-size:14px;color:#000;}

.caselist2 ul li p {float:left;color:#FFF;background:#0770B8;margin-bottom:20px;margin-left:10px;line-height:24px;padding:0px 10px;width:auto;border-radius:14px;}