* {
    margin: 0;
    padding: 0;
    border: 0;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #000;
    background: #fff;
}

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

a:hover {
    color: #dd4600;
    text-decoration: none !important;
}

/*public*/
input, button, select, textarea {
    outline: none;
}

textarea {
    resize: none;
}

textarea {
    font-size: 16px;
    line-height: 24px;
}

textarea::-webkit-input-placeholder { /* WebKit browsers */
    color: #e6e6e6;
}

textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #e6e6e6;
}

textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #e6e6e6;
}

textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #e6e6e6;
}

input::-webkit-input-placeholder {
    font-size: 14px;
}

input:-moz-placeholder {
    font-size: 14px;
}

input:-ms-input-placeholder {
    font-size: 14px;
}

.text-line-one {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}


.it12 {
    font-size: 12px !important;
}

.it14 {
    font-size: 14px !important;
}

.it16 {
    font-size: 16px !important;
}
.it18 {
    font-size: 18px !important;
}

.it-hot{
    color:#dd4600!important;
    font-weight: bold;
}

.it-blue{
    color:#0c9cf3;
}
.it-blue a{
    color:#0c9cf3!important;
}
.it-blue a:hover{
    color:#dd4600!important;
}

.it-grey{
    color:#e3e3e3;
}
.it-bold{
    font-weight:bold;
}

.space-left-p10 {
    padding-left: 10px;
}

.space-top-p10 {
    padding-top: 10px;
}

.space-right-p10 {
    padding-right: 10px;
}

.space-bottom-p10 {
    padding-bottom: 10px;
}

.space-left-m10 {
    margin-left: 10px;
}
.space-left-m20 {
    margin-left: 20px;
}

.space-top-m10 {
    margin-top: 10px;
}

.space-right-m10 {
    margin-right: 10px;
}

.space-bottom-m10 {
    margin-bottom: 10px;
}

.clearfix:before,.clearfix:after {
    display: table;
    content: " "
}

.clearfix:after {
    clear: both
}

/* ----------------------------------- layout ----------------------------------- */
html {
    height: 100%;
}
.index-header-top-bg{
    width:100%;
    height:44px;
    background:#fcfcfc;
    border-bottom: 1px solid #e3e3e3;
}
.index-header-top{
    width:1180px;
    height:44px;
    margin:0 auto;
}
.index-header-top-menu{
    float: left;
    width:900px;
    height:44px;
}
.index-header-top-menu ul{
    width: 100%;
    margin:0;
    padding:0;
    list-style: none;
}
.index-header-top-menu ul li {
    float:left;
    height:44px;
    line-height: 44px;
    font-size: 16px;
    text-align: center;
    margin:0;
    padding:0;
    list-style:none;
}
.index-header-top-menu ul li a{
    float:left;
    width:105px;
    color:#333;
    text-align: center;
    margin:0;
    padding:0;
    list-style:none;
}
.index-header-top-menu ul li a:hover{
    color:#337ab7;
}
.index-header-top-menu .active{
    color:#337ab7;
}
.index-search-btn-info.focus,.index-search-btn-info:focus {
    color: #fff;
    background-color: #31b0d5;
    border-color: #1b6d85
}

.index-search-btn-info:hover {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc
}
.index-main-logo{
    width:1280px;
    height:320px;
    margin:50px auto;
    text-align: center;
}
.index-main-search{
    width:730px;
    height:42px;
    margin:30px auto;
}
.index-main-search-form{
    width:730px;
    float:left;
}
.index-main-search-input-bg{
    width:620px;
}
.index-main-search-input{
    width:620px;
    height:40px;
    border: 2px solid #337ab7;
    border-radius: 6px;
    text-indent: 10px;
    float:left;
}
.index-search-btn-add {
    width:75px;
    height:42px;
    line-height: 42px;
    font-size: 16px;
    color: #fff;
    background-color: #337ab7;
    border:none;
    float: left;
    margin-left:-75px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    text-align: center;
}
.index-search-btn-info {
    display: inline-block;
    font-size: 16px;
    width:100px;
    height:42px;
    line-height: 42px;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
    margin-left:5px;
}

.index-content-bg{
    width:100%;
    height:350px;
    background: #fcfcfc;
    padding:20px 0;
}
.index-content{
    width:1180px;
    margin:0 auto;
}
.index-content-left{
    width:560px;
    float:left;
}
.index-content-left img{
    width:100%;
    height:160px;
}
.index-content-left-title{
    display: block;
    height:58px;
    line-height: 58px;
    color:#333333;
    font-size: 20px;
    font-weight: 600;
}
.index-content-left-text{
    color:#666;
    line-height: 24px;
}
.index-content-left-text p{
    margin-bottom: 20px;
}
.index-content-right{
    width:560px;
    float:right;
}
.index-content-right-title{
    width:100%;
    height: 60px;
}
.index-content-right-item{
    width:100%;
}
.index-item-01{
    float:left;
    width:100%;
    margin-bottom: 20px;
}
.index-item-02{
    float:left;
    width:100%;
    margin-bottom: 20px;
}
.index-item-03{
    float:left;
    width:100%;
}
.index-item-left{
    float:left;
    width:65px;
    height:65px;
}
.index-item-right{
    float:left;
    width:485px;
    margin-left:10px;
}
.index-item-right-title{
    width:100%;
    color:#333;
    line-height: 24px;
    display: block;
    margin-bottom: 5px;
}
.index-item-right-text{
    width:100%;
    color:#666;
    line-height: 24px;
}


