*{margin:0; padding:0; list-style:none; }
body{ background:#fff; font-family: "Microsoft YaHei","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif;  font:normal 12px/22px; }
img{ border:0;  vertical-align: middle;}
a{ text-decoration:none; color:#333;  }
.clear{ clear:both} 
.middle{width: 1402px; margin: 0 auto;}

/* 头部开始 */
.head { width: 100%; background:rgba(0,0,0,0.40); height: 150px; position: absolute; z-index: 10;}
.head .top_head{ height: 98px; border-bottom: 1px  solid rgba(0,0,0,0.25); }
.head .top_head .logo{ width: 550px; float: left; margin-top: 6px;}
.head .top_head .logo img{width: 100%;}
.head .top_head .hotline{ float: right; width: 22%; color: #fff; font-size: 30px; margin-top: 40px;}
.head .top_head .hotline i{ font-size: 32px;}
.head .top_head .hotline span{ font-weight: bold;}
.head .nva li{ float: left; width: 14%; color: #fff; height: 50px; line-height: 50px; text-align: center;}
.head .nva li a{color: #fff; font-size: 18px;}
.head .nva li.on{ background: #e8390d; color: #fff;} 
.head .nva li:hover{ background: #e8390d; color: #fff;} 
/* baner */
.swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/* .swiper-slide img{ width: 100%;} */
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 5% !important;}
.swiper-pagination-bullet{width: 15px !important; height: 15px !important;; }
/*.swiper-slide img{width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1);}*/
/*.swiper-slide-active img {transition: 5s linear; transform: scale(1,1);}*/
/* 产品 */
.product { margin-top: 46px; height: auto;}
.product .tit_product{ text-align: center; font-size: 40px; line-height: 50px;}
.product .tit_product a{ font-weight: bold;}
.product .tit_product span{ font-size: 16px; font-weight: 500}
.product_cont { /* height: 904px; */ height: auto; margin-top: 20px; }
.product_cont .pic_tit { margin-top: 32px;}
.product_cont .pic_tit ul{ display: flex; flex-direction: row; justify-content: center;}
.product_cont .pic_tit li { width: 180px; height: 180px; text-align: center; float: left;}
.product_cont .pic_tit li .title{ width: 100%; border-right: 2px #eeeeee solid; }
.product_cont .pic_tit span{width: 100%; height: 45px; overflow: hidden; display: block; text-align: center;}
.product_cont .pic_tit li img{ width: 45px;}
.product_cont .pic_tit li a{ padding-top: 24px; display: block;font-size: 18px;}
.product_cont .pic_tit li:hover a {color: #d71418;}
.product_cont .pic_tit li:hover img{ transform: translateY(-50px);  filter: drop-shadow(#d71418  0 50px); }
.product_cont .sanjiao{  width: 0;height: 0; margin:12px auto; margin-left: 40%; border-left: 10px solid transparent;border-right: 10px solid transparent;
	border-top: 20px solid #d71418; display: none;}
.product_cont .pic_tit li:hover .sanjiao{display: block;}
.product_cont .bd { height: auto; display: inline-block;}
.product_cont .bd ul li{ width: 32%; height: auto; position: relative; display: block; float: left; margin-right: 1.2%; margin-bottom: 40px;}
.product_cont .bd ul li:nth-child(3n){ margin-right: 0px;}
.product_cont .bd ul li .bd_thumb{ width:100%;  height: 320px; overflow: hidden;}
.product_cont .bd ul li .bd_thumb img { width: 100%; height: 100%; object-fit: cover;  }
.product_cont .bd ul li p{height: 60px; line-height: 60px; background: #eeeeee; font-size: 18px; padding: 0px 10px;}
.product_cont .bd ul li .specification{ font-size: 14px; white-space: nowrap;overflow: hidden;}
.product_cont .bd ul li p span{ float: right; color:#d71418 ; text-transform:uppercase;}
.product_cont .bd ul li .bd_moer { width: 100%; height: 320px; position: absolute; display: none;  background:rgba(0,0,0,0.60);  top: 0px; z-index: 10; }
.product_cont .bd ul li .bd_moer a{ color: #fff;}
.product_cont .bd ul li .bd_moer i{ width: 60px; height: 60px; font-size: 30px; line-height: 60px; text-align: center; margin-top:97px; margin-left: 42%; background: rgba(255,255,255,0.4); border-radius:30px}
.product_cont .bd ul li .bd_moer span{ width: 100%; font-size: 20px;  text-align: center; display: block; padding-top: 20px;}
.product_cont .bd ul li:hover .bd_moer{ display: block;}
.product_cont .bd ul li:hover img{ 	-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.product_cont .bd ul li:hover p{ background: #d71418; color: #fff;}
.product_cont .bd ul li:hover p a,.product_cont .bd ul li:hover p span{ color: #fff;}
/* 优势 */
.advantage{ background: url(../images/xiaoqi01.jpg) no-repeat top center;}
.advantage .tit_adv{ text-align: center; font-size: 30px; font-weight: bold;  padding-top: 10px; color: #d71418;}
.advantage .tit_adv span{ color: #fff; background: #d71418; padding: 2px 6px;}
.advantage .tit_adv b{ font-size: 80px; padding: 0px 10px; margin-top: 6px;}
/* .advantage  .tit_adv h4{ height: 60px;} */
.advantage  .tit_adv p{ font-size: 16px; margin-left: -11%; letter-spacing:8px; color: #fff; font-weight: 300;}
.advantage .adv_cont{ background: url(../images/xiaoqiyb01.png) no-repeat top center; line-height: 30px; background-size: 100%; height: 233px; margin-top: 15px; font-size: 16px; padding-top: 87px; }
.advantage .adv_cont .left_adv { width: 38%; padding-left: 8%; height: 160px; overflow: hidden; float: left;}
.advantage .adv_cont .left_adv .p,.advantage .adv_cont .rgiht_adv .p{ font-size: 24px; font-weight: bold; }
.advantage .adv_cont .left_adv span,.advantage .adv_cont .rgiht_adv span{ font-size:16px; font-weight: 500; text-transform:uppercase; }
.advantage .adv_cont .rgiht_adv{ float: right; width: 38%; height: 160px; overflow: hidden; margin-right:8%; }
.advantage .cont_advant{background: url(../images/xiqoiyikbai03.jpg) no-repeat top center; height: 660px; font-size: 16px; line-height: 30px; }
.advantage .cont_advant .p{ font-size: 24px; font-weight: bold; margin-bottom: 40px;}
.advantage .cont_advant span{font-size:16px; font-weight: 500; text-transform:uppercase;}
.advantage .cont_advant .top_cont,.advantage .cont_advant .bommt_cont{ width: 100%; height: 324px;}
.advantage .cont_advant .fl{ float: left; width: 43%; font-size: 16px; padding-left: 51px; padding-top: 43px;}
.advantage .cont_advant .fr{ float: right;width: 43%;  font-size: 16px; padding-top: 48px; margin-right: 0px;} 
.advantage .cont_advant .moer{ padding: 10px; letter-spacing:2px; margin-top: 25px; background: #183050; width: 144px;  font-size: 20px; color: #fff; text-align:center;}
.advantage .cont_advant .moer:hover { background:#d71418 ; border-radius: 30px;}
.advantage .cont_advant .moer a { color: #fff;}
.advantage .cont_advant .moer:hover a{ color: #fff;}
/* 案例 */
.case { background:url(../images/xiqoiyikbai10.jpg) no-repeat top center ; height: auto; margin-top: 64px; padding-bottom: 60px;}
.case p { font-size: 40px; font-weight: bold; line-height: 40px; text-align: center; color: #fff; padding-top: 56px;}
.case p a{ color: #fff;}
.case p span{ font-size: 18px; font-weight: 500;}
.case .case_img{margin-top: 17px; height: auto; display: inline-block; width: 100%; position: relative; overflow: hidden}
.case .case_img li{ width: 454px; height: 454px; background: #fff; overflow: hidden; float: left; flex-shrink: 0; margin-right: 30px; position: relative;}
.case .case_img li img{ width: 100%; min-height: 100%; }
.case .case_img li .case_thumb{ width: 100%; height: auto; line-height:323px;}
.case .case_img li .case_thumb .case-title{  position: absolute; bottom: 0px; left: 0px; height: 60px; line-height: 60px; text-align: center;
	background: rgba(24,48,80,0.9); width: 100%; color: #fff; font-size: 16px;}
.case .case_img li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;} 
.case .case_img .case_zoe{ width: 100%; height: 100%; background: rgba(232,57,13,0.6); position: absolute; top: 0px; display: none; }
.case .case_img li:hover .case_zoe{display: block; -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: opacity 0.35s, transform 0.35s;}
.case_zoe h3{padding-top: 50%; text-align: center; font-size: 26px; color: #fff;}
.case .case_img li:hover .case_thumb .case-title{ display: none}
.case_zoe { width: 100%; } 
.case_zoe a{ text-align: center; color: #fff; display: block; margin-top: 20px; font-size: 16px;}
.case_moer a{ color: #fff;}
.case_moer{border: 1px #cacaca solid;margin: auto; display: block; margin-top: 40px; width: 13%; line-height: 45px; font-size: 16px;  color: #fff; border-radius: 45px; text-align: center;}
.case_moer:hover{ background: #d71418;}
/* 荣誉 */
.honor{ margin-top: 68px;}
.honor p{ font-size: 40px; line-height: 40px; text-align: center; font-weight: bold }
.honor p span{ font-size: 19px; font-weight: 500; }
.honor .parHd { margin-top: 35px;}
.honor .parHd ul{display: flex; flex-direction: row; justify-content: center;}
.honor .parHd ul li{ width: 150px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; border-radius:30px; border: 1px solid #000; float: left; margin: 0px 30px;}
.honor .parHd ul li.on{ background: #183050; border: 1px solid #183050}
.honor .parHd ul li.on a{ color: #fff;}
.honor .parHd ul li:hover{ background: #183050; border: 1px solid #183050;}
.honor .parHd ul li:hover a{ color: #fff;}
.honor .parBd{ width: 100%; height: auto; display: inline-block}
.honor .slideBox{ position: relative; margin-top: 20px;}
.honor .parBd .tempWrap{ width:100%; height: auto; margin: auto; position: relative;}
.honor .parBd .sPrev{background: url(../images/left.png)no-repeat center ;}
.honor .parBd .sNext{background: url(../images/right.png)no-repeat right center ; right: 0px;}
.honor .parBd .sPrev,.honor .parBd .sNext{ width: 60px; z-index: 99; background-size: 60%; top: 0px; height: 300px;position: absolute;display:block;}
.honor .tempWrap ul li { float: left; width:32%; height:400px; margin-right: 2%; margin-bottom: 25px; position: relative;overflow: hidden}
.honor .tempWrap ul li:nth-child(3n){ margin-right: 0px;}
.honor .tempWrap ul li .pic{ width: 100%; height: 100%; display: block; text-align: center; overflow: hidden; box-shadow: 0 0 9px #c7c7c7 /* box-shadow: 10px 10px 5px #c7c7c7; */}
.honor .tempWrap ul li img{ height: 100%; width: 100%; object-fit: cover;}
.honor .tempWrap ul li .pic-title-index{position: absolute; width: 100%; bottom: 0px; left: 0px; line-height: 60px; text-align: center; color: #fff;
	background: rgba(24,48,80,0.8);}
.honor .tempWrap ul li .pic:hover{box-shadow: 0 0 9px #183050}
.honor .tempWrap ul li .pic:hover img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}

/* 关于 */
.about { background:url(../images/xiqoiyikbai06.jpg)no-repeat top; width: 100%; display: inline-block; padding: 40px 0px;  margin-top: 62px;}
.about .lf_img { width: 75%; height:460px; overflow: hidden; margin-top: 7%; margin-left: 20% }
.about .lf_img img{ width: 100%; height: 100%; object-fit: cover;}
.about .about_lf { width: 59.6%;float: left; height: 100%;}
.about .about_rg{ width:39%; float: right; position:relative;}
.about .about_rg .fu-about-tit{ font-size: 18px; line-height: 45px;}
.about .about_rg h4{ font-size: 30px; font-weight: bold; line-height: 40px;}
.about .about_rg .line{  width:70px; height: 5px; background: #000; display:block;}
/*.about .about_rg p{ font-size: 16px; line-height: 30px; height: 90px; margin-top: 42px;}*/
.about .about_rg p{ font-size: 16px; line-height: 30px; margin-top: 42px;}
.about .about_rg .about_mo{ width: 85px; height: 25px; border: 1px solid #333; display: block; line-height: 25px; text-align: center; font-size: 16px; margin-top: 32px;}
.about .about_rg .about_mo:hover{ background: #d71418; height: 27px; border: none; color: #fff;}
.about .about_rg .about_mo:hover a{ color: #fff;}
.about .about_rg p:hover,.about .about_rg h4:hover{color:#d71418 ;}
.about .num{ height: 100px;}
.about .num dl dt{ width: 25%; line-height: 50px; float: left; font-size: 16px;}
.about .num dl dt b{ font-size: 50px; font-weight:bold; color:#d71418;}
.about .num { margin-top: 60px;} 
.about .about_img{ margin-top: 22px; width: 100%;}
.about .about_img ul{overflow:hidden; zoom:1; }
.about .about_img ul li{ width: 250px; float: left; _display:inline; border: 4px solid #183050; background: #fff;  overflow: hidden;margin-right: 6px;}

.about .about_img ul li .about_thumb{ width: 100%; height: 176px; overflow: hidden; text-align: center}
.about .about_img .about_thumb img{ width: auto; height: 100%; object-fit:contain;}
.index-group-wrap .video-wrp {
	width: 100%;
	height: 100%;
	position: relative;
}
.index-group-wrap .video-wrp .img {position: absolute;left: 0;top: 0;z-index: 4;}
.index-group-wrap .video-wrp .img, .index-group-wrap .video-wrp video {
	width: 100%;
	height: 100%;
}
.index-group-wrap .video-wrp .icon {
	width: 102px;
	height: 102px;
	position: absolute;
	left: 42%;
	margin-left: -0.51rem;
	top: 40%;
	z-index: 5;
	cursor: pointer;
}
.index-group-wrap .video-wrp .close{ position:absolute; right:5%; top:5%;color:#fff;font-size:30px;}
/* 合作招聘 */
.cooperates { background:url(../images/xiqoiyikbai09.jpg) no-repeat center; height: 348px; margin-top: 70px;}
.cooperates .message{ width: 50%; float: left; padding-top: 85px; font-size: 20px; color: #fff;}
/* .message .item{ width: 47%; float: left;} */
/* .message .formData {width: 464px; margin: auto;}
.message .formData .txt{ width: 149px; height: 37px;} */
.liuyan_r{width: 464px; margin: auto; display: block; margin-top: 15px;color: #fff;font-size: 20px;}
.liuyan_r li{ width: 50%; float: left; margin-bottom: 15px;}
.liuyan_r p{font-size: 30px;}
.liuyan_r span{font-size: 18px;}
.liuyan_r li:nth-child(3){ width: 100%; padding-left: 11px;}
.liuyan_r li:nth-child(3) input{ width: 386px;}

.liuyan_r li:nth-child(4){ width: 100%;}
.liuyan_r input{border: 0px;/* background: #fff; */ border: 1px solid #fff; color: #fff; font-size: 16px; outline: medium; background: none; width: 149px;height: 35px;line-height: 35px;}
.liuyan_r textarea{width: 386px;height: 68px; float: right; outline: medium; font-size: 16px; color: #fff; border: 1px solid #fff; margin-right: 18px; background: none;  resize: none;}
.liuyan_r .content{ height: 68px;}
.refer {width: 122px;height: 34px;border-radius: 20px !important; margin-left: 50px; color: #fff; border: none !important ; background:#000000 !important;}
.recruit { width: 50%; float: right; padding-top: 90px;}
.recruit ul li a{ color: #fff;}
.recruit ul li{ width: 90%;  height: 111px; margin-left: 45px; margin-bottom: 10px; border: 1px dashed #fff; border-radius: 20px; color: #fff;}
.recruit ul li .rec_tit{ width: 174px; height: 111px; float: left; text-align: center; line-height: 111px;}
.recruit ul li .rec_tit span{ background: #fff; padding: 8px 18px;}
.recruit ul li .rec_tit a span{ color:#000;}
.recruit ul li .rec_cont{ width: 360px; height: 87%; color: #fff; overflow: hidden; float: left; line-height: 30px; padding-top: 6px;}
.recruit ul li .rec_cont p{ color: #fff;}
.recruit .rec_moer{ width: 36px; line-height: 34px; border-radius: 8px;  writing-mode:vertical-lr;/* padding: 0px 8px; */ font-size: 16px; margin: 0px auto; height: 80px; margin-right: 18px; margin-top: 14px; float: right; display: block; text-align: center; background: #fff; }
.recruit .rec_moer a{ color: #000;}
.recruit ul li:hover{ background: #e8390d;}
/* .recruit ul li:hover .rec_tit span{ background: #e8390d; color: #fff;} */
/* .recruit .rec_moer:hover{ background: #e8390d; color: #fff;}
.recruit .rec_moer:hover a{ color: #fff;} */
/* 新闻 */
.news{ margin-top: 48px;/* height:740px; */ height: auto;margin-bottom: 50px;}
.news .news_cent{ height: auto; display: flex;}
.news h5{ text-align: center; font-size: 40px; font-weight: bold; letter-spacing:2px;}
.news h6{ text-align: center; font-size: 18px; margin-top: 10px; letter-spacing:2px; font-weight: 500;}
.news ul{ width: 32%; float: left; margin-right:25px; margin-top: 38px;}
.news ul:last-child{ margin-right: 0px;}
.news_cont{ border-bottom: 1px solid #cacaca; padding-bottom: 10px;}
.news_cont .new_img{ width: 100%; height: 334px; border: 1px #cacaca solid; overflow: hidden;}
.news_cont .new_img img{ width: 100%; min-height: 100%;}
.news_cont h4{ font-size: 20px; height: 26px; overflow: hidden; font-weight: 500; margin-top: 44px;}
.news_cont span{ line-height: 36px; font-size: 16px;}
.news_cont p{ font-size: 16px; line-height: 25px;}
.news_cont{ margin-bottom: 10px;}
.news ul li{ font-size: 16px; line-height: 35px; width: 100%;}
.news ul li span{ font-size: 16px; float: right;}
.news_cont:hover .new_img img{ -webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.news_cont:hover h4,.news_cont:hover span,.news_cont:hover p { color: #e8390d;}
.news ul li:hover a{ color: #e8390d;}
/* 友情 */
.link{ background: #898a8a; height: 80px;}
.link span{ width: 10%; line-height: 80px; color: #fff; font-size: 24px; }
.link .link_yq { width: 90%; float: right;}
.link .link_yq li{ float: left; font-size: 16px; line-height: 50px; color: #fff; margin-right: 20px;}
.link .link_yq li b{ border-right: 1px solid #ffff; padding: 0px 10px;}
.link .link_yq li a{ color: #fff;}
/* 底部 */
.foot { background: #183050; height: 286px; padding-top: 30px; }
.left_foot{ float: left; width: 42%; border-right: 1px solid rgba(255,255,255,0.2);}
.left_foot  img{ width: 33%;}
.left_foot .relation{ width: 60%; float: right; color: #fff; padding-top: 47px;}
.left_foot .relation span{ font-size: 30px; font-weight:bold}
.left_foot .relation p{ font-size:16px; line-height: 40px; width: 94%; white-space: nowrap;overflow: hidden;}
.cent_foot{ padding-top: 47px; float: left; width: 28%}
.cent_foot span{ font-size: 20px; font-weight:bold; width: 100%;display: block;  color: #fff; line-height: 50px;}
.cent_foot ul li a{  font-size: 14px; color: #fff; line-height: 40px;}
.cent_foot ul li:first-child{ padding-top: 15px;}
.cent_foot ul{ width: 40%; float: left; margin-left: 10%; }
.cent_foot span a{ color: #fff;}
.right_foot{ float: right; padding-top: 50px; width: 28%}
.right_foot ul li { float: left; width: 38%; margin-right: 10%;}
.right_foot ul li img{ width: 100%;}
.right_foot ul li p{ color: #fff; width: 100%; text-align: center; line-height: 40px;}
.bottom { background: #183050; border-top: 1px solid rgba(255,255,255,0.2) ; height: 40px; line-height: 40px; color: #fff;}
.bottom  p{ text-align: center;}
.show-chanpin{width: 100%;display: inline-block;}
.show-chanpin .leftshowp{ width: 50%;float: left;height:auto;}
/* .leftshowp img{ width: 100%;height: 100%;object-fit: cover;} */
.show-chanpin .rightshowt{ width: 45%;float: right;}
.rightshowt span{ font-size: 22px; font-weight: bold; line-height:50px ; width: 100%;display: block;}
.rightshowt p{ font-size: 16px !important;text-align: left !important;line-height: 30px;margin: 30px 0px;min-height: 150px; }
.showzixun{ width: 100%;display: inline-block;margin-top: 2%;}
.lainxi{ float: left; width: 30%;height: 50px;line-height: 50px;background: #c90000;border-radius: 10px;display: block;text-align: center;margin-top: 2%;}
.lainxi a{color: #fff;font-size: 18px; width: 100%;height: 100%;display: block;}
.show-tel { width: 100%;font-size: 26px;font-weight: bold;float: left;}
.show-contj{ width: 100%;height: 40px;display: block;line-height: 40px;font-size: 26px;font-weight: bold;margin: 2% 0px 2%;}
.show-contj img{ width: 40px; height: 40px;display: block;float: left;margin-right: 20px;}
.topshow{ width:100%; position: relative;}
.topshow .lefttop{ width: 100%; height: 360px; display: block; overflow: hidden;border: 1px solid #999;}
.topshow .lefttop .details-img{ width: 100%; height: 100%; flex-shrink: 0;  overflow: hidden; display: flex;align-items: center; background: #fff;}
.topshow .lefttop .details-img img{ width: 100%; height: 100%; object-fit:cover}
.lefttop-thumb { width: 85%; margin: auto; overflow: hidden; margin-top: 20px;}
.lefttop-thumb .swiper-wrapper{ height: auto;}
.details-thumb{ width: 31%; margin-right: 2%; height: 100px !important;flex-shrink: 0; background: #fff; overflow: hidden }
.details-thumb img{ width: 100%; height: 100%; object-fit: cover }
.details-qie span{ width: 32px; height: 100px; display: block; background: #d6d6d6;display: flex;align-items: center; position: absolute; bottom: 0px; border-radius: 10px;}
.details-qie span img{width: 60%; display: block; margin: auto;}
.details-qie .next-right{ right: 0px;}
.show table{ width: 100%;}
.show td{ font-size: 16px; line-height: 40px; padding-left: 5%; box-sizing: border-box;}
.cont img{ max-width: 100%; display: block; margin: auto}
.about .ab-5{padding-top:20px;overflow:hidden;padding-bottom:10px;}
.case-about{ background: none; height: auto; margin-bottom: 40px;}
.case-about ul li{ box-shadow: 0 0 8px #ccc;}
.case-about .caseabout_img{margin-top: 17px; height: auto; width: 100%; display: inline-block;}
.case-about .caseabout_img li{ width: 32%; height: auto; background: #fff; overflow: hidden; float: left; margin-right: 1%; position: relative;text-align: center;margin-bottom: 15px;}
.case-about .caseabout_img li:last-child{ margin-right: 0px;}
.case-about .caseabout_img li img{ width: 100%; height: 100%; object-fit:cover;}
.case-about .caseabout_img li .caseabout_thumb{ width: 100%; height: 220px; overflow: hidden; }
.case-about .caseabout_img li:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15);
	-webkit-transition:all 2s ease;-moz-transition:all 2s ease;-o-transition:all 2s ease;transition:all 2s ease;}
.case-about .caseabout_img .case_zoe{ width: 100%; height: 323px; background: rgba(232,57,13,0.6); position: absolute; top: 0px; display: none; }
.case-about .caseabout_img li:hover .case_zoe{display: block; -webkit-transition-delay: 0.05s;transition-delay: 0.05s;transition: opacity 0.35s, transform 0.35s;}
.case-about .caseabout_img li h3{padding-top: 10%; text-align: center; font-size: 22px; color: #000;}
.case_zoe { width: 100%; }
.case-about .caseabout_img li .geng_more{ text-align: center; border: 1px #cacaca solid; width: 30%; margin: auto;  color: #000; display: block; margin-top: 20px; font-size: 16px; line-height: 35px;}
.case-about .caseabout li .geng_more:hover{background: #294999; color: #fff;}
.wenhua{ line-height: 28px; font-size: 16px; padding-bottom:30px; height: 56px; padding: 15px;}
.case-about .index-title .cn{ font-size: 36px; line-height: 60px; margin-bottom: 0px}

.honorabout-list{ width: 100%; display: inline-block; overflow: hidden; position: relative}
.honorabout-list ul li{ width: 24%; margin-right: 1.2%;height: 486px; float: left; overflow: hidden; flex-shrink: 0;}
.honorabout-list ul li .honor-img{ width:97%;border: 4px solid #802e00; height: 97%;overflow: hidden;display: flex;justify-content: center;align-items: center;}
.honorabout-list ul li .honor-img img{ width: 100%; height: auto; object-fit: contain}
.honorabout-list ul li:nth-child(4n){ margin-right: 0px}
.honor-moer a{ display: block; margin:40px auto; width: 160px; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #dd3641; border-radius: 10px;  }
.she-caase .img img{ width: 100%; height: 100%; object-fit: contain}
.banner-image{ height: 600px; background-position:top center; background-size: cover; background-repeat: no-repeat;}

.lb .swiper-container {width: 100%;height: 100%;margin-left: auto; margin-right: auto;position: relative;}
.lb .swiper-slide {text-align: center;font-size: 18px;background: #fff;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{ width: 100%;}
.lb .swiper-container>.swiper-pagination-bullets{ bottom: 3% !important; left: 40%;}
.lb .swiper-pagination-bullet{width: 12px !important; height: 12px !important; background: #323234; opacity:0.5;border-radius:6px !important; }
.lb .swiper-pagination-bullet-active{ opacity: 1;width: 30px !important; }
.lb .swiper-button-prev{ left: 5% !important; top: 50%;outline: none;color: #fff;width: 40px;height: 40px;border-radius: 50%; opacity: 0.7;}
.lb .swiper-button-next:after,.lb .swiper-button-prev:after{ font-size: 70px !important;font-weight: bold; opacity: 1; font-weight: 400;}
.lb .swiper-button-next{ right: 5% !important;top: 50%;outline: none;color: #fff; width: 40px;height: 40px;border-radius: 50%;opacity: 0.7;}
.lb .swiper-button-prev:hover,.lb .swiper-button-next:hover{ opacity: 1;}

.wap{ display: none}
/* 正文 */
@media screen and (max-width:1680px){
	.middle{width: 80%; margin: 0 auto;}
	.left_foot .relation p{ font-size:15px}
}
@media screen and (max-width:1600px){

	.product_cont .bd ul li .bd_thumb{ height: 280px;}
	.head .top_head .hotline{ width: 26%}
	.advantage .adv_cont{ padding-top: 60px;}
	.advantage .adv_cont .left_adv p,.advantage .adv_cont{ font-size: 14px; line-height: 24px}
	.advantage .adv_cont .left_adv .p, .advantage .adv_cont .rgiht_adv .p{ line-height: 30px;}
	.honor .tempWrap ul li{ height: 320px;}
	.about .lf_img{ margin-left: 9%; width: 87%}
	.news_cont .new_img{ height: 240px;}
	.left_foot .relation p{ font-size: 14px;}
	/*.right_foot,.cent_foot,.left_foot .relation{ padding-top: 0px}*/
	.foot{ height: 260px;}
	.inside_title .h2{ font-size: 24px;}
	.honorabout-list ul li{ height: 400px}
	.hour-case .img{ height: 400px !important;}
	.banner-image{ height: 500px;}
	.head .top_head .logo{ width: 40%}
	.head .top_head{ height: 80px;}
	.head .top_head .hotline{ font-size: 24px;}
	.head{ height: 130px;}
	.col-md-3 .img{ height: 280px !important;}
	.case_list .h2{ margin: 10px 0px 0px !important; font-size: 14px !important;}
	.case_list p{ margin: 5px 0px 10px !important;}
	.rec-news .rec-news-list li{ width: 46% !important; font-size: 14px;}
	.page-contact .center ul li{ font-size: 14px !important}
	


}
@media screen and (max-width:1540px){
    .cent_foot ul li a{ font-size:13px;}
    
}
@media screen and (max-width:1440px){

    
	.head .top_head .hotline{ width: 26%;}
	.product_cont .bd ul li .specification{ font-size: 12px;white-space: nowrap;overflow: hidden;}
	.advantage .adv_cont{ font-size: 14px; padding-top: 57px;}
	.product_cont .bd ul li p{ font-size: 18px;}
	.advantage .cont_advant .fl{ width: 38%; font-size: 14px;}
	.advantage .cont_advant p{ margin-bottom: 30px;}
	.advantage .cont_advant .moer{ font-size: 16px; padding: 2px;}
	.advantage .cont_advant .fr{ width: 38%; font-size: 14px; margin-right: 55px;}
	.about { background-size: 120%;}
	.about .about_rg{ width: 38%;}
	.about .about_rg p{ font-size: 14px; margin-top:20px}
	.about .about_rg .about_mo{ font-size: 14px;}
	.about .num{ margin-top: 40px;}
	.about .num dl dt b{ font-size: 40px;}
	.about .num dl dt{ line-height: 30px;}
	.about .about_img{ margin: 0px;}
	.about .about_img ul li{width: 200px;}
	.about .about_img ul li .about_thumb{ height: 140px;}
	.cooperates{ background-size: 100%;}
	.liuyan_r{ font-size: 14px; width: 70%;}
	.liuyan_r input{width: 148px;height: 30px; line-height: 30px;}
	.liuyan_r li:nth-child(3) input {width: 358px;}
	.liuyan_r textarea{ width: 358px;}
	.recruit ul li{ height: 100px;}
	.recruit ul li .rec_tit span{ padding: 8px; font-size: 16px;}
	.recruit ul li .rec_tit{ width: 130px; line-height: 100px; height: 100px;}
	.recruit ul li .rec_cont{ width: 300px; font-size: 14px; line-height: 25px;}
	.recruit .rec_moer{ font-size: 14px;}
	.news_cont h4{ font-size: 16px;}
	.news_cont span,.news_cont p{ font-size: 14px;}
	.news ul li{ font-size: 14px;}
	.news ul li span{ font-size: 12px;}
	.link .link_yq li{ font-size: 14px;}
	.bottom p{ font-size: 14px;}
	.about .lf_img{ margin-left: 12%;}
	.cent_foot ul li a{ font-size: 12px;}
	.left_foot .relation p{ font-size: 12px}
	.link span{ font-size: 16px}
	.link{  line-height: 24px;}
	.page-contact .center ul li i{ font-size: 20px !important;}
	.case .case_img li{ height: 400px;}
	.right_foot ul li p{ font-size:12px;}
	}
@media screen and (max-width:1380px){
	.honorabout-list ul li{ height: 360px;}
	.honor .tempWrap ul l i .pic-title-index{ font-size: 14px;}
	.right_foot ul li p{ font-size:12px;}
	.cent_foot ul{ width:44%; margin-left:6%}

}
@media screen and (max-width:1280px){
	.advantage .adv_cont .left_adv p,.advantage .adv_cont{ font-size: 12px; line-height: 20px;}
	.advantage .adv_cont{ height: 188px;}
	.case .case_img li{ height: 380px;}
	.advantage .cont_advant .fl{ font-size: 12px; line-height: 20px;}
	.advantage .cont_advant .moer{ line-height: 35px; font-size: 16px;}
	
}