锘?{
margin: 0;
padding: 0;
}
body,html{
font-family: "寰蒋闆呴粦";
background-color: #f0f0f0;
margin: 0;
}
.dn{
display:block !important;
}
body{
padding-top: 2.6667rem !important;
padding-bottom: 0.4rem !important;
}
ol,ul{
list-style:none;
}
h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
}
a{
list-style: none;
text-decoration: none;
color:#fff;
outline: none;
}
a:link,a:visited,a:active,a:hover{
text-decoration: none !important;
color:#333;
}
input{
border: none;
outline: none;
}
.clears:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clears{*+height:1%;}
/*椤堕儴鏍峰紡*/
.zhjt-home-top{
background-color: #fff;
width: 100%;
height: 2.6667rem;
box-shadow: 0px 0.25rem 0.5rem #e0e0e0;
box-shadow: 0px 1px 0.4rem #00000011;
position: fixed;
top: -1px;
left: 0;
z-index: 999;
padding: 0.86667rem 0;
box-sizing: border-box;
transition: padding 0.2s,height 0.2s;
-moz-transition: padding 0.2s,height 0.2s; /* Firefox 4 */
-webkit-transition: padding 0.2s,height 0.2s; /* Safari 鍜 Chrome */
-o-transition: padding 0.2s,height 0.2s; /* Opera */
}
.zhjt-home-top.scroll{
height: 2.0667rem;
padding: 0.36667rem 0;
transition: padding 0.5s,height 0.5s;
-moz-transition: padding 0.5s,height 0.5s; /* Firefox 4 */
-webkit-transition: padding 0.5s,height 0.5s; /* Safari 鍜 Chrome */
-o-transition: padding 0.5s,height 0.5s; /* Opera */
}
.zhjt-home-top.scroll .zhjt-home-left img{
margin-top:-0.25rem;
}
.zhjt-home-left{
float: left;
}
.zhjt-home-left img{
height: 1.84rem;
margin-left: 0.64rem;
margin-top:-0.4rem;
}
.zhjt-home-right{
float: right;
}
.zhjt-home-right img{
width: 0.76rem;
height: 0.573rem;
margin-top: 0.22rem;
margin-right: 0.44rem;
}
/*footer鏍峰紡*/
.zhjt-footer{
padding:0.5333rem;
}
.zhjt-footer-list>li{
border-bottom:1px solid #c9c9c9;
}
.zhjt-footer-list>li:first-child{
border-top:1px solid #c9c9c9;
}
.footer-list-btn{
position: relative;
box-sizing: border-box;
padding: 0.44rem 0.376rem ;
}
.footer-list-btn p{
font-size: 0.3467rem;
color: #333333;
line-height:0.3467rem;
}
.footer-list-btn .footer-list-jt{
position: absolute;
right: 0.6rem;
top: 0.53rem;
width: 0.253rem;
}
.zhjt-foot{
padding:0.5rem 0;
text-align: center;
}
.zhjt-foot p{
display: inline-block;
font-size: 0.32rem;
color: #919191;
padding: 0 0.3rem;
text-align: center;
line-height: 0.65rem;
}
.zhjt-foot .shu{
padding: 0;
}
.zhjt-foot a{
color: #333333;
}
.footer-list-box{
display:none;
}
.footer-list-box li{
font-size: 0.32rem;
padding: 0.376rem 0.5rem;
line-height: 0.32rem;
color: #333;
}
.footer-list-box li.active{
display:block
}
.footer-list-box li:last-child{
padding-bottom:0.732rem
}
/*menu鏍峰紡*/
.zhjt-menu-box{
position: fixed;
z-index: 1000;
top: 2.6667rem;
left: 0;
height: calc(100% - 2.6667rem);
background-color: #fff;
overflow-y: auto;
width: 100%;
display: none;
-webkit-overflow-scrolling: touch;
}
.zhjt-menu-search{
width: 92%;
margin: 0 auto;
box-sizing: border-box;
border: 1px solid #d6d6d6;
border-radius: 0.16rem;
padding: 0.3333rem;
background-color: #f5f5f5;
margin-top: 0.5rem;
}
.zhjt-menu-search img{
float: left;
width: 0.4rem;
margin-top: 0.15rem;
}
.zhjt-menu-search p{
float: left;
font-size: 0.35rem;
line-height: 0.46rem;
margin: 0 0.233rem;
color: #cecece;
padding-top: 0.1rem;
}
.zhjt-menu-search input{
float: left;
font-size: 0.373rem;
padding: 0.1rem 0;
background-color: transparent;
width: 80%;
color: #333;
line-height: 0.373rem;
line-height: normal;
}
.zhjt-menu{
width: 92%;
margin: 0.6rem auto;
border-top: 1px solid #cecece;
}
.zhjt-menu>li{
font-size: 0.4rem;
position: relative;
border-bottom: 1px solid #cecece;
background: url(/portals/82/Skins/sinochem-index-m/images/home-footer-xia.png) 98% 0.51rem no-repeat;
background-size: 0.26667rem;
}
.zhjt-menu>li div{
font-size: 0.4rem;
color: #333;
padding: 0.4rem 0;
line-height:0.4rem;
}
/*.zhjt-menu>li img{
position: absolute;
top: 0.6rem;
right: 0.2rem;
width: 0.26667rem;
}*/
.zhjt-menu>li.active{
background: url(/portals/82/Skins/sinochem-index-m/images/home-footer-shang.png) 98% 0.6rem no-repeat;
background-size: 0.26667rem;
}
.menu-list {
padding: 0 0.4rem 0.16667rem ;
display: none;
}
.menu-list li{
}
.menu-list li a{
display: inline-block;
padding: 0.26667rem 0;
font-size: 0.3467rem;
color: #333;
width: 100%;
line-height:0.3467rem;
}
.modal-open{
position: fixed;
width: 100%;
}
/*杩斿洖椤堕儴鏍峰紡*/
.zhjt-backtop{
width: 1.33333rem;
height: 1.33333rem;
position: fixed;
z-index: 400;
right: 0.4rem;
box-shadow: 0px 1px 0.5rem #00000021;
bottom: 20%;
border-radius: 50%;
background: url(/portals/82/Skins/sinochem-index-m/images/zhjt-backtop.png) no-repeat;
background-size: 100% 100%;
display:none;
}
/*涓嫳鏂囧垏鎹㈡牱寮?/
.zhjt-language{
padding: 0.8rem 0.4rem 0;
text-align: center;
position: relative;
display:none;
}
.zhjt-language-box{
display: inline-block;
line-height: 0;
width: 35%;
float:right;
text-align:right;
margin-top:0.2rem;
}
.zhjt-language-box img{
width: 0.586667rem;
margin-right:0.2rem;
margin-top:-0.1rem;
}
.zhjt-language .zhjt-language-btn{
width: 12%;
float: left;
margin-left: 0.1rem;
margin-top: 0.2rem;
display: inline-block;
}
.zhjt-language-left{
margin-right: 10%;
margin-left: 0%;
}
.zhjt-language-box p{
font-size: 0.32rem;
color: #999999;
line-height: 0.6rem;
float: left;
display: inline-block;
}
.zhjt-language-box p a{
color: #999999;
}
.zhjt-language .lang{
width: 0.7467rem;
display: inline-block;
margin-right: 0.32rem;
float: left;
}
.zhjt-language-ul{
position: absolute;
bottom: 100%;
left: 31.3%;
background-color: #fff;
padding:0.2rem 0.6rem;
border-radius: 0.2rem;
box-shadow: 0px 1px 0.5rem #00000021;
display: none;
z-index: 450;
}
.zhjt-language-ul li{
border-bottom: 1px solid #e5e5e5;
}
.zhjt-language-ul li a{
padding: 0.2rem 0;
display: inline-block;
}
.zhjt-language-ul li:last-child{
border-bottom: 0;
}
.language-shade{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 449;
display: none;
}