@charset "UTF-8";

/* Css Document */

.banner {
    height: auto;
}

.banner .bc_text { position: absolute; }
.banner img { width: 100%; }

.sinochem-content { padding: 0; }

/* 防止图片缩小变模糊 */
img {
	image-rendering: -moz-crisp-edges;          /* Firefox                      */
	image-rendering: -o-crisp-edges;            /* Opera                        */
	image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
	image-rendering: crisp-edges;    
	-ms-interpolation-mode: nearest-neighbor;   /* IE (non-standard property)   */
}

/* #891e11 */
.d100-box-1 { border-left: .16rem #D40E0E solid; border-right: .16rem #D40E0E solid; padding: .2rem .18rem; background: url(../images/d100-box-1bg.jpg) center center no-repeat; background-size: cover; font-size: .11rem; font-weight: bold; color: #891e11; line-height: 2; margin: .16rem 0; text-align: justify; text-align-last: left; text-justify: distribute; }
.d100-box-1 p { text-indent: .25rem; }

@media(max-width:1020px){
	.d100-box-1 { font-size: .3rem; }
	.d100-box-1 p { text-indent: 0.6rem; }
}

/* 建党100周年 - 标题 */
.d100-bt { height: .52rem; position: relative; overflow: hidden; margin: .16rem 0; }
.d100-bt img { position: relative; height: 100%; z-index: 3; }
.d100-bt::before { content: ''; display: block; width: 100%; height: 2px; background: #E4DDD6; position: absolute; right: 0; bottom: .12rem; z-index: 1; }
.d100-bt::after { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #7E6A5A; position: absolute; right: 0; bottom: .106rem; z-index: 2; }

.d100-bt-2 { height: .48rem; position: relative; overflow: hidden; }
.d100-bt-2 img { position: relative; height: 100%; }

@media(max-width:1020px){
	.d100-bt { height: 1rem; }
	.d100-bt::before { bottom: .2rem; }
	.d100-bt::after { display: none; }
	.d100-bt-2 { height: 1rem; }
}

/* 建党100周年 - 新闻动态 & 党史学习教育 */
.d100-box-2::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.d100-box-2 .d100-box-2-left, .d100-box-2 .d100-box-2-right { width: 50%; float: left; }
.d100-box-2 .d100-box-2-left { box-sizing: border-box; padding-right: .26rem; }
.d100-box-2-left, .d100-box-2-right { width: 50%; float: left; }
.d100-box-2-left { box-sizing: border-box; padding-right: .26rem; }

@media(max-width:1020px){
	.d100-box-2 .d100-box-2-left, .d100-box-2 .d100-box-2-right { width: 100%; }
}

/* 建党100周年 - 轮播 */
.d100-sw-1.swiper-container { padding-bottom: 6px; }
.d100-sw-1 .d100-img { width: 100%; height: 0; padding-bottom: 64.6%; position: relative; overflow: hidden; box-sizing: border-box; }
.d100-sw-1 .d100-img img { width: 100%; }
.d100-sw-1 p { font-size: .11rem; color: #000; line-height: .35rem; height: .35rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
.d100-sw-1 p a { color: #000; }
.d100-sw-1 p:hover,
.d100-sw-1 p a:hover { color: #CC2424; }
.d100-sw-1.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 0; height: 6px; font-size: 0; }
.d100-sw-1.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; width: 6px; height: 6px; border-radius: 0; background: #C9CFC9; opacity: 1; }
.d100-sw-1.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #CC2424; }
.d100-sw-1 .swiper-button-prev, .d100-sw-1 .swiper-button-prev::after,
.d100-sw-1 .swiper-button-next, .d100-sw-1 .swiper-button-next::after { content: ''; background: url(); }
.d100-sw-1 .swiper-button-prev, .d100-sw-1 .swiper-button-next { background: #CC2424; color: #fff; font-size: .1rem; width: .2rem; height: .3rem; line-height: .3rem; text-align: center; top: 1.1rem; }
.d100-sw-1 .swiper-button-prev { left: 0; }
.d100-sw-1 .swiper-button-next { right: 0; }

@media(max-width:1020px){
	.d100-sw-1 .swiper-button-prev, .d100-sw-1 .swiper-button-next { font-size: .5rem; width: .8rem; height: 1.2rem; line-height: 1.15rem; top: 2.65rem; }
	.d100-sw-1 p { font-size: 0.3rem; line-height: 1rem; height: 1rem; }
}

.d100-box-2-list { display: block; overflow: hidden; box-sizing: border-box; }
.d100-box-2-list li { display: block; overflow: hidden; box-sizing: border-box; position: relative; background: #F0EAE5; border-left: .06rem #F0EAE5 solid; padding: .07rem; margin-bottom: .03rem;  transition: all .5s; }
.d100-box-2-list div { line-height: .2rem; height: .2rem; font-size: .1rem; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: .06rem; }
.d100-box-2-list div a,
.d100-box-2-list div p,
.d100-box-2-list div p a { color: #000; transition: color .5s; }
.d100-box-2-list div a:hover,
.d100-box-2-list div p:hover,
.d100-box-2-list div p a:hover { color: #CC2424; }
.d100-box-2-list span { display: inline-block; color: #737373; font-size: .08rem; height: .1rem; line-height: .1rem; overflow: hidden; }
.d100-box-2-list li:hover { background: #ECECEC; border-color: #D40E0E; }

@media(max-width:1020px){
	.d100-box-2-list li { padding: 0.2rem; margin-bottom: 0.2rem; }
	.d100-box-2-list div { line-height: 0.6rem; height: 0.6rem; font-size: 0.4rem; margin-bottom: 0.2rem; }
	.d100-box-2-list span { font-size: 0.3rem; height: 0.4rem; line-height: 0.4rem; }
}

@media(max-width:768px){
	.d100-box-2-list span { display: block; }
}

.d100-box-3 { background: url(../images/d100-box-3-bg.jpg); padding: .25rem .4rem 0; box-sizing: border-box; }
.d100-box-3top::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.d100-box-3top .d100-left, .d100-box-3top .d100-right { float: left; }
.d100-box-3top .d100-left { width: 3.21rem; padding: .25rem .25rem 0 0; font-size: .1rem; line-height: .19rem; color: #891e11; box-sizing: border-box; font-weight: bold; text-align: justify; text-align-last: left; text-justify: distribute; text-indent: .2rem; letter-spacing: .01rem; }
.d100-box-3top .d100-right { width: 3.49rem; height: 1.885rem; box-sizing: border-box; overflow: hidden; border-radius: .1rem; position: relative; }
.d100-box-3top .d100-right img { width: 100%; height: 100%; cursor: pointer; position: absolute; left: 0; top: 0; z-index: 2; }
.d100-box-3top .d100-right img.d100-none { display: none; }
.d100-box-3top .d100-right video { width: 100%; height: 100%; cursor: pointer; position: relative; z-index: 1; }

@media(max-width:1020px){
	.d100-box-3top .d100-left { width: 100%; padding: 0.3rem 0; font-size: 0.3rem; line-height: 0.45rem; text-indent: 0.6rem; }
	.d100-box-3top .d100-right { width: 100%; height: 4rem; }
}

@media(max-width:768px){
	.d100-box-3top .d100-right { height: auto; border-radius: 0; }
	.d100-box-3top .d100-right video { border-radius: .1rem; }
}

.d100-box-3-ul { display: block; box-sizing: border-box; padding: 0 .05rem; width: 100%; margin: .33rem 0 .09rem; }
.d100-box-3-ul::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.d100-box-3-ul li { display: block; box-sizing: border-box; width: 25%; float: left; padding: 0 .11rem }
.d100-box-3-ul .d100-but { box-sizing: border-box; width: 100%; background: #A1332E; color: #fff; font-size: .11rem; line-height: .15rem; padding: .05rem .1rem; position: relative; height: .4rem; cursor: pointer; letter-spacing: .01rem; }
.d100-box-3-ul .d100-but::before { content: ''; display: block; width: 0; height: 0; border-color: transparent #A1332E #A1332E transparent; border-style: solid; border-width: 0 0 .4rem .15rem; position: absolute; top: 0; left: -.15rem; }
.d100-box-3-ul .d100-but::after { content: ''; display: block; width: 0; height: 0; border-color: #A1332E transparent transparent #A1332E; border-style: solid; border-width: 0 0 .4rem .15rem; position: absolute; top: 0; right: -.15rem; }
.d100-box-3-ul .d100-but:hover { background: #D40E0E; }
.d100-box-3-ul .d100-but:hover::before { border-color: transparent #D40E0E #D40E0E transparent; }
.d100-box-3-ul .d100-but:hover::after { border-color: #D40E0E transparent transparent #D40E0E; }
.d100-box-3-ul .d100-but.d100-active { background: #D40E0E; }
.d100-box-3-ul .d100-but.d100-active::before { border-color: transparent #D40E0E #D40E0E transparent; }
.d100-box-3-ul .d100-but.d100-active::after { border-color: #D40E0E transparent transparent #D40E0E; }

@media(max-width:1020px){
	.d100-box-3-ul li { width: 50%; margin-bottom: .07rem; }
	.d100-box-3-ul .d100-but { font-size: 0.3rem; line-height: 0.45rem; padding: 0.2rem 0.1rem; height: 1.2rem; }
	.d100-box-3-ul .d100-but::before { border-width: 0px 0px 1.2rem 0.15rem; }
	.d100-box-3-ul .d100-but::after { border-width: 0px 0px 1.2rem 0.15rem; }
}

.d100-box-3-cont { background: #fff; padding: .2rem .1rem .2rem; box-sizing: border-box; }
.d100-box-3-contdiv { display: none; border-bottom: 2px solid #EEE8DD; padding: 0 .3rem .15rem; font-size: .1rem; line-height: .18rem; color: #000; text-indent: .2rem; text-align: justify; text-align-last: left; text-justify: distribute; font-weight: bold; }
.d100-box-3-contdiv span { color: red; font-size: .13rem; }
.d100-box-3-contdiv.d100-active { display: block; }

@media(max-width:1020px){
	.d100-box-3-cont { padding: .2rem; }
	.d100-box-3-contdiv { padding: 0px 0 0.2rem; font-size: 0.3rem; line-height: 1.5; text-indent: 0.6rem; }
}

@media(max-width:768px){
	.d100-box-3-contdiv span { font-size: .36rem; }
}

.d100-box-3-listdiv { background: url(../images/d100-box-3-bg.jpg); padding: 0 .4rem .25rem; box-sizing: border-box; display: none; }
.d100-box-3-listdiv.d100-active { display: block; }
.d100-box-3-list { background: #fff; padding: 0 .1rem .3rem; box-sizing: border-box; display: block; position: relative; overflow: hidden; }
.d100-box-3-list li { display: block; box-sizing: border-box; padding-left: 50%; }
.d100-box-3-list .d100-div { background: transparent; color: #000; font-size: .1rem; line-height: .4rem; height: .4rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0 .1rem 0 .33rem; position: relative; border-bottom: 1px solid #eee; transition: all .5s; }
.d100-box-3-list .d100-div a { color: #000; transition: all .5s; }
.d100-box-3-list .d100-div a:hover { color: #fff; text-decoration: underline; }
.d100-box-3-list .d100-div::before { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #D40E0E; position: absolute; top: 50%; margin-top: -5px; left: .2rem; box-sizing: border-box; }

@media(max-width:1020px){
	.d100-box-3-list { padding: 0; }
	.d100-box-3-list li { padding-left: 0; }
	.d100-box-3-list .d100-div { font-size: 0.3rem; line-height: 1rem; height: 1rem; padding: 0px 0.2rem 0px 0.5rem; }
}

.d100-box-3-list .d100-div.d100-active { background: #D40E0E; color: #fff; }
.d100-box-3-list .d100-div.d100-active a { color: #fff; }
.d100-box-3-list .d100-div.d100-active::before { content: ''; display: block; width: 10px; height: 10px; border-radius: 50%; border: 2px solid #fff; position: absolute; top: 50%; margin-top: -5px; left: .2rem; box-sizing: border-box; }

.d100-box-3-list .d100-div:hover { background: #D40E0E; color: #fff; }
.d100-box-3-list .d100-div:hover::before { border: 2px solid #fff; }

.d100-div-left { display: none; width: 3rem; height: auto; font-size: .09rem; line-height: .14rem; color: #000; text-indent: .2rem; text-align: justify; position: absolute; top: 0; left: .1rem; }
.d100-div-left p { line-height: .14rem; }
.d100-div-left::after { content: ''; display: block; width: 0; height: 0; clear: both; }
.d100-div-left img { float: right; margin: 0.04rem .1rem 0; width: 1.5rem; }
.d100-div-left.d100-active { display: block; }

@media(max-width:1020px){
	.d100-div-left.d100-active { display: none; }
}

@media(max-width:768px){
	.d100-div-left.d100-active { display: block; }
	.d100-div-left img { width: 4rem; }
	.d100-div-left { position: relative; width: 100%; font-size: .3rem; border-bottom: 1px solid #eee; padding: .2rem; left: 0; box-sizing: border-box; }
	.d100-div-left p { line-height: 1.5; }
}



.d100-box-4 { display: block; overflow: hidden; box-sizing: border-box; padding: 0 0 0 .15rem; position: relative; margin-bottom: .2rem; height: 2.2rem; overflow-y: auto; }
.d100-box-4-list { display: block; overflow: hidden; box-sizing: border-box; position: relative; height: 2.2rem; overflow-y: auto; width: 100%; }
.d100-box-4-list::-webkit-scrollbar-track-piece { width: 1px; background-color: #fff; }
.d100-box-4-list::-webkit-scrollbar             { width: 1px; background-color: #e60107; }
.d100-box-4-list::-webkit-scrollbar-thumb       { width: 1px; background-color: #e60107; }
.d100-box-4-list::-webkit-scrollbar-thumb:hover { width: 1px; background-color: #e60107; }
.d100-box-4-list li { display: block; box-sizing: border-box; border-left: 1px #EF6266 solid; overflow: hidden; position: relative; }
.d100-box-4-list li::after { content: ''; width: 10px; height: 10px; background: #e60107; position: absolute; top: .11rem; left: -5px;
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	 -o-transform: rotate(45deg);
		transform: rotate(45deg); }
.d100-box-4-list::before { content: ''; width: 2px; height: .1rem; background: #fff; position: absolute; top: 0; left: -1px; z-index: 2; }
.d100-box-4-list .d100-cont { padding: .05rem .2rem .07rem .07rem; font-size: .095rem; line-height: 1.8; color: #000; text-align: justify; box-sizing: border-box; cursor: pointer; }
.d100-box-4-list .d100-cont p { line-height: .15rem; }
.d100-box-4-list .d100-cont h3 { font-size: .16rem; font-weight: bold; color: #e60107; line-height: 1; margin-bottom: .035rem; }
.d100-box-4-list .d100-cont h3 a { color: #e60107; }
.d100-box-4-list .d100-cont h3 a:hover { color: #e60107; }
.d100-box-4-list .d100-cont span { color: #e60107; }
/*		.d100-box-4-list li .d100-cont:hover { background: #EFEFEF; }*/
.d100-box-4-list li img { width: 1.95rem; margin: .05rem 0; }
/*		.d100-box-4-list li img { width: 0; height: 0; opacity: 0; font-size: 0; overflow: hidden; }*/
.d100-box-4 .d100-img { position: absolute; bottom: 0; right: .15rem; width: 3.4rem; height: 2.2rem; overflow: hidden; }
.d100-box-4 .d100-img img { width: 100%; height: 100%; }

@media(max-width:1020px){
	.d100-box-4 { height: auto; }
	.d100-box-4-list .d100-cont h3 { font-size: .4rem; margin-bottom: .2rem; }
	.d100-box-4-list .d100-cont p { line-height: 1.5; font-size: .3rem; }
	.d100-box-4-list { height: 6rem; }
	.d100-box-4-list li img { width: 4rem; margin: 0.2rem 0px; }
}

@media(max-width:768px){
	.d100-box-4-list .d100-cont { padding-left: .25rem; }
	.d100-box-4-list::before { height: .055rem; }
}

.bshare-custom {  }

@media(max-width:750px){
	.detail-border .bshare-custom { width: 25%; }
}

.z-100-more { text-align: right; position: relative; width: 100%; }
.z-100-more a { font-size: .08rem; position: absolute; display: inline-block; bottom: .05rem; right: 0; color: #000; }
.z-100-more a:hover { color: red; }

@media(max-width:768px){
	.z-100-more a { position: relative; bottom: 0; margin: .3rem 0; font-size: .3rem; }
}