<!--
 
 
 /*鼠标停留图片放大公共样式*/     
            
input{font-family:"Microsoft YaHei",Arial,"微软雅黑",Verdana,SunSans-Regular,Sans-Serif;font-size:13px}select{font-family:"Microsoft YaHei",Arial,"微软雅黑",Verdana,SunSans-Regular,Sans-Serif;font-size:13px}textarea{font-family:"Microsoft YaHei",Arial,"微软雅黑",Verdana,SunSans-Regular,Sans-Serif;font-size:13px}img{border:0 none;-webkit-user-drag:none}h1,h2,h3,h4,h5{font-size:14px}a,area{}.inline-block{display:inline-block}:focus{outline-color:-moz-use-text-color;outline-style:none;outline-width:medium}.main-header{position:relative;z-index:100}.main-header .upper-area{background:#ff7900;color:#FFF;min-height:10px;font-size:14px;height:35px;line-height:35px}.wrapper{padding:0 .75rem;max-width:1200px;margin:0 auto}.main-header .upper-area .wrapper{display:block;text-align:right}.main-header .wrapper{max-width:1072px}.main-footer .wrapper{line-height:2em}.g{letter-spacing:-.35em}.gi{display:inline-block;vertical-align:top}.log-area .gi{letter-spacing:inherit}.main-header .upper-area li{border-left:1px solid #ff983a}.sso-language{position:relative}.poper{position:absolute;width:100%;left:0;top:0;display:none;z-index:2;box-shadow:0 0 12px 0 #f5f5f5;background-color:#fff}.sso-language:hover .poper{display:block}.main-header .poper li{border:0;display:block}.main-header .upper-area .poper a{color:#000}.main-header .upper-area .poper a:hover{color:#ff7800;background-color:#fff}.hidden{display:none!important}.main-header .upper-area a{display:block;padding:0 20px;color:#FFF;text-decoration:none;font-size:14px;letter-spacing:1px}.main-header .sso-language{min-width:88px;text-align:center}.main-header .sso-language a{padding:0}.main-header .upper-area a:hover{background:#d6741c}a{cursor:pointer;color:inherit;text-decoration:none;background:transparent;text-decoration:none}.main-header .bottom-area{background:#FFF}.main-header .bottom-area .wrapper{overflow:visible}.main-header .logo{padding:0;text-align:left;float:left;height:80px}.xtc-logo{margin-top:17px}.main-header .main-menu{display:block;position:relative;width:auto;background:0 0;float:right;height:80px;line-height:80px}.main-header .main-menu .menu{font-family:"Myriad Pro",Arial,FZLanTingHei-R-GBK,方正兰亭黑,"Microsoft YaHei",微软雅黑,STHeiti,华文黑体,SimSun,宋体,sans-serif}.main-header .main-menu .menu li{float:left;letter-spacing:normal}.main-header .main-menu .menu a{display:block;padding:0 20px}.main-header .main-menu .menu .is-active .m-item{color:#393939}.main-header .main-menu .menu>li>a{border:0;font-size:15px;text-decoration:none}.main-header .main-menu .menu .is-active .m-item span{border-bottom:3px solid #ff7800;color:#505050}.main-header .main-menu .menu .m-item span{padding:4px 8px;font-size:16px;color:#464c5b}.hide{display:none}.footer-info .copy{color:#b4b4b4}.footer-info .copy a{text-decoration:none;color:#b4b4b4}.footer-info .gongsang{margin-left:5px;position:relative;top:5px;width:15px;height:16px;display:inline-block}.footer-focus{float:right}.footer-focus .text{float:left;line-height:36px;font-size:12px;color:#b4b4b4}.footer-focus a{float:left;margin-left:15px;width:36px;height:36px;text-align:center;display:inline-block}.icon-weibo,.icon-wx,.icon-qq{display:inline-block;width:36px;height:36px}.main-footer{padding:46px 0}.main-footer .gi{letter-spacing:normal}.footer-sitemap{padding:24px 0}.lap-three-quarters{width:75%}.footer-sitemap li{border:0}.lap-one-quarter{width:25%}.footer-sitemap .m-item{display:inline-block;padding:0;margin-bottom:10px;color:#505050;font-size:14px;font-weight:700}li{list-style:none}.footer-sitemap li li a{margin:10px 0;display:block;font-size:14px;color:#6e6e6e;text-decoration:none}.footer-sitemap li li a:hover{color:#ff7900}.lap-one-whole{width:100%;text-align:right}.footer-sitemap .contact-tips{letter-spacing:1px;color:#787878;font-size:12px}.footer-sitemap .contact-number{font-size:30px;padding-top:12px;color:#787878}.footer-linear{height:1px;background-color:#cfcfcf}.footer-info{text-align:left;color:#7b7b7b;font-size:13px;padding:24px 0;position:relative}.footer-info .copy{line-height:30px;float:left;font-size:12px}.wx-logo{position:relative}.wx-float{display:none;width:150px;height:150px;position:absolute;top:-192px;left:-56px}a:hover{text-decoration:none}.boxy-wrapper{position:absolute}.boxy-wrapper.fixed{position:fixed}.boxy-modal-blackout{position:absolute;background-color:#000;left:0;top:0}.boxy-wrapper .top{width:0;height:0}.boxy-wrapper .bottom{width:0;height:0;padding:0}.video_box{position:relative;z-index:9999999999}.video_box_close{position:absolute;right:-14px;display:block;width:28px;height:28px;cursor:pointer;z-index:99999;background-image:url(https://static.okii.com/static/img/btn_close_video.png);_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.okii.com/static/img/btn_close_video.png');_background-image:none}
 
 
  /*鼠标停留图片自动放大*/              
 .main-body{
    background:#f0f0f0;padding-bottom:16px;
}
 
 .main-footer{
  background:#f0f0f0;
}
 
 .top-product{
   max-width:1200px;margin:0 auto;padding-top:30px;padding-left:.75rem;padding-right:.75rem;
}
 
 .top-product:after{
   content:"";display:block;height:0;clear:both;
}
 
 .main-body img{
 vertical-align:bottom;max-width:100%;
}
 
 .top-content{
   width:100%;
}
   
   
 .left-content{
   float:left;
 }
 
 .right-content{
    float:right;
}
 
 .z2-container{
   position:relative;overflow:hidden;width:585px;height:725px;display:inline-block;background:#fff;text-align:center;
}
 
 .z3-container{
   position:relative;overflow:hidden;width:585px;height:725px;display:inline-block;background:#fff;text-align:center;margin-left:6px;
 }
 
 .z2-prod{
   margin-top:100px;width:58%;float:right;margin-left:-45px;
 }
 
 .z3-prod{
   margin-top:122px;width:62%;float:right;margin-right:40px;
}
 
 .z2-link{
   float:left;margin-top:236px;margin-left:16%;
}
 
 .z3-link{
   float:left;margin-top:236px;margin-left:10%;
}
 
 .y03-container{
   position:relative;overflow:hidden;width:287px;height:420px;display:inline-block;margin-right:10px;background:#ffffff;text-align:center;margin-top:10px;
}
 
 .y03-container:last-child{
   float:right;margin-right:0;
}

 .y03-prod{
    margin-top:43px;
}
 
 .y03-link{
    margin-top:44px;
}
 
 .y02-container,.y01-container{
   position:relative;overflow:hidden;width:1180px;height:1400px;display:block;background:#ffffff;text-align:center;margin-top:10px;
}
 
 .y02-link{
   margin-left:110px;margin-top:126px;float:left}.y02-prod{margin-top:50px;margin-right:94px;width:36%;float:right;
}
 
 .y01-link{
   margin-right:94px;margin-top:126px;float:right;
}
 
 .y01-prod{
    margin-top:48px;margin-left:110px;width:37%;float:left;
}
 
 .hover-animation:hover{
    -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:transform 1s ease;-moz-transition:transform 1s ease;-o-transition:transform 1s ease;-ms-transition:transform 1s ease;transition:transform 1s ease;cursor: default;
}
 
 .hover-animation{
    -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:transform 1s ease;-moz-transition:transform 1s ease;-o-transition:transform 1s ease;-ms-transition:transform 1s ease;transition:transform 1s ease;
}
 
 .z3-container,.z2-container,.y03-container,.y02-container,.y01-container,.watch-type,.pad-type,.watch-type01,.pad-type01,.watch-type02,.pad-type02,.watch-type07,.pad-type07{
    box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease;
}

.watch-type05,.pad-type05{
    box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease;
}

 
 .z3-container:hover,.z2-container:hover,.y03-container:hover,.y02-container:hover,.y01-container:hover,.watch-type:hover,.pad-type:hover,.watch-type01:hover,.pad-type01:hover,.watch-type02:hover,.pad-type02:hover,.watch-type07:hover,.pad-type07:hover{
    box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;-ms-transition:transform .3s ease;transition:transform .3s ease;
}
 
 .middle-product{
   max-width:1180px;margin:0 auto;padding-top:88px;padding-bottom:88px;padding-left:.75rem;padding-right:.75rem;
}
 
 .left-line,.right-line{
   width:42%;height:1px;background:#d3d3d3;margin-top:10px;
}
 
 .left-line{
    float:left;
}
 
 .divide-title{
   text-align:center;
}
 
 .divide-title:after{
   content:"";display:block;clear:both;height:0;
}
 
 .middle-text{
    font-size:24px;color:#3c3c3c;font-weight:700;
}
 
 .right-line{
   float:right;
}
 
 .watch-ul:after,.pad-ul:after{
   content:"";height:0;display:block;clear:both;
}
 
 .watch-title,.pad-title{
    font-size:18px;color:#3c3c3c;font-weight:700;margin-top:66px;margin-bottom:18px;
}
 
 .pad-box{
   margin-top:50px;
}
 
 .watch-type,.pad-type{
    background:#ffffff;width:1184px;height:520px;float:left;text-align:center;display:inline-block; border-radius:8px; cursor: default;
}

 .watch-type01 ,.pad-type01{
    background:#ffffff;width:1186px;height:1190px;float:left;text-align:center;display:inline-block; border-radius:10px; cursor: default;
}

.watch-type02, .pad-type02{
    background:#ffffff;width:1186px;height:821px;float:left;text-align:center;display:inline-block; border-radius:10px; cursor: default;
}

.watch-type05, .pad-type05{
    background:#ffffff;width:376px;height:194px;float:left;text-align:center;display:inline-block; border-radius:0px 0px 2px 2px; cursor: default;
}


 .watch-type07 ,.pad-type07{
    background:#ffffff;width:1186px;height:420px;float:left;text-align:center;display:inline-block; border-radius:10px; cursor: default;
}


 .product-item1{
    margin-left:10px;margin-top:2px;
}

 .product-item2{
    margin-left:10px;margin-top:2px;
}


 .product-item3{
    margin-left:10px;
}
 
 .product-item4{
    margin-left:16px;
}
 
 .product-item5{
    margin-left:22px;
}

 .product-item6{
    margin-left:22px;
}

 .product-item7{
    margin-left:10px;margin-top:4px;
}

 
 .pad-type .k2,.pad-type .k1{
    margin-top:63px; margin-left:-580px;
}


 .pad-type01 .k2,.pad-type01 .k1{
    margin-top:73px;
}

 
 .k1-link,.k2-link,.k3-link,.k4-link{
    margin-top:100px;
}


 .pad-ul{
    cursor:pointer;margin-bottom:20px;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;
}
 
 .watch2 .k1-link{
   margin-top:-350px; cursor: default;margin-left:560px;
 }
 
 .watch2 .k2-link{
     margin-top:-360px; cursor: default;margin-left:520px;
}
 
 .watch2 .k3-link{
   margin-top:-350px; cursor: default;margin-left:560px;
 }
  
 .watch2 .k4-link{
  margin-top:-350px; cursor: default;margin-left:560px;
 }
 
  .watch2 .k7-link{
   margin-top:-20px; margin-left:-4px; cursor: default;
 }
 
  .watch2 .k5-link{
   margin-top:10px;  margin-left:-4px; cursor: default;
 }

  .watch2 .k6-link{
   margin-top:7px;  margin-left:-4px; cursor: default;
 }


 .watch2 .k8-link{
     margin-top:-388px; cursor: default;margin-left:560px;
}


 .watch2 .k9-link{
  margin-top:-330px; cursor: default;margin-left:600px;
 }


 .watch2 .pad-type{
    overflow:hidden;position:relative;
}
 
 .watch2 .pad-type:hover{
    overflow:hidden;
}
 
 .watch2 .z3{
    margin-top:80px;width:62%;
}
 
 .watch2 .z2s{
    margin-top:28px;width:61%;margin-left:110px;
}
 
 .watch2 .y03{
   margin-top:20px;
}
 
 .watch2 .z2{
    width:97%;z-index:-1;position:absolute;left:0;top:50px;
}
 
 .watch2 .y02{
   margin-top:0px;
}
 
 .watch2 .y01a{
    margin-top:50px;
}
 
 .watch2 .d1{
    margin-top:20px;
}
 
 .watch2 .y01s{
    margin-top:20px;
}
 
 .watch2 .y05{
    width:48%;margin-top:10px;
}
 
 .watch2 .Q1{
    margin-top:20px; margin-boottom:0px;
}
 
 .watch2 .Q2{
    margin-top:20px; margin-left:0px;
}
 
  .watch2 .Q22{
    margin-top:12px; margin-left:0px;
}
 
 
 .pad-type .z1s{
    margin-top:48px; margin-left:-580px;
}
 
 .pad-type .z1{
   margin-top:44px;
}
 
 .pad-type .z6{
   margin-top:70px; margin-left:-580px;
}
 
 .pad-type .z5-pro{
   margin-top:65px;margin-left:-580px;
}


-->