@charset "utf-8";
/* CSS Document */


#case.index{ padding:90px 0;}
/* #case.index .inside-case .slide{width: 32%; margin-top: 4.6%; margin-right: 2%;}
#case.index .inside-case .slide:nth-child(3n){margin-right: 0;}
#case.index .inside-case .slide:nth-child(-n+3){margin-top: 0;}
#case.index .inside-case .slide .title{background: url(/images/img17.png) no-repeat 95% center; margin-top: 26px;}
#case.index .inside-case .slide .title a{font-size: 18px;}
#case.index .inside-case .slide:hover .title{background: url(/images/img18.png) no-repeat 95% center;} */
/* #application .app-list { padding: 100px 0;} */
#case .app-list .item{width: 100%; display: flex; align-items: center; margin-bottom: 100px;}
#case .app-list .item:nth-child(2n){flex-direction: row-reverse;}
#case .app-list .item .pic{width: 50%; }
#case .app-list .item .info{ width: 50%;  padding-left: 5%;}
#case .app-list .item:nth-child(2n) .info{padding-left: 0; padding-right: 5%;}
#case .app-list .item .info .title {width: 100%; display: flex; align-items: center;}
#case .app-list .item .info .title .icon{margin-right: 20px;}
#case .app-list .item .info .title .name{font-size: 36px; font-weight: bold;}
#case .app-list .item .info .desc{font-size: 16px; line-height: 30px;  margin: 48px 0 44px;}
#case .app-list .item .info .more{padding: 20px 63px; font-size: 14px; border: 1px solid #111c42; color: #111c42;}
#case .app-list .item .info .more:hover{border-color: #cd2027; background: #cd2027; color: #fff;}

/*
#case.category .one{display: flex; align-items: center; padding: 100px 0;}
#case.category .one .contents{ width: 50%;padding-right: 5.5%;padding-left: 12%;margin-right: 2%;}
#case.category .one .img{width: 48%;overflow: hidden;}
#case.category .two{ width:100%; background:url(/images/img21.jpg) no-repeat center; background-size:cover; padding:140px 0 200px;}
#case.category .two .slide{ width: 32%;background: #fff;padding: 50px 40px; margin-right: 2%;}
#case.category .two .num{font-size: 60px; line-height: 0.7;color: #cd2027;font-weight: bold;}
#case.category .two .title{font-size: 24px; font-weight: bold; line-height: 1;color: #cd2027;margin-top: 40px;}
#case.category .two .brief{font-size: 16px; height: 96px; line-height: 2; overflow: auto; color: #333;margin-top: 16px;}
#case.category .two .inside-CaseViewTwo{ margin-top:60px;}
#case.category .thr{ padding:180px 0;}
#case.category .thr .inside-case{ position:relative; margin-top:50px;}
#case.category .thr .inside-case .slide{ width: 32%; margin-top:0; margin-right:2%;}
#case.category .thr .inside-case .slide .title{background: url(/images/img17.png) no-repeat 95% center;margin-top: 26px;}
#case.category .thr .inside-case .slide:hover .title {background: url(/images/img18.png) no-repeat 95% center;}
#case.category .thr .inside-case .slide .title a{font-size: 18px; color: #333;}
#case.category .thr .inside-case .slide:hover .title a{color: #cd2027;}
#case.category .thr .inside-prev{ top:42%;}
#case.category .thr .inside-next{ top:42%;}
*/
#case.cate{ margin-top: 140px; background: #fff;}

#case .category .inside-title{line-height: 22px;font-size: 22px;color: #333;position: relative;padding-left: 16px;}
#case .category .inside-title::before{width: 5px; height: 100%; background: #cd2027; position: absolute;top: 0;left: 0;z-index: 2; content: '';}
#case .category .inside-title-line{position: relative;}
#case .category .inside-title-line .tit{line-height: 22px;  font-size: 22px; color: #333;  padding-left: 16px;padding-bottom: 28px;}
#case .category .inside-title-line::before{width: 5px;height: 22px; background: #cd2027; position: absolute;  top: 0; left: 0; z-index: 2; content: '';}
#case .category .inside-title-line::after{width: 100%;  height: 8px; background: url(/images/line.jpg) no-repeat center;  background-size: 100%; position: absolute; left: 0; bottom: 0; z-index: 2; content: '';}
#case .category{ padding: 44px 0 120px;}
#case .category .one{}
#case .category .one .title{font-size: 24px; width:100%; color:#333;}
#case .category .one .item{ width:100%; margin-top:44px; display: flex; background: #f6f6f6;}
#case .category .one .item .img{ display: flex; justify-content: center; align-items: center; width:50%;/* height:330px;*/}
#case .category .one .item .content{ width:50%;/* background: #f6f6f6;*/ padding:40px 36px 0;}
#case .category .one .item .content .brief{ font-size: 14px; width:100%; height:208px; line-height:26px; overflow:hidden; color:#666; margin-top:30px;}

