*{box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.about-body,.news-body,.notices-body,.join-body{ background: #EEEEEE;}
.about_area01{ position: relative; margin-bottom: 100px; }
.about_area01 dt{padding:80px 60px 100px;color:#fff;font-weight: normal;background: url(../image/about_bg01.jpg) no-repeat; background-size: cover;}
.about_area01 dd{ width: 50%; position: absolute; right: 0; top:20px; z-index: 2; }
.about_area01 dt h2{margin-bottom: 15px;}
.about_area01 dt p{ width: 48%; line-height: 1.3;}

.about_area02 ul{ margin:0 -0.75%; }
.about_area02 li{ float: left; width: 23.5%; margin:0 0.75%; padding:60px 26px; background: #fff;}
.about_area02 li em{ display: block; width: 48px; height: 48px;}
.about_area02 li h2{margin:35px 0 25px;color: #3C3C3C;}
.about_area02 li .c{ color: #606060; line-height: 1.8;}
.about_area02 h3{padding-left: 20px; line-height: 1.5; color: #3C3C3C; margin: 50px 0; position: relative;}
.about_area02 h3 span{ position: absolute; left:0; top:10%; width: 2px; height: 80%; background: #A70207;}
.about_area02 .edit_con_original{padding: 30px 20px;background: #fff;}

.about_area03{ background-repeat: no-repeat; padding:120px 0; background-size: cover; }
.about_area03 li{ float:left; width: 20%; position: relative; }
.about_area03 li span{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.3);}
.about_area03 li .txt{ position: absolute; left:30px; right:30px; bottom:30px;color: #fff;}
.about_area03 li .txt h2{ margin-bottom:15px; }
.about_area03 li .txt p{ height: 4.5em; }

.organization{padding-bottom: 100px;}
.organization img{ max-width: 100%;}

@media only screen and (max-width: 1023px) {
.about_area01{margin-bottom: 60px;}
.about_area01 dt{padding:30px;}
.about_area02 li{width: 48.5%; margin-bottom: 20px;}
.about_area02 h3{margin:30px 0;}
.about_area03{padding:60px 0;}
.about_area03 li{ width: 33.33%; }
.organization{padding-bottom: 60px;}
}
@media only screen and (max-width: 767px) {
.about_area01{margin-bottom: 30px;}
.about_area01 dd{ position: relative; width: 100%; top:0;}
.about_area01 dt p{width: 100%;}
.about_area02 ul{margin:0;}
.about_area02 li{ width: 100%;margin:0; padding:30px; height: auto!important;}
.about_area02 h3 span{top:0; height: 100%;}
.about_area03 li{ width:50%; }
.about_area03 li .txt{bottom:50px;}
.organization{padding-bottom: 30px;}
}
@media only screen and (max-width: 320px) {
.about_area03 li .txt{bottom:auto; top:50px;}
}

/*截字*/
.ellipsis{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;}
.clamp{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3; line-height: 1.5; max-height: 4.5em;overflow:hidden;}

.news_area{padding-bottom: 55px;}
.newtop{margin-bottom:60px; overflow: hidden;}
.newtop dt{ float: left; width:40.9375%;position: relative;}
.newtop dt>a.tran_scale{position: absolute;width: 100%;height: 100%;}
.newtop dt img{ width: 100%;height: 100%;}
.newtop dd{ float: right; width:59.0615%; height: 100%; background: url(../image/news_bg01.jpg) no-repeat; background-size: cover;}
.newtop dd .inner{ padding:8% 8% 0; color: #fff; }
.newtop dd h2 a{color: #fff;}
.newtop dd span{display: block; margin: 3% 0 5%; color:#fff; font-family: arial;}
.newtop dd .c{line-height: 1.7;-webkit-line-clamp:5; max-height: 8.5em; color: #fff;}
.newtop dd a.view_more{ margin-top: 45px; display: block; width: 20px; height: 20px; background: url(../image/news_dot01.png) center no-repeat;}

.newlist{margin:0 -17px; padding-bottom: 20px;}
.newlist li{float: left;width:33.3333%;}
.newlist li .inner{margin:17px; padding:65px 40px; background: #fff;}
.newlist li span{display: block; margin: 0 0 15px; font-family: arial; color: #666666;}
.newlist li h2{ line-height: 1.2;-webkit-line-clamp:2; max-height: 2.4em; margin-bottom: 20px;}
.newlist li h2 a{color: #3C3C3C;}
.newlist li .c{line-height: 1.7;-webkit-line-clamp:4; max-height: 6.8em; color: #606060;}
.newlist li a.view_more{ margin-top: 25px; display: block; width: 20px; height: 20px; background: url(../image/news_dot02.png) center no-repeat;}

@media only screen and (min-width: 1025px) {
.newlist li h2 a:hover,.prev_next span a:hover{color: #D9141D;}
}

@media only screen and (max-width: 1279px) {
.newtop dd .inner{padding:5% 5% 0;}
.newtop dd a.view_more{margin-top: 20px;}
.newtop{margin-bottom: 30px;}
}

@media only screen and (max-width: 1023px) {
.news_area{padding-bottom: 30px;}
.newtop dd .c{-webkit-line-clamp:2; height: 3.4em;}
.newlist li{ width: 50%; }
.newlist li .inner{padding:30px;}
}

@media only screen and (max-width: 767px) {
.newtop{ height: auto!important; }
.newtop dt,.newtop dd{ width: 100%; }
.newtop dd .inner{padding:5%;}
.newlist{margin:0; padding-bottom: 0;}
.newlist li{ width: 100%; }
.newlist li .inner{margin:0 0 20px; padding:5%;}
.news_area{padding-bottom: 30px;}
}

.notices_area,.join_area{ padding-bottom: 55px; }
.noticeslist .ellipsis em{color: #D9141D!important;}
.noticeslist li{ float: left; width: 100%; background: #fff; padding:0 40px; margin-bottom: 30px;transition:0.2s all; -webkit-transition:0.2s all;}
.noticeslist .date{ float: left; width: 90px; border-top: 4px solid #D9141D; padding-top: 28px;}
.noticeslist .txt{ float: right; width: calc(100% - 150px); padding:30px 0; }
.noticeslist .date span{ display: block; color: #D9141D; background: url(../image/notices_dot01.png) left 3px no-repeat; padding-left: 25px;}
.noticeslist .date span em{ display: block; font-size: 12px; color: #DC363B;}
.noticeslist .txt h2 a{ color: #3C3C3C; }
.noticeslist .txt .c{margin-top: 25px; line-height: 1.8;-webkit-line-clamp:2; max-height: 3.6em;}

@media only screen and (max-width: 767px) {
.noticeslist li{padding:0 20px;margin-bottom: 15px;}
.noticeslist .txt{ width: calc(100% - 110px); }
.noticeslist .txt .c{margin-top: 10px;}
}

@media only screen and (min-width: 1025px) {
.noticeslist li:hover{background: #D9141D; color: #fff;}
.noticeslist li:hover .ellipsis em{color: #fff!important;}
.noticeslist li:hover .date{ border-top: 4px solid #fff; }
.noticeslist li:hover .date span{background: url(../image/notices_dot02.png) left 3px no-repeat;}
.noticeslist li:hover .date span,.noticeslist li:hover .date span em{ color: #fff; }
.noticeslist li:hover h2 a{color: #fff;}
.joinlist li:hover{border-top:2px solid #D9141D; box-shadow: 1px 1px 8px #999;}
.joinlist li:hover a.more{background: url(../image/news_dot01.png) 88px center no-repeat #D9141D;}
.noticeslist li:hover .txt .c em{ color: #fff; }
.sitemap dl dt:hover{ background: #E05D13;}
}

.joinlist li{ float: left; width: 47.5%; padding:40px; background: #fff;border-top:2px solid #fff; margin-bottom: 40px;transition:0.2s all; -webkit-transition:0.2s all;}
.joinlist li:nth-child(2n){ float: right; }
.joinlist li h2{ margin-bottom: 20px; }
.joinlist li h2 a{color: #3C3C3C;}
.joinlist li .c{line-height: 1.8; height: 3.6em; margin-bottom: 20px; overflow: hidden;}
.joinlist li .c span{ float: left; width: 50%; }
.joinlist li a.more{ display: block; width: 125px; height: 30px; line-height: 30px; color: #fff; text-indent: 20px; background: url(../image/news_dot01.png) 88px center no-repeat #575654; }

.join_top,.join_con{padding:40px; background: #fff;}
.join_top{margin-bottom: 30px;}
.join_top .w_01{ float: left; width: 25%; }
.join_top .w_02{ float: left; width: 50%; }
.join_top .w_03{ float: left; width: 25%; }
.join_top .w_01 h2,.join_top .w_02 h2{margin-bottom: 20px; color: #3C3C3C;}
.join_top .w_01 p,.join_top .w_02 p{ color: #606060; }
.join_top .w_03 a{ display: block; width: 100%; color: #fff; height:56px; line-height: 56px; padding-left: 85px; background:url(../image/join_dot01.png) 38px center no-repeat #D9141D; }
.join_con h2.join_t{ margin-bottom: 30px; }
.join_con dl{ border-bottom: 1px solid #EEEEEE; padding-bottom: 30px; margin-bottom: 30px; }
.join_con dl:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 10px; }
.join_con dl dt{ background: url(../image/join_dot02.png) left center no-repeat; color: #606060; margin-bottom: 15px; padding-left: 35px;}
.join_con dl dd{padding-left: 35px; color: #606060;}
.join_con dl dd p{margin-bottom: 15px;}
.join_con dl dd p:last-child{margin-bottom: 0;}
.join_con dl dd span{ display: block; }

.searchbox{padding:30px;background: #fff;}
.searchbox .inner{ width: 50%; margin: 0 auto; }
.searchbox input{ float: left; width:calc(100% - 100px); height: 30px; line-height: 30px; border: 1px solid #676767; background: none; padding:0 10px;}
.searchbox a{ float: right; width:90px; height: 30px; line-height: 30px; text-align: center; background: #D9141D; color: #fff;}
.ser_t{margin:20px 0;}
.ser_t em,.noticeslist .txt .c em{ color: #D9141D; }

.sitemap dl{border-top: 1px dashed #bebebe; overflow: hidden; padding:30px 0;}
.sitemap dl dt{ float: left; width: 115px; height: 115px; background: #D9141D; text-align: center;transition:0.5s all; -webkit-transition:0.5s all;}
.sitemap dl dt a{display:block;color:#fff;padding-top:20px; padding-bottom:40px;background: url(../image/site_dot01.png) bottom center no-repeat;}
.sitemap dl dd{ float: right; width:calc(100% - 150px);}
.sitemap dl dd ul{padding-top: 20px;}
.sitemap dl dd li{float:left; width:16.66%; font-size:16px; line-height:2; background: url(../image/site_dot02.png) left center no-repeat;}
.sitemap dl dd li a{padding-left: 20px;}

.news-swiper-container{overflow: hidden;position: relative;}
.newtop dd{position: absolute;right: 0;top: 0;}
.news-swiper-container .swiper-button-next{background-image: url('../image/arrow_slide_right.png');}
.news-swiper-container .swiper-button-prev{background-image: url('../image/arrow_slide_left.png');}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{    pointer-events: auto;}

@media only screen and (max-width: 1279px) {
.join_top .w_01{ width: 15%;}
.join_top .w_03{ width: 35%;}
}

@media only screen and (max-width: 1023px) {
.notices_area,.join_area{padding-bottom: 30px;}
.joinlist li{ width: 100%; margin-bottom: 20px;}
.join_top{margin-bottom: 20px;}
.join_top .w_01{ width: 40%;}
.join_top .w_02{ width: 60%;}
.join_top .w_03{ width: 100%; margin-top: 20px;}
.sitemap dl{padding:0; margin-bottom: 10px; border:none;}
.sitemap dl dt{width:100%;height: auto;padding:10px; text-align: left;}
.sitemap dl dt a{ float: left; padding:5px 38px 5px 0; font-weight:normal; background-position: right center;}
.sitemap dl dd{ width:100%;}
.sitemap dl ul{ padding:10px 0; }
}

@media only screen and (max-width: 767px) {
.join_top, .join_con,.joinlist li{padding:20px;}
.joinlist li .c{ height: auto;}
.sitemap dl dd li{ width: 33.33%;font-size: 12px;}
.newtop dd{position: static;}
.newsSwipeBox {height: auto!important;}
}
@media only screen and (max-width: 375px) {
.joinlist li .c span{ width: 100%;}
}

/* 20180713 修改 */
.newlist li:nth-of-type(3n+1){clear: both;}
@media only screen and (max-width: 768px) {
    .searchbox .inner{overflow: hidden;width: 100%;}
}

/* 20180717 修改 */
.business .details h2{padding: 0;}

/* 20180803 */
@media only screen and (max-width: 767px) {
    .about_area03 li{width: 100%}
    .about_area03 li img{max-height: 400px!important;}
}
.about_area01 dd{display: block;top: 0;height: 100%!important;background: url('../image/about_bg03.png') no-repeat center center;}
.about_area01 dt{    background-size: 100% 100%;padding: 60px;}
@media only screen and (max-width: 1023px){
    .about_area01 dt {
        padding: 30px;
    }
    .about_area01 dd{ background-size: 30%;}
}

@media only screen and (max-width: 767px) {
    .about_area01 dd{    display: none;}
}
/* 20180810 */
.about_area01 dt{background: none;}
.about_area01 dl{background: url(../image/about_bg01.jpg) no-repeat center center; background-size: cover;}
@media only screen and (max-width: 767px) {
    .about_area01 dl{background-position: right center}  
}

/* 20180914 */
.secNav{margin-bottom: 30px;}
.secNav ol li:hover, .secNav ol li.on{background: #d9151d;}
.secNav ol li{ margin-right: 1.09%;padding: 0 3.6%;height: 42px;line-height: 42px;text-align: center;border: 1px solid #d9151d;float: left;margin-bottom: 15px;cursor: pointer;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;}
.secNav ol li:hover a, .secNav ol li.on a{color: #fff;}
.secNav ol li a{color: #d9151d; display: block;}
@media only screen and (max-width: 639px){
    .develop .tab_nav ol li {height: 30px;line-height: 30px;}
}