.padding{ padding-top:120px; padding-bottom:120px;transition-duration: 0.3s; }
.main-padding{ padding-top:72px; padding-bottom:100px;transition-duration: 0.3s; }
.detail-padding{ margin-top: 100px;  padding-bottom: 100px;transition-duration: 0.3s; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-bottom-50{ padding-bottom:50px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--mc);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
.header-block{  height: 101px;}
html{height: 100%;}

.btn a{ font-size: 16px; color:var(--mc); display:inline-flex; justify-content: space-between; grid-gap: 24px; align-items: center; border:var(--mc) solid 1px; border-radius:8px; padding: 10px 24px; transition-duration: 0.3s;  }
.btn a:hover{ color:var(--bg); background:var(--mc); }

.index-banner {position: relative;}
.index-banner .banner-swiper{height: calc(100vh - 60px);}
.index-banner .banner-swiper .swiper-slide{ position: relative;width: 100%;overflow:hidden; background: #000; }
.index-banner .banner-swiper .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.index-banner .banner-swiper .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%,-50%); transition-delay:0.5s; }
.index-banner .banner-swiper .swiper-slide .info img.logo{ height:32px; margin: 0 auto;}
.index-banner .banner-swiper .swiper-slide .info h3{ text-align: center; font-size: 72px; text-indent: 8px; letter-spacing: 8px; line-height: 1.2; font-weight: 300; color:#fff; margin-bottom:12px;  }
.index-banner .banner-swiper .swiper-slide .info p{font-family: 'Barlow'; letter-spacing: 1px; text-align: center; text-transform: uppercase; color: #fff; font-size:28px; line-height: 1.6;margin-bottom: 50px;}
.index-banner .banner-swiper .swiper-slide .info .more a{ border-radius: 20px; background: var(--mc); padding: 7px 20px; color: #fff; transition-duration: 0.3s; display: inline-flex; justify-content: space-between; grid-gap: 10px; align-items: center;}
.index-banner .banner-swiper .swiper-slide .info .more a:hover{  grid-gap: 15px;}
.index-banner .banner-swiper .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index-banner .banner-swiper .swiper-slide .info.white h2{color: #fff; }
.index-banner .banner-swiper .swiper-slide .info.white h3{color: #fff;}
.index-banner .banner-swiper .swiper-slide .info.white p{color: #fff;}
.index-banner .banner-swiper .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index-banner .banner-swiper .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index-banner .banner-swiper .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index-banner .banner-swiper .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index-banner .banner-swiper .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
.index-banner .banner-swiper .swiper-slide video{width: 100%; height: 100%; object-fit: cover; opacity: 0.9; animation: breathe 10s ease-in-out;}
.index-banner .banner-swiper .swiper-pagination{bottom: 30px; text-align: left; width: var(--width) ;left: 50%;   transform: translateX(-50%); }
.index-banner .banner-swiper .swiper-pagination-bullet{background: rgba(255,255,255,0.3); opacity: 1; transition-duration: 0.3s; height: 4px; width: 18px; border-radius: 4px;}
.index-banner .banner-swiper .swiper-pagination-bullet-active{background:rgba(255,255,255,1); width: 36px;}



.index-topnews .topnews-swiper{ height: 40px; width: 100%; position: relative}
.index-topnews{height: 40px; line-height: 40px; padding: 20px; border-radius: 12px; background: #fff; position: absolute; width: calc(var(--width) - 40px) ; left: 50%;bottom: -40px; transform: translateX(-50%); z-index: 2;}

.index-topnews .swiper-slide{ color: #333; line-height: 40px;}
.index-topnews .swiper-slide a{ color: #333;}
.index-topnews .swiper-button-prev{ position: absolute; left: auto; right:40px;color: var(--mc); font-size: 28px;}
.index-topnews .swiper-button-next{ left: auto; position: absolute; right:20px;color: var(--mc); font-size: 28px;}
.index-topnews .swiper-button-prev:after{ display: none}
.index-topnews .swiper-button-next:after{ display: none}
.index-topnews{ display: grid; grid-template-columns: 120px auto; grid-gap: 12px; align-items: center;}
.index-topnews .swiper-slide .item{ width: 90%; display: flex; justify-content: space-between; align-items: center;}
.index-topnews .title{color: var(--mc);line-height: 40px; display: flex; justify-content: center; align-items: center; grid-gap: 6px;}
.index-topnews .title i{ color: var(--mc);  font-size: 18px;}
.index-topnews .swiper-slide .item{ display: flex; grid-template-columns: auto 100px; grid-gap: 12px; align-items: center;height: 36px; line-height: 36px; }
.index-topnews .swiper-slide .item h2{ line-height: 1;}
.index-topnews .swiper-slide .item h2 a{ font-size: 18px; line-height: 1;}
.index-topnews .swiper-slide .item span{ color: #999;}


.index-service{ background:var(--bg)}
.index-service .title{ margin-bottom: 48px;}
.index-service .title p{ font-size: 24px; color: #111; font-family: 'Barlow'; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.index-service .title h2{ font-size: 40px; color: var(--mc);font-weight: 500; text-transform: uppercase;line-height: 1;}
.index-service .content{ display: grid; grid-template-columns: repeat(6,1fr);  grid-gap: var(--gg); }
.index-service .content .item{ box-shadow: 0px 8px 15px rgba(255,106,0,0);transition:padding 0.3s; border:var(--border) solid 1px; padding:80px 32px 40px 32px; border-radius: 12px; overflow: hidden;background: #fff}
.index-service .content .item .icon{ width: 72px; height: 72px; position: relative; margin: 0 auto; }
.index-service .content .item .icon img{transition-duration: 0.3s; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s; position: absolute;}
.index-service .content .item .icon img.icon1{ opacity: 1;}
.index-service .content .item .icon img.icon2{ opacity: 0;}
.index-service .content .item .info{ margin-bottom: 32px;}
.index-service .content .item .info h3{color: #333; transition:color 0.3s; margin-bottom:5px; font-size:28px; text-align: center; font-weight: 500; padding-top: 12px;}
.index-service .content .item:hover .info h3{ color: var(--mc); }
.index-service .content .item .info p{ font-size: 15px; color: #666666; transition: mask 0.3s; line-height: 1.6; text-align: center; display: -webkit-box;  -webkit-line-clamp:5;  -webkit-box-orient: vertical; transition-duration: 0.3s; overflow: hidden;}
.index-service .content .item:hover .icon img.icon1{ opacity: 0;}
.index-service .content .item:hover .icon img.icon2{ opacity: 1;}
.index-service .content .item:hover{ border:var(--mc) solid 1px;box-shadow: 0px 8px 15px rgba(255,106,0,0.2); }
.index-service .more{ display: flex; justify-content: center; opacity: 0; transition: opacity 0.3s; }
.index-service .more a{ font-size: 24px; color: var(--mc); transition: background 0.3s, color 0.3s; height: 36px; display: flex; justify-content: center; align-items: center; width: 36px; border-radius: 36px; border: var(--mc) solid 2px; }
.index-service .more a:hover{background: var(--mc); color: #fff; }
.index-service .content .item:hover{  padding:60px 32px 60px 32px; border-radius: 12px; overflow: hidden;background: #fff}
.index-service .content .item:hover .more{opacity: 1;}
.index-service .content .item:hover .info p{}



.index-team .title{ margin-bottom: 48px;}
.index-team .title p{ font-size: 24px; color: #111; font-family: 'Barlow'; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.index-team .title h2{ font-size: 40px; color: var(--mc);font-weight: 500; text-transform: uppercase;line-height: 1;}
.index-team .content{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: calc(var(--gg) + 10px) var(--gg)}
.index-team .content .item{ cursor:pointer; transition-duration: 0.3s; display: grid; grid-template-columns: 2fr 3fr;border: #ececec solid 1px; box-shadow: 0 10px 20px rgba(0,0,0,0.0);border-radius: 12px; }
.index-team .content .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05); background: #fff;}
.index-team .content .item .img{ background: var(--bg);  position: relative; height: 260px; border-radius: 11px 0px 0px 11px;}
.index-team .content .item .img img{position: absolute; left: 50%;transform: translateX(-50%); bottom: 0; }
.index-team .content .item .info{ padding: 32px;}
.index-team .content .item .info .row{ position: relative; display: flex; justify-content: space-between; align-items: center;  margin-bottom: 15px;padding-bottom: 20px; }
.index-team .content .item .info .row h3 { font-size: 24px; font-weight: 500; position: relative; line-height: 1; }
.index-team .content .item .info .row:after{content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 20px; background: var(--mc); }
.index-team .content .item .info .row .address { font-size: 14px; color: #666; line-height: 1; }
.index-team .content .item .info .desc{color: #333;}
.index-team .content .item .info .desc p{display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index-team .content .item .info .desc p:nth-of-type(n + 5) {display: none;}



.index-about{ background:url("../images/indexaboutbg.jpg") no-repeat right center var(--bg); background-size: 80%;}
.index-about .pagewidth{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: var(--gg); }
.index-about .info .title{ margin-bottom: 48px;}
.index-about .info .title p{ font-size: 24px; color: #111; font-family: 'Barlow'; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.index-about .info .title h2{ font-size: 40px; color: var(--mc);font-weight: 500; text-transform: uppercase;line-height: 1;}
.index-about .info .content{ margin-bottom: 36px; padding-right: 100px;}
.index-about .info .more a{ color: #111; transition: color 0.3s; display: flex; justify-content: left;align-items: center; grid-gap: 10px;}
.index-about .info .more a .icon{ font-size: 24px; color: var(--mc); transition: background 0.3s, color 0.3s; height: 36px; display: flex; justify-content: center; align-items: center; width: 36px; border-radius: 36px; border: var(--mc) solid 2px; }
.index-about .info .more a:hover{ color: var(--mc); }
.index-about .info .more a:hover .icon{background: var(--mc); color: #fff; }

.index-about .number{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg) ;}
.index-about .number .item{ padding: 40px; position: relative; border: #ececec solid 2px;webkit-backdrop-filter:blur(5px); backdrop-filter: blur(5px); background: rgba(255,255,255,0.8); border-radius: 12px;box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition: box-shadow 0.3s , border-color 0.3s;}
.index-about .number .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05);border: var(--mc) solid 2px;}
.index-about .number .item i{ position: absolute; right: 40px; top: 40px; color: #999; font-size: 24px; line-height: 1;}
.index-about .number .item h3 strong{ font-family: 'Barlow'; font-size: 60px; font-weight: bold;  color: var(--mc); line-height: 1; }
.index-about .number .item h3 span{ font-size: 32px; font-weight: 500;  color: var(--mc); line-height: 1; padding-left: 5px; }
.index-about .number .item:last-child h3 span{ font-size: 24px;}
.index-about .number .item:hover i{ color: var(--mc); }
.index-about .number .item p{ color: #666;}


.index-system{background: #fff;}
.index-system .title{ margin-bottom: 48px;}
.index-system .title p{ font-size: 24px; color: #111; font-family: 'Barlow'; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.index-system .title h2{ font-size: 40px; color: var(--mc);font-weight: 500; text-transform: uppercase;line-height: 1;}
.index-system .content{display: flex;grid-gap: var(--gg)}
.index-system .content .item{ flex: 1; cursor: pointer; height: 400px; position: relative; overflow: hidden; transition-duration: 0.3s; border-radius: 12px; background: #ffc54e }
.index-system .content .item.active { flex: 3; background: var(--mc);}
.index-system .content .item .bg{ position: absolute; inset: 0;  object-fit: cover; z-index: 1; opacity: 0.2;}
.index-system .content .item .bg img{width: 100%; height: 100%; object-fit: cover; }
.index-system .content .item .icon{ transition: top 0.3s,left 0.3s;  position: absolute; z-index: 2; left: 50%; top: 100px; translate:-50%;}
.index-system .content .item .info{  transition: top 0.3s,left 0.3s; position: absolute; z-index: 2; left: 30px; right: 30px; top: 180px; color: #fff;}
.index-system .content .item .info h3{ font-size:24px; line-height: 1.3; font-weight: 500; text-align: center; margin-bottom: 12px;}
.index-system .content .item .info .html{visibility: hidden; opacity: 0; transition: opacity 0.3s,visibility 0.3s; }
.index-system .content .item:hover{ scale: 1.03;}
.index-system .content .item.active .icon{ position: absolute; z-index: 2; left: 40px; top: 100px; translate:initial;}
.index-system .content .item.active .info{ top: 100px; left: 150px; }
.index-system .content .item.active .info .html{visibility: visible; opacity: 1; }
.index-system .content .item.active .info h3{ text-align: left; }


.index-case{background: var(--bg); }
.index-case .row{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px;}
.index-case .title{}
.index-case .title p{ font-size: 24px; color: #111; font-family: 'Barlow'; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.index-case .title h2{ font-size: 40px; color: var(--mc);font-weight: 500; text-transform: uppercase;line-height: 1;}
.index-case .row .more a{ color: #111; transition: color 0.3s; display: flex; justify-content: left;align-items: center; grid-gap: 10px;}
.index-case .row .more a .icon{ font-size: 24px; color: var(--mc); transition: background 0.3s, color 0.3s; height: 36px; display: flex; justify-content: center; align-items: center; width: 36px; border-radius: 36px; border: var(--mc) solid 2px; }
.index-case .row .more a:hover{ color: var(--mc); }
.index-case .row .more a:hover .icon{background: var(--mc); color: #fff; }

.index-case .content{ display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gg); }
.index-case .content .item{ padding: 32px;transition-duration: 0.3s; border: #ececec solid 1px; box-shadow: 0 10px 20px rgba(0,0,0,0.0);border-radius: 12px;  background: #fff;}
.index-case .content .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05); background: #fff;}
.index-case .content .item .info{margin-bottom: 24px;}
.index-case .content .item .info h3 a{color:#111;line-height:1; font-size:24px; font-weight:500;transition-duration: 0.3s;  }
.index-case .content .item .info h3{ margin-bottom:16px; }
.index-case .content .item .info .cate{ font-size:15px; color:var(--mc); margin-bottom: 12px; }
.index-case .content .item .info .date{ font-size:15px; color:#666; margin-bottom: 12px; }
.index-case .content .item:hover h3 a{ color:var(--mc); }
.index-case .content .item .more a i{ color: var(--mc); }
.index-case .content .item .more a{ color:#666}
.index-case .content .item .more a:hover{ color: var(--mc); }
.index-case .content .item .lawyer{ border-top: 1px solid #ececec; padding-top: 24px; padding-bottom: 24px; }
.index-case .content .item .lawyer ul{ display: flex; justify-content: left; align-items: center; grid-gap: var(--gg); }
.index-case .content .item .lawyer ul li{ display: flex; justify-content: space-between; align-items: center; grid-gap:12px; }
.index-case .content .item .lawyer ul li .lawyerphoto{ overflow: hidden; width: 50px; height: 50px; border-radius: 50px; border:#ececec 1px solid; }
.index-case .content .item .lawyer ul li .lawyerphoto img{ height: 100%; width: 100%; transform: translateY(5px); object-fit: cover;}
.index-case .content .item .lawyer ul li .lawyerinfo h5{ line-height: 1; font-size: 17px; font-weight: 500; color: #333; margin-bottom: 6px; }
.index-case .content .item .lawyer ul li .lawyerinfo h5 a{ color: #333; line-height: 1;}
.index-case .content .item .lawyer ul li:hover .lawyerinfo h5 a{ color: var(--mc); }
.index-case .content .item .lawyer ul li .lawyerinfo p{ line-height: 1; font-size: 14px; color: #666; }



.index-news .row{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 48px;}
.index-news .title{}
.index-news .title p{ font-size: 24px; color: #111; font-family: 'Barlow'; font-weight: 500; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.index-news .title h2{ font-size: 40px; color: var(--mc);font-weight: 500; text-transform: uppercase;line-height: 1;}
.index-news .row .more a{ color: #111; transition: color 0.3s; display: flex; justify-content: left;align-items: center; grid-gap: 10px;}
.index-news .row .more a .icon{ font-size: 24px; color: var(--mc); transition: background 0.3s, color 0.3s; height: 36px; display: flex; justify-content: center; align-items: center; width: 36px; border-radius: 36px; border: var(--mc) solid 2px; }
.index-news .row .more a:hover{ color: var(--mc); }
.index-news .row .more a:hover .icon{background: var(--mc); color: #fff; }

.index-news .content{ display: grid; grid-template-columns: 4fr 8fr; grid-gap: var(--gg); }
.index-news .content .left .subtitle{ display: flex; justify-content: space-between;}
.index-news .content .left .subtitle h3{ font-size:24px; font-weight: 500; position: relative; line-height: 1; padding-bottom: 20px; margin-bottom: 14px; }
.index-news .content .left .subtitle h3::after{content:''; position: absolute; bottom: 0; left: 0; height: 2px; width: 20px; background-color: var(--mc); }
.index-news .content .more{ }
.index-news .content .more a{ color: var(--mc); }
.index-news .content .left hr{ margin-top: 20px; margin-bottom: 30px;}
.index-news .content .left .list ul li{ line-height:2em;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.index-news .content .left .list ul li a{ color: #333;}
.index-news .content .left .list ul li a:hover{ color:var(--mc);}

.index-news .content .top{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg); margin-bottom:var(--gg) }
.index-news .content .top .list{ border-radius: 12px; border: #ececec solid 1px; padding: 40px;transition-duration: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.0); }
.index-news .content .top .list:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05);}

.index-news .content .top .list p.cate{ color: var(--mc); line-height: 1; margin-bottom: 12px; }
.index-news .content .top .list p.date{ color:#999; line-height: 1; font-size: 14px; margin-bottom: 16px;}
.index-news .content .top .list h4{ line-height: 1.3; margin-bottom: 16px; height: 60px;}
.index-news .content .top .list h4 a{ font-size: 22px; font-weight: normal; }

.index-news .content .left{ border-radius: 12px; border: #ececec solid 1px; padding: 40px;transition-duration: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.0);}
.index-news .content .left:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05);}


.index-news .content .bottom{ border-radius: 12px; border: #ececec solid 1px; padding:20px 40px;transition-duration: 0.3s; box-shadow: 0 10px 20px rgba(0,0,0,0.0); }
.index-news .content .bottom:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05);}

.index-news .content .bottom .item{ display: grid; grid-template-columns: 80px auto 100px; padding-top: 18px; padding-bottom: 18px; border-bottom: #ececec solid 1px; grid-gap: var(--gg); }
.index-news .content .bottom .item:last-child{ border-bottom: none; }
.index-news .content .bottom .item p.cate{ color: var(--mc); font-size: 14px; }
.index-news .content .bottom .item h4 a{font-weight: normal; }
.index-news .content .bottom .item .date{ color: #999; font-size: 14px; }
.index-news .content .more a{ display: left; justify-content: center; align-items: center; grid-gap: 5px; }
.index-news .content .more a span{ color: #999;}
.index-news .content .more a:hover span{ color:var(--mc);}


.detail_banner{overflow: hidden; position: relative; background: #333;}
.detail_banner .pagewidth{position: relative; height: 720px;}
.detail_banner .text{  width: 50%;  text-align: left; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.detail_banner .text h1{ font-size: 60px; line-height: 1;  letter-spacing: 8px;  color:#fff;font-weight: 300;}
.detail_banner .text p{font-size: 18px; line-height: 1.6; color:rgba(255,255,255,1); font-weight: normal;}
.detail_banner .text .icon{ border-radius: 56px; height: 48px; width: 48px; color: #fff; font-size: 24px; display: flex; justify-content: center; align-items: center; border: #fff solid 2px;}
.detail_banner img.detailbg{  width: 100%; height: 120%; object-fit: cover; position: absolute; opacity:0.9; left: 0;right: 0px; top: -20%; bottom: 0;}

.channel-about-a .row{ display: grid; grid-template-columns: 7fr 1fr 4fr; grid-gap: var(--gg) ; }
.channel-about-a .title{ margin-bottom: 40px;}
.channel-about-a .title p{font-family: 'Barlow'; line-height: 1; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 16px;}
.channel-about-a .title h1{ font-size: 40px; font-weight: 500; color: var(--mc);  line-height: 1; margin-bottom: 16px;}
.channel-about-a .title h2{ font-size: 28px; font-weight: normal; color: #333333;  line-height: 1;}
.channel-about-a .video{ border-radius: 12px; overflow: hidden; position: relative;}
.channel-about-a .video img{ width: 100%; height: 100%; object-fit: cover; }
.channel-about-a .play{ transition:scale 0.3s; position: absolute; left: 50%; top: 50%;translate: -50% -50%; color: #fff; display: flex; border-radius: 50px; justify-content: center; align-items: center; line-height: 1; z-index: 2;  border: rgba(244,244,244,0.7) solid 8px;}
.channel-about-a .play a{ display: block; color: #fff; border-radius: 50px; width: 60px; height: 60px;display: flex;background: var(--mc); justify-content: center; align-items: center; line-height: 1; font-size: 24px;}
.channel-about-a .play:hover{ scale:1.1; }
.channel-about-a .number{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gg) ;  padding-top: 60px;}
.channel-about-a .number .item{ padding: 40px; position: relative; border: #ececec solid 2px; border-radius: 12px;box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition: box-shadow 0.3s , border-color 0.3s;}
.channel-about-a .number .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05);border: var(--mc) solid 2px;}
.channel-about-a .number .item i{ position: absolute; right: 40px; top: 40px; color: #999; font-size: 24px; line-height: 1;}
.channel-about-a .number .item h3 strong{ font-family: 'Barlow'; font-size: 60px; font-weight: bold;  color: var(--mc); line-height: 1; }
.channel-about-a .number .item h3 span{ font-size: 32px; font-weight: 500;  color: var(--mc); line-height: 1; padding-left: 5px; }
.channel-about-a .number .item:last-child h3 span{ font-size: 24px;}
.channel-about-a .number .item:hover i{ color: var(--mc); }
.channel-about-a .number .item p{ color: #666;}


.channel-about-b{ background: var(--bg); overflow: hidden}
.channel-about-b .title{ margin-bottom: 40px;}
.channel-about-b .title p{font-family: 'Barlow'; line-height: 1; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 16px;}
.channel-about-b .title h2{ font-size: 40px; font-weight: 500; color: var(--mc);  line-height: 1; margin-bottom: 16px;}
.channel-about-b .content{ display: grid; grid-template-columns: 360px auto; grid-gap: var(--gg) ;}
.channel-about-b .content .info ul li{ position: relative; padding-left: 16px; color:#333; }
.channel-about-b .content .info ul li::after{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); content: ''; border-radius: 3px; height: 3px; width: 3px; background: #000;}
.channel-about-b .content .img{ position: relative}
.channel-about-b .content .img img{ width: 105%; top: 48%; transform: translateY(-50%); position: absolute; left: 0px;}

.channel-about-c{overflow: hidden}
.channel-about-c.bg{background:var(--bg);}
.channel-about-c .title{ margin-bottom: 40px;}
.channel-about-c .title p{font-family: 'Barlow'; line-height: 1; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 16px;}
.channel-about-c .title h2{ font-size: 40px; font-weight: 500; color: var(--mc);  line-height: 1; margin-bottom: 16px;}
.channel-about-c .content .swiper{ padding-bottom: 50px;}
.channel-about-c .content .swiper-slide .info{ text-align: center; padding-top: 24px; }
.channel-about-c .content .swiper-slide .info h3{ font-size: 20px; line-height: 1; margin-bottom: 12px; color: var(--mc); }
.channel-about-c .content .swiper-slide .info h3 p{ color: #333;}
.channel-about-c .content .swiper-slide .img{ aspect-ratio: 3/2; border-radius: 12px; overflow: hidden; position: relative;}
.channel-about-c .content .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover; }

.channel-about-c .swiper-button-next{ background: rgba(255,255,255,0.7); top: 37%;  transform: translateY(-50%);  font-size: 24px; line-height: 1; position: absolute; border-radius: 40px; height: 44px; width: 44px; color: var(--mc); }
.channel-about-c .swiper-button-prev{background: rgba(255,255,255,0.7); top: 37%; transform: translateY(-50%);  font-size: 24px; line-height: 1; position: absolute;  border-radius: 40px; height: 44px; width: 44px;  color:var(--mc);}
.channel-about-c .swiper-button-disabled{ background: rgba(255,255,255,0.2); color:rgba(255,255,255,0.6)}
.channel-about-c .swiper-button-next:after{ display: none}
.channel-about-c .swiper-button-prev:after{ display: none}



.detail_menu_wrapper {min-height: 60px;background: #fff;  }
.detail_menu{  position: relative; z-index: 2; background:rgba(255,255,255,0.9); box-shadow: 0px 5px 20px rgba(62,50,42,0.1);  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.detail_menu.fixed { position: fixed; top: 100px; left: 0; right: 0; animation: slideDown 0.3s ease;border-top: #ececec solid 1px;}
.detail_menu .pagewidth{}
.detail_menu ul{display: flex; justify-content:left; grid-gap:12px; }
.detail_menu ul li{ }
.detail_menu ul li a{ display: block; padding: 24px;color:#333; position: relative; text-align: center; transition-duration: 0.3s;}
.detail_menu ul li a.active{ color:var(--mc);  position: relative;}
.detail_menu ul li a:hover{  color:var(--mc); }
.detail_menu ul li a.active:hover{ color:var(--mc); }
.detail_menu ul li a.active:after{position: absolute; left: 20px; right: 20px; bottom:0px; transition-duration: 0.3s; height: 2px; background:var(--mc); content: ''; }


.detail_menu_wrapper.detail {min-height: 72px;background: var(--mc);}
.detail_menu_wrapper.detail .detail_menu{  position: relative; z-index: 199; background: var(--mc); box-shadow: 0px 5px 20px rgba(0,0,0,0.05);  -webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); }
.detail_menu_wrapper.detail .detail_menu.fixed { position: fixed; top: 88px; left: 0; right: 0; animation: slideDown 0.3s ease;}
.detail_menu_wrapper.detail .detail_menu .pagewidth{}
.detail_menu_wrapper.detail .detail_menu ul{display: flex; justify-content: center;}
.detail_menu_wrapper.detail .detail_menu ul li{ width: auto; }
.detail_menu_wrapper.detail .detail_menu ul li a{ display:block;height:72px; margin-left: 32px; margin-right: 32px; line-height:72px;color:rgba(255,255,255,0.6);  text-align: center; transition-duration: 0.3s;}
.detail_menu_wrapper.detail .detail_menu ul li a.active{ color:#fff; position: relative; font-weight: 500;}
.detail_menu_wrapper.detail .detail_menu ul li a.active:after{position: absolute; left: 0px; right: 0px; bottom:0px; transition-duration: 0.3s; height: 2px; background:#fff; content: ''; }
.detail_menu_wrapper.detail .detail_menu ul li a:hover{ color:#fff; font-weight: 500;}
.detail_menu_wrapper.detail .detail_menu ul li a.active:hover{ color:#fff; font-weight: 500;}
.detail_menu_wrapper.detail .detail_menu ul li a.active{}






.list_solution .title{ font-size: 36px; color:#111; margin-bottom: 36px; line-height: 1;}
.list_solution .article-list{ display: grid; grid-template-columns: repeat(4,1fr);  grid-gap: var(--gg); }
.list_solution .article-list .item{border:var(--border) solid 1px; border-radius: 12px; overflow: hidden;}
.list_solution .article-list .item .img{ aspect-ratio: 3/2; overflow: hidden}
.list_solution .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_solution .article-list .item:hover .img img{ transform: scale(1.1); }
.list_solution .article-list .item .info{ padding: 24px;}
.list_solution .article-list .item .info h3{ margin-bottom: 10px;}
.list_solution .article-list .item .info h3 a{ color: var(--mc); font-size: 24px; font-weight: normal }
.list_solution .article-list .item .info .desc{ margin-bottom: 20px;}
.list_solution .article-list .item .info .desc ul li{ font-size: 15px; color: #798493; position: relative; padding-left: 12px; }
.list_solution .article-list .item .info .desc ul li:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 3px; background:#798493 }
.list_solution .article-list .item .info .more a{color: #333;border: var(--border) solid 1px; transition-duration: 0.3s; border-radius: 20px; display: inline-flex; justify-content: space-between; align-items: center; grid-gap: 5px; padding: 6px 18px; padding-right: 6px; background:#fff; font-size: 14px; position: relative; }
.list_solution .article-list .item .info .more a i{transform: translateX(-30px);visibility: hidden; color: #fff; opacity: 0; transition-duration: 0.3s; }
.list_solution .article-list .item:hover .info .more a i{transform: translateX(0px); opacity:1; visibility: visible}
.list_solution .article-list .item:hover .info .more a{ border:var(--mc) solid 1px; color: #fff; padding-right: 16px; background: var(--mc);}




.show_solution{ padding-top: 40px;}
.show_solution .bigimg{border-radius: 12px; aspect-ratio: 2/1; overflow: hidden; position: relative; margin-bottom:64px;}
.show_solution .bigimg img{ width: 100%; height: 100%; object-fit: cover; }
.show_solution .bigimg .play{ cursor: pointer; background:rgba(16,102,170,0.9); color:#fff; height: 60px; line-height: 1; display: flex; justify-content: center; align-items: center; width: 60px;border-radius: 60px; font-size: 24px; position: absolute; z-index: 4; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.show_solution .title{ margin-bottom: 36px;}
.show_solution .title p{ font-size: 14px; color: var(--mc); line-height: 1; margin-bottom: 16px; }
.show_solution .title h1{ font-size: 48px; font-weight: normal; color: var(--mc); line-height: 1; }
.show_solution .detail { color: #333;border-bottom: var(--border) solid 1px; padding-bottom: 60px; margin-bottom: 60px; }
.show_solution .detail h3{ font-size: 24px; font-weight: normal; color: var(--mc); font-weight: 500;}
.show_solution .subtitle{ font-size: 32px; color: var(--mc); line-height: 1; margin-bottom: 16px; }
.show_solution .photo .swiper{ padding-bottom: 50px;}
.show_solution .photo .swiper .swiper-slide{ width: auto;}
.show_solution .photo .swiper .swiper-slide img{ border-radius: 12px; height: 400px;}
.show_solution .photo .swiper .swiper-pagination-bullet{background:#e1e6ed; opacity: 1;}
.show_solution .photo .swiper .swiper-pagination-bullet-active{ background: var(--mc)}





.list-news .pagewidth{ display: grid; grid-template-columns: auto 320px; grid-gap: 60px;}
.list-news .pagewidth .side .box,.show-news-content .pagewidth .side .box{position: sticky; top: 140px; background: var(--bg); border-radius: 12px; padding-bottom: 25px;}
.list-news .pagewidth .side .title,.show-news-content .pagewidth .side .title{ padding: 40px 30px; padding-bottom: 16px; }
.list-news .pagewidth .side .title p,.show-news-content-news .pagewidth .side .title p{ font-size: 24px; color: #111;font-family: 'Barlow'; font-weight: bold; line-height: 1; margin-bottom: 12px;}
.list-news .pagewidth .side .title h4,.show-news-content .pagewidth .side .title h4{ font-size: 18px; color: var(--mc); line-height: 1;}
.list-news .pagewidth .side ul,.show-news-content .pagewidth .side ul{padding: 0px 15px; }
.list-news .pagewidth .side ul li,.show-news-contentnews .pagewidth .side ul li{ margin-bottom: 6px;}
.list-news .pagewidth .side ul li a,.show-news-content .pagewidth .side ul li a{ display: flex; padding:8px 15px; border-radius: 6px; justify-content: space-between; align-items: center; color: #333; transition-duration: 0.3s;  background: rgba(255,255,255,0)   }
.list-news .pagewidth .side ul li a.active,.show-news-content .pagewidth .side ul li a.active{ color: var(--mc); background: rgba(255,255,255,1)}
.list-news .pagewidth .side ul li a:hover,.show-news-content-news .pagewidth .side ul li a:hover{ color:#111; background: rgba(255,255,255,0.5)}
.list-news .pagewidth .side ul li a i,.show-news-content .pagewidth .side ul li a i{opacity: 0}
.list-news .pagewidth .side ul li a.active i,.show-news-content .pagewidth .side ul li a.active i{opacity:1}


.list-news .content .item{margin-bottom: 24px; padding: 28px;display:grid; align-items: center; grid-template-columns:320px auto;grid-gap: var(--gg); border-radius: 12px; background:#fff; border: #ececec solid 1px; box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.list-news .content .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05); background: #fff;}
.list-news .content .item .img{ aspect-ratio: 3/2; border-radius: 6px; overflow: hidden;}
.list-news .content .item .img img{ width:100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.list-news .content .item .date {font-family: 'Barlow'; color: var(--mc); margin-bottom: 12px; font-weight: 500;}
.list-news .content .item .info h2 a{color:#111;line-height:1; font-size:24px; font-weight:500;transition-duration: 0.3s;  }
.list-news .content .item .info h2{ line-height:1.2; margin-bottom:16px; }
.list-news .content .item .info .description{ font-size:15px; color:#666;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; margin-bottom: 12px; }
.list-news .content .item:hover h2 a{ color:var(--mc); }
.list-news .content .item:hover .img img{ transform: scale(1.1); }
.list-news .content .item .more a i{ color: var(--mc); }
.list-news .content .item .more a{ color:#666}


.list-news.noimg .pagewidth{ display: grid; grid-template-columns: auto 320px; grid-gap: 60px;}
.list-news.noimg .content .item{margin-bottom: 24px; padding: 28px; display: block;  border-radius: 12px; background:#fff; border: #ececec solid 1px; box-shadow: 0 10px 20px rgba(0,0,0,0.0); transition-duration: 0.3s;}



.show-news-title{ background: var(--bg); padding-top: 120px; padding-bottom: 50px; }
.show-news-title .title{ padding-top: 100px; padding-right: 320px;}
.show-news-title .title h1{ font-size: 48px; line-height: 1.2; font-weight: normal; margin-bottom: 24px;}
.show-news-title .info{ font-size: 14px; color: #666; line-height: 1; display: flex; grid-gap: 32px; justify-content: left }
.show-news-content .pagewidth{ display: grid; grid-template-columns: auto 320px; grid-gap: 60px;}
.show-news-content .content .html{ margin-bottom: 40px;}
.show-news-content .content .html img{ max-width: 100%;}
.show-news-content .other {color: #333; border-top: #dddddd solid 1px; padding-top: 40px; line-height: 2;}
.show-news-content .other a{ color:#333; }
.show-news-content .other a:hover{ color: var(--mc)}





.searchcontent .back{ font-size: 18px; color: var(--mc); padding-bottom:60px; }

.list-team .tabs-wrapper{ background: var(--bg); padding: 32px; display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; border-radius: 12px; margin-bottom: 64px;}
.list-team .tabs-wrapper .layui-btn{background: var(--mc)}
.list-team .tabs-wrapper .tabs-group h4{ font-size: 14px; color: #333333; font-weight: normal; margin-bottom: 8px;}
.list-team .article-list{display: grid; grid-template-columns: repeat(2,1fr); grid-gap: calc(var(--gg) + 10px) var(--gg)}
.list-team .article-list .item{ cursor:pointer; transition-duration: 0.3s; display: grid; grid-template-columns: 2fr 3fr;border: #ececec solid 1px; box-shadow: 0 10px 20px rgba(0,0,0,0.0);border-radius: 12px; }
.list-team .article-list .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05); background: #fff;}
.list-team .article-list .item .img{ background: var(--bg); position: relative; height: 260px; border-radius: 11px 0px 0px 11px;}
.list-team .article-list .item .img img{ position: absolute; left: 50%;transform: translateX(-50%); bottom: 0;}
.list-team .article-list .item .info{ padding: 32px;}
.list-team .article-list .item .info .row{ position: relative; display: flex; justify-content: space-between; align-items: center;  margin-bottom: 15px;padding-bottom: 20px; }
.list-team .article-list .item .info .row h3 { font-size: 24px; font-weight: 500; position: relative; line-height: 1; }
.list-team .article-list .item .info .row:after{content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 20px; background: var(--mc); }
.list-team .article-list .item .info .row .address { font-size: 14px; color: #666; line-height: 1; }
.list-team .article-list .item .info .desc{color: #333;}
.list-team .article-list .item .info .desc p{display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
.list-team .article-list .item .info .desc p:nth-of-type(n + 5) {display: none;}


.show-team-title{ background: var(--bg); padding-top: 120px; }
.show-team-title .title{ padding-top: 60px;margin-bottom: 24px; display: flex; justify-content: left; align-items: baseline; grid-gap:var(--gg);}
.show-team-title .title h1{ font-size: 60px; line-height: 1; color: var(--mc); font-weight: normal; margin-bottom: 24px;}
.show-team-title .title .address{ font-size: 15px; color: #555; }
.show-team-title .html{ font-size: 15px; color: #555; }
.show-team-title .pagewidth{ position: relative;height: 650px; }
.show-team-title .pagewidth .bigphoto{ position: absolute; bottom: 0px; right: 100px;}

.show-team-content .pagewidth{ display: grid; grid-template-columns: auto 220px; grid-gap: 60px;}
.show-team-content .subtitle{ border-top: #dddddd solid 1px; padding-top: 24px; padding-bottom: 24px; font-size: 32px; font-weight: 500; color: var(--mc); position: relative }
.show-team-content .subtitle::after{content:""; position: absolute; left: 0px; top: -1px; width: 120px;background: var(--mc); height: 1px;}
.show-team-content .content .html{ margin-bottom: 72px; color: #333;}
.show-team-content .other {color: #333; border-top: #dddddd solid 1px; padding-top: 40px; line-height: 2;}
.show-team-content .other a{ color:#333; }
.show-team-content .other a:hover{ color: var(--mc)}
.show-team-content .pagewidth .side .box{position: sticky; top: 140px;}
.show-team-content .pagewidth .side .box ul li a{ transition-duration: 0.3s; border-radius: 4px; height: 44px; line-height: 44px; margin-bottom: 8px; text-align: center; display: block; background: var(--bg); color:#333; }
.show-team-content .pagewidth .side .box ul li.active a{ background: var(--mc); color: #fff; }


.list-case .pagewidth{ display: grid; grid-template-columns: auto 320px; grid-gap: 60px;}
.list-case .pagewidth .article-list .item{ padding: 32px;transition-duration: 0.3s; border: #ececec solid 1px; box-shadow: 0 10px 20px rgba(0,0,0,0.0);border-radius: 12px;  margin-bottom: 32px; }
.list-case .pagewidth .article-list .item:hover{box-shadow: 0 10px 20px rgba(0,0,0,0.05); background: #fff;}
.list-case .pagewidth .article-list .item .info{margin-bottom: 24px;}
.list-case .pagewidth .article-list .item .info h3 a{color:#111;line-height:1; font-size:24px; font-weight:500;transition-duration: 0.3s;  }
.list-case .pagewidth .article-list .item .info h3{ margin-bottom:16px; }
.list-case .pagewidth .article-list .item .info .description{ font-size:15px; color:#666;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis; margin-bottom: 12px; }
.list-case .pagewidth .article-list .item:hover h3 a{ color:var(--mc); }
.list-case .pagewidth .article-list .item .more a i{ color: var(--mc); }
.list-case .pagewidth .article-list .item .more a{ color:#666}
.list-case .pagewidth .article-list .item .row{ display: flex; padding-top: 24px;  justify-content: space-between; align-items: center; border-top: 1px solid #ececec; }
.list-case .pagewidth .article-list .item .row .lawyer ul{ display: flex; justify-content: left; align-items: center; grid-gap: var(--gg); }
.list-case .pagewidth .article-list .item .row .lawyer ul li{ display: flex; justify-content: space-between; align-items: center; grid-gap:12px; }
.list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerphoto{ overflow: hidden; width: 50px; height: 50px; border-radius: 50px; border:#ececec 1px solid; }
.list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerphoto img{ height: 100%; width: 100%; transform: translateY(5px); object-fit: cover;}
.list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerinfo h5{ line-height: 1; font-size: 17px; font-weight: 500; color: #333; margin-bottom: 6px; }
.list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerinfo h5 a{ color: #333; line-height: 1;}
.list-case .pagewidth .article-list .item .row .lawyer ul li:hover .lawyerinfo h5 a{ color: var(--mc); }
.list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerinfo p{ line-height: 1; font-size: 14px; color: #666; }


.list-case .pagewidth .side .box{position: sticky; top: 140px; background: var(--bg); border-radius: 12px; padding-bottom:25px;}
.list-case .pagewidth .side .title{ padding: 40px 30px; padding-bottom: 16px; }
.list-case .pagewidth .side .title p{ font-size: 24px; color: #111;font-family: 'Barlow'; font-weight: bold; line-height: 1; margin-bottom: 12px;}
.list-case .pagewidth .side .title h4{ font-size: 18px; color: var(--mc); line-height: 1;}
.list-case .pagewidth .side ul{padding: 0px 15px; }
.list-case .pagewidth .side ul li{ margin-bottom: 6px;}
.list-case .pagewidth .side ul li a{ display: flex; padding:8px 15px; border-radius: 6px; justify-content: space-between; align-items: center; color: #333; transition-duration: 0.3s;  background: rgba(255,255,255,0)   }
.list-case .pagewidth .side ul li.active a{ color: var(--mc); background: rgba(255,255,255,1)}
.list-case .pagewidth .side ul li a:hover{ color:#111; background: rgba(255,255,255,0.5)}
.list-case .pagewidth .side ul li a i{opacity: 0}
.list-case .pagewidth .side ul li.active a i{opacity:1}





.show-case-title{ background: var(--bg); padding-top: 120px; padding-bottom: 50px; }
.show-case-title .title{ padding-top: 100px; padding-right: 320px;}
.show-case-title .title h1{ font-size: 48px; line-height: 1.2; font-weight: normal; margin-bottom: 24px;}
.show-case-title .info{ font-size: 14px; color: #666; line-height: 1; display: flex; grid-gap: 32px; justify-content: left }
.show-case-content .pagewidth{ display: grid; grid-template-columns: auto 320px; grid-gap: 60px;}
.show-case-content .subtitle{ border-top: #dddddd solid 1px; padding-top: 24px; padding-bottom: 24px; font-size: 32px; font-weight: 500; color: var(--mc); position: relative }
.show-case-content .subtitle::after{content:""; position: absolute; left: 0px; top: -1px; width: 120px;background: var(--mc); height: 1px;}
.show-case-content .content .html{ margin-bottom: 72px; color: #333;}
.show-case-content .content .html p strong{ font-size: 18px;}

.show-case-content .pagewidth .side .box{position: sticky; top: 140px; background: var(--bg); border-radius: 12px; padding-bottom: 25px;}
.show-case-content .pagewidth .side .title{ padding: 40px 30px; padding-bottom: 24px; }
.show-case-content .pagewidth .side .title p{ font-size: 24px; color: #111;font-family: 'Barlow'; font-weight: bold; line-height: 1; margin-bottom: 12px;}
.show-case-content .pagewidth .side .title h4{ font-size: 18px; color: var(--mc); line-height: 1;}
.show-case-content .pagewidth .side .list{ padding: 30px;}
.show-case-content .pagewidth .side .list .item{ border-bottom: #e1dcda solid 1px;margin-bottom: 64px; padding-bottom: 32px; }
.show-case-content .pagewidth .side .list .item:last-child{ border-bottom:none;margin-bottom: 0; padding-bottom: 0; }
.show-case-content .pagewidth .side .list .item .lawyerphoto{ position: relative; background: #fff; border-radius: 6px; aspect-ratio: 32/28;}
.show-case-content .pagewidth .side .list .item .lawyerphoto img{ position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 100%; object-fit: cover;}
.show-case-content .pagewidth .side .list .item .lawyerinfo{ text-align: center; padding-top: 20px; }
.show-case-content .pagewidth .side .list .item .lawyerinfo h5{line-height: 1; margin-bottom: 6px;}
.show-case-content .pagewidth .side .list .item .lawyerinfo h5 a{ font-size: 24px; color:#333; font-weight:normal;line-height: 1;}
.show-case-content .pagewidth .side .list .item .lawyerinfo h5 a:hover{ color: var(--mc);}
.show-case-content .pagewidth .side .list .item .lawyerinfo p{ font-size: 16px; color: #999; line-height: 1; margin-bottom: 20px;}
.show-case-content .pagewidth .side .list .item .lawyerinfo .chat a{ padding: 8px 15px; display: inline-flex; background: var(--mc); border-radius: 24px; justify-content: center; align-items: center; grid-gap: 6px; line-height: 1;}
.show-case-content .pagewidth .side .list .item .lawyerinfo .chat a span{ font-size: 14px; color: #fff;}
.show-case-content .pagewidth .side .list .item .lawyerinfo .chat a i{ font-size: 18px; color: #fff;}


.list-product .article-list{ display: grid; grid-template-columns: repeat(2,1fr);  grid-gap: var(--gg); }
.list-product .article-list .item{ box-shadow: 0px 8px 15px rgba(255,106,0,0);transition-duration: 0.3s; border:var(--border) solid 1px; padding: 48px; border-radius: 12px; overflow: hidden; display: grid; grid-template-columns: 120px auto;}
.list-product .article-list .item .icon{ width: 80px; height: 80px; position: relative }
.list-product .article-list .item .icon img{transition-duration: 0.3s; width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s; position: absolute;}
.list-product .article-list .item .icon img.icon1{ opacity: 1;}
.list-product .article-list .item .icon img.icon2{ opacity: 0;}
.list-product .article-list .item .info h3{ margin-bottom:5px; font-size:28px; font-weight: normal}
.list-product .article-list .item .info h3{ color: #333; }
.list-product .article-list .item:hover .info h3{ color: var(--mc); }
.list-product .article-list .item .info p{ font-size: 15px; color: #666666; line-height: 1.6;}
.list-product .article-list .item:hover .icon img.icon1{ opacity: 0;}
.list-product .article-list .item:hover .icon img.icon2{ opacity: 1;}
.list-product .article-list .item:hover{ border:var(--mc) solid 1px;box-shadow: 0px 8px 15px rgba(255,106,0,0.2); }


.show_product{ padding-top: 40px;}
.show_product .bigimg{border-radius: 12px; aspect-ratio: 2/1; overflow: hidden; position: relative; margin-bottom:64px;}
.show_product .bigimg img{ width: 100%; height: 100%; object-fit: cover; }
.show_product .bigimg .play{ cursor: pointer; background:rgba(16,102,170,0.9); color:#fff; height: 60px; line-height: 1; display: flex; justify-content: center; align-items: center; width: 60px;border-radius: 60px; font-size: 24px; position: absolute; z-index: 4; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.show_product .title{ margin-bottom: 36px;}
.show_product .title p{ font-size: 14px; color: var(--mc); line-height: 1; margin-bottom: 16px; }
.show_product .title h1{ font-size: 48px; font-weight: normal; color: var(--mc); line-height: 1; }
.show_product .detail { color: #333;border-bottom: var(--border) solid 1px; padding-bottom: 60px; margin-bottom: 60px; }
.show_product .detail h3{ font-size: 24px; font-weight: normal; color: var(--mc); font-weight: 500;}
.show_product .subtitle{ font-size: 32px; color: var(--mc); line-height: 1; margin-bottom: 32px; }
.show_product .html .row{ display:grid; grid-template-columns: repeat(2,1fr); grid-gap: 48px; align-items: center }
.show_product .html img{max-width:100%; border-radius: 12px;}
.show_product .layui-table thead{border-radius: 12px!important;}
.show_product .layui-table thead tr th{ background: var(--mc)!important; color: #ffffff }
.layui-table-click, .layui-table-hover, .layui-table[lay-even] tbody tr:nth-child(even){background: var(--bg)!important;}
.show_product .photo .swiper{ padding-bottom: 50px;}
.show_product .photo .swiper .swiper-slide{ width: auto;}
.show_product .photo .swiper .swiper-slide img{ border-radius: 12px; height: 400px;}
.show_product .photo .swiper .swiper-pagination-bullet{background:#e1e6ed; opacity: 1;}
.show_product .photo .swiper .swiper-pagination-bullet-active{ background: var(--mc)}
.show_product .nav{ background:var(--bg); border-radius:6px; padding: 10px 20px; display: flex; justify-content: left; align-items: center; grid-gap: 30px; margin-bottom: 50px;}



.crumbs{  padding-top: 30px; padding-bottom: 30px; }
.crumbs { display: flex;font-size: 14px; line-height: 1; grid-gap: 4px; justify-content:left;align-items: center; color:#999; }
.crumbs span a{ color: #999; }
.crumbs i:last-child{ display: none; }
.crumbs span:last-child a{ color: #999; }
.crumbs a:hover{ color:var(--mc); }


.detail_banner .crumbs{ position: absolute; top: 130px; left: 0px; z-index: 2; color:#fff; opacity: 0.8}
.detail_banner .crumbs {  color:#666; }
.detail_banner .crumbs span a{ color: #666; }
.detail_banner .crumbs span:last-child a{ color: #666; }







.list-contact .pagewidth{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:100px; align-items: center; }
.list-contact .content{}
.list-contact .content h4{  color: #111;font-size: 32px; font-weight: 500; line-height: 1; margin-bottom: 20px; }
.list-contact .content .tel{ color: var(--mc); display: flex; justify-content: left; grid-gap: 3px; font-size: 20px; border-bottom: #dddddd solid 1px; padding-bottom: 30px; margin-bottom: 30px; font-weight: 500; line-height: 1; }
.list-contact .content .tel strong{ }
.list-contact .content .email{ margin-bottom: 20px; color: #333; display: flex; justify-content: left; grid-gap: 3px; line-height: 1; }
.list-contact .content .address{ color: #333; display: flex; justify-content: left; grid-gap: 3px; line-height: 1; }
.list-contact .img{ aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;}
.list-contact .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }



.list-contact .row-button{ display: flex; justify-content: space-between; align-items: center;}
.list-contact .row-button .layui-btn{background: var(--mc); color: #fff; height: 54px; border-radius: 30px; padding-left: 60px; padding-right: 60px; border: none; }
.list-contact .row-button .layui-btn-disabled{ background: var(--bg)!important;}
.layui-input:hover,.layui-textarea:hover{border-color:var(--mc)!important}
.layui-input:focus,.layui-textarea:focus{border-color:var(--mc)!important;box-shadow:0 0 0 3px rgba(185,185,185,.08)}



.list-contact .img{ aspect-ratio: 3/2; overflow: hidden; border-radius: 12px;}
.list-contact .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }

.list-message form{background: var(--bg); padding: 96px;border-radius: 12px;}
.list-message .row{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg) ; }
.list-message form .form-title h4{ color: var(--mc);  font-size:32px;font-weight: 500; line-height: 1; margin-bottom: 20px; }
.list-message form .form-title p{ color:#666;  font-size:16px; line-height: 1; margin-bottom: 20px; }
.list-message form .row-button{ text-align: center}
.list-message .layui-form-label{ float: none; padding-left: 0; width: auto; font-size: 14px; text-align: left; font-weight: normal; color: #999;}
.list-message .layui-input-block{ margin-left: 0;}
.list-message .row-button .layui-btn{background: var(--mc); color: #fff; font-weight: 500; height: 54px; border-radius: 6px; padding-left: 90px; padding-right: 90px; border: none; }
.list-message .row-button .layui-btn-disabled{ background: #fff!important;}
.list-message .layui-form-item-checkbox{ display: flex; justify-content: center;  align-items: center; grid-gap: 2px; padding-top: 10px; padding-bottom:20px; }
.list-message .layui-form-item-checkbox .layui-form-checkbox{ margin-top: 3px!important;}
.list-message .layui-form-item-checkbox span{ color:#666;  line-height: 1;}






.detailmenu.border{ }
.detailmenu {position: relative; padding-top: 80px; padding-bottom: 50px;}
.detailmenu .pagewidth {max-width:var(--width);margin: 0 auto; overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;-ms-overflow-style: none;position: relative;}
.detailmenu .pagewidth::-webkit-scrollbar {display: none;}
.detailmenu ul {display: flex;flex-wrap: nowrap;align-items: center;list-style: none;min-width: max-content;padding: 0;}
.detailmenu li {flex-shrink: 0;}
.detailmenu a {display: block;font-size: 40px; padding-left: 30px; padding-right: 30px; white-space: nowrap; text-decoration: none;color: #666;position: relative;transition: color 0.3s ease;}
.detailmenu a:hover {color: #333;}
.detailmenu a:hover img { opacity: 0.8;}
.detailmenu a.active {color:var(--mc);font-weight: 600;}
.detailmenu a.active img { opacity: 1;}

/* 箭头样式 */
.detailmenu .nav-arrow {position: absolute;top: 50%;font-size: 24px; transform: translateY(-50%);width: 46px;height: 46px;display: flex;align-items: center;justify-content: center;background: var(--mc); border:var(--mc) solid 2px; border-radius: 50%;cursor: pointer;z-index: 2;color: #fff; transition-duration: 0.3s; user-select: none;}
.detailmenu .nav-arrow.disabled {pointer-events: none; border: #ececec solid 2px; background: #fff; color: #ddd}
.detailmenu .nav-prev { left: calc(50% - var(--width) / 2 - 50px); top:calc( 50% + 15px); transform: translate(-50%,-50%); }
.detailmenu .nav-next { right: calc(50% - var(--width) / 2 - 100px); top:calc( 50% + 15px); transform: translate(-50%,-50%); }
.detailmenu .nav-prev.disabled, .detailmenu .nav-next.disabled {opacity: 0.7;pointer-events: none;cursor: not-allowed;}

.layer-box{ width: 1120px; display: grid; grid-template-columns: 500px auto; grid-gap: var(--gg); padding: 40px; }
.layer-box .img{ border: #ececec solid 1px;}
.layer-box .img img{ width:100%; }
.layer-box .img .swiper-pagination-bullet-active{ background: var(--mc)}
.layer-box .info{ padding-top: 30px;}
.layer-box .info h2{ font-size: 32px; color: var(--mc); font-weight: bold; line-height: 1; padding-bottom: 20px; position: relative; }


.layui-table td, .layui-table th{ font-size: 16px!important; padding: 12px 16px!important;}
.layui-table thead tr th{ background:#f8f9fd; color: #111;}






@media screen and (max-width: 1920px) {

}

@media screen and (max-width: 1600px) {

}
@media screen and (max-width: 1440px) {
    .index-about .number .item h3 strong{ font-size: 52px;}
    .channel-about-a .number .item h3 strong{ font-size: 52px;}
    .list-team .article-list .item{ grid-template-columns: repeat(2, 1fr); }
    .list-team .article-list .item .info .desc p{display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
    .index-service{ padding-top: 120px!important; }
    .detail_banner .pagewidth{ height: 660px;}
    .show-case-content .pagewidth{ display: grid; grid-template-columns: auto 280px; grid-gap: 60px;}

}
@media screen and (max-width: 1280px) {
    .padding{ padding-top: 80px; padding-bottom: 80px;}
    .index-service .content .item{ padding:60px 24px 20px 24px; }
    .index-service .content .item:hover{  padding:40px 24px 40px 24px;}
    .index-service .content .item .info h3{ font-size: 24px;}
    .index-team .content .item{ grid-template-columns: repeat(2, 1fr); }
    .index-team .content .item .info .desc p{display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
    .index-service{ padding-top: 120px!important; }
    .index-about .pagewidth{ grid-template-columns:2fr 3fr;}
    .index-about .info .content { padding-right: 50px;}
    .index-topnews .swiper-slide .item h2 a{ font-size: 16px;}
    .show-case-content .pagewidth{ display: grid; grid-template-columns: auto 240px; grid-gap: 60px;}

    .index-service .title p,
    .index-team .title p,
    .index-about .info .title p,
    .index-system .title p,
    .index-case .title p,
    .channel-about-c .title p,
    .index-news .title p{ font-size: 18px; margin-bottom: 10px;}

    .index-service .title h2,
    .index-team .title h2,
    .index-about .info .title h2,
    .index-system .title h2,
    .index-case .title h2,
    .channel-about-c .title h2,
    .index-news .title h2{ font-size: 32px;}
    .detail_banner .pagewidth{ height: 600px;}
    .channel-about-a .number .item h3 strong{ font-size: 48px;}
    .index-system .content .item{ height: 360px;}

    .index-system .content .item .icon{   top: 70px;}
    .index-system .content .item .info{   top: 150px; }
    .index-system .content .item.active .icon{  top: 70px; }
    .index-system .content .item.active .info{ top: 70px; left: 150px; }


    .list-news .pagewidth{ grid-template-columns: repeat(1, 1fr); grid-gap: 32px;}
    .list-news .content .item{ display: block;}
    .list-news .content .item .img{ margin-bottom: 16px;}
    .list-news .content .item .info h2 a{ font-size: 20px;}
    .list-news .content .item{ padding: 24px;}
    .list-news .content .item .info .description{ display: none}










}
@media screen and (max-width: 1024px) {

}





/*小尺寸手机*/
@media screen and (max-width: 720px) {
    .index-banner .banner-swiper .swiper-slide .info{ width: auto; transform: initial;  transform: translateY(-50%); left: 20px; right: 20px; }
    .index-banner .banner-swiper .swiper-slide .info h3{ font-size: 48px;}
    .index-banner .banner-swiper .swiper-slide .info p{ font-size: 18px; line-height: 1.5;}
    .index-topnews{ width: calc(100% - 60px);  display: block; height: 68px;}
    .index-topnews .title{ display: none}
    .index-topnews .swiper-slide .item{ display: block;}
    .index-topnews .swiper-button-next{ right: 0px;}
    .index-topnews .swiper-button-prev{ right: 20px;}
    .index-topnews .topnews-swiper{ height: 68px;}
    .index-topnews .swiper-slide .item h2{display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden}
    .index-service .content { grid-template-columns: repeat(1, 1fr); }
    .index-team .content{ grid-template-columns: repeat(1, 1fr); }
    .index-team .content .item{ grid-template-columns: repeat(1, 1fr); }
    .index-team .content .item .img{border-radius: 11px 11px 0px 0px;}
    .index-about .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .index-about .info .content{ padding-right: 0;}
    .index-about .number{ grid-template-columns: repeat(1, 1fr); }
    .index-about .number .item{ padding: 24px;}
    .index-about .info{ margin-bottom: 24px;}
    .index-about{ background: url("../images/indexaboutbg.jpg") no-repeat center bottom var(--bg); background-size: contain; }

    .index-system .content{ display: block;}
    .index-system .content .item{ height: auto; margin-bottom: 16px;}
    .index-system .content .item:last-child{ margin-bottom: 0;}
    .index-system .content .item .icon{ position: initial; text-align: center; padding: 24px; margin: 0 auto; translate: initial; padding-bottom: 12px;}
    .index-system .content .item.active .icon{  position: initial}
    .index-system .content .item .info{  position: initial; padding: 32px; padding-top: 0;}
    .index-system .content .item .info .html{ opacity: 1; visibility: initial}
    .index-system .content .item .info h3{ text-align: center;}
    .index-system .content .item.active .info h3{ text-align: center;}
    .index-case .content{ grid-template-columns: repeat(1, 1fr); }
    .index-case .content .item .info h3 a{ font-size: 20px;}
    .index-system .content .item .info h3{ font-size: 20px;}
    .index-about .info .title{ margin-bottom: 24px;}

    .index-news .content{ grid-template-columns: repeat(1, 1fr); }
    .index-news .content .left{ padding: 24px; }
    .index-news .content .top { grid-template-columns: repeat(1, 1fr); }
    .index-news .content .top .list{ padding: 24px; }
    .index-news .content .bottom{ padding: 24px; }
    .index-news .content .bottom .item{ display: block}
    .index-news .content .top .list h4 a{ font-size: 18px;}
    .index-news .content .bottom .item{ padding-top: 12px; padding-bottom: 12px; }
    .index-news .content .bottom .item h4{ line-height: 1.4; padding-top: 5px; padding-bottom: 5px;}
    .index-news .content .bottom .item h4 a{ font-size: 18px;}
    .detail_banner .text{ width: 100%; top: 55%;}
    .detail_banner .text h1{ font-size: 36px;}
    .detail_banner .pagewidth{ height: 360px;}

    .main-padding{ padding-top: 20px; padding-bottom: 80px;}
    .channel-about-a .row{ grid-template-columns: repeat(1, 1fr); }
    .channel-about-a .title p{ font-size: 18px;}
    .channel-about-a .title h2{ font-size: 24px;}
    .channel-about-a .title h1{ font-size: 36px;}
    .channel-about-a .title{ margin-bottom: 24px;}
    .channel-about-a .number{ grid-template-columns: repeat(1, 1fr); }
    .channel-about-a .number .item{ padding: 24px;}

    .channel-about-b .title p{ font-size: 18px; margin-bottom: 10px;}
    .channel-about-b .title h2{ font-size: 32px;}
    .channel-about-b .title h2{ margin-bottom: 0;}
    .channel-about-b .title{ margin-bottom: 24px;}
    .channel-about-b .content{grid-template-columns: repeat(1, 1fr);  }
    .channel-about-b .content .img img{ width: 110%;transform:initial; position: initial}
    .channel-about-b{ padding-bottom: 60px;}
    .channel-about-b .content .img{ padding-top: 24px; overflow: hidden;}


    .list-news .side{ order: 1;}
    .list-news .content{ order: 2;}
    .list-news .pagewidth .side ul, .show-news-content .pagewidth .side ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:0px  12px; }
    .list-news .pagewidth .side .title, .show-news-content .pagewidth .side .title{ display: none;}
    .list-news .pagewidth .side .box, .show-news-content .pagewidth .side .box{ padding: 12px;}
    .list-news .pagewidth .side ul, .show-news-content .pagewidth .side ul{ padding: 0;}


    .show-news-title{ padding-top: 80px; padding-bottom: 30px; }

    .show-news-title .title{ padding-top: 30px; padding-right: 0;}
    .show-news-title .title h1{ font-size: 24px;}
    .show-news-title .crumbs{ display: none}
    .show-news-title .info { display: block}
    .show-news-title .info span{ display: block; margin-bottom: 10px;}
    .show-news-content .pagewidth{ display: block}
    .show-news-content .content .html img{ width: 100%; height: auto;}

    .show-news-content .side{ display: none}

    .show-news-content .other{ line-height: 1.4;}
    .show-news-content .other p.left{ margin-bottom: 15px;}

    .list-product .article-list{  grid-template-columns: repeat(1, 1fr);  }
    .list-product .article-list .item{ padding: 24px;  display: block;}
    .list-product .article-list .item .icon{ width: 48px; height: 48px; margin-bottom: 6px;}
    .list-team .tabs-wrapper{ padding: 24px;grid-template-columns: repeat(1, 1fr); grid-gap: 16px;  }


    .list-team .article-list{ grid-template-columns: repeat(1, 1fr);  }
    .list-team .article-list .item{ grid-template-columns: repeat(1, 1fr);  }
    .list-team .article-list .item .img{border-radius: 11px 11px 0px 0px;}
    .list-team .article-list .item .info{ padding: 24px;}
    .list-team .tabs-wrapper .tabs-group:last-child h4{ display: none}


    .show-team-title .pagewidth .bigphoto{ ; position: initial}
    .show-team-title .pagewidth{ height: auto;display:grid}
    .show-team-title .pagewidth .bigphoto{ order: 1; width: 80%; display: block; margin: 0 auto;}
    .show-team-title .pagewidth .title{ order: 2; border-top:#ddd solid 1px;}
    .show-team-title .html{ order: 3; padding-bottom: 50px; font-size: 14px;}
    .show-team-title .title{ margin-bottom: 0;}
    .show-team-title .title h1{ font-size: 36px;}
    .show-team-content .pagewidth{ display: block;}
    .show-team-content .pagewidth .side{ display: none}
    .show-team-content .subtitle{ font-size: 24px;}
    .show-team-content .subtitle{ padding-bottom: 12px;}

    .show-team-title{ padding-top:80px;}
    .list-case .pagewidth{ grid-template-columns: repeat(1, 1fr); }
    .list-case .pagewidth .article-list .item{ padding: 24px;}
    .list-case .pagewidth .article-list .item .info h3 a{ font-size: 20px;}
    .list-case .pagewidth .article-list .item .info h3{ margin-bottom: 10px;}
    .list-case .pagewidth .article-list .item .row{ display: block; grid-template-columns: repeat(2, 1fr); grid-gap: 0px; }
    .list-case .pagewidth .article-list .item .row .more{ display: none}
    .list-case .pagewidth .article-list .item .info p{ color: #999; display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
    .list-case .pagewidth .article-list .item{ width: auto; padding: 24px;}
    .list-case .pagewidth .article-list .item .row .lawyer ul{ grid-gap:12px 6px ;  display: grid; grid-template-columns: repeat(2,1fr)}
    .list-case .pagewidth .article-list .item .row .lawyer ul li{display: flex; justify-content:left;}
    .list-case .pagewidth .article-list .item .row .lawyer ul li{ grid-gap: 6px;}
    .list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerphoto{ height: 44px; width: 44px;}
    .list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerinfo h5{ font-size: 14px;}
    .list-case .pagewidth .article-list .item .row .lawyer ul li .lawyerinfo p{ font-size: 12px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden;}
    .list-case .pagewidth .side .title{ display: none}
    .list-case .side{ order: 1;}
    .list-case .content{ order: 2;}
    .list-case .pagewidth .side ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap:0px 12px; }
    .list-case .pagewidth .side .title, .show-news-content .pagewidth .side .title{ display: none;}
    .list-case .pagewidth .side .box, .show-news-content .pagewidth .side .box{ padding: 12px;}
    .list-case .pagewidth .side ul, .show-news-content .pagewidth .side ul{ padding: 0;}
    .list-case .pagewidth{ grid-gap: 32px;}
    .list-contact .pagewidth{grid-template-columns: repeat(1, 1fr); grid-gap: 32px;}
    .list-contact .content h4{ font-size: 24px;}
    .list-contact .content .tel{ font-size: 18px;}
    .list-contact .content .address{ line-height: 1.6; font-size: 16px;}
    .list-contact .content .email{ line-height: 1.6; font-size: 16px;}
    .list-contact .content .email{ grid-gap: 6px;}
    .list-contact.main-padding{ padding-bottom: 20px;}
    .list-message form{ padding: 24px;}
    .list-message form .form-title h4{ font-size: 24px;}
    .list-message form .form-title p{ font-size: 14px;}
    .list-message .row{ grid-template-columns: repeat(1,1fr); grid-gap: 0px}
    .list-message .row-button .layui-btn{ padding-left: 0; padding-right: 0; width: 100%;}
    .list-message .layui-form-item-checkbox span{ text-align: left; line-height: 1.2; font-size: 12px;}
    .show-team-content .content .html p{ text-align: justify}
    .show-team-content .content{ padding-top: 20px;}


    .show-case-title{ padding-top: 80px; padding-bottom: 30px; }

    .show-case-title .title{ padding-top: 30px; padding-right: 0;}
    .show-case-title .title h1{ font-size: 24px;}
    .show-case-title .crumbs{ display: none}
    .show-case-title .info { display: block}
    .show-case-title .info span{ display: block; margin-bottom: 10px;}
    .show-case-content .pagewidth{ display: block}
    .show-case-content .content .html img{ width: 100%; height: auto;}

    .show-case-content .side{ }

    .show-case-content .other{ line-height: 1.4;}
    .show-case-content .other p.left{ margin-bottom: 15px;}
    .show-case-content .subtitle{ font-size: 24px;}
    .show-case-content .subtitle{ padding-bottom: 12px;}
    .show-case-content .content .html p{ text-align: justify}


}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}