@charset "utf-8";
/* CSS Document */
.layout{ width: 1230px; margin-right: auto; margin-left: auto; padding:0 15px;}
.header_naber{ width:100%; position:relative; height:116px; border-top:6px #971201 solid;}
.logo{ float:left; width:36.5%; padding-top:32px;}
.logo img{ max-width:100%;}


/*=================导航=================*/
.nav{ float:right; line-height:60px; position: relative; z-index: 100; margin-top:33px; width:62%;}
.nav_item{ float:left; width:14.28%; 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:535px;width:100%;}
.banner .slick-list{height:100%;}
.banner .slick-track{height:100%;}
.banner .slick-slide>div{height:100%;}
.banner .frame{height:100%;}
.banner .frame video{min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

.banner .child{background-size:cover;color:#fff;background-position:center center;height:100%;position:relative;overflow:hidden;background-color:#72080A;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 .child .fz30{position:absolute;left:0;right:380px;bottom:50px;line-height:1;padding-left:40px;}
.banner .child .a1{position: absolute;left:0;top:0;width:100%;height:100%;}
.banner .child .a2{position:absolute;right:15px;bottom:35px;font-size:24px;line-height:1;width:80px;height:60px;line-height:60px;text-align:center;}
.banner .banner_nav {overflow: hidden;position: relative;top: -95px; text-align:center;}

.header_blong{ width:100%; overflow:hidden; overflow:hidden; position:relative; margin-top:-45px;}

/*=================新闻动态=================*/
.header_news{ width:100%; overflow:hidden; background:#FFF; padding:20px 30px 0 20px; border-top-left-radius:5px; border-top-right-radius:5px;}
.news_flash{ float:left; width:570px; height:417px; overflow:hidden; position:relative;}
.news_flash .hd{ width:100%; overflow:hidden; text-align:center; padding-top:30px;}
.news_flash .hd ul li{ width:7px; height:7px; display:inline-block; box-sizing:border-box; background:#d8d8d8; border-radius:50%; margin:0 3px; cursor:pointer;}
.news_flash .hd ul li.on{ background:#d8d8d8; width:68px; border-radius:10px;}
.news_flash .bd ul li{ position:relative; width:100%; overflow:hidden;}
.news_flash .bd ul li .news_img{ overflow: hidden; width: 100%; height:330px;}
.news_flash .bd ul li img{ width:100%; height:100%; transition: all 1s ease-out;}
.news_flash .bd ul li img:hover{ transform: scale(1.3);}
.news_flash .bd ul li .time{ width:60px; height:60px; background:#f5c32b; position:absolute; top:20px; left:20px;}
.news_flash .bd ul li .time h4{ display:block; color:#FFF; text-align:center; font-size:24px; font-weight:bold; padding-top:6px;}
.news_flash .bd ul li .time h6{ display:block; color:#FFF; text-align:center; font-size:12px;}
.news_flash .bd ul li .mask{}
.news_flash .bd ul li .mask h5{ width:100%; font-size:16px; padding-top:20px; color:#971201; display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding-left:14px;}

.jxdt{ width:545px; float:right; overflow:hidden; padding-top:16px;}
.jxdt_top{ width:100%; overflow:hidden; background:url(../images/jx-more_03.jpg) right no-repeat;}
.jxdt_top span{ float:left;}
.jxdt_top .more{ float:right; color:#666666; font-size:16px; padding-top:4px; padding-right:12px;}
.jxdt_cen{ width:100%; overflow:hidden; padding-right:10px;}
.jxdt_cen ul li{ width:100%; height:50px; margin-top:20px;}
.jxdt_cen ul li .date{ width:55px; height:50px; float:left; border-right:1px #999999 solid; margin-right:10px;}
.jxdt_cen ul li .date h4{ text-align:center; color:#999999; font-size:26px; font-weight:bold; display:block; margin-top:-5px;}
.jxdt_cen ul li .date h6{ text-align:center; color:#999999; font-size:12px; display:block;}
.jxdt_cen ul li a{ font-size:16px; color:#666666; line-height:24px; display:block; transition: all 0.5s linear;}
.jxdt_cen ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}


.header_vel{ width:100%; overflow:hidden; padding-top:80px;}
.szjy{ width:500px; overflow:hidden;}
.szjy_top{ width:100%; overflow:hidden; background:url(../images/jy-more_03.jpg) right no-repeat;}
.szjy_top span{ float:left;}
.szjy_top .more{ float:right; color:#666666; font-size:16px; padding-top:4px; padding-right:12px;}
.szjy_cen{ width:100%; margin-top:20px; overflow:hidden;}
.szjy_cen ul li{ width:100%; overflow:hidden; height:50px; border-bottom:1px #e0e0e0 dashed; line-height:50px;}
.szjy_cen ul li a{ float:left; display:block; color:#666666; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:80%; transition: all 0.5s linear;}
.szjy_cen ul li a:hover{ color:#ffc20d; transform: translate(10px, 0px);}
.szjy_cen ul li span{ float:right; font-size:13px; color:#999999;}


.header_null{ width:100%; overflow:hidden; padding-top:120px;}
.kyfw{ width:500px; overflow:hidden;}
.kyfw_cen{ width:100%; overflow:hidden;}
.kyfw_cen ul li{ width:100%; height:70px; margin-top:35px;}
.kyfw_cen ul li .time{ width:70px; height:70px; float:left; background:#82bade; margin-right:19px;}
.kyfw_cen ul li .time h4{ text-align:center; color:#fff; font-size:28px; display:block; padding-top:6px;}
.kyfw_cen ul li .time h6{ text-align:center; color:#fff; font-size:14px; display:block; padding-top:3px;}
.kyfw_cen ul li a{ font-size:16px; color:#333333; line-height:24px; display:block; transition: all 0.5s linear; padding-top:12px;}
.kyfw_cen ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}

.cgsc_nav{ width:100%; overflow:hidden; background:#FFF; margin-top:15px;}
.cgsc_nav ul li{ width:100%; overflow:hidden; margin-top:20px;}
.cgsc_nav ul li a{ font-size:16px; color:#333333; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; display:block; transition: all 0.5s linear;}
.cgsc_nav ul li .cgsc_cen{ width:100%; height:76px; background:#fff9f0; margin-top:15px;}
.cgsc_nav ul li .cgsc_cen span{ float:left; width: 98px; height: 26px; background: #ffc231; font-size:14px; color:#fff;line-height: 26px;text-align: center; margin-top:14px;}
.cgsc_nav ul li .cgsc_cen p{ float:left;height:62px; line-height: 24px; padding-left: 10px; font-size:14px; color:#999999; display:block; overflow:hidden; text-overflow: ellipsis; width:80%; transition: all 0.5s linear; padding-top:15px;}
.cgsc_nav ul li a:hover{ color:#f9ae31; transform: translate(10px, 0px);}


.header_link{ width:100%; overflow:hidden; padding-top:76px; padding-bottom:40px;}
.ztzl_nav{width:100%; overflow:hidden;}
.ztzl_nav ul{ margin:0 -3% 0 0; zoom:1;}
.ztzl_nav ul li{ width:22%; float:left; margin-right:3%; overflow:hidden; border-radius:10px;}
.ztzl_nav ul li img{ width:100%; height:100%; transition: all 1s ease-out;}
.ztzl_nav ul li img:hover{ transform: scale(1.2);}



.foter{ width:100%; height:240px; overflow:hidden; background:#a83c2f;}
.foter_left{ width:610px; float:left; overflow:hidden; padding-top:40px;}
.foter_link{ width:100%; overflow:hidden; padding-top:20px;}
.foter_link ul li{ float:left; margin-right:37px; padding-top:20px;}
.foter_link ul li a{ display:block; font-size:14px; color:#FFF;}
.foter_right{ float:right; padding-top:40px; padding-right:50px; overflow:hidden; line-height:36px; font-size:14px; color:#FFF;}