
.fl{float: left;}
.text{ 
    background: url(../images/bg6.jpg) no-repeat center center;
    background-size: 95% 90%;
    padding: 130px 60px;}
.text p{ color: #fff; font-size: 16px;margin-bottom: 5px; line-height:30px;}

.list{margin-top: 28px;}
.list ul li{margin-bottom: 15px;}
.list ul li:hover p { padding-top:30px;padding-bottom: 40px;}
.list ul li p{margin:0px;height: 50px;line-height: 50px; background: #f2f2f2 url(../images/icon27.jpg) no-repeat 30px center;padding-left: 50px; font-size: 18px; color: #bb133e;}
.list ul li div{background: #bb133e;padding: 15px 0 15px 50px;display: none;}
.list ul li div dl{margin-bottom: 23px;}
.list ul li div dl dt{ float: left; width: 70px; color: #fff;}
.list ul li div dl dd{float: left; width: 412px; color: #fff;}

.scase_c2{ width: 100%;padding-top:70px;padding-bottom: 15px;background: url(../images/banner18.jpg) no-repeat; background-size: 100% 100%;}
.scasebox h4{color: #fff; text-align: center;font-size: 24px;margin-bottom: 14px;}
.scasebox p{ color: #fff; text-align: center;}
.scasebox .scasediv{ width: 100%; border: 1px solid #775e4b;margin-top: 38px;padding: 1px;}
.scasebox .scasediv span{ display: block; width: 184px; background:url(../images/icon28.jpg) repeat-y; font-size: 18px; color: #fff;text-align: center; vertical-align:middle;}
.scasebox .scasediv div{padding: 28px 0;}
.scasebox .scasediv div ul{padding-left: 66px;}
.scasebox .scasediv div ul li{ margin-bottom: 5px; color: #fff;}
.scasebox .scasediv div ul li i{ font-size: 24px;}


.scasebox .scasediv #bmtj { padding-left:20px; box-sizing:border-box;}



.box{ position: relative;width: 636px;height: 944px;margin: 30px auto;}
.scase_c3_title h4{ text-align: center;font-size: 30px; color: #333;margin-top: 124px;}
.box ul li{width:312px; height: 355px;    padding: 70px 0 190px 55px; background:url(../images/bg8.jpg) no-repeat; position:absolute;}
.box ul li:hover{ background: url(../images/bg7.jpg) no-repeat;}
.box ul li p{margin-bottom: 5px; color: #fff;}
.box ul li .fz18{font-size: 18px;}



.box ul li:nth-child(3) { margin-top: -199px;background:url(../images/bg9.jpg) no-repeat;padding-top:125px;width:264px;}
.box ul li:nth-child(5) {         right: -162px!important;}
.box ul li:nth-child(6) {     left: -4px!important;}
.box ul li:nth-child(7) {     right: -2px!important;}

@media (max-width: 1100px) {
    .text{float: none; margin: 0 auto;width: 492px;}
    .list{width: 90%; margin: 0 auto; float: none;}
    .list ul li div{width: 100%;}
    .mw1190{width: 100%;}
    .scasebox .scasediv span{width: 20%;}
    .scasebox .scasediv div{width: 80%;}
    .scasebox .scasediv div ul{ width: 80%; padding-left: 0;}
    .box ul li{position: inherit; margin-left: 0; padding-bottom: 0; float: left;}
    .scase_c3 .box ul li:nth-child(3){margin-left: 0 !important;margin-top: 0 !important; top: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;}
}



@media (max-width: 768px) {
    .list ul li p {}
.scasebox .scasediv div ul{ width: 100%; padding-left: 0;}
	
	
}
@media (max-width: 720px) {
    .scase_c2{height: auto;}
}
@media (max-width: 440px) {
    .list ul li div{    padding: 0 30px 10px 30px;}
    .box{width:auto;height: auto;}
   .text {
    float: none;
    margin: 0 auto 20px;
    width: 100%;
    background-size: 100% 96%;
    padding: 112px 25px;}

.list ul li:hover p {    height: auto;
    padding-left: 30px;
    padding-right: 30px;
	padding-top:10px;
	padding-bottom:0px;}

.text p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 24px;}
    .box ul li{ float: none; margin: 0 auto;}
	.list ul li div dl dd {
    width: 100%;
	margin-top:15px;}
}


@media (max-width: 375px) {
    
   .text {
   
    width: 100%;
    background-size: 100% 88%;
    padding: 112px 25px;}

.text p {
    font-size: 12px;
    line-height: 24px;}
  
}

