@charset "utf-8";
*{margin: 0;padding: 0; font-family: '微软雅黑';}
body{width: 100%;overflow-x: hidden;background: #fff;color: #333; font-size: 14px;line-height: 26px;}
li{list-style: none;}
a{text-decoration: none;display: block;color: #333;}
a:hover{color:#FFBB05}
img{max-width: 100%;display: inline-block;}
.fillimg{width: 100%;height: 100%;}
input{outline: none;;}
.clearfix{clear: both;}
.c00{color: #ffbb05;}
.c01{color:#555;}
.c02{color: #999;}
.c03{color: #fff;}
.s12{font-size: 12px;line-height: 22px;;}
.s13{font-size: 13px;;}
.s14{font-size: 14px;;}
.s16{font-size: 16px;;}
.white-bg{background: #fff;}
.gray-bg{background: #f5f5f5;;}
.no-wrap{display: block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;;}
.two-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all;overflow: hidden;}
.three-wrap{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;overflow: hidden;}
.w-inner{width: 1200px;margin: 0 auto;}
.center{text-align: center;}
.fontw4{font-weight: 400;}
.overf-h{overflow: hidden;}
.left{float:left;}
.right{float:right;}
.relative{position: relative;}
.pt50{padding-top: 50px;;}
.pt20{padding-top: 20px;;}
.pb20{padding-bottom: 20px;;}
.pb50{padding-bottom: 50px;;}
.mt5{margin-top: 5px;;}
.mt10{margin-top: 10px;;}
.mt20{margin-top: 20px;;}
.mb10{margin-bottom: 10px;;}
.ml20{margin-left: 20px;;}
.mr20{margin-right: 20px;;}
.mlr15{margin-left: 15px;margin-right: 15px;;}
.flex{display: flex;}
.flex01{flex: 1;}
.flex-bt{justify-content: space-between;}
.blo{display: inline-block;}



.fanpage ul li a{ display: inline-block;}
/* banner */
.banner{width: 100%;overflow-x: hidden;position: relative;}
/* 轮播小圈圈 */
.swiper-pagination-bullet-active{background: #FFBB05;}
.swiper-pagination{z-index: 1;}

.header{width: 100%;height: 115px;background: url(../header-bg.png) no-repeat top center;}
.logo{width: 300px;margin-right: 20px;padding-top: 30px;;}
.logo img{width: auto;height: 56px;max-width: 300px;}
.nav ul{margin-top: 35px;}
.nav ul li{position: relative;padding: 20px 0;width: 145px;height: 40px;;}
.nav ul li .first-nav{height: 40px;line-height: 40px;display: block; color: #555;}
.nav ul li:hover{background: url(../nav-active.png) no-repeat center;background-size: cover;transition: 0.2s all;}
.nav ul li:hover .first-nav{color: #fff;transition: 0.2s all;}
.nav ul .big-active{background: url(../nav-active.png) no-repeat center;background-size: cover;;}
.nav ul .big-active a{color: #fff;}
/* 带下拉分类 */
.nav ul li .second-nav{position: absolute;width: 140px;background: #fff;z-index: 999;top: 80px;border:solid 1px #eee;left: 50%;margin-left: -70px;border-top: solid 2px #FFBB05; display: none;;}
.nav ul li .second-nav dt{border-bottom:solid 1px #eee;padding: 10px;line-height: 26px;position: relative;text-indent: 0;}
.nav ul li .second-nav dt a{color: #555;}
.nav ul li .second-nav dt:hover a{color:#FFBB05; transition: 0.4s all;;}
.nav ul li:hover .second-nav{display: block;transition: 0.2s all;}
.search{position: absolute;right: 0;top: 0;}
.search input{border: none;background: none;height:34px;line-height:34px;width: 180px;padding: 0 10px;color: #999;font-size: 12px;; }
.search .search-btn{width: 60px;height: 35px;background: url(../searchicon.png) no-repeat center ;cursor: pointer;border:none;}


.big-title{padding-top: 90px;padding-bottom: 50px;;}
.big-title .ch h2{font-size: 28px;}
.big-title-bg .ch h2{color: #fff;}
.big-title .en{text-transform: uppercase;color: #A9A9A9;;}
.big-title .line{width: 64px;height: 14px;background: url(../desc-line.png) no-repeat center;margin-top: 18px;;}
.big-title .line-bg{background: url(../desc-line02.png) no-repeat center;}

/* 产品分类 */
.pcateg-items ul li{width: 23.5%;padding: 50px 2%;margin-right: 2%;border:solid 1px #eee;box-sizing: border-box;}
.pcateg-items ul li:nth-of-type(4n){margin-right: 0;}
.pcateg-items ul li .img{width: 80px;margin: 0 auto;height: 80px;margin-bottom: 25px;border-radius: 50%;overflow: hidden;transform: rotateY(0);}
.pcateg-items ul li .desc{border-top: dashed 1px #DEDEDE;margin-top: 20px;text-align: left;padding: 20px 15px 0;}
.pcateg-items ul li .desc p{padding: 5px;width:200px;margin: 0 auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;min-height: 130px;}
/* .pcateg-items ul li .desc p:hover{background: url(../p-active.png) no-repeat left center;color: #fff;} */
.pcateg-items ul li:hover .tit{color: #FFBB05;transition: 0.4s all;}
.pcateg-items ul li:hover .img{transform: rotateY(180deg);transition: 0.4s all;}



/* 关于我们 */
.aboutus{background: url(../aboutus-bg.jpg) no-repeat top center; padding-bottom:128px;}
.aboutus-cont .left-intro{width: 46%;}
.aboutus-cont .left-intro .intro{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;word-break: break-all;overflow: hidden;}
.aboutus-cont .right-img{width: 48%;text-align: right; }
.aboutus-cont .right-img img{transform: scale(1);border:solid 3px #FFBB05;transition: 0.4s all;}
.aboutus-cont .right-img img:hover{transform: scale(0.9);transition: 0.4s all;}

.more-btn{height: 45px;background: #ffbb05;border:solid 2px #ffbb05;box-sizing: border-box;text-align: center;border-radius: 4px;line-height: 42px;margin-top: 50px;display: inline-block;padding: 0 20px;;}
.more-btn:hover{background: none;border:solid 2px #ffbb05;box-sizing: border-box;transition: 0.2s all;}


/* 产品展示 */
.prod-items ul li{width: 23%;margin-right: 2.666%;border:solid 1px #eee;padding-bottom: 15px;box-sizing: border-box;margin-top: 10px;margin-bottom: 10px;position: relative;
    height:338px;}
.prod-items ul li .name, .prod-items ul li p{ padding:0 8px;}
.prod-items ul li .img{height: 250px;overflow: hidden;width: 250px;margin: 10px auto 15px;}
.prod-items ul li:hover{box-shadow: 0 2px 8px 0 #eee;transition: 0.4s all;}
.prod-items ul li:hover .name {color: #FFBB05;transition: 0.4s all;}
.prod-items ul li:nth-of-type(1){width: 48.666%;}
.prod-items ul li:nth-of-type(3){margin-right: 0;}
.prod-items ul li:nth-of-type(4){margin-right: 2.666%;}
.prod-items ul li:nth-of-type(7){margin-right: 0;}
.prod-items ul li:nth-of-type(1)::after{content: "";position: absolute;background: url(../new-icon.png) no-repeat left top;width:50px;height: 50px;position: absolute;left: 0;top: 0; }

/* 应用案例 */
.apply-cases{background: url(../case-bg.jpg) no-repeat top center;height:440px;}
.applyc-lists ul li{width: 25%;padding: 50px 5%;box-sizing: border-box;background: url(../case-bg01.png) no-repeat top center;height: 358px;;}
.applyc-lists ul li .img{width: 100px;max-height: 100px;overflow: hidden;margin: 0 auto;}
.applyc-lists ul li:hover{background: url(../case-bg02.png) no-repeat top center;transition: 0.4s all;}
.applyc-lists ul li:hover a{color: #333;}

/* 新闻动态 */
.news .p-categ dt{display: inline-block;margin: 0 15px;cursor: pointer;padding: 0 40px;line-height: 45px;background:#fff;color: #ffbb05;border: solid 2px #ffbb05;border-radius: 4px;;}
.news .p-categ .active{color: #333;background:#ffbb05;}

.news-items ul li{width: 48%;margin-right: 4%;padding-left: 165px;box-sizing: border-box;margin-top: 15px; margin-bottom: 15px;min-height: 140px;padding-top: 5px;;}
.news-items ul li:nth-of-type(2n){margin-right: 0;}
.news-items ul li .img{width: 140px;height: 140px;overflow: hidden;position: absolute;top: 0 ;left: 0;transform: rotateY(0);}
.news-items ul li .title{margin-top: 10px;margin-bottom: 10px; font-size: 18px;;}
.news-items ul li .time::after{width: 40px;height: 3px;background: #DDDDDD;position: absolute;top: 11px; left: 100px;content: "";}
.news-items .right-cont:hover h3{color: #FFBB05;transition: 0.2s all;}
.news-items ul li:hover .img{transform: rotateY(180deg);transition: 0.4s all;}


/* dm广告 */
.dm{background: url(../dm-bg.png) no-repeat center;height: 120px;;}
.dm .w-inner .left{width: 50%;margin-top: 45px;margin-left: 10%;}
.dm .w-inner .right{width: 30%;border: #333 1px solid;width: 160px;height: 45px;color: #333;border-radius: 4px;margin-top: 36px;line-height: 45px;margin-right: 10%;background: url(../arrow-icon.png) no-repeat center;background-size: 14px 10px;background-position-x: 30px;
    text-indent: 20px;;}
.dm .w-inner .right:hover{background: #FFBB05;color: #fff;transition: 0.2s all;background: url(../arrow-icon02.png) no-repeat center;background-size: 14px 10px;background-position-x: 30px;}


/* 页脚 */
.footer{background: #262932;color: #ccc;}
.footer .left{width:30%;}
.footer .f-nav{width:12%;padding: 20px 3% 20px 5%;}
.footer .right{width:30%;}
.footer .contact-info span{display: block;margin-bottom: 12px;;}
.footer .contact-info span img{width: 16px;margin-right: 8px;position: relative;top: 3px;;}
.footer .f-nav h3{margin-bottom: 30px;;}
.footer .f-nav li a{color: #ccc;}
.footer .f-nav li:hover a{color: #FFBB05;transition: 0.2s all;}
.footer .code{display: inline-block;width: 45%;padding: 0 2.5%;}
.footer .code img{width: 120px;margin-top: 10px;border:solid 5px #fff;;}
.copyr{padding: 20px 0;background: #FFBB05;}


/* 悬浮右侧电话+二维码 */
.fixed-code{position: fixed;top:450px;right: 50px;z-index: 99999;width: 180px;padding: 20px; box-shadow: 0 1px 6px 1px #ddd;box-sizing: border-box;background: #fff;border-radius: 5px;overflow: hidden; }
.fixed-code .codeimg{width: 140px;}
.fixed-code h2{font-size: 18px;margin-bottom: 5px;}
.fixed-code .c00{color: #FFBB05;}



/* 产品中心 */

.router{padding-top: 30px;padding-bottom: 30px;;}
.content{min-height: 300px;padding-bottom: 60px;}
.leftcateg{width: 280px;margin-right: 40px;}
.leftcateg .leftcateg-name{width: 200px;height: 50px;background: url(../left-categ-bg.png) no-repeat center;margin-bottom: 20px;padding: 25px 40px;}
.leftcateg .leftcateg-name span{display:block;width: 64px;height: 14px;background: url(../desc-line03.png) no-repeat center;margin-top: 10px;;}
.leftcateg .prod-categ ul li{border:solid 1px #423636;margin-bottom: 10px;background: #fff;}
.leftcateg .prod-categ ul li a{line-height: 30px;padding: 10px 10%;color: #423636;font-size: 16px;width: 80%;text-align: left;}
.leftcateg .prod-categ ul li:hover{background: #FFBB05;border:solid 1px #FFBB05;transition: 0.2s all;}
.leftcateg .prod-categ ul li:hover a{color: #fff;transition: 0.2s all;}
.leftcateg .prod-categ ul .active{background: #FFBB05;border:solid 1px #FFBB05;}
.leftcateg .prod-categ ul .active a{color: #fff;}

.right-lists{width: 880px;padding: 0 0 40px;;}
.right-lists .right-lists-title{height: 45px;line-height: 45px;background: url(../p-right-tit.png) no-repeat left center #f8f8f8;width: 97%;padding-left: 3%;font-size: 18px;margin-bottom: 20px;}
.right-lists .right-lists-title span{ display: inline-block; width:90px;height: 45px;line-height: 45px;}
.right-lists .lists ul li{width: 22.75%;margin:0 3% 0 0;padding-bottom: 20px;;}
.right-lists .lists ul li:nth-of-type(4n){margin-right: 0;}
.right-lists .lists ul li .img{width: 200px;height:200px;box-sizing: border-box;overflow: hidden;background: #fff;margin: 0 auto;border:solid 1px #ededed;box-sizing: border-box;margin-bottom: 10px;;}
.right-lists .lists ul li .name{padding: 0 3%;width: 94%;padding-bottom: 0;color: #555;text-align: center;}
.right-lists .lists ul li:hover .name{color: #FFBB05;transition: 0.2s all;}
.right-lists .lists ul li:hover .img{border:solid 1px #FFBB05;transition: 0.2s all;}

/* 产品中心内页 */
.right-details{width: 880px;}
.right-details .details .l-img{width: 300px;float: left;border: solid 1px #eee;margin-right: 30px;box-sizing: border-box;overflow: hidden;font-size: 0; line-height: 0}
.right-details .details .l-img img{width: 100%;}
.right-details .details .r-tit{width: 400px;float: left;}
.right-details .details .r-tit h1{font-size: 20px;line-height: 32px;margin-top: 15px;font-weight: 400;}

.details .details0{margin-top: 60px;border: solid 1px #eee;box-sizing: border-box;;}
.details .details0 .intro-tit{line-height: 40px;background: #f5f5f5;font-weight: normal;border-bottom: solid 1px #eee;position: relative;height: 40px;;}
.details .details0 .intro-tit span{background: #fff;font-size: 18px;line-height: 44px;padding: 0 30px;display: inline-block;border-right: solid 1px #eee;position: absolute;height: 41px;background: #fff;left: 0;}
.details .details0 .intros{min-height: 200px;padding: 40px;;}
.others-products{border: solid 1px #eee;box-sizing: border-box;margin-top: 30px;padding-bottom: 5px;;}

.others-products .tit{border-bottom: solid 1px #eee;line-height: 40px;text-indent: 10px;font-size: 16px;color: #555;}
.others-products .o-lists{min-height: 100px;width: 860px;overflow: hidden;margin: 10px auto;;}
.others-products .o-lists .img{height: 200px;overflow: hidden;border: solid 1px #ededed;box-sizing: border-box;;}
.others-products .o-lists .name{padding: 10px;;}
.others-products .o-lists .swiper-slide:hover .name{color: #FFBB05;transition: 0.2s all;}
.others-products .o-lists .swiper-slide:hover .img{border:solid 1px #FFBB05;transition: 0.2s all;}
.others-products .swiper-button-prev{width: 28px;height: 56px;background-image: url(../manual_move_btn.png);top: 50%;margin-top: -28px;background-position: 0 0;left: 10px;background-size: cover;}
.others-products .swiper-button-next{width: 28px;height: 56px;background-image: url(../manual_move_btn.png);top: 50%;margin-top: -28px;background-position: -28px 0;right: 10px;background-size: cover;}


/* 新闻中心 */
.news-lists .lists ul li{width: 100%;float: none;margin: 0;border-bottom: dashed 1px #ededed;height: 30px;padding:10px 0;position: relative;background: #fff;}
.news-lists .lists ul li a{display: block;}
.news-lists .lists ul li::before{content: "";width: 4px;height: 4px;background: #ccc;top: 23px;left: 0;position: absolute;border-radius: 2px;;}
.news-lists .lists ul li .name{line-height: 30px;font-weight: normal;text-indent: 12px;width: 85%;padding:0;padding-right: 15%;color: #555;text-align: left;}
.news-lists .lists ul li .time{position: absolute;right: 0; line-height: 30px;top: 10px;color: #888;font-size: 12px;;}
.news-lists .lists ul li:hover{background: none;;}
.news-lists .lists ul li:hover .name{text-decoration: none;color: #ff9900;transition: 0.2s all;}


.w-details .top{border-bottom: solid 2px #FFBB05;margin-bottom: 20px;padding-bottom: 15px;;}
.w-details .top .tit{ width:730px; overflow:hidden}


/* 公司介绍 */
#aboutus .aboutus{background: none;;}
#aboutus .aboutus .big-title .line-bg{background: url(../desc-line.png) no-repeat center;}
#aboutus .aboutus .aboutus-cont .left-intro .intro{-webkit-line-clamp: initial;}
.honor-list{width: 100%;height: 265px;background: url(../honor-bg.png) no-repeat center #f8f8f8;}
.honor-list .big-title{width: 20%;}
.honor-list .big-title .line-bg{background: url(../desc-line03.png) no-repeat center;}
.honor-list .big-title .more-btn{background: #ffbb05;border:solid 2px #fff;display: block;width: 120px;margin-top: 20px;;}
.honor-list .big-title .more-btn:hover{color: #ffbb05;background: #fff;transition: 0.2s all;}
.honor-list .ho-right-lists{width: 80%;margin-top: 28px;;}
.honor-list ul li{width: 22%;margin: 40px 1.5%;border:solid 1px #eee;box-sizing: border-box;}

.honor-list ul li .img{width:85%;height: 150px;margin: 15px 7.5%;}
.honor-list ul li .img img{transform: scale(1);}
.honor-list ul li:hover img{transform: scale(0.9);transition: 0.2s;}

#honor .honor-list{height: auto;background: none;}
.honor-list ul li{margin-top: 15px;margin-bottom: 15px;;}

/* 在线留言 */
.message{background: url(../contact-bg.jpg) no-repeat;}
.message .form{width: 50%;margin: 0 auto;}
.message .form input{height: 32px;line-height: 32px;padding: 10px 3%;width: 94%;border: solid 2px #ffbb05;border-radius: 2px;;}
.message .form label{display: inline-block;width: 80px;position: relative;top: -5px;;}
.message .form .items{width: 94%;margin: 0 3%;margin-bottom: 20px;float: left;}
.message .form .items-t{width: 94%;margin: 0 3%;margin-bottom: 20px;;}
.message .form textarea{height: 140px;line-height: 32px;padding: 5px;width: 94%;padding:0 3%;outline: none;border: solid 2px #ffbb05;border-radius: 2px;}
.message .form .t{top: -150px;}
.message .form input[type="button"]{display:block;margin:20px auto;width: 94%;height: 50px;line-height: 50px;text-align: center;background: #FFBB05;font-size: 16px;border: none;color: #333;padding: 0;cursor: pointer;border-radius: 5px;;}

/* 联系我们 */
.contactus .left{width: 45%;}
.contactus .right-map{width: 40%; ;}
.contactus .contact-info span{display: block;margin-bottom: 12px;;}
.contactus .contact-info span img{width: 16px;margin-right: 8px;position: relative;top: 3px;;}
.contactus .right-map .white-bg{padding: 10px;box-shadow: 0 1px 15px 2px #ccc;margin-right: 5%;margin-top: 50px;;}



/* 页码 */
.page .pageoption{text-align: center;margin: 20px 0;margin-top: 30px;}
.page .pageoption ul li{display: inline-block;margin: 0 3px;}
.page .pageoption ul li a{display: block;color: #555;}
.page .pageoption ul li span{display: block;padding: 5px 10px;border:1px solid #efefef;}
.page .pageoption ul .current{background: #ffbb05}
.page .pageoption ul .current span{color: #fff;border:1px solid #ffbb05;}
.page .pageoption ul li a:hover{background: #ffbb05}
.page .pageoption ul li a:hover span{color: #fff;border:1px solid #ffbb05;}
.fanpage{margin: 20px 0;}
.fanpage ul li{margin-bottom: 8px;}
.fanpage ul li a:hover{color: #ffbb05;}

#map iframe{width: 100%;height: 350px;;}

.none{display: none;;}