body{font-family:Arial;background:#fff;color:#666;overflow-y:scroll;-ms-overflow-style: scrollbar;font-size:14px;overflow-x:hidden}
ul{padding:0}
ul li{list-style-type:none}
a{color:#666;text-decoration:none}
a:hover{color:#000;text-decoration:none}
td{color:#666}
header .navbar {background:#7b7d00}
#indexBody header .navbar {background:none}
#ff{margin-bottom:30px}
#ff h2{color:#333;font-weight:bold}
#ff .form-control{background:#f5f5f5;margin-bottom:15px;border-radius:0;border:0;box-shadow:none}
#ff .submitBtn{border:0;border-radius:0;background:#bec400;color:#fff;transition:all 0.3s;padding:5px 15px;}
#ff .submitBtn:hover{background:#333;}

/*图片悬浮链接*/
.imgLink-hover {cursor: pointer;display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0);background-image: url(on-hover.png);background-repeat: repeat;opacity: 0;filter: Alpha(Opacity=0);z-index: 96;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear}
.imgLink-hover:hover {opacity: 1;filter: Alpha(Opacity=1)}
.imgLink-hover * {filter: inherit}
.imgLink-hover {cursor: pointer}
.imgLink-hover:hover .hover-link{background-image: url(hover-link.png);background-repeat: no-repeat;background-position: center center}
.hover-link {width: 44px;height: 44px;top: 50%;left: 50%;margin-left: -22px;margin-top: -22px;position: absolute;display: block}

.topBox{overflow:hidden;width:100%;background:#434343;height:60px;color:#fff;font-size:18px;line-height:20px;}
.topBox .telBox{margin-top:10px;width:auto;float:left}
.topBox .telBox span{display:inline-block;margin-right:10px;}
.topBox img{height:40px;}

.shareBox{float:right;width:auto;padding-top:10px;}

.indexFeedbackBox{background:#54595f;overflow:hidden;width:100%;margin:100px 0;}
.indexFeedbackBox .txt{color:#fff;padding:220px 0 0 0 ;}
.indexFeedbackBox .txt h2{font-size:46px;margin-bottom:20px;letter-spacing:2px}
.indexFeedbackBox .txt p{font-size:25px;line-height:40px;letter-spacing:2px}
.indexFeedbackBox .formBox{background:#ffcc42;padding:80px 60px;}
.indexFeedbackBox .formBox .item{width:100%;margin-bottom:15px;}
.indexFeedbackBox .formBox .item input{background:#fff;display:block;width:100%;border:0;line-height:35px;text-indent:15px;}
.indexFeedbackBox .formBox .item textarea{width:100%;border:0;margin-top:20px;height:150px;text-indent:15px;padding:10px 0}
.indexFeedbackBox .formBox .item button{border-radius:100px;border:0;background:#444;color:#fff;padding:8px 20px;font-size:18px;margin-top:15px}
.indexFeedbackBox .formBox .item button:hover{background:#84ad45}

.newsYearTitle h2{font-size:20px;font-weight:normal;color:#333}
.newsYearTitle p{font-size:14px;color:#999;background:url(newsline.png) no-repeat right center;width:80px;padding-bottom:20px;background-size:auto 40px}
.newsYearTitle div a{font-weight:bold;color:#bec400;font-size:22px}
.newsYearTitle .newsMore{margin-top:170px;}

.newsYearList{overflow:hidden;width:100%;}
.newsYearList .item{width:32%;float:left;margin-left:2%;background:#000 no-repeat center center;background-size:cover;}
.newsYearList .item .line{border-top:1px solid #fff;overflow:hidden;height:1px;}
.newsYearList .item .content {padding: 40px;height: 330px;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.newsYearList .item .content .txt{display:block;overflow:hidden;width:100%}
.newsYearList .item h2{text-align:center;font-size:20px;color:#fff;padding:0;margin:20px 0;display:block}
.newsYearList .item p{color:#fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;margin-bottom:5px;padding:0}
.newsYearList .item .detail{display:none;padding-bottom:15px;transition:all 0.3s}
.newsYearList .item:hover .detail{display:block}
.newsYearList .item p a{color:#fff}
.newsYearList .item p span{display:inline-block;width:40px;}
.newsYearList .item:first-child{margin-left:0}


.newsList{overflow:hidden}
.newsList .line{background:url(newslistline.png) no-repeat left bottom;height:8px;margin:30px 0 30px 0;}
.newsList .txt .time{margin-top:20px;font-size:14px;color:#999;background:url(newsline.png) no-repeat right center;width:80px;padding-bottom:20px;background-size:auto 40px}
.newsList .txt h3{font-size:18px;color:#333}
.newsList img{max-width:100%}

/*详情页面*/
.detailTitle{overflow:hidden;margin-top:20px;margin-bottom:20px}
.detailTitle .line{border-top:2px solid #bec400;width:100px;margin-bottom:12px}
.detailTitle p{margin:0;color:#999;margin-bottom:5px}
.detailTitle h2{margin:0;color:#333;font-weight:bold;margin-bottom:5px}

.detailContent{width:100%;margin-bottom:10px;overflow:hidden;word-wrap: break-word;overflow-x:auto;color:#333;font-size:14px;letter-spacing:0px}
.detailContent img{max-width:100%;}

.newsDetailTitle{text-align:center;font-weight:bold;font-size:22px;color:#333;margin:15px;line-height:25px;}

.productImgList{width:100%;overflow:hidden;margin-bottom:5px}
.productImgList li{width:150px;float:left;margin-left:10px;margin-bottom:10px;}
.productImgList li a{margin:0px;padding:0;}
.productImgList li a img{width:150px;border:3px solid #eee;}
.productImgList li a img:hover{border:3px solid #000;}
.productListBox{margin-top:15px;}

.aboutImgBox{margin-top:30px;margin-left:-15px;margin-right:-15px;}
.aboutImgBox .item{background:#dcdddd;overflow:hidden;padding:15px;transition:all 0.3s}
.aboutImgBox .item:hover{background:#eee}
.aboutImgBox .item div{overflow:hidden}
.aboutImgBox .item img{width:25%;float:left}
.aboutImgBox .item span{width:75%;font-size:20px;line-height:100px;font-weight:bold}
.aboutImgBox .item .parameter{height:105px;overflow:hidden;padding:0 5px 5px 5px}
.aboutImgBox .item .parameter p {margin:0}
.aboutImgBox .item .link{text-align:center;height:auto;padding:5px;}
.aboutImgBox .item .link a{background:#84ad45 url(ico_15.png) right center no-repeat;background-size:auto 60%;border-radius:20px;padding:3px 30px 3px 20px;display:inline-block;color:#fff;transition:all 0.3s}
.aboutImgBox .item .link a:hover{background-color:#f5d425}

.map{width:100%;overflow:hidden;}
.map .mapBg{background:url(ww_map.jpg) bottom center no-repeat;}
.map .mapTitle{text-align:center;font-size:30px;color:#000;font-weight:bold;}
.map .mapContent{overflow:hidden;width:100%;margin:0 auto;height:620px;margin-top:40px;background:rgba(242,242,242,0.8)}
.map .mapContent .title{text-align:center;font-size:26px;color:#333;margin-top:130px;}
.map .mapContent .mapNum{text-align:center;margin-top:20px;}
.map .mapContent .mapNum div{display:inline-block;border-bottom:5px solid #000;color:#000;padding:0px;font-size:70px;margin:15px;}
.map .mapContent .txt{text-align:left;margin-top:30px;color:#333;font-size:20px;padding: 0 50px 0 50px;}
.map .mapContent .txt h4{line-height:30px}
.customerBox{position:absolute;margin-top:-200px;width:100%;overflow:hidden}
.customerBox .item img{width:100%;}
.customerBox .item {margin-bottom:30px}


#searchProduct{margin-top:10px;}

.back{line-height:35px;background:#990000;color:#fff;width:80px;text-align:center;float:right}
.back:hover{color:#fff;background:#000;}
.otherPageBox{background:#f1f1f1;margin-top:20px;padding:10px;overflow:hidden;width:100%;font-size:12px;margin-bottom:20px}
.otherPageBox a{font-size:12px;line-height:20px}
.otherPageBox .back{line-height:40px;font-size:14px}
.aboutProduct{margin:20px 0px 0px 0px;}
.msgBox{border:1px dashed #999;padding:20px;margin:15px 0 30px 0}

.searchList{width:100%;overflow:hidden;}
.searchList li{margin-bottom:10px;border:1px dashed #ccc;padding:5px;float:left;width:100%;}
.searchList li:hover{border:1px dashed #000}
.searchList li .img{width:150px;float:left;display:block;overflow:hidden;margin-right:10px}
.searchList li .img img{width:100%;height:auto}
.searchList li .title{width:auto;float:left;overflow:hidden;display:block}

/*手机版菜单可展开图标*/
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: none;}
#app_menudown span{display:block}
/*菜单栏标志*/
.navbar-brand{padding:0px;width:auto;float:left}
.navbar .navbar-brand:hover{background: none;}
.navbar-brand img{height:35px;margin-top:10px;width:auto;}
.topBox{}
.welcomeBox{width:auto;float:left;line-height:30px;font-size:12px;line-height:25px;color:#fff}
.welcomeBox *{padding:0px;margin:0px;border:0px;background:none;color:#fff}
.borderBottom{background:#000;padding-top:10px;padding-bottom:10px;}

.topContactBox{width:auto;float:right;margin-right:15px;}
.topContactBox img{display:block;width:auto;float:left;margin-left:15px;}
.topContactBox a{display:block;width:auto;float:left;line-height:25px;color:#fff;font-size:12px;cursor:pointer}
.topContactBox a:hover{color:#fff;text-decoration:underline;}

.logo{padding:0px 0px 0px 0px}
.logo *{padding:0px;margin:0px;border:0px}
.logo a img{max-width:100%;height:auto}
/*产品搜索*/
.searchBox{margin: 30px 0px 0px 0px;overflow:hidden}
.searchBox input{float:left;display:block;line-height:40px;color:#fff;transition:background 0.5s;text-indent:10px;width:70%;height:40px;margin:0px 0px 0px 0px;padding:0px;border:0px;background:#444;outline:none;}
.searchBox button{display:block;float:left;width:25%;background:#516196;color:#fff;border:0;margin:0;height:40px;outline:none}
.searchBox button:hover{background:#136b7a}

.searchBox input:focus{ background-color:#666;}
#smallSearch{display:none}

.navImg{max-width:270px;}

.moreBox{text-align:center;margin-top:0px;margin-bottom:20px;width:100%;}
.centerMore{display:inline-block;background:url(arr2.png) #999 no-repeat center center;width:65px;height:65px;border-radius:200px;}
.centerMore:hover{background-color:#44516c}
.loadMore{display:inline-block;border-radius:5px;border:2px solid #fff;color:#fff;padding:10px 30px 10px 30px;font-size:16px;margin-bottom:20px;margin-top:40px;}
.loadMore:hover{background:#44516c;color:#fff}
.imgClassBox{display:block;overflow:hidden;margin-top:30px;margin-bottom:30px;}
.imgClassBox .item{overflow:hidden}
.imgClassBox a{display:block;background:no-repeat center center;background-size:cover;transition:all 0.3s;}
.imgClassBox a div{display:block;text-align:right;color:#fff;padding:40px;transition:all 0.3s}
.imgClassBox a h2{font-size:30px;line-height:45px;}
.imgClassBox a h4{font-size:22px;line-height:30px;}
.imgClassBox a p{font-size:16px;line-height:25px;}
.imgClassBox a div:hover{-webkit-filter: brightness(1.3);filter: brightness(1.3);}
.imgClassBox a:hover{transform:scale(1.1)}
.newsItem{width: 100%;position:relative;height:260px;overflow:hidden}
.newsItem .time{width: 100px; overflow: auto; border: 1px solid #fff; border-radius: 5px; padding: 8px; color: #fff; font-size: 14px; line-height: 25px}
.newsItem .title{color: #fff; line-height: 50px;height:50px;overflow:hidden}
.newsItem .content{color: #ddd; font-size: 12px;line-height:20px;height:60px;overflow:hidden}

.newsItem .newsImg{transition:top 0.4s;position:absolute;top:-130px;z-index:999;background: url(/files/aboutbg.jpg) no-repeat center center; background-size: cover; width: 100%; height: 130px}
.newsItem:hover .newsImg{top:0;}

.newsItem .newsContent{display:block;padding:25px;padding-top:5px;transition:bottom 0.4s;position:absolute;bottom:-130px;z-index:999;background:#050621; width: 100%; height: 130px}
.newsItem:hover .newsContent{bottom:0;}

.newsItem .enter{background:url(more1.png) no-repeat;width:35px;height:36px;margin-top:20px}

.indexContact{}
.indexContact .address{background:url(contact_address.png) left top no-repeat;padding-left:50px;line-height:30px;margin-bottom:15px}
.indexContact .tel{background:url(contact_tel.png) left top no-repeat;padding-left:50px;line-height:30px;margin-bottom:15px}
.indexContact .email{background:url(contact_email.png) left top no-repeat;padding-left:50px;line-height:30px;margin-bottom:15px}

.p1 .icoBox{transition:background 0.4s;background:url(i_icon1.png) no-repeat center center;width:134px;height:134px;margin:0 auto;background-size:100%;}
.p1:hover .icoBox{background-image:url(i_icon.png)}
.p1 .icoBox div{transition:background 0.4s;width:134px;height:134px;background-image:none;background-position:center 134px;}
.p1:hover .icoBox div{transition:background 0.4s;background-position:0 0;background-image:url(m2.png)}

.p2 .icoBox{transition:background 0.4s;background:url(i_icon2.png) no-repeat center center;width:134px;height:134px;margin:0 auto;background-size:100%;}
.p2:hover .icoBox{background-image:url(i_icon.png)}
.p2 .icoBox div{transition:background 0.4s;width:134px;height:134px;background-image:none;background-position:center 134px;}
.p2:hover .icoBox div{transition:background 0.4s;background-position:0 0;background-image:url(m4.png)}

.p3 .icoBox{transition:background 0.4s;background:url(i_icon3.png) no-repeat center center;width:134px;height:134px;margin:0 auto;background-size:100%;}
.p3:hover .icoBox{background-image:url(i_icon.png)}
.p3 .icoBox div{transition:background 0.4s;width:134px;height:134px;background-image:none;background-position:center 134px;}
.p3:hover .icoBox div{transition:background 0.4s;background-position:0 0;background-image:url(m6.png)}

.p4 .icoBox{transition:background 0.4s;background:url(i_icon4.png) no-repeat center center;width:134px;height:134px;margin:0 auto;background-size:100%;}
.p4:hover .icoBox{background-image:url(i_icon.png)}
.p4 .icoBox div{transition:background 0.4s;width:134px;height:134px;background-image:none;background-position:center 134px;}
.p4:hover .icoBox div{transition:background 0.4s;background-position:0 0;background-image:url(m8.png)}

.mapBox{overflow:hidden;box-shadow:-10px 0px 20px rgba(0,0,0,0.2);border:5px solid #fff;}
.mapBox img{width:100%;}

.contactBox{min-height:370px;padding-left:80px;}

.contactBox .title{font-size:30px;margin-top:20px;color:#333;font-weight:bold}
.contactBox .content{overflow:hidden;margin-top:30px}
.contactBox .content p{background:url(yx.png) left 3px no-repeat;background-size:auto 28px;display:block;padding-left:40px;line-height:30px;font-size:16px;color:#333}
.contactBox .content p:nth-child(2){background-image:url(dh.png)}
.contactBox .content p:nth-child(3){background-image:url(cz.png)}
.contactBox .content p:nth-child(4){background-image:url(dz.png)}

.feedbackBox{background:#fff;width:100%;height:auto;position:absolute;top:-140px;box-shadow:-10px 0px 20px rgba(0,0,0,0.2);padding:50px;z-index:99}

.feedbackBox .title{font-size:40px;font-weight:normal;color:#666}
.feedbackBox .content{overflow:hidden;text-align:center}
.feedbackBox .content input{border:0;line-height:45px;height:45px;border-bottom:1px solid #ccc;outline:none;font-size:20px;width:100%;margin-top:50px;color:#333}
.feedbackBox .content button{width:70%;display:inline-block;margin-top:60px;border:0;background:rgba(0,8,71,0.9);color:#fff;padding:8px 0 8px;font-size:25px;outline:none}
.feedbackBox .content button:hover{background:#000}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #999;}

::-moz-placeholder { /* Firefox 19+ */color: #999;}

:-ms-input-placeholder { /* IE 10+ */color: #999;}

:-moz-placeholder { /* Firefox 18- */color: #999;}
/*公司简介*/

.aboutBox{width:100%;overflow:hidden; margin:80px 0px 0px 0px;}
.aboutBox .brandStory{font-family:Impact;font-size:110px;color:#f7f7f7;font-weight:bold;letter-spacing:2px;position:absolute;left:-10px;z-index:-1;top:-10px;width:100%;text-align:left}
.aboutBox .content{text-align:left}
.aboutBox h3{font-size:27px;font-weight:bold;color:#666;margin:50px 0 0 0;}
.aboutBox h2{font-size:33px;font-weight:bold;color:#333;margin:5px 0;line-height:30px;text-align:left}
.aboutBox .more {float:left;color: #fff;display: block;width: 140px;height: 35px;line-height: 35px;padding: 0 0px 0 10px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 40px 110%;transition: all 0.3s }
.aboutBox .more i {float: right;line-height: 30px;height: 35px;margin-right: 10px;font-weight: normal }
.aboutBox .more:hover {background-color: #333;width: 150px;padding: 0 0px 0 15px;}
.aboutNumber{padding:0 0 0 45px;width:33%;float:left;margin:90px 0 0 0;vertical-align:bottom;background:left bottom no-repeat;background-size:28px auto;}
.aboutNumber span{display:inline-block}
.aboutNumber span:first-child{font-size:80px;font-weight:bold;color:#7b7d00;font-family:Impact;line-height:0;letter-spacing:2px;margin-right:10px;}

.brandBox{background:url(bg1.jpg) no-repeat;background-size:cover;width:100%;overflow:hidden; margin:80px 0px 0px 0px;}
.brandBox .title{margin:100px 0 0 0;color:#fff;width:60%;}
.brandBox .title h2{font-weight:bold;font-size:35px;}
.brandBox .title p{font-size:12px;color:rgba(255,255,255,0.8)}
.brandBox .content{width:100%;display:flex;justify-content: space-between;margin:60px 0 100px 0}
.brandBox .item{width:120px;height:auto;display: block;}
.brandBox .item .box{background:url(kuang.png) center center no-repeat;background-size:100% 100%;width:120px;height:120px;margin:0 auto;display:table-cell;vertical-align:middle;text-align:center}
.brandBox .item .box img{width:90px;transition:all 0.3s}
.brandBox .item:hover .box img{transform: scale(1.1);}
.brandBox .item .txt{text-align:center;color:#fff;margin-top:15px;font-size:16px;display:block;width:100%;float:left}
/*首页产品*/
.productBox{ margin:0px 0px 0px 0px;}
.productBox .list{clear: both;  padding: 0px 0px 0px 0px;margin-right: -15px;margin-left: -15px;overflow:hidden;}
.productImg{ min-height: 100px;margin:0px;margin-bottom:20px;}
.productImg .item{padding:15px;background:#eee;padding-bottom:0}
.productImg a{position: relative;display: block;width:auto;margin:0px auto 0px auto;font-size:13px}
.productImg img{margin-right: auto;margin-left: auto;display: block;height:auto; width: 100%;height: auto; margin-bottom: 0px; padding:0px;}
.productImg img:hover{}
.productTitle{width:100%;display:block;text-align: center;line-height:18px;height:55px;padding-top:10px;overflow:hidden;color:#333;}
.productTitle:hover { text-decoration: underline;}
.viewBig{ cursor:pointer}
/*底部产品*/
.bottomProductBox{ margin:0px 0px 20px 0px;overflow:hidden;width:100%;}
.bottomProductBox .list{padding: 0px 0px 0px 0px;overflow:hidden;}
.bottomProductImg{overflow:hidden;padding:10px;border: 1px dashed #ccc;}
.bottomProductImg:hover{border: 1px dashed #000;}
.bottomProductImg span{display:block;height:65px;overflow:hidden;}
.bottomProductImg a{float:left;background-color:#333;color:#fff;margin-top:5px;font-size:12px;display: block;width:60px;line-height:22px;border-radius:4px;text-align:center}
.bottomProductImg img{margin-right: 5px;float:left;display: block;height:auto; width: 50%;height: auto; margin-bottom: 0px; padding:0px;}
.bottomProductImg a:hover{background:#516196;text-decoration: none;}
/*产品列表*/
.productImgBox{background:url(cpbg.jpg) no-repeat center center;background-size:cover;}
.productImgBox .content{background:#f8f8f8;overflow:hidden;margin-top:120px}
.productImgBox .img{width:50%;float:left;text-align:right;background:#222;}
.productImgBox .img img { max-width: 60%; margin: 80px 80px 80px 80px }
.productImgBox .txt{width:50%;float:left;position:relative;}
.productImgBox .txt img{width:270px;position:absolute;left:-70px;top:80px;}
.productImgBox .txt .imgTxt{position:absolute;left:130px;top:105px}
.productImgBox .txt .imgTxt .desc{overflow:hidden;position:absolute;width:380px}
.productImgBox .txt .imgTxt h4{color:#bec400;font-size:16px;font-weight:bold;margin:0}
.productImgBox .txt .imgTxt p{color:#333;font-size:16px}

.detailTable{border:0;margin:40px auto;width:75%;border-collapse: separate;border-spacing: 2px 0px;}
.detailTable thead{background:#bec400;color:#fff;text-align:center;}
.detailTable thead img{height:20px}
.detailTable thead th{padding:8px 0;border-radius:5px 5px 0 0;text-align:center;}

.detailTable tbody tr td{background:#f5f5f5;padding:0;text-align:center;color:#333}
.detailTable tbody td p{margin:0 10px;padding:8px 0;border-bottom:1px solid #333}
.detailTable tbody tr:last-child td p{border:0}

.detailTableNoLine { border: 0; margin: 40px auto; width: 75%; border-collapse: separate; border-spacing: 2px 0px; }
.detailTableNoLine thead { background: #bec400; color: #fff; text-align: center; }
.detailTableNoLine thead img { height: 20px }
.detailTableNoLine thead th { padding: 8px 0; border-radius: 5px 5px 0 0; text-align: center; }

.detailTableNoLine tbody td p { margin: 0 10px; padding: 8px 0;  }
.detailTableNoLine tbody tr td { padding: 0; text-align: center; color: #333 }
.detailTableNoLine tbody tr:nth-child(even) td { background: #f5f5f5; }
.detailTableNoLine tbody tr:nth-child(ood) td { background: #fff; }


.detailIcoBox { overflow: hidden; width: 75%; margin: 40px auto 0 auto }
.detailIcoBox .title{text-align:center;overflow:hidden}
.detailIcoBox .title h2{font-size:30px;font-weight:bold;color:#333;margin:0 0 20px 0;}
.detailIcoBox .title .line{background:#bec400;height:4px;width:80px;display:block;margin:0 auto 0px auto;}
.detailIcoBox .content{overflow:hidden;margin:40px 0 0 0}
.detailIcoBox .content .item{width:20%;text-align:center;float:left}
.detailIcoBox .content .item img{max-width:70px;}
.detailIcoBox .content .item p{color:#333;margin:10px 0 0 0}

.chooseBox{overflow:hidden;margin:70px 0 0 0;background:url(choosebg.jpg) no-repeat center center;background-size:cover;padding:70px 0}
.chooseBox .title{text-align:center;overflow:hidden}
.chooseBox .title h2{font-size:30px;font-weight:bold;color:#fff;margin:0 0 20px 0;}
.chooseBox .title .line{background:#bec400;height:4px;width:80px;display:block;margin:0 auto 0px auto;}
.chooseBox .content{overflow:hidden;width:75%;margin:40px auto 0 auto;text-align:center;position:relative;padding-bottom:70px}
.chooseBox .content img{max-width:300px;}
.chooseBox .content .item{position:absolute;text-align:center;max-width:280px;left:0;z-index:99;color:#fff;top:40%}
.chooseBox .content .item .img{color:#bec400;font-weight:bold;}
.chooseBox .content .item .img img{height:30px}
.chooseBox .content .item:last-child{left: 50%; margin-left: -225px; bottom: 0px; top: inherit; max-width: 500px}

.productDetailBox{overflow:hidden;max-width:850px;margin:80px auto 0 auto;}
.productDetailBox .item{width:100%;float:left}
.productDetailBox .item .img{width:50%;float:left;text-align:left;margin-bottom:50px}
.productDetailBox .item .img img{max-width:70%;}
.productDetailBox .item .txt{width:50%;float:left;margin-top:30px;border-right:2px solid #ccc;min-height:200px}
.productDetailBox .item .txt h3{margin-bottom:20px;background:no-repeat left center;background-size:contain;height:55px;line-height:55px;text-indent:65px;color:#333;font-size:17px}
.productDetailBox .item .txt p{color:#333;margin-top:8px;max-width:400px;font-size:14px}

.productDetailBox .item:nth-of-type(even) .img{float:right;text-align:right}
.productDetailBox .item:nth-of-type(even) .txt{border-left:2px solid #ccc;border-right:0;}
.productDetailBox .item:nth-of-type(even) .txt h3{margin-left:40px}
.productDetailBox .item:nth-of-type(even) .txt p{margin-left:40px}

.productImgDetailBox { overflow: hidden; max-width: 900px; margin: 20px auto 0 auto; }
.productImgDetailBox img{max-width:100%;}

.caseList { margin: 30px 0px 0px 0px; margin-right: -15px; margin-left: -15px; overflow: hidden; }
.caseList .productImg a{text-align:left}
.caseList .productImg .content{padding-bottom:15px;}
.caseList .productImg .txt{height:230px;overflow:hidden;padding-bottom:10px;}
#searchProduct{overflow:hidden;width:100%;}
/*介绍列表*/
.nameList { margin-bottom: 15px;padding:0px;margin-top:0px}
.nameList ul{margin:0px;padding:0px;}
.nameList li:first-child{margin-top:0px;}
.nameList li { padding: 0px;border-bottom:1px solid #eee;padding-left:5px;overflow:hidden}
.nameList li span{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#666;display:block;font-size:12px;float:left;overflow:hidden;margin-top:10px}
.nameList li > a{line-height:40px;display:block;text-indent:5px;float:left;overflow:hidden;width:80%;height:40px}
.nameList li:hover span{background:#990000}
.nameList li .time{width:auto;height:auto;line-height:40px;color:#666;text-align:center;background:none;display:block;font-size:12px;float:right;overflow:hidden;margin-top:0px}
.nameList li:hover .time{background:none}

.faqList{overflow:hidden;}
.faqList .item{background:#fff;overflow:hidden;margin-bottom:15px;}
.faqList .item .content{display:none;padding:10px;border:1px solid #ccc;border-top:0;font-size:18px;font-weight:bold;padding:20px 25px}
.faqList .item .title{background:#84ad45;padding:20px 25px 15px 25px;color:#fff;font-size:24px;cursor:pointer}
.faqList .item .title:hover{background:#84ad45}

/*新闻列表*/
.newsList {overflow:hidden }
.newsList .item{background:#f5f5f5;margin-bottom:30px;overflow:hidden;padding:15px;transition:all 0.3s}
.newsList .item:hover{background:#516196;box-shadow:0 0 20px #ccc}
.newsList .item:hover a{color:#fff}
.newsList .item:hover .title{color:#fff}
.newsList .item a{display:block;overflow:hidden}
.newsList .item .title{padding:15px 0 15px 0;font-size:16px;color:#000;font-weight:bold}
.newsList .item .content{padding:0 0px 0px 0px;}
.newsList .item .img{width:100%;text-align:center}
.newsList .item .img img{width:100%;}
.newsList .item .txt{height:190px;line-height:20px;padding-top:0px}
.newsList .item .txt p{margin:0}

.blogList{overflow:hidden;margin-top:0px;}
.blogList .item{display:block;width:100%;border:1px solid #ccc;margin-top:30px}
.blogList .item .img { width: 100%; height: 200px; position: relative; background: center center no-repeat; background-size: cover; }
.blogList .item .img .marker { position: absolute; right: 20px; top: 15px; padding: 3px 10px; border: 2px solid #fff; color: #bec400; z-index:9 }
.blogList .item .img .bgBox { position: absolute; width: 100%; height: 100%;transition:all 0.3s; display: none; background: rgba(150,150,6,0.9);z-index:1;top:0;left: 0}
.blogList .item .img:hover .bgBox{display:block;}
.blogList .item .img:hover .marker{color:#fff;}
.blogList .item .img .bgBox > div { left: 0; top: 0; position: relative }
.blogList .item .img .bgBox .more { color: #fff; position: relative; margin: 0; padding: 0;width:40%;margin:60px auto 0 auto;text-align:center;border-top:1px solid #fff;border-bottom:1px solid #fff;line-height:35px;font-size:16px; }
.blogList .item .img .bgBox .more a{color:#fff}
.blogList .item .img .bgBox .share { text-align: center; color: #fff; line-height: 40px; }
.blogList .item .img .bgBox .shareItem{text-align:center}
.blogList .item .img .bgBox .shareItem a { display: inline-block; cursor: pointer; }
.blogList .item .img .bgBox .shareItem a:hover img {  transform: scale(1.1) }
.blogList .item .name { line-height: 20px; padding: 10px 10px 5px 10px; height: 50px; text-align: center; font-size: 16px; }
.blogList .item .dateBox{text-align:center;line-height:20px;color:#999;padding-bottom:10px;}

#blogTab { border: 1px solid #ccc; border-left: 0; border-right: 0; margin-top: 30px; }
#blogTab.nav-tabs > li > a{border:0;font-weight:bold;color:#333}
#blogTab.nav-tabs > li > a:hover{background:#fff}
#blogTab.nav-tabs > li.active > a, #blogTab.nav-tabs > li.active > a:hover, #blogTab.nav-tabs > li.active > a:focus { border-bottom: 3px solid #7b7d00; background: #fff }
#blogTabContent .item{overflow:hidden;margin-top:15px;}
#blogTabContent .item .img{width:30%;height:60px;float:left;background:center center no-repeat;background-size:cover;}
#blogTabContent .item .txtBox{width:70%;float:right;}
#blogTabContent .item .txtBox a{display:block;height:40px;line-height:20px;overflow:hidden;margin-left:5px;}
#blogTabContent .item .txtBox span { display: block; height: 20px; color: #bec400; margin-left: 5px; }
/*导航菜单*/
.navbar li span { display: none }
.navbar{ padding:0px 10px 0 10px; margin:0; min-height:52px;  height:52px;border:0px;background:none;border-radius:0px;}
.languange{width:auto;line-height:52px;color:#fff;position:absolute;right:20px;top:0}
.languange a{margin:0;padding:0;color:#fff;margin:0 5px}
.languange a.selected{color:#bec400}
/*翻页组件*/
.pageBar{width: 100%;overflow: hidden;float: left;padding-top: 25px;margin-bottom: 30px;display: inline;}
.pageBar .pageList{width: 100%;overflow: hidden;float: left;line-height: 35px;text-align: center;}
.pageBar .pageList a{font-size: 14px;display: inline-block;text-align: center;width:35px;border-radius:100px;text-align:center;color: #333;margin-top: 10px;margin-right: 5px;margin-left: 5px;background: #f5f5f5;}
.pageBar .pageList a:hover{color: #333;background: #bec400;}
.pageBar .pageList .selected{font-size: 14px;display: inline-block;text-align: center;color: #fff;background: #bec400;cursor: default;}
.pageBar .pageList .selected:hover{color: #fff;background: #bec400;}
/*底部信息*/

.linksBox{text-align:center;padding-bottom:0px;transition:all 0.3s;margin-top:20px;}
.linksBox:hover{}
.linksBox > div{width:auto;display:inline-block;}
.linksBox > ul{width:auto;display:inline-block;padding:0;margin:0}
.linksBox > ul > li{width:auto;display:inline-block;margin-right:5px;margin-left:5px}


.bannerContent {position: absolute;z-index: 0;width: 100%;height: 100%;display: flex;align-items: center;}
.bannerContent > div {margin-left: 5%;overflow: hidden;color: #fff;width: 45%;position:relative }
.bannerContent > div > h2 {font-weight: bold;font-size: 55px;font-family: Impact;letter-spacing: 2px;line-height: 70px }
.bannerContent > div > p { font-size: 14px; color: rgba(255,255,255,0.6); padding-left: 0px; margin: 20px 0px; position: relative }
.bannerContent .more {color: #fff;display: block;width: 140px;height: 35px;line-height: 35px;padding: 0 0px 0 10px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 40px 110%;transition: all 0.3s }
.bannerContent .more i {float: right;line-height: 30px;height: 35px;margin-right: 10px;font-weight: normal }
.bannerContent .more:hover {background-color: #333;width: 150px;padding: 0 0px 0 15px;}
.bannerContent .videoBtn{position:absolute;right:0%;bottom:10%}
.bannerContent .videoBtn img{width:100px;display:block;cursor:pointer}
.bannerContent .videoBtn img:hover{filter: invert(100%);}



.swiper-slide {transition: 300ms;transform: scale(0.8);opacity: 0.5;}
.swiper-slide-active, .swiper-slide-duplicate-active {transform: scale(1);opacity: 1;}
.swiper-button-prev {margin-left: 30%;border-radius: 100px;background-size: 7px auto;background-color: #bec400;height: 27px;background-position: center center;}
.swiper-button-prev:hover {background-color: #333 }
.swiper-button-next {margin-right: 30%;border-radius: 100px;background-size: 7px auto;background-color: #bec400;height: 27px;background-position: center center;}
.swiper-button-next:hover {background-color: #333 }
.swiper-slide .txtBox {display: none }
.swiper-slide .txtBox .txt {width: 70%;float: left;text-align: left;padding: 5px 0 0 0 }
.swiper-slide .txtBox .txt p {color: #6c6e07;font-size: 18px;margin: 0;font-weight: bold;}
.swiper-slide .txtBox .txt p:last-child {color: #333;font-size: 12px;font-weight: normal;}
.swiper-slide .txtBox .moreBox {width: 30%;float: right }
.swiper-slide .txtBox .moreBox a {transition: all 0.3s;display: block;border-radius: 100px;background: #bec400;color: #fff;font-weight: normal;font-size: 12px;padding: 5px 0 }
.swiper-slide .txtBox .moreBox a:hover {background: #333 }
.swiper-slide-active .txtBox, .swiper-slide-duplicate-active .txtBox {display: block }
.slideLine {opacity: 0.2;z-index: 9;background: url(/files/slideline.png) center center repeat-y;width: 1px;height: 100%;position: absolute;top: 0;margin-left: 22px }

.solutionBox{background:#f7f7f7;padding:80px 0;}
.solutionBox .title > div{width:80%;float:left;}
.solutionBox .title .more {float:right;color: #fff;display: block;width: 140px;height: 35px;line-height: 35px;padding: 0 0px 0 10px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 40px 110%;transition: all 0.3s }
.solutionBox .title .more i {float: right;line-height: 30px;height: 35px;margin-right: 10px;font-weight: normal }
.solutionBox .title .more:hover {background-color: #333;width: 150px;padding: 0 0px 0 15px;}
.solutionBox .title h2{background:url(titlebg.png) bottom center repeat-x;padding:0 5px;background-size:auto 12px;width:auto;display:inline-block;color:#000;font-size:35px;line-height:35px;font-weight:bold;margin:0 0 5px 0}

.lcBox{border:1px solid #ccc;overflow:hidden;padding:15px;border-radius:3px;max-width:1400px;margin:70px auto;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.lcBox .txt{font-size:24px;color:#333;margin-top:15px;margin-bottom:20px;line-height:30px}
.lcBox .moreBtn a{display:inline-block;background:#a1e84a;color:#fff;font-weight:bold;color:#fff;width:150px;border-radius:5px;line-height:40px;text-align:center}

.lcBox .lcImg{text-align:right}

.indexVideoBox{background:url(hamho_29.jpg) no-repeat center center;background-size:cover;overflow:hidden;padding:150px 0 150px;text-align:center}

.contactAboutBox{overflow:hidden;text-align:center;padding:100px 0 100px 0;margin-bottom:10px;text-align:center}
.contactAboutBox img{max-width:100%;margin-bottom:15px}
.contactAboutBox a.btn{display:inline-block;color:#fff;background:#84ad45;border-radius:100px;padding:5px 0;width:120px;transition:all 0.3s}
.contactAboutBox .item{transition:all 0.3s;width:40%;display:inline-block;}
.contactAboutBox .item img{transition:all 0.3s;-webkit-filter: brightness(1);filter: brightness(1);}
.contactAboutBox .item:hover img{-webkit-filter: brightness(.8);filter: brightness(.8);}
.contactAboutBox .item:hover a.btn{background:#666;color:#fff}

.submitGroup{background:url(bg2.jpg) no-repeat;background-size:cover;padding:40px 0 ;text-align:center}
.submitGroup h2{color:#fff;font-size:40px;font-weight:bold}
.submitGroup p{color:rgba(255,255,255,0.5);margin:20px 0;font-size:13px}
.submitGroup .submitBox{width:480px;margin:0 auto;position:relative}
.submitGroup .submitBox input{color:#fff;background:rgba(255,255,255,0.2);line-height:35px;padding:0px 10px;border:0;width:480px;margin:0 auto;height:35px;overflow:hidden;display:block;float:left;border-radius:100px;}
.submitGroup .submitBox button{height:31px;margin:0;border:0;display:block;width:31px;float:right;background:#bec400;transition:all 0.3s;color:#fff;border-radius:100px;font-weight:bold;position:absolute;right:2px;top:2px;}
.submitGroup .submitBox button:hover{background:#333}
.talkBox{overflow:hidden;padding:90px;background:#f5d425;text-align:center;margin-top:30px}
.talkBox p{color:#fff;font-size:40px;margin-bottom:25px;font-weight:bold}
.talkBox a{display:inline-block;background:#fff;font-size:34px;text-align:center;padding:7px 30px;color:#f5d425;border-radius:10px}
 a:hover, a:focus{text-decoration:none}

 .shareBox{background:#7b7d00;overflow:hidden;padding:10px 0;margin:0;width:100%;float:left}
 .shareBox a{display:block;float:left;width:auto;margin-right:10px;border-radius:100px;padding:6px;background:rgba(255,255,255,0.3);transition:all 0.3s} 
 .shareBox a img{width:17px;height:17px;display:block;}
 .shareBox a:hover{background:#222}
/*底部信息*/
footer{  background:#222 no-repeat center top;background-size:cover; color:#fff; padding:0px 0px 0px 0px; margin-top:0px; font-size:14px;}
footer a{ color:#fff;}
footer a:hover{color:#fff}

footer .footerLogo{width:28%;float:left;color:#ccc}
footer .quikLink{width:auto;float:right;margin-left:80px}
footer .footerTitle{font-size:16px;line-height:40px;height:45px;margin-bottom:0px;font-weight:normal;color:#fff;font-weight:bold}
footer .footerTitle a{color:#fff;}
footer .footerContent a{font-size:14px;line-height:30px;color:#ccc;font-weight:normal;display:block}
footer .footerContent a:hover{color:#fff;text-decoration:underline}

footer .copyright{margin-top:30px;color:#eee;overflow:hidden;text-align:right;font-size:14px;background:#434343;padding:20px 0 20px 0}
footer .copyright a{ color:#eee;}

footer .beian{margin:0;margin-top:5px}
footer .beian a,footer .beian img{display:inline-block;line-height:16px;height:16px;}

.detailContentBox{margin-top:30px;overflow:hidden;font-size:14px;}

.foot_nav{ width:25%;float:left;background-color: #fafafa;text-align:center;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}

/*横幅*/
.banner{width:100%;height:auto;background:#fff;padding:0;margin:0;overflow:hidden;position:relative}
.firstBannerImg{width:100%;overflow:hidden;}
.firstBannerImg img{margin:0 auto;display:block;max-width:100%;}
#html5zoo-pc-box,#html5zoo-mobile-box{margin:0 auto;position:relative}
#html5zoo-pc,#html5zoo-mobile{display:none}

.messageBox{margin:0 50px;}

.bannerAdBox{display:none}
.bannerAdBox{text-align:right;color:#fff;position:absolute;top:200px;width:100%;font-size:14px;letter-spacing:-1px}
.bannerAdBox h3{font-size:60px;color:#fff;font-weight:normal;letter-spacing:1px}
.bannerAdBox h4{font-size:50px}
.bannerAdBox p{font-size:50px;color:#516196}

.bannerAdBox1{display:block}
.bannerAdBox1{text-align:right;color:#fff;position:absolute;top:150px;width:100%;font-size:14px;letter-spacing:-1px}
.bannerAdBox1 h3{font-size:40px;color:#fff;font-weight:normal;letter-spacing:1px}
.bannerAdBox1 h4{font-size:50px}
.bannerAdBox1 p{font-size:70px;color:#fff;font-weight:bold}



.navTxtBox{padding:0px 0;margin:0px;position:absolute;bottom:40px;left:8%;width:100%;color:#fff;display:block;z-index:99}
.navTxtBox h3{font-size:40px;margin:10px 0;font-weight:bold;}
.navTxtBox p{font-size:16px;margin:0px 0;}
.navTxtBox .line{border-bottom:2px solid #fff;width:50px;}

.bgBox{position:relative;width:100%;}
.bgBox > div{position:absolute;z-index:99;top:-60px;left:0;width:100%}
.bgBox > div > div{height:60px;background:#fff;margin:0 auto}

#indexProductBox a:hover{-webkit-filter: brightness(0.96);filter: brightness(0.96);box-shadow:0 0 20px #999}

.indexTitle{text-align:center;overflow:hidden;margin-bottom:30px;color:#000;font-size:24px;font-weight:bold}
.otherTitle{text-align:center;padding-top:30px;display:block;overflow:hidden;color:#000;font-size:24px;}
.otherBtnBox{text-align:center;padding-top:15px;}
#indexProductBox .otherBtnBox a{background:#333;color:#fff;border-radius:100px;padding:7px 20px 7px 20px;display:inline-block;width:auto;line-height:none;margin:0 7px 0 7px;}

.indexNewsBox{padding:80px 0 80px 0;}
.indexNewsBox .title > div{width:80%;float:left;}
.indexNewsBox .title .more {float:right;color: #fff;display: block;width: 140px;height: 35px;line-height: 35px;padding: 0 0px 0 10px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 40px 110%;transition: all 0.3s }
.indexNewsBox .title .more i {float: right;line-height: 30px;height: 35px;margin-right: 10px;font-weight: normal }
.indexNewsBox .title .more:hover {background-color: #333;width: 150px;padding: 0 0px 0 15px;}
.indexNewsBox .title h2{background:url(titlebg.png) bottom center repeat-x;padding:0 5px;background-size:auto 12px;width:auto;display:inline-block;color:#000;font-size:35px;line-height:35px;margin:0;font-weight:bold}
.indexNewsBox .content {column-count: 3;column-gap: 20px;overflow:hidden;float: left;margin-top:30px}
.indexNewsBox .content .item{margin-bottom:20px;background:no-repeat center center;background-size:cover;position:relative;overflow:hidden;display:block;}
.indexNewsBox .content .item .txt{position:absolute;bottom:10px;left:10px;right:10px;}
.indexNewsBox .content .item img{width:100%;filter: brightness(50%);transition:all 0.3s}
.indexNewsBox .content .item:hover img{transform:scale(1.2);filter: brightness(80%);}
.indexNewsBox .content .item .txt h3{font-size:14px;color:#bec400;margin:5px 0;}
.indexNewsBox .content .item .txt p{font-size:12px;color:#fff}


.whoBox{background:#f5f5f5;overflow:hidden;padding:80px 0;margin:60px 0 0 0;}
.whoBox .item{margin:30px 0 0 0;}
.whoBox .item .img{width:26%;float:left;overflow:hidden}
.whoBox .item .txt{width:74%;float:left;}
.whoBox .item .txt h3{font-weight:bold;color:#333;margin:0;margin-bottom:5px}

.honorBox{background:#fff;overflow:hidden;padding:80px 0;margin:0px 0 0 0;}
.honorBox .item{width:25%;text-align:center;float:left;margin-top:30px}
.honorBox .item img{max-width:100%;}

.factoryBox{height:auto;width:100%;position:relative;margin:50px 0 100px 0;}
.factoryBox .txt{position:absolute;left:0px; top:0px;width:39%;}
.factoryBox .txt h3{font-weight:bold;font-size:20px;margin:0px 0 15px 0;}
.factoryBox .txt p{letter-spacing:0px;}

.detailContent .factoryBox:last-child .txt{left:inherit;right:0px;width:37%;}

.productionBox{overflow:hidden;margin-bottom:30px}
.productionBox .imgItem{width:55%;float:left;}
.productionBox .imgItem img{max-width:100%}
.productionBox .imgTxtItem{width:45%;float:right;}
.productionBox .imgTxtItem .img{overflow:hidden;}
.productionBox .imgTxtItem .txtBox {padding-left:15px;}
.productionBox .imgTxtItem .txt h3{background:url(/files/工艺_13.jpg) left center no-repeat;background-size:16px 16px;padding-left:22px;margin:0 0 5px 0;font-size:18px;font-weight:bold}
.productionBox .imgTxtItem .txt p{line-height:17px;font-size:14px;}

.productionBox:nth-of-type(even) .imgTxtItem{float:left}
.productionBox:nth-of-type(even) .imgTxtItem .txtBox{padding-left:0;padding-right:15px;}

.laboratoryBox{overflow:hidden;max-width:880px;margin:0 auto}
.laboratoryBox .item{overflow:hidden;margin:40px 0}
.laboratoryBox .item .img{width:42%;float:left;text-align:center}
.laboratoryBox .item .img img{max-height:400px}
.laboratoryBox .item .ico{width:15%;float:left;text-align:center;padding-top:35px}
.laboratoryBox .item .ico img{max-width:80px;}
.laboratoryBox .item .txt{width:42%;float:left;padding-top:0px}
.laboratoryBox .item .txt h3{font-size:40px;font-family:Impact;font-weight:bold;margin:0px 0 10px 0}
.laboratoryBox .item .txt h3 span{color:#bec400}
.laboratoryBox .item .txt h4{font-weight:bold}
.laboratoryBox .item .txt p{line-height:20px;font-size:14px}
.laboratoryBox .item .txt img{max-width:80%}
.laboratoryBox .item:nth-of-type(even) .ico{float:right}
.laboratoryBox .item:nth-of-type(even) .img{float:right}

.insuranceBox{overflow:hidden;padding:0px 0 60px 0;}
.insuranceBox .title{font-weight:bold;font-size:30px;text-align:center;color:#84ad45}
.insuranceBox .content{overflow:hidden;margin-top:0px}
.insuranceBox .content .left{width:67%;float:left;overflow:hidden}
.insuranceBox .content .right{width:33%;float:left;overflow:hidden;background:center center no-repeat;background-size:cover}

.insuranceBox .content .left .item{width:48%;background:#f4f7fe center center;background-size:cover;height:300px;position:relative;margin-right:2%;float:left;margin-bottom:15px}

.insuranceBox .content .left .item:first-child{width:98%;background:url(a1.jpg) center center;background-size:cover;height:300px;position:relative;margin-right:2%}
.insuranceBox .content .right .item{width:100%;height:300px;position:relative;margin-right:0%;float:left;margin-bottom:0%;transition:all 0.3s}
.insuranceBox .content .right .item:last-child{height:315px;background:#f5f5f5 }
.insuranceBox .content .right .item .txt{background:none;height:315px;color:#516196}
.insuranceBox .content .right .item .txt .name{color:#516196}
.insuranceBox .content .right .item .txt .parameter{color:#516196}
.insuranceBox .content .right .item .more a{color:#516196;border-color:#516196}
.insuranceBox .content .right .item .more a:hover{background:#516196;color:#fff}

.insuranceBox .content .item .txt{overflow:hidden;padding:30px;height:300px;background:rgba(0,0,0,0.6);transition:all 0.3s}
.insuranceBox .content .left .item:hover .txt{background:rgba(0,0,0,0.3)}
.insuranceBox .content .right:hover .item{background-color:rgba(0,0,0,0.3)}
.insuranceBox .content .item .name{font-size:24px;color:#fff;font-weight:bold;margin-bottom:15px;}
.insuranceBox .content .item .parameter{font-size:14px;color:#fff}
.insuranceBox .content .item .more{position:absolute;bottom:30px;left:30px}
.insuranceBox .content .item .more a{color:#fff;display:inline-block;border:2px solid #fff;padding:5px 15px;border-radius:100px;font-size:14px;font-weight:bold;transition:all 0.3s}
.insuranceBox .content .item .more a:hover{padding:5px 20px;background:#fff;color:#000;cursor:pointer}

.caseBgBox{overflow:hidden;padding:70px 0 100px 0;background: #333 url(hamho_38.png) center bottom no-repeat;background-size:auto 88%;margin:0px 0;}

.caseBgBox .title{font-size:40px;font-family:rajdhani;font-weight:bold;color:#82d16a;margin-bottom:100px;width:100%;line-height:40px;text-align:center}
.caseBgBox .title .titleLine{display:inline-block;width:150px;border-top:4px solid #666;}

.caseBgBox .caseBox{overflow:hidden;padding:0px 0 0px 0}
.caseBgBox .caseBox .icoBox{max-width:1000px;margin:0 auto}
.caseBgBox .caseBox .icoBox .item{width:33%;float:left;text-align:center;margin:0%}
.caseBgBox .caseBox .icoBox .item a{display:inline-block;width:150px;height:150px;border-radius:200px;border:2px solid #fff;}
.caseBgBox .caseBox .icoBox .item:hover a{}
.caseBgBox .caseBox .icoBox .item:hover .iconfont{font-size:65px;}
.caseBgBox .caseBox .icoBox .item:hover .txt .parameter{}
.caseBgBox .caseBox .icoBox .item .iconfont{font-size:55px;color:#fff;line-height:145px;transition:all 0.3s}
.caseBgBox .caseBox .icoBox .item .txt .name{color:#82d16a;font-size:40px;font-weight:bold;margin-top:20px}
.caseBgBox .caseBox .icoBox .item .txt .parameter{padding:10px;color:#fff;font-weight:normal;font-size:16px;}
.caseBgBox .caseBox .icoBox .item:first-child .txt .parameter{}
.caseBgBox .caseBox .icoBox .item:last-child .txt .parameter{}


#modal-book .modal-dialog{width:540px;}
/*产品搜索标题*/
.searchTitle{width:100%;padding-bottom:10px;font-weight:bold;}

/*当前位置*/
.positionBox{width:100%;margin:0px;padding:0px;text-align:left;padding-top:10px;padding-bottom:10px;color:#333;}
.positionBox a{color:#333}
.positionBox a:last-child{color:#898e06}
.detail .positionBox{position:relative;top:0;margin-top:0px;text-shadow:none;color:#333}
.detail .positionBox a{color:#333}

.detail .container{max-width:1170px}

.aboutContent{background:url(companybg.jpg) center center no-repeat;margin-top:0px;background-size:cover;padding:50px;color:#303e72;box-shadow: 0px 0px 20px #ccc inset; font-size:16px;}
.aboutContent p{margin:0;}
.aboutImg{width:100%}
.aboutImg img{width:100%}

.topBackBox{text-align:center;margin-top:30px;margin-bottom:30px;overflow:hidden;border-top:1px solid #ccc;padding-top:30px}
.topBackBox img{width:100px;}

.followBox{text-align:right;margin-top:30px;overflow:hidden;width:100%;margin-bottom:30px;}
.followBox a{margin-left:5px;}

.productClass{padding:30px 0 60px 0;overflow:hidden;text-align:center}
.productClass p{margin:10px 0;font-weight:normal;color:#333}
.productClass img{width:100%;}

.productList{padding:30px 0 60px 0;overflow:hidden;text-align:center}
.productList p{margin:10px 0;font-weight:normal;color:#333}
.productList img{width:100%;}

.classBox{text-align:center;padding:30px 0 0px 0;}

.classBox a{display:inline-block;margin-left:10px;margin-right:10px;padding:10px 20px 10px 20px;border-radius:3px;font-size:18px;color:#000;background:#eee}
.classBox a.selected,.classBox a:hover{background:#84ad45;color:#fff}
/*首页导航菜单*/
.indexNavigationGroup{display:none;}

/*导航菜单*/
.navigationBox{overflow:hidden;width:100%;line-height:40px;margin-bottom:20px;}
.navigationBox .title{font-size:22px;font-weight:bold;color:#333;margin-bottom:10px;margin-top:10px;}

#firstpane .selected{color:#898e06;font-weight:bold}
#firstpane li span{cursor:pointer;line-height:30px;height:30px;background:#333;display:block;position:absolute;right:0px;top:2px;color:#fff;width:30px;text-align:center;font-size:20px;font-weight:bold;display:none}
#firstpane li span:hover{background:#516196;}
#firstpane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:-10px;}
#firstpane > li{float:left;width:100%;position:relative;}
#firstpane > li:hover{}
#firstpane > li > a{display:block;text-indent:12px;width:100%;overflow:hidden;background: url(arrow.png) no-repeat left center;background-size:auto 12px;line-height:30px;}
#firstpane > li > a:hover{}
/*小类*/
#firstpane > li > ul{float:left;padding:0px;margin:0px;display:block;width:100%;}
#firstpane > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li:hover{}
#firstpane > li > ul > li > a{display:block;text-indent:22px;font-size:12px;background: url(arrow.png) no-repeat 12px center;background-size:auto 12px;line-height:25px;}
#firstpane > li > ul > li > a:hover{}
/*小类*/
#firstpane > li > ul > li > ul{width:100%}
#firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li > ul > li:hover{}
#firstpane > li > ul > li > ul > li > a{display:block;text-indent:50px;background: url(arrow.png) no-repeat 38px 16px;background-size:auto 12px;}
#firstpane > li > ul > li > ul > li > a:hover{}

.keyweb{padding:0px;}


/*屏幕宽度为414px至767px*/
@media screen and (min-width:414px) and (max-width:767px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {float: left;}
  .col-mm-12 {width: 100%;}
  .col-mm-11 {width: 91.66666667%;}
  .col-mm-10 {width: 83.33333333%;}
  .col-mm-9 {width: 75%;}
  .col-mm-8 {width: 66.66666667%;}
  .col-mm-7 {width: 58.33333333%;}
  .col-mm-6 {width: 50%;}
  .col-mm-5 {width: 41.66666667%;}
  .col-mm-4 {width: 33.33333333%;}
  .col-mm-3 {width: 25%;}
  .col-mm-2 {width: 16.66666667%;}
  .col-mm-1 {width: 8.33333333%;}
  .logo img{max-width:400px;}
}
/*屏幕宽度为480px以下，手机版*/
@media screen and (max-width: 480px) 
{
     
}
/*屏幕宽度为768px以下，手机版*/
@media screen and (max-width: 767px) 
{
    #html5zoo-mobile-box{display:block}
    #html5zoo-pc-box{display:none}
    #rightBox{float:left;}

    #indexBody header .navbar{background:#7b7d00;height:52px}

	.navbar{padding:0}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{}
	.navbar-toggle{border:0px;margin-top:10px;margin-bottom:10px;color:#fff;}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {}
	.navbar-default .navbar-toggle .icon-bar{background:#fff}
	.navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
	.navbar-default .navbar-nav > li {}
	.navbar-default .navbar-nav > li:last-child{border: none;}
	.navbar-default .navbar-nav > li > a{color:#84ad45;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #84ad45;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus,
	.navbar-default .navbar-nav > .open > a, 
	.navbar-default .navbar-nav > .open > a:hover, 
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background:url(alpha.png); color: #fff;}
	#navbar{border:0px;background:url(alpha.png);}
    .navbar .dropdown-menu li ul{padding:0}
	.navbar .dropdown-menu li a{line-height:30px;display:block;}
	.navbar .dropdown-menu li a:hover{background:url(alpha.png);}
	.navbar .dropdown-menu li ul li a{color:#fff;padding-left:40px}
	.navbar .dropdown-menu li ul li ul li a{color:#fff;padding-left:60px}
	.navbar .dropdown-menu a span{display:inline;}

	.navbar-brand img{height:30px;margin-top:12px;margin-left:5px}
	

	#app_menudown{ display:block; }
	#cmsFloatPanel{display:none;}
	.slider__arrows-item {display:none;}


    .banner{margin:52px 0 0 0;}
    .bannerContent > div {padding-left: 0%;overflow: hidden;color: #fff;width: 100% }
    .bannerContent > div > h2 {font-weight: bold;font-size: 18px;font-family: Impact;letter-spacing: 1px;line-height: 22px;margin:0 0 0 10px;}
    .bannerContent > div > p {font-size: 12px;color: rgba(255,255,255,0.6);padding-left: 10px;margin: 10px 0px;}
    .bannerContent .more {color: #fff;display: block;font-size:12px;width: 100px;height: 30px;line-height: 30px;padding: 0 0px 0 6px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 25px 110%;transition: all 0.3s }
    .bannerContent .more i {float: right;line-height: 28px;height: 28px;margin-right: 6px;font-weight: normal }
    .bannerContent .more:hover {background-color: #333;width: 150px;padding: 0 0px 0 15px;}

 

    .languange{position:absolute;top:0;right:70px;}

    .solutionBox{padding:30px 0;}
    .solutionBox .title > div{width:60%;float:left;}
    .solutionBox .title .more {font-size:12px ;float:right;color: #fff;display: block;width: 110px;height: 30px;line-height: 30px;padding: 0 0px 0 5px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 30px 110%;transition: all 0.3s;margin-top:0px; }
    .solutionBox .title .more i {float: right;line-height: 27px;height: 30px;margin-right: 8px;font-weight: normal;}
    .solutionBox .title .more:hover {background-color: #333;width: 110px;padding: 0 0px 0 5px;}
    .solutionBox .title h2{background:url(titlebg.png) bottom center repeat-x;padding:0 5px;background-size:auto 5px;width:auto;display:inline-block;color:#000;font-size:24px;font-weight:bold;margin:3px 0 0 0}
    .solutionBox .title p{display:none}

    .swiper-button-prev{margin-left:0%}
    .swiper-button-next{margin-right:0%}
    .swiper-slide .txtBox{padding:0 10px}
    .swiper-slide img{max-width:80%;margin:10px 0}
    .swiper-slide{text-align:center}
    .slideLine{display:none}

    .aboutBox{margin:30px 0px 0px 0px;}
    .aboutBox .brandStory{font-size:60px;color:#f7f7f7;font-weight:bold;letter-spacing:2px;position:absolute;left:0px;z-index:-1;top:0px;width:100%;text-align:center}
    .aboutBox .content{text-align:left}
    .aboutBox h3{margin:30px 0 0 0;font-size:16px;}
    .aboutBox h2{font-size:19px}

    .aboutBox .more {font-size:12px ;float:left;color: #fff;display: block;width: 110px;height: 30px;line-height: 30px;padding: 0 0px 0 5px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 30px 110%;transition: all 0.3s;margin-top:0px;margin-bottom:20px }
    .aboutBox .more i {float: right;line-height: 27px;height: 30px;margin-right: 8px;font-weight: normal;}
    .aboutBox .more:hover {background-color: #333;width: 110px;padding: 0 0px 0 5px;}
    .aboutNumber{padding:40px 0 0 0;width:50%;float:left;margin:0px 0 0 0;vertical-align:bottom;background:center 15px no-repeat;background-size:auto 18px;border:1px solid #ccc;border-top:0;border-left:0}
    .aboutNumber span{display: block;text-align: center;height: 40px;line-height: 18px;}
    .aboutNumber span:first-child{font-size: 30px;font-weight: bold;color: #7b7d00;font-family: Impact;line-height: 30px;letter-spacing: 2px;margin-right: 0px;display: block;text-align: center;}
    .aboutBox .aboutNumber:nth-of-type(even){border-right:0}

    .brandBox{margin:30px 0 0 0;}
    .brandBox .title{margin:30px 0 0 0;width:100%;}
    .brandBox .title h2{font-size:20px}
    .brandBox .content{margin:30px 0 30px 0;flex-wrap:wrap}
    .brandBox .item{width:50%;}
    .brandBox .item .box{display:block}
    .brandBox .item .box img{margin-top:18px}
    .brandBox .item .txt{margin-bottom:15px}

    .indexNewsBox{padding:30px 0 0px 0;margin-bottom:0}
    .indexNewsBox .title > div{width:60%;float:left;}
    .indexNewsBox .title .more {font-size:12px ;float:right;color: #fff;display: block;width: 110px;height: 30px;line-height: 30px;padding: 0 0px 0 5px;background: #bec400 url(/files/morebg.png) right center no-repeat;background-size: 30px 110%;transition: all 0.3s;margin-top:0px; }
    .indexNewsBox .title .more i {float: right;line-height: 27px;height: 30px;margin-right: 8px;font-weight: normal;}
    .indexNewsBox .title .more:hover {background-color: #333;width: 110px;padding: 0 0px 0 5px;}
    .indexNewsBox .title h2{background:url(titlebg.png) bottom center repeat-x;padding:0 5px;background-size:auto 5px;width:auto;display:inline-block;color:#000;font-size:24px;font-weight:bold;margin:3px 0 0 0}
    .indexNewsBox .title p{display:none}
    .indexNewsBox .content {column-count: 3;column-gap: 20px;overflow:hidden;float: left;margin-top:20px}
    .indexNewsBox .content .item{margin-bottom:20px;background:no-repeat center center;background-size:cover;position:relative;overflow:hidden}
    .indexNewsBox .content .item .txt{position:absolute;bottom:10px;left:10px;right:10px;}
    .indexNewsBox .content .item img{width:100%;filter: brightness(50%);transition:all 0.3s}
    .indexNewsBox .content .item:hover img{transform:scale(1.2);filter: brightness(80%);}
    .indexNewsBox .content .item .txt h3{font-size:14px;color:#bec400;margin:5px 0;}
    .indexNewsBox .content .item .txt p{font-size:12px;color:#fff}
    .indexNewsBox .content{column-count:1}

    .whoBox{padding:15px 0 0 0;margin:10px 0 0 0}
    .detailTitle h2{font-size:20px}
    .detailTitle .line{width:100%}
    .whoBox .item{margin:0px 0 10px 0;overflow:hidden}
    .whoBox .item .img{width:20%}
    .whoBox .item .img img{max-width:90%}
    .whoBox .item .txt h3{font-size:20px}

    .honorBox{padding:15px 0px 20px 0px;}
    .honorBox .keyweb{padding:0 10px;}
    .honorBox .item{width:48%;margin:0 1% 1% 1%}
    .honorBox .item img{}

    .navigationBox{margin-bottom:0}

    .factoryBox{margin:0 0 30px 0;}
    .factoryBox .txt{width:100%;position:relative}
    .factoryBox .txt h3{font-size:20px}
    .detailContent .factoryBox:last-child .txt{left:inherit;right:0px;width:100%;}
    .detailContent .factoryBox:last-child{margin-bottom:20px}

    .productionBox{margin-bottom:15px}
    .productionBox .imgTxtItem{width:100%}
    .productionBox .imgTxtItem .txtBox{padding:0}
    .productionBox .imgItem{width:100%;margin:15px 0 0 0}


    .laboratoryBox .item{margin:15px 0 15px 0;border-top:1px solid #ccc;padding-top:15px}
    .laboratoryBox .item .img{width:70%;}
    .laboratoryBox .item .img img{max-width:90%}
    .laboratoryBox .item .ico{width:30%;padding:10px 0 0 0;}
    .laboratoryBox .item .txt{width:100%;padding:10px 0 0 0}
    .laboratoryBox .item .txt h3{font-size:35px;}
    .laboratoryBox .item .txt img{display:block;margin:0 auto}


    .newsYearTitle, .newsYearList{display:none}
    .newsList .line{background-position:-150px center;margin:30px 0 0 0;}
    .newsList .txt .time{margin:10px 0 0 0;background-position:top right;width:21%;float:left;padding-bottom:0}
    .newsList .txt h3{width:77%;float:left;margin:5px 0 5px 1%;}
    .newsList .txt p{margin:10px 0 0 0;overflow:hidden;width:100%;float:left}
    .newsList .txt{margin:10px 0;overflow:hidden}
   .positionBox{position:relative;left:0;top:0;background:#f9f9f9;text-shadow:0 0 0 #333;color:#333;padding-left:0px;text-align:left}
   .positionBox a{color:#333}
   .detailContent{padding:0;font-size:16px;color:#000;padding-top:0px}
   
    #ff table{margin-top:0px;margin-bottom:0px;width:100%;margin-right:0}

    .navTxtBox{bottom:10px;left:0px;}
    .navTxtBox p{font-size:12px}
    .navTxtBox h3{font-size:16px;margin:5px 0}

    .submitGroup{padding:30px 0}
    .submitGroup h2{font-size:20px;margin:0}
    .submitGroup p{font-size:9px;margin:10px}
    .submitGroup .submitBox{width:90%;text-align:center}
    .submitGroup .submitBox input{width:100%;display:inline-block;float:none;border-radius:100px;margin-right:10px}
    .submitGroup .submitBox button{display:inline-block;font-size:12px;float:none}
    footer{padding-bottom:20px;padding-left:0px;}
    footer .footerLogo{width:inherit;text-align:center}
    footer .footerLogo img{display:none}
    footer .quikLink{display:none}
    #modal-book .modal-dialog{width:auto}
    #ff{margin:0}
    #ff .submitBtn{width:100%;padding:5px 0}
    .contactBox{min-height:370px;padding-left:15px;}
    .contactBox .content{margin:15px 0 0 0;padding-bottom:30px}

    .productClass{padding:15px 7px 0 7px}
    .productClass > div{padding:0 7px}
    .productClass p{height:40px;line-height:20px;margin:5px 0 0 0;font-size:12px;}

    .productList{padding:15px 7px 0 7px}
    .productList > div{padding:0 7px}

    .productImgBox .content{margin: 50px -15px 0 -15px;}
    .productImgBox .img{width:100%;text-align:center}
    .productImgBox .img img{width:70%;margin:30px;}
    .productImgBox .txt{width:100%;zoom:0.58;height:530px;left:70px;top:-20px;}
    .detailTable{width:100%;margin:15px 0;min-width:800px}
    .detailTableNoLine { width: 100%; margin: 15px 0; min-width: 800px }
    .tableBox{padding:0;overflow:auto}

    .detailIcoBox{width:100%;margin:30px 0 0 0}
    .detailIcoBox .title h2{font-size:20px;margin:0 0 10px 0}
    .detailIcoBox .title .line{height:2px;width:50px}
    .detailIcoBox .content{margin:30px 0 0 0 ;text-align:center}
    .detailIcoBox .content .item{width:30%;display:inline-block;float:none;height:100px;margin:0}
    .detailIcoBox .content .item p{height:40px;overflow:hidden;}
    .detailIcoBox .content .item img{max-width:60px;}

    .chooseBox{margin:30px 0 0 0;padding:30px 0 0 0}
    .chooseBox .title h2{font-size:20px;margin:0 0 10px 0}
    .chooseBox .title .line{height:2px;width:50px;}
    .chooseBox .content{width:100%;padding-bottom:30px}
    .chooseBox .content .item{position:relative;left:0;top:0;width:100%;float:left;overflow:hidden;max-width:initial;text-align:left;margin-bottom:10px}
    .chooseBox .content .item:last-child{max-width:inherit;left:0;top:0;position:relative;margin:0}
    .productDetailBox{margin:30px 0 0 0}
    .productDetailBox .item .img,.productDetailBox .item:nth-of-type(even) .img{width:100%;text-align:center;margin-bottom:0}
    .productDetailBox .item .txt,.productDetailBox .item:nth-of-type(even) .txt{min-height:inherit;width:100%;border:0;margin:10px 0 30px 0;border-bottom:2px solid #ccc;padding:0 0 15px 0;}
    .productDetailBox .item:nth-of-type(even) .txt h3,.productDetailBox .item:nth-of-type(even) .txt p{margin-left:0}
    .productDetailBox .item .txt h3{text-indent:70px;font-size:16px;}
    .productDetailBox .item:last-child .txt{border:0}

    .productImgBox .txt .imgTxt .desc{width:360px}
}
/*屏幕宽度为768px以上*/
@media screen and (min-width: 768px) 
{
    #html5zoo-pc-box{display:block}
    #html5zoo-mobile-box{display:none}

    #navbar{float:right;padding:0px;margin:0px;}
	.navbar-nav > li{}
	.navbar-nav > li:first-child { border-left:0; }
	.navbar-nav > li:last-child{  }
	.navbar-nav > li > a {transition:background 0.4s; text-align: center;}
    .navbar-default{background:none}
    .navbar-default .navbar-nav > li > a.selected{background-color:none;color:#fff;font-weight:normal}
	.navbar-default .navbar-nav > li > a{line-height: 52px;padding:0px 0 0px 0;padding-left:10px;padding-right:10px;font-size:14px;color:#fff;font-weight:normal;}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {background:none;color:#fff;font-weight:normal}
	.navbar-default .navbar-nav-e > li > a{font-weight: normal; }
	.navbar .dropdown-menu{background:#555;border:none;color:#fff;padding:0px;border-radius:0px;min-width: 220px;}

	.navbar .dropdown-menu li a{color:#fff;line-height:35px;padding:0px;text-align:left;padding-left:25px;padding-right:25px;width:220px;display:block;height:35px;overflow:hidden;font-size:14px}
   
	.navbar .dropdown-menu li a:hover{color:#bec400;background:#555}
	.navbar .dropdown-menu li ul{display:none;position:absolute;z-index:9999;margin-top:-35px;margin-left:220px;width:220px;background:#84ad45;padding:0}

    .navbar .dropdown-menu li ul a{display:block;}
	.navbar .dropdown-menu li ul li ul{display:none;position:absolute;z-index:9999;margin-left:220px;}
 
	.navbar .dropdown-menu span{display:none;}

	#app_menudown{ padding:0;top:17px;}
	.footer_nav{display:none; }   
}

/*屏幕宽度为992px以上*/
@media screen and (min-width:992px) {
	.navbar-default .navbar-nav > li > a{}
    .navbar-default .navbar-nav > li > a{padding-left:15px;padding-right:15px;}
    .bannerContent > div {padding-left:1%;overflow: hidden;color: #fff;width: 49% }
}

/*屏幕宽度为1200px以上*/
@media screen and (min-width:1200px) {
	.navbar-default .navbar-nav > li > a{font-size:18px;padding-right:20px;padding-left:25px;margin-right:15px}
}

/*屏幕宽度为1300px以上*/
@media screen and (min-width:1300px) {
    .bannerContent > div {padding-left: 10%;overflow: hidden;color: #fff;width: 40% }
}