*{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: 12.5%; 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: 30px; line-height: 50px;}
.product .tit_product span{ font-size: 16px;}
.product_cont { /* height: 904px; */ height: auto;}
.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: #e8390d;}
.product_cont .pic_tit li:hover img{ transform: translateY(-50px);  filter: drop-shadow(#e8390d  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 #e8390d; 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: 335px; height: 314px; position: relative; display: block; float: left; margin-right: 20px; margin-bottom: 40px;} 
.product_cont .bd ul li:nth-child(4n){ margin-right: 0px;}
.product_cont .bd ul li .bd_thumb{ width: 333px;  height: 240px; border: 1px solid #cacaca; overflow: hidden;}
.product_cont .bd ul li .bd_thumb img { width: 100%; min-height: 100%;}
.product_cont .bd ul li p{height: 40px; line-height: 40px; background: #eeeeee; font-size: 20px; 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:#e8390d ; text-transform:uppercase;}
.product_cont .bd ul li .bd_moer { width: 100%; height: 240px; 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: #e8390d; 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: #e8390d;}
.advantage .tit_adv span{ color: #fff; background: #e8390d; 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: 30%; padding-left: 87px; 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: 30%; height: 160px; overflow: hidden; margin-right: 242px; }
.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: #000; width: 144px;  font-size: 24px; color: #fff; text-align:center;}
.advantage .cont_advant .moer:hover { background:#e8390d ; 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: 608px; margin-top: 34px;}
.case p { font-size: 30px; line-height: 40px; text-align: center; color: #fff; padding-top: 56px;}
.case p a{ color: #fff;}
.case p span{ font-size: 18px;}
.case .case_img{margin-top: 17px; height: auto; display: inline-block;}
.case .case_img li{ width: 255px; height: 323px; background: #fff; overflow: hidden; float: left; 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: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: 255px; height: 323px; 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_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: #e8390d;}
/* 荣誉 */
.honor{ margin-top: 68px;}
.honor p{ font-size: 30px; line-height: 40px; text-align: center;}
.honor p span{ font-size: 19px;}
.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: #e8390d; border: 1px solid #e8390d}
.honor .parHd ul li.on a{ color: #fff;}
.honor .parHd ul li:hover{ background: #e8390d; border: 1px solid #e8390d;}
.honor .parHd ul li:hover a{ color: #fff;}
.honor .parBd{ width: 100%; height: 294px;}
.honor .slideBox{ position: relative; margin-top: 20px;}
.honor .parBd .tempWrap{ width:1260px; height: 308px; 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: 300px; height:300px; margin: 0px 10px;} 
.honor .tempWrap ul li .pic{ width: 100%; height: 248px; margin-top: 30px; display: block; text-align: center; overflow: hidden; box-shadow: 0 0 9px #c7c7c7 /* box-shadow: 10px 10px 5px #c7c7c7; */}
.honor .tempWrap ul li img{ min-height: 100%; width: 100%;}
.honor .tempWrap ul li .pic:hover{box-shadow: 0 0 9px #e8390d}
.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; height: 588px; margin-top: 92px;}
.about .lf_img { width: 650px; height:523px; overflow: hidden;  margin: 30px 0px 0px 184px; }
.about .lf_img img{ width: 100%;}
.about .about_lf { width: 59.6%;float: left; height: 100%;}
.about .about_rg{ width:508px; float: right; position:relative;}
.about .about_rg h4{ font-size: 20px; 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: #e8390d; 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:#e8390d ;}
.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:#e8390d;}
.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; overflow: hidden;margin-right: 6px;}
.about .about_img ul li .about_thumb{ width: 100%; height: 168px; overflow: hidden;}
.about .about_img .about_thumb img{ width: 100%; min-height: 100%;}
/* 合作招聘 */
.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: 30px; letter-spacing:2px; font-weight: 500;}
.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: 448px; 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: #e8390d; 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: #000; height: 286px; padding-top: 60px; }
.left_foot{ float: left; width: 520px; border-right: 1px solid rgba(255,255,255,0.2);}
.left_foot  img{ width: 172px;}
.left_foot .relation{ width: 320px; 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;}
.cent_foot span{ font-size: 20px;width: 100%;display: block;  color: #fff; line-height: 50px;}
.cent_foot ul li a{  font-size: 18px; color: #fff; line-height: 40px;}
.cent_foot ul li:first-child{ padding-top: 15px;}
.cent_foot ul{ width: 140px; float: left; margin-left: 70px; }
.cent_foot span a{ color: #fff;}
.right_foot{ float: right; padding-top: 50px;}
.right_foot ul li { float: left; width: 144px; margin-right: 65px;}
.right_foot ul li img{ width: 144px;}
.right_foot ul li p{ color: #fff; width: 100%; text-align: center; line-height: 40px;}
.bottom { background: #000; border-top: 1px solid rgba(255,255,255,0.2) ; height: 40px; line-height: 40px; color: #fff;}
.bottom  p{ text-align: center;}
/* 正文 */ 
@media screen and (max-width:1440px){
	.middle{width: 1200px; margin: 0 auto;}
	.head .top_head .hotline{ width: 26%;}
	.product_cont .bd ul li{ width: 24%; margin-right: 16px;}
	.product_cont .bd ul li .bd_thumb{width: 99%;}
	.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;}
	.honor .parBd .tempWrap{ width: 1200px !important;}
	.honor .tempWrap ul li{ width: 23.3%;}
	.about .lf_img{ width: 70%;}
	.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;}
	.left_foot .relation p{ font-size: 14px;}
	.left_foot{ width: 480px;}
	.cent_foot span{ font-size: 16px;}
	.cent_foot ul li a{ font-size: 14px;}
	.left_foot .relation{ width: 270px;}
	.right_foot ul li{ width: 120px; margin-right: 40px;}
	.cent_foot ul { width: 126px; margin-left: 50px;}
	.right_foot ul li p{ font-size: 14px;}
	.right_foot ul li img{ width: 120px;}
	.bottom p{ font-size: 14px;}
	
	}