﻿.clearB{clear:both;}
*{box-sizing:border-box;}
ul{list-style:none;margin:0;padding:0;}   
a { text-decoration:none; color:#6a6a6a;}   
a:hover{ text-decoration:none; }  
h1,h2,h3{margin:0;padding:0;}
#ControlBar{height:54px !important;}
body,td,th {font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif;} 
.sinochem_body{overflow:hidden;font-family:'Source Han Sans CN', 'Source Han Sans SC', 'Source Han Sans TC', 'Source Han Sans KR', 'Source Han Sans JP', 'Source Han Sans HK', 'Source Han Sans', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK', 'Noto Sans', 'PingFang SC', 'Hiragino Sans GB',"微软雅黑",Arial, Helvetica, sans-serif}
.header{width:83.5%;margin:0 auto;height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);max-width:1600px;}
.header-left{width:20%;}
.header-left img{width:100%;}
.header-center{width: 50%;margin:0 4% 0 10%;}
.header-right{width: 10%;}
.top-dw{position:absolute;z-index:9;width:100%; min-width: 1180px;z-index:999;}
.top-dw:after {
    display: block;
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    top: 0;
     background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    z-index:-1;
}
.right-list{display:flex;justify-content:space-between;}
.right-list a{color:#fff;font-size:16px;}
.r-ch{padding-right:12px;background:url(../images/ch-drop.png) no-repeat right;}
.r-search{padding-left:25px;background:url(../images/ss-icon.png) no-repeat left;}
.r-ml{padding-left:25px;background:url(../images/ml-icon.png) no-repeat left;}
.r-line{content:'';display:block;width:1px;height:15px;background:#fff;opacity:0.1;}
.footer{background:url(../images/footer-bg.png) no-repeat;background-size:cover;padding-top:25px;}
.footer-top,.footer-center,.footer-bottom{width:83.5%;margin:0 auto;max-width:1600px}
.footerT-contain{height:100px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}
.footerT-left{width: 18%;}

.footerT-left img{width:100%}
.footerT-right{font-size:22px;color:#fff;}
.footer-center{display:flex;justify-content:space-between;padding:60px 0px;}
.footer-left ul li{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px;position:relative;}
.footer-left ul li:after{display:block;content:'';width:14px;height:1px;background:#fff;position:absolute;bottom:-1px;}
.footer-left ul li p{font-size:16px;color:#fff;}
.footer-left ul li span{font-size:16px;color:#fff;opacity:.6;}
.footerB-contain{display:flex;justify-content:space-between;height:100px;align-items:center;border-top:1px solid rgba(255,255,255,.1);margin-top:25px;}
.footerB-left ul{display:flex;}
.footerB-left ul li{color:#fff;}
.footerB-left ul li a{font-size:16px;color:#fff;opacity:0.6;margin-right:4px;}
.footerB-left ul li span{color:#fff;opacity:0.6;margin-right:6px;height: 18px;display:inline-block;}
.footerB-bq{font-size:16px;color:#fff;opacity: 0.6;margin-top:10px;}
.footerB-yqlj select{font-size:16px;color:#717171;border:1px solid #fff;padding:10px 15px;background:transparent;color:#fff;padding-right:37px;border-radius:10px;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-align:center}
.footerB-yqlj select option{color:#333;}
.footerB-yqlj{position:relative;margin-left:30px;}
.footerB-yqlj:after{content:'';display:block;width:8px;height:4px;background:url(../images/lj-top.png) no-repeat;position:absolute;right:20px;top:20px;}
.footerB-right{display:flex;justify-content:space-between;}
.footerB-icon{width:36px;height:36px;margin-right:20px;transition: .3s;cursor:pointer;}
.footerB-wb{background:url(../images/wb-icon.png) no-repeat;}
.footerB-wx{background:url(../images/wx-icon.png) no-repeat;}
.footerB-wb:hover{background:url(../images/wb-active.png) no-repeat;}
.footerB-wx:hover{background:url(../images/wx-active.png) no-repeat;}
@media screen and (max-width:1500px) {
.header-center{
   width:58%;
}

}

@media screen and (max-width:1024px) {
    .phone_nav {
        display: block;
    }

    .top-dw {
        display: none;
    }

    .phone_nav {
        padding: 8px 10px;
        width: 100%;
        height: 50px;
        position: fixed;
        left: 0;
        top: 0;
        background: white;
        z-index: 9999;
        box-sizing: content-box;
    }

    .ydlogo {
        float: left;
        width: 50%;
        margin-top: 10px;
    }

    .ydlogo img {
        width: 100%;
    }

    .phone_nav .nav_main {
        height: 100%;
        position: fixed;
        left: 0;
        opacity: 0;
        top: 66px;
        width: 0;
        transition: all 0.4s ease 0.3s;
        -webkit-transition: all 0.4s ease 0.3s;
        background-color: #fff;
        overflow: hidden;
    }

    .phone_nav .nav_main li a {
        background-position: left;
        color: #333;
        height: 46px;
        line-height: 46px;
        display: inline-block;
        background-size: 32px;
        background-repeat: no-repeat;
        font-size: 14px;
    }

    .phone_nav .nav_but_box {
        display: block;
        position: absolute;
        width: 30px;
        height: 30px;
        right: 10.3%;
        top: 30%;
        z-index: 1;
        transition: all 0.7s;
        -webkit-transition: all 0.7s;
        font-size: initial;
    }

    .phone_nav .nav_but {
        display: inline-block;
        position: relative;
        width: 25px;
        height: 2px;
        z-index: 2;
        margin: 13px 0 0 5px;
        background: #2f98cf;
        -webkit-transition-property: background-color, -webkit-transform;
        transition-property: background-color, -webkit-transform;
        transition-property: background-color, transform;
        transition-property: background-color, transform, -webkit-transform;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms;
    }

    .phone_nav .nav_but:before,
    .nav_but:after {
        content: '';
        display: block;
        width: 25px;
        height: 2px;
        position: absolute;
        background: #0051A2 !important;
        transition-property: margin, -webkit-transform;
        -webkit-transition-property: margin, -webkit-transform;
        transition-property: margin, transform;
        transition-property: margin, transform, -webkit-transform;
        transition-duration: 300ms;
        -webkit-transition-duration: 300ms;
    }

    .phone_nav .nav_but:before {
        margin-top: -7px;
    }

    .phone_nav .nav_but:after {
        margin-top: 7px;
    }

    .phone_nav .nav_main ul.navmenu {
        padding: 0 20px;
        box-sizing: border-box;
        height:auto;

    }

    .navmenu-container{
        height:auto;
       
    }

    .phone_nav_one .nav_main {
        opacity: 1;
        width: 100%;
        overflow: inherit;
    }

    .phone_nav .nav_main ul.navmenu {
        display: block;
    }

    .phone_nav .nav_main ul.navmenu>li.level-0>a>span {
        color: #333;
        font-size: 16px !important;
    }

    .phone_nav .nav_main ul.navmenu>li.level-0 {
        border-bottom: 1px solid rgba(225, 225, 225, 0.5);
        padding: 0 20px;
        position: relative;
        box-sizing: border-box;
        width: 100%;
        line-height: 30px;
        position: relative
    }

    .phone_nav .nav_main ul.navmenu>li.level-0:after {
        display: block;
        content: '';
        width: 15px;
        height: 8px;
        background: url(../images/tb_4.png) no-repeat right;
        position: absolute;
        right: 10px;
        top: 25px;
        transform: rotate(0deg);
        transition: all 0.8s ease 0s;
    }

    .phone_nav .nav_main ul.navmenu>li.level-0-click:after {
        transform: rotate(180deg) !important;
        transition: all 0.8s ease 0s !important;
    }

    .phone_nav .nav_main ul.navmenu>li.level-0-first {
        display: none
    }

    .phone_nav .nav_main ul.navmenu>li.level-0>div.sub-0 {
        display: none !important;
        width: 100%;
        position: inherit;
        padding: 10px 0px;
    }

    .phone_nav .nav_main ul.navmenu>li.level-0-click>div.sub-0 {
        height: auto;
        display: block !important;
    }

    .phone_nav_one .nav_but {
        background: rgba(0, 0, 0, 0);
    }

    .phone_nav_one .nav_but:before {
        margin-top: 0;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .phone_nav_one .nav_but:after {
        margin-top: 0;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .phone_nav_one .nav_but_box {
        opacity: 0.8;
    }

    .footer-top,
    .footer-center,
    .footer-bottom {
        width: 90%;
    }

    .footerT-contain,
    .footer-center,
    .footerB-contain {
        display: block;

    }
    .footerT-contain{
        height:120px;

    }

    .footer-center {
        padding: 30px 0px;
    }

    .footerT-left img {
        width: 80%;
    }

    .footerT-right {
        font-size: 18px;
        margin-top: 20px;
    }

    .footer-left ul li p,
    .footer-left ul li span,
    .footerB-left ul li a,
    .footerB-bq {
        font-size: 14px;
    }

    .footer-right,
    .footerB-right {
        display: none
    }

    .footerB-contain {
        margin-top: 0;
        border-top: none
    }

    .footerB-bq {
        margin-top: 20px;
        text-align: center;
    }

    .footerT-left{
	width:80%;
	}

ul.navmenu>li.level-0>div.sub-0>ul.sub-0{

   display:block;
}
}