

.guide{background-image:url(/images/yz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;box-sizing:border-box;padding-top:5.4rem}
.guide .bk-title em{font-size:1.2rem;line-height:1.2rem; font-style: normal; font-weight:bold}
.guide .guide-c{margin-top:2rem;position:relative;}


.guide .guide-c .guide-text-l{float:left;width:30rem; padding-bottom:50px}
.guide .guide-c .guide-text-l dl{padding:1.5rem 0;border-bottom:1px solid #dcdcdc}
.guide .guide-c .guide-text-l dl dt{width:4.15rem;display:inline-block;vertical-align:middle;font-size:1.5rem;font-weight:700;line-height:4.15rem;color:#EF3D24;background-image:url(/images/yz-ic1.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;text-align:center}
.guide .guide-c .guide-text-l dl dd{width:calc(100% - 5.5rem);margin-left:1rem;display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;line-height:30px;color:#000}
.guide .guide-c .guide-text-l dl dd b{display:block;font-size:22px;}
.guide .guide-c .guide-text-l dl:hover dt{background-image:url(/images/yz-ic1h.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;color:#fff}
.guide .guide-c .guide-text-l dl:hover dd{color:#EF3D24}
.guide .guide-c .guide-text-l dl:first-of-type{padding-top:50px}
.guide .guide-c .guide-text-l dl:last-of-type{padding-bottom:0;border-bottom:none}


.guide .guide-c .guide-text-r{float:right;width:30rem;margin-top:3rem;}
.guide .guide-c .guide-text-r dl{padding:2rem 0;border-bottom:1px solid #dcdcdc}
.guide .guide-c .guide-text-r dl dt{width:4.15rem;display:inline-block;vertical-align:middle;font-size:1.5rem;font-weight:700;line-height:4.15rem;color:#EF3D24;background-image:url(/images/yz-ic1.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;text-align:center}
.guide .guide-c .guide-text-r dl dd{width:calc(100% - 5.5rem);margin-right:1rem;display:inline-block;vertical-align:middle;font-size:18px;font-weight:400;line-height:30px;color:#000;text-align:right}
.guide .guide-c .guide-text-r dl dd b{display:block;font-size:22px;}
.guide .guide-c .guide-text-r dl:hover dt{background-image:url(/images/yz-ic1h.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;color:#fff}
.guide .guide-c .guide-text-r dl:hover dd{color:#EF3D24}
.guide .guide-c .guide-text-r dl:first-of-type{padding-top:0}
.guide .guide-c .guide-text-r dl:last-of-type{padding-bottom:0;border-bottom:none}


.guide .guide-c .guide-pic { position: absolute; left: 47%; top: 4.6rem; width: 26.75rem; height: 26.75rem; background-image: url("/images/yz-cbg02.png"); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; margin-left: -10.75rem; z-index: 2; }
.guide .guide-c .guide-pic span { width: 6.8rem; height: 6.8rem; border-radius: 50%; background: rgb(231, 65, 12); display: block; text-align: center; font-size: 1.2rem; font-weight: 700; line-height: 1.3rem; color: rgb(255, 255, 255); box-sizing: border-box; padding: 1.5rem 1rem; }
.guide .guide-c .guide-pic span:nth-of-type(1) {position: absolute;left: -3rem;top: 6rem;}
.guide .guide-c .guide-pic span:nth-of-type(2) {position: absolute;right: -3rem;top: 6rem;padding-top: 2.2rem;}
.guide .guide-c .guide-pic span:nth-of-type(3) {position: absolute;left: 49%;bottom: -2.5rem;padding-top: 1.8rem;background: rgb(31, 59, 214);margin-left: -2.8rem;}
.guide .guide-c::after { line-height: 0; visibility: hidden; display: block; font-size: 0px; content: " "; clear: both; height: 0px; }



@media (max-width: 767px){

.guide{background-image:url(/images/yz-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto auto;box-sizing:border-box;padding-top:2.4rem}

.guide-c1 dt{width:4.15rem;display:inline-block;vertical-align:middle;font-size:1.5rem;font-weight:700;line-height:4.15rem;color:#EF3D24;background-image:url(/images/yz-ic1.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;text-align:center;}

.guide-c1 dd{width:calc(100% - 5.5rem);margin-left:1rem;display:inline-block;vertical-align:middle;font-size:14px;line-height:20px;color:#000}

.guide-c1 dd p{ font-size:12px}

}








.case .bk-title{background-image:url(/images/bk-tbgh.png);background-repeat:no-repeat;background-position:center bottom;background-size:1.3rem auto}
.case .bk-title b,.case .bk-title em{color:#fff}
.case .case-t{border:.2rem solid #fff;margin-top:2rem;padding:1rem 4rem;padding-right:0}
.case .case-t ul li{float:left;font-size:.8rem;font-weight:400;line-height:2.6rem;color:#fff;margin-right:3.2rem}
.case .case-t ul li a{display:block;color:#fff}
.case .case-t ul li a:hover{text-decoration:underline}
.case .case-t ul em{float:left}
.case .case-t ul em a{font-size:.8rem;font-weight:400;line-height:2.6rem;color:#EF3D24;display:inline-block;background-image:url(/images/sp-sj.png);background-repeat:no-repeat;background-position:right center;background-size:.3rem auto;padding-right:.8rem}
.case .case-t ul em a:hover{text-decoration:underline}
.case .case-t ul::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.case .case-c{margin-top:2.4rem;position:relative;z-index:2;background:#fff}
.case .case-c dl{background:#fff}
.case .case-c dl dt{float:right;width:42.5rem}
.case .case-c dl dt img,.case .case-c dl dt iframe{display:block;width:100%;height:23.9rem}
.case .case-c dl dd{width:calc(100% - 42.5rem);box-sizing:border-box;padding:3.5rem 3.5rem 0 3.7rem}
.case .case-c dl dd h4{font-size:1.6rem;font-weight:700;line-height:1.3rem;color:#000;display:block}
.case .case-c dl dd .desc{margin-top:1.5rem}
.case .case-c dl dd .desc p{font-size:1.2rem;font-weight:400;line-height:2.0rem;color:#000;display:block}
.case .case-c dl dd .desc p em{color:#EF3D24;font-weight:700}
.case .case-c dl dd .desc p span{font-size:1.1rem;font-weight:400;line-height:1.2rem;color:#666}
.case .case-c dl dd .more1 a{display:block;width:7.85rem;height:2.8rem;background:#2c5bf4;background:linear-gradient(137deg,#EF3D24,#EF3D24);box-shadow:0 .2rem .75rem .15rem rgba(17,77,225,.3);font-size:1rem;font-weight:400;line-height:2.8rem;color:#fff;text-align:center;border-radius:1.05rem;margin-top:1.5rem;transition:.25s}
.case .case-c dl dd .more1 a:hover{width:8rem}
.case .case-c dl::after{line-height:0;visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.case .case-b{margin-top:1.25rem;position:relative}
.case .case-b .prev{width:3.1rem;height:2.95rem;background-image:url(/images/sp-l.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;display:block;border-radius:.3rem 0 0 0;position:absolute;left:-4.9rem;top:3.35rem;cursor:pointer}
.case .case-b .prev:hover{background-image:url(/images/sp-lh.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;box-shadow:0 .2rem .75rem .15rem rgba(17,77,225,.3)}
.case .case-b .next{width:3.1rem;height:2.95rem;background-image:url(/images/sp-r.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;display:block;border-radius:0 0 .3rem 0;position:absolute;right:-4.9rem;top:3.35rem;cursor:pointer}
.case .case-b .next:hover{background-image:url(/images/sp-rh.png);background-repeat:no-repeat;background-position:center top;background-size:auto auto;background-size:100% 100%;box-shadow:0 .2rem .75rem .15rem rgba(17,77,225,.3)}
.case .case-b .nextStop,.case .case-b .prevStop{opacity:.5}
.case .case-b .tempWrap{width:100%!important}
.case .case-b .list ul li{float:left;width:23.875%;margin-right:1.5%}
.case .case-b .list ul li img{width:100%;display:block;transition:1s}
.case .case-b .list ul li h4{font-size:1.2rem;font-weight:400;line-height:4.1rem;color:#000;display:block;border-bottom:.15rem solid #e4e4e4;position:relative}
.case .case-b .list ul li h4::after{content:"";display:block;width:25%;height:.15rem;background:#EF3D24;position:absolute;left:0;bottom:-.15rem;transition:.35s}
.case .case-b .list ul li:last-of-type{margin-right:0}
.case .case-b .list ul li.cur h4::after,.case .case-b .list ul li:hover h4::after{width:100%;background:#EF3D24}



@media (max-width: 767px){


}