.header{background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.1)}
.casedetail{padding-top: 120px;background: #f6f6f6;}
.casedetail .casedetail-cont{width: 1250px;margin: 0 auto;padding:160px 0;}
.casedetail .casedetail-t{}
.casedetail .casedetail-t-l{width: 48%;float: left}
.casedetail .casedetail-t-l h1{font-size: 26px;color: #181818;padding-bottom: 20px;}
.casedetail .casedetail-t-l div{font-size: 16px;color: #363636}
.casedetail .casedetail-t-l div i{font-size: 16px;color: #363636;font-weight: bold;font-family: 'myfont'}
.casedetail .casedetail-t-l p{font-size: 14px;color: #555555;line-height: 24px;margin-top: 55px;text-align: justify}
.casedetail .casedetail-t-r{float: right;max-width: 48%;}
.casedetail .casedetail-t-r h1{font-size: 30px;color: #181818;font-family: 'myfont'}
.casedetail .casedetail-t-r p{font-size: 14px;color: #555555;padding-top: 30px;}
.casedetail .casedetail-t-r div{padding-top: 60px;}
.casedetail .casedetail-t-r div i{font-size: 16px;color: #555555;font-family: 'myfont';display: inline-block;vertical-align: middle;padding-left: 15px;}
.casedetail .casedetail-b{margin-top: 170px;}
.casedetail .casedetail-pcont{width: 100%;background: #eeeeee;border-radius: 25px;padding:40px;box-sizing: border-box;position: relative}
.casedetail .casedetail-pc-dian{width: 20px;height: 20px;border-radius: 50%;position: absolute;left: 50%;top:10px;padding:5px;box-sizing: border-box;background: #dddddd;transform: translateX(-50%);}
.casedetail .casedetail-pc-dian i{display: block;width: 100%;height: 100%;border-radius: 50%;background: #666666;}
.casedetail .casedetail-imgcont{overflow: hidden;position: relative}
.casedetail .mCustomScrollBox{border-radius: 8px 8px 0 0;}
.casedetail .casedetail-pc-dizuo{}
.casedetail .casedetail-pc-dizuo img{display: block;margin: 0 auto}
.casedetail .mCSB_outside + .mCSB_scrollTools{right:0}
.casedetail .casehref{padding:35px 40px;box-sizing: border-box;background: #fff;margin-top: 30px;}
.casedetail .casehref-cont{position: relative}
.casedetail .casehref-cont:before{content: "";display: block;width: 1px;height: 100%;background: #eeeeee;position: absolute;top:0;left: 50%;}
.casedetail .casehref-cont div{display: table;height: 70px;box-sizing: border-box}
.casedetail .casehref-cont div h1{font-size: 22px;color: #181818;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.casedetail .casehref-cont div p{font-size: 14px;color: #555555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.casedetail .casehref-cont a{display: table-cell;vertical-align: middle;}
.casedetail .casehref-l{float: left;width: 48%;background: url("../images/casele.png") no-repeat center left;padding-left: 60px;}
.casedetail .casehref-r{float: right;width: 48%;background: url("../images/caseri.png") no-repeat center right;text-align: right;padding-right: 60px;}
.bottom{margin-top: -14px;}
@media screen and (max-width:1400px){
    .casedetail .casedetail-cont{padding:120px 0;}
    .casedetail .casedetail-b{margin-top: 130px;}
}
@media screen and (max-width:1270px){
    .casedetail .casedetail-cont{width: 900px;}
    .casedetail .casedetail-t-l p{margin-top: 35px;}
    .casedetail .casedetail-pcont{padding:0;background: none;}
    .casedetail .casedetail-pc-dian{display: none}
    .casedetail .casedetail-imgcont{height: auto;}
    .casedetail .mCustomScrollBox{border-radius: 0}
    .casedetail .casehref{margin-top: 90px;}
    .casedetail .casedetail-pc-dizuo{display: none}
}
@media screen and (max-width:1023px){
    .casedetail .casedetail-cont{width: 100%;padding:60px;box-sizing: border-box}
    .casedetail .casedetail-t-l{width: 100%;float: none;}
    .casedetail .casedetail-t-r{float: none;max-width: 100%;text-align: left;padding-top: 40px;}
    .casedetail .casedetail-b{margin-top: 90px;}
    .casedetail .casehref{padding:25px 30px;}
    .casedetail .casehref-l{padding-left: 30px;}
    .casedetail .casehref-r{padding-right: 30px;}
    .casedetail .casehref-cont div h1{font-size: 18px;}
    .casedetail .casehref-cont div p{font-size: 12px;}
}
@media screen and (max-width:767px){
    .casedetail{padding-top: 60px;}
    .casedetail .casedetail-cont{padding: 20px;}
    .casedetail .casedetail-t-l h1{font-size: 22px;}
    .casedetail .casehref{margin-top: 60px;}
    .casedetail .casehref-cont:before{top:50%;left: 0;height:1px;width:100%;}
    .casedetail .casehref-cont div{}
    .casedetail .casehref-l{width: 100%;float: none;margin-bottom: 20px;}
    .casedetail .casehref-r{width: 100%;float: none;text-align: left;padding-right: 0;padding-left: 30px;background-position: left center;}
}