ul,li{ list-style:none} ul.cptx-li{ margin:0 auto; width:1440px; overflow:hidden} ul.cptx-li li{ float:left; padding-top:11px; width:342px; overflow:hidden;margin-right:15px;} ul.cptx-li li .v1{float:left;width:342px; position:relative; height:252px; color:#7F7F7F} ul.cptx-li li .v1 div {background:#fff;-moz-border-radius-top-right: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;} ul.cptx-li li .v1 div div img{ width:342px;height:194px;-moz-border-radius-top-right: 10px; -webkit-border-top-left-radius: 10px; } ul.cptx-li li .v1 div div h4{ font-size:16px;padding-left:21px; text-align:left;margin-left: 1px; width:100%; display:block; line-height:58px; height:58px; overflow:hidden} ul.cptx-li li .v1 .div{ width:342px;-webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px;position:absolute; z-index:10; background:#0263A2; FILTER:alpha(opacity=60); opacity:0.7; -moz-opacity:0.7; left:0px;bottom:0px; height:252px; float:left; text-align:left; padding:15px 12px 0 12px} ul.cptx-li li .v1 .div h3{ line-height:18px;font-size:16px; padding:33px 0 10px 10px; display:block;color:#fff; overflow:hidden;-webkit-border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; } ul.cptx-li li .v1 .div .txt{ line-height:14px; font-size:14px; height:257px; padding-top:10px;margin: 0 10px;display:block;color:#FFF; overflow:hidden} ul.cptx-li li .v1 .div h3 a{color:#fff;font-size:16px; } ul.cptx-li li .v1 .div .txt a{color:#fff;font-size:14px;line-height: 20px;} ul.cptx-li li:hover .v1{ color:#7F7F7F; text-decoration:none} #Solution{ width: 2900px; height: 100%; } #Solution .swiper-wrapper{transition-duration: 0ms; margin-left:-500px;transform: translate3d(-510px, 0px, 0px);} #Solution .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } #Solution .swiper-wrapper .swiper-slide .bkimg img {width:1020px!important;height:500px!important;} #Solution .swiper-wrapper .swiper-slide-active .bkimg img {width:1200px!important;;height:588px;} #Solution .swiper-wrapper .swiper-slide-active,.swiper-slide-jjfa-duplicate-active{transform: scale(1);} .solution-prev{margin-left:850px;top:760px;color:rgba(0,0,0,0)!important;width:60px!important;height:60px!important;background:url("/Templates/dcTemplates/images/swiper-left.png") center center no-repeat;background-size:54px 54px;} .solution-next{margin-left:66px;right:auto;top:760px;color:rgba(0,0,0,0)!important;width:60px!important;height:60px!important;background:url("/Templates/dcTemplates/images/swiper-right.png") center center no-repeat;background-size:54px 54px;} #Solution .swiper-wrapper .swiper-slide .introduce {color:#fff;margin-left:58px;} #Solution .swiper-wrapper .swiper-slide .introduce .title{width:44px;} #Solution .swiper-wrapper .swiper-slide .introduce div img {width:44px!important;height:44px!important;} #Solution .swiper-wrapper .swiper-slide .introduce h3 {font-size:34px;color:#fff;} #Solution .swiper-wrapper .swiper-slide .introduce h3 a {color:#fff;text-decoration: none;} #Solution .swiper-wrapper .swiper-slide .introduce hr {border: 0.5px solid #f9f9f9;width:146px;margin-top: 5px;} #Solution .swiper-wrapper .swiper-slide .introduce .guide {font-size:14px;color:#fff;line-height:16px;margin-bottom:48px;margin-top:3px;} #Solution .swiper-wrapper .swiper-slide-active .introduce {margin-left:64px;} #Solution .swiper-wrapper .swiper-slide-active .introduce .title{width:67px;} #Solution .swiper-wrapper .swiper-slide-active .introduce div img {width:67px!important;height:67px!important;} #Solution .swiper-wrapper .swiper-slide-active .introduce h3 {font-size:54px;color:#fff;} #Solution .swiper-wrapper .swiper-slide-active .introduce hr {border: 0.5px solid #f9f9f9;width:246px;margin-top: 5px;} #Solution .swiper-wrapper .swiper-slide-active .introduce .guide {font-size:22px;color:#fff;line-height:22px;margin-bottom:60px;margin-top:5px;} #caseList .display-block{display:block;}/*tab切换*/ #caseList .display-none{display:none;} #caseList .tabbox{position: relative;background-color: #fff;overflow: hidden;width:1200px;margin:0 auto;} #caseList .tabbox .tab-title{background-color: #f5f5f5;} #caseList .tabbox .tab-title a {float:right;line-height:36px;} #caseList .tabbox .tab-title ul li{display:inline-block;font-weight:bold;cursor: pointer;width:100px;height:36px;line-height:36px;margin-right:14px;text-align:center;} #caseList .tabbox .tab-title ul li div{display:inline-block;font-weight:bold;cursor: pointer;} #caseList .tabbox .tab-title ul li.select {background-color:#167DC0;color:#fff;} #caseList .tabbox .tab-title ul li.select div{} #caseList .tabbox .tab-content .tab-more{position: absolute;} #caseList .tabbox .tab-content ul li {display:inline-block;width:380px;height:362px;margin-right:25px;background-color:#fff;border-radius:4px 4px 4px 4px;padding:21px 27px 21px 27px;} #caseList .tabbox .tab-content ul .case-latest-li {margin-right:0;} #caseList .tabbox .tab-content ul li .contentdiv{height:33px;line-height:33px;} #caseList .tabbox .tab-content ul li .contentdiv .logo{float:left;width:30px;} #caseList .tabbox .tab-content ul li .contentdiv .case_title{float:left;width:210px;margin-left:10px;} #caseList .tabbox .tab-content ul li .contentdiv .more{float:right;width:70px;} #caseList .tabbox .tab-content ul .imgdiv {width:320px;height:260px; position:relative;z-index:1;margin:0 auto; background: #167DC0;} #caseList .tabbox .tab-content ul .imgdiv img{width:320px!important;height:260px!important; opacity:0.6; filter: alpha(opacity=60); transform: scale(1);transition: transform 0.5s ease 0s;} #caseList .tabbox .tab-content ul .imgdiv img:hover{transform: scale(1.05);} #caseList .tabbox .tab-content ul .imgdiv .img-txtbox{width:100%;position:absolute;z-index:2;top:25%; text-align:center;} #caseList .tabbox .tab-content ul .imgdiv .img-txtbox .img-txtbox-title{font-size:22px;color:#fff;margin-bottom: 15px;} #caseList .tabbox .tab-content ul .imgdiv .img-txtbox hr {width：34px!important;border: 0.5px solid #f9f9f9;} #caseList .tabbox .tab-content ul .imgdiv .img-txtbox .img-txtbox-introduction{font-size:16px;color:#fff;width: 90%;margin: 20px 5% 0 5%;} #img-news-box {width:1200px;margin:0 auto;} #img-news-box ul .img-news-li{display:inline-block;width:380px;height:325px;margin-right:25px;border: 1px solid #E1E1E1;} #img-news-box ul .img-news-latest-li{margin-right:0px;} #img-news-box ul .img-news-li .img-news-li-title{font-size:18px;font-weight:bold;height:32px;line-height:32px;} #img-news-box ul .img-news-li .img-news-li-introduction{font-size:16px;height:42px;line-height:21px;} #img-news-box ul .img-news-li .img-news-li-more{font-size:16px;font-weight:bold;height:21px;line-height:21px;}