.all_body { width: 100%; position: relative; margin-top:-35px; } .all_body { padding: 0 !important; } /* ccrc-应急处理服务资质 */ .title_bacground_img5 { background: url(/uploads/image/shdimg/title_background_img5.png) no-repeat center center; width: 100%; height: 598px; background-size: cover; } .title_count { width: 1200px; overflow: hidden; margin: 0 auto; /* border: solid 3px; */ } .title_logo { display: inline-block; height: 31px; overflow: hidden; margin-right: 13px; } .logo_content { /* color: white; */ display: inline-block; position: relative; padding-left: 12px; border-left: solid 1px #000000; font-size: 16px; top: -10px; } .icon { width: 121px; height: 100%; } .logo { width: 82px; height: 23px; position: relative; top: -4px; } .title_top { padding-top: 42px; display: flex; justify-content: space-between; } .title_top_right { /* color: white; */ font-size: 20px; line-height: 31px; } .phone { font-weight: 600; } .top_count { /* width: 1100px; margin: 0 auto; */ margin-top: 61px; display: flex; position: relative; /*top: 83px;*/ justify-content: space-between; color: #001c07; } .top_left_title { font-size: 48px; font-weight: bold; color: #001c07; line-height: 61px; margin-bottom: 20px; } .top_left_bottom_content { width: 488px; font-size: 17px; color: #001c07; line-height: 32px; } .top_left_content { width: 700px; font-size: 17px; color: #001c07; line-height: 32px; position: relative; /* right: -27px; */ } .top_right_img { position: relative; /* left: 20px; */ display: flex; align-items: center; } .top_right_img img { width: 297px; /* height: 436px; */ position: relative; /*top: -85px;*/ /* right: -15px; */ } .tab_box { /* width: 1200px; */ background: #ffffff; margin: 0 auto; /* box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.13); */ position: relative; top: 0px; z-index: 2500; } .tab_click { margin: 0 auto; width: 1200px; height: 60px; display: flex; justify-content: space-around; background-color: white; text-align: center; line-height: 60px; } .tab_click a { display: inline-block; color: #000000; /* width: 11%; */ flex: 1; height: 100%; font-size: 16px; } .tab_click a span{display: block; width: 99px;height: 36px; border-radius: 17px;text-align: center;line-height: 36px;margin: 0 auto;margin-top: 10px;} .tab_click a.active span{background-color: #36a6fe; color: #fff;} .content-box{padding: 50px 0;} /* .content-box:nth-of-type(odd){background-color: #fffaf2;} */ .details_title { font-size: 45px; color: #101010; text-align: center; padding:40px 0; position: relative; z-index: 2000; } .link_button { display: block; height: 55px; line-height: 55px; font-size: 18px; padding: 0 30px; box-shadow: 0px 2px 7px 0px rgba(255, 167, 0, 0.92); border-radius: 4px; background: linear-gradient( to right, rgba(255, 169, 5, 1), rgba(255, 112, 2, 1) ); color: #fff; margin: 0 auto; margin-top: 30px; width: 320px; text-align: center; } .link_button a{ color: #fff; } .link_button_noshadow { display: inline-block; color: white; height: 55px; line-height: 55px; font-size: 18px; padding: 0 30px; border-radius: 4px; background: linear-gradient( to right, rgba(255, 169, 5, 1), rgba(255, 112, 2, 1) ); } .suspension { width: 120px; /* height: 295px; */ background: #ffffff; box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.21); border-radius: 11px 11px 0px 0px; position: fixed; right: 0px; top: 250px; z-index: 2600; } .suspension_list { width: 100%; font-size: 17px; color: #101010; line-height: 22px; z-index: 3000; } .suspension_item { display: inline-block; width: 100%; height: 52px; border-bottom: 1px solid #eeeeee; line-height: 52px; text-align: center; color: #000000; font-size: 14px; } .suspension_item a { color: #000000; } .suspension_item img { width: 16px; height: 16px; position: relative; bottom: -3px; } .suspension_phone { width: 120px; height: 65px; color: #ffffff; text-align: center; /* background: linear-gradient(180deg, #ffa905 0%, #ff7002 100%); */ background: #0289ff; } .free_phone { padding-top: 11px; font-size: 11px; line-height: 16px; } .phone_num { padding-top: 7px; font-size: 13px; font-weight: bold; line-height: 20px; } .return_top { display: none; width: 100%; height: 56px; font-size: 14px; color: #101010; line-height: 56px; text-align: center; } .fixed_img { width: 112px; height: 137px; position: absolute; top: -137px; left: 4px; } .part-title{text-align: center;font-size: 36px;color: #000;padding-bottom: 45px;line-height: 1.556;} .part-title span{color: #ff8400;font-weight: 700;} .detail{background-color: #e9f6ff;padding-top: 90px;} .detail .detail-contont{padding-top: 50px;} .detail-left{width: 440px;padding-right: 55px;} .detail-left .name{ font-size: 28px;color: #000; font-weight: bold;padding-bottom: 15px;} .detail-left .sub-name{font-size: 28px;color: #000;padding-bottom: 30px;} .detail-left .cont{ font-size: 16px;color: #666;line-height: 1.75;} .detail-left .cont p{margin-bottom: 35px;} .detail-right {width: calc(1200px - 440px);} .detail-right ul{padding-bottom: 30px;} .detail-right ul li{ width: 175px; height: 216px;background-color: #fff; box-shadow: 3.936px 4.528px 36.1px 1.9px rgba(0, 0, 0, 0.08);text-align: center;padding-top: 43px; margin-left: 14px;} .detail-right ul li img{width: 68px;} .detail-right ul li .cont{padding-top: 45px;font-size: 18px;color: #000;} .detail-right ul li:hover { box-shadow: 0px 1px 4px 0px #e9f6ff; border-radius: 2px; } .analysis{background-color: #fff;padding-top: 70px;} .award.content-box{padding-top: 0;} .prerequisites{background-color: #fff;padding-top: 70px;} .doubts{background-color: #fff;padding-top:30px;} .case{background:url(/uploads/image/shdimg/choose_background.png);padding-top: 70px;} .case .part-title{ padding-bottom: 0; font-size: 45px; color: #131415;} .choose_top { margin: 0 auto; font-size: 45px; color: #131415; line-height: 60px; padding-top: 55px; } .choose_center_top { display: flex; } .choose_center { width: 1200px; overflow: hidden; height: 600px; margin: 0 auto; margin-top: 60px; background: #ffffff; box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.12); } .choose_top_left { width: 400px; height: 300px; /* background: #000000; */ text-align: center; color: #fdfdfd; background: url(/uploads/image/shdimg/30000background.jpg) no-repeat center center; background-size: cover; } .choose_top_left_title { font-size:38px; font-weight: bold; color: #ffffff; line-height: 33px; padding-top: 130px; position: relative; } .choose_top_left_title span { font-size: 29px; line-height: 28px; letter-spacing: 6px; position: absolute; top: 101px; right: 66px; font-weight: 500; } .choose_top_left_content { margin-top: 20px; font-size: 20px; line-height: 28px; letter-spacing: 4px; } .choose_top_right { height: 300px; width: 800px; display: flex; flex-wrap: wrap; } .choose_right_item { width: 200px; height: 150px; position: relative; } .choose_right_item:hover > .choose_right_mc { display: block; } .choose_right_mc { position: absolute; top: 0; left: 0; display: none; width: 200px; height: 150px; text-align: center; background: linear-gradient(180deg, #ffa905 0%, #ff7002 100%); } .choose_right_mc p { margin: 0 auto; width: 80%; font-size: 16px; color: #ffffff; line-height: 28px; padding-top: 50px; } .choose_right_item img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .choose_center_bottom { width: 100%; height: 300px; display: flex; flex-wrap: wrap; } .process{background-color: #e9f6ff;} .company{background-color: #e9f6ff;} .company-title{font-size: 36px;font-weight: bold;color: #0d74b6;padding-bottom: 30px;} .company-cont{font-size: 16px;color: #333;line-height: 1.875;padding-bottom: 20px;} .company-cont span{color: #ff8400;font-weight: 700;} .company .company-content-box ul{ width: 652px;margin-top: 2px; } .company .company-content-box ul li{ width: 652px;background-color:#0d74b6;margin-bottom: 21px;color: #f4f6f8;font-size: 20px;line-height: 1.5;padding:22px 25px ;} .company .company-content-boxx ul li span{display: inline-block;width: 100px; font-weight: 700;} .company .company-content-box ul li div{width: calc(100% - 100px);} .service{background-color: #fff;} .service-cont{font-size: 16px;color: #333; line-height: 1.75;text-align: justify;} .certifications{background-color: #e9f6ff;} .certifications ul{padding-bottom: 50px;} .certifications ul li{width: 265px; height: 315px;background-color: #fff;text-align: center;padding-top: 64px;margin-right: 45px;} .certifications ul li:last-of-type{margin-right: 0;} .certifications ul li .tit{font-size: 36px;color: #000; font-weight: bold; text-transform: uppercase;margin-bottom: 35px;line-height: 1;} .certifications ul li .line{ width: 35px; height: 1px;margin: 0 auto;background-color: #cbcbcb;margin-bottom: 50px;} .certifications ul li .sub-tit{font-size: 18px;color: #000;line-height: 1.778;} .certifications ul li .cont{font-size: 16px;color: #999;}