*,body,ul,li{
    padding:0;
    margin:0;
    list-style:none;
    text-decoration: none;
}
.top{
    width:100%;
    height:30px;
    background: #222;
}
.top-bg{
    background: #222;
    width:100%;
}
.main{
    width:100%;
    min-width:1200px;
    margin:0 auto;
}
.top-text{
    color: #656565;
    font-size: 12px;
    line-height: 30px;
}
.top-text span{
    background: url("../image/icon.png") no-repeat 0 -2px;
    width:8px;
    padding-left: 25px;
}
.top-text p{
    float: right;
}
.daohang{
    background: #0d0d0d;
    height:130px;
    border-bottom: 1px solid #222222;
    width:100%;
    min-width: 1200px;
}
.logo{
    float: left;
}
.inner{
    float: right;
    width:58%;
    margin:0;
    padding-top:25px;
}
.inner li{
    float: left;
    line-height: 200%;
    margin:0 4%;
    width:64px;
}
.inner li:last-child{
    margin-right: 0;
}
.inner li a{
    color: rgba(255,255,255,0.85);
    font-weight: 300;
    display: block;
}
.inner li a:hover{
    background: url("../image/innerbg.png");
    width:64px;
    color: #fff;
}
.inner li a:hover span{
    color: #fff;
}
.inner li span{text-align: center; display: block;
    color: #656565;}

/* 我们的成功案例 */
.main-title{
    margin:30px 0;
    text-align: center;
}
.main-title h1{
    font-size: 30px;
}
.main-title h1 span{
    font-weight: bold;
}
.main-title p{
    padding:8px 0;
    line-height: 160%;
    color: #949494;
    font-size: 14px;
    font-weight: 300;
}
.main-title .bot-line{
    width:97px;
    height:2px;
    background: #1d202b;
    margin:20px auto 0 auto;
}

/* 遮罩 */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: left;}
.text-desc{position: absolute; background-color:rgba(0,0,0,0.6);
    bottom: auto; transition: 0.5s; color: #fff; top: -120%;
    height: 90%; width: 90%; padding-left: 10%; padding-top: 10%; cursor: pointer;}
.port-1.effect-2:hover .text-desc{top:0; bottom: 0; }

/*清除浮动*/
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;}
.clearfix{display:block;}
.cb{clear:both;}
.cl{clear:left;}
.cr{clear:right;}