#case .category .two{ padding-top:80px;}
#case .category .two .item{ width:100%; margin-top:48px;}
#case .category .two .item .slide{ width:100%; margin-top:14px;  display:flex; align-items:center;}
#case .category .two .item .slide .number{ width:50px; height:50px; text-align:center; color:#fff; border:1px dashed #d3d3d3; border-radius:50%; position:relative;}
#case .category .two .item .slide .number::before{ width:30px; height:30px;line-height:30px; background:#cd2027; color:#fff; border-radius:50%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);z-index:2; content:attr(for);}
#case .category .two .item .slide .title{ width:calc(100% - 48px); font-size: 14px; line-height:20px; display:flex; align-items:center; margin-left:18px;}
#case .category .two .item .slide.none{ margin-top:0;}
#case .category .thr{ width:100%; padding-top:80px;}
#case .category .thr .desc{ width:100%; margin-top:46px;}
#case .category .thr .desc img{ max-width:100%;}
#case .category .thr .desc iframe{ max-width:100%;}

 
#case.list{}
#case.list .one{ padding:80px 0 150px;}
#case.list .one .inside-case{ margin-top:64px;}

#case.detail{}
#case.detail .one{ width:100%; background:#f7f7f7; padding:60px 0 0;}
#case.detail .one .inside-brief{ margin: 30px 0 0;}
#case.detail .two{width: 100%;  display: flex; align-items: center; padding: 100px 0;}
#case.detail .two .contents{width: 50%;padding-right: 5.5%; padding-left: 8%;  margin-right: 2%;margin-left: 0;}
#case.detail .two .contents .inside-title{font-size: 30px;color: #333;font-weight: bold;}
#case.detail .two .contents .item{width: 100%;margin-top: 46px;}
#case.detail .two .contents .item .slide{width: 100%; margin-top: 40px;}
#case.detail .two .contents .item .slide:first-child{margin-top: 0;}
#case.detail .two .contents .item .slide .title{font-size: 18px; font-weight: bold; color: #cd2027;}
#case.detail .two .contents .item .slide .brief{font-size: 18px; line-height: 1.6;color: #1a1a1a;margin-top: 10px;}
#case.detail .two .img{}

#case.detail .thr{ width:100%; background:url(/images/img28.jpg) no-repeat center; background-size:cover !important; padding:80px 0 160px;}
#case.detail .inside-brief{ margin:30px 0 60px;}
#case.detail .inside-CaseViewTwo{ margin-top: 46px;}
#case.detail .inside-CaseViewTwo .slide{width: 32%; background: #fff;padding: 50px 40px;margin-right: 2%; padding:100px 40px;}
#case.detail .inside-CaseViewTwo .slide .num{font-size: 60px; line-height: 0.7;color: #cd2027;font-weight: bold;}
#case.detail .inside-CaseViewTwo .slide .title{ font-size: 24px;font-weight: bold;color: #1a1a1a; margin-top: 40px;}
#case.detail .inside-CaseViewTwo .slide .brief{font-size: 16px; height: 96px; line-height: 2;overflow: auto;color: #333;margin-top: 16px;}
#case.detail .four{ width:100%; background:#f7f7f7; padding:140px 0;}
#case.detail .four .inside-CaseViewTwo .slide{padding: 100px 40px;}
#case.detail .four .inside-CaseViewTwo .slide .title{ margin-top: 0; color: #cd2027;}
#case.detail .thr .inside-prev , #case.detail .thr .inside-next{display:block; }
#case.detail .four .inside-prev , #case.detail .four .inside-next{display:block; border: 1px solid #ccc;}

