body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
ul,li{ 
    padding:0;
    margin:0;
    list-style:none;
    display:block}
a {
    text-decoration: none;
    font-weight: 500;
    color: #666;
}
p{padding:0;margin:0}
.text-center{
    text-align: center;
}
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.color-333{
    color: #333;
}
.main-color{
    color: #006dbc;;
}
.text-red{
    color: #006dbc;;  
}
a,a:hover,a:focus,a:active{text-decoration:none}
.row {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.padding0 {
    padding: 0;
}
.inline-block{
    display: inline-block;
}
.pointer{
    cursor: pointer;
}
.container{
    padding: 0 !important;
}
@media (min-width: 1400px){
    .container {
        width: 1350px;
    }
}
.bold{
  font-weight: bold;
}
.phone-number{
    font-family: 'tt0365m_';
}
.btn-red{
    background-color: #006dbc;;
    color: #ffffff;
}
.btn{
    outline: none;
}
.btn:focus,.btn:active,.btn:hover{
    outline: none !important;
}
.btn-red:hover,.btn-red:focus,.btn-red:active{
    background-color: #006dbc;;
    color: #ffffff;
}
@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../css/fonts/glyphicons-halflings-regular.eot');
    src: url('../css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
  }
   
  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
	font-family: 'tt0365m_';
	font-style: normal;
	src: url("../css/tt0365m_.ttf") format('truetype');
}
@font-face {
    font-family: 'icomoon';
    src:  url('../css/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
[class^="icomoon-"], [class*=" icomoon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icomoon-aj:before {
content: "\e900";
}
.icomoon-dc:before {
content: "\e901";
}
.icomoon-qc:before {
content: "\e902";
}
.icon {
    width: 3em; height: 2em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}
.icon-alibaba{
    width: 120px; 
    height: 32px;
}
.icon-dianhua{
    color: #006dbc;;  
}
.center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-welcome{
    background: #e5edf6;
    color: #333333;
}
.header-welcome .content{
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;;
}
.header-welcome ul li a{
    text-decoration: none;
    font-weight: 500;
    color: #666;
    padding-right: 5px;
    padding-left: 5px;
}
.header-welcome ul li:hover a{
    color: #006dbc;;
}
.header-logo{
   background-color: #ffffff;
   z-index: 9999;
   width: 100%;
   border-bottom: 1px solid #006dbc;
}
.header-logo .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo .logo .des{
    display: inline-block;
    font-size: 19px;
    color: #333;
    font-weight: bold;
    margin-bottom: 2px;
    position: relative;
    padding: 15px;
    margin-left: 15px;
}
.header-logo .logo .des::before{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 50px;
    margin-top: 5px;
    background: #e5e5e5;
    left: 0;
}
.header-logo .text{
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
.header-logo .text .light{
    color: #006dbc;;
    padding-top: 10px;
}
.header-logo .phone{
    text-align: right;
}
.header-logo .number{
    font-family: 'tt0365m_';
    font-weight: bold;
    color: #006dbc;;
    text-align: right;
}
.header-logo .phone .hot{
    color: #333333;
    position: relative;
    top:10px
}
.header-logo .phone .navbar-toggle{
    border-color: #006dbc;;
    display: inline-block;
    padding: 6px 10px;
    margin-left: 10px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.header-logo .phone .navbar-toggle .icon-bar{
    background-color: #006dbc;;
    width: 16px;
}
.nav-bar{
    width: 100%;
    z-index: 999;
}
.fixed{
    position: fixed;
    top:0
}
.nav-bar{
    background-color: #006dbc;;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: #006dbc;;
}
.nav .open>a, .nav li>a:hover, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #006dbc;;
    border-color: #006dbc;;
    color: #ffffff !important;
}
.nav-bar .active{
    background-color: #006dbc;;
    border-color: #006dbc;;
    color: #ffffff !important;
} 
.nav-bar ul li{
  display: block;
  color: #333333;  
}
.nav-bar ul li a{
    color: #ffffff;
}
.nav-bar .dropdown-menu li a{
    color: #333333;
}
.nav-bar .navbar-nav{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.nav-bar .item{
   position: relative; 
}
.nav-bar .item::before{
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    right: -50%;
    top: 16px;
    background: #ffffff;
    opacity: 0.5;
}
.nav-bar .item:last-child::before{
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 20px;
    right: -50%;
    top: 16px;
    background: #ffffff;
    opacity: 0;
}
.nav-bar .dropdown-menu{
    width: 200px;
    background: #fff;
    /* border: solid 1px #e0e0e0; */
    border: none;
    border-top: solid 5px;
    border-top-color: #006dbc;;
    padding: 0
}

.nav-bar .dropdown-menu li a{
    padding: 15px 15px;
    border-bottom: solid 1px #eee;
}
.nav-bar .dropdown-menu li:last-child a{
    border-bottom: none;
}
.nav-bar .navbar-collapse{
    padding: 0;
}
.carousel-control.right,.carousel-control.left{
    background-image: none;
}
.search-bar{
    overflow: hidden;
    background: #e5edf6;
    padding: 15px 0;
    color: #333333;
}
.search-bar .input-group{
    width: 100%;
}
.search-bar .input-group input{
    height: 40px;
    line-height: 38px;
    border: none;
}
.search-bar .search-text span{
    line-height: 40px;
}
.search-bar .search-text .fs16{
    padding: 0 8px;
    cursor: pointer;
}
.search-bar .search-text .hot{
   color: #ff5400;
}
.advince{
    text-align: center;
}
.advince .title .fs12{
    color: #989898;
    text-transform: uppercase
}
.advince img{
    width: 190px;
    height: 190px;
    margin: auto;
    box-shadow: -4px 4px 4px #b7b7b7;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.advince .row .fs14{
    color: #666666;
}
.advince .name{
    font-weight: bold;
}
.advince .name::after{
    content: '';
    display: block;
    width: 25px;
    height: 1px;
    background: #0001fc;
    margin: auto;
    margin-top: 15px;
}
.advince .des{
    height: 40px;
    display: block;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.product{
    /* background: url(../images/product-bg.png); */
}
.product .header{
    color: #ffffff;
    background: #006dbc;;
}
.product .header .active{
    /* background-color: #006dbc;; */
}
.product a{
    color: #ffffff;
}
.product .title{
    background-color: #333333;
    height: 60px;
    display: flex;
    justify-content: start;
    align-items: center;
}
.product .item,.product i{
    line-height: 60px;
}
.product .item{
    text-align: center;
}
.product .describe{
    text-align: left !important;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* .product .item:hover{
    background-color: #006dbc;;
} */
.product .item:last-child{
    border-right:none;
}
.product .tab-content .item-product{
    /* border: 8px #f5f5f5 solid;
    text-align: center;
    color: #666;
    background-color: #fff; */
    border: 1px solid #e1e1e1;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.product .tab-content .item-product::before{
    width: 31px;
    height: 31px;
    content: '';
    position: absolute;
    right: -1px;
    bottom: -1px;
    background: url('../images/pro-ico.png') no-repeat center;
}
.product .tab-content .item-product h6 ,.product .tab-content .item-product .name{
    width: 92%;
    margin: 0 auto;
    text-align: center;
    border-top: 1px dashed #bbbbbb;
    color: #333333;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.product .tab-content .item-product .textcont{
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotateY(90deg);
    position: absolute;
    z-index: 1;
    text-align: center;
    box-sizing: border-box;
    padding: 0 5%;
    transition: all .5s;
}
.product .tab-content .item-product:hover .textcont{
    transform: translateY(-50%)  rotateY(0deg);
}
.product .tab-content .item-product:hover .textcont .cont {
    color: #fff;
    line-height: 2;
}
.product .tab-content .item-product:hover .textcont span {
    width: 45%;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    margin-top: 15px;
    padding: 5px 8px;
}
.product .tab-content .item-product::after{
    width: 100%;
    height: 100%;
    background: rgba(0, 109, 188, .8);
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    transform: rotateY(90deg);
    opacity: 0;
    transition: all .5s
}
.product .tab-content .item-product:hover::after{
    transform: rotateY(0deg);
    opacity: 1;
}

.product .tab-content .item-product img{
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.product .tab-content .item-product .product-title{
    display: block;
    font-weight: bold;
    color: #006dbc;;
    line-height: 2em;
    padding: 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.apply .apply-content{
    background: #e5edf6;
    padding-bottom: 48px;
    border-bottom-right-radius: 100px;
    border-top-left-radius: 100px;
    overflow: hidden;
    margin-bottom: 67px;
}
.index-title {
    padding: 48px 0 30px;
    text-align: center;
}
.index-title h5 {
    color: #333333;
    margin-bottom: 10px;
    position: relative;
    height: 42px;
}
.index-title h5::before {
    width: 100%;
    height: 1px;
    content: '';
    background: #d3dae2;
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
}
.index-title h5 span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #e5edf6;
    z-index: 1;
}
.index-title h5 span::after, .index-title h5 span::before {
    width: 6px;
    height: 6px;
    display: inline-block;
    vertical-align: middle;
    content: '';
    border: 1px solid #d3dae2;
    border-radius: 50%;
}
.apply .form-list input{
    height: 42px;
}
.apply .form-list input,.apply .form-list textarea{
    display: block;
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #e1e1e1;
    padding: 0 16px;
    line-height: 40px;
    border-radius: 3px;
    border: none;
    outline: none;
    resize: none;
}
.apply .apply-buttom{
    text-align: center;
}
.apply .apply-buttom input{
    width: 150px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: #ff5400;
}

.company{
    width: 100%;
    background-image: url(../images/about-bg.jpg);
    background-repeat: no-repeat;
    background-position: center top; 
}
.company .title{
    text-align: center;
}
.company .title .des{
    color: #888;
}
.company .about-con{
    color: #595959;
    line-height: 30px;
}
.company .abou-more p {
    width: 148px;
    line-height: 50px;
    background: #333333;
    color: #fff;
    text-align: center;
}
.company .abou-more i {
    width: 50px;
    line-height: 50px;
    background: #006dbc;;
    color: #fff;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
.company .advince i{
   width: 36px;
   height: 36px;
   display: block;
   margin: 0 auto;
   color: #006dbc;;
}
.company .video-block {
    position: relative;
	overflow: hidden;
}
.company .img-jiqi{
    border: 8px #fff solid;
    display: inline-block;
    vertical-align: baseline;
	width: 100%;
}
.company video{
    border: 8px #fff solid;
    display: inline-block;
    vertical-align: baseline;
}
.company .video-icon {
    position: absolute;
    background: #006dbc;;
    color: #fff;
    font-weight: bold;
    top: 40px;
    left: 8px;
    z-index: 9;
    padding: 5px 20px;
}
.advantage {
    background: #e5edf6;
}
.advantage .advantage-content{
    width: 100%;
    position: relative;
}
.advantage .advantage-content li .li-content {
    display: inline-block;
    padding-top: 20px;
    vertical-align: text-top;
    width: 290px;
}
.advantage .advantage-content li{
    position: absolute;
    list-style: none;
}
.advantage .advantage-content span{
    display: inline-block;
    vertical-align: text-top;
    width: 80px;
    height: 80px;
    background: #006dbc;
    border-radius: 50%;
    font-size: 48px;
    color: #fff;
    line-height: 80px;
    text-align: center;
}
.advantage .advantage-content li .li-content h6 {
    color: #006dbc;
}
.advantage .advantage-content li .li-content .cont {
    color: #666666;
    line-height: 1.8;
    white-space: normal;
}
.advantage .advantage-content li .li-content .advantage-btn {
    width: 120px;
    text-align: center;
    color: #008cd6;
    border: 1px solid #008cd6;
    line-height: 2.5;
    display: inline-block;
}
.advantage .advantage-content .li1{
    top: 15%;
    left: -60%;
    text-align: right;
}
.advantage .advantage-content .li2{
    top: 71%;
    left: -60%;
    text-align: right;
}
.advantage .advantage-content .li3{
    top: 15%;
    left: 90%;
    text-align: left;
    white-space: nowrap;
}
.advantage .advantage-content .li4{
    top: 71%;
    left: 90%;
    text-align: left;
    white-space: nowrap;
}
.advantage .advantage-content .center-img{
    width: 38%;
    margin: 0 auto;
    position: relative;
    display: block;
}
.advantage .advantage-content img{
    max-width: 100%;
}
.sample .content{
    width: 100%;
    border-radius: 3px;
    padding: 20px;
    border: solid 1px #eee;
    position: relative;
}
.sample .content:before{
    content: '';
    display: block;
    position: absolute;
    width: 231px;
    height: 202px;
    background: url(../images/sample-bg.jpg) no-repeat;
    z-index: -1;
    left: 472px;
    top: 95px;
}
.sample .content p{
    color: #333;
    line-height: 30px;
}
.sample .phone-number{
    font-family: 'tt0365m_';
    font-weight: bold;
}
.sample .WX{
    width: 114px;
    height: 114px;
    box-shadow: 0 0 8px #eee;
    margin-left: 30px;
    margin-top: -25px;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.sample input, .sample textarea {
    box-shadow: none;
    -webkit-appearance: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sample input.submit {
    border: none;
    width: 100%;
    line-height: 45px;
    color: #fff;
    background: #006dbc;;
    border-radius: 3px;
}
.news .news-title{
    border-bottom: solid 1px #dbdbdb;
}
.news .news-title .icon-xiangyou3fill{
    color: #dbdbdb;
}
.news .main-news .img{
    width: 100%;
	border: 1px solid #dbdbdb;
}
.news .main-news .des{
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news a{
    color: #333333;
}
.news .main-news{
    overflow: hidden;
}
.news .main-news .more-new{
    float: right;
    display: block;
    text-align: center;
    width: 80px;
    line-height: 18px;
    padding: 3px 5px;
    background: #006dbc;;
    font-size: 12px;
    color: #fff;
    border-radius: 3px;
}
.news .news-list ul{
    width: 100%;
}
.news .news-list ul li{
    color: #595959;
    overflow: hidden;
    display: block;
	border-bottom: dashed 1px #eee;
}
.news .news-list ul li:first-child{
	border-bottom:none
}
.news .news-list ul li .news-item{
    color: #666;
    line-height: 45px;
    width: 80%;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news .news-list ul li .date{
	line-height: 45px;
}
.news .news-list ul li .news-item:hover{
    color: #006dbc;;
}
.news .news-list ul li .news-item::before{
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #006dbc;;
    margin-bottom: 5px;
    margin-right: 10px;
}
.tailor-made{
    background: #e5edf6;
}
.icon-img1{
    background-image: url(../images/ico1.png)
}
.icon-img2{
    background-image: url(../images/ico2.png)
}
.icon-img3{
    background-image: url(../images/ico3.png)
}
.icon-img4{
    background-image: url(../images/ico4.png)
}
.tailor-made li .icon-img{
    width: 68px;
    height: 64px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center 0;
    transition: all .5s
}
.tailor-made li:hover .icon-img{
    background-position: center -62px;
}
.tailor-made li .txt{
    width: calc(100% - 80px);
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    box-sizing: border-box;
}
.tailor-made li:hover .txt h6{
    color: #008cd6
}
.tailor-made li .txt h6{
    color: #333333;
}
.tailor-made li .txt p{
    line-height: 1.6;
    color: #666
}
.tailor-made li:hover .txt p{
    color: #008cd6
}
/* .page-bottom{
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-bottom: 60px;
} */
/* .page-bottom::before{
    content: '';
    position: absolute;
    top: -120px;
    right: 0px;
    border-width: 140px 0 140px 2580px;
    border-style: solid;
    border-color: transparent transparent #006dbc; transparent;
}
.page-bottom::after{
    content: '';
    position: absolute;
    top: -120px;
    left: 0px;
    border-width: 140px 2580px 140px 0px;
    border-style: solid;
    border-color: transparent transparent #202020 transparent;
} */
.foot-menu{
    width: 100%;
    background: #202020;
    padding: 0px 0;
    border-bottom: 1px #393939 solid;
}
footer .block{
    padding: 25px 15px;
}
footer .inquiry{
    font-weight: bold;
    color: #fff;
    margin-top: 30px;
}
footer .list-block li{
   color: #666;
   line-height: 30px;
   display: block;
}
footer .list-block li a{
   color: #969696;
}
footer .block .title{
    color: #fff;
    font-weight: bold;
}
footer .block .title::after{
    content: '';
    display: block;
    width: 20px;
    height: 2px;
    background: #006dbc;;
    margin-top: 13px;
}
footer .block .link{
    color: #fff;
    font-weight: bold;
}
footer .block .list-inline li{
    display: inline-block !important;
}
footer .weixin{
    color: #666;
}
footer .foot-copyright{
    width: 100%;
    border-top: solid #111111 1px;
    background: #202020;
}
footer .foot-copyright p,.foot-copyright p a{
    color: #787878;
}
.side-bar{
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 35%;
    margin-top: -120px;
}
.side-bar .item{
    width: 44px;
    height: 44px;
    background-color: #353535;
    margin-bottom: 4px;
    cursor: pointer;
    outline: none;
    color: #f4f4f4;
}
.side-bar .item-top{
    display: none;
    background: #D2D3D6;
}
.side-bar .item:hover{
    background-color: #006dbc;;
}
.side-bar .block{
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 50px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgb(161 163 175 / 11%);
    padding: 15px;
}
.side-bar .block-qrcode .inner-box{
    text-align: center;
}
.side-bar .block .arrow{
    position: absolute;
    width: 8px;
    height: 12px;
    background: url(../images/side_bg_arrow.png) no-repeat;
    right: -8px;
    top: 31px;
}
.side-bar .block ul li{
    display: block;
    margin-bottom: 10px;
}
.side-bar .block ul li a{
    display: inline-block;
}
.side-bar .block-qq{
    top:0;
}
.side-bar .block-phone{
    top:34px
}
.side-bar .block-qrcode{
    top:78px
}
.display-none{
    /* display: none !important; */
}
.page-top-banner{
    position: relative;
    overflow: hidden;
}
.page-top-banner .des{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    padding: 0 10px;
}
.breadcrumb-nav{
    width: 100%;
    background: #e5edf6;
    padding: 25px 10px;
}
.breadcrumb{
    background-color: #e5edf6;
}
.breadcrumb-nav .breadcrumb{
   margin-bottom: 0;
   padding: 0;
}
.breadcrumb-nav .breadcrumb li {
    cursor: pointer;
}
.breadcrumb-nav .breadcrumb li a{
    color: #b4b4b4;
}
.breadcrumb-nav .breadcrumb .active a{
    color: #888888;
}
.product-center-title{
   text-align: center;
}
.product-center-title .name{
    color: #f6f6f6;
    text-transform: uppercase;
    font-family: fantasy;
}
.product-center-title .des{
    font-size: 12px;
    color: #989898;
    text-transform: uppercase;
    padding: 0 10px;
}
.product-center-tab .list-inline{
    margin: 0 auto;
    padding: 0;
    display: table;
    text-align: center;
}
.product-center-tab ul li{
    padding: 0 15px;
    display: table;
}
.product-center-tab ul li:hover a{
    color: #fff;
    background: #006dbc;;
    opacity: 0.6;
}
.product-center-tab ul .active a,.product-center-tab ul .active:hover a{
    color: #fff;
    background: #006dbc;;
    opacity: 1;
}
.product-center-tab ul li a{
    display: block;
    width: 100%;
    background: #f4f5f8;
    text-align: center;
    margin-top: 10px;
    color: #444;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden;
    font-weight: bold;
    border-radius: 4px;
}

.product-center-content{
    overflow: hidden;
}
.product-center-content .item-block{
    text-decoration: none;
    overflow: hidden;
    display: inline-block;
    border: solid 1px #eee;
    padding: 10px 0;
	width: 100%;
}
.product-center-content .item-block:hover{
    background: #f4f5f8;
    transition-delay:0s;
    transition-duration:0.2s;
    transition-property:all;
    transition-timing-function:linear;
}
.product-center-content .item{
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}
.product-center-content .item img{
    height: auto;
    max-width: 100%;
}
.product-center-content .item .name{
    font-weight: bold;
    color: #595959;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.product-center-content .item a:hover .name{
    color: #006dbc;;
}
.product-center-content .item p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.product-center-content .item .btn-detail .btn{
    display: inline-block;
    border-radius: 3px;
    padding: 8px 15px;
    color: #fff;
    background: #006dbc;;
}
.product-center-content .item .btn-detail .btn-red{
    display: inline-block;
    border-radius: 3px;
    padding: 8px 15px;
    color: #fff;
    background: #006dbc;;
}
.page-list{
    text-align: center;
}
.page-list .pages{
    display: table;
    margin: 0 auto;
}
.page-list .pages ul li{
    float: left;
    list-style-type: none;
    padding: 5px 15px;
    line-height: 30px;
    margin: 5px;
}
.page-list .pages ul li:not(.active) {
    background-color: #fff;
    color: #595959;
    border: 1px solid #eee;
}
.page-list .pages .active {
    background: #595959;
    color: #fff;
    border: solid 1px #595959;
}
.pro-del{
    overflow: hidden;
    border: solid 1px #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #666;
}
.pro-del .pro-del-img img{
    width: 100%;
    height: 100%;
    cursor: pointer;
    border: 1px solid #ddd;
}
.pro-del .name{
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
}
.pro-del .guige{
    overflow: hidden;
    padding-top: 8px;
    border-bottom: dashed 1px #ccc;
    padding-bottom: 8px;
}
.pro-del .des{
    margin-top: 15px;
    background: #F5F5F5;
    border-radius: 0.1875rem;
    padding: 15px;
    line-height: 1.8rem;
}
.pro-del .kefu .btn{ 
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #006dbc;;
    border-radius: 3px;
    padding: 8px 12px;
}
.pro-del .kefu a{ 
    display: block;
}
.pro-del .kefu .phone-number:hover{ 
    display: block;
    color: #006dbc;;
}
.pro-del-content .name{
    border-bottom: 1px #eee solid;
}
.pro-del-content .name span{
    display: inline-block;
    text-align: center;
    color: #fff;
    background: #006dbc;;
    border-radius: 3px;
    padding: 8px 12px;
}
.pro-del-hot .title{
    background-color: rgb(236, 236, 236);
    color: #595959;
    text-align: center;
}
.pro-del-hot img{
    height: auto;
    width: 100%;
}
.pro-del-hot ul li{
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
}
.pro-del-hot ul li:hover p{
    color: #006dbc;;
}
.pro-del-hot ul li a{
    border: solid 1px #eee;
    display: block;
}
.pro-del-hot ul li p{
    padding: 0 5px;
}
.block-news{
   display: flex;
   border-bottom: 1px solid #f4f5f8;
}
.block-news .news-nub p{
    background-color: #F5F5F5;
    width: 60px;
    font-size: 24px;
    font-weight: bolder;
    line-height: 60px;
    color: #595959;
    text-align: center;
    transition: 0.4s;
}
.block-news .news-img{
    width: 250px;
    border: 1px solid #eee;
}
.block-news:hover .news-nub p{
    background-color: #006dbc;;
    color: #ffffff;
}
.block-news:hover{
    background: #f4f5f8;
}

.block-news .news-img img {
    height: auto;
    max-width: 100%;
}
.block-news .news_tit .title{
    color: #444;
}
.block-news .news_tit .des{
    color: #888;
    line-height: 30px;
}
.news-detail .news-title{
    font-weight: 500;
    line-height: 1.1;
    color: #666666;
}
.news-detail .news-des{
    background-color: #f4f5f8;
    line-height: 28px;
    padding: 15px 15px;
    color: #8f9092;
}
.news-detail .news-time{
    border-bottom: 1px #eee dashed;
    padding: 10px;
    overflow: hidden;
    color: #999;
}
.news-detail .news-time li{
    display: inline-block;
}
.news-img-list p{
    text-align: center;
}
.news-img-list .item-img{
    border: solid 1px #eee;
    padding: 10px;
}
.news-img-list .item-img img{
    /* cursor: zoom-in; */
    display: block;
    max-width: 100%;
    height: auto;
}
.about-map .company-name{
    color: #333;
    align-items: center;
}
.about-map .company-name::before{
    color: #333;
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 1px;
    background: #006dbc;;
    margin-right: 10px;
}
.about-map .company-global{
    line-height: 24px;
    color: #888;
    border-bottom: 1px dashed #ccc;
}
.about-map .connect-info li,.about-map .company-adress li{
    margin-bottom: 10px;
}
.about-map .company-adress{
    border-top: 1px dashed #ccc;
}
.map-content{
    width:100%;
    height:550px;
    border:#ccc solid 1px;
}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.contact-form .form-group {
    margin-bottom: 1rem;
}
.contact-form .form-group label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px;
}
.contact-form .form-group .form-control {
    display: block;
    width: 100%;
    height: 60px;
    outline: 0;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0 12px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.contact-form .form-group textarea.form-control {
    height: auto;
    padding: 8px 12px;
    line-height: 1.5rem;
}
.contact-form  .default-btn {
    display: inline-block;
    padding: 15px 25px;
    background-color: #006dbc;;
    color: #ffffff;
    font-weight: 500;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
    pointer-events: all;
    cursor: pointer;
}
.contact-form .form-group .help-block.with-errors ul {
    color: red;
    margin-bottom: 0;
    margin-top: 10px;
}
.contact-form #msgSubmit.text-danger{
    color: red;
}
.contact-form #msgSubmit.text-success {
    color: green;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}