@charset "utf-8";
/* Banner */
/* .banner {position: relative; width: 1920px; left: 50%; margin-left: -960px;} */
.banner .bd{zoom:1;}
.banner .bd img{width:100%!important; height:auto!important;}
/* 主体 */
.container{position:relative;z-index:8;}
.wrap{position:relative; min-height:460px; margin:0 auto;}
.wrap .sidebar{}
.wrap .main{display:block;overflow:hidden; *zoom:1;}
.wrapBt{height:0; background:none; overflow:hidden; clear:both;}
/* 左侧栏目标题 */
.leftTitle{position:relative; margin-bottom:18px; padding:18px 0; color:#333;}
.leftTitle i,.leftTitle s{display:block; text-align:center;}
.leftTitle i{font-size:38px; line-height:58px; font-weight:normal;}
.leftTitle s{color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase;}
/* 二级、三级菜单 */
.menu ul{zoom:1; padding-bottom:20px; border-bottom:1px solid #ddd; text-align:center;}
.menu ul:after{content:'\20';display:block;height:0;clear:both}
.menu ul li{display:inline-block; *display:inline; zoom:1; margin:0 2px 12px; vertical-align:top;}
.menu ul li a{display:inline-block; padding:10px 20px; border-bottom:1px solid #cfcfcf; background:#efefef; color:#666; font-size:14px;}
.menu ul li a:hover,.menu ul li .current{border-bottom:1px solid #1064b2; background:#1064b2; color:#fff; text-decoration:none;}
.m-rdm{padding:25px 0 10px; text-align:center;}
.m-rdm a{display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px;}
.m-rdm a:hover,.m-rdm .current{border:1px solid #999; background:#999; color:#fff;}
/* 面包屑 */
.location{position:relative; height:24px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none;}
.location h3{float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal;}
.breadcrumbs{float:right; text-align:right;}
.breadcrumbs a{display:inline-block; margin-left:12px; padding-left:12px; background:url(o_ico_04.gif) no-repeat 0 center; vertical-align:top;}
.breadcrumbs .u-home{padding-left:20px; background:url(o_ico_03.gif) no-repeat 0 center;}
/* 内容模式 */
/* .wrap01{width: 1200px; margin: 0 auto;} */
.article{padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word;}
.article img{max-width: 100%; height: auto!important;}
.article .hd{padding:0 0 20px; text-align:center;}
.article .hd h1{color:#000; font-size:20px;}
.article .hd .titBar{color:#797979; font-size:12px;}
.article .bd{padding-bottom:40px;}
.article .ft{padding:20px 0 0; border-top:1px solid #ddd;}
/* 头部新闻 */
.hotNews{margin-bottom:30px; background:#848484; overflow:hidden;}
.hotNews .pic{float:left; width:390px; height:250px; margin-right:5px;}
.hotNews .pic img{width:100%; height:100%;}
.hotNews dl{display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px;}
.hotNews dl dt{margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px;}
.hotNews dl dt a{color:#fff;}
.hotNews dl dt a:hover{color:#000;}
.hotNews dl .i{min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee;}
.hotNews dl .m{width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center;}
.hotNews dl .m a{display:block; color:#333;}
.hotNews dl .m a:hover{background:#666; color:#fff;}
/* 新闻列表 */
.news{padding:0 0 40px;}
.newsTable th{border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center;}
.newsTable td{padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px;}
.list{padding:0 0 40px;}
.list li{padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both;}
.list li span{float:right; color:#999; font-size:12px;}
.list li a{padding-left:15px;}
.list li a:hover{text-decoration:underline;}
/* 图文新闻 */
.pothoItem{margin:0 0 40px;}
.pothoItem .item{margin-bottom: 14px;overflow:hidden;}
.pothoItem .item .pic{float:left;width: 350px; margin-right: 6px;border:1px solid #e7e7e7;overflow: hidden;}
.pothoItem .item .pic img{width: 100%; height: 214px; transition: all 0.4s;}
.pothoItem .item .pic:hover img{transform: scale(1.1);}
.pothoItem .item dl{display:block;background: #f7f7f7;overflow:hidden;zoom:1;padding: 22px 32px 14px 28px;line-height:20px;}
.pothoItem .item dl dt{margin-bottom: 30px;font-family: Arial;font-size:20px;line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pothoItem .item dl dt a{font-weight: bold; color: #000e22; transition: all 0.4s;}
.pothoItem .item dl .i{margin-bottom: 36px;color: #4c4c4c;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.pothoItem .item dl .d{font-size: 14px; color: #4c4c4c;}
.pothoItem .item dl .d span{font-family: Arial;}
.pothoItem .item dl dt a:hover {color: #bb131a;}
/* 图片列表 */
.pic-item-list{margin:0 0 20px;}
.pic-item-list .pic-item{display:block; float:left; width:130px; margin-bottom:10px; padding:0;}
.pic-item-list .list-pic{display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center;}
.pic-item-list dl{padding:0 5px; line-height:26px; text-align:center;}
.piList{padding:0 0 20px; overflow:hidden;}
.piList .pic-item-list{width:1028px; margin:0; padding:0;}
.piList .pic-item{position:relative; width:230px; margin:0 27px 23px 0; padding:0; display:inline;}
.piList .list-pic{display:block; width:230px; height:172px; margin-bottom:0; padding:0; border:0; line-height:148px;}
.piList .list-pic img{width:230px; height:172px;}
.piList dl{padding:4px 5px; line-height:20px;}
.piList dl dt{height:30px; font-size:12px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
/* 分页 */
.page{padding:0 0 40px;/* line-height:24px; */text-align:center;}
.page i{display: inline-block;margin-right: 24px;vertical-align: middle;font-family: Arial;font-size: 16px;color: #b2b2b2;text-transform: uppercase;}
.page a{display:inline-block;width: 20px;height: 20px;margin:0 2px;/* padding:0 8px; */border:1px solid #ddd;background: #b2b2b2;font-family: Arial;color: #ffffff;text-align: center;border-radius: 50%;vertical-align:top;}
.page a.next{width: auto; height: auto; margin-left: 24px; font-family: Arial; font-size: 16px; color: #b2b2b2; text-transform: uppercase; border-radius: 0; background: none; border: none;}
.page a:hover,.page .current{border:1px solid #bb131a; background:#bb131a; color:#fff;}
.page a.next:hover{border: none; background: none; color: #bb131a;}
/* 人才招聘 */
.hrTop{padding:0 0 30px; border-bottom:1px solid #ddd;}
.hrTop li{padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px;}
.hrTable .hrTableTh{height:32px; background:#666; color:#fff;}
.hrTable th{color:#fff; font-weight:normal;}
.hrTable td{padding:0 8px;}
.hrTable .bg td{background:#eee;}
.hr{position:relative; padding:0 0 40px;}
.hr h3{padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px;}
.hr h3 s{float:right; width:20px; height:20px; margin-top:17px; cursor:pointer;}
.hr h3 .off{background:url(hr_down.gif) no-repeat center;}
.hr h3 .on{background:url(hr_up.gif) no-repeat center;}
.hrItem{margin-bottom:5px;}
.hrItem .title{border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px;}
.hrItem .title span{float:right; font-weight:100;}
.hrItem .title span a{color:#88000c;}
.hrItem .con{margin-bottom:10px; padding:15px 0; line-height:24px;}
.hrItem .con h4{font-size:14px; line-height:36px;}
.hrItem .apply{width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center;}
.hrItem .apply a{color:#fff;}
.hr-list{margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777;}
.hr-list .title{padding:0; color:#0063be; font-weight:bold; line-height:20px;}
.hr-list .title span{float:right; font-weight:100;}
.hr-list .info{padding:5px 0; line-height:24px;}
.hr-list .apply{height:24px; line-height:24px; text-align:right;}
/* 新闻列表 */
.message{padding:0 0 30px;}
.message-list{margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd;}
.message-list .m-title{padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px;}
.message-list .m-title span{float:right; color:#01286f; font-size:12px; font-weight:100;}
.message-list .m-info{padding:5px 0; line-height:24px;}
.message-list .r-title{padding:0; line-height:20px;}
.message-list .r-info{padding:5px 0; line-height:24px;}
/* 人才招聘 */
.form-panel{padding:0 0 30px;}
.form-panel h4{margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px;}
.form-panel .tips{padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left;}
.form-panel .field{clear:both;}
.form-panel li.field label{display:block; float:left; width:100px; line-height:24px; text-align:right;}
.form-panel .input{padding:5px 0; zoom:1;}
.form-panel .field:after{content:'\20'; display:block; height:0; clear:both;}
.form-panel .text{height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555;}
.form-panel .textarea{width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555;}
.form-panel .submit-field{padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both;}
.form-panel .submit-field input{margin-right:10px;}
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset{width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer;}
/* 产品详细页 */
.m-detail{margin-bottom:30px;}
.m-detail .m-property{float:left; width:100%;}
.m-detail .property{margin-left:350px;}
.m-detail .property h1{font-weight:100; font-size:18px; line-height:34px;}
.m-detail .property .m-i-a{margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px;}
.m-detail .gallery{position:relative; float:left; width:350px; margin-left:-100%;}
.m-detail .gallery .bigPic{width:300px; height:224px;}
.product-detail{margin-bottom:30px; border:1px solid #e5e5e5;}
.product-detail .hd{height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6;}
.product-detail .hd h2{float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center;}
.product-detail .bd{padding:25px; line-height:28px; font-size:14px;}
/* 新闻列表 */
.topNews{margin-bottom: 48px; padding-top: 125px;}
.topNews .hd .tit{position: relative;}
.topNews .hd .tit h2{padding-top: 23px; font-size: 40px; font-weight: bold;}
.topNews .hd .tit h3{position: absolute; left: 0; top: 0; font-family: Arial; font-size: 50px; font-weight: normal; color: rgba(204, 204, 204, .45); z-index: -1;}
.topNews .hd{position: relative; margin-bottom: 50px; padding-bottom: 20px; background: url(pic_09.png) no-repeat right bottom; background-size: contain;}
.topNews .hd .more{position: absolute; right: 40px; bottom: 40px;}
.more a{display: block; box-sizing: border-box; width: 102px; height: 22px; padding-left: 8px; font-family: Arial; font-size: 12px; color: #ffffff; line-height: 22px; text-transform: uppercase; background: url(pic_01.png) no-repeat 80px center #bb131a;}
.topNews .bd .picBox{overflow: hidden;}
.topNews .bd .tit {transition: all 0.4s;}
.topNews .bd .picBox img{transition: all 0.4s;}
.topNews .bd a:hover .picBox img{transform: scale(1.1);}
.topNews .bd a:hover .tit {color: #bb131a;}
.topNews .bd .lArea{float: left; width: 50%; padding-right: 20px; box-sizing: border-box;}
.topNews .bd .lArea .picBox{margin-bottom: 18px;}
.topNews .bd .lArea .tit{margin-bottom: 22px;font-size: 25px;font-weight: bold;color: #000e22;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topNews .bd .lArea .tip{margin-bottom: 18px; font-size: 16px; color: #4c4c4c; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.topNews .bd .lArea .date{font-size: 14px; color: #000e22;}
.topNews .bd .lArea .date span{font-family: Arial;}
.topNews .bd .lArea.hi {display: none;}
.topNews .bd .rArea{float: right; width: 50%;}
.topNews .bd .rArea .item{margin-bottom: 45px; padding-bottom: 42px; border-bottom: 1px solid #bfbfbf;}
.topNews .bd .rArea .item:last-child{margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.topNews .bd .rArea .picBox{float: right;width: 25%;}
.topNews .bd .rArea .textBox{float: left;width: 70%;}
.topNews .bd .rArea .textBox .tit{margin-bottom: 23px;font-size: 20px;font-weight: bold;color: #000e22;line-height: 1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.topNews .bd .rArea .textBox .tip{margin-bottom: 28px; font-size: 16px; color: #4c4c4c; line-height: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical;}
.topNews .bd .rArea .textBox .date{font-size: 14px; color: #000e22;}
.topNews .bd .rArea .textBox .date span{font-family: Arial;}
.topNews .bd .rArea a:hover .textBox .tit {color: #bb131a;}
.hArea{display: none;}
.hArea .item{margin-bottom: 14px;overflow:hidden;}
.hArea .item .pic{float:left;width: 350px; margin-right: 6px;border:1px solid #e7e7e7;overflow: hidden;}
.hArea .item .pic img{width: 100%; height: 214px; transition: all 0.4s;}
.hArea .item .pic:hover img{transform: scale(1.1);}
.hArea .item dl{display:block;background: #f7f7f7;overflow:hidden;zoom:1;padding: 22px 32px 14px 28px;line-height:20px;}
.hArea .item dl dt{margin-bottom: 30px;font-family: Arial;font-size:20px;line-height:32px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.hArea .item dl dt a{font-weight: bold; color: #000e22; transition: all 0.4s;}
.hArea .item dl .i{margin-bottom: 36px;color: #4c4c4c;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.hArea .item dl .d{font-size: 14px; color: #4c4c4c;}
.hArea .item dl .d span{font-family: Arial;}
.hArea .item dl dt a:hover {color: #bb131a;}
/* 走进长安 */
.m-use > .hd .tit{position: relative;}
.m-use > .hd .tit h2{padding-top: 50px; font-size: 40px; font-weight: bold; color: #000e22;}
.m-use > .hd .tit h3{position: absolute; left: 0; top: 0; font-family: Arial; font-size: 75px; color: #f2f2f2; font-weight: normal; text-transform: uppercase; z-index: -1;}
.m-use > .hd .tit .line{width: 92px; height: 9px; margin-top: 28px; background: url(pic_08.png) no-repeat right bottom; background-size: contain;}
.ab .s1 .cont{padding: 92px 0 0 0;}
.ab .s1 .cont > .hd .tit{position: relative;}
.ab .s1 .cont > .hd .tit h2{position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 40px; font-weight: bold; color: #000e22;}
.ab .s1 .cont > .hd .tit h3{font-family: Arial; font-size: 75px; color: #f2f2f2; font-weight: normal; line-height: 64px; text-transform: uppercase;}
.ab .s1 .cont > .hd{margin-bottom: 64px;}
.ab .s1 .cont > .bd .picBox{margin-bottom: 60px;}
.ab .s1 .cont > .bd .textBox{font-size: 16px; color: #4c4c4c; line-height: 30px;}
.ab .s2 .cont{padding: 74px 0 68px 0;}
.ab .s2 .cont > .hd{margin-bottom: 50px;}
.ab .s2 .cont > .hd .tit{padding-bottom: 30px; background: url(pic_14.png) no-repeat right bottom; background-size: contain;}
.ab .s2 .bd{margin-bottom: 50px;}
.ab .s2 .bd .textBox{float: left; width: 51%; font-size: 16px; color: #4c4c4c; line-height: 30px;}
.ab .s2 .bd .picBox{float: right; width: 46%;}
/* .ab .s3{position: relative; width: 1920px; left: 50%; margin-left: -960px;} */
.ab .s3 img{width: 100%; min-width: 1400px;}
.ab .s4{margin-bottom: 130px; padding: 52px 0 0 0;}
.ab .s4 .a1{margin-bottom: 200px;}
.ab .s4 .a1 .hd{margin-bottom: 90px;}
.ab .s4 .a1 .a1-list{display: flex; justify-content: space-between;}
.ab .s4 .a1 .a1-list li{position: relative; width: 219px; padding-bottom: 7px; text-align: center; background: url(pic_20.jpg) repeat-x center bottom;}
.ab .s4 .a1 .a1-list li::before{position: absolute; left: -12px; bottom: 0; width: 12px; height: 10px; content: '\20'; background: url(pic_21.png) no-repeat center center;}
.ab .s4 .a1 .a1-list li::after{position: absolute; right: -12px; bottom: 0; width: 12px; height: 10px; content: '\20'; background: url(pic_22.png) no-repeat center center;}
.ab .s4 .a1 .a1-list .b span{ /*font-family: Niagara Solid;*/font-size:120px;line-height: 1;color: #bb131a;}
.ab .s4 .a1 .a1-list .b i{display: inline-block;width: 40px;height: 40px;/* margin-left: 6px; */border-radius: 50%;background: #bb131a;font-size: 26px;text-align: center;line-height: 40px;color: #ffffff;vertical-align: text-bottom;}
.ab .s4 .a1 .a1-list .c{font-size: 30px;}
.ab .s4 .a2 .top-swiper{margin-bottom: 98px; background: url(pic_23.jpg) repeat-x left 10px;}
.ab .s4 .a2 .top-swiper .swiper-slide{cursor: pointer;}
.ab .s4 .a2 .top-swiper .tit{position: relative; padding-top: 28px; font-family: Arial; font-size: 18px; text-align: center;}
.ab .s4 .a2 .top-swiper .tit::before{position: absolute; left: 50%; top: 0; content: '\20'; width: 20px; height: 20px; transform: translateX(-50%); border-radius: 50%; background: #9da4ab;}
.ab .s4 .a2 .top-swiper .swiper-slide-thumb-active .tit{color: #bb131a;}
.ab .s4 .a2 .top-swiper .swiper-slide-thumb-active .tit::before{background: #bb131a;}
.ab .s4 .a2 .thums-swiper{background: url(pic_25.png) repeat-x center 63px;}
.ab .s4 .a2 .thums-swiper .swiper-slide{width: auto; max-width: 20%; box-sizing: border-box;}
.ab .s4 .a2 .thums-swiper .tit{display: inline-block; position: relative; margin-bottom: 14px; padding-bottom: 13px; font-family: Niagara Solid; font-size: 36px; color: #bb131a;}
.ab .s4 .a2 .thums-swiper .tit::before{position: absolute; left: 50%; bottom: 0; content: '\20'; width: 8px; height: 8px; transform: translateX(-50%); border-radius: 50%; background: #bb131a;}
.ab .s4 .a2 .thums-swiper .textBox{position: relative; padding-bottom: 13px; font-size: 16px; color: #4d4d4d; line-height: 30px; }
/* .ab .s4 .a2 .thums-swiper .textBox::after{position: absolute; right: -12px; bottom: 0; width: 12px; height: 10px; content: '\20'; background: url(pic_22.png) no-repeat center center;} */
.ab .s5 .hd{margin-bottom: 60px;}
.ab .s5 .hd .tit{position: relative; text-align: center; background: #bb131a;}
.ab .s5 .hd .tit h2{position: relative;padding-top: 50px;padding-bottom: 32px;font-size: 40px;font-weight: bold;color: #ffffff;z-index: 2;}
.ab .s5 .hd .tit h3{position: absolute; top: 0; left: 0; right: 0; font-family: Arial; font-size: 75px; font-weight: normal; text-transform: uppercase; color: #ac0e13; z-index: 1;}
.ab .s6{padding: 170px 0 100px 0;}
.ab .s6 .hd{margin-top: 33px; position: relative;}
.ab .s6 .hd .more{position: absolute; right: 0; bottom: 0;}
.ab .s6 .bd .honor-list{display: flex; justify-content: space-between; flex-wrap: wrap;}
.ab .s6 .bd .honor-list li{width: 202px; margin-top: 98px; padding: 0 23px; box-sizing: border-box;}
.ab .s6 .bd .honor-list .textBox{position: relative;min-height: 72px;padding: 0 8px 24px 8px;background: url(pic_27.jpg) repeat-x left bottom;font-size: 18px;line-height: 24px;font-weight: bold;color: #4c4c4c;text-align: center;box-sizing: border-box;}
.ab .s6 .bd .honor-list .textBox::before{position: absolute;left: -22px;bottom: 0;content: '\20';width: 23px;height: 22px;background: url(pic_28.png) no-repeat center center;}
.ab .s6 .bd .honor-list .textBox::after{position: absolute;right: -22px;bottom: 0;content: '\20';width: 23px;height: 22px;background: url(pic_29.png) no-repeat center center;}
/* 廉政合规 */
.rule .s1{padding: 95px 0 100px 0;}
.rule .s1 .bd{padding: 88px 0 60px 0;}
.rule .s1 .bd .textBox{font-size: 16px; color: #4c4c4c; line-height: 30px;}
.rule .s1 .ft{background: #bb131a;}
.rule .s1 .ft .picBox{float: right; width: 50%;}
.rule .s1 .ft .textBox{float: left; width: 50%; padding: 46px 40px 0 25px; color: #ffffff; box-sizing: border-box;}
/* 人力资源 */
.jbb .s1{margin-bottom: 85px; padding-top: 75px;}
.jbb .s1 .hd{margin-bottom: 50px;}
.jbb .s1 .bd{position: relative; padding: 70px 0 0 0;}
.jbb .s1 .bd .picBox{position: absolute; right: 0; top: 0; z-index: -1;}
.jbb .s1 .bd .textBox{width: 54%; padding: 38px 40px 60px 40px; background: #bb131a; font-size: 16px; line-height: 30px; color: #ffffff; box-sizing: border-box;}
.jbb .s2{margin-bottom: 84px;}
.jbb .s2 .hd{margin-bottom: 64px;}
.jbb .s2 .bd .textBox{margin-bottom: 40px; font-size: 16px; color: #4c4c4c; line-height: 30px;}
.jbb .s3 .hd{margin-bottom: 65px;}
.jbb .s3 .bd .item{margin-bottom: 128px; font-size: 16px; line-height: 30px; color: #4c4c4c;}
.jbb .s3 .bd .item .b{margin-bottom: 30px; font-size: 20px; font-weight: bold; color: #4c4c4c;}
.jbb .s3 .bd .item .c{margin-bottom: 32px;}
.jbb .s3 .bd .item .d{margin-bottom: 33px;}
.jbb .s3 .bd .item .e span{margin-left: 20px;}
.jbb .s3 .bd .item .f a{font-family: Arial; font-weight: bold; color: #4c4c4c;}
.jbb .s3 .bd .item .f a:hover{color: #bb131a;}
/* 企业文化 */
.culture{padding: 0 0 490px 0;background: url(pic_43.png) no-repeat center bottom;}
.culture .s1{padding: 100px 0 84px 0;}
.culture .s1 .a1{display: flex; justify-content: space-between;}
.culture .s1 .item{width: 16.2%;padding: 50px 0 20px 0; text-align: center; background: #bb131a; background: url(pic_50.jpg) no-repeat center center; color: #ffffff; box-sizing: border-box; transition: all 0.8s;}
.culture .s1 .item:last-child{margin-right: 0;}
.culture .s1 .item .picBox{margin-bottom: 46px;}
.culture .s1 .item .picBox img{transition: all 0.8s;}
.culture .s1 .item .tit{margin-bottom: 22px; font-size: 26px; font-weight: bold;}
.culture .s1 .item .tip{font-size: 16px; line-height: 25px;}
.culture .s1 .a2 {display: none;}
.culture .s1 .a2 .cul-a2-swiper{padding-bottom: 10px;}
.culture .s1 .a2 .cul-a2-swiper > .swiper-scrollbar{bottom: 0;}
/* .culture .s1 .item:hover{background-image: url(pic_49.jpg);} */
/* .culture .s1 .item:hover .picBox img{transform: rotateY(360deg);} */
.culture .s2{background: url(pic_39.png) no-repeat left bottom;}
.culture .s2 .hd{margin-bottom: 60px;}
.culture .s2 .hd .tit h2{color: #bb131a;}
.culture .s2 .bd .textBox{font-family: "华文行楷"; font-size: 30px; line-height: 50px;}
.culture .s3{background: url(pic_42.png) no-repeat right 22%;}
.culture .s3 .item{margin-top: 53px;}
.culture .s3 .item .tit{display: inline-block; position: relative; margin-bottom: 22px; padding-right: 30px; padding-bottom: 7px; font-size: 25px; font-weight: bold; background: url(pic_40.jpg) repeat-x right bottom;}
.culture .s3 .item .tit::before{position: absolute; right: -9px; bottom: 0; content: '\20'; width: 9px; height: 9px; background: url(pic_41.png) no-repeat center center;}
.culture .s3 .item .tip{font-size: 18px; line-height: 30px;}
/* 集团产业 */
.business{padding: 122px 0 100px 0;}
.business .h-title{margin-bottom: 65px;}
.business .h-title ul li{float: left;width: 25%;line-height: 88px;background: #9da4ab;transition: all 0.4s;position: relative;}
.business .h-title ul li::before{position: absolute;right: -1px;top: 50%;content: '\20';width: 1px;height: 70%;transform: translateY(-50%);background-color: #ffffff;opacity: 1;transition: all 0.4s;z-index: 1;}
.business .h-title ul li:last-child::before{display: none;}
.business .h-title ul li a{display: block; padding-left: 112px; font-size: 30px; font-weight: bold; color: #ffffff;}
.business .h-title ul li:hover{background: #bb131a; z-index: 2;}
.business .h-title ul li:hover::before{opacity: 0;}
.business .h-title ul li.current{background: #bb131a; z-index: 2;}
.business .h-title ul li.current::before{opacity: 0;}
.business .h-title .h-title1{background: url(pic_44.png) no-repeat 52px center;}
.business .h-title .h-title2{background: url(pic_45.png) no-repeat 52px center;}
.business .h-title .h-title3{background: url(pic_46.png) no-repeat 52px center;}
.business .h-title .h-title4{background: url(pic_51.png) no-repeat 52px center;}
.business .a1,
.business .a3{margin-bottom: 68px;}
.business .a1 .hd{margin-bottom: 30px;}
.business .a1 .hd .tit{font-size: 20px; font-weight: bold; color: #bb131a;}
.business .a1 .bd{margin-bottom: 40px;}
.business .a1 .bd .textBox{font-size: 16px; color: #4c4c4c; line-height: 30px;}
.business .a2 .hd,
.business .a3 .hd{margin-bottom: 68px;}
.business .a2 .bd{background: #bb131a;}
.business .a2 .bd .picBox{float: right; width: 50%;}
.business .a2 .bd .textBox{float: left; width: 50%; padding: 46px 40px 0 25px; color: #ffffff; box-sizing: border-box;}
.business .a2 .bd .textBox .tit{margin-bottom: 32px; font-size: 20px; font-weight: bold; color: #ffffff;}
.business .a2 .bd .textBox .tip{font-size: 16px; color: #ffffff; line-height: 30px;}
.business .a3 .hd .more{position: absolute; right: 0; bottom: 0;}
.business .brandList-1 li{float: left;width: 32.2%;margin-right: 1.7%;overflow: hidden;box-sizing: border-box;margin-bottom: 1.7%;}
.business .brandList-1 li:nth-child(3n){margin-right: 0;}
.business .brandList-1 li img{width: 100%; transition: all 0.4s;}
.business .brandList-1 li .pic{position: relative;}
.business .brandList-1 li .txt {font-size: 16px; height: 20px; line-height: 20px; padding: 0 10px; margin-top: 15px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.business .brandList-1 li .mm {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: 5; display: none;}
.business .brandList-1 li .mm p{position: absolute; top: 50%; left: 50%; margin: -31px 0 0 -31px; width: 62px; height: 62px; background: url(cy04.png) no-repeat center; background-size: contain; z-index: 5;}
.business .brandList-1 li:hover .mm {display: block;}

.business .brandList-2 li{position: relative; float: left;width: 24.7%;margin-right: 0.4%;overflow: hidden;box-sizing: border-box;margin-bottom: 1.2%;}
.business .brandList-2 li:nth-child(4n){margin-right: 0;}
.business .brandList-2 li img{width: 100%; transition: all 0.4s;}
.business .brandList-2 li .pic{position: relative;}
.business .brandList-2 li .txt{padding: 40px 23px 34px 23px;background: #ba131a;}
.business .brandList-2 li .txt .b{margin-bottom: 12px;font-size: 20px;font-weight: bold;color: #ffffff;}
.business .brandList-2 li .txt .c{margin-bottom: 34px;font-size: 15px;color: #ffffff;line-height: 30px;text-align: justify;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;line-clamp: 9;-webkit-box-orient: vertical;}
.business .brandList-2 li .txt .d{display: inline-block;position: relative;width: 92px;font-size: 12px;color: #ffffff;text-transform: uppercase;background: url(pic_01.png) no-repeat 76px center;z-index: 4;}
.business .brandList-2 li .m{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(pic_52.png) no-repeat center center rgba(0,0,0,0.5);z-index: 4;pointer-events: none;}
.business .brandList-2 li .txt .d:hover{color: #f1cd7f; background-image: url(pic_01bb.png);}

/* .business .brandList-1 li:hover img{transform: scale(1.1);} */

@media screen and (max-width: 1200px) {
    .wrapper img{max-width: 100%;}
    .ab .s2 .bd .picBox{margin: 0 0 20px 20px;width: 54%;}
    .ab .s2 .bd .textBox{float: unset; width: 100%;}

    .ab .s4 .a1 .a1-list .b span{font-size: 90px;}
    .ab .s4 .a2 .thums-swiper .swiper-slide{max-width: unset; padding: 0 3%;}

    .rule .s1 .ft .textBox{padding: 20px 40px 0 25px;}
}

/* @media screen and (max-width: 430px) {
    .business .h-title ul li{width: 100%;}
    .business .h-title ul li{margin-top: 10px;}
    .business .h-title ul li:nth-child(2){margin-top: 10px;}
    .business .h-title ul li:nth-child(1){margin-top: 0;}
    .business .a1 .hd {margin-bottom: 15px;}
} */
/* @media screen and (max-width: 900px) {
    .culture .s1 .item:nth-child(1),  .culture .s1 .item:nth-child(2),  .culture .s1 .item:nth-child(3){width: 33%;}
   
    .culture .s1 .item:nth-child(4),  .culture .s1 .item:nth-child(5){width: 49.75%;margin-top: 0.5%;}
    .culture .s1 .item:nth-child(3),.culture .s1 .item:nth-child(5){margin-right: 0;}
    .culture .s1 .item{background: #bb131a;}
}
@media screen and (max-width: 600px) {
    .culture .s1 .item:nth-child(1),  .culture .s1 .item:nth-child(2),  .culture .s1 .item:nth-child(3),.culture .s1 .item:nth-child(4){width: 49.75%;}
   
    .culture .s1 .item:nth-child(5){width: 100%;margin-top: 0.5%;}
    .culture .s1 .item:nth-child(2),.culture .s1 .item:nth-child(4),.culture .s1 .item:nth-child(5){margin-right: 0;}
    .culture .s1 .item:nth-child(3),.s1 .item:nth-child(5){margin-top: 0.5%;}
    .culture .s1 .item:nth-child(3){margin-right: 0.5%;}
    .culture .s1 .item{background: #bb131a;}
}
@media screen and (max-width: 500px) {
   
    .culture .s1 .item:nth-child(1),.culture .s1 .item:nth-child(2),.culture .s1 .item:nth-child(3),.culture .s1 .item:nth-child(4),.culture .s1 .item:nth-child(5){margin-right: 0;margin-top: 0.5%;width: 100%;}
} */

@media screen and (max-width: 1080px) {
    .business{padding-top: 50px;padding-bottom: 40px;}
    .business .h-title ul li a{padding-left: 72px;font-size: 25px;}
    .business .h-title .h-title1{background: url(pic_44.png) no-repeat 13px center;background-size: 28px;}
    .business .h-title .h-title2{background: url(pic_45.png) no-repeat 13px center;background-size: 26px;}
    .business .h-title .h-title3{background: url(pic_46.png) no-repeat 13px center;background-size: 28px;}
    .business .h-title .h-title4{background: url(pic_51.png) no-repeat 13px center;background-size: 26px;}
    .business .h-title{margin-bottom:30px}
    .business .h-title ul li {line-height: 65px;}
    
}

@media screen and (max-width: 1000px) {
    .m-use > .hd .tit h2{font-size: 32px; padding-top: 38px;}
    .m-use > .hd .tit h3{font-size: 55px;}
    .ab .s1 .cont{padding: 60px 0 0 0;}
    .ab .s1 .cont > .hd .tit h2{font-size: 32px;padding-top: 0px;}
    .ab .s1 .cont > .hd .tit h3{font-size: 55px;line-height: 50px;}
    .ab .s1 .cont > .hd{margin-bottom: 46px;}
    .ab .s1 .cont > .bd .picBox{margin-bottom: 32px;}
    .ab .s4{margin-bottom: 50px;}
    .ab .s4 .a1{margin-bottom: 80px;}
    .ab .s4 .a1 .hd{margin-bottom: 50px;}
    .ab .s4 .a1 .a1-list li{width: 22%;}
    .ab .s4 .a1 .a1-list .b span{font-size: 60px;}
    .ab .s4 .a1 .a1-list .b i{width:28px;height: 28px;font-size:18px;line-height: 28px;}
    .ab .s4 .a1 .a1-list .c{font-size: 26px;}
    .ab .s4 .a2 .top-swiper{margin-bottom: 50px;}
    .ab .s5 .hd .tit h2{font-size: 32px;padding-top: 38px;padding-bottom: 30px;}
    .ab .s5 .hd .tit h3{font-size: 55px;}

    .topNews{padding-top: 60px;}
    .topNews .bd .rArea{display: none;}
    .topNews .bd .lArea.hi{display: block; padding: 0 0 0 20px;}
    .hArea{display: block;}
    .business .a2 .bd .picBox{width: 100%;}
    .business .a2 .bd .picBox img{width: 100%;}
    .business .a2 .bd .textBox{width: 100%; padding: 46px 40px 40px 25px;}

    .rule .s1{padding: 60px 0;}
    .rule .s1 .ft .picBox{width: 100%;}
    .rule .s1 .ft .picBox img{width: 100%;}
    .rule .s1 .ft .textBox{width: 100%; padding: 32px;}

    .culture{padding: 0 0 170px 0; background-size: contain;}
    .culture .s1{padding: 60px 0;}
    .culture .s1 .item{height: auto;padding: 24px 0;}
    .culture .s1 .item .picBox{margin-bottom: 18px;}
    .culture .s1 .item .tit{margin-bottom: 12px; font-size: 18px;}
    .culture .s3 {background-size: contain;}

    .jbb .s1{padding-top: 60px;}
    .jbb .s1 .bd{padding: 0 0 0 0;}
    .jbb .s1 .bd .textBox{width: 100%;padding: 26px;font-size: 16px; line-height: 1.5;}
    .jbb .s1 .bd .picBox{position: relative;}
}


@media screen and (max-width: 780px) {
    div.business .h-title ul li{width: 49%;}
    div.business .h-title ul li{margin-top: 10px;}
    div.business .h-title ul li:nth-child(1),.business .h-title ul li:nth-child(2){margin-top: 0;}
    div.business .brandList-1 li{width: 100%;margin-right: 0;margin-bottom: 20px;background: #eeeeee; padding-bottom: 15px;}
    div.business{padding-bottom: 20px;}
    div.business .h-title ul li::before{display: none;}
    div.business .h-title ul li:nth-child(1),.business .h-title ul li:nth-child(3){margin-right: 2%;}
    div.business .h-title ul li {line-height: 50px;}
}

@media screen and (max-width: 700px) {
    .m-use > .hd .tit h2{padding-top: 14px;font-size: 24px;}
    .m-use > .hd .tit h3{font-size: 34px;line-height: 36px;}
    .m-use > .hd .tit .line{margin-top: 4px;}
    .ab .s1 .cont{padding: 48px 0 0 0;}
    .ab .s1 .cont > .hd .tit h2{font-size: 24px;}
    .ab .s1 .cont > .hd .tit h3{font-size: 34px; line-height: 36px;}
    .ab .s2 .cont{padding: 32px 0;}
    .ab .s2 .cont > .hd .tit{padding-bottom: 16px;}
    .ab .s2 .cont > .hd{margin-bottom: 32px;}
    .ab .s2 .bd{margin-bottom: 32px;}
    .ab .s2 .bd .picBox{width: 100%;margin: 0;float: unset;}
    .ab .s2 .bd .textBox{padding-top: 20px;line-height: 26px;}
    .ab .s4{padding: 32px 0 0 0;}
    .ab .s4 .a1 .hd{margin-bottom: 32px;}
    .ab .s4 .a1 .a1-list li{width: 26%;}
    .ab .s4 .a1 .a1-list .b span{font-size: 40px;}
    .ab .s4 .a1 .a1-list .b i{width: 20px;height: 20px;line-height: 20px;font-size: 12px;}
    .ab .s4 .a1 .a1-list .c{font-size: 20px;}
    .ab .s4 .a2 .thums-swiper .swiper-slide{padding: 0 6%;}
    .ab .s5 .hd .tit h2{padding-top: 22px;font-size: 24px;padding-bottom: 18px;}
    .ab .s5 .hd .tit h3{font-size: 34px;}
    .ab .s6{padding: 50px 0 50px 0;}
    .ab .s6 .bd .honor-list li{width: 46%;margin-top: 32px;}
    .ab .s6 .bd .honor-list .textBox{font-size: 16px; padding: 0;}

    .topNews{padding-top: 48px;}
    .topNews{padding-top: 48px;}
    .topNews .hd{margin-bottom: 32px;}
    .topNews .hd .tit h2{padding-top: 22px; font-size: 24px;}
    .topNews .hd .tit h3{font-size: 34px;}
    .topNews .hd .more{right: 18px; bottom: 12px;}
    .topNews .bd .lArea{padding-right: 8px;}
    .topNews .bd .lArea.hi{padding: 0 0 0 8px;}
    .topNews .bd .lArea .picBox{margin-bottom: 14px;}
    .topNews .bd .lArea .tit{font-size: 16px;margin-bottom: 10px;}
    .topNews .bd .lArea .tip{margin-bottom: 14px; font-size: 14px; line-height: 20px;}
    .pothoItem .item{margin-bottom: 30px;}
    .pothoItem .item .pic{width: 100%; margin-right: 0;}
    .pothoItem .item .pic img{height: auto;}
    .pothoItem .item dl{padding: 22px;}
    .pothoItem .item dl dt{font-size: 18px; margin-bottom: 12px;}
    .pothoItem .item dl .i{margin-bottom: 12px; line-height: 26px;}
    .hArea .item{margin-bottom: 30px;}
    .hArea .item .pic{width: 100%; margin-right: 0;}
    .hArea .item .pic img{height: auto;}
    .hArea .item dl{padding: 22px;}
    .hArea .item dl dt{font-size: 18px; margin-bottom: 12px;}
    .hArea .item dl .i{margin-bottom: 12px; line-height: 26px;}

    .business .h-title ul li.current{background: #bb131a;}
    .business .h-title ul li a{font-size: 22px;padding-left: 54px;}
    .business .a1{margin-bottom: 32px;}
    .business .a2 .bd .textBox{padding: 24px;}
    .business .a2 .bd .textBox .tit{margin-bottom: 20px;}
    .business .a2 .bd .textBox .tip{font-size: 14px; line-height: 1.5;}
    .business .brandList-2 li{width: 49%; margin-right: 2%; margin-bottom: 7%;}
    .business .brandList-2 li:nth-child(2n){margin-right: 0;}
    .business .brandList-2 li .txt{padding: 24px 18px;}
    .business .brandList-2 li .txt .b{font-size: 18px;}
    .business .brandList-2 li .txt .c{margin-bottom: 14px; font-size: 14px; line-height: 26px; -webkit-line-clamp: 6;line-clamp: 6;}

    .culture{padding: 0 0 70px 0;}
    .culture .s1 .a1{display: none;}
    .culture .s1 .a2{display: block;}
    .culture .s1 .item{transition: none;}
    .culture .s2{padding-bottom: 14px;background-size: contain;}
    .culture .s2 .hd{margin-bottom: 32px;}
    .culture .s2 .bd .textBox{font-size: 20px; line-height: 1.5;}
    .culture .s3{background-position: right 50%;}
    .culture .s3 .item{margin-top: 32px;}
    .culture .s3 .item .tit{font-size: 22px;}

    .jbb .s1{padding-top: 48px;}
    .jbb .s1 .bd .textBox{font-size: 14px;}
    .jbb .s2{margin-bottom: 48px;}
    .jbb .s3 .bd .item{margin-bottom: 48px;}

    .rule .s1{padding: 48px 0;}
    .rule .s1 .bd{padding: 48px 0;}
}