/*overflow: hidden;*/
/*white-space: nowrap;*/
/*text-overflow: ellipsis;*/

/*红色：#E72D1D*/
/*绿色：#005ead */
* {
    box-sizing: border-box; /* h5 */
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    word-break:break-all;
}

a {
    text-decoration: none;
    color: #828789;
}

body, textarea {
    font-family: "Hiragino Sans GB","微软雅黑","Microsoft YaHei",SimHei,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px; /*15px;*/
    color: #828789; /*#5f5f5f;*/
    line-height: 1.43;
}

html, body {
    margin: 0;
    padding: 0;
}

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
img {
    border: 0;
    display: block;
}
select,input{
    appearance:none;
    -webkit-appearance:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 14px;
}

input, textarea,select{
    /*font-family:"SimHei", "黑体","微软雅黑", "microsoft yahei", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;*/
    font-size: 14px;
    outline: none;
    color: #828789;
    border-radius: 2px;
    border: 1px solid #c9c9c9;
    height: 30px;
    padding: 0 8px;
}
input:disabled,select:disabled{
    background-color: #Fff;
}

ul, ol,p,h1, h2, h3, h4, h5, h6{
    margin: 0;
    list-style: none;
    padding: 0;
    font-weight: normal;
}

.container{
    position: relative;
    width: 1000px;
    clear: both;
    margin: 0 auto;
}
.head{
    height: 35px;
    line-height: 35px;
    background-color: #343a41;
    color: #fff;
    text-align: right;
}
.head a{
    color: #fff;
    margin-left: 25px;
}
.navbar{
    position: relative;
    padding: 22px 0 18px 0;
    text-align: center;
    overflow: hidden;
    height: 80px;
}
.navbar>.logo{
    display: block;
    position: absolute;
    top:8px;
    left: 0;
    height: 54px;
}
.navbar>.logo>img{
    height: 54px;
}
.navbar ul{
    float: right;
}
.navbar li{
    float: left;
    margin-left: 65px;
    line-height: 20px;
    cursor: pointer;
    color: #999999;
}
.navbar li>h4{
    color: #333;
    font-size: 17px;
}
.navbar li>p{
    font-size: 10px;
}
.navbar li:hover,.navbar li:hover>h4{
    color: #005ead;
}
.indexMain > .title{
    width: 312px;
    margin: 0 auto;
    font-size: 10px;
    text-align: center;
    background-image: url("../images/solid.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 40px 0 10px 0;
    color: #999999;
}
.indexMain > .title>h3{
    font-size: 24px;
    color: #005ead;
    letter-spacing: 2px;
}

.indexMain ul{
    margin-right: -40px;
    overflow: hidden;
}
.indexMain li{
    margin-top: 30px;
    width: 220px;
    float: left;
    margin-right: 40px;
    cursor: pointer;
}
.indexMain li>img{
    width: 220px;
    height: 140px;
    margin-bottom: 12px;
}
.indexMain li>h4{
    height: 50px;
    line-height: 25px;
    overflow: hidden;
    font-size: 16px;
    color: #000;
    margin-bottom: 8px;
}
.indexMain li>p{
    color: #999;
    max-height: 88px;
    font-size: 13px;
    line-height: 22px;
}
.indexMain li .time{
    margin-top: 5px;
    max-height: 22px;
}
.about{
    height: 380px;
    padding: 40px 0;
    background-color: #005ead;
    margin-top: 40px;
}
.about .container{
    padding-left: 685px;
    color: #fff;
}
.about .aLeft{
    position: absolute;
    top: 0;
    left: 0;
    width: 655px;
    height: 300px;
}
.about .aRight{
    font-size: 13px;
    line-height: 25px;
}
.about .aRight>h2{
    font-size: 24px;
    color: #fff;
    line-height: 25px;
}
.about .aRight>.aboutCon{
    margin-top: 20px;
    height: 175px;
    overflow: hidden;
    margin-bottom: 15px;
}
.about .read{
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    margin: 0 auto;
    border: 1px solid #fff;
    display: block;
}
.contact{
    position: relative;
    padding: 80px 320px 70px 0;
    height: 270px;
}
.contact>h4{
    line-height: 40px;
    font-size: 24px;
    color: #000;
    margin-bottom: 5px;
}
.contact>div{
    float: left;
    margin-right: 50px;
    font-size: 13px;
    color: #333;
    line-height: 30px;
}
.contact>img{
    width: 310px;
    height: 190px;
    position: absolute;
    top:40px;
    right: 0;
}
.foot{
    background-color: #eeeeee;
    padding: 35px;
    line-height: 30px;
    text-align: center;
}




/*新闻*/
.navigation{
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
    line-height: 30px;
}
.navigation a{
    margin-right: 5px;
    cursor: pointer;
}
.navigation span{
    margin-left: 5px;
    color: #005ead;
}
.navigation a:hover{
    color: #005ead;
}

.newsList li{
    position: relative;
    padding-left: 340px;
    margin-bottom: 30px;
    height: 200px;
    font-size: 13px;
    cursor: pointer;
}
/*.newsList li:hover{}*/
.newsList li>img{
    position: absolute;
    top:0;
    left: 0;
    width: 310px;
    height: 200px;
}
.newsList li>h4{
    font-size: 20px;
    line-height: 40px;
    color: #000;
}
.newsList li>.newsContent{
    line-height: 25px;
    height: 125px;
    overflow: hidden;
    margin: 5px 0 10px 0;
}



/*展会*/
.exClass{
    margin: 30px auto;
    text-align: center;
}
.exClass>a{
    display: inline-block;
    width: 120px;
    height: 40px;
    border: 1px solid #005ead;
    color: #005ead;
    line-height: 40px;
    margin: 0 15px;
    cursor: pointer;
}
.exClass>.classActive{
    background-color: #005ead;
    color: #fff;
}
.exList{
    margin-right: -40px;
    overflow: hidden;
}
.exList li{
    margin-bottom: 30px;
    width: 310px;
    float: left;
    margin-right: 36px;
    cursor: pointer;
}
.exList li>img{
    width: 310px;
    height: 200px;
    margin-bottom: 12px;
}
.exList li>h4{
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #000;
    margin-bottom: 8px;
}
.exList li>p{
    color: #999;
    max-height: 44px;
    overflow: hidden;
    font-size: 13px;
    line-height: 22px;
}
.newsMain .newsTitle{
    color: #000;
    font-size: 26px;
    padding: 15px 0;
    line-height: 25px;
    text-align: center;
}
.newsMain .newsTime{
    line-height: 30px;
    text-align: center;
    margin-bottom: 30px;
}
.newsMain .newsTime span{
    color:#005ead ;
    margin-left:20px;
}
.newsMain .newsTime .newsLook{
    background-image: url("../images/newsLook.png");
    background-repeat: no-repeat;
    padding-left: 20px;
    background-position: left center;
}
.newsMain .newsContent{
    min-height: 500px;
    color: inherit;
}
.newsMain .newsContent img{
    max-width: 100%;
}




@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*分页*/
.pagination {
    padding: 30px 0 50px 0;
    text-align: center;

}

.pagination li {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #005ead;
    margin: 0 3px;
    line-height: 30px;
    cursor: pointer;
    color: #005ead;

}
.pagination li a{
    color: #005ead;
    display: block;
}
.pagination li a:hover{
    color: #fff;
}


.pagination li:hover {
    color: #fff;
    background-color: #005ead;
}

.pagination span, .pagination a {
    display: block;

}

.pagination .current {
    background-color: #005ead;
    color: #fff;
}

.slideBox{ width:1000px; height:300px; overflow:hidden; position:relative; }
.slideBox .hd{ height:25px; overflow:hidden; position:absolute;left: 0; bottom:5px; z-index:1;width: 100% }
.slideBox .hd ul{ overflow:hidden; zoom:1; width:100%;text-align: center }
.slideBox .hd ul li{ margin-right:5px;  width:10px; height:10px; background:#fff; cursor:pointer; border-radius: 50%;display: inline-block;}
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:1000px; height:300px; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


.mall-sidebar {
    position: fixed;
    width: 50px;
    z-index: 99;
    display: none;
}

.mall-sidebar a {
    position: relative;
    display: block;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-image: url("../images/rightIcon.png");
    background-repeat: no-repeat;
    margin-bottom: 2px;
    background-color: #fff;
}
.mall-sidebar>img{
    position: absolute;
    top: 52px;
    left: -150px;
    border: 1px solid #e5e5e5;
    display: none;
    background-color: #fff;
}
.mall-sidebar a:hover {
    background-color: #005ead;
    background-image: url("../images/rightIcon.png");
}

.mall-sidebar a.navbar-top {
    background-position: -1px -2px;
}
.mall-sidebar a.navbar-wx {
    background-position: -1px -53px;
}
.mall-sidebar .navbar-top:hover{
    background-position: -1px -112px;
}
.mall-sidebar .navbar-wx:hover{
    background-position: -1px -163px;
}