/*  CSS initialization  */
body, html{margin: 0; padding: 0;}
body{font-family: "Noto Sans SC", "microsoft Yahei", Arial, Helvetica, sans-serif; font-weight: 400; font-size: 14px; color:#1a1a1a;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;padding: 0;border: 0; box-sizing: border-box;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;font-weight: normal;}
a {text-decoration: none;color: #1a1a1a;}
a:hover,a:active,a:focus{text-decoration:none; color: #E60012;}
fieldset,img {border: none;}
ol, ul, li {list-style: none;}
input, textarea, select, button {font-size: 115%;}
table {border-collapse:collapse; border-spacing:0;}
input{border: none; border-radius: 0; box-shadow: none;-webkit-appearance: none;}

.fl{float: left;}
.fr{float: right;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {*zoom: 1;}
.ovf{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

::-webkit-scrollbar {
    width: 5px; /*对垂直流动条有效*/
}
/*定义滚动条的轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #eeeeee;
    border-radius: 3px;
}
/*定义滑块颜色、内阴影及圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #737375;
}

input::placeholder{
    font-size: 16px; color: #8a8a8a;
}

.container{width: 1200px; margin-left: auto; margin-right: auto;}

@keyframes upDown{
    0%{ transform: translate3d(0,2rem,0);-webkit-transform: translate3d(0,2rem,0);-moz-transform: translate3d(0,2rem,0);
        -o-transform: translate3d(0,2rem,0);}
    30%{ transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0); }
    100%{transform: translate3d(0,2rem,0); -webkit-transform: translate3d(0,2rem,0);-moz-transform: translate3d(0,2rem,0);
        -o-transform: translate3d(0,2rem,0);}
}

.flex-j{display: flex; justify-content: space-between;}


/* 公共头部 */
.header-top{height: 40px; background-color: #f5f5f5;}
.header-top .welcome{height: 40px; line-height: 40px; width: 500px; color: #333333;}
.header-top .login-link{display: flex; justify-content: flex-end;}
.header-top .login-item{display: block; height: 40px; line-height: 40px; color: #333333;}
.header-top .login-item:hover{color: #E60012;}
.header-top .login-line{width: 1px; height: 12px; background: #cccccc; margin: 14px 15px;}

.header{height: 140px; background-color: #ffffff;}
.header-inner{height: 140px; align-items: center; }
.logo{height: 70px;}
.logo img{display: block; height: 70px;}

.search-inner{width: 440px; height: 40px; border: 1px solid #E60012; margin-right: 20px; position: relative; transition: .3s;}
.search-inner:hover{border-color: #BF0010; transition: .3s;}
.search-inner input{width: 100%; height: 38px; padding: 0 90px 0 10px; background: rgba(255,255,255,.6); font-size: 14px;}
.search-inner input:focus, .search-btn:focus{outline: none;}
.search-btn{width: 80px; height: 38px; line-height: 38px; text-align: center; cursor: pointer; font-size: 14px;
    background: #E60012; color: #ffffff; position: absolute; right: 0px; top: 0px;}
.search-keyword{width: 440px; height: 24px; line-height: 24px; margin-top: 5px; color: #333333;}
.search-keyword span{margin-right: 3px; cursor: pointer;}
.search-keyword span:hover{color: #E60012;}

.nav{height: 48px; background: #E60012; position: relative; z-index: 999;}
.nav ul li{width: 109px; cursor: pointer; position: relative;}
.nav ul li a{height: 48px; line-height: 48px; color: #ffffff; font-size: 16px; display: flex; justify-content: center;
    align-items: center;}
.nav ul li a img{margin-right: 3px;}
.nav ul li.active, .nav ul li:hover{height: 48px; background: #BF0010;}


/* footer */
.footer{background: #BD1A2D; padding: 35px 0 50px;}
.footer-nav a{display: inline-block; height: 24px; line-height: 24px; font-size: 14px; color: #ffffff; margin-right: 20px;}
.footer-line{height: 1px; background: #BD1A2D;}
.footer-copyright{color: #ffffff; padding: 35px 0 0;float:left;}
.footer-copyright p{line-height: 28px; font-size: 14px;}
.footer-copyright span{margin-right: 50px;}
.footer-right{color: #ffffff; padding: 35px 0 0;}
.footer-right p{line-height: 28px; font-size: 14px;}
.footer-code{width: 130px; padding: 12px 20px; background-color: #A91728; position: absolute; top: 0px; right: 0;}
.footer-code img{display: block; width: 90px; height: 90px;}
.footer-code p{line-height: 14px; font-size: 12px; text-align: center; color: #ffffff; margin-top: 5px;}


.public-title{height: 35px; border-bottom: 3px solid #cccccc;}
.public-title .name{display: inline-block; height: 35px; line-height: 24px; border-bottom: 3px solid #E60012;
    font-size: 18px; font-weight: 500; padding: 0 3px;}
.public-title .more{color: #555555;}
.public-title .more:hover{color: #E60012;}


/* banner */
.banner-wrapper{margin: 0;}
.banner-wrapper, .banner-wrapper .swiper-slide{max-width: 1920px; height: 500px; margin: 0 auto; overflow: hidden;}
.banner-wrapper .swiper-slide a{display: block; position: relative; max-width: 1920px; height: 500px; margin: 0 auto;
    background-repeat: no-repeat;}
.banner-wrapper .swiper-pagination{width: 300px; left: 50%; right: auto; margin-left: -150px; bottom: 16px;}
.banner-wrapper .swiper-pagination-bullet{width: 16px; height: 6px; border-radius: 1px; background: #ffffff; opacity: 1}
.banner-wrapper .swiper-pagination-bullet-active{background: #dd0900; width: 24px; opacity: 1;}


/* 首页 */
.index-wrap{margin: 70px 0 90px; min-height: 400px;}
.inner-wrap{padding: 40px 0 0; min-height: 400px; background: linear-gradient(#f2eded, #f5f5f5 40%, #f5f5f5);}
.inner-box{padding: 25px 0 90px; background-color: #ffffff;}
.detail-wrap{padding: 0 0 90px; min-height: 800px; background: linear-gradient(to bottom, rgba(236,249,255,1) 40%, rgba(236,249,255,0));}

.news-wrapper{margin: 0;}
.news-wrapper, .news-wrapper .swiper-slide{width: 750px; height: 400px; overflow: hidden;}
.news-wrapper .swiper-slide a{display: block; height: 400px; position: relative;}
.news-wrapper .swiper-slide img{width: 750px; height: 400px;}
.news-wrapper .swiper-slide .banner-name{width: 100%; height: 44px; line-height: 44px; background: rgba(0,0,0,.5);
    padding: 0 200px 0 15px; position: absolute; left: 0; bottom: 0; font-size: 15px; color: #ffffff; overflow: hidden;
    text-overflow: ellipsis; white-space: nowrap;}
.news-wrapper .swiper-pagination{width: 160px; left: auto; right: 15px; bottom: 12px; text-align: right;}
.news-wrapper .swiper-pagination-bullet{width: 12px; height: 4px; border-radius: 1px; background: #ffffff; opacity: 1}
.news-wrapper .swiper-pagination-bullet-active{background: #dd0900; width: 16px; opacity: 1;}

/* 行业资讯 */
.i-news-box{width: 425px; }
.i-news-title{height: 44px; display: flex; justify-content: flex-start; align-items: center; font-size: 24px; color: #E60012;
    font-weight: 600; margin-bottom: 10px;}
.i-news-list{margin-top: 10px;}
.i-news-item{height: 40px; line-height: 40px; padding: 0 100px 0 0; font-size: 15px; position: relative;}
.i-news-item a{display: block;}
.i-news-item a:hover{color: #E60012;}
.i-news-time{width: 100px; line-height: 40px; color: #888888; text-align: right; position: absolute; top: 0; right: 0;}

.news-list{margin: 30px 20px 40px;}
.news-item{margin-bottom: 40px;}
.news-item:last-child{margin-bottom: 0;}
.news-item a{display: block; position: relative;}
.news-content{width: 880px;}
.news-name{height: 48px; line-height: 48px; font-size: 16px; font-weight: 500;}
.news-info{height: 24px; display: flex; flex-wrap: wrap;}
.news-info-item{height: 24px; line-height: 24px; width: 160px; position: relative; color: #888888;
    padding-left: 20px;}
.news-info-item img{display: block; width: 14px; position: absolute; top: 5px; left: 0; transition: .3s;}
.news-txt{height: 48px; line-height: 24px; font-size: 14px; color: #888888; margin-top: 15px; overflow: hidden;}
.news-pic{width: 240px; height: 140px; overflow: hidden;}
.news-pic img{display: block; width: 100%; height: auto; min-height: 140px;}
.news-item:hover .news-pic img{transform: scale(1.05); transition: .3s;}
.news-item:hover .news-txt{color: #333333;}


/* 通知公告 */
.i-notice-box{width: 650px;}
.i-notice-big{height: 95px; position: relative; margin-top: 25px;}
.i-notice-pic{width: 150px; height: 95px; overflow: hidden; position: absolute; left: 0; top: 0;}
.i-notice-pic img{display: block; width: 150px; height: 95px; transition: .3s;}
.i-notice-name{padding-left: 165px; height: 58px; line-height: 28px; font-size: 18px; font-weight: bold; overflow: hidden;}
.i-notice-time{padding-left: 165px; height: 20px; line-height: 20px; font-size: 14px; color: #888888; margin-top: 15px;}
.i-notice-big:hover .i-notice-pic img{transform: scale(1.05); transition: .3s;}
.i-notice-list{margin-top: 10px;}
.i-notice-lname a{display: block; height: 40px; line-height: 40px; font-size: 15px;}

.notice-list{margin: 20px 20px 40px;}
.notice-group{border-bottom: 1px dashed #e3e3e3; padding-bottom: 10px;}
.notice-item{height: 48px; font-size: 16px; position: relative;}
.notice-item img{display: block; width: 12px; height: 12px; position: absolute; top: 18px; left: 0;}
.notice-name{display: block; line-height: 48px; padding: 0 235px 0 24px;}
.notice-time{line-height: 48px; text-align: right; color: #888888; position: absolute; top: 0; right: 0;}


/* 会员动态 */
.i-member-box{width: 500px;}
.i-member-list{margin-top: 25px;}
.i-member-item{height: 65px; position: relative; margin-bottom: 15px;}
.i-member-pic{width: 100px; height: 65px; overflow: hidden; position: absolute; left: 0; top: 0;}
.i-member-pic img{display: block; width: 100px; height: 65px; transition: .3s;}
.i-member-name{padding-left: 115px; height: 44px; line-height: 22px; font-size: 15px; overflow: hidden;}
.i-member-time{padding-left: 115px; height: 20px; line-height: 15px; font-size: 14px; color: #888888; margin-top: 2px;}
.i-member-item:hover .i-member-pic img{transform: scale(1.05); transition: .3s;}
.i-member-lname a{display: block; height: 40px; line-height: 40px; font-size: 15px;}

.member-list{margin: 30px 20px 40px;}
.member-item-big{padding: 20px; background-color: #f8f8f8;}
.member-item-big-pic{width: 400px; height: 240px; overflow: hidden;}
.member-item-big-pic img{width: 100%; height: auto; min-height: 240px; transition: .3s;}
.member-item-big-content{width: 700px;}
.member-item-big-name{height: 48px; line-height: 48px; font-size: 16px; font-weight: 500;}
.member-item-big-info .num{color: #E60012;}
.member-item-big-txt{height: 72px; line-height: 24px; color: #888888; overflow: hidden; margin-top: 30px;}
.member-item-big-more{width: 120px; height: 40px; line-height: 40px; display: flex; justify-content: center; align-items: center;
    background-color: #E60012; color: #ffffff; transition: .3s; margin: 25px 0 0 580px;}
.member-item-big-more img{margin-left: 8px; transition: .3s;}
.member-item-big-more:hover{color:#ffffff;}
.member-item-big-more:hover img{margin-left: 20px; transition: .3s;}
.member-item-big:hover img{transform: scale(1.05); transition: .3s;}
.member-item-big:hover .member-item-big-txt{color: #333333;}
.member-item-big:hover .member-item-big-name{color: #E60012;}
.member-item{margin-top: 30px;}
.member-item-pic{width: 240px; height: 140px; overflow: hidden;}
.member-item-pic img{width: 100%; height: auto; min-height: 140px; transition: .3s;}
.member-item-content{width: 900px;}
.member-item-name{height: 48px; line-height: 48px; font-size: 16px; font-weight: 500;}
.member-item-txt{height: 48px; line-height: 24px; color: #888888; overflow: hidden; margin-top: 15px;}
.member-item-more{color: #1a1a1a; display: inline-block; margin-left: 5px; cursor: pointer;}
.member-item:hover img{transform: scale(1.05); transition: .3s;}
.member-item:hover .member-item-txt{color: #333333;}
.member-item:hover .member-item-name, .member-item:hover .member-item-more{color: #E60012;}

.i-width-bg{padding: 50px 0; margin-bottom: 50px; background-color: #f8f8f8;}
/* 安全生产达标  双控建设   法律法规  */
.i-safe-box{width: 370px;}
.i-safe-list{margin-top: 10px;}

.safe-list{margin: 10px 20px 40px;}
.safe-item{height: 80px; border-bottom: 1px dashed #e3e3e3; position: relative;}
.safe-dot{width: 6px; height: 6px; border-radius: 2px; background-color: #E60012; position: absolute; top: 37px; left: 0;}
.safe-name{padding: 0 245px 0 15px; width: 900px; display: block; height: 80px; line-height: 80px; font-size: 16px;}
.safe-time{width: 200px; height: 80px; line-height: 80px; font-size: 16px; text-align: right; color: #888888; position: absolute;
    top: 0; right: 0;}

.build-list{margin: 5px 20px 40px;}
.build-item{border-bottom: 1px dashed #e3e3e3; padding-bottom: 15px; margin-top: 15px;}
.build-name{height: 32px; line-height: 32px; font-size: 16px; font-weight: 500;}
.build-txt{height: 24px; line-height: 24px; font-size: 14px; color: #888; margin-top: 5px;}
.build-info{margin-top: 15px; color: #888888;}
.build-num{height: 24px; line-height: 24px; position: relative; padding-left: 20px;}
.build-num img{display: block; position: absolute; top: 5px; left: 0;}
.build-time{width: 200px; height: 24px; line-height: 24px; text-align: right;}

.law-list{margin: 20px 20px 40px;}
.list-item{height: 80px; border-bottom: 1px dashed #e3e3e3;}
.list-item .flex-j{align-items: center;}
.list-item a{display: block; height: 80px;}
.law-name{width: 650px; height: 80px; line-height: 80px; font-size: 16px; margin: 0 140px 0 5px;}
.law-num{width: 200px; height: 80px; line-height: 80px; position: relative; padding-left: 20px; color: #888888;}
.law-num img{display: block; position: absolute; top: 33px; left: 0;}
.law-time{width: 150px; height: 80px; line-height: 80px; text-align: right; color: #888888;}


/* 制度模板 */
.i-show-box{width: 575px;}
.i-show-list{margin-top: 25px; display: flex; flex-wrap: wrap;}
.i-show-item{height: 90px; width: 275px; position: relative; margin-bottom: 15px;}
.i-show-item:nth-child(2n){margin-left: 25px;}
.i-show-pic{width: 70px; height: 90px; border: 1px solid #e3e3e3; overflow: hidden; position: absolute; left: 0; top: 0;}
.i-show-pic img{display: block; width: 70px; height: 90px; transition: .3s;}
.i-show-name{padding-left: 80px; height: 44px; line-height: 22px; font-size: 15px; overflow: hidden;}
.i-show-time{padding-left: 80px; height: 20px; line-height: 15px; font-size: 14px; color: #888888; margin-top: 30px;}
.i-show-item:hover .i-show-pic img{transform: scale(1.05); transition: .3s;}

.show-list{margin: 0 20px 40px; display: flex; flex-wrap: wrap;}
.show-item{width: 565px; height: 190px; border: 1px solid #e3e3e3; margin-top: 30px; overflow: hidden;}
.show-item:nth-child(2n){margin-left: 30px;}
.show-pic{width: 150px; height: 190px; overflow: hidden;}
.show-pic img{display: block; width: 100%; min-height: 190px; height: auto; transition: .3s;}
.show-content{width: 413px; height: 190px; background-color: #f8f8f8; padding: 15px; box-sizing: border-box;}
.show-name{height: 48px; line-height: 24px; display: flex; align-items: center; font-weight: 500;}
.show-info{margin-top: 10px;}
.show-more{display: block; margin-top: 60px; transition: .3s;}
.show-item:hover .show-pic img{transform: scale(1.05); transition: .3s;}
.show-item:hover .show-more{margin-left: 20px; transition: .3s;}


/* 行业培训   学习园地  统计数据 */
.i-train-box, .i-study-box, .i-data-box{width: 575px;}
.i-data-list{margin-top: 15px;}
.i-data-item{position: relative;}
.i-data-item a{display:block; height: 40px; line-height: 40px; font-size: 15px; padding: 0 120px 0 20px;}
.i-data-item img{display: block; width: 12px; height: 12px; position: absolute; top: 14px; left: 0;}
.i-data-time{width: 100px; height: 40px; line-height: 40px; font-size: 16px; color: #888888; text-align: right;
    position: absolute; top: 0; right: 0;}

.train-list{margin: 30px 20px 40px;}
.train-item{margin: 15px 0; padding-bottom: 15px; border-bottom: 1px dashed #e3e3e3;}
.train-pic{width: 170px; height: 100px; overflow: hidden;}
.train-pic img{display: block; width: 100%; height: auto; min-height: 100px; transition: .3s;}
.train-content{width: 970px;}
.train-name{height: 32px; line-height: 32px; font-size: 16px; font-weight: 500;}
.train-info{margin-top: 40px;}
.train-info .news-info-item{width: 140px;}
.train-item:hover .train-pic img{transform: scale(1.05); transition: .3s;}

.data-list{margin: 20px 20px 40px;}
.data-item{height: 70px; padding-bottom: 15px; margin: 15px 0; border-bottom: 1px dashed #e3e3e3; box-sizing: content-box;}
.data-time{width: 70px; height: 70px; box-sizing: border-box; padding: 11px 0 0; border: 1px solid #e3e3e3; color: #888888;}
.data-time .day, .data-time .year{height: 24px; line-height: 24px; text-align: center; font-size: 12px;}
.data-time .day{font-size: 20px;font-weight: 500;}
.data-content{width: 1070px;}
.data-name{height: 32px; line-height: 32px; font-size: 16px; font-weight: 500;}
.data-txt{height: 24px; line-height: 24px; color: #888888; margin-top: 5px;}
.data-item:hover .data-time{color: #E60012; border-color: #E60012;}
.data-item:hover .data-txt{color: #333333;}

.study-menu{height: 40px; margin: 30px 20px; display: flex; flex-wrap: wrap;}
.study-menu li a{height: 40px;line-height: 40px; background-color: #f5f5f5; padding: 0 45px; font-size: 16px; margin-right: 5px;
    display: block;}
.study-menu li.active a, .study-menu li:hover a{background-color: #E60012; color: #ffffff;}

.study-list{margin: 30px 20px 40px;}
.study-item{height: 185px; padding-bottom: 20px; margin: 20px 0; box-sizing: content-box; border-bottom: 1px solid #e3e3e3;}
.study-pic{width: 320px; height: 185px; overflow: hidden;}
.study-pic img{display: block; width: 100%; height: auto; min-height: 185px; transition: .3s;}
.study-content{width: 820px;}
.study-name{height: 48px; line-height: 48px; font-size: 18px;}
.study-txt{height: 72px; line-height: 24px; color: #888888; overflow: hidden;}
.study-info-box{margin-top: 35px;}
.study-more{display: flex; justify-content: flex-end; align-items: center; height: 24px; line-height: 24px; color: #E60012;
    transition: .3s;}
.study-more i{display: block; width: 4px; height: 4px; border-radius: 1px; background-color: #E60012; margin: 0 3px;}
.study-item:hover .study-pic img{transform: scale(1.05); transition: .3s;}
.study-item:hover .study-txt{color: #333333;}
.study-item:hover .study-more{margin-right: 30px; transition: .3s;}
/*.study-tab {display: flex;height: 30px;padding-left: 40px;}
.study-tab li {width:80px;background: #E60012;border-radius: 4px;text-align: center;font-size: 16px;color: #ffffff;margin-right: 15px;line-height:30px;}
.study-tab li a{color:#ffffff;}*/

/* 面包屑导航 */
.crumbs-box{height: 22px; display: flex; align-items: center; padding: 0 20px 25px; border-bottom: 1px solid #e3e3e3;
    box-sizing: content-box;}
.crumbs-icon{margin-right: 10px;}
.crumbs-box a:last-child{color: #E60012;}
.crumbs-box span{font-family: SimHei, SimSun; font-weight: bold; color: #333333; margin: 0 10px;}


/* 详情页 */
.detail-box{margin: 50px;}
.detail-name{line-height: 36px; font-size: 24px; font-weight: 500; color: #E60012; text-align: center;}
.detail-info{margin: 35px 0 45px; border-bottom: 1px solid #e3e3e3; padding: 0 10px 10px; color: #888888;}
.detail-time{height: 24px; line-height: 24px;}
.detail-num{height: 24px; line-height: 24px; padding-left: 20px; position: relative;}
.detail-num img{display: block; position: absolute; top: 5px; left: 0;}
.detail-num span{color: #E60012; margin-left: 3px;}


/* 搜索结果页面 */
.search-list-box{margin: 40px 200px 40px 20px}
.search-list-title{font-size: 36px; font-weight: 500; color: #E60012;}
.search-list-inner{margin: 40px 0 70px;}
.search-list-item{margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #e3e3e3;}
.search-list-name{height: 32px; line-height: 32px; font-size: 16px; color: #2440B3}
.search-list-text{max-height: 40px; line-height: 20px; color: #333333; margin: 5px 0; overflow: hidden;}
.search-list-time{height: 24px; line-height: 24px; color: #888888;}
.search-list-item:hover .search-list-name{color: #E60012;}



/* 页码 */
.page{height: 36px; line-height: 36px; display: flex; justify-content: center; margin: 15px 0 0;}
.page-inner{display: none;}
.page a{display: inline-block; height: 36px; line-height: 34px; font-size: 15px; margin: 0 3px; color: #111111;
    border: 1px solid #efefef; padding: 0 14px; border-radius: 3px; box-sizing: border-box;}
.page a img{opacity: .6;}
.page a:hover, .page a.active{border-color: #E60012; color: #E60012;}