/* 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: 12.5% 12.5% 12.5% 12.5% / 50% 50% 50% 50%;
   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%;
   }
}

/* 2021.07.30 */

/* 兼容 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; }

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

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

/* (业务与产品)Business & Products */
.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;
}

@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.09.22 */
.footer-content-tr-gzwm-ewm { width: auto !important; }
.footer-content-tr-gzwm-ewm a { display: inline-block !important; float: left; }
.footer-content-tr-gzwm-ewm a:nth-of-type(2) { margin-left: 10px; }
@media (max-width: 1024px) {
	.footer-content-tr-gzwm-ewm { width: 100% !important; text-align: center; margin-right: 0 !important; }
	.footer-content-tr-gzwm-ewm a { float: none; padding: 0 5px; }
	.footer-content-tr-gzwm-ewm a:nth-of-type(2) { margin-left: 0; }
	.footer-content-tr-gzwm-ewm a { width: .8rem !important; height: .8rem !important; }
}

.ssc-content { font-size: 0 !important; position: relative; overflow: hidden; }
.ndiv { position: relative; z-index: 2; font-size: .093rem; padding-left: .12rem; }
.ssc-content input[type="checkbox"], .ssyc-content input[type="checkbox"] { position: absolute; z-index: 1; top: .02rem; }
.ssyc-content { font-size: 0 !important; position: relative; overflow: hidden; }
.ssyc-content input[type="checkbox"], .ssyc-content input[type="checkbox"] { position: absolute; z-index: 1; top: .02rem; }

/* 最近修改日期：2021.11.04 */
/* 移动端 */
@media (max-width: 1020px) {
	/* 搜索页 */
	.sinochem-content .bus-left { margin: 0; }
	.sinochem-content .bus-right { padding: 0; }
	.sinochem-content .search-box { width: 86.98%; }
	.sinochem-content .search-select-sort { width: 100%; padding: 0; }
	.sinochem-content .search-br-title { width: auto; }
	.sinochem-content .sbc-ul li { font-size: 16px; width: .8rem; }
	.sinochem-content .sbc-ul li:nth-last-of-type(2) { width: auto; margin-right: 5px; }
	.sinochem-content .sbc-ul li:nth-last-of-type(2) input { display: none; }
	.bus-content .service-text a { font-size: 0.347rem; }
	.detail-source-date .detail-date-title, .detail-source-date .detail-source-title { padding: 0; }
	.home-about .button { border-radius: 1rem; overflow: hidden; }
	.bus-right .prosearch-sort { padding-top: 0.2rem; }
	.bus-right .prosearch-sort .bus { padding: 0 .3rem; }
	.bus-right .prosearch-category-field { display: block; }
	.bus-right .category-cont, .bus-right .field-cont { padding: .2rem 0; }
	.ds_item.ds_item04 { display: none; }
	.duobian_wrap .ds_item:nth-child(odd) { float: left; }
	.duobian_wrap .ds_item { width: 48%; margin: 0 1% 2%; }
	.duobian_wrap .ds_item:nth-last-of-type(1) { width: 98%; }
	.div-form-item:nth-of-type(1) .mess_title { top: 3.5rem; }
	.sinochem-samecont .div-form-item:nth-of-type(2) { margin-top: 2.5rem; }
	#yztishi { bottom: .05rem !important; }
	#dnn_ctr50516_ContentPane.sinochem-contr { height: 14rem; }
	#qygk-top .swiper-slide span { color: rgb(47, 85, 151) !important; }
	
	.ndiv { font-size: .4rem; padding-left: .6rem; line-height: 1.5; }
	.ssc-content input[type="checkbox"], .ssyc-content input[type="checkbox"] { width: .4rem; height: .4rem; top: .1rem; }
	.ssyc-content input[type="checkbox"], .ssyc-content input[type="checkbox"] { width: .4rem; height: .4rem; top: .1rem; }
	.ssc-cutbox .ssc-content { width: 100%; }
	
	.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; }
	
	.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%; }
	
	.showmore-content .cp-cpmc { height: auto; line-height: 1.5; margin: 0 .5rem 0 0; }
	.showmore-content .cp-cpmc a { font-size: .42rem; }
	
}