@font-face {
font-family:"bnhrdfan";
src: url('../fonts/bnhrdfan.eot');
}

@font-face {
font-family:"bnhrdfan";
src: url('../fonts/bnhrdfan.ttf');
}

html,body{font-size: 14px;font-family:"微软雅黑", arial;color: #444;background: #fff;text-align: justify;overflow-x: hidden;max-width: 1920px;margin: 0 auto;}

*{padding: 0;margin: 0;box-sizing: border-box;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.clear{clear: both;}
a:hover,a{text-decoration: none;}
img{border: none;}
h3{font-size: 24px;}
.qzbhh1{display:-webkit-box;word-break:break-all;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;}
.qzbhh2{display:-webkit-box;word-break:break-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;}
.qzbhh7{display:-webkit-box;word-break:break-all;-webkit-line-clamp:7;-webkit-box-orient:vertical;text-overflow: ellipsis;overflow: hidden;}

/*head*/
.head{position: fixed;width: 100%;top: 0;left: 0;height: 100px;background: #fff;padding: 0 90px;text-align: right;z-index: 99;box-shadow: 0 0 20px rgba(0,0,0,0.1);z-index: 10;}
.logo{height: 100px;line-height: 100px;display: inline-block;float: left;}
.logo img{vertical-align: middle;max-height: 80%;}
.head_list{display: inline-block;}
.head_list li{list-style: none;display: inline-block;line-height: 30px;padding: 40px 0 30px 0;margin: 0 23px;height: 100px;}
.head_list li a{color: #444;position: relative;padding: 0 5px;overflow: hidden;display: inline-block;cursor: pointer;}
.head_list li a:before{content: '';position: absolute;left: 0;bottom:-1px;content: '';width: 100%;height: 1px;background: #444;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.head_list li a:hover:before,.head_list li.active a:before{bottom: 15px;}

.down_list{position: fixed;left: 0;top: 17px;width: 100%;background: rgba(0,0,0,0.8);padding: 45px 0 50px 0;text-align: left;height: 166px;line-height: 0;transform: scale(0);opacity: 0;}
.down_list.in{transform: scale(1);top: 100px;opacity: 1;}
.down_list a{display: inline-block;margin-right: 8%;}
.down_list a:before{display: none;}
.down_list a img{width: 71px;height: 71px;float: left;margin-right: 20px;}
.down_list a p{display: inline-block;color: #fff;line-height: 71px;}
.down_list a p span{display: inline-block;width: 7px;height: 10px;background: url(../images/about_arrows.png);margin-right: 10px;}


.search{display: inline-block;vertical-align: top;padding: 40px 0 30px 0;line-height: 30px;margin-left: 40px;}
.search a{width: 20px;height: 20px;display: inline-block;background: url(../images/search.jpg) no-repeat;background-size: 100%;vertical-align: middle;margin-left: 10px;}
.search select::-ms-expand { display: none; }
.search select{width: 95px;line-height: 30px;padding: 0 5px;font-weight: bold;height: 30px;
border: none;border-bottom: 1px solid #ccc;
outline: none;
/*将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-ms-appearance:none;
/*在选择框的最右侧中间显示小箭头图片*/
background: url(../images/select_right.jpg) no-repeat scroll right center transparent;
}

.search_box{position: fixed;top: 22px;right: -300px;z-index: 99; width: 300px;height: 60px;background: #fff;padding: 15px 20px;text-align: left;}
.search_box.in{right: 0;}
.search_box input{width: 200px;line-height: 30px;border: none;height: 30px;border-radius: 18px;background: #444444;padding: 0 20px;color: #fff;outline: none;}
.search_box a{width: 20px;height: 20px;display: inline-block;background: url(../images/search.jpg) no-repeat;background-size: 100%;vertical-align: middle;margin-left: 15px;}


.banner{margin-top: 100px;width: 100%;position: relative;}
.banner .swiper-slide{width: 100%;padding-bottom: 43.3%;}
.lb_di{position: absolute;bottom: 0;left: 0;padding: 25px 0 25px 90px;background: #fff;z-index: 1;line-height: 13px;width: 260px;}
.swiper-next{display: inline-block;width: 16px;height: 8px;background: url(../images/lunb_left.jpg) no-repeat;cursor: pointer;vertical-align: middle;}
.swiper-prev{display: inline-block;width: 16px;height: 8px;background: url(../images/lunb_right.jpg) no-repeat;cursor: pointer;vertical-align: middle;}
.lb_di .swiper-pagination{display: inline-block;position: relative;vertical-align: middle;width: auto;margin: 17px 20px 0 20px;}

/*公司简介*/
.jianjie_index{padding: 155px 0 195px 0;position: relative;}
.jianjie_right{background: #eee4e1;position: absolute;width: 50%;height: 100%;top: 0;right: 0;}
.jianjie_left{width: 60%;position: relative;z-index: 2;font-size: 0;}
.jianjie_left img{max-width: 100%;}
.jianjie_left .jianjie_con{position: absolute;background: #fff;height: 540px;width: 640px;padding: 70px 70px 0 65px;bottom: 0;right: -200px;}
.jianjie_con h4{font-size: 18px;font-weight: 100;text-transform: uppercase;color: #6f6f6f;font-family: 'bnhrdfan';margin-top: 15px;margin-bottom: 30px;}
.jianjie_con p{font-size: 14px;color: #6f6f6f;line-height: 30px;}
.jianjie_con img{position: absolute;right: -363px;bottom: -57px;}
/*.jianjie_con a{display: inline-block;padding: 0 15px 10px 15px;border-bottom: 4px solid #e8e8e8;font-size: 12px;text-transform: uppercase;color: #444;margin-top: 30px;}*/

/*产品系列*/
.chanpin_index{margin-top: 95px;}
.chanpin_img{position: relative;padding-left: 26%;}
.chanpin_img img{max-width: 100%;float: right;position: relative;z-index: 1;}
.chanpin_img_con{position: absolute;width: 690px;height: 80%;left: 90px;top: 10%;background: #fff;padding: 0 130px;display: -ms-flexbox;align-items:center; display: -webkit-flex;z-index: 2;}
.chanpin_list{padding: 8% 0 75px 0;background: #f3e8cc;margin-top: -5%;}
.container{width: 1200px;margin: 0 auto;}
.chanpin_list_box{margin: 0 -23px;font-size: 0;}
.chanpin_con{width: 25%;padding: 23px;display: inline-block;}
.chanpin_con a{display: block;position: relative;}
.chanpin_con a img{width: 100%;height: auto;}
.chanpin_con div{position: absolute;width: 100%;height: 100%;display: -ms-flexbox;align-items:center; display: -webkit-flex;justify-content:center;top: 0;left: 0;background: rgba(0,0,0,0.4);color: #fff;font-size: 24px;opacity: 0;}
.chanpin_con a:hover div{opacity: 1;}

/*合作伙伴*/
.partner_index{padding: 75px 0 60px 0;}
.chanpin_list .container,.partner_index .container{width:95%;}
.index_title{text-align: center;}
.index_title h4{font-size: 18px;font-weight: 100;text-transform: uppercase;color: #6f6f6f;font-family: 'bnhrdfan';margin-top: 15px;margin-bottom: 30px;}
.partner_list{margin: 0 -35px;font-size: 0;}
.partner_con{padding: 0 35px;width: 25%;display: inline-block;margin-top: 20px;text-align: center;}
.partner_con img{max-width: 100%;}

/*行业新闻*/
.bgc{background: #f4f4f4;}
.news_index{padding: 50px 0;}
.news_list{font-size: 0;}
.news_con{width: 25%;display: inline-block;border-right: 1px solid #f4f4f4;margin-top: 20px;vertical-align: top;}
.news_con .img{overflow: hidden;}
.news_con .img img{width: 100%;}
.news_content{background: #fff;padding: 35px 40px 40px 45px;height: 189px;}
.news_content h4{font-size: 16px;color: #444;}
.news_content span{font-size: 14px;color: #a1a1a1;margin: 13px 0;display: block;}
.news_content p{font-size: 14px;color: #6f6f6f;line-height: 24px;}
.news_list .more{text-align: center;}
.news_list .more a:hover{opacity: 0.7;}
.more a{display: inline-block;width: 180px;height: 40px;line-height: 40px;background: #000;color: #fff;font-size: 14px;margin-top: 50px;}
.news_con:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}

/*联系我们*/
.lianxi_index{padding: 75px 0;}
.lianxi_box{margin: 0 auto;max-width: 770px;text-align: center;font-size: 18px;line-height: 36px;color: #6f6f6f;}
.lianxi_box p{font-family: 'bnhrdfan';text-transform: uppercase;}
.lianxi_box p span{margin: 0 15px;}
.lianxi_box div{margin: 36px 0;}
.di_banner{width: 100%;height: 0;padding-bottom: 21.2%;background: url(../images/index_d.jpg) no-repeat;background-size: auto 100%;background-position: center;}

/*foot*/
.foot{padding: 50px 0;}
.foot_left{width: 56%;vertical-align: top;display: inline-block;}
.foot_left ul{display: block;border-bottom: 1px solid #e5e5e5;}
.foot_left ul li{padding: 15px 0;position: relative;height: 60px;}
.foot_left ul li:after{content: '';position: absolute;width: 1px;height: 14px;left: -28px;top: 24px;background: #e5e5e5;}
.foot_left ul li:first-child{margin-left: 0;}
.foot_left ul li:first-child:after{display: none;}
.foot_left p{color: #6f6f6f;margin-top: 15px;}
.foot_left p span{display: inline-block;width: 20px;}
.foot_right{width: 40%;display: inline-block;vertical-align: top;text-align: right;float: right;}
.foot_right .qr{width: 100px;text-align: center;display: inline-block;}
.foot_right .qr img{max-width: 96%;}
.foot_right .qr p{font-size: 12px;color: #888;}
.foot_right > img {float: right;margin-left: 10%;}

.overflow{overflow: hidden;}
.down_list3 a img{display: none;}
@media only screen and (min-width: 1024px) {
	.down_list3 a{width: 20%;margin-right: 0;padding: 0;float: left;}
	.down_list3 a p span{display: none;}
	.down_list3 a p{line-height: 40px;font-family: arial;}
}


@media only screen and (max-width: 1700px) {
	.jianjie_left .jianjie_con {height: 500px;}
}



@media only screen and (max-width: 1599px) {
	.jianjie_left .jianjie_con {height: 440px;width: 580px;padding: 40px 40px 0 40px;right: -160px;}
	h3 {font-size: 22px;}
	.jianjie_con h4 {font-size: 16px;margin-top: 12px;margin-bottom: 25px;}
	.jianjie_con p {font-size: 14px;color: #6f6f6f;line-height: 26px;}
	.jianjie_con img {right: -290px;width: 290px;height: auto;}
	.chanpin_con div {font-size: 18px;}
	.jianjie_index {padding: 100px 0 130px 0;}
}
@media only screen and (max-width: 1367px) {
	.container{width: 1000px;}
	.head {height: 80px;padding: 0 40px;}
	.down_list.in {top: 80px;}
	.down_list{top: 0;}
	.chanpin_img_con {width: 590px;padding: 0 100px;}
	.search select {width: 80px;}
	.head_list li {margin: 0 10px;padding: 30px 0 20px 0;height: 80px;}
	.search {margin-left: 20px;padding: 25px 0 25px 0;}
	.logo {height: 80px;line-height: 80px;}
	.banner {margin-top: 80px;}
	.lb_di {padding: 15px 0 15px 40px;width: 180px;}
	.search_box {top: 16px;}
}

@media only screen and (max-width: 1365px) {
	.jianjie_left .jianjie_con {height: 415px;width: 500px;right: -50px;top: 0;bottom: auto;}
	.jianjie_con img {right: -220px;width: 220px;bottom: 50px;}
	.news_content {padding: 20px 25px 25px 25px;height: 160px;}
	.lianxi_box {font-size: 16px;line-height: 30px;}
	.foot_right > img{width: 240px;}
}


@media only screen and (max-width: 1024px) {
	.container{width: 100%;padding: 0 20px;}
	h3{font-size: 20px;}
	.head {height: 60px;padding: 0 20px;}
	.logo { height: 60px;line-height: 60px;}
	.head .head_list{position: fixed;right: -180px;top: 0;background: rgba(0,0,0,0.9);width: 180px;z-index: 99;}
	.head .head_list.in{right: 0;}
	.head .head_list li{display: block;text-align: left;padding: 0;height: auto;margin: 0;padding: 0;position: relative;}
	.head .head_list li a{color: #fff;padding-left: 35px;border-bottom: 1px solid rgba(255,255,255,0.1);display: block;line-height: 50px;}
	.head .head_list li a:before{display: none;}
	.search{display: none;}
	.head_nav{position: fixed;right: 0;top: 0;font-size: 0;line-height: 0;width: 62px;padding: 16px;}
	.head_nav span{display: inline-block;width: 30px;height: 3px;border-radius: 1px;background: #666;margin: 3px 0;}
	.down_list{position: absolute;left: -70px;padding: 0;width: 140px;top: 0;height: auto;}
	.down_list .container{padding: 0;}
	.down_list.in{top: 0;left: -141px;}
	.down_list a{margin: 0;}
	.down_list a p{line-height: 50px;}
	.down_list img{display: none;}
	
	.banner{margin-top: 60px;}
	.banner .swiper-slide {padding-bottom: 46%;}
	.lb_di {padding: 0;background: none;width: auto;}
	.swiper-prev,.swiper-next{display: none;}
	.jianjie_left{width: 100%;}
	.jianjie_left .jianjie_con{position: relative;width: 100%;height: auto;right: 0;padding: 40px 20px;}
	.jianjie_left img{display: none;}
	.jianjie_right{display: none;}
	.jianjie_index{padding: 0;}
	.chanpin_img{padding: 0;}
	.chanpin_img_con{position: relative;width: 90%;margin: 0 -5%;padding: 20px;left: 5%;}
	.chanpin_img img{display: none;}
	.chanpin_index {margin-top: 15px;}
	.chanpin_con {width: 50%;padding: 8px;}
	.chanpin_list_box {margin: 0 -8px;}
	.chanpin_list {padding: 10% 0 25px 0;}
	.partner_index {padding: 35px 0 40px 0;}
	.partner_con {padding: 0 8px;width: 33.33%;margin-top: 12px;}
	.partner_list {margin: 0 -8px;}
	.news_con {width: 50%;}
	.news_content {padding: 15px 15px 15px 15px;height: 140px;}
	.news_content span {font-size: 13px;margin: 10px 0;}
	.lianxi_index {padding: 45px 0;}
	.lianxi_box{width: 100%;padding: 0 20px;font-size: 14px;line-height: 26px;}
	.lianxi_box div {margin: 26px 0;}
	.foot_left{width: 100%;}
	.foot_left ul{display: -ms-flexbox;justify-content: space-between; display: -webkit-flex;}
	.foot_left ul li{padding: 0;margin: 0;height: auto;}
	.foot_left ul li:after{display: none;}
	.foot_left ul li a{font-size: 13px;padding: 0;}
	.foot_left p{font-size: 13px;text-align: center;line-height: 24px;}
	.foot_right{display: none;}
	.foot {padding: 30px 0 20px 0;}
.chanpin_list .container,.partner_index .container{width:100%;}
	
	
}

@media only screen and (max-width: 768px) {
	.more a{margin-top: 30px;}

}



@media only screen and (max-width: 320px){	
	.foot_left ul li a,.foot_left p{font-size: 12px;}
}

.zhanshi_imgbox>div{position: relative}
.hw-tag{position: absolute;background-color: rgba(0,0,0,0.6);color: #FFF;text-align: center;left: 8px;right: 8px;bottom: 8px;height: 35px;line-height: 35px;z-index: 1;font-size: 16px}