.warp{
    width: 75%;
    margin: auto;
}
.page-thumb{
    margin-top: 85px;
}
.page-thumb img{
    width: 100%;
}
.header{
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
}
.header-contain{
    width: 20%;
}
.header .container{
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
}
.logo{
    /*width: 25%;*/
}
.logo img{
    position: absolute;
    top: 0;
}
.nav .menu{
   background: #fff;
}
.nav .menu ul{
    display: flex;
    justify-content: space-between;
}
.menu ul li{
    position: relative;
    padding: 0 10px;
    height: 85px;
    text-align: center;
}
/*.menu ul li:first-child:before{*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    background: #929292;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
/*.menu ul li:after{*/
/*    position: absolute;*/
/*    content: '';*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    background: #929292;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/
/*.menu ul li:hover,.menu ul li.active{*/
/*    color: #008fd7;*/
/*}*/
.menu ul li:hover a.a,.menu ul li.active a.a{
    color: #008fd7;
}
.menu ul li a{
    font-size: 16px;
    color: #383838;
    display: block;
    line-height: 85px;
}
.seclist{
    display: none;
    background: #fff;
    position: absolute;
    width: 160%;
    left: -30%;
    text-align: center;
    z-index: 2;
}
.seclist a{
    text-transform:uppercase;
}
.seclist a:hover{
    color: #fff;
    background: #008fd7;
}
.search-contain{
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.searchTxtbox{
    border: 1px solid #383838;
    padding: 5px;
    width: 60%;
}
.searchBtn{
    color: #fff;
    background: #383838;
    display: block;
    padding: 7px;
    font-size: 14px;
}
.lang{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.lang a{
    color: #383838;
}
.lang a:hover,.lang a.cur{
    color: #008fd7;
}
.lang .line{
    margin: 0 10px;
}
.banner img{width: 100%;}
footer{
    background: #383838;
    color: #fff;
}
footer .site_name{
    margin-top: 0;
}
footer .fcontent{
    display: flex;
    justify-content: space-between;
    padding: 30px;
}
footer .fcontent .right{
    text-align: center;
}
.fcontent .left a{
    color:#008fd7 ;
}
footer .fcopyright{
    background: #636365;
    padding: 10px 0;
    text-align: center;
}
.fcopyright a{
    color: #fff;
}
.index-pro-text2{
    background: #bdd7ee;
    width: 50%;
    color: #008fd7;
}
.index-pro-text3{
    background: #ffd1d1;
    width: 35.6%;
}
.index-pro-text4{
    background: #da99e8;
}
.index-pro-text5{
    background: #ddebf7;
}
.index-pro-text6{
    background: #fce4d6;
}
.index-pro-text7{
    background: #fff2cc;width: 25%;margin-right: 3%;
}

.index-pro-text2 a{
    flex-flow: column;
}
.index-pro-contain  .index-pro-text2 h4{
    color: #008fd7;
    margin-top: 20%;
}
/*首页关于我们*/
.index-about-contain{
    text-align: center;
    margin-top: 5%;
    padding: 5%;
    background-size: 100%;
    background-repeat: no-repeat;
}
.index-about-content{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 20px auto;
}
.index-about-img{
    width: 45%;
}
.index-about-img img{width: 100%;}
.index-about-item{
    width: 45%;
}
.index-about-item .index-about-title{
    color: #008fd7;
    font-size: 22px;
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
}
.index-about-item .index-about-text{
    line-height: 30px;
    letter-spacing: 1px;
    text-align: left;
    color: #000;
}
.index-more{
    display: inline-block;
    padding: 5px 20px;
    background: #008fd7;
    color: #fff;
    margin-top: 50px;
}

/*首页产品*/
.index-pro-contain{
    width: 1200px;
    margin: auto;
    text-align: center;
    padding: 30px 0 50px 0;
}
.index-pro-contain h4{
    color: #fff;
    margin: 0;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index-pro-contain p{
    font-size: 1.2rem;
    letter-spacing: 2px;
    text-indent: 24px;
    text-align: left;
    padding: 20px;
}
.index-pro-text a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.index-pro-text1 a{
    flex-flow: column;
    height: 100%;
}
.index-pro-list{
    display: flex;
    flex-flow: column;
}
.index-pro-list img{
    max-width: 100%;
}
.index-pro-list li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.index-case-title{
    display: inline-block;
    font-size: 22px;
    margin-bottom: 30px;
    padding: 10px 20px;
}
.index-case-title a{
    color: #008fd7;
}
.index-pro-list{
    display: flex;
    justify-content: space-between;

}
.index-pro-box{
    background-repeat: no-repeat;
    background-size: 100%;
}
.index-pro-box-mo{
    display: none;
}
.page-content{
    margin: 100px auto;
    letter-spacing: 1px;
}
.page-content img{
    max-width: 100%;
}
.index-video{
    width: 100%;
}
/*荣誉资质*/
.index-honor-contain{
    text-align: center;
    margin: 50px auto;
}
.honor-list{
    display: flex;
    justify-content: space-around;
}
.honor-list li{
    width: 24%;
}
.honor-list li img{
    width: 100%;
}

/*产品列表*/
.ul-parent{
    display: flex;
    list-style: none;
    width: 75%;
    margin: 20px auto;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.ul-parent li{
    width: 32%;
    margin-right: 1%;
    margin-bottom: 10px;
}
.ul-parent a{
    display: block;
    color: #686868;
    font-size: 16px;
    text-align: center;
    padding: 15px;
    border: 1px solid #686868;
    text-transform: uppercase;
}
.ul-parent li.cur a,.ul-parent li:hover a{
    color: #fff;
    background: #008fd7;
    border: 1px solid #008fd7;
}
.productcate-title{
    padding: 50px 0;
    text-align: center;
}
.productcate-title h2{
    color: #008fd7;
    font-weight: bold;
    letter-spacing: 2px;
    font-size: 24px;
    text-align: center;
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
.productcate-title h2:before{
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    background: #008fd7;
    top: 0;
    bottom: 0;
    left: -100px;
    margin: auto;
}
.productcate-title h2:after{
    content: '';
    position: absolute;
    width: 100px;
    height: 1px;
    background: #008fd7;
    top: 0;
    bottom: 0;
    right: -100px;
    margin: auto;
}

.productcate-title {
    text-align: center;
    font-size: 30px;
}

.productcate-title div {
    background: #ebebeb;
    display: inline-block;
    position: relative;
    z-index: 2;
    padding: 0 20px;
    letter-spacing: 1px;
    color: #000000;
}

.productcate-title hr {
    position: relative;
    top: -31px;
    z-index: 1;
    border: none;
    background: #BFBFBF;
    height: 1px;
    width: auto;

}

.productcate-title hr:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 1px;
    background: #008fd7;
    width: 0%;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}

.productcate-title hr:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    height: 1px;
    background: #008fd7;
    width: 0%;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}

.inner-all:hover .productcate-title hr:before,
.inner-all:hover .productcate-title hr:after {
    width: 50%;
}


.inner-content ul.gallery {
    padding: 0;
    display: flex;
    justify-content: start;
    margin: 50px auto;
}

.inner-content ul.gallery:hover li:not(:hover) {
    /*-webkit-filter: grayscale(.8);*/
}
.inner-content ul.faclist{
    flex-wrap: wrap;
}
.inner-content ul.faclist li{
    width: 23%;
}
.inner-content ul.gallery li {
    cursor: pointer;
    position: relative;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    /*	border: solid 2px transparent;*/
    margin-top: 20px;
    margin-right: 2%;
}

.inner-content ul.gallery li:hover div.img img {
    /*border: solid 6px #A40000;*/
    /*transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);*/
}
.inner-content ul.gallery li:hover .ptitle {
    background: #008fd7;
    color: #FFFFFF;
}
.inner-content ul.gallery li div.img {
    width: 100%;
}

.inner-content ul.gallery li div.img img {
    width: 100%;
    display: block;
    background: #FFFFFF;
}

.inner-content ul.gallery li .ptitle {
    border: solid 0px #9A9A9A;
    text-align: center;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #747576;
    /*background: #008fd7;*/
    padding: 14px 6px 14px;
    letter-spacing: 1px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.inner-content ul.gallery li.mrgNO {
    margin-right: 0;
}

.gallery li .border-left {
    width: 2px;
    height: 0px;
    background: #008fd7;
    position: absolute;
    left: 0;
    bottom: 0;
}

.gallery li .border-bottom {
    width: 0px;
    height: 2px;
    background: #008fd7;
    position: absolute;
    left: 0;
    bottom: 0;
}

.gallery li .border-top {
    width: 0px;
    height: 2px;
    background: #008fd7;
    position: absolute;
    right: 0;
    top: 0;
}

.gallery li .border-right {
    width: 2px;
    height: 0px;
    background: #008fd7;
    position: absolute;
    right: 0;
    top: 0;
}
.map{width: 55%;}

/*首页文章*/
.index-article-contain{
    text-align: center;
    background-size:100%;
    background-repeat: no-repeat;
    padding: 5% 10%;
}
.article-contain{
    margin: 100px auto;
}
.index-article-list{
    display: flex;
    justify-content: space-around;
}
.index-article-list .index-article-item{
    position: relative;
    width: 25%;
}
.index-article-item a{
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.index-article-item .index-article-time{
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    margin-bottom: -20px;
}
.index-article-time .index-create-date{
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0 auto;
    line-height: 40px;
    background: #fff;
    color: #008fd7;
}
.index-article-time .index-create-year{
    font-weight: bold;
    margin: 0 auto;
    line-height: 40px;
    background: #008fd7;
    color: #fff;
}
.index-article-item .index-article-text{
    width: 100%;
    background: #fff;
    padding: 10%;
    padding-top: 23%;
}
.index-article-title{
    font-size: 18px;
    color: #008fd7;
    margin: 0;
}
.index-article-desc{
    margin-top: 10px;
    line-height: 30px;
    color: #383838;
    letter-spacing: 1px;
}

/*文章列表*/
.article-list{
    display: flex;
    flex-flow: column;
}
.article-list .article-item a{
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: #747576;
    border-bottom: 1px solid #383838;
    margin-bottom: 10px;
}
.article-time{
    color: #1e64c8;
}
.pageLocation{
    text-align: right;
    margin: 20px auto;
}
.pageLocation a{
    color: #383838;
}
.news-title{
    color: #008fd7;
}
.news-contain{
    text-align: center;
    margin: 50px auto;
}
.news-content{
    margin: 30px auto;
    letter-spacing: 1px;
}
.inner-next-pre{
    display: flex;
    justify-content: space-between;
    color: #008fd7;
}
.inner-next-pre a{
    color: #383838;
}




/*联系我们*/
.index-contact-contain{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-warp{
    margin-bottom:100px;
    display: flex;
}
.contact-contain{
    margin: 20px auto;
}
.map{

}
.contact-title{
    font-size: 24px;
    color: #fff;
    background: #008fd7;
    display: inline-block;
    padding: 20px;
}

.search-title{
    margin-top: 50px;
    font-size: 18px;
}
.menu-icon{
    display: none;
}
.nav-contain{
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.pc-banner{
    margin-top: 85px;
}
.message-contain ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.message-contain ul li{
    display: flex;
    width: 48%;
    justify-content: center;
    margin-bottom: 10px;
    color: #8c8c8c;
}
.message-contain .left{
    width: 80%;
}
.message-contain .left input,.message-contain .left textarea{
    width: 100%;
    border-bottom: 1px solid #8c8c8c;
}
.submitBtn1{
    background: #fcc02e;
    color: #fff;
    padding:10px 20px ;
}
@media (min-width: 1300px){
    .nav-contain{
        display: flex!important;
    }
    .pc-banner{
        display: block;
    }
    .mo-banner{
        display: none;
    }
}
@media (max-width: 1300px){
    .contact-warp{
        flex-flow: column;
    }
    .message-contain ul li{
        width: 100%;
    }
    .index-contact-contain{
        flex-flow: column;
    }
    .map{
        width:90%;
        margin: auto;
    }
    .index-about-content{
        flex-flow: column;
    }

    .index-article-list .index-article-item{
        width: 48%;
    }
    .index-more{
        width: 100%;
        text-align: center;
    }
    .menu-icon{
        display: block;
    }
    .nav-contain{
        flex-flow: column;
        width: 100%;
        background: #fff;
        display: none;
    }
    .header-contain{
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .header .container{
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .logo{width: 50%}

    .menu-icon img{
        width: 48px;
    }
    .menu ul li{
        height: auto;
        line-height: 40px;
        padding: 0;
    }
    .menu ul li a{
        font-size: 16px;
        position: relative;
    }
    .menu ul li:first-child:before{
        width: 0;
    }
    .menu ul li:after{
        width: 0;
    }
    .seclist {
        width: 100%;
        left: 0;
    }
    .menu .seclist a:after{
        content: '';
        position: absolute;
        width: 85%;
        height: 1px;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        background: #008fd7;
    }
    .nav{
        width: 100%;
    }
    .nav .menu ul{
        flex-flow: column;
    }
    .seclist{
        position: relative;
    }

    .index-about-contain{
        flex-flow: column;
        margin-top: 50px;
        background-size: cover;
    }
    .warp{
        width: 95%;
    }
    .index-about-img,.index-about-item{
        width: 90%;
        margin: auto;
    }
    .index-pro-contain{
        margin: 20px auto;
    }
    .index-about-item .index-about-title{
        font-size: 1.2rem;
        text-align: center;
    }
    .index-pro-list{
        flex-wrap: wrap;
    }
    .inner-content ul.gallery{
        justify-content: start;
        margin: 20px auto;
    }
    .inner-content ul.gallery li{
       margin: 1%;
    }
    footer .fcontent{
        padding: 0;
        flex-flow: column;
    }
    .site_name{
        font-size: 1.5rem;
    }
    .fcontent .right{
        width: 100%;
        display: flex;
        margin-top: 10px;
        align-items: center;
        justify-content: space-around;
    }
    .fcopyright{
        font-size: 14px;
    }

    .search-contain{
        display: flex;
        height: 30px;
        align-items: center;
        justify-content: center;
        margin: 15px auto;
    }
    .page-content{
        margin-top: 20px;
    }
    .productcate-title{
        padding: 20px 0;
    }
    .ul-parent{
        width: 95%;
    }
    .ul-parent li {
        width: 31%;
        margin:1%;
    }
    .ul-parent a{
        padding: 3px;
    }
    .article-contain{
        margin-top: 20px;
    }
    .contact-title{
        padding: 5px;
    }
}
.pics-list{
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 140;
    text-align: center;
}
.pics-list img{
    max-width: 100%;
}
.shadow-contain{
    position: fixed;
    background: rgba(0,0,0,0.8);
    z-index: 130;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}
.pics-close{
    position: absolute;
    right: 10px;
    top: 10px;
}
.pics-close img{
    width: 32px;
}
@media screen and (min-width:768px) and (max-width:1300px){
    .inner-content ul.gallery li{
        /*width: 31%;*/
    }
    .pc-banner{
        display: block;
    }
    .mo-banner{
        display: none;
    }
}
@media (max-width: 768px){
    .index-pro-contain{width: 100%;padding: 0;}
    .index-pro-box-mo{display: block;}
    .index-pro-box{display: none;}

    .page-thumb{
        margin-top: 48px;
    }
    .inner-content ul.gallery{
        flex-wrap: wrap;
    }
    .inner-content ul.gallery li{
        width: 100%;
    }
    .index-pro-list img{
        width: 100%;
    }
    .index-pro-list .index-pro-item{
        margin-right: 2px;
    }
    .index-pro-list li{
        /*flex-flow: column;*/
        margin-bottom: 10px;
    }
    .index-pro-list li .index-pro-text2{
        width: 100%;
    }
    .index-pro-list .index-pro-text2 h4{
        margin-top: 0;
        color: #008fd7;
    }
    .logo img{width: 70%}
    .pc-banner{
        display: none;
    }
    .mo-banner{
        display: block;
        margin-top: 48px;
    }
    .index-pro-text3{
        width: 100%;
    }
    .index-pro-text4{
        width: 100%;
    }
    .index-pro-text5{
        background: #bdd7ee;
        width: 100%;
    }
    .index-pro-text6{
        width: 100%;
    }
    .index-pro-text7{
        background: #fff2cc;width: 100%;margin-right: 3%;
    }
    .honor-list{
        flex-wrap: wrap;
    }
    .honor-list li{
        width: 48%;
        margin-bottom: 10px;
    }
    .index-article-list .index-article-item{
        width: 90%;
    }
}
.page{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.page a{
    display: inline-block;
    background: #383838;
    margin: 5px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
}
.page .cur{
    background: #008fd7;
}