.header-top{height: 36px;background: #efefef;}
.header-top-l{float: left;color: #838383;line-height: 36px;}
.header-top-r{float: right;text-align: right}
.header-top-r a{display: inline-block;width: 85px;line-height: 36px;font-size: 14px;color: #838383;font-weight: lighter;text-indent: 20px;text-align: left;white-space: nowrap}
.header-top-r a:nth-child(1){background: url("../images/h-t1.png") left center no-repeat;}
.header-top-r a:nth-child(2){background: url("../images/h-t2.png") left center no-repeat;}
/*header*/
.header{height: 120px;}
.header-l{float: left;padding:10px 0 10px 0px;margin-top: 4px }
.header-l a{display: block;}

.header-l-l{float: left;padding-right: 15px;background: url("../images/logo-l.png") right bottom 5px no-repeat;position: relative}
.header-l-l-z{float: left;padding-right: 10px;}
.header-l-l-z img{display: block;max-width: 80px;}
.header-l-l-y{float: right}
.header-l-l-y .p1{font-size: 31px;color: #282828;padding-top: 12px}
.header-l-l-y .p2{font-size: 12px;font-weight: lighter;color: #b8b8b8;margin-top: 7px;letter-spacing: 0.8px}
.header-l-r{float: left;padding-left: 15px}
.header-l-r .p1{font-size: 18px;color: #353535;padding-top: 23px}
.header-l-r .p1 span{background: #c30008;color: #fff;font-size: 14px;padding: 2px 4px;position: relative;top: -2px;}
.header-l-r .p2{color: #6f6f6f;margin-top: 5px;text-indent: 2px}
.header-r{float: right;padding-left:50px;background: url('../images/h-tel.png') left center no-repeat;margin-top: 30px;}
.header-r .p2{font-size: 14px;font-weight: lighter;color: #747679;letter-spacing: 1.3px;text-indent: 2px;}
.header-r .p1{font-size: 32px;color: #4d4d4d;}
/*menu*/
.menu{background: #313131;height: 62px;}
.menu li{width: 12.5%;float: left;background: url("../images/menu-l.png") right center no-repeat}
.menu .container{background: url("../images/menu-l.png") left center no-repeat;}
.menu li a{display: block;width: 100%;height: 62px;text-align: center;line-height: 62px;font-size: 16px;color: #fff;}
.menu li a:hover{background: #c30008;}
.menu li a.xz{background: #c30008;}

/*banner*/
.banner{width: 100%;}
.banner img{display: block;width: 100%;}
.footer{padding: 30px 0 45px 0;background: #2a2b30}
.fmenu{ display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;}
.fmenu a{line-height: 40px;font-size: 16px;color: #fff;}
.fmenu a:hover{text-decoration: underline;}
.foot-c{margin-top: 40px;}
.foot-l{width: 255px;float: left;}
.foot-l li{width:105px;float: left;}
.foot-l li:nth-child(1){margin-right: 15px;}
.foot-l li img{width: 105px;}
.foot-l li p{color: #747679;margin-top: 5px}

.foot-r{width: 930px;float: right;border-top: 1px solid #484c52}
.foot-r-l{float: left;max-width: 600px;}
.foot-r-l li:nth-child(1){margin-top: 10px}
.foot-r-l li{font-size: 14px;color: #747679;font-weight: lighter;padding: 5px 0}
.foot-r-l p{font-size: 28px;color: #fff;padding: 2px 0}
.foot-r-r{float: right;width: 300px;}
.foot-r-r p{text-align: left;margin-top: 16px;}
.foot-r-r li{padding: 5px 0}
.foot-r-r ul li:nth-child(1){margin-top: 10px}
.foot-r-r li a{font-size: 14px;color: #747679;font-weight: lighter}
.foot-r-r li a:hover{color: #fff}
/**/
.beian{background: #252525;padding: 20px 0;font-size: 14px;color: #5f5e5e;font-weight: lighter}
.beian a{font-size: 14px;color: #5f5e5e;font-weight: lighter}
.beian a:hover{color: #fff;}
.beian .l{float: left}
.beian .r{float: right;text-align: right}

/*大标题*/
.big-title .bt1{color:#282828}
.big-title .bt3{color:#909090;margin-top: 4px;}
.big-title .bt1 span{color: #939393;font-weight: lighter}



/*********************产品中心***************/
.sidebar{width: 270px;float: left;}
.sidebar .one{padding: 20px 0;background: #c30008;margin-bottom: 11px}
.sidebar .two{margin-bottom: 0}
.sidebar li{margin-bottom: 11px;width: 100%;}
.sidebar li a{display: block;width:185px;padding:  19px 10px 19px 75px;
    background: #eeeeee url("../images/side1.png") left 30px center no-repeat;
    font-size: 18px;font-weight: bold;color: #353535;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.sidebar li a:hover{background: #c30008  url("../images/side2.png") left 30px center no-repeat;color: #fff}
.sidebar li.xz a{background: #eeeeee  url("../images/side2.png") left 30px center no-repeat;color: #c30008}

.sidebar li:last-child{margin-bottom: 0}
.lianxi{background: #eee;padding: 15px 0}
.lianxi dt{width: 90%;margin: 0 auto;line-height: 1.6;padding: 3px 0;font-size: 15px;color: #333;}
/*右侧*/
.i-p-list{width: 905px;float: right}
.one-pro{display: block;width: 100%;}
.one-pro .l{width: 450px;height: 343px;box-sizing: border-box;border: 1px solid #eeeeee;float: left}
.one-pro .r{width: 455px;height: 343px;background: #f1f1f1;float: right}
.one-pro .r .son{width: 375px;margin: 0 auto;}
.one-pro .r .son h1{color: #303030;border-bottom: 1px solid #e4e4e4;padding-bottom: 15px;}
.one-pro .r .son .p1{color: #646464;line-height: 1.8;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
/*两个a*/
.ipro-more{padding-top: 40px;}
.ipro-more a{display: block;width:140px;height: 40px;position: relative;overflow: hidden;float: left;}
.ipro-more .a1{margin-right: 20px;}
.ipro-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.ipro-more a .one .son{width: 40px;height: 40px;background: rgba(0,0,0,0.3);border-radius: 50%;opacity: 0}
.ipro-more a .two{position: absolute;width: 160px;height: 40px;z-index: 3;color: #fff;line-height: 40px;font-size: 14px;text-align: center;background: url("../images/j.png") left 21px center no-repeat}
.ipro-more .a1 .one{background: #313131;color: #fff}
.ipro-more .a2 .one{background: #c30008;color: #fff}
.ipro-more a:hover .one .son{transform: scale(5);-webkit-transform: scale(5);opacity: 1;}



/**/
.swiper-container-pro a{display: block;width: 100%}
.swiper-container-pro a .i{width: 100%;height: 220px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}
.swiper-container-pro a .t{height: 62px;background: #f1f1f1}
.swiper-container-pro a .t .tl{width: 77%;height: 100%;float: left}
.swiper-container-pro a .t .tl .son{
    text-overflow:ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0 10px;line-height: 62px;color: #434343;}
.swiper-container-pro a .t .tr{width: 23%;box-sizing: border-box;border-left: 1px solid #fff;height: 100%;float: left}
.swiper-container-pro a .t .tr .jt{width: 30px;height: 30px;border-radius: 30px;background:#414141 url("../images/jt.png") center no-repeat;}
.swiper-container-pro a:hover .t .tr .jt{background:#c30008 url("../images/jt.png") center no-repeat;}
.swiper-container-pro a:hover .t .tl .son{color: #c30008}
.swiper-container-pro a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}




/****品质*******/
.ipz{background: url("../images/pz.jpg") top center no-repeat;padding-top: 60px}
.bt-b-l{float: left;margin-left: 260px}
.bt-b-l .p1{font-size: 38px;}
.bt-b-l .p2{font-size: 12px;letter-spacing: 4.1px;margin-top: 5px}
.bt-b-r{float: left;padding: 10px 22px;border: 1px solid #75767c;margin-left: 20px;}
.bt-b-r .p1{font-size: 26px;letter-spacing: 3px}
.bt-b-r .p2{font-size: 10px;letter-spacing: 0px}
/**/
.i-four{margin-top: 65px}
.i-four li{width: 582px;float: left;box-sizing: border-box;border: 1px solid #eeeeee;cursor: pointer;}
.i-four li:nth-child(2n){margin-left: 36px;}
.i-four li:nth-child(n+3){margin-top: 33px;}

.i-four li .son{padding: 20px ;background: #fff}
.i-four li .son .fl2{margin-top: 34px}
.i-four li .son .i{height:165px;}
.i-four li .son .i img{transition: 0.5s;-webkit-transition: 0.5s}
.if-fl2-l{width: 72px;height: 72px;background: #3b3c40;color: #fff;font-size: 38px;float: left;transition: 0.5s;-webkit-transition: 0.5s}
.if-fl2-r{width: 455px;float: right;}
.if-fl2-r .p1{color: #474747;margin-top: 10px;}
.if-fl2-r .p2{color: #bfbfbf;margin-top: 5px}
.i-four li dt{font-size: 16px;font-weight: lighter;color: #7b7b7b;background: url("../images/dot1.png") left center no-repeat;padding: 5px 0 5px 18px}
.i-four li:hover .if-fl2-l{background: #c30008;}
.i-four li:hover .son .i img{transform: scale(1.03);-webkit-transform: scale(1.03);}


/*********关于我们************/
.iab{padding-top: 35px;background: url("../images/abbg.jpg") top center no-repeat;}
.ab-con{margin-top: 34px;}
.ab-l{width: 600px;height: 400px;float: left;margin-top: 50px}
.ab-r{width: 600px;float: right;height: 440px;margin-top: 10px;box-sizing: border-box;border: 1px solid #eeeeee;background: #fff;border-left: 0px;}
.ab-r .son{width: 500px;margin: 0 auto}
.ab-r .son h1{color: #4d4d4d;padding-bottom: 20px;border-bottom:1px solid #e5e5e5; }
.ab-r .son .p1{line-height: 2.0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}


/*案例*/
.swiper-container-case a{display: block;width: 100%;}
.swiper-container-case a .i{width: 100%;height: 300px;position: relative;overflow: hidden;}
.swiper-container-case a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("../images/cjt.png") right 5% center no-repeat;position: absolute;line-height: 50px;color: #fff;font-size: 16px;left: 0;bottom: 0}
.swiper-container-case a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.swiper-container-case a:hover .t{background: rgba(0,0,0,0.7) url("../images/cjt.png") right 5% center no-repeat;}

.all-more{text-align: center;}
.all-more{width: 140px;height: 40px;border: 1px solid #ddd;margin: 0 auto}
.all-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.all-more a .one .son{width: 40px;height: 40px;background: #eee;border-radius: 50%;opacity: 0}
.all-more a .two{position: absolute;width: 140px;height: 40px;z-index: 3;color: #4c4c4c;line-height: 40px;font-size: 14px;text-indent: 53px;text-align: left;font-weight: lighter;background: url("../images/j1.png") left 21px center no-repeat}
.all-more a:hover .one .son{transform: scale(4);-webkit-transform: scale(4);opacity: 1}
/*.all-more a:hover .two{color: }*/

/*æ–°é—»*/
.inews{padding: 40px 0 40px 0;background: #f6f6f6;}
.inews-l{width: 560px;height: 430px;float: left}
.news-img{width: 560px;height: 430px;}

.inews-m{width: 80px;height: 430px;float: left;background: url("../images/nm.png") center repeat-y;}
.inews-m li{width: 100%;height: 33.3%;}
.inews-m li .son{width: 11px;height: 11px;background: #b9b9b9;border-radius: 11px;border: 3px solid #fff;}
.inews-m li[flag=xz] .son{background: #c30008}

.inews-r{width: 560px;float: right;background: #fff;height: 430px;overflow: hidden}
.inews-r li{/*padding: 21px 25px*/;padding: 21px 20px;box-sizing: border-box;border-bottom: 1px solid #eee}
.inews-r li:last-child{border-bottom: 0}
.inews-r li a{display: block;}
.inews-r li a .p1{color: #454545;}
.inews-r li a .p2{color: #9f9f9f;padding: 9px 0}
.inews-r li a .p3{color: #747474;line-height: 1.6;height: 45px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}



.inews-r li:hover{background: #2a2b30}
.inews-r li:hover .p1{color: #fff;}
.inews-r li:hover .p2{color: #fff;}
.inews-r li:hover .p3{color: #fff;}

/*********内页banner**/
.s-banner{height: 360px;background: url("../images/sb-comn.jpg?v=1.0.2") center no-repeat;}

.crubms{font-size: 14px;color: #9f9f9f;background: url("../images/loc.png") left center no-repeat;
padding: 19px 0 18px 25px;border-bottom: 1px solid #ededed}
.crubms a{font-size: 14px;color: #9f9f9f;}
/*内页*/
.main-main{padding: 40px 0}
.main-main1{padding: 30px 0 80px 0;}
.main-right{width: 890px;float: right;}
.main-main-bg{background: #f5f5f5}
/**************关于我们***********/
.company-con .con{color: #646464;font-size: 16px;line-height: 2.0;padding-bottom: 60px}
.company-con .con img{display: block;max-width: 100%;margin: 5px 0;}


/**产品中心**/
.prolist li{width: 32%;float: left;margin-right: 2%;}
.prolist li:nth-child(3n){margin-right: 0}
.prolist li:nth-child(n+4){margin-top: 20px;}
.prolist a{display: block;width: 100%}
.prolist a .i{width: 100%;height: 220px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}
.prolist a .t{height: 62px;background: #f1f1f1}
.prolist a .t .tl{width: 77%;height: 100%;float: left}
.prolist a .t .tl .son{padding: 0 10px;line-height: 62px;color: #434343;}
.prolist a .t .tr{width: 23%;box-sizing: border-box;border-left: 1px solid #fff;height: 100%;float: left}
.prolist a .t .tr .jt{width: 30px;height: 30px;border-radius: 30px;background:#414141 url("../images/jt.png") center no-repeat;}
.prolist a:hover .t .tr .jt{background:#c30008 url("../images/jt.png") center no-repeat;}
.prolist a:hover .t .tl .son{color: #c30008}
.prolist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}

.prolist a .t1{width: 96%;padding: 0 2%;line-height: 62px;background: #f1f1f1;font-size: 16px;color: #434343}

/*详情*/
.pro-info .z{width: 450px;position: relative;float: left;}

.pro-info .top{width:450px;height: 350px;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}
.pro-info .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #f5f5f5;}
.pro-info .bot .swiper-slide{width: 80px;height: 80px;}
.pro-info .swiper-button-prev1{width: 30px;height: 80px!important;background:#c30008 url("../images/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-next1{width: 30px;height: 80px!important;background:#c30008 url("../images/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-disabled{opacity: 0.3}
.pro-info .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.pro-info .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #c30008;opacity: 1}

/**/
.pro-info-r{width: 410px;float: right}
.pro-info-r h1{font-size: 24px;color: #333}
.pro-info-r .ipro-more{padding-top: 30px;}
.pro-info-r .ipro-more a:nth-child(1) .two{background: url("../images/order.png") left 21px center no-repeat;
background-size: 20px;}
.pro-info-r .ipro-more a:nth-child(2) .two{background: url("../images/zx.png") left 21px center no-repeat;
    background-size: 25px;}


/**/
.floors{border-bottom: 1px solid #eee;}
.floors-l{height: 40px;width: 130px;text-align: center;line-height: 40px;background: #c30008;color: #fff;float: left}

.xq{padding: 10px 0;}
.xq img{display: block;max-width: 100%;margin: 8px auto;}
/*.p-f-info{padding: 0px 0;}*/
/*.parm{margin-bottom: 30px}*/
.xq table{width: 100%!important;margin: 12px 0}
.xq table td{border: 1px solid #ddd;padding: 10px 11px}
.xq table th{border: 1px solid #ddd;padding: 15px 0px;background: #eee}
.xq p{margin: 10px 0;line-height: 1.6}


/**/
.main-info-r{width: 250px;padding: 30px 20px;background: #fff;float: right}
.main-info-r .bt{font-size: 20px;color: #1256b3}

/*订购*/
#order input{text-indent: 8px;border-radius: 0px;width: 48%;float: left;margin-right: 4%;color: #666;box-sizing: border-box;
    border: 1px solid #eee;outline: none;margin-top: 15px;padding: 14px 0}
#order input:focus{border: 1px solid #c30008}
#order input:nth-child(2n){margin-right: 0}
#order textarea{width: 100%;height:100px;box-sizing: border-box;border: 1px solid #eee;border-radius: 0px;margin-top: 15px;
    font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;text-indent: 8px;padding: 5px 0;color: #666;}
#order textarea:focus{border-color:#c30008}
#order button{display: block;
    width: 130px;
    height: 40px;
    border-radius:0px;
    background: #313131;
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
    margin-top: 20px;}
#order .code img{height: 45px;margin-top: 14px;}


/********新闻中心*/
.newslist li{width: 100%;padding: 25px 0;border-bottom: 1px solid #eee}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 240px;height: 150px;background: #ddd;float: left}
.newslist li a .t{width: 620px;float: right}
.newslist li a .t .p1{color: #333;margin-top: 15px;}
.newslist li a .t .p2{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.6;color: #888;margin-top: 10px;}
.newslist li a .t .p3{color: #999;margin-top: 25px;font-size: 14px}
.newslist li:nth-child(1){padding-top: 0px}

.newslist li a:hover .t .p1{color:#c30008}

/*详情*/
.news-title{font-size: 24px;color: #333}
.news-xq{padding: 25px 0 25px 0}
.newslist-o{box-sizing: border-box;}
.newslist-o .son{width: 100%;margin: 0 auto;}
/*.newslist-o li{width: 90%;margin: 0 auto}*/
.newslist-o li a{width: 100%;display: block;padding: 12px 0;font-size: 14px;color: #666;border-bottom: 1px solid #eee;}
.newslist-o li a:hover{color: #c30008}
/*.other-title{margin-bottom: 10px}*/
/*.newsPage{padding: 30px 0}*/
.newsPage{margin-top: 40px}
.newsPage .page-a{padding: 10px 0 10px 30px;font-size: 14px;border-bottom: 1px dashed #eee;}
.newsPage .page-a:nth-child(1){background: url("../images/prev/page_prev.png") left center no-repeat;background-size: 20px}
.newsPage .page-a:nth-child(2){background: url("../images/prev/page_next.png") left center no-repeat;background-size: 20px}
.newsPage .page-a:hover{text-decoration: underline;color:#c30008}
.newsPage .page-a:hover a{color:#c30008}

/**在线留言*/
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 13px 0;outline: none;border: 1px solid #ddd;
    text-indent: 10px;font-size: 14px;box-sizing: border-box;color: #666;}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #ddd;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 14px;padding: 10px 0;text-indent: 10px;height: 120px;margin-top: 15px;margin-bottom: 15px;color: #666;}
#lianform textarea:focus{border-color: #c30008}
#lianform img{height: 46px;margin-top: 15px}
#lianform input:focus{border-color: #c30008}
#lianform input.submit{background: #c30008;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px}



/**/
.contact-info li{font-size: 16px;padding: 5px 0;color: #333}
#dituContent{width: 100%;height: 450px;}



/*******案例***********/
.caseslist li{width: 32%;float: left;margin-right: 2%;}
.caseslist li:nth-child(3n){margin-right: 0}
.caseslist li:nth-child(n+4){margin-top: 40px}
.caseslist a{display: block;width: 100%;}
.caseslist a .i{width: 100%;height: 300px;position: relative;overflow: hidden;}
.caseslist a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("../images/cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}

.caseslist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.caseslist a:hover .t{background: rgba(0,0,0,0.7) url("../images/cjt.png") right 5% center no-repeat;}

/*详情*/
.cases-img{width:100%;position: relative;float: left;}

.cases-img .top{width:100%;height: 450px;overflow: hidden;box-sizing: border-box;background: #f5f5f5;border: 1px solid #eeeeee;}
.cases-img .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #f5f5f5;}
.cases-img .bot .swiper-slide{width: 130px;height: 80px;}
.cases-img .swiper-button-prev1{width: 30px;height: 80px!important;background:#c30008 url("../images/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.cases-img .swiper-button-next1{width: 30px;height: 80px!important;background:#c30008 url("../images/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.cases-img .swiper-button-disabled{opacity: 0.3}
.cases-img .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.cases-img .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #c30008;opacity: 1}
.cases-img img{margin: 0 auto}

/**/
.main-right-left{float: left;background: #fff;width: 850px;padding: 20px 20px}
.main-right-right{width: 270px;float: right;}
.clicks{border-bottom: 1px solid #eee;padding-bottom: 15px}

.main-other{width: 240px;padding: 20px 15px;background: #fff}

.caseslist-o a .i{width: 100%;height: 170px;overflow: hidden}
.caseslist-o a .t{width: 96%;padding: 8px 2%;font-size: 14px;color: #666;text-align: center;background: #f5f5f5}
.caseslist-o li a{padding: 0;border-bottom: none;}
.caseslist-o a:hover .i img{transform: scale(1.03);-webkit-transform: scale(1.03)}
.caseslist-o a:hover .t{color: #c30008}
.caseslist-o li:nth-child(n+2){margin-top: 15px}

/*资质荣誉*/
/*******案例***********/
.honorlist li{width: 23%;float: left;margin-right: 2.66%;}
.honorlist li:nth-child(4n){margin-right: 0}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.honorlist a .t{height: 45px;width: 96%;padding: 0 2%;font-size: 16px;text-align: center;background: #f1f1f1;
    line-height: 45px;color: #434343;}

.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{color: #c30008;}