*{ margin:0; padding:0; font-family:microsoft yahei !important;}

HTML {OVERFLOW-X: hidden;}

body{ font-size:16px; font-family:"microsoft yahei",arial;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden ;}

a{color:#333;text-decoration:none; outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color: rgba(0,0,0,0);　-webkit-tap-highlight-color: transparent;*/}

a:hover{color:#0065ae;}



ol,ul,li{ list-style:none;}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{clear:both;zoom:1}

.clearfix{clear:both;zoom:1}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

table{border-collapse:collapse;}

input,textarea{font-family:"microsoft yahei"; font-size:14px; color:#666}



.wrap{width:76%;max-width:1300px;margin:0 auto;}

.bg{ background:#f4f4f4}





.section{ padding:60px 0;}

.conn{ padding:30px 0}



.title{ text-align:center}

.title h3{ font-size:36px; color:#000; font-weight:bold; margin-bottom:10px; background:url(../images/titlebg.png) no-repeat center center;}
.title p{ color:#999; font-weight:bold; font-size:20px; text-transform:uppercase;}





.title02{text-align:center}
.title02 h3{ font-size:32px; color:#000; margin-bottom:20px;}
.title02 p{ color:#888; font-size:18px; margin-bottom:25px;}



.font15{ font-size:15px;}

.font16{ font-size:16px;}



#a01{ position:absolute; margin-top:60px;}

#a02{ position:absolute; margin-top:60px;}

#a03{ position:absolute; margin-top:60px;}

#a04{ position:absolute; margin-top:60px;}

#a05{ position:absolute; margin-top:60px;}



.header{ line-height:95px; position: fixed; width:100%; z-index:999999; background-color:rgba(0,0,0,0.5);}

.header .logo{ float:left; width:25%; max-width:271px; min-width:200px; height:auto; }

.header .logo img{width:100%; height:auto;}

.header .menu{ float:right;}



.header .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.header .menu ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}



.header .menu li .menu_a{ font-size:17px; display:block; position:relative;line-height:95px; padding:0 15px;color:#fff;}

.header .menu li:hover .menu_a, .header .menu .cur, .header .menu li:hover .menu_a .en, .header .menu .cur .en{ color:#e71f19; }



.header .menu li .sub{  position: absolute; display:none;clear:both; z-index:999; background-color:rgba(0,0,0,0.7); text-align:left; }

.header .menu li .sub p{ line-height:40px; font-size:15px;}

.header .menu li .sub p a{ display:block; color:#fff; padding:0 18px; min-width:120px;}

.header .menu li .sub p a:hover{ background:#e71f19}





.banner {width: 100%;overflow: hidden; }



.banner .swiper-button-prev,.banner .swiper-button-next {opacity: .5;pointer-events: unset;}

.banner .swiper-button-prev {left:2%;}.banner .swiper-button-next {right:2%;}

.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover {opacity: 1;}





.banner-pic {position: relative;width: 100%;overflow: hidden;z-index: 1;}

.banner-pic img {width: 100%;object-fit: cover;}



.banner-words {position: absolute;height: 220px;margin-top: -110px; color:#fff; top:51%; width:100%; z-index:999; text-align:center}

.banner-words h3{ font-size:52px; font-weight:bold; letter-spacing:5px}
.banner-words h1{ font-size:28px; padding:20px 0; background:url(../images/bline.png) no-repeat center center;}



.banner-words .more{font-family:arial; font-size:15px; font-weight:bold; width:170px; height:45px; line-height:45px; text-align:center; border-width:2px; border-color:#e71f19; background-color:#e71f19; color:#fff; display:block; margin:50px auto 0 auto;}

.banner-words .more a{ color:#fff;}



.swiper-slide-active .banner-words h1 {animation: bannerriVH 3s ease both;}

.swiper-slide-active .banner-words h3 {animation: bannerriVH 3s ease both;}

.swiper-slide-active .banner-words .more {animation: bannerriVP 3s ease both;}



@keyframes bannerriVH {

0% {transform: translateY(-36px);opacity: 0;}

100% {transform: translateY(0px);opacity: 1;}

}

@keyframes bannerriVP {

0% {transform: translateY(36px);opacity: 0;}

100% {transform: translateY(0px);opacity: 1;}

}

.banner .swiper-pagination {bottom: 34px;}

.banner .swiper-pagination-bullet {width: 10px;height: 10px;display: inline-block;border-radius: 100%;background: transparent;border: 1px solid #fff;opacity: 1;vertical-align: middle;}

.banner .swiper-pagination-bullet-active {width: 16px;height: 16px;opacity: 1;position: relative;}

.banner .swiper-pagination-bullet-active:after {content: "";width: 10px;height: 10px;position: absolute;left: 50%;top: 50%;background-color: #fff;border-radius: 100%;margin-top: -5px;margin-left: -5px;}







.pic{ overflow:hidden; width:100%}

.pic img{ width:100%; height:auto;display:block;transition: all 1.5s;}

.pic:hover img{transform:scale(1.1);}





.pic02{ width:100%}

.pic02 img{ width:100%; height:auto;display:block;transition: all 1.5s;}

.pic02:hover img{transform:scale(1.1);}



.business .kuai{ float:right; width:49%; position:relative; overflow:hidden; margin-bottom:2%;}
.business .kuai:first-child{ float:left;}

.business .wenzi{ position:absolute; bottom:-80px; background-color: rgba(0,0,0,0.5);transition: all 1.5s; padding:0 18px 30px 18px;}

.business .wenzi h3{font-size: 20px;line-height: 55px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.business .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:25px; color:rgba(255,255,255,0.7);}



.business .kuai:hover .wenzi{bottom:0px;}







.about{ background:#f2f4f6;}



.about .about_left .inn{ width:100%; max-width:650px; float:right;position:relative; }

.about .about_left{ width:51%; background-color:#e8342f;  z-index:999;margin-top:80px; position:absolute}
.about .about_right{width:50%; float:right}



@media screen and (max-width: 1400px){

.about .about_left .inn{  max-width:600px;}	

}



.about .about_left .dabiao{ color: rgba(255,132,128,0.5); font-size:70px; line-height:80px; position:absolute; margin-top:-35px;}

.about .about_left .detail{ color:#fff; width:90%; padding:70px 0 70px 0;}

.about .about_left .detail h3{ font-size:24px; line-height:40px;font-weight: bold;}

.about .about_left .detail h2{ font-size:20px; margin-bottom:30px;font-weight: bold;}

.about .about_left .detail p{ font-size:14px; line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


@media screen and (max-width: 1400px){
	
.about .about_left{ width:51%; background-color:#e8342f;  z-index:999;margin-top:60px; position:absolute}

.about .about_left .dabiao{ color: rgba(255,132,128,0.5); font-size:60px; line-height:60px; position:absolute; margin-top:-35px;}

.about .about_left .detail{ color:#fff; width:90%; padding:50px 0 50px 0;}

.about .about_left .detail h3{ font-size:24px; line-height:40px;font-weight: bold;}

.about .about_left .detail h2{ font-size:20px; margin-bottom:20px;font-weight: bold;}

.about .about_left .detail p{ font-size:14px; line-height:26px;}

}
@media screen and (max-width: 1600px){
.about .about_left{ width:46%;padding: 0px 0 0px 20px;}
.about .about_right{width:55%;}
}
@media screen and (max-width: 1550px){
.about .about_left{ width:43%;padding: 0px 0 0px 20px;}
.about .about_right{width:59%;}
}
@media screen and (max-width: 1400px){
.about .about_left{ width:41%;padding: 0px 0 20px 20px;}
.about .about_right{width:60%;}

}

@media screen and (max-width: 1200px){
.about .about_left{ width:36%; padding:0}
.about .about_right{width:65%;}
}



.about .about_left .detail .more a{ display:block; margin-top:40px; width:140px; color:#fff; height:45px; line-height:45px; background:url(../images/jian.png) no-repeat 85% center; padding-left:30px; border:solid 1px #f35955;transition: all 1.5s;}

.about .about_left .detail .more a:hover{ background:url(../images/jian.png) no-repeat 92% center;}









.case .picScroll{ position:relative;width:100%;overflow:visible}

.case .picScroll ul{ zoom:1;width:100%;}



.case .picScroll ul li{ float:left; padding-bottom:20px; width:25%;cursor: pointer;-webkit-transition: all ease 0.6s;-moz-transition: all ease 0.6s;-ms-transition: all ease 0.6s;transition: all ease 0.6s;}

.case .picScroll ul li .pic{ margin:0 auto; width:90%; display:block;box-shadow: 0 0 10px #ccc;}

.case .picScroll ul li .pic img{ width:100%; height:auto;}

.case .pic img{ width:100%; height:auto; display:block;}



.case .picScroll ul li .wenzi{ margin:0 auto; width:90%; background-color:#f2f4f6; text-align:center;}

.case .picScroll ul li .wenzi h3{ font-size: 18px;line-height: 35px; padding:15px 0 30px 0; color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}





.case .picScroll .prev,

.case .picScroll .next{ position:absolute; z-index:99;  left:-20px; top:42%; display:block; width:30px; height:48px; overflow:hidden; background:url(../images/llzuo.png) no-repeat; cursor:pointer;}

.case .picScroll .next{ left:auto; right:-20px; background:url(../images/llyou.png) no-repeat;z-index:99; }

.case .picScroll .prevStop{background:url(../images/llzuo02.png) no-repeat;z-index:99; }

.case .picScroll .nextStop{background:url(../images/llyou02.png) no-repeat;z-index:99; }



.news {background:#eaedf1;}



.news .kuai{ padding:18px 0; float:left; width:49%; border-bottom:solid 1px #d1d3d4;}

.news .kuai:nth-child(1), .news .kuai:nth-child(2){border-top:solid 1px #d1d3d4;}

.news .kuai:nth-child(2n){ float:right}

.news .kuai p{ font-size:14px; line-height:30px; color:#666}

.news .kuai h3{ font-size:18px; line-height:30px; color:#333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

.news .kuai:hover h3{ color:#ec231c;}



.news .more a{ display:block; margin-top:40px; margin:30px auto;  width:140px; color:#fff; height:45px; line-height:45px; background:url(../images/jian.png) #e71f19 no-repeat 85% center; padding-left:30px; border:solid 1px #f35955;transition: all 1.5s;}

.news .more a:hover{background:url(../images/jian.png) #f25954 no-repeat 92% center;}





.link{ padding:25px 0; color:#5b5b5b; background:#363636; border-bottom:solid 1px #4a4a4a;}

.link span{ color:#fff; font-size:20px; font-weight:bold;}

.link p{ font-size:14px; line-height:28px;}

.link p a{ padding:0 15px; color:#fff;}





.footer {background:#363636;}

.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer li {color:#fff;font-size:14px;display:inline-block;cursor:pointer; background:url(../images/fen.png) no-repeat left top;padding:40px 0 60px 50px;}

.footer li:first-child{ background:none; padding-left:0;}

.footer li h3{ color:#fff; margin-bottom:20px;font-size:18px; font-weight:bold; }

.footer li h3 a{color:#fff;}

.footer li p{color: rgba(255,255,255,0.8); line-height:28px; }

.footer li p a{color: rgba(255,255,255,0.8); }

.footer li:last-child{ min-width:450px;}

.footer li:last-child img{ float:right; margin-top:30px}



.footer .tel{background:url(../images/tel.png) no-repeat left center; padding-left:25px;}

.footer .fax{background:url(../images/fax.png) no-repeat left center; padding-left:25px;}

.footer .loc{background:url(../images/loc.png) no-repeat left center; padding-left:25px;}

.footer .web{background:url(../images/web.png) no-repeat left center; padding-left:25px;}



.copyright{ padding:25px 0; line-height:25px; background:#2c2c2c;color: rgba(255,255,255,0.8);font-size:14px;}

.copyright a{ color:#fff;}





.float_qq{ position:fixed;bottom:200px; right:0; width:50px; height:203px; z-index:9999;}

.float_qq li{ width:auto; height:50px; z-index:20;box-shadow: 0 0 5px #999;}

.float_qq li.float_qq1,.float_qq li.float_qq4,.float_qq li.float_qq5{ position:absolute; left:0; width:62px;}

.float_qq li.float_qq1{ top:0;}

.float_qq li.float_qq3{ position:absolute; top:51px; left:0; width:172px;}

.float_qq li.float_qq4{ top:102px;}

.float_qq li.float_qq5{ top:153px;}

.float_qq5{ position:absolute; top:153px; left:0;}

.float_qq li a{ display:block; font-family:"Microsoft Yahei"; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#1e252c; opacity:0.8; border-radius:6px;}

.float_qq li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}

.float_qq li a:hover{ background-color:#e71f19; opacity:1;}

.float_shwx{ position:absolute; top:-80px; left:-140px;width:216px; height:216px; padding-bottom:9px;display:none;}

.float_shwx img{ display:block; background-color:#FFF; width:130px; height:130px;}

.float_qq li:hover .float_shwx{display:block;}





.nbanner{ height:320px; padding-top:95px;}

.nbanner .wrap{ text-align:center; color:#fff}

.nbanner a{ color:#fff;}

.nbanner a:hover{ color:#b90000;}

.nbanner h3{ padding-top:100px; font-size:36px; font-weight:bold;line-height:45px; margin-bottom:15px; }







.nmain{ padding:60px 0 100px 0}

.nmain02{ padding:60px 0 0 0}

.nmain .content{ line-height:30px;}

.nmain .title{ margin-bottom:40px;}

.hr{margin-bottom: 50px;}

.hrtxt h3{font-size: 32px;margin-bottom: 50px;}

.hrtxt p{font-size: 16px;color: #666;line-height: 1.8;margin-bottom:10px;}



.item2{display: block;}

.hrbox{text-align: center;}

.bellows__item:nth-child(2n+1){background: #fafafa}

.bellows__item:nth-child(2n){background: #fff;border-top: 1px solid rgba(0,0,0,.1);border-bottom: 1px solid rgba(0,0,0,.1);}

.bellows__header{font-size: 15px;color: #787878;padding: 15px 0 15px 2%;}

.bellows__content{font-size: 15px;line-height: 30px;color: #666;background: #f3f3f3;padding:25px 25px;display: none;}

.bellows__content strong{color: #666;margin-top: -12px;}

.hrtit{line-height:55px; font-size:16px; color:#fff; background-color:#e71f19;padding-left: 2%;}

.hrtit dd{ float:left; text-align:left;padding-right:10px;font-weight: bold;}

.rba1{width:20%;float:left;padding-right:10px;}

.rba2{width: 15%;float:left;padding-right:10px;}

.rba3{width: 14%;float:left;padding-right:10px;}

.rba4{width: 15%;float:left;padding-right:10px;}

.rba5{width: 14%;float:left;padding-right:10px;}

.rba6{width: 10%;float:left;padding-right:10px;}

.rba7 {width: 15px;height: 8px;float: right;background: url(../images/ico28.png) no-repeat center;margin-top: 12px;padding-right: 5%;}

.bellows__item.cur .rba1{ color:#e71f19}



.bellows__content p span{ padding:0 20px; border:solid 1px #ddd; margin-right:5px; line-height:30px; display:block; float:left}





.lianxi li{ float:left; width:23%; padding:0 1%; padding-top:30px; padding-bottom:50px;}

.lianxi li:last-child{ border-right:none}

.lianxi .pic{ width:60%; max-width:100px; padding:6px; height:auto; margin:0 auto; border-radius:50%; border:solid 1px #ddd; overflow:hidden }

.lianxi .pic img{ width:100%; height:auto}

.lianxi .wenzi { text-align:center; font-size:16px;}

.lianxi .wenzi h3{ line-height:45px; color:#000; font-size:20px; margin-top:10px}

.lianxi .wenzi span{ margin-bottom:10px; width:30px; height:3px; background:#e71f19; display:block; margin-left:auto; margin-right:auto}







.loction{ line-height:85px; font-size:16px; font-weight:bold; text-align:center; }

.loction .wrap{border:solid 1px #ddd;}

.loction li{ margin-left:-1px;border-right:solid 1px #ddd;}

.loction li:last-child{border-right:none; }

.loction a{color:#333; display:block; width:100%; position:relative;}

.loction a:hover, .loction .cur a{color:#e71f19; }

.loction li .line1{ position:absolute; bottom:0;left:0px;width:100%; height:3px;background:fff;}

.loction li .line2{position:absolute; bottom:0;left:-101%;width:100%; height:3px; background:#e71f19; transition:0.5s}

.loction li:hover .line2, .loction .cur a .line2{ left:0}





.loction li{ float:left;overflow: hidden;}

.loction li:first-child a{ border-left:solid 1px #ddd;}





.nav02 li{ width:50%}

.nav03 li{ width:33.33%}

.nav04 li{ width:25%}

.nav05 li{ width:20%}

.nav06 li{ width:16.66%}



.xinwenli{ padding:23px 0}

.xinwenli:hover{ background:#f5f5f5}

.xinwenli .pic{ float:left; width:25%;overflow:hidden; display:block; border:solid 1px #ddd}

.xinwenli .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}

.xinwenli:hover img{transform:scale(1.1);}

.xinwenli .newscon{ float:right; width:73%;}

.xinwenli .newscon h3{ line-height:50px; color:#000; font-weight:bold; font-size:20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.xinwenli:hover .newscon h3{ color:#e71f19;}

.xinwenli .newscon .times{ float:right; color:#999; font-weight:normal; font-size:14px;}

.xinwenli .newscon p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:30px; height:60px;color:#666;font-size:15px; clear:both}

.xinwenli .newscon .mores{ float:right; width:120px; line-height:35px; text-align:center; border:solid 1px #ddd; color:#999; margin-top:25px;font-size:14px;}

.xinwenli:hover .newscon .mores{ background:#e71f19; color:#fff;border:solid 1px #e71f19;}



.newstitle h3{ font-size:26px; text-align:center; font-weight:bold}

.fabushijian { color:#999; line-height:40px; padding:10px 0 20px 0; text-align:center; border-bottom:solid 1px #ddd;}

.xxxiangxi{ padding:30px 0 50px 0;color:#666; }
.xxxiangxi *{font-size:16px !important }



.zwen{min-height:550px;}



.xxxiangxi .fanhui a{ margin:40px 0 0 0; float:right}

.xxxiangxi img{ width:100%; max-width:800px; display:block; margin:20px auto}





.fanhui a{ display:block; margin:40px auto 0 auto; width:150px; line-height:45px; text-align:center; background:#e71f19; color:#fff}

.fanhui a:hover{ background:#e71f19}





.shangxia{ padding:25px 0;  clear:both; line-height:30px;border-top:solid 1px #ddd; font-size:16px; }

.shangxia li{ float:left;}

.shangxia li:nth-child(2){ float:right; text-align:right; }

.shangxia li a{ color:#333}

.shangxia li a:hover{ color:#e71f19}





.sol01 .wenzi{ float:left; width:50%; line-height:35px; font-size:15px;}

.sol01 .pic02{ float:right; width:40%; }



.sol02 .wenzi{ float:left; width:60%; line-height:35px; font-size:15px;}

.sol02 .pic02{ float:right; width:30%; }



.sol03 .wenzi{ float:right; width:60%; line-height:35px; font-size:15px;}

.sol03 .pic02{ float:left; width:30%; }

.sol03 .wenzi h2 span{ float:left; padding:0px 20px; margin:15px 10px 15px 0; font-size:16px; border:solid 1px #e71f19}



.sol01 .shig li{ float:left; width:23.4%; margin-right:2%; margin-bottom:2%; background-color:#fff; min-height:330px; text-align:center}

.sol01 .shig li:nth-child(4n){ margin-right:0}

.sol01 .shig li:nth-child(4n+1){ clear:both; }

.sol01 .shig li h3{ color:#fff; background-color:#e71f19; font-size:16px; font-weight:bold; line-height:42px; margin-bottom:15px;}

.sol01 .shig li p{ text-align:left; padding-left:25px;}



.sanli li{ float:left; width:32%; margin-right:2%; text-align:center; margin-top:45px;}

.sanli li:nth-child(3n){ margin-right:0}

.sol02 .sanli .pic{ border:solid 1px #ddd}

.sol02 .sanli .pic img{ width:80%; padding:10%; display:block; margin:0 auto;}

.sol02 .sanli .wenzi{ float:none; width:100%; line-height:50px; font-size:15px;background:#f4f4f4; border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;}







#photo{position:relative;width:100%;max-width:1360px;height:auto;overflow: hidden; margin:60px auto 100px auto; padding-bottom:60px;}

#photo .nwork_pics{width:25%;height:auto;float: left;padding:0px 0 0px 0}



#photo .nwork_pics img{ width:94%; padding:3%; height:auto; display:block; }

#photo .nwork_pics .ntitle{ bottom:0; position:relative; margin-left:3%; font-size:15px; line-height:40px; margin-bottom:10px;}





.nmain .yewu li{ float:left; width:23.5%; height:auto; margin-right:2%; margin-bottom:2%;}

.nmain .yewu li:nth-child(4n){ margin-right:0}

.nmain .yewu li:nth-child(4n+1){ clear:both;}

.nmain .yewu li .wenzi{ font-size:16px; text-align:center; background-color:#f4f4f4; line-height:50px;}





.nmain .detail .banner{ width:80%; margin:0 auto}



.company img{ display: block;  margin:30px auto; width:60%; height:auto}

.nmain  .jiagou img{ display: block;  margin:30px auto; width:80%; height:auto}



.wenhua .wenhuali { background:#f4f4f4;}

.wenhua .wenhuali .pic{float:left; width:50%; }

.wenhua .wenhuali .wenzi{float:left; width:44%; padding:8% 3%; }

.wenhua .wenhuali:nth-child(2n) .pic{ float:right}

.wenhua .wenhuali .wenzi h3{ line-height:50px; font-size:24px;margin-bottom:10px; font-weight:bold;}

.wenhua .wenhuali .wenzi p{ line-height:30px; margin-top:20px}

.wenhua .wenzi span{ width:40px; height:2px; background:#e71f19; margin-bottom:15px; display:block;}





.lishi .lstop{background:url(../images/niantou.jpg) no-repeat center top; height:45px;}

.lishi .center{background:url(../images/nianbaby.jpg) repeat-y center center; padding:10px 0 60px 0; }

.lishi .center .kuai{ position:relative}

.lishi .center .kuai .neir{ float:right; width:41%; padding:1% 2% 2% 2%; box-shadow: 0 0 6px #ccc;}

.lishi .center .kuai:nth-child(2n+1) .neir .wai{background:url(../images/dianzuo.png) no-repeat left center; position:absolute; z-index:99; width:10px; height:19px; right:45%; top:20px}

.lishi .center .kuai:nth-child(2n) .neir .wai{background:url(../images/dianyou.png) no-repeat right center; position:absolute; z-index:99; width:10px; height:19px; left:45%; top:20px}

.lishi .center .kuai:nth-child(2n) .neir{ float:left;}

.lishi .center .kuai .dianzi{ width:10%; float:right; background:url(../images/niandian.jpg) no-repeat center bottom; background-size:23px auto; padding-top:60px;}

.lishi .center .kuai:nth-child(2n) .dianzi{ float:left;}



.lishi .center .kuai .neir h3{ font-weight:bold; font-size:16px;}





.honor li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%}

.honor li img{ width:100%; height:auto; display:block}

.honor li:nth-child(4n){ margin-right:0%;}

.honor li:nth-child(4n+1){ clear:both;}





.client .client-box{width:25%;float:left;}

.client-box{display:block;text-align:center;font-size:0px;position:relative;}

.client-box img{width:60%;height:60%; margin:20px auto; display:block; }



.client .client-box{border-top:1px solid #ececec;border-left:1px solid #ececec;border-bottom:0px;margin-left:-1px;}

.client .client-box:nth-child(1),

.client .client-box:nth-child(2),

.client .client-box:nth-child(3),

.client .client-box:nth-child(4){border-top:0px; }

.client .client-box:nth-child(4n-3){border-left:0px; clear:both}



.client-box:hover img{opacity:1;filter:alpha(opacity=0);transform:translateY(-10px);-webkit-transform:translateY(-10px);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}