@charset "utf-8";
/* CSS Document */
.layout{ width: 1560px; margin-right: auto; margin-left: auto;}
.header_top{ width:100%; height:50px; background:#08499d; line-height:50px; color:#FFF;}
.nav_l{ float:left; font-size:14px;}
.nav_r{ float:right;}
.header_top .nav_r a{ padding:0 15px;}
.header_top .nav_r a{display:inline-block; font-size:14px; color:#fff;}
.nav_r_a{float: left;}
.select {margin-left:10px;width: 70px;height: 45px;padding-top:9px;}

/* 搜索框 */
#bnt_search {
    /*position: absolute;*/
	float:left;
    height: 30px;
    width: 30px;
}
#bnt_search a {
    display: block;
    background: url(../images/sou_03.png) center no-repeat;
    height: 30px;
    width: 30px;margin-left:0px;
}

#j_seach_box {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    height: 100%;
    width: 100%;
}

#j_seach_box .bg_box {
    position: fixed;
    z-index: 9994;
    top: 0px;
    display: none;
    height: 100%;
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D8000000', endColorstr='#D8000000');
    background: rgba(0,0,0,0.85);
}

#j_seach_box form {
    position: absolute;
    overflow: hidden;
    top: 45%;
    z-index: 9999;
    width: 680px;
    left: 0;
	right:0;
	margin:0 auto;
}

#j_seach_box .box_size{
	font-size:50px;
	color:#FFF;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	z-index:99999;
	width:50%;
	text-align:right;
	top: 35%;
	cursor:pointer;
}

#j_seach_box input[type="text"] {
    border: none;
    width: 560px;
    display: block;
    height: 60px;
    color: #434343;
    font-size: 15px;
    background:#FFF;
    line-height: 60px;
	float:left;
	text-indent:15px;    font-family: "微软雅黑",Arial, Helvetica, sans-serif;
}
#j_seach_box input[type="submit"] {
    background: #1357ac;
    height: 60px;
    width: 120px;
    cursor: pointer;
    border: none;
	color:#FFF;
	float:left;
	text-align:center;
	font-size:24px;
	line-height:40px;
}


.header_naber{ width:100%; position:relative; height:90px;}
.logo{ float:left; width:26%; padding-top:15px;}
.logo img{ max-width:100%;}


/*=================导航=================*/
.nav{ float:right; line-height:60px; position: relative; z-index: 100; margin-top:13px; width:70%;}
.nav_item{ float:left; width:11.11%; text-align:center; position: relative; z-index: 100;}
.nav_item a{ color:#333333; width:100%; font-size:16px; display:block;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden; width:100%;}
.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#ffc20d; color:#FFF;}
.hover .nav_item_sub a{ text-align:center; background: #ffc20d; color:#FFF; text-decoration: none; font-size:14px; height:33px; line-height:33px; border-bottom:1px #aec7d8 solid; opacity:0.9;}
.hover .nav_item_sub a:hover{ background: #ffc20d; color:#FFF; opacity:0.6;}


/*================= banne===================*/
.banner{position:relative;height:560px;overflow:hidden; width:100%;}
.banner .slick-list{height:100%;}
.banner .slick-track{height:100%;}
.banner .slick-slide>div{height:100%;}
.banner .frame{height:100%;}
.banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;z-index: 999;}
.banner .child:before{content:"";position:absolute;left:0;bottom:0;right:0;height:80px;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0));}
.banner .banner_nav {overflow: hidden;position: relative;top: -30px; text-align:center;}
.banner .banner_nav ul{ overflow:hidden; zoom:1; }
.banner .banner_nav ul li {margin:0px 6px;  width:19px; height:20px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; background:url(../images/b_05.png) no-repeat;}
.banner .banner_nav ul li:hover {background:url(../images/b_h_03.png) no-repeat;}
.banner .banner_nav ul li.slick-active{background:url(../images/b_h_03.png) no-repeat;}


