@charset "utf-8";
body{background: #fff;color: #222;}
.garys{background: #f2f2f3;}
/*.zbanner{height: 700px;display: flex;align-items: center;justify-content: center;}*/
.bjion{padding-bottom: 190px;}

.zbanner .swiper-slide .cont{display: flex;align-items: center;justify-content: center;}
.zbanner .swiper-slide .cont img{height: 150px;width: auto;margin:0;}
/*.banner_jion{background: url(../image/banner_jion.jpg) no-repeat center;background-size: cover;}
.banner_about{background: url(../image/banner_about.jpg) no-repeat center;background-size: cover;}
.banner_yewu{background: url(../image/banner_yewu.jpg) no-repeat center;background-size: cover;}
.banner_news{background: url(../image/news_banner.jpg) no-repeat center;background-size: cover;}
*/
.title_box h2{color: #efefef;}

/*加入碧橙*/
.about_box_row{background: url(../image/row_bg.png) no-repeat left bottom;}
.about_box_row.bgr{background: url(../image/row_bg.png) no-repeat 150% bottom;}
.nobg{background: none;}
.about_box_row .cont{display: flex;align-items: flex-start;justify-content: space-between;padding:60px 0 20px;}
.about_box_row .about_box_text{width: 32%;padding-left: 5%;}
.about_box_row .about_box_img{width: 62%;}
.about_box_row .about_box_text h3{background: #f8b551 url(../image/dou.png) no-repeat 2px 1px;background-size:60px;width: 200px;text-align: center;color: #fff;font-size: 30px;line-height: 70px;}
.about_box_row .about_box_text h5{color: #f8b551;margin:30px 0;font-size: 22px;}
.about_box_row .about_box_text div{line-height: 30px;}
.about_box_r .about_box_text{padding-top: 50px;}

.about_recruit{padding-bottom: 0;}
.about_recruit img{display: block;margin:0;}
.about_recruit_box{position: relative;padding-top: 30px;}
.about_recruit_box .recruit_tit{position: absolute;left: 50%;margin-left: -100px;width: 200px;padding:5px;border-radius: 30px;border:solid 1px #f8b551;top: 0px;background: #fff;}
.about_recruit_box .recruit_tit span{display: block;width: 100%;line-height: 50px;background: #f8b551;color: #fff;border-radius: 30px;text-align: center;font-weight: 400;}

/*关于碧橙*/
.about_info,.partner_box,.honor{padding-bottom: 0}
.about_info .text{width: 55%;line-height: 30px;}
.about_info .img{width: 42%;}
.about_info .text span{width: 50px;height: 2px;display: block;background: #f8b551;}
.about_info .text h3{margin:50px 0 20px;}

.row_flex {margin-top: 50px;align-items: flex-start;}
.row_flex .row_flex_itme{width: 33.33333%;padding:0;color: #fff;text-align: center;border-right: solid 1px rgba(255,255,255,.2);}
.row_flex .row_flex_itme div{padding:30px;min-height: 311px;}
.row_flex .row_flex_itme:last-child{border:none;}
.row_flex .row_flex_itme img{margin-bottom: 25px;width: 60px;}
.row_flex .row_flex_itme h4{display: flex;align-items: center;justify-content: center;font-size: 24px;font-weight: 400;margin-bottom: 20px;}
.row_flex div p{line-height: 30px;}

.ab_box{background: url(../image/ab.jpg) no-repeat center;background-size: cover;margin-top: 50px;}

.gary{background: #ebebeb;}

.partner_tip{width: 900px;border-top: solid 1px #ddd;padding:0 100px;padding-top: 50px;text-align: center;margin:0 auto;line-height: 32px;margin-top: 50px;}
.partner_item{justify-content: flex-start;line-height: 30px;margin-left: 100px;}
.partner_item .img img{width: 400px;}
.partner_item .text{padding: 0 100px;}
.partner_item .text h3{margin-bottom: 15px;background: url(../image/dian.png) no-repeat left top;height: 60px;line-height: 60px;background-size: 45px;padding-left: 15px;}
.partner_item .text div{padding-left: 15px;}
.partner_item_two{margin-top: -50px;padding-left: 200px;}

.culture{background: url(../image/text_bg.png) no-repeat left 220px;}
.cu_text{line-height: 30px;}
.cu_text h3{font-size: 30px;}
.cu_text h3 span{color: #f8b551;}
.cu_text p{margin-top: 25px;}

.honor_nav{width: 60%;margin:0 auto;justify-content: flex-start;margin-bottom: 30px;}
.honor_nav div{width: 33.3333%;border-bottom: solid 2px #ddd;padding:12px 0;text-align: center;font-weight: 600;}
.honor_nav div.active{border-color: #f8b551;color: #f8b551}

.honor_box{width: 80%;margin:0 auto;text-align: center;position: relative;}
.honor_box .swiper-slide p{font-size: 15px;line-height: 24px;}
/*.honor_box .swiper-container{padding:0 100px;}*/
.honor_box .swiper-button-next{background-image: url(../image/right1.png);}
.honor_box .swiper-button-prev{background-image: url(../image/left1.png);}
/*.honor_box .swiper-container-multirow > .swiper-wrapper{display: flex;align-items: center;justify-content: center;}*/

.swiper-container-multirow > .swiper-wrapper{margin:0 auto;}
.honor_box .swiper-button-prev{
  left:-80px;
}
.honor_box .swiper-button-next{
  right:-80px;
}
.honor.coop .honor_box .swiper-slide{border:solid 1px #eee;height: 100px;display: flex;align-items: center;overflow: hidden;}
.honor.coop .honor_box .swiper-slide img{width: 70%;margin:0 auto}

.parter_box{background: url(../image/par.jpg) no-repeat center;background-size: cover;padding-bottom: 100px;}
.par_main{flex-wrap: wrap;margin-top: 100px;}
.par_main .par_item{padding:15px 10px;width: 25%;}
.par_main .par_item img{width: 70%;margin:0 auto;display: block;}

.about_ys{padding-bottom: 0;}
.adv_box {width: 70%;margin:0 auto;}
.adv_box .img{padding:10px;border:solid 1px #f8b551;}
.adv_box .adv_bot{width: 70%;margin-left: 8%;margin-top: -80px;position: relative;z-index: 99;}
.adv_box .a_text{background: #f8b551;padding: 26px;color: #fff;line-height: 30px;margin-bottom: 3px;border-radius: 3px;}
.adv_box .a_text h3{font-size: 24px;margin-bottom: 10px;}
.adv_box .a_text h3 span{float: right;display: inline-block;width: 40px;height: 2px;background: #fff;margin-right: 10px;margin-top: 8px;}
.adv_box .adv_bot .dy{height: 90px;width: 100%;}

.gary_bg{background:#f2f2f3 url(../image/adv_bg.jpg) no-repeat bottom center;background-size: 100%;}
.about_yw{padding-bottom: 100px;}
.about_yw .yw_box{justify-content: space-between;}
.about_yw .yw_box .yw_item{width: 31%;background: #fff;border-radius: 5px;padding:30px 20px 50px;text-align: center;}
.about_yw .yw_item img{width: 70px;}
.about_yw .yw_item span{display: block;width: 40px;height: 2px;background: #f8b551;margin: 30px auto 15px;}
.about_yw .yw_item h3{color: #f8b551;margin:15px 0;font-weight: 400;font-size: 24px;}
.about_yw .yw_item p{line-height: 30px;}

.home_catez{padding-bottom: 80px;}
.home_cate .line{position: relative;margin-bottom: 50px;}
.home_cate .line:after{border-bottom: dashed 1px #f8b551;position: absolute;top: 3px;left: 0;width: 100%;content: ''}
.home_cate .line span{display: block;width: 6px;height: 6px;margin:0 auto;border-radius: 50%;background: #f8b551;}
.home_cate .cate_item{position: relative;} 
.home_cate .cate_item b{position: absolute;left: 0;width: 50%;margin-left: -3px;top: 0;height: 6px;background: #fff;z-index: 999}
.home_cate .cate_item font{position: absolute;right: 0;width: 50%;margin-right: -3px;top: 0;height: 6px;background: #fff;z-index: 999}


.coop{padding-bottom: 100px;}
.coop .honor_nav div{padding-bottom: 30px;}
.coop .honor_nav div.active{position: relative;border-color:#ddd;}
.coop .honor_nav div.active:after{position: absolute;bottom: -2px;left: 40%;width: 20%;content: '';height: 2px;background: #f8b551;}
.coop .honor_nav div span{display: block;width: 40px;height: 40px;margin:20px auto;}
.coop .honor_nav .li1 span{background: url(../image/hz1.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li2 span{background: url(../image/hz2.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li3 span{background: url(../image/hz3.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li4 span{background: url(../image/hz4.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li5 span{background: url(../image/hz5.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li1.active span{background: url(../image/hz1_h.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li2.active span{background: url(../image/hz2_h.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li3.active span{background: url(../image/hz3_h.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li4.active span{background: url(../image/hz4_h.png) no-repeat center;background-size: cover;}
.coop .honor_nav .li5.active span{background: url(../image/hz5_h.png) no-repeat center;background-size: cover;}



.cases_box{background: #1c1a1d url(../image/casesbg.jpg) no-repeat center bottom;color: #919193;position: relative;}
.cases_box:after{position: absolute;top: 0;left: 50%;content: '▼';color: #fff;top: -2px;}
/*.cases_box .title_box{text-align: left;}*/
.cases_box .title_box h3{margin-left: 30px;}

.cases_{justify-content: space-between;line-height: 24px;align-items: flex-start;}
.cases_ .c_img{width: 35%;}
.cases_ .c_text{flex: 1;padding-left: 10%;line-height: 30px;padding-top: 30px;}
.cases_ .c_text .yellow{color: #f8b551;}
.cases_ .c_text h3{font-size: 30px;line-height: 60px;}
.cases_ .c_text .one{margin:15px 0;}
.cases_ .c_text .item h1{font-size: 48px;margin-bottom: 15px;}
.cases_ .c_text .c_right{text-align: right;}
.cases_ .c_text .c_right a{background: #f8b551;border:solid 3px rgba(255,255,255,.30);color: #fff;display: inline-block;width: 180px;text-align: center;line-height: 50px;margin-top: 50px;}


/*新闻*/
.news_ban{padding:0 80px;position: relative;}

.news_ban .swiper-button-prev{
  background-image: url(../image/cope3-left.png);
}
.news_ban .swiper-button-next{
  background-image: url(../image/cope3-right.png);
}
.news_top .swiper-slide{
  display: flex;align-items: center;justify-content: space-between;
}
.news_top .swiper-slide .img {
  width: 100%;
  height: 360px;
  overflow: hidden;
}
.news_top .swiper-slide .img{display: flex;align-items: center;justify-content: center;
  /* background: rgb(45, 174, 248); */
}
.news_top .swiper-slide .img img{width: 500px; height: 400px;}

.news_top .swiper-slide .text {
  flex: 1;
    /* background: #F8B551; */
    padding: 30px;
    line-height: 30px;
    height: 360px;
    font-size: 16px;
	 margin-right: auto;
   display: block;
   width: 500px;

}
.news_top .swiper-slide .text h3{margin-bottom: 20px;}
.news_top .swiper-slide .text a {
    width: 120px;
    background: #F8B551;
    justify-content: center;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    margin-top: 50px;
    padding:5px 0;
}













.news_top{color: #fff;}

.news_row {
    padding-top:0px;
    display: flex;
    align-items: center;justify-content: space-between;
    flex-wrap: wrap;
}
.news_row .box1{
  width: 31%;
  box-shadow: 5px 5px 20px #DCDCDC;
  border-radius: 5px;
    margin-bottom: 40px;
}
.news_row .news_img{
    height: 280px;
    overflow: hidden;
}
.news_row .news_img img{
  min-height: 100%;
  width: 100%;
}
.news_row .news_text{padding:20px;}

.news_row .news_text .bic{
  text-align: center;
  color:#f8b551;
    font-size: 1.2rem;
    margin-bottom: 10px;
overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.news_row .news_text .bitp{
  color:#333;
    line-height: 30px;
    margin-bottom: 10px;
overflow: hidden;
    display: -webkit-box;
    word-break: break-all;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.news_row .news_text .bia{
  background: #fff;
    border: 1px solid #f8b551;
    border-radius: 50px;
    width: 120px;
    color: #f8b551;
    text-align: center;
    margin: 0 auto;
  padding-top: 10px;
    padding-bottom: 10px;
}
@media (max-width: 900px){
  .zbanner{height: 300px;padding-top: 50px;}
  .zbanner img{height: 80px;}
  .bjion{padding-bottom: 0}
  .flex{flex-wrap: wrap;}
  .about_info .text,.about_info .img,.row_flex .row_flex_itme,.cu_text{width: 100%;}

  .about_info .text span,.adv_box .adv_bot .dy{display: none;}
  .about_info .img{margin-top: 15px;}
    
  .row_flex{margin:0;margin-top:15px;padding-top: 15px;}
  .about_info .text h3{margin-top: 0px;margin-bottom: 10px}
  .row_flex .row_flex_itme h4{margin-bottom: 20px;}
  .row_flex .row_flex_itme{padding:0 0 15px;border:none;}

  .partner_item{margin:0;}
  .partner_item .text,.partner_item_two{padding:0;}
  .partner_item .text{margin:15px auto;text-align: center;}
  .partner_item .text h3{background: none;line-height: 32px;height: 32px;}
  .partner_item .img img{width: 80%;margin:0 auto;display: block;}

  .partner_tip{padding:10px 0;width: 100%;margin-top: 15px;}

  .cu_text h3{font-size: 24px;}
  .culture{background: url(../image/text_bg.png) no-repeat left 90px;background-size: 100% auto;}

  .honor_nav,.cases_ .c_img,.cases_ .c_text,.adv_box,.adv_box .adv_bot,.about_yw .yw_box .yw_item,.news_row .box1,.about_box_row .about_box_text,.about_box_row .about_box_img{width: 100%;}

  .about_ys,.about_yw{padding-bottom: 20px;}
  .coop{padding-bottom: 40px;}
  .adv_box .adv_bot{margin:15px 0;}
  .about_yw .yw_box .yw_item,.news_row .box1{margin-bottom: 15px;}
  .parter_box{padding:20px 0;}
  .par_main{margin-top: 30px;}
  .par_main .par_item{width: 50%;}

  .swiper-button-prev, .swiper-button-next{width: 30px;height: 30px;background-size: cover;}
  .honor_box .swiper-button-prev{left: -35px;}
  .honor_box .swiper-button-next{right: -35px;}

  .coop .honor_nav div{width: 20%;padding:0 0 15px;}
  .coop .honor_nav div span{width: 35px;height: 35px;margin:10px auto;}
  .coop .honor_box{width: 100%;}
  .cases_ .c_text{padding-left: 0}
  .cases_ .c_text .c_right a{margin-top: 20px;width: 120px;line-height: 40px;}

  .news_ban{padding:0;}
  .news_top .swiper-slide{display: block;}
  .news_top .swiper-slide .img{width: 100%;height: auto;}
  .news_top .swiper-slide .text{height: auto;padding:15px;width: 90%;margin:0 auto;margin-top: -60px;position: relative;z-index: 99;}
  .news_top .swiper-slide .text h3 br{display: none;}
  .news_top .swiper-slide .text h3,.news_top .swiper-slide .text a{margin:0 auto;}
  .news_top .swiper-button-next{right:0;}
  .news_top .swiper-button-prev{left:0;}

  .about_box_row .cont{display: block;padding:15px;}
  .about_box_row .about_box_text{padding:0;margin: 15px auto;text-align: center;}
  .about_box_row .about_box_text h5{margin:15px 0;}
  .about_box_row .about_box_text h3{line-height: 50px;font-size: 24px;width: 160px;margin:0 auto;}

  .home_catez{padding-bottom: 20px;}
  .home_cate .line{display: none;}
  
  
  .cases_box.casess .cases_ .c_img,.cases_box.casess .cases_{width:100%!important;padding:0!important;}
  .cases_box.casess .cases_ .c_img img{width:80%;display:block;margin:0 auto;}
  .cases_box.casess .cases_  .pad50{padding:20px 0!important;}
  .cases_box.casess .cases_  .pad50 h1{font-size: 30px!important;}
  .cases_box.casess .cases_ .c_text p{font-size: 15px!important;}
  
  .honor.coop .honor_box .swiper-slide{height:60px;}
  
  
.zbanner .swiper-slide .cont img{height: auto;width: 100%;margin:0;}
}