.news_cont section {padding-top: 95px;margin-bottom:90px;}

.worldbox{position:relative;}
.worldbox *{box-sizing:content-box;word-break:initial;}
.worldbox form{position:relative;z-index:2;}
 #search{padding:60px;}
.sbox {
    width: 560px;
    height: 46px;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    background: #123646;
    position: relative;
}
.sbox:hover{box-shadow:0px 0px 8px #6acbdc;}
input[type="text"].s1{width:460px;height:36px;padding:3px 5px;border:2px solid #123646; float:left; border-top-left-radius:5px;border-bottom-left-radius:5px; font:16px;box-sizing:content-box;}
input.s2{width:80px;height:46px;border:none; background:#123646 url(../images/search_public.png) no-repeat 25px 8px; font-size:0; float:left; border-top-right-radius:5px;border-bottom-right-radius:5px; cursor:pointer;background-color:#123646 ;}
.home_box {padding:60px;background:#123646;margin-bottom:60px }
.home_box ul{width:700px; margin:auto; display:block; background:#123646; overflow:hidden;}
.home_box ul li{width:auto;float:left; font-size:18px;margin:20px;}
.home1,.home2,.home3,.home4{width:140px;height:140px; background:url(../img/home.png) no-repeat; display:block; float:left}
.home1{ background-position:0 0;}
.home2{ background-position:0 -140px;}
.home3{ background-position:0 -280px;}
.home4{ background-position:0 -420px;}
.home_box ul li a{color:#222; line-height:140px;margin-left:20px; text-shadow:0px 0px 1px #90eeff;}
.home_box ul li a:hover{color:#fff}


/*msds*/
.msdshome_box {padding:60px;margin-bottom:60px;width:1000px;margin:auto;font-size:16px; line-height:200%; color:#666;position:relative;z-index:2;}
.msdshome_box p{padding:5px 0 10px 0}
.friend{width:220px;height:126px;border:1px solid #ccc;display:inline-block;margin-right:10px;cursor:pointer; position:relative}
.friend  a{ display:block;height:126px;font-size:0; margin:auto}
.friend:hover .FH{ display:block; border:1px solid #123646}
.f1{width:56px;background:url(../img/friend.jpg?v=1.1) no-repeat 5px 40px;}
.f2{width:160px;background:url(../img/friend.jpg?v=1.1) no-repeat -610px  40px;}
.f3{width:158px;background:url(../img/friend.jpg?v=1.1) no-repeat -280px 40px;}
.f4{width:158px;background:url(../img/friend.jpg?v=1.1) no-repeat -446px 40px;}

.worldbox:before{
    background:url(../images/map.png) no-repeat center 10px;
    opacity: 0.5;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.FH{ position:absolute;width:220px;height:126px; top:-1px; left:-1px; display:none}
.FH1{ background:#123646;opacity:0.9;width:220px;height:126px;position:absolute; top:0; left:0;}
.FH1 h2{color:#fff;font-size:16px; text-align:center; margin-top:20PX}
.FH a{font-size:15px; color:#123646;text-align:center;background:#fff; border-radius:30px;width:100px;height:30px; line-height:30px; position:absolute;bottom:20px;left:60px;}

.msdslist{border:none;border-bottom:0px solid #ccc; background:#f2f2f2}
.sds-cn h2{height:auto;border:none; background: none; position:relative;top:auto; left:auto;padding:20px;color:#000}
.sds-cn h1{padding:10px 0 30px 0}
.MSDSBOX{border-top:none;padding:40px; background:#f2f2f2;}
.msdshead{ background:#f2f2f2;}
.msdshead ul li{ display:inline-block;padding:10px 30px;font:16px Arial, Helvetica, sans-serif;margin-right:1px; cursor:pointer; background:#efefef;}
.msdshead .current,.msdshead ul li:hover{background:#123646; color:#fff}
.p1{border:none;padding:20px 0}
.content h3{height:auto;border:none; background:none; position:relative;top:auto; left:auto;padding:0px;color:#000;border-radius: 0;}
.list0 td,.list0 th{border:none;padding:5px;}
a.m1{ background:#123646;border-radius:3px;margin-right:6px;width:50px; height:28px;color:#fff;font:15px/28px Arial, Helvetica, sans-serif; display:inline-block; text-align:center}
a.m1:hover{ background:#ff7300;}
a.m2{ background:#123646;border-radius:3px;margin-right:6px;width:50px; height:28px;color:#fff;font:15px/28px Arial, Helvetica, sans-serif; display:inline-block; text-align:center; overflow:hidden; position:relative}
a.m2:hover{background:#ff7300;}
.m2 .m21{color:#fff; font-size:15px; line-height:28px;}
a.m2:after{content:"➜";width:28px;height:28px;position:absolute;top:0;right:-8px;transform:rotate(90deg); line-height:220%;color:#f2f2f2; font-size:13px;}

.list_h li{ list-style:inside; list-style-type:circle}

@media (max-width:1200px) {
    .msdshome_box{
        width:calc(100% - 60px);
        padding:30px;
    }
}
@media (max-width:1000px){
	.topnavR,.HotTel{ display:none;}
	.listbox, .textbox,.sbox,.foot{ width:90%;}
	.s1{ width:76%;}
	.s2{ width:15%;}
	.proinf{ width:80%;}
	}
@media (max-width:750px){
	.header{height: auto; display: inline-block;     box-sizing: border-box; width:100%;}
	.logo{    width: 120px;     background-size: 100%;}
	.header h1{    font: 16px/30px Arial, Helvetica, sans-serif;    padding-left: 10px; margin-left: 10px;}
	.product table tr td{    display: inline-block; width: 100%;}
	#search{ padding:0; margin-top:30px; margin-bottom:30px;}
	.list0 tr td{ width: 28% !important}
	.product{    padding-left: 10px; padding-right: 10px;}
	.proimg{ float:none; display:block; margin:0;}
	.proinf{ width:100%; display:block;}
	.product h2{ font-size:14px; font-weight:bold;}
	.MSDSBOX{ padding:10px;}
	
	.sbox{width:100%;}
    .msdshome_box{ width: calc(100% - 30px);padding: 15px;}	
	input[type="text"].s1{width:calc(100% - 80px);box-sizing:border-box;height:100%;}
	}
	
	
	
.searchresutl_div{z-index:2;position:relative;}
.success_txt {
    color: #44c553;
    text-align: center;
    line-height: 40px;
    font-size: 23px;
}
.detailSearch {
    display: none;
    border: 1px solid var(--logo-color1);
    border-radius: 4px;
    margin-bottom:30px;
}

.detailSearch .search_box {
    border-bottom: 1px solid #ddd;
}
.detailSearch .search_box.border_bottom0{
    border-bottom:0px;
}
.detailSearch .search_box .inner {
    display: flex
}

.detailSearch .search_box.brand .inner {
    height: 56px;
    overflow: hidden
}

.detailSearch .search_box .tit_th {
    position: relative;
    min-width: 150px;
    padding: 18px 20px;
    color: #fff;
    background-color: var(--logo-color1);
    vertical-align: top;
    font-weight: 400
}

.detailSearch .search_box .tit_th .btnMore {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    font-size: 0;
    line-height: 0;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 8.00003H14.75' stroke='%23131518' stroke-width='1.25' stroke-linejoin='round'/%3E%3Cpath d='M8.00947 1.25003L7.99023 14.75' stroke='%23131518' stroke-width='1.25'/%3E%3C/svg%3E%0A") center no-repeat
}

.detailSearch .search_box .list {
    display: flex;
    flex-grow: 0;
    gap: 18px 20px;
    flex-wrap: wrap;
    padding: 18px 20px
}
.detailSearch .search_box .list li{word-break: break-all;letter-spacing:0.2px;}
.detailSearch .search_box .list.hide,.detailSearch .search_box .list>li input[type=checkbox] {
    display: none
}

.detailSearch .search_box .list>li>a,.detailSearch .search_box .list>li>label {
    font-size: 14px;
    color: #757d86
}

.detailSearch .search_box .list>li input[type=checkbox]:checked+label {
    color: #131518;
    font-weight: 700
}

.detailSearch .search_box .list>li input[type=checkbox]:disabled+label {
    color: #000;
    cursor: auto
}

.detailSearch .search_box .list.subbox {
    display: none
}

.detailSearch .search_box .list.subbox .subbox_wrap {
    display: flex;
    width: 100%;
    align-items: center
}

.detailSearch .search_box .list.subbox .btn_cate_back {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49487 12.9884L2.49485 7.99349L7.48993 2.99342' stroke='%23131518' stroke-width='1.24383'/%3E%3Cpath d='M14.0019 7.9877L3.00733 7.99315' stroke='%23131518' stroke-width='1.24383' stroke-linecap='square'/%3E%3C/svg%3E%0A") center/16px no-repeat;
    font-size: 0;
    text-indent: -9999px
}

.detailSearch .search_box .list.subbox ul {
    display: flex
}

.detailSearch .search_box .list.subbox ul>li {
    font-size: 14px;
    color: #131518;
    font-weight: 700
}

.detailSearch .search_box .list.subbox ul>li:first-of-type {
    position: relative;
    padding: 0 13px 0 8px
}

.detailSearch .search_box .list.subbox ul>li:first-of-type:after {
    content: "";
    position: absolute;
    right: 1px;
    top: 3px;
    width: 14px;
    height: 14px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.38574 2.39877L10.9818 6.99018L6.39029 11.5863' stroke='%23131518' stroke-width='1.1'/%3E%3C/svg%3E%0A") center/14px no-repeat
}

.detailSearch .search_box .list.subbox.show {
    display: flex
}

.detailSearch .search_box .list.subbox>li .on {
    color: #131518;
    font-weight: 700
}

.detailSearch .search_box input[type=text] {
    width: 120px;
    height: 34px;
    font-size: 13px;
    line-height: 32px;
    color: #131518;
    border: 1px solid var(--logo-color1);
    letter-spacing: 0;
    padding: 0 14px;
    font-family: inherit
}

.detailSearch .search_box input[type=text]::placeholder {
    color: #99a1a8
}

.detailSearch .search_box input[type=text]:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #fff inset
}

.detailSearch .search_box input[type=submit] {
    width: 34px;
    height: 34px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.75483 11.5023C9.37818 11.501 11.5038 9.37331 11.5025 6.74996C11.5012 4.12661 9.37347 2.00101 6.75012 2.00231C4.12677 2.00361 2.00118 4.13132 2.00248 6.75467C2.00378 9.37802 4.13148 11.5036 6.75483 11.5023Z' stroke='%2350585F' stroke-width='1.25'/%3E%3Cpath d='M13.5523 14.4525C13.7964 14.6965 14.1921 14.6965 14.4362 14.4525C14.6803 14.2084 14.6803 13.8127 14.4362 13.5686L13.5523 14.4525ZM9.55232 10.4525L13.5523 14.4525L14.4362 13.5686L10.4362 9.56859L9.55232 10.4525Z' fill='%2350585F'/%3E%3C/svg%3E%0A") center/16px no-repeat var(--logo-color1);
    border-radius: 4px;
    text-indent: -9999px;
    margin-left: 8px
}

.detailSearch .search_box .priceSearch,.detailSearch .search_box .reSearch {
    display: flex;
    align-items: center;
    padding-left: 20px
}

.detailSearch .search_box .priceSearch span {
    display: inline-block;
    width: 15px;
    font-size: 13px;
    line-height: 34px;
    color: #757d86;
    text-align: center
}

.detailSearch .search_box .reSearch input[type=text] {
    width: 255px
}

.detailSearch .filter {
    position: relative;
    display: flex;
    padding: 12px 20px;
    gap: 8px
}

.detailSearch .filter>li {
    position: relative
}

.detailSearch .filter .chip {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    color: #757d86;
    background: #fff;
    border: 1px solid var(--logo-color1);
    border-radius: 18px;
    padding: 0 31px 0 15px
}

.detailSearch .filter .chip::after {
    content: "";
    position: absolute;
    top: 9px;
    right: 12px;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.93752 5.19005L8.00244 10.25L13.0625 5.18499' stroke='%23757D86' stroke-width='1.2'/%3E%3C/svg%3E%0A") center/16px no-repeat
}

.detailSearch .filter .chip.on,.detailSearch .filter .chip.selected {
    color: #fff;
    font-weight: 700;
    background: #131518;
    border-color: #131518
}

.detailSearch .filter .chip.on::after,.detailSearch .filter .chip.selected::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.93752 5.19005L8.00244 10.25L13.0625 5.18499' stroke='white' stroke-width='1.2'/%3E%3C/svg%3E%0A")
}

.detailSearch .filter .chip.on::after {
    top: 8px;
    transform: rotate(180deg)
}

.detailSearch .filter .chk_today {
    display: none
}

.detailSearch .filter .chip.today {
    display: inline-block;
    padding: 0 15px 0 31px
}

.detailSearch .filter .chip.today::after {
    right: auto;
    left: 11px;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35938 8.8708L7.72108 12.1773L13.6406 5.625' stroke='%23757D86' stroke-width='1.4'/%3E%3C/svg%3E%0A")
}

.detailSearch .filter .chk_today:checked+.chip.today {
    color: #fff;
    font-weight: 700;
    background: #131518;
    border-color: #131518
}

.detailSearch .filter .chk_today:checked+.chip.today::after {
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35938 8.8708L7.72108 12.1773L13.6406 5.625' stroke='white' stroke-width='1.4'/%3E%3C/svg%3E%0A")
}

.detailSearch .filter .option {
    display: none;
    z-index: 1;
    position: absolute;
    top: 40px;
    left: 0;
    width: 450px;
    max-height: 340px;
    padding: 6px;
    background: #fff;
    box-shadow: 0 3px 20px 0 rgba(0,0,0,.15);
    overflow: hidden scroll;
    border-radius: 4px;
    overscroll-behavior: contain
}

.detailSearch .filter .option.right {
    left: auto;
    right: 0
}

.detailSearch .filter .option.on {
    display: block
}

.detailSearch .filter .option:has(li:first-child:last-child) {
    width: 231px
}

.detailSearch .filter .option::-webkit-scrollbar {
    display: none;
    width: 6px;
    background-color: var(--logo-color1);
}

.detailSearch .filter .option::-webkit-scrollbar-track {
    display: none;
    border-radius: 3px;
    background-color: #f6f6f6
}

.detailSearch .filter .option::-webkit-scrollbar-thumb {
    display: none;
    border-radius: 3px;
    background-color: #ccc
}

.detailSearch .filter .option>li {
    float: left;
    display: flex;
    align-items: center;
    width: 219px;
    height: 50px;
    padding: 0 15px
}

.detailSearch .filter .option>li label {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.detailSearch .selected_option {
    display: flex;
    align-items: start;
    padding: 13px 20px;
    border-top: 1px solid var(--logo-color1);
}

.detailSearch .selected_option .btn_reset {
    flex-shrink: 0;
    line-height: 34px;
    color: #757d86;
    font-size: 14px;
    font-weight: 400;
    padding-right: 16px;
    margin-right: 20px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9595 4.15428L11.9257 6.32907L9.7168 6.33392' stroke='%23757D86' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3179 10.2747C11.9836 11.6601 11.1041 12.9111 9.77241 13.68C7.19379 15.1688 3.89655 14.2853 2.40778 11.7067C0.919002 9.12803 1.80249 5.83081 4.38114 4.34204C6.95977 2.85327 10.257 3.73675 11.7458 6.31538' stroke='%23757D86' stroke-width='1.1' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") right 8px/14px auto no-repeat
}

.detailSearch .selected_option .list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    padding-left: 21px
}

.detailSearch .selected_option .list::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 1px;
    height: 16px;
    background: var(--logo-color1);
}

.detailSearch .selected_option .list .btn_del {
    font-size: 14px;
    color: #131518;
    line-height: 34px;
    padding-right: 17px;
    background: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.6875 3.1875L10.3125 11.8125' stroke='%23131518'/%3E%3Cpath d='M10.3125 3.1875L1.6875 11.8125' stroke='%23131518'/%3E%3C/svg%3E%0A") right 9px/12px auto no-repeat
}	