@charset "utf-8";
/* CSS Document */
.about_main{ position:relative; width:100%; background:url(../images/about_page_bg1.jpg) no-repeat center top;  background-size: 101% 100%;}
.about_main .tt{ width:100%; padding:5% 0; text-align:center; border-bottom:1px solid rgba(255,255,255,0.3);}
.about_main .main { width: 100%;margin: 0 auto; padding-top:5%; }
.about_main .main li { float: left; width: 33.3%; text-align: center; color:#fff; }
.about_main .main li{ color: #fff; font-size: 20px; font-weight: normal;}
.about_main .main li h3{ font-size:24px; font-weight:normal; font-family: 'noto-light';}
.about_main .main li .text{ height:80px; line-height:80px; font-size:80px; font-weight:normal;}
.about_main .main li .icon { width: 50px; height: 50px; margin:30px 0; }
.about_main .main li .icon1 { background-position:0 -300px; }
.about_main .main li .icon2 { background-position:-75px -300px; }
.about_main .main li .icon3 { background-position:-160px -300px; }
.about_main .next { position: absolute; z-index: 3; left: 50%; bottom:5%; width: 32px; height: 32px; cursor: pointer; }
.about_main .next .bg { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background:rgba(255,255,255,0.5); border-radius: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.about_main .next img { position: absolute; left: 8px; top: 8px; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; }
@-webkit-keyframes bounce-down {
 25% {
-webkit-transform: translateY(-3px);
}
 0, 50%, 100% {
-webkit-transform: translateY(0);
}
 75% {
-webkit-transform: translateY(3px);
}
}
@keyframes bounce-down {
 25% {
transform: translateY(-3px);
}
 0, 50%, 100% {
transform: translateY(0);
}
 75% {
transform: translateY(3px);
}
}
.intro_main{ width:100%; padding-bottom:100px;}
.intro_main .content_c .tt{ width:100%; padding:5% 0; text-align:center; }
.intro_main .content_c .main { width: 100%;background:#f7f7f7; }
.intro_main .content_c .main .about_l { position: relative; float: left; width:610px; height:450px; margin-right:40px;  }
.intro_main .main .about_r { position: relative; float: left; width:550px; padding:30px 0; }
.intro_main .main .about_r .intros_main { width:500px;height: 260px; overflow:hidden; padding:20px 0;  line-height: 26px; font-size: 12px; color: #666; }
.intro_main .main .about_r .intros_main p{ text-indent:24px;}
.intro_main .main .about_r .intros_main .scrollbox{ width:520px; height:260px; overflow-y:scroll;}


.partner_main{ width:100%; padding-bottom:200px;background: url(../images/about_1.jpg) no-repeat;background-size: 100% 100%;}
.partner_main .content_c .tt{ width:100%; padding:5% 0; text-align:center; }
.partner_main .content_c .main ul li{float:left; width:200px; height:150px;display: flex;align-items: center; background-color: #000;}
.partner_main .content_c .main ul.linkitembox{display: none;}
.partner_main .content_c .main ul li img{ max-width:100%;max-height: 100%;}
.partner_main .content_c .main ul li img.img_1{display: none;}
.partner_main .content_c .main ul li a{display:block; border:1px solid #545454;width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.partner_main .content_c .main ul li a:hover{ border:1px solid #fff;background-color: #fff;}
.partner_main .content_c .main ul li a:hover .img_1{display: block;}
.partner_main .content_c .main ul li a:hover .img_0{display: none;}
.partner_main .content_c .main .hd { position:relative; width: 100%; margin-top:30px;}
.partner_main .content_c .main .hd .btn { position: absolute; top:15px; display: block; width:36px; height: 35px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.partner_main .content_c .main .hd .next { background-position: -300px -300px; right: 0;  }
.partner_main .content_c .main .hd .prev { background-position: -250px -300px; right:50px;}
.partner_main .content_c .main .hd .next:hover { background-position: -400px -300px; }
.partner_main .content_c .main .hd .prev:hover { background-position: -350px -300px; }
.honor_main{ width:100%; padding-bottom:100px;}
.honor_main .content_c .tt{ width:100%; padding:5% 0; text-align:center; }


.honor_main  .picScroll-left { position: relative; }
.honor_main  .picScroll-left .hd { position:relative; width: 100%; }
.honor_main  .picScroll-left .hd .btn { position: absolute; top:15px; display: block; width:36px; height: 35px; background: url(../images/icon.png) no-repeat; cursor: pointer; }
.honor_main  .picScroll-left .hd .next { background-position: -300px -300px; right: 0;  }
.honor_main  .picScroll-left .hd .prev { background-position: -250px -300px; right:50px;}
.honor_main  .picScroll-left .hd .next:hover { background-position: -400px -300px; }
.honor_main  .picScroll-left .hd .prev:hover { background-position: -350px -300px; }
.honor_main  .picScroll-left .bd ul li{float:left; width:380px; height:280px; text-align:center; padding:5px; border:1px solid #ededed; display:inline; margin:0 4px;}
.honor_main  .picScroll-left .bd ul li img{ max-height:280px;}

/*项目案例*/
.case_main{ position:relative; width:100%; background:url(../images/case_page_bg1.jpg) no-repeat center top;}
.case_main .tt{ width:100%; padding:10% 0 5% 0; text-align:center; }
.case_main .content_c h3{ height:70px; margin-bottom:5%; line-height:70px; text-align:center; color:#fff; font-size:50px; font-weight:normal;}
.case_main .content_c .line{ margin:0 auto; width:70px; height:2px; background:#22d3b6;}
.case_main .next { position: absolute; z-index: 3; left: 50%; bottom:5%; width: 32px; height: 32px; cursor: pointer; }
.case_main .next .bg { position: absolute; left: 0; top: 0; width: 40px; height: 40px; background: rgba(255,255,255,0.5); border-radius: 5px; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); }
.case_main .next img { position: absolute; left: 8px; top: 8px; -webkit-animation: bounce-down 1.5s linear infinite; animation: bounce-down 1.5s linear infinite; }

.case_list { width:100%; padding-bottom:50px;}
.case_list .case_tt{ width:40%; height:60px; margin-bottom:50px; line-height:60px; background:#22d3b6; padding-left:20px; font-size:16px;}
.case_list .case_kinds{ display:none; padding-left:20px; line-height:40px; margin-bottom:60px; color:#666; font-size:14px;}
.case_list .case_kinds a{ display:inline-block; margin-right:50px; color:#333;border-bottom:1px solid #fff;}
.case_list .case_kinds a:hover,.case_list .case_kinds a.active{ border-bottom:1px solid #333;}
.case_list .case_c ul li{ width:100%; margin-bottom:60px; position: relative;}
.case_list .case_c ul li .li_l{ float:left;}
.case_list .case_c ul li .li_r{ float:left;}
.case_list .case_c ul li .li_l.text{ padding-left:130px; width:500px; padding-right:20px;}

.case_list .case_c ul li .pic{ position:relative; width:530px; margin-right:20px;overflow: hidden;}
.case_list .case_c ul li .pic a{display: inline-block;width: 100%;height: 100%;}
.case_list .case_c ul li .pic img{cursor: pointer; transition: all 0.6s; }
.case_list .case_c ul li .pic:hover img,.case_list .case_c ul li .pic img.active{transform: scale(1.06); }
.case_list .case_c ul li .pic:hover img.noscale{transform: scale(1); }
.case_list .case_c ul li .pic .bgHover{background: rgba(0,0,0,0);width: 100%;height: 100%;z-index: 99;position: absolute;top:0;left:0;}
.case_list .case_c ul li .pic:hover .bgHover,.case_list .case_c ul li .pic .bgHover.active{background: rgba(0,0,0,0.3)}
.case_list .case_c ul li .pic .showbox{ display:none; position:absolute; z-index:100; left:50%; margin-left:-50px; top:50%; margin-top:-20px; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;}
.case_list .case_c ul li .pic:hover .showbox{ display:block;}


.case_list .case_c ul li .pic .showbox{ color:rgba(255,255,255,0); position:absolute; z-index:100; left:50%; margin-left:-50px; top:50%; margin-top:-20px; width:100px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;}

.case_list .case_c ul li .pic:hover .showbox,.case_list .case_c ul li .pic .showbox.active{ display:block; color:rgba(255,255,255,1);}
.case_list .case_c ul li .text{ position:relative; width:650px; padding-top:50px;}
.case_list .case_c ul li .text .more_add{ position:absolute; right:0; top:0; width:90px; height:90px; font-size:40px; color:#333; line-height:90px; text-align:center;}
.case_list .case_c ul li .li_l.text .more_add{ left:0;}
.case_list .case_c ul li .text .more_add span{ display:block; width:90px; height:90px;}
.case_list .case_c ul li .text .more_add span.add{ display:none;    background-color: #22d3b6;}
.case_list .case_c ul li .text .more_add a:hover span.add{ display:block;}
.case_list .case_c ul li .text .more_add a:hover span.res{ display:none;}
.case_list .case_c ul li .text h3{ width:500px; height:40px; margin-bottom:20px; line-height:40px; font-weight:normal; font-size:16px;}
.case_list .case_c ul li .text h3 a{ color:#333; font-size:24px;}
.case_list .case_c ul li .linefg{width:10px;height:2px;overflow: hidden; background-color: #666666;display: block;margin-bottom:10px;}
.case_list .case_c ul li .text h3 a:hover{ color:#22d3b6;}
.case_list .case_c ul li .text .intrs{ width:500px; color:#666; font-size:14px; line-height:30px;}
.case_list .loadmore{ width:100%; text-align:center;}
.case_list .loadmore img{ width:100%; max-width:496px;}

.case_list .filter{margin-bottom: 60px;}
.case_list .filter ul{overflow: hidden;}
.case_list .filter ul li{float: left;width: 80px;text-align: center;cursor: pointer;}
.case_list .filter ul li:first-child{width: 50px;color: #666;cursor: auto;}
.case_list .filter ul li.active{color:#22d3b6;border-bottom:#22d3b6 1px solid;}
/*案例详情*/
.case_banner{ position:relative; width:100%; height:950px; overflow:hidden;}
.case_banner .content_c{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px;height:950px;}
.case_banner .content_c img{ width:100%;}
.case_banner .nextpage{ position:absolute; top:50%; left:50%; margin-left:-600px; margin-top:50px;width:50px; height:50px; background:url(../images/load.gif) no-repeat center center; cursor:pointer;}
.case_banner .content_c .title{
  position:absolute;
  z-index:99;
   top:50%; left:50%; margin-left:-600px;
    transform: translateY(-100%);
    font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "黑体", Arial, Tahoma;
}
.case_banner .content_c .title .h1{
    font-size:60px;
    color:#ffffff;
    line-height:1;
    margin-bottom:30px;
}
.case_banner .content_c .title .subtitle{
    color:#22d3b6;
    font-size:34px;
    line-height:1;
    margin-bottom:30px;
}
.case_banner .content_c .title .line{
     width:65px;
     height:4px;
     background: #ffffff;
}
.case_detail{ width:100%;padding-bottom:50px;}
.case_detail .content_c .sub_title{
    font-size:20px;
    margin-bottom:30px;
}
.case_detail .content_c .sub_title .flag{
    display:inline-block;
    position:relative;
    vertical-align: 4px;
    margin-left:20px;
}
.case_detail .content_c .sub_title .flag div:nth-child(1){
    width:12px;
    height:12px;
    background: rgb(164,231,219);

}
.case_detail .content_c .sub_title .flag div:nth-child(2){
    width:24px;
    height:24px;
    background: rgb(100,208,183);
    position:absolute;
    top:0;
    right:0;
    transform: translate(80%,-80%);
}
.case_detail .imgBox{
    width:100%;
    height:auto;
    display:flex;
    justify-content: space-between;
    /*margin-bottom:30px;*/
    flex-wrap: wrap;
}
.case_detail .imgBox dl{
    width:48.5%;
    margin-bottom:10px;
}
.case_detail .imgBox3{
    padding:0 40px;
}
.case_detail .imgBox3 dl{
    width:30%;
    margin-bottom:40px;
}

.case_detail .imgBox_3 dl{
    width:30%;
    margin-bottom:40px;
    position:relative;
}
.case_detail .panel{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.case_detail .panel ul{
   background: url("../../../images/202508/szys-03-xmjy-img01.png") no-repeat right bottom;
}
.case_detail .panel ul li{
    font-size:20px;
    list-style-type: disc;
    line-height:60px;
}
.case_detail .panel .imgList{
    width:475px;
    height:auto;
    /*padding-left:0px;*/
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.case_detail .panel .imgList img{
    width:100%;
    height:auto;
}
.case_detail .imgBox_3 dl:nth-child(1){
    width:37%;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
}
.case_detail .imgBox3 dl:nth-child(2),.case_detail .imgBox3 dl:nth-child(5){
    margin-top:-40px;
}
.case_detail .imgBox dl dt{
    width:100%;
    margin-bottom:20px;
}
.case_detail .imgBox dl dt img{
    width:100%;
    height:auto;
}
.case_detail .imgBox dl dd{
    text-align: center;
    font-size:20px;
    display:flex;
    flex-direction: column;
    align-items: center;
}
.case_detail .imgBox dl dd:before{
    content:'';
    display:inline;
    width:0;
    border:solid 8px transparent;
    border-top-width: 12px;
    margin-bottom:10px;
    border-top-color: #22d3b6;
}
.case_detail .case_tt{ width:40%; height:60px; margin-bottom:50px; line-height:60px; background:#22d3b6; padding-right:20px;    text-align: right; font-size:16px;}
.case_detail .intros.m1{margin-bottom: 60px;}
.case_detail .intros .text{
    font-size:20px;
    color:#333333;
    line-height: 40px;
    margin-bottom:100px;
}
.case_detail .case_tt.textleft{text-align: left;padding-left:20px;}
.case_detail .intros .intros_l{ float:left; width:520px; padding:30px 40px; line-height:40px; color:#333; font-size:20px; text-align:justify;}
.case_detail .intros .intros_l .squre{width:12px;height:12px;border-radius:100px; background-color: #22d3b6;display: inline-block;}
.case_detail .intros .intros_r{ float:left; width:600px;}
.case_detail .intros .intros_r .play .info{
    color:#22d3b6;
    font-size:24px;
    margin-bottom:20px;
}
.case_detail .intros .intros_r .play .item{
    width:100%;
    margin-bottom:20px;
    display:flex;
    align-items: flex-end;
}
.case_detail .intros .intros_r .play .item >div{
    padding-left:15px;
    font-size:20px;
    color:#191919;
}
.case_detail .intros .intros_r .play .item >div label{
    color:#22d3b6;
}
.case_detail .intros .intros_r .play .item img{
    width:78px;
    height:78px;
}
.case_detail .pic{ width:100%; margin:20px auto; text-align:center; overflow: hidden;}
.case_detail .pic img{ max-width:1200px;}
.case_detail .picbox{ position:relative; width:100%; height:950px; overflow:hidden;}
.case_detail .picbox .picbox_c{position:absolute; left:50%; margin-left:-960px; top:0; width:1920px;height:950px; text-align:center;}
.bigpicbox{width:100%;height:auto;}
.bigpicbox img{width:100%;height:auto;}