.header_news{ width:100%; overflow:hidden;}
.news_top{ width:100%; padding-top:50px; overflow:hidden;}
.news_top .news_name{ float:left;}
.news_top .news_name h4{ display:block; color:#333333; font-size:38px; padding-bottom:5px;}
.news_top .news_name span{ display:block; font-size:14px; color:#737373; background:url(../images/eve_03.jpg) left no-repeat; padding-left:30px;}
.news_top .more{ float:right; color:#737373; font-size:14px; padding-top:10px;}

.news_nav{ width:100%; overflow:hidden; padding: 30px 0;}
.news_flash{ float:left; width:56%; overflow:hidden; position:relative;}
.news_flash .hd{ position:absolute; z-index:999; bottom:16px; right:20px;}
.news_flash .hd ul li{ width:13px; height:13px; float:left; box-sizing:border-box; background:#aaaaa9; border-radius:50%; margin:0 3px; cursor:pointer;}
.news_flash .hd ul li.on{ background:#fff;}
.news_flash .bd ul li{ position:relative; width:100%; overflow:hidden;}
.news_flash .bd ul li img{ width:100%; height:550px;}
.news_flash .bd ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:60px; height:60px; background: rgba(0,0,0,0.5);}
.news_flash .bd ul li .mask h5{ width:70%; font-size:14px; font-weight:bold; color:#fff; margin-left:20px; display:block;}


.news_right{ width:43%;    height: 553px; float:left; overflow:hidden;padding-left: 4%;;box-shadow: 0px 0px 7px 0px rgb(0 0 0 / 21%);}
.news_right ul li{ width:100%; height:110px; /*border-bottom:1px #d9d9d9 solid;*/ padding:20px 20px 0 20px; position:relative;}
.news_right ul li span{ display:block; background:url(../images/nvn_03.jpg) left no-repeat; color:#ef9f02; font-size:14px; padding-left:55px; position:relative;}
.news_right ul li a{ display:block; color:#323232; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-top:15px; position:relative; transition: all 0.5s linear;}
.news_right ul li:hover a{ color:#FFF; transform: translate(10px, 0px);}
.news_right ul li::before{content: "";width: calc(100% - 4rem);height: 1px;background: #d9d9d9;position: absolute;left: 0.5rem;bottom: 0;}
.news_right ul li::after{content: "";height: 100%;width: 0px;background: url("../images/xwgt_1.png") left center / cover no-repeat;position: absolute;left: -157px;top: 0px;transition: all 0.6s ease 0s;z-index: -1;}
.news_right ul li:hover::after {width: calc(100% + 157px);transition: all 0.6s ease 0s;}
.news_cen{ width:100%; padding-top:40px; overflow:hidden;}
.news_cen ul{ margin:0 -2% 0 0; zoom:1;}
.news_cen ul li{ width:31.33%; float:left; overflow:hidden; margin-right:2%;}
.news_cen ul li a{ color:#333333; font-size:16px; line-height:26px; height:54px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:block; transition: all 0.5s linear;}
.news_cen ul li .news_vel{ width:100%; overflow:hidden; padding-top:20px;}
.news_cen ul li .news_vel .news_img{ width:230px; height:135px; overflow:hidden; float:left; margin-right:20px;}
.news_cen ul li .news_vel .news_img img{ width:100%; height:100%; transition: all 1s ease-out;}
.news_cen ul li .news_vel .news_img img:hover{ transform: scale(1.2);}
.news_cen ul li .news_vel span{ background:url(../images/sj_03.jpg) no-repeat; font-size:14px; color:#ef9f02; padding-left:23px; margin-top:13px; display:block;}
.news_cen ul li .news_vel p{ display:block; font-size:14px; line-height:24px; color:#737373; padding-top:20px;}
.news_cen ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}


.header_tzgg{ background:url(../images/tzgg_02.jpg) top center no-repeat; background-position:center center; background-size:cover; margin-top:50px;}
.tzgg_nav{ width:100%; overflow:hidden; padding-top:10px;padding-bottom: 40px;}
.tzgg_nav ul{display: flex;justify-content: space-around;flex-wrap: wrap;}
.tzgg_nav ul li{ width:23%; float:left; background:#FFF;padding: 20px 10px 10px 20px; margin:20px 0;}
.tzgg_nav ul li span{ background:url(../images/sj_03.jpg) no-repeat; font-size:14px; color:#ef9f02; padding-left:23px; margin-top:13px; display:block; margin-bottom:7px;}
.tzgg_nav ul li a{ margin-left:7px; display:block; height:96px; border-left:1px #ecdcbb solid; padding-left:20px; color:#333333; font-size:16px; font-weight:bold; line-height:26px; padding-top:20px;overflow: hidden;
 text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.5s linear;background:url(../images/tzgg_bg.png) no-repeat;background-size: 100px;background-position: bottom right;}
.tzgg_nav ul li a:hover{ color:#ffc20d;}
.tzgg_nav ul li:hover{box-shadow: 0px 3px 30px 0px rgba(126, 126, 126, 0.41);transition: 0.6s all;}


.header_jdzj{ width:100%; overflow:hidden; margin-top:70px;}
.header_jdzj .slick-next{background:url(../images/next_05.jpg) no-repeat;width:46px;height:46px;display:block; float:right; cursor:pointer; font-size:0; border:none; position:absolute; top:0; right:0;}
.header_jdzj .slick-prev{ background:url(../images/prev_03.jpg) no-repeat; width:46px; height:46px; display:block; float:right; cursor:pointer; font-size:0; border:none; position:absolute; top:0; right:75px;}
.header_jdzj .bd{ width:100%; padding-top:60px; overflow:hidden;}
.header_jdzj .bd ul li{ width:20%; float:left; overflow:hidden;}
.header_jdzj .bd ul li a{ display:block; padding:0 30px; overflow:hidden;}
.header_jdzj .bd ul li .jdzj_img{ width:100%; overflow:hidden; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.header_jdzj .bd ul li .jdzj_img img{ width:100%; height:100%; transition: all 1s ease-out; border-top-left-radius:20px; border-bottom-right-radius:20px;}
.header_jdzj .bd ul li .jdzj_img img:hover{transform: scale(1.2);}
.header_jdzj .bd ul li span{ display:block; text-align:center; color:#333333; font-size:18px; font-weight:bold; padding-top:20px;}

.header_link{ width:100%; overflow:hidden;padding-bottom:60px;}
.pro_cen{ width:100%; overflow:hidden; margin-top:45px;}
.pro_cen ul{ margin:0 -2% 0 0; zoom:1;}
.pro_cen ul li{ width:23%; float:left; position:relative; overflow:hidden; margin-right:2%;}
.pro_cen ul li img{width:100%;height:100%;transition: all 1s ease-out;}
.pro_cen ul li img:hover{transform: scale(1.2);}
.pro_cen ul li span{ display:block; width:100%; background:#004098; position:absolute; bottom:0; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:#FFF; line-height:48px; font-size:16px; text-align:center;}


.foter{ width:100%; height:260px; overflow:hidden; background:url(../images/foter_02.jpg) bottom center no-repeat; background-position:center center; background-size:cover;}
.link{ width:100%; padding-top:40px; overflow:hidden;}
.link_top{ width:100%; overflow:hidden; position:relative;}
.link_top span{ display:block; font-size:20px; color:#ffffff; padding-bottom:14px;}
.link_top:before { content: ''; position: absolute; width: 31px; height: 3px; background: #fdc80f; left: 0; bottom: 0px;}
.lin_cen{ width:100%; overflow:hidden; padding-top:16px;}
.lin_cen ul li{ float:left; line-height:40px; color:#ffffff;}
.lin_cen ul li a{ font-size:15px; color:#ffffff; float:left; transition: all 0.5s linear;}
.lin_cen ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}
.lin_cen ul li em{ float:left; padding:0 30px;}
.bottom{ text-align:center; line-height:26px; font-size:14px; color:#b8c0d2; padding-top:50px;}


.ph_banner{ width:100%; overflow:hidden; display:none;}
.ph_banner .banner_pad_cen{ width:100%; height:auto; overflow:hidden; position:relative;}
.ph_banner .banner_pad_cen .hd{ height:16px; overflow:hidden; position:absolute; width:100%; bottom:10px; z-index:1; text-align:center;}
.ph_banner .banner_pad_cen .hd ul{ overflow:hidden; zoom:1;  }
.ph_banner .banner_pad_cen .hd ul li{  margin:0px 6px; border-radius:15px;  width:32px; height:5px; background:#ffffff; cursor:pointer; display:inline-block; text-align:center; overflow:hidden; line-height:99px;}
.ph_banner .banner_pad_cen .hd ul li.on{ background:#0049a8;width:32px; }
.ph_banner .banner_pad_cen .bd{ position:relative; height:100%; z-index:0;   }
.ph_banner .banner_pad_cen .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.ph_banner .banner_pad_cen .bd img{ width:100%; height:auto; display:block; position:relative;}

.pad_news{ width:100%; padding-top:40px; overflow:hidden; display:none;}
.pad_news_top{ width:100%; overflow:hidden;}
.pad_news_top .news_name{ float:left;}
.pad_news_top .news_name h4{ display:block; color:#333333; font-size:18px; padding-bottom:5px;}
.pad_news_top .news_name span{ display:block; font-size:14px; color:#737373; background:url(../images/eve_03.jpg) left no-repeat; padding-left:30px;}
.pad_news_top .more{ float:right; color:#737373; font-size:14px; padding-top:10px;}
.pad_news .bd{ width:100%; padding-top:20px; overflow:hidden;}
.pad_news .bd ul li{ position:relative; width:100%; overflow:hidden;}
.pad_news .bd ul li .phd_img{ width:100%; height:auto; display:block; position:relative;}
.pad_news .bd ul li .phd_img img{ width:100%;}
.pad_news .bd ul li span{ display:block; background:url(../images/nvn_03.jpg) left no-repeat; color:#ef9f02; font-size:14px; padding-left:55px; margin-top:15px;}
.pad_news .bd ul li p{ display:block; font-size:16px; font-weight:bold; line-height:26px; padding-top:20px;}
.pad_news .hd{ overflow:hidden; width:100%; text-align:center; padding-top:20px;}
.pad_news .hd ul{ overflow:hidden; zoom:1;  }
.pad_news .hd ul li{  margin:0px 6px; border-radius:15px; font-size:0;  width:14px; height:14px; background:#c7c7c7; cursor:pointer; display:inline-block; text-align:center; overflow:hidden;}
.pad_news .hd ul li.on{ background:#004098;width:14px; }

.phd_news{ width:100%; overflow:hidden;}
.phd_news ul{ margin:0 -5% 0 0; zoom:1;}
.phd_news ul li{ width:45%; float:left; margin-right:5%; overflow:hidden; margin-top:30px;}
.phd_news ul li img{ width:100%;height: 100px;    object-fit: cover;}
.phd_news ul li span{ padding-top:10px; color:#333333; font-size:14px; line-height:24px; height:54px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display:block;}

.ph_foter{ width:100%; background:#0049a8; overflow:hidden; padding:30px 0; line-height:30px; text-align:center; font-size:14px; color:#ffffff; display:none;}


@media screen and (max-width: 1620px) {
.layout{ width:1400px; margin:0 auto;}
.news_right ul li{ height:97px;}
}

@media screen and (max-width: 1420px) {
.layout{ width:1300px; margin:0 auto;}
.section-inner{
	width:1300px;
	margin:0 auto;
	padding:30px 0;
}
.news_right ul li{ height:92px;}
}

@media screen and (max-width: 1320px) {
.layout{ width:1200px; margin:0 auto;}
.section-inner{
	width:1200px;
	margin:0 auto;
	padding:30px 0;
}
.news_right ul li a{ padding-top:10px;}
.news_right ul li{ height:85px;}
}


@media screen and (max-width: 768px) {
  .pageImg {
    width: 100%;
    height: 200px;
  }
  .pageImg img {
    height: 100%;
    width: 100%;
  }
  .section-inner {
    width: 100%;
	padding:20px 0;
  }
  .sp-lf,
  .sp-title-rig {
    display: none !important;
  }
  .sp-title-lf h1,
  .sp-article h1 {
    font-size: 23px;
  }
  .sp-article h1 {
    white-space: normal;
    line-height: 30px;
    margin: 10px 0;
  }
  .sp-article img {
    width: 100%;
  }
  .sp-rig {
    width: 100% !important;
    padding: 0 5%;
  }
  .sp-list {
    padding: 0;
  }
  .sp-list li a {
    width: 70%;
  }
  .sp-imglist {
    text-align: center;
  }
  .sp-imglist > li {
    display: inline-block;
  }
  
  .sp_list .sp_img {
	width: 30%;
	height: auto;
}
.sp_list .sp_nav a {
	font-size: 14px;
	padding-bottom: 10px;
}
.sp_list .sp_nav p {
    display: none;
}

.sp-jsfc ul li{
	width:48%;
	margin-left:0;
	margin-right:0;
}
.sp-jsfc ul > li:not(:nth-child(2n)) {
    margin-right: 4%;
}

.sp-jsfc ul li span{
	font-size:14px;
}

.sp-jsfc .js_img{
	height:auto;
}
}