@charset "utf-8";
body{overflow-x:hidden;margin:0;padding:0;line-height:2.2rem;font-family:"微软雅黑";-webkit-text-size-adjust:none;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:1.2rem;line-height:1.6rem;}img{border:0;}ul,li{list-style-type:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.cl{clear: both;}
.fs-36{font-size:3.6rem;}
.fs-18{font-size:1.8rem;}
.fs-14{font-size:1.4rem;}
.fs-24{font-size:2.4rem;}
.l-0{padding-left: 0;}
.r-0{padding-right:0;}
.rl-0{padding-left: 0; padding-right: 0;}
.lt-15{margin-top: 1.5rem;}
.lt-30{margin-top: 3rem;}
.top{line-height:40px;color:#707070;}
.top .topright{text-align:right;}
.top .topright a{text-decoration:none;color:#707070;margin-left:10px;}
.logo{border-top:1px solid #e2e2e2;line-height:90px;}
.logo .col-md-12{position: relative;}
.logo .logo-span-1{font-size:35px;font-weight:bold;margin-right:15px;}
.logo .logo-span-2{    color: #777;
    display: inline-block;
    line-height: 24px;
    font-size: 16px;
    position: relative;
    top: 6px;}
.logo dd{color:#1d66cf;}
.logo-tel-1{text-align:left;margin-right: 22px;}
.logo-tel-2{/*color:#ef2525!important;*/font-weight:bold;text-align:left;font-size:22px;}
.logo-tel{position: absolute;right: 0;top: 25px;padding-left: 45px;}
    @media(min-width:768px) {
        .logo-tel{background: url(../Image/tel.png) no-repeat left center;position: absolute;right: 0;top: 25px;padding-left: 45px;}
    }
.navigation{background-color:#1563ba;}
.navbar-default{background-color:#1563ba;}
.navbar-default .navbar-nav > li{position:relative;}
.navbar-default .navbar-nav > li > a {color: #fff;font-size:16px;padding:0;padding:15px 26px;margin:0 12px;/*border-right:1px solid #fff;*/}
.navbar-default .navbar-nav > li > .i {position:absolute;right:0;top:50%;transform:translateY(-50%);height:20px;border-right: 1px solid #fff;}
.navbar{border:0px;margin-bottom:0;min-height:0px;}
.container-fluid{margin:0 0;}
.navbar-default .navbar-nav > li:last-child > a{border-right:none;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;background:#8ec63f;}
.navbar-default .navbar-nav > .activ > a{background:#8ec63f;}
.catalog{line-height:60px;}
.catalog span{font-weight:700;font-size:16px;}
.catalog a{text-decoration:none;color:#333;margin-right:15px;}
.index-title{text-align: center;margin-top:60px;}
.index-title hr{border-top: 2px solid #333;width: 28px;display: inline-block;margin-top:0;margin-bottom:10px;}
.index-title span{font-size:40px;margin: 0 15px;
    font-weight: bold;
    font-family: 'Arial';}
.index-title dd{font-size:26px;font-weight:700;margin-top:5px;}
.index-product{background:#f5f5f5;/*-webkit-gradient(linear, 0 100%, 100% 100%, from(#2887f2), to(#1563ba))*/;}
.index-product .index-title{/*color:#fff;*/}
.index-product hr{border-top: 2px solid #000;}
.page_banner {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    text-align: center;
    overflow: hidden;
}
.page_banner img {
    max-width: 100%;
}
.classification {text-align: center;}
.classification a{color:#fff;background:#046fcd;text-decoration:none;display:inline-block;/*border:1px solid #fff;*/padding:0 20px;margin-right:20px;margin-top:30px;margin-bottom: 30px;}
.classification a:last-child {margin-right:0;}
.product-img img{width:100%;}
.product-img a{color:#333;display:inline-block;width:100%;position:relative;margin-bottom:30px;}
.product-tit{white-space: nowrap;/*position:absolute;background-color:rgba(233,233,233,0.5);bottom:0;width:100%;*/text-align:center;line-height:50px;}
.about{background-color:#1563ba;text-align:center;}
.about dd{color:#fff;font-size:14px;padding:30px 10px;margin-bottom:2%;}
.about img{margin-top:20%;}
.about-us{margin:20px 0;}
.news{background-color:#efefef;margin-top:20px;}
.dynamic{font-size:22px;font-weight:700;line-height:80px;}
.mone{text-align:right;line-height:80px;}
.mone a{color:#333;}
.news img{width:100%;}
.news-title a{color:#333;font-size:18px; font-weight:500;line-height:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display:block;}
.news-title dd{color:#9f9f9f;margin-bottom:40px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-overflow: ellipsis;overflow: hidden;}
.news .col-md-4{padding-right:25px;padding-left:25px;}
.foote{color:#fff;background-color:#16181a;}
.foote h4{line-height:100px;}
.foote dd{color:#848484;margin:5px 0;}
.foote .dh a{color:#848484;width:48%;display:inline-block;}
.Mobile{text-align:center;color:#848484;margin-top:40px;}
.bottom{color:#848484;line-height:50px;}
.bottom a{color:#848484;}
.Mobile p{margin-top: 10px;}
#page-footer-gt {z-index: 2;width: 100%;height: 5rem;box-sizing: border-box;padding: 0.5rem 0;color: #333333;position: fixed;bottom: 0;left: 0;background:#1766bf;display: block;}
#page-footer-gt ul{width: 100%;height: 100%;overflow: hidden;}
#page-footer-gt ul li {width: 25%;text-align: center;float: left;color: #fff;transition: all 0.3s;box-sizing: border-box;}
#page-footer-gt ul li a {color: #fff;font-size: 1.2rem;width: 100%;height: 4rem;}
#page-footer-gt ul li i {display: block;margin: 0 auto;
    font-size: 24px;}
#page-footer-gt.five ul li {width: 20% !important;}
#page-footer-gt.five ul li.back {padding: 0.5rem 0;cursor: pointer;}
#page-footer-gt.five ul li.back i{font-size: 2.6rem;line-height: 3rem;}
.page {width: 100%;padding-bottom:5rem;}
.location {line-height: 3rem;font-size: 1.4rem;padding-left: 1.5rem;}
.location i {margin-right: 1rem;color: #d80303;font-size: 1.6rem;}
.title_box {text-align: center;margin-top: 3rem;}
.title_box big {font-size: 3rem;font-weight: bold;}
.title_box big span {color: #1766bf;}
.title_box p {margin-top: 2rem;display: block;color: #999999;font-size: 1.4rem;padding-bottom: 2rem;
    position: relative;}
.title_box p i {width: 5.7rem;height: 0.2rem; background: #1766bf;
    position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.product {padding-top: 1rem;}
.znews {
    width: 100%;
    transition: all 0.3s;
    height: 17rem;
    background: #EFEFEF;
    display: block;
    padding-top: 3rem;
    overflow: hidden;
}
.znews-img img {
    /*height: 11rem;*/
}
.znews-title h3 {
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2rem;
    width: 100%;
    color: #000;
}
.znews-title .p1 {
    overflow: hidden;
    margin: 0.5rem 0;
    height: 5rem;
    font-size: 1.6rem;
    line-height: 2.5rem;
    color: #666;
}
.znews-title .p2 span {
    color: #333;
}
.znews-title .p2 span:not(:first-child) {
    margin-left: 1rem;
}
.znews-title .p2 span:not(:first-child) {
    margin-left: 1rem;
}
.page-fy {
    width: 100%;
    text-align: center;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.znews:hover {
    background: #eee;
    box-shadow: 0 0.5rem 0.5rem #ccc;
    transform: translateY(-0.5rem);
}
.znews:hover .znews-title .p2 span, .znews:hover .znews-title .p2 a {
    color: #1766bf;
}
.pro-n {
    padding: 1rem;
    margin-top: 2rem;
    width: 100%;
}
.title {
    font-size: 2.4rem;
    color: #000;
    text-align: center;
    line-height: 3rem;
    margin-bottom: 3rem;
}
.pro-n-img {
    margin-bottom: 3rem;
    text-align: center;
    width: 100%;
}
.fany {
    font-size: 1.6rem;
    display: block;
    border: 0.1rem dotted #ccc;
    color: #000;
    line-height: 2.4rem;
    border-radius: 0.3rem;
    padding: 1.5rem;
}
.fany:hover {
    background-color: #1766bf;
    color: #ffffff;
}
.fany a {
    color: #1766bf;
}
.fany:hover a {
    color: #ffffff;
}
.pro-n-n img {
    max-width: 100% !important;
}
.lt-30 {
    margin-top: 3rem;
}
.li-img {
    width: 100%;
    height: 27.5rem;
    overflow: hidden;
    text-align: center;
border: 2px solid #1766bf;
    border-bottom: 0px;
}
.li-img img {
    transition: all 0.3s;
    width: 100%;
    min-height: 20.2rem;
}
.li-title {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    color: #ffffff;
    background-color: #1766bf;
    text-align: center;
}
.li-img:hover img {
    transform: scale(1.1);
}
.newsinfo {
    width: 100%;
    margin-top: 3rem;
    padding: 15px;
}
.order{margin-top:30px;}
.catalog a:hover{/*color:#1766bf;*/}
.classification a:hover{background:#8ec63f;/*color:#1766bf;*/}
.deomm{display: inline-block;overflow: hidden;}
.deomm img{transition: 0.5s all;}
.deomm:hover img{transform: scale(1.2);}
.dh a:hover{color:#1766bf;}
.bottom a:hover{color:#1766bf;}
.news-title a:hover{color:#1766bf;}
@media (min-width:992px){
    .col-20 {width:20%;}
}
@media(max-width:768px){
    .logo-span-2{display: none!important;}
    .logo-tel{padding-right: 15px;top:5px;}
    .logo .logo-span-1{font-size: 25px;}
    .logo {line-height: 60px;}
    .container-fluid{margin:0;}
    .carousel-indicators{bottom: 0px;}
    .navbar-default .navbar-nav > li > a{margin-bottom:10px;}
    .index-title span {font-size: 25px;margin: 0 15px;}
    .index-title dd {font-size: 18px;}
    .classification{text-align: center;margin:10px 0;}
    .classification a{padding: 0 5px; margin-right: 5px;margin-top:0px;margin-bottom: 10px;}
    .product-img div{line-height: 25px;}
    .about dd{font-size:14px;padding:10px;}
    .about img {margin-top: 10%;}
    .about{margin-bottom:15px;min-height: 151px;}
    .about-four {padding:0;}
    .news-title dd{margin-bottom:10px;}
    .foote{padding-bottom:80px;padding-top:10px;}
    .bottom {line-height: 25px;}
    .znews {
        height: unset;/*28.5rem;*/
        padding-bottom:30px;
    }
    .znews-img {display:none;}
    .next {
        margin-top: 2rem;
    }
    .page {padding:2rem 0 4rem 0;}
    .page table {max-width:100%!important;}
    .page img {max-width:100%!important;}
    .li-img img {
        min-height: unset/*13rem*/;
    }
    .li-img {
        height: unset/*13rem*/;
    }
    .floating_ck {display:none;}
}
.go_order {
    padding: 8px 25px;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    background: #ff5e25;
    border: none;
    margin: 20px auto;
    outline: none;
}
.video {width:800px;max-width:100%;height:300px;margin:0 auto;}
.video .jw-controlbar {width:100%;}
@media(min-width:1200px) {
  	.video {height:450px;}
}
/*手机端简化分页按钮*/
@media(max-width:767px) {
    .de-page-mian .page-inner a {margin-right:0!important;}
    .de-page-mian span,.de-page-mian input,.de-page-mian .page-btn,.de-page-mian .prev,.de-page-mian   .next {display:none!important;}
    }