@media screen and (max-width: 1680px){
	#case.detail .two .contents{padding-left: 3%;}
}

@media screen and (max-width: 1200px) {
	#case .app-list .item .info .desc{margin: 35px 0;}
}
@media screen and (max-width: 1024px){
	#case .app-list .item,
	#case .app-list .item:nth-child(2n){flex-direction: column;}
	#case .app-list .item .pic{width: 100%;}
	#case .app-list .item .info,
	#case .app-list .item:nth-child(2n) .info{width: 100%; padding: 30px 0;}
	
	#case .category .one .item{flex-direction: column;}
	#case .category .one .item .img{ width: 100%; height: auto;}
	#case .category .one .item .content{ width: 100%; height: auto; padding: 40px 36px;}
}
@media screen and (max-width: 1024px) {
	#case.detail .two{flex-direction: column;padding: 60px 0 0;}
	#case.detail .two .contents{width: 100%; padding: 3% 5%;}
	#case.detail .inside-CaseViewTwo .slide{width: 49%;}
}
@media screen and (max-width: 750px){
	#case .app-list .item{margin-bottom: 60px;}
	#case .app-list .item .info .desc{font-size: 26px; line-height: 1.8;}
	#case .app-list .item .info .more{font-size: 26px;}

	#case.cate{margin-top: 90px;}
	#case .category{padding: 60px 0;}
	#case .category .one .title{font-size: 36px;}
	#case .category .inside-title{font-size: 30px; line-height: 40px;}
	#case .category .one .item .content .brief{font-size: 26px; height: auto; line-height: 1.8}
	#case .category .inside-title-line::before{height: 30px;}
	#case .category .inside-title-line .tit{font-size: 30px;}
	#case .category .two .item .slide .number{ width: 80px; height: 80px; font-size: 24px;}
	#case .category .two .item .slide .number::before{width: 40px; height: 40px; line-height: 40px;}
	#case .category .two .item .slide .title{font-size: 26px; line-height: 1.8;}

 

	#c-banner{margin-top: 90px;}
	#c-banner .contents{top: 50%;}
	#c-banner .contents .txt3{color: #fff;}
	#case.detail .two .contents .item .slide .title{font-size: 28px; line-height: 1.8;}
	#case.detail .two .contents .item .slide .brief{font-size: 26px; line-height: 1.8;}
	#case.detail .thr,
	#case.detail .four{ padding: 60px 0;}
	#case.detail .four .inside-CaseViewTwo .slide .title{font-size: 30px;}
	#case.detail .inside-CaseViewTwo .slide .title{font-size: 24px; line-height: 1.8;}
	#case.detail .inside-CaseViewTwo .slide .brief{font-size: 26px; line-height: 1.8;}
	
	
	
	
@media only screen and (max-width:750px){
    #support.index .one{ padding:60px 0;}
	#support.index .one .item .slide{ width:49%;}
	#support.index .one .item .slide .contents .txt1{ font-size:30px;}
	#support.index .one .item .slide .contents .txt2{ font-size:24px;}
	#support.index .two{ padding:60px 0 30px;}
	#support.index .two .item .slide{ width:22.5%; margin-right:2%;}
	#support.index .two .item .slide:nth-child(4n){ margin-right:0;}
	#support.index .two .item .slide:nth-child(4n) .img::before{ display:none;}
	#support.index .two .item .slide .img{ width:90%; display:inline-block;}
	#support.index .two .item .slide .img::before{ left:109%;}
	#support.index .two .item .slide .txt{ font-size:26px;}
    #support.download .one{ padding:60px 0;}
	#support.download .one .slide{ width:49%; padding:30px 20px;}
	#support.download .one .slide .title{}
	#support.download .one .slide:nth-child(-n+3){ margin-top:2%;}
	#support.download .one .slide:nth-child(3n){ margin-right:2%;}
	#support.download .one .slide:nth-child(-n+2){ margin-top:0;}
	#support.download .one .slide:nth-child(2n){ margin-right:0;}
	#support.download .one .slide .title{ font-size: 30px; min-height:74px;}
	#support.download .one .slide .brief{ font-size:26px; height: calc(20px * 5); line-height: 1.8;}
	#support.download .one .slide .option{ font-size:26px; width: 100%;display: flex; align-items: center; justify-content: center; padding: 17px 0;}
	#support.download .one .slide .option img{zoom: 1.5;}
}



/* 瑙ｅ喅鏂规 */
#case{background: #f7f7f7;}
#case .new-list{padding: 50px 0 100px;}
#case .new-list .hot .container{width: 100%;}
#case .new-list .hot .anniu{width: 95px;height: 95px;bottom: 0;z-index: 2;right: 0;}
#case .new-list .hot .prev{right: 95px;background: url(/images/jt1.png) no-repeat center #fff;}
#case .new-list .hot .next{right: 0;background: url(/images/jt1.png) no-repeat center #fff;transform: rotateY(180deg);}
#case .new-list .hot .prev:hover{background: url(/images/jt2.png) no-repeat center #cd2027;transform: rotateY(180deg);}
#case .new-list .hot .next:hover{background: url(/images/jt2.png) no-repeat center #cd2027;transform: rotateY(360deg);}

#case .new-list .hot .text{padding: 26px 48px;line-height: 30px;background: rgba(0,0,0,0.6);bottom: 0;left: 0;z-index: 2;width: calc(100% - 190px);}
#case .hot .th1{font-size: 24px;color: #fff;font-weight: bold;}
#case .new-list .hot .th2{font-size:16px; color: #fff;  font-family: "GR"; line-height: 43px;}
#case .new-list .con{padding-bottom: 100px;}
#case .new-list .con .tent{position: relative;z-index: 3;}
#case .new-list .con .list{padding: 60px 0px 40px;border-bottom: 1px solid #e6e6e6;}
#case .new-list .list .time{margin: 0 42px 0 48px;width: 15%;}
#case .new-list .list .img{width: 25%;height: auto;margin-right: 4.375%;}
#case .new-list .list .text{width: calc(100% - 26% - 25%);padding: 40px 48px 0 0;}
#case .new-list .list .t1{font-size: 66px; font-weight: bold; color: #ccc;}
#case .new-list .list .t2{font-size: 20px; color: #ccc;}
#case .new-list .list .a1{font-size: 24px; }
#case .new-list .list .time1{display: none;}
#case .new-list .list .t3{font-size: 16px; text-align: justify; max-height: calc(25px * 2); word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height: 25px;margin: 20px auto 40px;}
#case .new-list .list .t4 .more{font-size: 16px; line-height: 21px;display: flex;align-items: center;}
#case .new-list .list .t4 .more .i0{display: none;}
#case .new-list .list:hover{background: #fafafa;}
#case .new-list .list:hover .t4 .more .i0{display: inline-block;}
#case .new-list .list:hover .t1,#case .list:hover .t2,#case .list:hover .a1,#case .list:hover .t4 .more{color: #cd2027;}

@media screen and (max-width: 1440px) {
	#case .new-list .list .time{width: 9%;}
	#case .new-list .list .text{width: calc(100% - 22% - 25%);padding-top: 0;}
}

@media screen and (max-width: 1024px) {
	#case .new-list .list .time{display: none;}
	#case .new-list .list .img{width: 43%;}
	#case .new-list .list .text{width: calc(100% - 48%)}
}

@media screen and (max-width: 750px) {
	#case .new-list{padding: 40px 0; margin: 0 auto;}
	#case .new-list .hot .text{padding-left: 20px;}
	#case .new-list .hot .anniu{width: 80px; height: 80px;}
	#case .new-list .hot .prev{right: 80px;}
	#case .new-list .hot .th2{display: none;}
	#case .hot .th1{width: 100%; font-size: 26px;}

	#case .new-list .con .list{border-bottom: 0;}
	#case .new-list .list .text{width: 100%; padding: 30px 0;}
	#case .new-list .con{padding-bottom: 40px;}
	#case .new-list .list .img{width: 100%; margin-right: 0; height: 100%;}
	#case .new-list .list .a1{font-size: 30px;}
	#case .new-list .list .t3{font-size: 26px; line-height: 1.8;}
	#case .new-list .con .list{padding: 20px 0;}
	#case .new-list .list .t4 .more{font-size: 24px;}

	#case .new-list .hot .container{height: 300px; }
	#case .new-list .hot .container .slide .img{height: 100%;}
}