.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}


@media(min-width:1921px){html{font-size:calc(100vw / 1920 * 100)}}
@media(min-width:1700px){html{font-size:calc(100vw / 1600 * 100)}}
@media(max-width:1700px){html{font-size:calc(100vw / 1600 * 100)}}
@media(max-width:900px){html{font-size:calc(900px / 1920 * 100)}}body{font-size:calc(16 * 100vw / 1920)}
@media(max-width:1584px){body{font-size:13.2px}}
.s12{font-size:calc(12 * 100vw / 1920)}
@media(max-width:1920px){.s12{font-size:12.0px}}
.s13{font-size:calc(13 * 100vw / 1920)}
@media(max-width:1816px){.s13{font-size:12.3px}}
.s14{font-size:calc(14 * 100vw / 1920)}
@media(max-width:1728px){.s14{font-size:12.6px}}
.s15{font-size:calc(15 * 100vw / 1920)}
@media(max-width:1651px){.s15{font-size:12.9px}}
.s16{font-size:calc(16 * 100vw / 1920)}
@media(max-width:1584px){.s16{font-size:13.2px}}

.s18{font-size:calc(18 * 100vw / 1920)}
@media(max-width:1472px){.s18{font-size:13.8px}}



body.has-pt{padding-top: .6rem;}
header{width: 100%;height: .6rem;position: fixed;left: 0;top: 0;z-index: 987654;background-color: rgba(0 ,169 ,157 ,0.8);font-size: 0;padding-left: .6rem;padding-right: .95rem;transition: all .5s;}
.oh-menu{display: inline-block;vertical-align: top;color: #fff;line-height: 0.6rem;cursor: pointer;width: 3em;position: relative;z-index: 987654;}
.oh-menu:before{content: "";display: inline-block;vertical-align: middle;width: 1.888em;height: 1.333em;background-image: url(../images/op2.png);background-size: 100% 100%;background-repeat: no-repeat;margin-right: .15rem;}
.oh-index{display: inline-block;vertical-align: top;margin-top: 0.15rem;margin-left: 1.18rem;position: relative;z-index: 987654;}
.oh-logo{height: 30px; width: 131px;vertical-align: top;}
.oh-right{float: right;font-size: 0;position: relative;z-index: 987654;}
.oh-list{display: inline-block;vertical-align: top;font-size: 0;padding-right: 0.1rem;}
.oh-el{display: inline-block;vertical-align: top;margin-left: .5rem;position: relative;}
.oh-lk{display: block;line-height: .6rem;color: #fff;position: relative;}
.oh-lk:after{content: "";display: inline-block;width: 0;height: 1px;position: absolute;left: 50%;top: 50%;margin-top: .88em;background-color: #ee7b30;transition: all .3s;}
.oh-icon{display: inline-block;vertical-align: top;width: .32rem;height: .32rem;position: relative;top: .3rem;margin-top: -0.16rem;margin-left: .32rem;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.oh-search{background-image: url(../images/op3.png);background-size: .22rem .22rem;}
.oh-position{background-image: url(../images/op4.png);background-size: .19rem .22rem;}
.oh-user{background-image: url(../images/op5.png);background-size: .19rem .21rem;}
.oh-3d{background-image: url(../images/op6.png);background-size: .22rem .22rem;}
.oh-sub{width:6.7rem;position:absolute;left:50%;margin-left:-3.35rem;top:100%;padding-top:0.2rem;display:none}
.oh-sub.sp{
	width: 5.9rem;
	margin-left: -2.95rem;
    
}
.oh-big{width:100%;background-color:rgba(0, 0, 0, 0.7);padding:0.45rem 0.5rem;position:relative}
.oh-big:before{content:"";width:1px;height:calc(100% - 0.9rem);background-color:#999;position:absolute;left:2.8rem;top:0.45rem}
.oh-arrow{display:block;border-bottom:0.16rem solid rgba(0, 0, 0, 0.7);border-left:0.14rem solid transparent;border-right:0.14rem solid transparent;position:absolute;left:50%;margin-left:-0.14rem;top:-0.16rem}
.oh-links{float:left;width:2.30rem;position:relative}
.oh-one{width:100%;margin-bottom:0.2rem}
.oh-one:last-child{margin-bottom:0}
.oh-one-a{display:block;color:#fff;line-height:1.55}
.oh-one-a:first-letter{text-transform:uppercase}
.oh-third{width: 3.2rem;position:absolute;left:100%;top:0;padding-left:0.4rem;visibility:hidden;opacity:0;transition:all .3s}
.oh-one.active .oh-third{visibility:visible;opacity:1}
.oh-one-b{display:block;color:#fff;line-height:1.75;margin-bottom:0.2rem;}
.oh-one-b:last-child{margin-bottom:0}
.oh-high{float:right;width:3.20rem;position:relative}
.oh-item{width:100%;position:absolute;left:0;top:0;opacity:0;z-index:1;transition:opacity .3s}
.oh-item.show{position:relative;opacity:1;z-index:10}
.oh-tit{color:#fff;font-family:js;text-transform:uppercase;margin-bottom:0.14rem;line-height: 1.3;}
.oh-k{display:block;width:100%;margin-bottom:.16rem;}
.oh-photo{width:100%}
.oh-tip{color:#fff;line-height:1.5}
.oh-one.active .oh-one-a{color:#ee7b30}
.oh-area{width: 31.25em;height: calc(100% - 0.6rem);max-width: 100%;position: fixed;left: -32em;top: 0.6rem;transition: all .5s;padding-bottom: 0.17rem;background-color: rgba(0, 0, 0, 0.7);z-index: 987654;overflow: auto;}
.oh-box{width: 100%;padding: .17rem .7rem .26rem .6rem;}
.oh-form{width: 100%;border-bottom: 1px solid #fff;font-size: 0;}
.oh-txt{width: calc(100% - 2.777em);float: left;height: 2.777em;border: none;background-color: transparent;color: #fff;}
.oh-submit{width: 2.777em;height: 2.777em;float: right;;background-color: transparent;border: none;background-image: url(../images/op3.png);background-size: 1.222em 1.222em;background-repeat: no-repeat;background-position: center center;cursor: pointer;}
.oh-form input::-webkit-input-placeholder,
.oh-form textarea::-webkit-input-placeholder{color: #fff;}
.oh-form input:-moz-placeholder,
.oh-form textarea:-moz-placeholder{color: #fff;}
.oh-form input::-moz-placeholder,
.oh-form textarea::-moz-placeholder{color: #fff;}
.oh-form input:-ms-input-placeholder,
.oh-form textarea:-ms-input-placeholder{color: #fff;}
.oh-ul{width: 100%;}
.oh-ul ul{display: none;}
.oh-ul li{position: relative;}
.oh-li{padding-left: .6rem;padding-right: .7rem;}
.oh-li.show{background-color: rgba(255, 255, 255, 0.1);}
.oh-li>a{color: #fff;display: block;line-height: 1.44;padding-right: 1.44em;padding-top: .22rem;padding-bottom: .22rem;padding-left: 0.777em;position: relative;}
.oh-li>a:before{content: "";display: inline-block;width: 0.444em;height: 0.444em;background-color: #ee7b30;position: absolute;left: 0;top: .22rem;margin-top: 0.47em;opacity: 0;transition: all .3s;}
.oh-li.show>a:before{opacity: 1;}
.oh-li>ul{padding-bottom: .13rem;}
.oh-li>ul li{padding-left: 1.375em;}
.oh-li>ul a{color: #fff;line-height: 1.5;padding-right: 1.5em;padding-top: .13rem;padding-bottom: .13rem;display: block;}
.oh-li>ul .last-level>a{padding-right: calc(1.5em + 0.4rem);}
.oh-ico{cursor: pointer;transition: all .3s;}
.has-ul>.oh-ico{width: 2em;height: 1.5em;box-sizing: content-box;padding: .13rem 0;position: absolute;right: 0;top: 0;background-image: url(../images/op10.png);background-size: 1.277em 1.277em;background-repeat: no-repeat;background-position: right center;}
.has-ul.show>.oh-ico{background-image: url(../images/op35.png);}
.oh-li.has-ul>.oh-ico{width: 2em;height: 1.44em;padding: .22rem 0;right: 0.7rem;}
.last-level>.oh-ico{width: 1.5em;height: 1.5em;box-sizing: content-box;padding: .13rem 0;position: absolute;right: 0.4rem;top: 0;pointer-events: none;background-image: url(../images/op9.png);background-size: 1.375em 1em;background-repeat: no-repeat;background-position: center center;}
.oh-li.last-level>.oh-ico{width: 1.44em;height: 1.44em;padding: .22rem 0;right: 1.1rem;}
.oh-li.last-level>a{padding-right: calc(1.44em + 0.4rem);}
.oh-mask{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.3);position: fixed;left: 0;top: 0;z-index: 987654;visibility: hidden;opacity: 0;transition: all .3s;}
.oh-right .google-translate{top: 0.3rem;position: relative;margin-top: -9px;margin-left:  !important;}
body.menu-state .oh-area{left: 0;}
body.has-pt header{background-color:rgba(0 ,169 ,157 ,0.54);}
body.menu-state header{background-color: rgba(0, 0, 0, 0.7);}
body.menu-state .oh-menu:before{width: 1.888em;height: 1.833em;background-image: url(../images/op7.png);background-size: auto 100%;}
body.menu-state .oh-mask{visibility: visible;opacity: 1;}
@media(max-width: 1920px){    .oh-icon{width: 32px;height: 32px;margin-top: -16px;}
    .oh-search{background-size: 22px 22px;}
    .oh-position{background-size: 19px 22px;}
    .oh-user{background-size: 19px 21px;}
    .oh-3d{background-size: 22px 22px;}}
@media(min-width: 1201px){    .oh-el:hover .oh-lk:after,
    .oh-el.active .oh-lk:after{width: 100%;left: 0;}
    .oh-one-b:hover{color:#ee7b30}
    .oh-one:hover .h-one-a{color:#ee7b30}
    .pc-hide{display: none;}
    .last-level:hover .oh-ico{transform: translate(100%,0);}
    .oh-li:hover>a:before{opacity: 1;}
    .oh-menu:hover{opacity: 0.8;}}
@media(max-width: 1200px)
{
	body.has-pt{padding-top: 42px;} 
	header{height: 42px;}
	/* 详情页 */
	.zs-product-detail{
		margin-top:40px !important;
	}
	.oh-menu{line-height: 42px;} 
	.oh-area{height: calc(100% - 42px);top: 41.5px;} 
	.oh-logo{height: 22px;} .oh-index{margin-top: 10px;}
/*	.oh-list{display: none;}*/
	.oh-icon{top: 21px;} 
	.oh-right .google-translate{top:21px;}
}
@media(max-width: 800px)
{
	.zs-product-detail{
		margin-top:40px;
	}
.oh-list{display: none;}
}
@media(min-width: 601px){	
	.zs-product-detail{
		margin-top:60px;
	}.pc-hide2{display: none;}}
@media(max-width: 650px){
	.zs-product-detail{
		margin-top:0px !important;
	}
    header{padding-left: 0;padding-right: 0;position: static;}
    .oh-icon{width: .9rem;height: .9rem;margin-left: 0;top: 0;margin-top: 0;}
    .oh-index{margin-left: 10px;margin-top: 12px;}
    .oh-logo{height: 18px; width: 78px;}
    .oh-menu{padding-left: 10px;width: 40px;}
    .oh-position{display: none;}
    .oh-user{display: none;}
    .oh-3d{display: none;}
}
@media(max-width: 450px){
    .oh-index{margin-left: 15px;}
    .oh-menu{font-size: 0;width: 36px;}
    body.menu-state .oh-menu:before{width: 18px;height: 18px;}
    .oh-menu:before{width: 26px;height: 18px;margin-right: 0;}
}