.index-header-top-right{
    float:right;
    width:280px;
    line-height: 44px;
    text-align: right;
}
.index-header-top-right-text{
    text-align: right;
}
.index-header-top-right span{
    padding:0 6px;
    color:#777;
}
.index-header-top-right span a{
    color:#777;
}
.index-header-top-right span a:hover{
    color:#dd4600;
}

.company-header{
    width:1180px;
    height:130px;
    margin:0 auto;
}
.company-header-left{
    float: left;
    width:400px;
    height:80px;
    padding:20px 0 30px 0;
}
.company-header-left img{
    width:400px;
}
.company-header-right{
    float:right;
    width:630px;
    height:42px;
    padding:43px 0 40px 0;
}
.company-header-right-search{
    width:630px;
    float:left;
}
.company-header-right-search-input-bg{
    width:520px;
}
.company-header-right-search-input{
    width:520px;
    height:40px;
    border: 2px solid #337ab7;
    border-radius: 6px;
    text-indent: 10px;
    float:left;
}
.company-content{
    width:1180px;
    margin:0 auto;
}
.company-content-current{
    width:100%;
    height:40px;
    line-height: 40px;
    background: #fcfcfc;
    border:1px solid #ececec;
    color:#555;
    text-indent: 10px;
}
.company-content-current a{
    color:#999;
}
.company-content-current a:hover{
    color:#1068ad;
}
.company-introduce{
    width:100%;
    min-height: 500px;
    margin-top:20px;
}
.company-introduce-title{
    width:100%;
    height:80px;
    line-height: 60px;
    font-size: 24px;
    font-weight: bold;
    color:#337ab7;

}
.company-introduce-text{
    width:100%;
    color:#333;
}
.company-introduce-text p{
    text-indent: 28px;
    margin-bottom: 20px;
}
.contact-text{
    width:100%;
    color:#333;
}
.contact-text p{
    margin-bottom: 20px;
}
.contact-text a{
    color: #1068ad;
}
.contact-text a:hover{
    color: #dd4600;
}
.product-content{
    width:100%;
}
.product-content-top{
    width:100%;
    height: 80px;
}
.product-content-top span{
    display: block;
    font-size: 26px;
    color:#333;
    line-height: 40px;
}
.product-content-left{
    float:left;
    width:300px;
    display: table-cell;
    border:1px solid #e5e5e5;
    padding:20px;
    text-align: center;
    vertical-align: middle;
}
.product-content-right{
    width:780px;
    min-height: 300px;
    float:right;
}
.table-product-list{
    width:100%;
    background:none;
    border:1px solid #e3e3e3;
}
.table-product-list tr th{
    line-height:42px;
    font-weight:normal;
    text-align: center;
    background: #f7f7f7;
    color:#707070;
    border:1px solid #e3e3e3;
    height: 42px;
    font-weight: bold;
}
.table-product-list tr td{
    text-align: left;
    color:#999;
    font-weight:normal;
    padding-left:30px;
    border:1px solid #e3e3e3;
}
.product-contact{
    width:100%;
    margin-top:20px;
    padding-top:20px;
    border-top:10px solid #f7f7f7;
}
.product-contact-title{
    width:100%;
    height:60px;
    line-height: 50px;
    font-size: 24px;
    font-weight: bold;
    color:#333;
}
.product-contact-text{
    width:100%;
    color:#999;
}
.product-contact-text p{
    margin-bottom: 20px;
}
.product-contact-text a{
    color: #1068ad;
}
.product-contact-text a:hover{
    color: #dd4600;
}

.index-footer{
    width:100%;
    height:80px;
    background:#1068ad;
}
.index-footer-bg{
    width:1180px;
    height:80px;
    line-height: 80px;
    text-align: center;
    margin:0 auto;
}
.footer-text{
    color:#fff;
}
.footer-text a{
    color:#fff;
}
.footer-text a:hover{
    color:#dd4600;
}
/*inpage开始*/

/*sesrch css start*/
.search-item{
    width:100%;
}
.search-item ul{
    width:100%;
    margin:0;
    padding:0;
    list-style: none;
}
.search-item ul li{
    float:left;
    width:100%;
    margin:10px 0;
    padding:0 0 20px 0;
    list-style: none;
    border-bottom: 1px solid #e3e3e3;
}
.table-search-item{
    width:100%;
    background:none;
}
.table-search-item tr th{
    line-height:32px;
    font-weight:normal;
    text-align: center;
    background: #f7f7f7;
    color:#707070;
    height: 32px;
    font-weight: bold;
}
.table-search-item tr td{
    text-align: left;
    color:#999;
    font-weight:normal;
    padding-left:30px;
}
.search-item-left{
    float:left;
    width:360px;
    height:230px;
    display: table-cell;
    border:1px solid #e5e5e5;
    padding:20px;
    text-align: center;
    vertical-align: middle;
}
.search-item-left img{
    max-width: 300px;
    max-height: 230px;
}
.search-item-right{
    width:740px;
    min-height: 230px;
    float:right;
}
/*分页CSS开始*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination > li {
    display: inline
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #eee
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #428bca;
    border-color: #428bca
}

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #999;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}