@charset "utf-8";
/* CSS Document */
.layout{ width: 1230px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header{ background:url(../images/top_01.jpg) top center no-repeat; height:126px;}
.logo{ float:left; padding-top:29px;}
.logo img{ display:block;}
.top_right{ float:right; overflow:hidden; padding-top:26px;}
.sou{ width:280px; float:right; position:relative; margin-top:14px;}
.inputBox_02{ width:234px; height:40px; float:left; background:#fff; border:none;color:#999999;font-size:100%; text-indent:15px; line-height:40px;}
.searchBox_01{ background:url(../images/sou_03.jpg) no-repeat; width:46px; height:40px; overflow:hidden; border:none;margin:0px; cursor:pointer; float:left;}


/*=================导航=================*/
.nav{ width:100%; height:50px; background:#fff;}
.nav_item{ float:left; width:8.333%; text-align:center; height:50px; position: relative; z-index: 100;}
.nav_item a{ width:100%; color:#333333; font-size:15px; display:block; line-height:50px;}
.nav_item_sub { display: none; position: absolute;z-index: 1000; left:0; overflow: hidden; width:220px;}

.nav_item .nav_itema{ display: block;}
.hover .nav_itema { background:#2d87db; color:#FFF;}
.hover .nav_item_sub a{    padding-left: 20px; text-align:left; background: #2d87db; 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: #2d87db; color:#FFF; opacity:0.6;}


/*================= banne===================*/
.g-banner{ width:100%; overflow:hidden;}
.g-banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.g-banner .slideBox .hd{ height:20px; overflow:hidden; position:absolute; width:100%; bottom:10px;  z-index:1; text-align:center;}
.g-banner .slideBox .hd ul{ overflow:hidden; zoom:1;  }

.g-banner .slideBox .hd ul li{  margin:0px 3px;  width:19px; height:20px; color:#FFF; cursor:pointer; display:inline-block; text-align:center; line-height:90px; overflow:hidden; background:url(../images/ri_05.png) no-repeat;}
.g-banner .slideBox .hd ul li.on{ background:url(../images/ro_03.png) no-repeat;}
.g-banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.g-banner .slideBox .bd li{ zoom:1; vertical-align:middle;height:auto; position:relative;overflow:hidden;}
.g-banner .slideBox .bd img{ width:100%; height:550px; display:block; position:relative;object-fit: cover;}


.header_news{ width:100%; overflow:hidden; padding-top:40px;}
.news_top{ width:100%; overflow:hidden;}
.news_title{ float:left; background:url(../images/eve_03.jpg) left bottom no-repeat; overflow:hidden; padding-bottom:10px;}
.news_title span{ float:left; color:#333333; font-size:22px; font-weight:bold;}
.news_title h4{ float:left; padding-left:10px; font-size:20px; color:#333333; font-weight:bold;}
.news_top .more{ float:right; width:140px; height:32px;}

.news_left{ width:790px; float:left; overflow:hidden; /*margin-top:20px;*/}
.news_left ul{ margin:20px -22px 0 0; zoom:1;}
.news_left ul li{ width:380px; float:left; position:relative;  overflow:hidden; margin-right:25px;}
#news_left ul li{margin-right:0px}
#newsingz_left ul li{margin-right:0px}
.news_left ul li .newsimg{ overflow: hidden; width: 100%; height:245px;}
.news_left ul li img{ width:100%; height:100%; transition: all 1s ease-out;    object-fit: cover;}
.news_left ul li img:hover{ transform: scale(1.3);}
.news_nav{ width:100%; border:1px #ebebeb solid; border-top:none; height:80px; padding:13px 20px 0 15px;}
.news_nav a{ color:#333333; font-size:16px; display:block; line-height:26px; transition: all 0.5s linear;}
.news_nav span{ display:block; background:url(../images/sj_03.jpg) left no-repeat; color:#999999; font-size:14px; padding-left:25px; margin-top:30px;}
.news_nav a:hover{ transform: translate(10px, 0px); color:#f9ae31;}

.news_right{ width:380px; float:right; /*margin-top:10px;*/ overflow:hidden;}
.news_right ul li{ width:100%; height:42px; line-height:42px; border-bottom:1px #dadada dashed;}
.news_right ul li a{ display:block; color:#333333; font-size:14px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.5s linear; float:left; width:100%;}
.news_right ul li a:hover{ transform: translate(10px, 0px); color:#f9ae31;}



.header_vel{ width:100%; padding-top:37px; overflow:hidden;}
.tzgg{ width:790px; float:left; overflow:hidden;}
.tzgg_nav{    width: 100%;float: left;/* margin-left: 20px; */overflow: hidden;/* padding-top: 45px; */padding: 20px 20px 20px 20px;background-color: #F4F4F4;margin-top: 20px;}
.tzgg_top{ width:100%; height:81px; border-bottom:1px #dadada solid; overflow:hidden;}
.tzgg_top .date{ width:76px; float:left; margin-right:25px; border-right:1px #dadada solid; padding-left:8px;}
.tzgg_top .date h4{ display:block; color:#2d87db; font-size:38px; font-weight:bold;}
.tzgg_top .date h6{ display:block; color:#999999;}
.tzgg_top a{ font-size:20px; color:#333333; padding-top:5px; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.5s linear; }
.tzgg_top p{ color:#666666; padding-top:10px; font-size:14px; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tzgg_top a:hover{ transform: translate(10px, 0px); color:#f9ae31;}

.tzgg_nav ul{ width:100%; overflow:hidden; margin-top:15px;}
.tzgg_nav ul li{ width:100%; height:32px; line-height:32px;}
.tzgg_nav ul li a{ display:block; color:#333333; font-size:15px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.5s linear; float:left; width:100%;}
.tzgg_nav ul li a:hover{ transform: translate(10px, 0px); color:#f9ae31;}


.bmdt{ width:380px; float:right; overflow:hidden;}
.bmdt_nav{ width:100%; overflow:hidden; margin-top:20px;    padding: 0 0 9px 0;background-color: #F4F4F4;}
.bmdt_nav ul li{ width:100%; padding:0 20px; height:84px; border-bottom:1px #dadada dashed;}
.bmdt_nav ul li>a{ display:block; color:#333333; font-weight:bold; font-size:15px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.5s linear; width:100%; padding-top:15px; padding-bottom:10px;}
.bmdt_nav ul li>a:hover{ transform: translate(10px, 0px); color:#f9ae31;}
.bmdt_nav ul li h4{ float:left; color:#355699;}
.bmdt_nav ul li h4 img{ padding-left:10px;}
.bmdt_nav ul li h4 a{ color:#355699;}
.bmdt_nav ul li span{ float:right; color:#355699;}
.bmdt_top{ width:100%; height:101px; border-bottom:1px #dadada solid; overflow:hidden;}
.bmdt_top .date{ width:76px;float: left;margin-right: 10px;margin-top: 18px;margin-left: 10px;padding-left: 8px;    border-right: 1px #dadada solid;}
.bmdt_top .date h4{ display:block; color:#2d87db; font-size:38px; font-weight:bold;}
.bmdt_top .date h6{ display:block; color:#999999;}
.bmdt_top a{ width: 200px;font-size:16px; color:#333333; padding-top:25px; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; transition: all 0.5s linear; }
.bmdt_top p{ width: 250px;color:#666666; padding-top:10px; font-size:14px; display:block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bmdt_top a:hover{ transform: translate(10px, 0px); color:#f9ae31;}



.header_tycg{ width:100%; overflow:hidden; margin-top:60px; margin-bottom:40px;}
.tycg_nav{ width:100%; overflow:hidden; margin-top:20px;}
.tycg_left{ width:600px; height:430px; float:left; overflow:hidden; position:relative;}
.tycg_left .tyimg img{ width:100%; height:100%; transition: all 1s ease-out;}
.tycg_left .tyimg img:hover{ transform: scale(1.3);}
.tycg_left .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:48px; height:48px; background: rgba(0,0,0,0.5);}
.tycg_left .mask h5{ width:100%; font-size:16px; color:#fff; font-weight:bold; text-align:center; display:block;}

.tycg_right{ width:600px; float:left; overflow:hidden;}
.tycg_right ul li{ width:300px; height:215px; overflow:hidden; position:relative; float:left;}
.tycg_right ul li .tyimg img{ width:100%; height:100%; transition: all 1s ease-out;}
.tycg_right ul li .tyimg img:hover{ transform: scale(1.3);}
.tycg_right ul li .mask{ position:absolute; bottom:0; left:0; right:0; width:100%; line-height:48px; height:48px; background: rgba(0,0,0,0.5);}
.tycg_right ul li .mask h5{ width:100%; font-size:16px; color:#fff; font-weight:bold; text-align:center; display:block;}

/*================= 底部信息===================*/
.foter{ width:100%; background:url(../images/foter_02.jpg) top center no-repeat; height:160px;}
.yqlj{ width:100%; padding-top:50px; overflow:hidden;}
.yqlj span{ float:left; color:#FFF; font-size:16px; padding-left:146px; padding-right:10px;}
.yqlj ul{ float:left; overflow:hidden;}
.yqlj ul li{ float:left;}
.yqlj ul li a{ color:#FFF; font-size:16px;}
.yqlj ul li a:hover{ color:#f9ae31;}
.yqlj ul li em{ color:#FFF; font-size:16px; padding:0 10px;}
.bottom{ display:block; width:100%; padding-top:20px; color:#FFF; font-size:16px; text-align:center;}