/*精彩案例*/
.company_con{margin:20px auto 0 auto;width:1200px; }
.company_con ul{width:1200px;height:50px;background:#fafafa;color:#000;}
.company_con ul li{float:left;height:50px;line-height:50px;font-family:微软雅黑; padding: 0 12px;}
.company_con ul li a{font-size:16px;color:#000;display: block;padding:0 25px;}
.company_con ul li a:hover{color:#fff; background:#4893f2; cursor: pointer;}
.company_con ul li.selected{ color: #000;;border:none;}
.company_con ul li.selected a{color:#fff; background:#4893f2; }
#companyList{width:1200px;}
.company_b2b{margin-top: 20px;}
.company_b2b dl{float:left;width:285px;height:270px;text-align:center;margin-left:20px;position:relative; cursor: pointer; }
.company_b2b dl:nth-child(1){margin-left:0;}
.company_b2b dl:nth-child(5){margin-left:0;}
.company_b2b dl dt h2{font-size: 21px; color: #fff; text-align: left; font-weight: 300;}
.company_b2b dl dt p{font-size: 15px;text-align: left;font-weight: 300; color: #9c9c9c;}


.company_b2b dl dt .line-cut{ width:62px; height:2px; background:#4893f2;
    margin:30px 0;}
.company_b2b dl dt .search-img{ position: absolute; right:20px; bottom: 20px;   }
.hid{display:none; }


.more{
    height: 38px;
    width:175px;
    margin:20px auto;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
}

.more a{
    color: #fff;
    display: block;
    cursor: pointer;
    border-radius: 15px;
    background:#4893f2;
}
.more a:hover{
    transition: all 0.5s;
    background: #0d0d0d;
}


/*走进海诺电子*/
.about{
    background: url("../image/aboutbg.jpg") repeat;
    height:530px; width:100%;
    margin:35px 0;
    min-width: 1200px;
}
.about .about-title{
    color: #fff;
    padding-top: 30px;
    text-align: center;
}
.about .about-title .bot-line{
    background: rgba(255,255,255,0.7);
}

.about-contant{ height: 277px; width:100%; background: rgba(255,255,255,0.15);}
.about-contant .about-hainuo{
    width:1200px;
    margin:0 auto;
}
.about-img{background:url("../image/aboutbgimg.png") no-repeat 5px 5px; float: left; margin-right: 40px;  }
.about-img .img-style{ width:334px; height:221px;  margin:25px; overflow: hidden;  }
.about-img .img-style img{ cursor: pointer; transition: all 0.6s;}
.about-img .img-style img:hover{
    transform: scale(1.3);
    -webkit-transform: scale(1.3); /*Safari 和 Chrome*/
    -moz-transform: scale(1.3); /*Firefox*/
    -ms-transform: scale(1.3); /*IE9*/
    -o-transform: scale(1.3); /*Opera*/
}
.about .about-title .about-text{font-size: 14px; line-height: 130%; }
.about-right{
    color: #fff;
    font-weight: 300;
    padding-top: 20px;
    width:775px;
    float: left;
}
.about-right h2{
    font-size: 20px;
    font-weight: 200;
}
.about-right h2 span{
    background: #4893f2;
    font-size: 14px;
    padding:5px 15px;
    border-radius: 15px;
    float: right;
}

.about-right .about-line{
    width:55px;
    height:3px;
    background: #4893f2;
    margin:10px 0 20px 0;
}

.about-right p{
    line-height: 220%;
    height:155px; overflow: hidden;
    color:rgba(255,255,255,0.6);
}

/*新闻资讯*/
.news{
    margin:0 auto;
    width:1200px;
}
.news ul li{
    position: relative;
    width:330px;
    height:400px;
    float: left;
    padding:27px 18px 23px 18px;
    margin:0 13px;
}
.news ul li:hover{
    transition: all 0.5s;
    background: #fff;
    box-shadow: 0 2px 20px 8px #eee;
    cursor: pointer;
}
.news ul li:hover h3{
    color: #4893f2;
}
.news ul li h3{
    font-size: 16px;
}
.news ul li .date{
    font-size: 14px; color: #949494; font-weight: 300; padding-top: 10px;
}
.news ul li .news-text{font-size: 15px; color: #949494; font-weight: 300; line-height: 200%;padding:10px 0;}
.news ul li .news-pic{ position: absolute; bottom: 23px;  }

/*底部*/
.foot{
    background: #333; width:100%; margin-top: 50px;min-width: 1200px;
}
.foot-contact{
    padding:35px 55px;font-weight: 300;
}
.foot-left{ width:430px; display: inline-block;  }
.foot-left .copyright{color: rgba(255,255,255,0.3); font-size: 12px;
    padding-top:15px; line-height: 200%; text-transform: uppercase;}
.foot-left .copyright span{
    color: rgba(255,255,255,0.6);
}
.contact-right{
    float: right;
    color: rgba(255,255,255,0.6);
}
.contact-right .contact-phone{
    background: url("../image/icon.png") no-repeat 0 -18px;
    padding-left: 45px;
    line-height: 150%;
    margin-bottom: 20px;
}
.contact-right .contact-phone p{
    font-size: 12px;
}
.contact-right ul li{
    padding-left: 20px;
    line-height: 190%;
    font-size: 12px;
    margin-left: 30px;
}

.contact-right ul .address{
    background: url("../image/icon-foot.png") no-repeat 0 0;
}
.contact-right ul .email{
    background: url("../image/icon-foot.png") no-repeat 0 -28px;
}
.contact-right ul .contact{
    background: url("../image/icon-foot.png") no-repeat 0 -53px;
}


#rocket-to-top div {
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 0;
    width: 149px;
}
#rocket-to-top .level-2 {
    background: url("../image/rocket_button_up.png") no-repeat scroll -149px 0 transparent;
    display: none;
    height: 250px;
    opacity: 0;
    z-index: 1;
}
#rocket-to-top .level-3 {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 150px;
    z-index: 2;
}
#rocket-to-top {
    background: url("../image/rocket_button_up.png") no-repeat scroll 0 0 transparent;
    cursor: default;
    display: block;
    height: 250px;
    margin: -125px 0 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 80%;
    width: 149px;
    z-index: 11;
}