html{font-family:"Montserrat-Regular-8","Source Han Sans CN","PingFang SC","Microsoft YaHei";}
/*common--------------------------------------*/
.wpercent{margin:0 auto;width:75%;}
.picsize{display:flex;justify-content:center;align-items:center;}
.picsize img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover;}
.picsite{height:0px;padding-bottom:100%;position:relative;overflow:hidden;}
.picsite img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform: translate(-50%,-50%);max-width:100%;}
.icon{display:block;width:32px;height:32px;}
.none{display:none!important;}
/*top*/
body{padding-top:60px;}
.box-top{z-index:99999999;position:fixed;top:0;left:0;width:100%;background-color:#2962b8;}
.nav-box{padding:0px 40px;}
.nav{margin:0 auto;width:60%;background:rgba(255,255,255,0);border-radius:0px;overflow:hidden;}
.nav li{float:left;width:48%;margin:0 1%;}
.nav li a{display:block;color:#87a8d8;padding:18px 0px;text-align:center;line-height:24px;height:24px;font-size:18px;}
.nav li.on a{color:#ffffff;font-weight:bold;}
.top{position:relative;}
.top .ihome{position:absolute;left:0;top:14px;cursor:pointer;}
.top .isearch{position:absolute;right:0;top:14px;cursor:pointer;}
.ihome .icon{background:url(../images/icon_home.png) center center no-repeat;background-size: auto 32px;}
.isearch .icon{background:url(../images/icon_ss.png) center center no-repeat;background-size: auto 32px;}
.xtop{width:100%;margin:20px 0px;background:#333333;position:relative;}
.xtop h3{padding:0px 60px;text-align:center;color:#ffffff;font-size:20px;line-height:48px;height:48px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.xtop .imenu{position:absolute;top:6px;left:0;cursor:pointer;}
.xtop .isearch{position:absolute;top:6px;right:0;cursor:pointer;}
.imenu .icon{background:url(../images/icon_menu.png) center center no-repeat;}
.isearch .ssbox{position:absolute;top:40px;right:0px;z-index:99;border:1px solid #ffffff;box-shadow:0px 0px 10px #dbdbdb;}
.ssbox input:first-child{padding:16px 81px 16px 20px;line-height:28px;width:300px;height:28px;background-color:#ffffff;border:none;outline:none;font-size:14px;color:#333333;}
.ssbox input:last-child{position:absolute;top:0;right:0;z-index:111;color:#2962b8;width:80px;height:60px;line-height:60px;font-size:18px;text-align:center;background:transparent;border:none;border-left:1px solid #dbdbdb;}
/*bottom*/
.box-bottom{background:#2962b8;}
.bottom ul{padding:30px 0px;margin:0 auto;width:40%;overflow:hidden;}
.bottom li{float:left;width:48%;margin:0 1%;}
.bottom li:last-child{float:right;}
.bottom li .picsize{height:180px;}
.bottom .bottom-img{padding:30px 0px;margin:0 auto;}
.bottom .bottom-img .picsize{height:180px;}
.copyright{padding:18px 0px;line-height:24px;color:#dae3f8;font-size:14px;text-align:center;letter-spacing: 1px;border-top: 1px solid #759ad0;}
/*banner*/
/*main*/ 
.main-show,.main-contact{background-color:#fafafa;}
.box-main{padding:60px 0px;}
.cont-tit{text-align:center;margin-bottom:40px;}
.cont-tit h5{position:relative;font-size:32px;line-height:56px;height:56px;color:#000000;}
.cont-tit h5:after{position:absolute;left:50%;margin-left:-10px;bottom:0;content:'';width:20px;height:4px;background-color:#dbdbdb;}
.cont-tit p{font-size:18px;line-height:36px;height:36px;color:#878787;} 
.cont-about p{margin-top:8px;font-size:18px;line-height:36px;color:#555555;text-indent:32px;word-break:normal;text-align: justify;}
.cont-about p:first-child{margin-top:0;} 
.main-about{background-color:#fafafa;}
.brand h5{font-size:24px;}
.brand ul{overflow:hidden;}
.brand li{float:left;width:20%;margin:0;}
.brand li a{cursor:pointer;}
/*sy-detail*/
.cont-detail img{margin:0 auto;max-width:80%;}
.detail-des{margin-top:30px;margin-left:-1%;overflow:hidden;}
.detail-des li{position:relative;float:left;width:31.3%;margin:0 1%;margin-bottom:20px;}
.detail-item{padding-top:64px;text-align:center;}
.detail-item i{position:absolute;top:0;left:50%;margin-left:-28px;display:block;width:56px;height:56px;}
.detail-item .num1{background:url(../images/num1.png) center center no-repeat;background-size:auto 56px;}
.detail-item .num2{background:url(../images/num2.png) center center no-repeat;background-size:auto 56px;}
.detail-item .num3{background:url(../images/num3.png) center center no-repeat;background-size:auto 56px;}
.detail-item .num4{background:url(../images/num4.png) center center no-repeat;background-size:auto 56px;}
.detail-item .num5{background:url(../images/num5.png) center center no-repeat;background-size:auto 56px;}
.detail-item .num6{background:url(../images/num6.png) center center no-repeat;background-size:auto 56px;}
.detail-item h5{font-size:18px;line-height:32px;color:#333333;font-weight:bold;}
.detail-item p{font-size:14px;line-height:24px;color:#555555;}
/*sy-product*/
.product-des{overflow:hidden;margin-left:0;}
.product-des li{float:left;width:31.33%;margin:0 1%;margin-bottom:3%;}
.product-item{position:relative;padding-bottom:80px;display:block;text-align:center;border:1px solid #ececec;background:#ffffff;box-shadow:0px 5px 10px #ececec;cursor:pointer;}
.product-item h5{position:absolute;bottom:0;left:0;width:94%;font-size:18px;color:#555555;line-height:30px;padding:20px 3%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-item p{font-size:20px;color:#878787;line-height:28px;}
.product-item h5 span{color:#878787;padding-left:10px;}
.product-des li:hover .product-item{box-shadow:0px 5px 15px #dfdfdf;} 
/*sy-contact*/
.contact-des{overflow:hidden;margin-left:0;}
.contact-des li{float:left;width:47%;margin:0 1.5%;margin-bottom:20px;}
.contact-des li:last-child{width:97%;}
.contact-item{position:relative;background:#ffffff;box-shadow:0px 5px 10px #ececec;border-radius:99px;border: 1px solid #ececec;}
.contact-item .iconbg{width:48px;height:48px;position:absolute;left:10px;top:10px;background-color:#1588de;border-radius:999px;}
.contact-item .iconbg i{margin-top:8px;margin-left:8px;}
.contact-item .icon-phone{background:url(../images/icon_phone.png) center center no-repeat;background-size: auto 36px;}
.contact-item .icon-qq{background:url(../images/icon_qq.png) center center no-repeat;background-size: auto 36px;}
.contact-item .icon-fax{background:url(../images/icon_fax.png) center center no-repeat;background-size: auto 36px;}
.contact-item .icon-email{background:url(../images/icon_email.png) center center no-repeat;background-size: auto 36px;}
.contact-item .icon-addr{background:url(../images/icon_addr.png) center center no-repeat;background-size: auto 36px;}
.contact-item p{padding-left:70px;height:68px;line-height:68px;font-size:18px;color:#555555;}
/*product*/
.product .box-main{padding-top:0;}
.product .main-cont{padding-top:60px;}
.product-category{width:100%;padding:20px 0px;background-color:#ffffff;box-shadow:0px 0px 20px #dfdfdf;}
.product-category ul{margin:0 auto;width:75%;overflow:hidden;}
.product-category li{float:left;margin:5px 1%;width:18%;}
.product-category li a{display:block;text-align:center;height:32px;line-height:32px;font-size:16px;color:#555555;}
.product-category li.on a{font-weight:bold;color:#2962b8;background-color:#fafafa;}
.product .cont-tit{padding-top:40px;}
/*product-detail*/
.product-detail{padding-bottom:92px;}
.product-detail .box-bottom{background-color:transparent;}
.product-detail .bottom{display:none;}
.product-detail .copyright{border:none;}
.product-detail .copyright{color:#2962b8;}
.detail-box{position:relative;overflow:hidden;padding:40px 0px;}
.detail-album{margin:0 auto;width:50%;}
.detail-info{margin:0 auto;width:50%;position:relative;margin-bottom:10px;}
.detail-extra{margin:0 auto;width:50%;position:relative;margin-top:20px;}
.img-big{border:1px solid #dbdbdb;}
.img-small{margin-left:-1%;overflow:hidden;margin-top:20px;}
.img-small li{float:left;width:23%;margin:1%;}
.img-small li a{display:block;border:1px solid #dbdbdb;cursor:pointer;} 
.img-small li img{max-width:100%;}
.img-extra img{max-width:100%;margin-bottom:15px;}
.info-box{position:relative;}
.info-box .btn-back{position:absolute;top:0;left:0;}
.info-box .btn-back i{display:block;width:48px;height:48px;background:url(../images/icon_back.png) center center no-repeat;background-size: auto 36px;}
.info-box h5{font-size:24px;font-weight:bold;line-height:28px;padding:10px 0px;color:#333333;padding-left:60px;text-align:right;}
.info-box p{font-size:14px;line-height:28px;color:#878787;}
/*.detail-btn{position:absolute;bottom:40px;left:0;width:100%;}*/
.detail-btn{position:fixed;bottom:0;left:0;width:100%;background-color:rgba(255,255,255,0.85);padding:22px 0px;box-shadow:0px 0px 10px #bbbbbb;}
.btn-box{width:50%;margin:0 auto;overflow:hidden;}
.btn-box .btn{width:47%;background-color:#2670df;}
.btn{display:block;height:48px;line-height:48px;color:#ffffff;font-size:16px;text-align:center;cursor:pointer;}
.btn:hover{font-weight:bold;} 
.btn-box .btn.disabled{background:#e8e8e8;border:1px solid #e8e8e8;color:#ffffff;}
.btn-box .btn.disabled:hover{font-weight:normal;}
/*contact*/
.contact .main-contact{background:#ffffff;}
/* Page */
.page{display:table;margin:0 auto;max-width:90%;}
.page a{display:block;float:left;padding:2px 12px;margin:4px;font-size:14px;color:#999;line-height:24px;border:1px solid #ececec;box-shadow:0px 2px 5px #ececec;cursor:pointer;transition:all .5s ease-in-out;}
.page a:hover{color:#fff;border-color:#2962b8;background-color:#2962b8;}
.page a.pageNt{color:#2962b8;}
.page a.pageNt:hover{color:#fff;}
.page a.pageCn{padding:2px 8px;}
.page a.pageJt{font-family:"SimSun", "NSimSun", "FangSong";color:#c0c0c0;}
@media(max-width:1340px) {
    .wpercent{width:88%;}
    .product-category ul{width:88%;}
    .detail-des li{width:48%;}
}

@media(max-width:1200px) { 
    .wpercent{width:90%;}
    .product-category ul{width:90%;}
    .box-main{padding:40px 0px;}
    .product .main-cont{padding-top:50px;}
    .cont-tit{margin-bottom:20px;}
    .cont-tit h5{font-size:28px;}
    .cont-tit p{font-size:16px;}
    .product .cont-tit{padding-top:30px;}
    .cont-about p{font-size:16px;line-height:32px;}
    .product-item{padding-bottom:64px;}
    .product-item h5{font-size:16px;line-height:24px;padding:15px 3%;}
    .btn-box{width:60%}
    .bottom ul{width:50%;}
}

@media(max-width:880px) { 
    .wpercent{width:94%;}
    .product-category ul{width:94%;}
    .box-main{padding:30px 0px;} 
    .product .main-cont{padding-top:40px;}
    .detail-des li{width:98%;}
    .detail-item{padding-top:0;padding-left:70px;text-align:left;}
    .detail-item i{top:50%;margin-top:-28px;left:0;margin-left:0;} 
    .cont-detail img{max-width:100%;}
    .product-item{padding-bottom:60px;}
    .product-item h5{font-size:14px;line-height:20px;padding:10px 3%;}
    .product-item h5 span{display:block;padding:0;line-height:20px;font-size:12px;}
    .contact-des li{width:97%;} 
    .cont-tit h5{font-size:24px;}
    .cont-tit p{font-size:14px;}
    .detail-album{width:100%;}
    .detail-info{width:100%;}
    .detail-extra{width:100%;}
    .btn-box{width:94%;}
    .img-small{margin-top:10px;}
    .detail-box{padding-top:30px;}
    .bottom ul{width:65%;}
    .ssbox input:first-child{padding:10px 81px 10px 20px;width:240px;}
    .ssbox input:last-child{height:48px;line-height:48px;}
}

@media(max-width:680px) { 
    .product-des li{width:48%;} 
    .brand li{width:33.333%;} 
    .product-category{padding:10px 0px;}
    .product-category li{width:31.333%;margin:3px 1%;}
    .product-category li a{height:28px;line-height:28px;font-size:14px;}
    .info-box .btn-back{height:24px;padding:6px 0;}
    .info-box .btn-back i{display:block;width:24px;height:24px;background:url(../images/icon_back.png) center center no-repeat;background-size: auto 24px;}
    .info-box h5{font-size:18px;line-height:24px;padding:6px 0px;padding-left:40px;}
    .info-box p{font-size:12px;line-height:24px;}
    .detail-box{padding-bottom:15px;}
    .product-detail{padding-bottom:80px;}
    .btn-box .btn{height:36px;line-height:36px;}
    .detail-box{padding-top:20px;}
    .bottom li{width:40%;margin:0 5%;}
    .bottom li .picsize{height:auto;}
    .nav{width:96%;padding:0 2%;} 
    .top .ihome{top:18px;}
    .top .isearch{top:18px;}
    .ihome .icon{background-size: auto 24px;width:24px;height:24px;}
    .isearch .icon{background-size: auto 24px;width:24px;height:24px;}
    .isearch .ssbox{top:30px;} 
	.page{margin-top:10px;}  
}

@media(max-width:480px) { 
    .box-main{padding:20px 0px;} 
    .product .main-cont{padding-top:30px;}
    .cont-tit{margin-bottom:10px;}
    .cont-tit h5{font-size:20px;height:44px;line-height:44px;}
    .cont-tit p{font-size:12px;height:28px;line-height:28px;} 
    .product .cont-tit{padding-top:20px;}
    .cont-about p{font-size:14px;line-height:28px;}
    .product-category li a{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .detail-box{padding-top:15px;}
    .bottom li{width:44%;margin:0 3%;}
    .bottom ul{width:90%;padding:25px 0px;}
    .bottom .bottom-img{padding:25px 0px;}
    .copyright{line-height:20px;padding:14px 5px;}
    .contact-des li{margin-bottom:12px;}
    .contact-item p{height:48px;line-height:48px;padding-left:50px;font-size:14px;}
    .contact-item .iconbg{width:36px;height:36px;top:6px;left:6px;}
    .contact-item .iconbg i{width:24px;height:24px;margin-top:6px;margin-left:6px;}
    .contact-item .icon-phone{background-size:auto 24px;}
    .contact-item .icon-qq{background-size:auto 24px;}
    .contact-item .icon-fax{background-size:auto 24px;}
    .contact-item .icon-email{background-size:auto 24px;}
    .contact-item .icon-addr{background-size:auto 24px;}
    .nav-box{padding:0px 35px;}
    .nav li a{font-size:14px;line-height:36px;height:36px;padding:12px 0px;}
    .ssbox input:first-child{padding:5px 81px 5px 20px;width:180px;}
    .ssbox input:last-child{height:38px;line-height:38px;font-size:16px;}
    .detail-item{padding-left:55px;}
    .detail-item h5{font-size:16px;line-height:28px;color:#333333;font-weight:bold;}
    .detail-item p{font-size:12px;line-height:20px;color:#555555;}
    .detail-item i{width:48px;height:48px;margin-top:-24px;}
    .detail-item .num1{background-size:auto 48px;}
    .detail-item .num2{background-size:auto 48px;}
    .detail-item .num3{background-size:auto 48px;}
    .detail-item .num4{background-size:auto 48px;}
    .detail-item .num5{background-size:auto 48px;}
    .detail-item .num6{background-size:auto 48px;} 
}

@media(max-width:380px) { 
    .box-main{padding:10px 0px;} 
    .product .main-cont{padding-top:20px;}
    .contact-item{border-radius:0;padding:10px;}
    .contact-item p{text-align:center;height:auto;line-height:20px;padding-left:0px;padding-top:40px;font-size:14px;}
    .contact-item .iconbg{width:36px;height:36px;top:10px;left:50%;margin-left:-18px;}
    .ssbox input:first-child{padding:5px 41px 5px 10px;width:120px;}
    .ssbox input:last-child{height:38px;line-height:38px;font-size:14px;width:41px;} 
}

@media(max-width:360px) {  
    .nav li a{font-size:14px;line-height:18px;height:36px;}
    .nav li a span{display:block;}
}

@media(max-width:280px) {   
    .brand li{width:50%;} 
    .cont-about p{font-size:12px;line-height:24px;}
    .product-category{padding:5px 0px;}
    .product-category li{width:48%;margin:1px 1%;}
    .product-category li a{height:20px;line-height:20px;font-size:12px;}
    .detail-box{padding-top:10px;}
    .bottom li{width:46%;margin:0 2%;}
    .bottom ul{width:100%;padding:15px 0px;}
    .bottom .bottom-img{padding:15px 0px;}
    .copyright{line-height:16px;padding:10px;}
    .product-des li{width:100%;margin:0;margin-bottom:10px;} 
    .detail-item{padding-top:50px;padding-left:0;text-align:center;}
    .detail-item i{position:absolute;top:0;left:50%;margin-left:-24px;margin-top:0;display:block;width:48px;height:48px;}
}





/*modify*/
.index .box-main { padding: 0 0 60px;}
.index .main-cont{padding-top:60px;}
@media(max-width:1200px) { 
    .index .box-main{padding-bottom:40px;}
    .index .main-cont{padding-top:50px;}
}
@media(max-width:880px) { 
    .index .box-main{padding-bottom:30px;}
    .index .main-cont{padding-top:40px;}
}
@media(max-width:480px) { 
    .index .box-main{padding-bottom:20px;}
    .index .main-cont{padding-top:30px;}
}
@media(max-width:380px) { 
    .index .box-main{padding-bottom:10px;}
    .index .main-cont{padding-top:20px;}
}





/* Css BackTop */
.izl-rmenu { position: fixed; right: 20px; bottom: 20px; z-index: 999;}
.izl-rmenu .btn { width: 50px; height: 50px; cursor: pointer; position: relative;}
.izl-rmenu .btn-top { background: url(../images/fhdb.png) no-repeat; display: none;}
@media screen and (max-width: 1024px) {
    .izl-rmenu { right: 10px; bottom: 10px;}
    .izl-rmenu .btn { width: 32px; height: 32px;}
    .izl-rmenu .btn-top { background-size: 32px 32px;}
}