@charset "utf-8";


/*----内容区----*/
.case{ padding: 60px 0 100px 0;}
.case .bt{ height: 45px; border-bottom: 1px solid #ddd;}
.case .bt h4{ height: 44px; width: 250px; border-bottom: 2px solid #850085; float: left; font-size: 30px; font-weight: bold; color: #850085; line-height: 30px;}
.case .bt span{ font-size: 16px; font-family: "arial"; color: #999; margin-left: 10px; font-weight: normal; text-transform: uppercase;}
.case .bt a{ width: 100px; height: 34px; background: #850085; text-align: center; line-height: 34px; border-radius: 17px; color: #fff; display: block; float: right;}
.case .bt a:hover{ background: #f39700;}
.case1 .da{ margin-top: 30px;}
.case1 .da dt{ width: 580px; height: 350px; float: left; overflow: hidden;}
.case1 .da dt img{ width: 580px; height: 350px;}
.case1 .da dt:hover img{transition:all 0.5s;   transform: scale(1.2) ; }
.case1 .da dd{ width: 570px; margin-left: 50px; float: left;}
.case1 .da .dd2{ font-size: 26px; font-weight: bold; margin-top: 40px;}
.case1 .da .dd3{ width: 570px; height: 78px; overflow: hidden; line-height: 26px; font-size: 15px; margin-top: 30px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}
.case1 .da .dd4 a{width: 160px; height: 50px; background: #850085; text-align: center; line-height: 50px; border-radius: 25px; color: #fff; display: block; margin-top: 35px;}

.case1 .sub2_2{ position:relative; height:331px; margin-top: 40px;}
.case1 .sub2_2 a.plus{ width:56px; height:56px; display:block; position:absolute; left:-96px; top:117px; background:  url(../images/dz/jtL1.png) no-repeat; cursor: pointer;}
.case1 .sub2_2 a.plus:hover{ background: url(../images/dz/jtL2.png) no-repeat;}
.case1 .sub2_2 a.minus{ width:56px; height:56px; display:block; position:absolute; right:-96px; top:117px; background:  url(../images/dz/jtR1.png) no-repeat; cursor: pointer;}
.case1 .sub2_2 a.minus:hover{ background: url(../images/dz/jtR2.png) no-repeat;}
.case1 .box{ position:absolute; left:0px; top:0px; width:1200px; height:331px; overflow:hidden;}
.case1 ul.list{ position:absolute; left:0px; top:0px; width:200000px; height:331px; overflow:hidden;}
.case1 ul li{ float:left; width:410px; height:331px;}
.case1 ul li p{ width: 380px; height: 60px; border-bottom: 1px solid #ddd; margin-top: 10px; line-height: 60px; overflow: hidden; background: url(../images/dz/lj.png) right no-repeat; font-size: 18px;}
.case1 ul li .img{ width: 380px; height: 260px; overflow: hidden;}
.case1 ul li .img img{ width: 380px; height: 260px;}
.case1 ul li:hover img{transition:all 0.5s;   transform: scale(1.2) ;}
.case1 ul li:hover p{ color: #850085; border-bottom: 1px solid #850085;}


.case2{ padding-top: 80px;}
.case2 .nr{ margin-top: 30px;}
.case2 .nr dl{ width: 1158px; height: 258px; border: 1px solid #ddd; margin-top: 20px; padding: 19px;}
.case2 .nr dl dt{ width: 380px; height: 260px; overflow: hidden; float: left;}
.case2 .nr dl dt img{ width: 380px; height: 260px;}
.case2 .nr dl dd{ width: 710px; float: left; margin-left: 40px;}
.case2 .nr dl .dd1{ font-size: 24px; font-weight: bold; margin-top: 20px;}
.case2 .nr dl .dd2{ width: 710px; height: 78px; font-size: 15px; line-height: 26px; overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box; margin-top: 20px;}
.case2 .nr dl .dd3 a{ width: 140px; height: 46px; background: #850085; display: block; line-height: 46px; text-align: center; font-size: 16px; color: #fff; border-radius: 23px; margin-top: 40px;}
.case2 .nr dl .dd3 a:hover{ background:#f39700;}
.case2 .nr dl:hover{ border: 1px solid #850085;}
.case2 .nr dl dt:hover img{transition:all 0.5s;   transform: scale(1.2) ;}