.about_box{padding:60px 0; background: #F2F2F2;}
.bg_layer{background: rgba(0,0,0,0.3); position: absolute; left:0; top:0; width: 100%; height: 100%;}
/*公司简�?*/
.about_block01{}
.about_block01 .ll{ float: left; width: 50%;}
.about_block01 .ll .inner{padding:8% 8% 5% 40%;}
.about_block01 .ll h2{ position: relative; padding:0 0 8px; margin-bottom: 30px;}
.about_block01 .ll h2::after{content:" ";position: absolute; left:0; bottom:0; width: 155px; height: 1px; border-bottom: 3px solid #3A3A3A;}
.about_block01 .ll .c{height: 22em;}
.about_block01 .ll p{margin-bottom: 20px;}
.about_block01 .ll p.p1{color: #6B6B6B;}
.about_block01 .rr{ float: right; width: 50%; background: url(/images/dot_06.jpg) no-repeat; position: relative;}
.about_block01 .rr ul{padding:0 40% 0 10%;}
.about_block01 .rr li{ float: left; width: 50%; color: #fff; margin:4% 0;}
.about_block01 .rr li span{font-family: "arial"; line-height: 1.2;}

.about_block02{position: relative;}
.about_block02 .inner{padding:0 20%; color: #fff; z-index: 10; position: relative;}
.about_block02 dt{position: relative; padding:0 0 8px; margin-bottom: 30px;}
.about_block02 dt::after{content:" ";position: absolute; left:0; bottom:0; width: 155px; height: 1px; border-bottom: 3px solid #D20000;}
.about_block02 dd{ float: left; width: 47.5%; line-height: 1.6;}
.about_block02 dd p{margin-bottom: 20px;}
.about_block02 dd+dd{ float: right; }

.about_block03{padding:3% 20%; background: #F2F2F2;}
.about_block03 dt{position: relative; padding:0 0 8px; margin-bottom: 30px; color: #1B1B1B; float: left; width: 20%;}
.about_block03 dt::after{content:" ";position: absolute; left:0; bottom:0; width: 155px; height: 1px; border-bottom: 3px solid #3A3A3A;}
.about_block03 dd{ float:left; width: 80%;}
.about_block03 dd p{color: #383838; margin-bottom: 2%;}
.about_block03 dd h3{color: #1B1B1B;}
@media only screen and (max-width: 1700px){
.about_block01 .ll .c{height: 18em;}
}
@media only screen and (max-width: 1600px){
.about_block01 .ll .c{height: 17em;}
}
@media only screen and (max-width: 1520px){
.about_block01 .ll .c{height: 15em;}
.about_block01 .ll h2::after,.about_block02 dt::after,.about_block03 dt::after{width: 120px;}
}
@media only screen and (max-width: 1365px){
.about_block01 .ll .c{height: 12em;}
.about_block01 .ll .inner{padding:8% 6%;}
.about_block01 .rr ul{padding:0 6%;}
.about_block02 .inner{padding:0 3%;}
.about_block03{padding:3%;}
}
@media only screen and (max-width: 1279px){
.about_block01 .ll .c{height: 9em;}
.about_block02{height: 450px!important;}
}
@media only screen and (max-width: 1023px){
.about_block01 .ll,.about_block01 .rr{width: 100%;}
.about_block02{height: 500px!important;}
}
@media only screen and (max-width:767px){
.about_block02{height:200px!important;}
.about_block02 .inner{}
.about_block02 dd{ display: none; }
.about_block03 dt,.about_block03 dd{width: 100%;}
.about_block01 .ll .inner{padding: 3%;}
.about_block01 .rr ul{padding:0 3%;}
}

/*组织架构*/
.organization{padding:5% 0 4%; background: url(/images/organizationbg.jpg) no-repeat #F3F3F3;}
.organization img{max-width: 100%;}

/*企业理念*/
.culture{padding:3% 0 4%; background: #F2F2F2;}
.culture ul{position: relative;overflow: hidden;}
.culture li{ float: left;width:14.285%; height: 100%; border-left:1px solid #E6E7E8; position: relative;}
.culture li .txt{ position: absolute; left:-1px; top:35%;}
.culture li h2{color: #DF0000; border-left:2px solid #DF0000; padding-left: 10px; margin-bottom: 10px;}
.culture li span{ display: block;padding-left: 13px;}
.c_logo{top:70%; width: 150px;}
.culture li:nth-child(2n+1) .txt{top:25%;}

@media only screen and (max-width: 1279px){
.culture li{width: 20%;}
.culture li:first-child{display: none;}
.culture li:nth-child(7){display: none;}
}
@media only screen and (max-width: 767px){
.culture ul{padding:20px 10px;height: 400px!important;}
.culture li{width: 100%; height: auto; margin-bottom: 10px; border:none;}
.culture li .txt{position: static;}
.culture li span br{display: none;}
.c_logo{top:auto; bottom: 20px;}
}


/*企业荣誉*/
.about_history{background: #F2F2F2; padding:3% 0;}
.about_history .part_1{position: relative;}
.about_history .part_1 .leftbox{float: left;width: 333px;height: 760px;}
.about_history .part_1 .leftbox .swiper-container{height: 100%;width: 100%}
.about_history .part_1 a{color: #a6a6a6;display: block;margin: auto;border-radius: 25px;width: 90%;text-align: center;position: relative;font-size: 1em;margin: 16px auto;opacity: 0;transform-origin:50% 50%;}
.about_history .part_1 .leftbox .swiper-slide-active a{color: #fff;background: #DF0000;font-size: 1.6em;box-shadow: 0 5px 10px 3px #d2d2d2;border: 1px solid #fff;opacity: 1;}
.about_history .part_1 a:before{content: "";position: absolute;display: block;width: 25px;height: 25px;background-image: url(/images/dot_07.png);right: 15px;top: 50%;transform: translateY(-50%);opacity: 0;transition: all .3s;}
.about_history .part_1 .leftbox .swiper-slide-active a:hover{color: #fff!important;}
.about_history .part_1 .leftbox .swiper-slide-active a:before{opacity: 1;}
.about_history .part_1 .leftbox .swiper-slide em{display: none;}
.about_history .part_1 .leftbox .swiper-slide-active em{display: inline;}
.about_history .part_1 .leftbox .swiper-slide i{display: inline-block;border-bottom: 2px solid #92918f;width: 73px;position: relative;margin-right: 14px;top: -6px;}
.about_history .part_1 .leftbox .swiper-slide-active i{display: none;}
.about_history .part_1 .rightbox{width: calc(93% - 333px);width: -moz-calc(93% - 333px);;float: right;}
.about_history .part_1 li{float: left; width: 48%; border-top: 2px solid #DF0000;padding-top: 15px; margin-bottom: 7%; overflow: hidden;}
.about_history .part_1 li:nth-child(2n){ float: right; }
.about_history .part_1 li h4{line-height: 1.5; height: 3em; margin-bottom: 10px; overflow: hidden; color: #1B1B1B;}
.about_history .part_1 li .img{width: 74%; margin:0 auto; position: relative; overflow: hidden;}
.about_history .part_1 li .img img{max-width: 100%;}

@media only screen and (max-width:1300px){
.about_history .part_1 .leftbox{width: 300px;}
.about_history .part_1 .rightbox{width: calc(97% - 300px);width: -moz-calc(97% - 300px)}
}

@media only screen and (min-width:1024px){
.about_history .part_1 .leftbox .prev_nth2Mode a{transform: rotate(-10deg);opacity: 1;}
.about_history .part_1 .leftbox .next_nth2Mode a{transform: rotate(10deg) translateY(20px);opacity: 1;}
.about_history .part_1 .leftbox .prev_nth3Mode a{transform: rotate(-15deg) translateX(-17px);opacity: 1;}
.about_history .part_1 .leftbox .next_nth3Mode a{transform: rotate(15deg) translateX(-17px) translateY(20px);opacity: 1;}
.about_history .part_1 .leftbox .prev_nth4Mode a{transform: rotate(-20deg) translateX(-40px);opacity: 1;}
.about_history .part_1 .leftbox .next_nth4Mode a{transform: rotate(20deg) translateX(-40px) translateY(20px);opacity: 1;}
.about_history .part_1 .leftbox .prev_nth5Mode a{transform: rotate(-25deg) translateX(-65px);opacity: 1;}
.about_history .part_1 .leftbox .next_nth5Mode a{transform: rotate(25deg) translateX(-65px) translateY(20px);opacity: 1;}
.about_history .part_1 .leftbox .prev_nth6Mode a{transform: rotate(-30deg) translateX(-99px);opacity: 1;}
.about_history .part_1 .leftbox .next_nth6Mode a{transform: rotate(30deg) translateX(-99px) translateY(20px);opacity: 1;}
}

@media only screen and (max-width:1023px){
.about_history .part_1 .leftbox{width: 200px;height: 500px;}
.about_history .part_1 a{opacity: 1;}
.about_history .part_1 .leftbox .swiper-slide-active a{top: -11px;}
.about_history .part_1 .rightbox{width: -moz-calc(97% - 200px);width: calc(97% - 200px)}
.about_history .part_1 li .img{width: 100%;}
}
@media only screen and (max-width:767px){
.about_history .part_1 .leftbox{width: 120px;height: 300px;}
.about_history .part_1 .rightbox{width: -moz-calc(100% - 140px);width: calc(100% - 140px)}
.about_history .part_1 li p,.about_history .part_1 li h4{width: 100%;}
.about_history .part_1 .leftbox .swiper-slide-active a{font-size: 1.2em;top: -7px;}
.about_history .part_1 .leftbox .swiper-slide i{width: 40px;}
.about_history .part_1 a:before{width: 17px;height: 17px;background-size: cover;right: 6px;}
.about_history .part_1 li{width: 100%;}
.about_history .part_1 li h4{height: auto;}
}

/*下属企业*/
.company{background: #F2F2F2; padding:3% 0 5%;}
.company ul{margin:0 -0.8% 3%;}
.company li{ float: left; width: 31.73%; margin:0 0.8% 1.6%; position: relative;height: auto!important;}
.company li .txt{ position: absolute; left: 0; width: 100%; height: 100%; top:0; background: url(/images/dot_08.png) left bottom no-repeat;}
.company li .inner{ color: #fff; position: absolute; width: 100%; padding:20px; bottom:0;}
.company li p{font-size: 12px; display: block;}
.company li em{ display: block; font-size: 30px; }
/* .company li:nth-child(5),.company li:nth-child(6){width: 65.06%; background: #fff;}
.company li:nth-child(5) .img,.company li:nth-child(6) .img{ float: left; width: 48.8%;}
.company li:nth-child(5) .txt,.company li:nth-child(6) .txt{ position: relative; float: right; width: 51.2%; background: none;}
.company li:nth-child(5) .txt::after,.company li:nth-child(6) .txt::after{content:""; position: absolute; top:50%; margin-top:-0.3rem; left:-0.6rem;width:0; height:0; border-top:0.6rem solid transparent; border-bottom:0.6rem solid transparent;border-right:0.6rem solid #fff; }
.company li:nth-child(5) .txt .inner,.company li:nth-child(6) .txt .inner{position: static; padding:13%; color: #1B1B1B;}
.company li:nth-child(6) .txt::after{border-right: none; border-left:0.6rem solid #fff;left:auto; right:-0.6rem;}
.company li:nth-child(6) .img{ float: right; }
.company li:nth-child(6) .txt{ float: left; }
.company li:nth-child(5) .txt h2,.company li:nth-child(6) .txt h2{ line-height: 1.3;-webkit-line-clamp: 2; max-height: 2.6em; margin-bottom: 3%;}
.company li:nth-child(5) .txt p,.company li:nth-child(6) .txt p{-webkit-line-clamp: 5; max-height: 7.5em; color:#777777; margin-bottom: 5%;} */

@media only screen and (min-width:1024px){
/* .company li:nth-child(5):hover,.company li:nth-child(6):hover{ background: #DF0000;}
.company li:nth-child(5):hover .txt .inner,.company li:nth-child(6):hover .txt .inner{color: #fff;}
.company li:nth-child(5):hover .txt p,.company li:nth-child(6):hover .txt p{color: #fff;}
.company li:nth-child(5):hover .txt::after{border-right:0.6rem solid #DF0000;}
.company li:nth-child(6):hover .txt::after{border-left:0.6rem solid #DF0000;} */
}

@media only screen and (max-width:1023px){
/* .company li:nth-child(5) .txt p, .company li:nth-child(6) .txt p{-webkit-line-clamp:3; max-height: 4.5em; }
.company li:nth-child(5) .txt .inner, .company li:nth-child(6) .txt .inner{padding:10%;}
.company li:nth-child(5){height: 187px!important;} */
.company li em{font-size: 24px;}
}

@media only screen and (max-width:767px){
.company ul{margin:0 0 5%;}
.company li{width: 48.4%;}
/* .company li:nth-child(5),.company li:nth-child(6){width: 100%; height: auto!important;}
.company li:nth-child(5) .txt h2, .company li:nth-child(6) .txt h2{-webkit-line-clamp:1; max-height: 1.3em; }
.company li:nth-child(5) .txt p, .company li:nth-child(6) .txt p{-webkit-line-clamp:2; max-height: 3em; } */
.company li em{font-size: 20px;}
}
@media only screen and (max-width:340px){
.company li em{font-size: 16px;}
}


















.about_conts{background: #F3F3F3; padding:90px 0 100px;}
.about_part1 li{ float: left; width: 48%; }
.about_part1 li+li{ float: right; }
.about_part1 li .img{margin-bottom: 40px;}
.about_part1 li .txt{border-top: 3px solid #000000; padding-top: 35px;}
.about_part1 li h2{color: #363636; line-height: 1.4; margin-bottom: 20px;}
.about_part1 li p{line-height: 1.8; color: #363636;}
.about_part2{ position: relative;margin:45px 0 0;}
.about_part2 .l_txt{ position: absolute; left: 7.2%; top:22%; z-index: 10; color: #fff;}
.about_part2 .l_txt h2{margin-bottom: 20px;}
.about_part2 .l_txt p{ line-height: 1.8;}
.about_part2 .l_txt span{ display: block; width: 200px; height: 2px; background: #fff; margin-top: 50px; }
.about_part2 .r_txt{ z-index: 10; left:auto; right:0; width: 45%;}
.about_part2 .r_txt li{ float: left; width: 33.33%; color: #fff; text-align: left;}
.about_part2 .r_txt li span{ display: block; font-family: "Times New Roman";}


/*总裁致辞*/
.leader_bg{background: url(/images/leader_bg.jpg) no-repeat; background-size: cover;}
.leader .img{ float: left; width: 27.6%;}
.leader .txt{ float: right; width: 62.4%; margin-right: 5%; padding-top:1.5%;}

/*企业文化*/
.culture_top{position: relative; width: 58.4%; margin-left:10.8%; padding-left: 100px; margin-bottom: 45px;}
.culture_top em{ position: absolute; left:0; top:0;}
.culture_top h2{color: #555555; letter-spacing: 3px; line-height: 1; position: relative; top:-10px; margin-bottom: 10px;}
.culture_top p{ color: #999999; letter-spacing: 3px; line-height: 1.3;}

.culture_bot .ll{ float: left; width: 50%; position: relative;}
.culture_bot .ll h2{ position: absolute; left:6%; top:5%; line-height: 1.2; color: #fff;}
.culture_bot .ll h3{position: absolute; left:6%; bottom:5%; line-height: 1.2; color: #fff; letter-spacing: 3px;}
.culture_bot .rr{ float: left; width: 50%;}
.culture_bot .tt{ position: relative; }
.culture_bot .tt .txt{position: absolute;left:6%; width: 68%;}
.culture_bot .tt h2{ color: #fff; letter-spacing: 3px; line-height: 1; position: relative; margin-bottom: 30px;}
.culture_bot .tt p{ color: #fff; letter-spacing: 3px; line-height: 1.3;}
.culture_bot .bb{margin:6% 10% 0; position: relative;padding-left: 100px;}
.culture_bot .bb em{ position: absolute; left:0; top:0;}
.culture_bot .bb h2{color: #444444; letter-spacing: 3px; line-height: 1.2;margin-bottom: 30px;}
.culture_bot .bb p{ color: #444444; letter-spacing: 3px; line-height: 1.5;}

@media only screen and (max-width: 1279px){
.about_box{padding:20px 0 0;}
.about_conts{padding:60px 0;}
.about_part2 .l_txt{left: 5%;}
}

@media only screen and (max-width: 1023px){
.about_conts{padding:40px 0;}
.about_part2 .l_txt{top:5%;}
.culture_top{width: 78%;}
.culture_top h2{top:0;}
.culture_bot .tt h2{margin-bottom: 20px;}
.culture_bot .bb{padding-left: 85px;}
}

@media only screen and (max-width: 767px){
.about_conts{padding:30px 0;}
.about_part1 li{width: 100%;margin-bottom: 20px;}
.about_part1 li .img{margin-bottom: 20px;}
.about_part1 li .txt{padding-top: 20px;}
.about_part2{margin:0; height: 300px!important;}
.about_part2 .l_txt{width: 90%;}
.about_part2 .r_txt{left:5%;top:80%; width: 90%;}
.about_part2 .l_txt span{margin-top: 20px;}
.leader .img,.leader .txt{width: 100%; margin:0;}
.leader .txt{margin-top: 20px;}
.culture_top{margin:0 0 20px 2%; padding-left: 40px; width: 98%;}
.culture_top em img,.culture_bot .bb em img{ width: 30px;}
.culture_bot .ll{width: 100%;}
.culture_bot .rr{ width: 100%;}
.culture_bot .tt img{height: 240px!important;}
.culture_bot .bb{margin:20px 0 0 2%; padding-left: 40px; width: 98%;}
}


.bid ul{padding-bottom:30px;}
.bid li{border-bottom: 1px solid #000000;position: relative;padding: 20px 40px 20px;margin-bottom: 20px;transition: all .5s ,visibility 0s;}
.bid li em,
.bid li i,
.bid li .txtbox *{transition: all .5s ,visibility 0s;}
.bid .datebox{float: left;width: 104px;color: #20C990;padding-left: 23px;}
.bid li:before{display: block;content: "";position: absolute;left: 40px;bottom: -1px;border-bottom: 3px solid #20C990;width: 104px;opacity: 1;transition: all .5s ,visibility 0s;}
.bid .datebox em{line-height: 1.1em;position: relative;font-weight: bold;}
.bid .datebox em:before{content: "";display: block;position: absolute;left: -23px;width: 16px;height: 16px;background: url(/images/info_icon02.png) no-repeat;background-size: cover;top: 5px;}
.bid .datebox i{line-height: 1.1em;}
.bid .txtbox{float: left;width: calc(91.2% - 180px);-moz-width: calc(91.2% - 180px);max-width: 640px;margin-left: 8.8%;}
.bid .txtbox h3{line-height: 1.1em;margin-bottom: 25px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}
.bid .txtbox h3 a{color: #333333;}
.bid .txtbox p{color: #616161; line-height: 1.7; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.4em;}
.bid a.plus_more{float: right;}
@media only screen and (min-width: 1025px){
.bid li:hover{background: #20C990;}
.bid li:hover *{color: #fff!important;}
.bid li:hover .datebox em:before{background-image: url(/images/info_icon03.png);}
.bid li:hover:before{border-color: #fff;}
}
@media only screen and (max-width: 1279px){
.bid li{padding: 13px 20px 13px;margin-bottom: 10px;}
.bid li:before{left: 20px;}
.bid .txtbox{width: calc(95.2% - 180px);margin-left: 4.8%;}
}
@media only screen and (max-width: 1023px){
.bid ul{padding-bottom:10px;}
}

@media only screen and (max-width: 767px){
.bid li{margin-bottom: 15px;}
.bid .datebox{float: none;position: relative;padding-bottom: 5px;width: auto;padding-left: 15px;margin-bottom: 10px;}
.bid li:before{width: calc(100% - 15px);left: 15px;border-width: 2px;}
.bid .datebox em:before{width: 13px;height: 13px;}
.bid .txtbox{width: 100%;margin-left: 0;}
.bid .txtbox h3{margin-bottom: 8px;}
.bid .txtbox p{margin-bottom: 5px;}
.tit_item .bid_ul li{width: 25%;}
}

@media only screen and (max-width: 340px){
.tit_item .bid_ul li{width: 28%;}
}

.ll_img{ float: left; width: 48.6%; position: relative;}
.ll_img dl{position: absolute; left:8%; bottom:-12%;max-width: 290px; height: 220px; color: #1c1c1c; padding:30px; background: rgba(255,255,255,0.89);}
.ll_img dt{ background: url(/images/dot_09.png) left 4px no-repeat; padding-left: 20px; margin-bottom: 1.5em; }
.ll_img dd{ padding-left: 20px;}
.rr_con{ float: right; width: 48%; }
.web_site{border-top: 1px solid #D3D3D3; padding-top: 15px; margin-top: 18px;}
.web_site a{color: #DF0000; text-decoration: underline;}
@media only screen and (max-width: 1023px){
.ll_img,.rr_con{width: 100%;}
.ll_img{margin-bottom: 2em;}
.ll_img dl{left:0; bottom:0; height:auto;padding:20px;}
}

/* 20181107 */
.about_block01 .rr{background-image: url('/images/dot_06_new.jpg');}
.about_block01 .rr li{color: #c70000;}