@charset "utf-8";
/* Css Document */

/* 公用宽度 */
.sinochem_body {
   width: 100%;
}
.w1600,
.w1440 {
   margin: 0 auto;
}
/* 1600宽度 */
.w1600 {
   width: 8.333rem;
   position: relative;
}
/* 1440宽度 */
.w1440 {
   width: 7.5rem;
   position: relative;
}
/* 背景 */
.bgf5 {
   background: rgba(245, 245, 245, .95);
}
.bgf7 {
   background: #f7f7f7;
}
.bgfff {
   background: #fff;
}

/* 公用按钮样式 */
.button {
   display: block;
   border: 1px solid #1D4F91;
   border-radius: 0.141rem;
   text-align: center;
}
.button_aylen {
   color: #1D4F91;
   overflow: hidden;
   -webkit-transition: color 0.3s;
   transition: color 0.3s;
   position: relative;
}
.button_aylen a {
   color: #1D4F91;
   position: relative;
   z-index: 1;
}
.button_aylen::before,
.button_aylen::after {
   content: '';
   position: absolute;
   height: 100%;
   width: 100%;
   bottom: 100%;
   left: 0;
   z-index: 0;
   -webkit-transition: -webkit-transform 0.3s;
   transition: transform 0.3s;
   -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
   transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button_aylen::before {
   background: #6C8CC3;
}
.button_aylen::after {
   background: #1D4F91;
}
.button_aylen:hover a {
   color: #fff;
}
.button_aylen:hover::before,
.button_aylen:hover::after {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
}
.button_aylen:hover::after {
   -webkit-transition-delay: 0.175s;
   transition-delay: 0.175s;
}
.whiteBtn {
   color: #fff;
   border: 1px solid #fff;
}
.whiteBtn a {
   color: #fff;
}
.whiteBtn.button_aylen::before {
   background: #6C8CC3;
}
.whiteBtn.button_aylen::after {
   background: #fff;
}
.whiteBtn.button_aylen:hover a {
   color: #1D4F91 !important;
}
/*1024以下*/
@media screen and (max-width: 1020px){
   .w1600,.w1440{
      width: 86.98%;
   }
   .button{
      border-radius: 0.4rem;
   }
}

/* 2021/7/23 兼容 Safari 浏览器 */
.whiteBtn { z-index: 2;}
.whiteBtn a { z-index: 2; display: block;  }
.whiteBtn.button_aylen::before { z-index: 1; }
.whiteBtn.button_aylen::after { z-index: 1; }

.about-left-box .button { z-index: 2; }
.about-left-box .button a { z-index: 2; display: block; }
.button_aylen { z-index: 2; display: block; }
.button_aylen::before { z-index: 1; }
.button_aylen::after { z-index: 1; }
.button_aylen a { z-index: 2; }

.smkx-color .psort-title.active7_23::after { border-color: #00a36b; }
.clkx-color .psort-title.active7_23::after { border-color: #acacac; }
.jchg-color .psort-title.active7_23::after { border-color: #227fdd; }
.hjkx-color .psort-title.active7_23::after { border-color: #16b79e; }
.ltxj-color .psort-title.active7_23::after { border-color: #de211b; }
.jxzb-color .psort-title.active7_23::after { border-color: #6a6a6a; }
.psort-title.active7_23:before { width: 0.078rem; height: 0.078rem; left: -0.10rem; }
.psort-title.active7_23:after {
    content: "";
    display: block;
    width: 0.125rem;
    height: 0.125rem;
    margin: auto 0;
    border: 1px solid transparent;
    border-radius: 50%;
    background: #f7f7f7;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -0.13rem;
    z-index: 2;
}

/* 企业文化 */
#dnn_OtherPane .DnnModule-47981 .sinochem-bgsamecont {
    background-color: #f7f7f7;
}

@media screen and (max-width: 1020px){
	.smkx-color .psort-title.active7_23::after { border-color: transparent; }
	.clkx-color .psort-title.active7_23::after { border-color: transparent; }
	.jchg-color .psort-title.active7_23::after { border-color: transparent; }
	.hjkx-color .psort-title.active7_23::after { border-color: transparent; }
	.ltxj-color .psort-title.active7_23::after { border-color: transparent; }
	.jxzb-color .psort-title.active7_23::after { border-color: transparent; }
	
	.smkx-color .psort-title.active7_23 { border-bottom-color: #00a36b; }
	.clkx-color .psort-title.active7_23 { border-bottom-color: #acacac; }
	.jchg-color .psort-title.active7_23 { border-bottom-color: #227fdd; }
	.hjkx-color .psort-title.active7_23 { border-bottom-color: #16b79e; }
	.ltxj-color .psort-title.active7_23 { border-bottom-color: #de211b; }
	.jxzb-color .psort-title.active7_23 { border-bottom-color: #6a6a6a; }
}

/* 2021.07.30 修复首页 banner 第三个的按钮的高度异常(1280px下) */
.bc_text .button a { display: block; }

.rt-content.swiper-container-horizontal > .swiper-scrollbar { position: relative; left: 0; bottom: 0; height: 5px; width: 100%; margin: 5px 0; }

/* 最近修改日期：2021.11.04 */
/* 移动端 */
@media (max-width: 1020px) {
	
	.bus-right .prosearch-sort { padding-top: 0.2rem; margin-bottom: 0; }
	.bus-right .prosearch-sort .bus { padding: 0 .3rem; width: auto; }
	.bus-right .prosearch-category-field { display: block; }
	.bus-right .category-cont, .bus-right .field-cont { padding: .2rem 0; }
	
	.procha-box .procha-title { font-size: .4rem; }
	.prodet-download a, .prodet-download span { font-size: .4rem !important; }
	.application-area .swiper-container { display: none; }
	.similar-product .tc_ul { height: 3.4rem; overflow-x: hidden; margin-bottom: .5rem; }
	.similar-product .tc_ul::-webkit-scrollbar-track-piece { width: 5px; background: #eee; }
	.similar-product .tc_ul::-webkit-scrollbar             { width: 5px; background: #0051a2; }
	.similar-product .tc_ul::-webkit-scrollbar-thumb       { width: 5px; background: #0051a2; }
	.similar-product .tc_ul::-webkit-scrollbar-thumb:hover { width: 5px; background: #0051a2; }
	.tlcp-content.clkx-color .tc_li { padding: 0 .1rem; box-sizing: border-box; margin: 0 2% 0.507rem; width: 29.3%; }
	.sbc-ul .prolist-fy-left { width: auto !important; padding: 0 .1rem !important; }
	.sbc-ul .prolist-fy-next { width: auto !important; padding: 0 .1rem !important; }
	.prolist-fy-box .sbc-ul li:nth-last-of-type(2) { width: 1.8rem !important; margin: 0 !important; }
	
	.showmore-content .cp-cpmc { height: auto; line-height: 1.5; margin: 0 .5rem 0 0; }
	.showmore-content .cp-cpmc a { font-size: .42rem; }
	
}