/*公用样式*/
@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{
    margin:0;padding:0;}
body{font-size:16px;
    font-family: Verdana;
    /*行高*/
    line-height: 30px;
    color:#343434;
    overflow-x:hidden;
}
img{border:none;}
li{list-style:none;}
button{outline:none;}
input,select,textarea{outline:none;border: none;background: none;}
textarea{resize:none;}
a{text-decoration:none;color: #665565;}
.fl{float:left;}
.fr{float:right;}
.clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    zoom: 1;
}
.dzBox{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*index*/

/*header*/
.navbar{
    border:none;
    border-radius:0;
    margin-bottom:0;
    background-color: #000;
}

.container-fluid{
    padding:0;
    width:100%;
    max-width:1870px;
}
.navbar-default .collapse>ul>li>a{
    color:#fff;
    text-decoration: none;
}
.navbar-default .collapse>ul>.active>a{
    color:rgb(13,177,218);
    background:none;
}
.navbar-default .collapse>ul>.active>a:hover{
    background-color:#000;
    color:rgb(13,177,218);
}
.navbar-default .collapse>ul>li:hover a{
    color:rgb(13,177,218);
}
.navbar-brand{
    padding:0;
    display:block;
    line-height:88px;
    height:88px;
    margin-left:10px!important;
}
.navbar-brand>img{
    display: inline-block;
    line-height:88px;
}
.collapse{
    margin-left:150px!important;
}
.collapse>ul>li{
    float: left;
}
.collapse>ul>li>a{
    line-height:88px;
    padding:0 12.5px;
}
.nav>li>a:hover,.nav>li>a:focus{
    background-color:#000;
    color:rgb(13,177,218);
}
.search-li{
    display:none!important;
}
.longuage{
    padding-left:50px;
    line-height:88px;
    background:url("../images/language.png") no-repeat left center;
}
.longuage>a{
    color:#fff;
    margin-right:10px;
    text-decoration: none;
}
.longuage2{
    padding-left:50px;
    line-height:88px;
    background:url("../images/language.png") no-repeat left center;
}
.longuage2>a{
    color:#fff;
    margin-right:10px;
    text-decoration: none;
}
.search{
    width:65px;
    height:88px;
    line-height:88px;
    background:rgb(13,177,218);
    position: relative;
}
.search-icon{
    width:65px;
    height:88px;
    border:none;
    cursor: pointer;
    position: absolute;
    left:0;
    top:0;
}
.text01{
    height:50px;
    line-height:50px;
    position: absolute;
    top: 88px;
    width:200px;
    right:0;
    border-radius:5px;
    border:1px solid rgb(13,177,218);
    background:#fff;
    display:none;
    z-index: 66;
    text-indent:10px;
    left: auto;
}
.anniu{
    width:65px;
    border:none;
    background:url("../images/search.png") no-repeat center rgb(13,177,218);
}
/*banner*/
.carousel-indicators li{
    background-color:rgb(199,201,201);
    width:12px;
    height:12px;
    border:none;
    margin:0 5px;
}
.carousel-indicators .active{
    background-color:rgb(12,177,218);
    margin:0 5px;
}
/*title*/
.title{
    width:100%;
    background:rgb(13,177,218);
    height:78px;
    position: relative;
    margin:0 auto;
    text-align:center;
    z-index:1;
}
.owl-carousel .owl-wrapper-outer {
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
    overflow:visible;
}
.title>.customNavigation>a{
    width:85px;
    height:78px;
    line-height:78px;
    text-align:center;
    font-size:36px;
    color:#fff;
    padding:0;
    border:none;
    position: absolute;
    box-shadow: none;
    z-index:3;
}
.title>.customNavigation>.prev{
    left:0;
    background:url(../images/prev.png) no-repeat center center rgb(13,177,218);
}
.title>.customNavigation>.next{
    right:0;
    background:url(../images/next.png) no-repeat center center rgb(13,177,218);
}
.title>.owl-carousel{
    padding-left:85px;
    padding-right:85px;
}
.title .owl-carousel .item{
    display:table;
    font-size:14px;
    width:180px;
    /*height:39px;*/
    height:78px;
    /*overflow: hidden;*/
    /*line-height:39px;*/
    /*text-align: center;*/
    /*margin:19.5px 0;*/
}
.title .owl-carousel .item>a{
    display:table-cell;
    color:#fff;
    cursor: pointer;
    vertical-align: middle;
    width:100%;
    text-align: center;
}
.title .owl-carousel .active{
    background-color:#fff;
}
.title .owl-carousel .active a{
    color:rgb(13,177,218);
    text-decoration: none;
}
.owl-controls{
    display:none!important;
}

.index-product{
    width:100%;
    max-width:1870px;
    position: relative;
    margin:0 auto;
    z-index:0;
}
.index-product h3{
    font-size:26px;
    text-align:center;
    margin:75px 0 35px;
}
.index-product .item{
    text-align:center;
}
.index-product .item a{
    display:block;
    text-decoration: none;
}
.index-product .item a p:first-child{
    margin-top:25px;
    margin-bottom:10px;
    width:100%;
    height:30px;
    overflow: hidden;
}
.index-product .item a .product-type{
    font-size:14px;
    width:100%;
    overflow:hidden;
}
.index-product .item>a:hover{
    color:rgb(13,177,218);
}
.index-product .item>a>.item-box{
    border:1px solid #fff;
}
.index-product .item>a:hover .item-box{
    border:1px solid #ccc;
}
.index-product .item>a>.item-box>img{
    display:block;
    max-height:90%;
    max-width:90%;
    margin:5% auto;
}
.index-product .customNavigation a{
    position: absolute;
    width:40px;
    height:72px;
    background-color:rgb(186,186,186);
    z-index:3;
}
.index-product .customNavigation .productPrev{
    background:url(../images/prev.png) no-repeat center center rgb(186,186,186);
    left:0;
    top:50%;
    margin-top:-36px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.btn{
    border-radius:0;
}
.index-product .customNavigation .productNext{
    background:url(../images/next.png) no-repeat center center rgb(186,186,186);
    right:0;
    top:50%;
    margin-top:-36px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.index-product .customNavigation a:hover{
    background-color: rgb(13,177,218);
}

/*factory*/
.factory{
    width:100%;
    max-width:1870px;
    margin:0 auto;
    text-align: center;
}
.factory h3{
    font-size:26px;
    margin:80px 0 50px;
    text-align:center;
}
.factory .item>a{
    display:block;
    border:1px solid #ccc;
    margin:2.5%;
}
.factory .item>a>img {
    display: block;
    max-height: 90%;
    max-width: 90%;
    margin: 5% auto;
}
.factory .factory-btn{
    display:inline-block;
    width:274px;
    height:55px;
    border-radius:8px;
    color:#fff;
    background-color: rgb(13,177,218);
    cursor:pointer;
    margin:50px auto 80px;
    text-decoration: none;
    line-height:55px;
}
/*footer*/
.index-contact-bg{
    width:100%;
    background:url(../images/footer.jpg) no-repeat center center;
}
.index-contact{
    width:100%;
    max-width:1870px;
    margin:0 auto;
    height:350px;
}
.index-contact h3{
    font-size:26px;
    padding:60px 0 50px;
    text-align:center;
}
.index-contact a{
    text-decoration: none;
}
.index-contact ul{
    width:100%;
    height:45%;
}
.index-contact ul li{
    float:left;
    width:22%;
    height:100%;
    margin:0 1.5%;
    background:#fff;
    opacity:0.5;
    overflow:hidden;
    min-height:155px;
    text-align: center;
    position: relative;
    transition: all 0.8s ease;
}
.index-contact ul li:hover{
    color:rgb(13,177,218);
}
.footerLine{
    width:1%;
    height:3px;
    position: absolute;
    bottom:0;
    background-color: rgb(13,177,218);
    margin:0 auto;
    opacity:0;
    transition: all 1.5s ease;
}
.index-contact ul li:hover .footerLine{
    opacity:1;
    width:100%;
}
.index-contact ul li:hover div img:first-child{
    display:none;
}
.index-contact ul li:hover div img:last-child{
    display:block;
}
.index-contact ul li div:first-child{
    width:100%;
    height:50%;
}
.index-contact ul li div img{
    display:block;
    margin:0 auto;
    padding-top:30px;
}
.index-contact ul li div img:first-child{
    display:block;
}
.index-contact ul li div img:last-child{
    display:none;
}
.index-contact ul li p{
    font-size:12px;
    margin-top:10px;
    line-height:18px;
}

.footer-bg{
    width:100%;
    background-color:#000;
}
.footer-cont{
    max-width:1870px;
    height:205px;
    margin:0 auto;
    padding:0 21.34px;
}
.footer-nav ul{
    margin-right:250px;
}
.footer-nav .copyright{
    margin-right:250px;
}
.footer-nav ul li{
    float: left;
    margin:40px 40px 30px 0;
}
.footer-nav ul li .active{
    color:rgb(13,177,218);
}
.footer-nav ul li a{
    color:#fff;
    text-decoration: none;
}
.footer-nav ul li a:hover{
    color:rgb(13,177,218);
}
.share>a{
    display:inline-block;
}
.share img{
    margin:40px 0 20px;
}
.bdshare-button-style0-32 .bds_tsina{
    background-position: 0!important;
}
.bds_tsina{
    width:30px!important;
    height:30px!important;
    background: url(../images/weibi.png) no-repeat center center!important;
}
.bds_qzone{
    width:30px!important;
    height:30px!important;
    background: url(../images/qqstar.png) no-repeat center center!important;
}
.bds_weixin{
    width:30px!important;
    height:30px!important;
    background: url(../images/weixin.png) no-repeat center center!important;
}
.bds_sqq{
    width:30px!important;
    height:30px!important;
    background: url(../images/qq.png) no-repeat center center!important;
}
.copyright{
    color:#fff;
    height:auto;
    width:calc(100% - 145px);
    width:-moz-calc(100% - 145px);
    width:-webkit-calc(100% - 145px);
}
.copyright .firstRow td:last-child{
    width:502px;
    float: left;
}
.copyright .firstRow td:last-child a{
    display:inline-block;
    width:150px;
    height:60px;
}
.copyright .firstRow td:last-child a img{
    width:150px;
    height:60px!important;
}

/*products*/
.ny-banner{
    width:100%;
    height:auto;
    position: relative;
}
.ny-banner img{
    width:100%;
    height:100%;
}

.products{
    width:100%;
    max-width:1870px;
    margin:0 auto;
}
.products h3 {
    margin: 70px 0 45px;
    text-align: center;
}
.products .container {
    width: 100%;
    max-width:1870px;
    text-align: center;
}
.products .container>.row>div{
    margin-bottom:20px;
}
.products .container>.row>div a{
    text-decoration: none;
}
.products .product-box{
    width:100%;
    border:1px solid #fff;
}
.products .product-box img{
    max-width:90%;
    max-height:90%;
    padding:5%;
}
.products .product-name{
    width:100%;
    height:30px;
    overflow: hidden;
    transition:all 1s ease;
}
.products .product-type{
    font-size:14px;
    width:100%;
    overflow:hidden;
    transition:all 1s ease;
}
.products .row>div:hover .product-box{
    border:1px solid #ccc;
}
.products .row>div:hover .product-name,.products .row>div:hover .product-type {
    color: rgb(13, 177, 218);
}
.list-pager {
    margin: 20px 0;
    text-align: center;
}
.pagination>li>a{
    border:none;
    margin:0 5px;
    color:#333;
}
.pagination>li>a:hover,.pagination>li>a:focus{
    background-color: rgb(13,177,218);
    color:#fff;
}
.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>a{
    background-color:rgb(13,177,218);
    color:#fff;
}
.item .dropdown-menu{
    width:100%;
    background-color:rgb(225,225,225);
    color:#333;
    border:none;
    border-radius: 0;
    box-shadow:none;
}
.owl-item .open{
    background-color:#fff;
    color:rgb(13,177,218);
}
.title .owl-carousel .open a {
    color: rgb(13,177,218);
    text-decoration: none;
}
.item .dropdown-menu>li{
    display:table;
    height:40px;
    font-size:14px;
}
.item .dropdown-menu>li>a{
    display:table-cell;
    width:100%;
    text-align: center;
    color:#333!important;
    padding:0 10px 0 10px;
    overflow: hidden;
    font-size: 14px;
    line-height:20px;
    white-space: normal;
}
.item .dropdown-menu>li>a:hover{
    color:rgb(13,177,218)!important;
    background-color:inherit;
}
/*下拉菜单浮动 父元素的父元素没z-index*/
.owl-carousel .owl-wrapper{
    z-index:1;
}
.page-content{
    min-height: 300px;
    margin:50px 0;
}
/*form*/
form{
    margin:0;
    padding:0;
}
.form-group label{
    font-weight:normal;
    text-align:right;
}
form .form-control{
    display:initial;
    width:auto;
}
form textarea{
    width:80%;
    border:1px solid #ddd;
}
form .send-btn{
    margin-top:30px;
    text-align: center;
}
form .send{
    background:rgb(13,177,218);
    color:#fff;
    padding:5px 20px;
    margin-right:20px;
}
form .reset{
    background:#ccc;
    color:#fff;
    padding:5px 20px;
}

/*product shezhi*/
@media screen and (min-width:1500px){
    .col-1400-2{
        width:20%;
    }
}
@media screen and (max-width:1300px){
    .collapse{
        margin-left:50px!important;
        height:88px;
    }
    .collapse>ul>li>a{
        line-height:88px;
        padding:0 8px;
    }
    .longuage{
        padding-left:40px;
        background:url("../images/language.png") no-repeat left center;
    }
    .longuage>a{
        color:#fff;
        margin-right:5px;
        text-decoration: none;
    }
    .footer-nav ul li{
        margin:40px 30px 30px 0;
    }
    .footer-nav ul{
        margin-right:0;
    }
    .footer-nav .copyright{
        margin-right:0;
    }
}
@media screen and (max-width:1100px){
    .collapse{
        margin-left:0!important;
        height:88px;
    }
    .navbar-collapse>ul>li>a{
        line-height:88px;
        padding:0 4px;
    }
    .longuage{
        padding-left:40px;
        background:url("../images/language.png") no-repeat left center;
    }
    .longuage>a{
        color:#fff;
        margin-right:5px;
        text-decoration: none;
    }
    .index-contact ul li p{
        margin-top:0;
    }
    .ny-banner{
        height:226px;
    }
    .ny-banner img{
        display:block;
        width:1100px;
        height:226px;
        position: absolute;
        left:50%;
        margin-left:-550px;
        vertical-align: middle;
    }
}
@media screen and (min-width:990px) {
    .longuage2{
        display:none;
    }
    .navbar-collapse.collapse{
        border-top:0;
        display: block!important;
    }
}
.collapse.in {
    display: block!important;
}
@media screen and (max-width:989px){
    .navbar-collapse a{padding:0;color: #fff;}
    .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-nav > li > a {
        line-height: 35px;
        margin:0;
    }
    .container-fluid>.navbar-header{
        width:100%;
        margin:0;
        background:#000;
    }
    .navbar-header .navbar-toggle{
        display:block;
        margin:27px 22px 27px 22px;
    }
    .navbar-collapse{
        height:auto;
    }
    /*改动bootstrap源码*/
    /*@media (min-width: 768px)*/
    /*bootstrap.css:4201*/
    /*.navbar-collapse.collapse {*/
    /*display: block !important;*/
    /*height: auto !important;*/
    /*padding-bottom: 0;*/
    /*overflow: visible !important;*/
    /*}*/
    .navbar-collapse{
        border-top:1px solid #ccc;
        width:100%;
        overflow: visible;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
    .navbar-collapse ul li a{
        line-height:35px!important;
    }
    .navbar-nav{
        height:auto;
        margin:0;
        width:100%;
    }
    .navbar-nav>li{
        width:100%;
        height:35px;
        line-height:35px!important;
        margin:0;
        padding:0;
    }
    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 0;
    }
    .navbar-nav>li:first-child{
        margin-top:20px;
    }
    .navbar-nav>li:last-child{
        margin-bottom:20px;
    }
    .navbar-collapse>ul>li>a{
        height:35px;
        line-height:35px;
    }
    .navbar-collapse>ul>.active,.navbar-collapse>ul>li:focus,.navbar-collapse>ul>li:hover,.navbar-collapse>ul>.active:hover{
        background:rgb(13,177,218);
    }
    .navbar-default .navbar-collapse>ul>.active>a,.navbar-default .navbar-collapse>ul>li>a:focus,.navbar-default .navbar-collapse>ul>li>a:hover{
        color:#fff;
    }
    .longuage{
        display:none;
    }
    .longuage2{
        display:block;
    }
    .search{
        display:none;
    }
    .search-box{
        display:none;
    }
    .search-li{
        display:block!important;
        width:100%;
    }
    .anniu2{
        background: url("../images/search.png") no-repeat center rgb(13,177,218);
        width:35px;
        height:35px;
        border:none;
        text-align: center;
        margin-left:-8px;
        vertical-align: middle;
        text-indent: 10px;
        background-size:25px;
    }
    .text02{
        width:90%;
        width:calc(100% - 35px);
        width:-moz-calc(100% - 35px);
        width:-webkit-calc(100% - 35px);
        border:1px solid rgb(13,177,218);
        height:35px;
        line-height:33px;
        vertical-align: middle;
        text-indent: 10px;
        background:#fff;
    }

    .index-contact{
        height:460px;
    }
    .index-contact h3{
        padding:30px 0 25px;
    }
    .index-contact ul{
        width:100%;
        height:45%;
    }
    .index-contact ul li{
        float:left;
        width:45%;
        height:25%;
        margin:20px 2.5% 0;
        background:#fff;
        opacity:0.5;
        overflow:hidden;
        min-height:155px;
        text-align: center;
        position: relative;
        transition: all 0.8s ease;
    }

    .footer-cont{
        height:220px;
        padding:0 10px;
    }
    .footer-nav ul li{
        margin:30px 6px 25px 0;
    }
    .share img{
        margin:20px 0 10px;
    }
    .copyright{
        width:606.5px;
        position:relative;
    }
    .copyright .firstRow td:last-child{
        position:absolute;
        top:60px;
        left:0;
        text-align: left;
    }

}
@media screen and (max-width:768px){
    .title{
        height:50px;
    }
    .title .owl-carousel .item{
        display:table;
        height:50px;
        line-height:25px;
    }
    .title>.customNavigation>a{
        height:50px;
        line-height:50px;
    }
    .index-product h3{
        margin:30px 0 20px;
    }
    .factory h3{
        margin:30px 0 20px;
    }
    .factory .factory-btn{
        margin:25px 0 30px;
    }
    .index-contact-bg{
        background-size:auto 100%;
    }
    .index-contact{
        height:520px;
    }
    .index-contact h3{
        padding:8px 0 5px;
    }
    .index-contact ul{
        width:100%;
        height:45%;
    }
    .index-contact ul li{
        float:left;
        width:90%;
        height:20%;
        margin:2% 5% 0;
        background:#fff;
        opacity:0.5;
        overflow:hidden;
        min-height:100px;
        text-align: center;
        position: relative;
        transition: all 0.8s ease;
    }
    .index-contact ul li div img{
        padding-top:5px;
    }
    .footer-cont{
        width:100%;
        height:455px;
    }
    .footer-nav{
        width:100%;
    }
    .footer-nav ul li{
        float: none;
        width:100%;
        border-bottom:1px dashed #aaa;
        margin:0;
        height:40px;
        line-height:40px;
    }
    .footer-nav ul li a{
        margin-left:27.5px;
    }
    .share img{
        margin:20px 5px 10px;
    }
    .copyright{
        width:50%;
        width:calc(100% - 145px);
        width:-webkit-calc(100% - 145px);
        line-height:24px;
        font-size: 14px;
    }
    /*product*/
    .pagination>li>a{
        margin:0;
    }
}
@media screen and (max-width:670px){
    .footer-cont{
        height:600px;
    }
    .copyright .firstRow td:last-child a{
        display:block;
        margin-top:15px;
        margin-left:0;
    }
}
@media screen and (max-width:390px){
    .longuage2{
        display:none;
    }
    .title{
        height:50px;
    }
    .title .owl-carousel .item{
        height:30px;
        line-height:30px;
    }
    .title>.customNavigation>a{
        height:50px;
        line-height:50px;
    }
    .index-product h3{
        margin:25px 0 15px;
    }
    .factory h3{
        margin:25px 0 20px;
    }
    .factory .factory-btn{
        margin:20px 0 25px;
    }
    .index-contact{
        height:460px;
    }
    .index-contact h3{
        padding:8px 0 5px;
    }
    .index-contact ul{
        width:100%;
        height:45%;
    }
    .index-contact ul li{
        float:left;
        width:90%;
        height:20%;
        margin:4px 5% 0;
        background:#fff;
        opacity:0.5;
        overflow:hidden;
        min-height:100px;
        text-align: center;
        position: relative;
        transition: all 0.8s ease;
    }
    .index-contact ul li div img{
        padding-top:5px;
    }
    .footer-nav ul li a{
        margin-left:15.5px;
    }
    .copyright{
        width:50%;
        width:calc(100% - 145px);
        line-height:24px;
        font-size: 14px;
    }
    .copyright .firstRow td:last-child{
        position:absolute;
        top:110px;
        left:0;
    }
    .footer-cont{
        height:650px;
    }
    .col-390-12{
        width:100%;
    }
}