a:hover{color:#00425c}
img{width: 100%}
.mt50{margin-top:50px;}
.main-bg{background-color:#00425c !important;}
.main-bg .layui-nav{background: none}
.main-bg .layui-nav-bar{background-color:white !important;}
.border-b{ border-bottom: 1px solid #c9c9c9;display: inline-block;}
.center{text-align: center}
.max{width:100%}
.hot-search .hot-key{padding: 20px 0;float:left;width: 60%;}
.hot-search .hot-key b{margin-right: 10px;}
.hot-search .hot-key a{margin: 0 10px}
.hot-search .hot-form{ display: inline-flex;float:right;text-align: right;padding: 15px 0;}
.product .product-tree{padding-right: 5px;}
.product .product-tree h3 ,.about h3.lianxi{text-align: center;color: white;font-size: 26px;padding: 20px;}
.product .product-tree h3 a,.about h3.lianxi a{color: white}
.product .product-tree ul{border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.product .product-tree li{height: 44px;line-height: 44px; border-bottom: 1px dashed #ddd;}
.product .product-tree li a{margin-left: 40px;}
.product .product-tree li a:hover{color:#00425c }
.product .product-tree .product-tree-b{padding: 10px 0;}
.tree-desc{text-align: center;color: #fff;line-height: 35px;border-bottom: 1px dashed #fff;padding: 10px 0;font-size: 16px;}
.product-tree-b .rexian{    margin-top: 10px;text-align: center;height: 28px; line-height: 28px; font-size: 16px; color: #fff;}
.product-tree-b .phone{text-align: center;height: 38px;line-height: 38px;font-size: 24px;color: #fff;}
.product-tree-b .button{margin-top: 15px;}
.product .product-list h3,.product .list h3 ,.product-right h3{width: 100%; padding: 12px 0;margin-bottom: 20px}
.product .product-list h3 a,.product .list h3 a  ,.product-right h3 a{padding: 0 20px}
.product .product-list h3 span,.body h2 span,.product .list h3 span  ,.product-right h3 span{font-size: 16px; color: #b2b2b2; text-transform: uppercase;}
.product .product-list h3 .more-right,.body .more-right ,.product .list h3 .more-right  ,.product-right h3 .more-right{    float: right; padding-right: 20px}

.product .product-list ul .box,.body ul.ul .box{border: 1px solid #ddd;}
.product .product-list .box h4,.body ul.ul .box h4{text-align: center;height: 30px;line-height: 30px;background: #cccccc;}
.product .product-list li:hover .box h4,.body ul.ul li:hover .box h4{background: #00425c;}
.product .product-list li:hover .box h4 a,.body ul.ul li:hover .box h4 a{color: white}
.body h2{display: block;padding: 15px 0;margin-bottom: 20px;font-size: 38px;}
.body h2 span{margin: 0px 10px;}
.product .product-list .box img{width:272px;height: 272px;}

.news-date {width: 70px; float: left;color: #666666;font-family: "Microsoft YaHei";}
.news-date .news-month { background-color: #e1e1e1; width: 70px;height: 60px; text-align: center;line-height: 60px;font-size: 18px; }
.news-date .news-day {width: 70px;height: 70px;line-height: 70px;text-align: center;font-size: 32px;background-color: white;font-weight: 800;}
.news-body {padding-left: 85px; }
.news-body p {font-size: 16px; color: #666666; }
.news-body h3{font-size: 16px; font-weight: bold;color: #333333;}
.news-body h3 i{float:right}
.news-ul li:hover  .news-date .news-month{background-color:#00425c;color: white}
.news-ul li:hover  .news-date .news-day,.news-ul li:hover  a{color:#00425c}
.footer{padding-top: 50px;}
.footer .nav a{ padding-right: 20px;  padding-left: 15px;  text-align: left; background: url(http://static.hiapi.cn/images/navli.png) no-repeat right center; color: #fff; }
.footer .nav{padding: 15px 0;}
.footer .nav,.footer .link h2{border-bottom: 1px solid rgba(51, 51, 51, 0.18)}
.footer .link{margin-bottom: 20px;}
.footer .link a{color: #cccccc; padding: 0 15px;}
.footer .link h2{padding:10px;color:white}
.footer .link .href{padding: 10px}
.footer .link h2 a{color:white}
.footer .link h2 span{font-size: 16px;    margin-left: 22px;}
.copy{height: 150px;padding-top: 20px;color: white}
.copy img{width: 100px;height: 100px; float :left;}
.copy .copy-txt{    padding-left: 26px; width: 550px; float: left;}
.copy .phone{width: 250px; float: right;padding-top: 35px;}
.header .head{padding: 15px 0; height: 112px; }
.header .logo{width:300px;float:left;}
.header .head-phone{width: 300px;float :right;text-align: right;padding: 10px 0;}
/*.header .logo img {width: 519px;height: 70px}*/
.us .liuyan {  padding: 14px;  border: 1px solid #c9c9c9;  }
.us .liuyan .tel{padding-bottom: 20px;}
.us img{width: auto}
.about-body img{width: 100%}
.application img{width:371px; height: 371px;}
.list li img{ width: 170px;  height: 120px; display: block; float: left; margin-right: 10px; padding: 3px; border: 1px solid #dedede;  }
.list li h4 a{ font-size: 16px;padding-bottom: 5px;font-weight: bold}
.list li p { height: 60px; font-size: 12px;line-height: 20px;color: #666;overflow: hidden;padding-top: 5px;}
.list li { height: 100%; overflow: hidden; margin-bottom: 15px;  padding-bottom: 15px; border-bottom: 1px dashed #CCCCCC;  }
.product-lianxi{
    float: left;
    width: 280px;
    padding: 0 0 0 30px;
    position: relative;
}
.product-lianxi p{ margin: 10px 0 ;}
.product-lianxi h1 {
    font-size: 20px;
    color: #333;
    line-height: 40px;
    font-family: "微软雅黑";
}
.product-img-box{
    float: left;
    width: 430px;
    height: 508px;
    margin: 0 0 20px 0;
    position: relative;
}
.product-img-box .product-img {
    border: 1px solid #e9e9e9;
    background: #fff;
    position: relative;
    z-index: 1;
    padding: 2px;
}
.product-img-box ul {
    margin: 10px 0 0;
    overflow: hidden;
    padding: 0;
}
.product-img-box ul li {
    float: left;
    height: 70px;
    margin: 0 5px 0 5px;
    overflow: hidden;
    padding: 2px;
    border: #dfdfdf 1px solid;
    cursor: pointer;
}
.product-img-box ul li img{width:70px ;
    height: 70px;}

.product-img-box .selected {
    height: 70px;
    border: #00425c 1px solid;
}
div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 300px;
    height: 300px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden;
    margin: -3px 0 0 2px;
}
.product-img img{width:425px; height: 425px;}
div.zoomMask {
    position: absolute;
    border: 1px solid #aaa;
    background: #fff 50% top no-repeat;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
    cursor: move;
    z-index: 1;
    width: 200px;
    height: 200px;
}
.zoomDiv img {
    width: 600px;
    height: 600px;
}
