@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:38px;font-weight:bold;margin-right:15px;}

.logo .logo-span-2{    color: #777;

    display: inline-block;

    line-height: 24px;

    font-size: 17px;

    position: relative;

    top: 6px;}

.logo dd{color:#1d66cf;}

.logo-tel-1{text-align:left;margin-right: 22px;}

.logo-tel-2{text-align:left;font-size:22px;}

.logo-tel{background: url(../Image/tel.png) no-repeat left center;position: absolute;right: 0;top: 25px;

    padding-left: 45px;}

.navigation{background-color:#1d66cf;}

.navbar-default{background-color:#1d66cf;}

.navbar-default .navbar-nav > li > a {color: #fff;font-size:16px;padding:0;padding:0 24px;border-right:1px solid #fff;}

.navbar{border:0px;margin-bottom:0;min-height:0px;}

.container-fluid{margin:15px 0;}

.navbar-default .navbar-nav > li:last-child > a{border-right:none;}

.navbar-default .navbar-nav > li > a:hover{color:red;}

.navbar-default .navbar-nav > .activ > a{color:red;}

.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:-webkit-gradient(linear, 0 100%, 100% 100%, from(#2887f2), to(#1563ba));}

.index-product .index-title{color:#fff;}

.index-product hr{border-top: 2px solid #fff;}
@media(min-width:992px) {
.index-product .product-img {height:321px;}
}
@media(min-width:1200px) {
.index-product .product-img {height:398px;}
}


.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;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-img a{color:#333;display:inline-block;width:100%;position:relative;}


.product-img div{background-color:rgba(233,233,233,0.5);width:100%;text-align:center;line-height:24px; margin-bottom: 20px;}

.about{background-color:#1d66cf;text-align:center;}

.about dd{color:#fff;font-size:14px;padding:30px 15px;margin-bottom:2%;text-align:justify;}

.about img{margin-top:20%;}

.about-us{margin:20px 0;}

.about-four {padding-left:10%;padding-right:10%;}

.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;}

.news-title dd{color:#9f9f9f;margin-bottom:40px;}

.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: 20.5rem;

    overflow: hidden;

    text-align: center;

}

.li-img img {

    transition: all 0.3s;

    width: 100%;

    min-height: 20.2rem;

}

.li-title {

    width: 100%;

    height: 6rem;

    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:#fff;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(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: 181px;}

    .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: 13rem;

    }

    .li-img {

        height: 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;

}