ul li::marker{font-size: 12px;}
#customized-proposal{margin-top: 100px; }
#customized-proposal .serviceStaff{display: grid;grid-template-columns:320px 850px; background-color: #E9EDF6;height: 260px;width: 100%;flex-shrink: 0;margin-top: 20px; }
#customized-proposal .serviceStaff .staffImg{width: 160px;margin:24px 30px 30px 130px; }
#customized-proposal .serviceStaff .staffImg img{width: 160px; height: 200px; }
#customized-proposal .serviceStaff .staffInfo{width: 100%;padding-left: 41px;background-position:0px 110px; background-image: url('../fonts/dgcrane-4.svg');background-repeat: no-repeat; mix-blend-mode: multiply}
#customized-proposal .serviceStaff .staffInfo .staffName{color: #004E9E;font-size: 24px;font-weight: 700;line-height: 130%;margin-top: 29px; }
#customized-proposal .serviceStaff .staffInfo p{color:#666;font-size: 16px;font-style: italic;line-height: 130%;margin-top: 2px;margin-bottom: 20px; }
#customized-proposal .serviceStaff .staffInfo p i{font-style: normal; }
#customized-proposal .serviceStaff .staffIntr{display: grid;grid-template-columns:repeat(3,210px);column-gap:15px; }
#customized-proposal .serviceStaff .staffIntr span{height: 21px;font-size: 16px; color: #444;}
#customized-proposal .serviceStaff .staffIntr span.addBold{color: #0C0C0C;font-weight: 700;}
#customized-proposal .serviceStaff .staffContact {width: 610px;display: grid;grid-template-columns: repeat(2, 50%);column-gap: 40px;margin-top: 40px;}
#customized-proposal .serviceStaff .staffContact span {display: flex;line-height: 24px;color: #004E9E;font-size: 16px;}
#customized-proposal .serviceStaff .staffContact span a {line-height: 24px;color: #004E9E;font-size: 16px;}
#customized-proposal .serviceStaff .staffContact span a:hover {color: #F5A623;}
#customized-proposal .serviceStaff .staffContact span img {width: 24px;height: 24px;margin-right: 8px;}

#lp-wrapper,#lp2-wrapper,#lp3-wrapper {width: 100%; max-width: 2560px;min-width: 1140px;  margin: 0 auto; word-wrap: break-word; overflow: hidden;}
#lp-wrapper .wrap,#lp2-wrapper .wrap,#lp3-wrapper .wrap{width: 1170px;margin: 0 auto; }
.wrap-out{width: 1440px;margin: 0 auto; }
#lp-header .wrap{left:50%;margin-left: -585px; position:absolute; }
#lp-top{width:100%; height: 25px;margin:20px 0 0 0;}
#lp-wrapper .topLf,#lp2-wrapper .topLf{float: left;  width: 50%;}
#lp-wrapper .topLf img,#lp2-wrapper .topLf img{width: 120px;height: 25px;display: block;user-select: none; }
#lp-wrapper .topRg,#lp2-wrapper .topRg{float: right; width: 460px; display: grid;grid-template-columns: 205px auto;overflow: hidden;}
#lp-wrapper .topRg span ,#lp2-wrapper .topRg span{margin-left: 60px;line-height: 18px; }
#lp-wrapper .topRg span a,#lp2-wrapper .topRg span a {font-size: 14px;  color:#231815;}
#lp-wrapper .topRg span a:hover,#lp2-wrapper .topRg span a:hover{color:#F58423; }
#lp-wrapper .topRg span img,#lp2-wrapper .topRg span img{float: left; width: 20px;height: 20px;margin-right: 5px;user-select: none;  }
#lp-banner{ width: 100%;height: 500px; background:-webkit-image-set(url('../images/overheadcranes-banner.png')1x) no-repeat;margin-top: 10px;}
#lp-wrapper .save20-icon{float: right;margin-top: 110px;margin-right: 90px;height: 76px; }
#lp-wrapper .banner-save20{ width: 770px; padding-top: 40px;color: #fff;clear: both;}
#lp-wrapper .banner-save20 h1{font-weight: bold; font-size: 40px;line-height:48px}  
#lp-wrapper .banner-save20 span{ font-size: 18px;padding-top: 10px;color: #ffffff; }
#lp-wrapper .contact-us-now{padding-top:25px;min-width:275px;clear: both;}
#lp-wrapper .contactUs{float: left;min-width:225px; clear: both;line-height: 30px; display: grid;}
#lp-wrapper .contactUs span { margin: 0 0 3px 2px; color: #F58423;  font-size: 16px;font-weight: 600;font-style: italic;padding-top: 10px; }
#lp-wrapper .contactUs a{ text-align: center;line-height: 38px;  background-color:#F58423;color:#fff; font-size: 16px;font-weight:800;padding: 0 38px; }
#lp-wrapper .get-quote-24h a{float: left; text-align: center;line-height: 38px;  background-color:#F58423;color:#fff; font-size: 16px;font-weight:800;padding: 0 20px; }
#lp-wrapper .contactUs a:hover,.get-quote-24h a:hover{ background-color:#EA6921; }
#lp-wrapper .arrow{ float: left;margin-left: 8px;margin-top: 16px;}

#lp-wrapper  #lp-main{width: 1170px;margin: 0 auto; }
#lp-wrapper #single-overhead-crane{width:100%; margin-top:110px;padding-bottom: 55px;border-bottom: 1px solid #A7CFEB; }
#lp-wrapper .title{font-size:16px;line-height: 20px;color: #166297}
#lp-wrapper h2,#lp-wrapper  #lp-footer-right h2{font-size:26px;line-height:30px;color: #166297; font-weight: bold;margin-bottom:0px; text-align: left; }
#lp-wrapper h3{padding-left: 5px; font-size:16px;line-height: 20px; color:#666666 ;font-weight: 600;}
#lp-wrapper  #single-overhead-crane-left{float: left; clear: both; width:830px; min-height:530px; margin-top:40px;position: relative; }
#lp-wrapper  #single-overhead-crane-left img{left: 104px;top: 82px; position: absolute;z-index: -1; }
#lp-wrapper  .crane-components-list{float: left; width: 260px;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);background: #ffffff;}

#lp-wrapper #wheel-set.crane-components-list ,#lp-wrapper #main-beam.crane-components-list{width: 245px; }
#lp-wrapper  #lp-main .crane-components-list .title1{background-color: #959595; padding-left:15px; font-size: 14px;color: #fff; font-weight: bold;line-height: 28px;}
#lp-wrapper  #lp-main .crane-components-list ul{width: 100%;padding: 10px 10px 15px 20px;margin: 0; list-style:none;}
#lp-wrapper  .crane-components-list ul li{ font-size: 14px;margin: 0;color: #000000;position: relative;padding-left: 15px;margin-bottom:3px; }
#lp-wrapper  .crane-components-list ul li:before { content: '';display: block;position: absolute;width: 6px;height: 6px; background: #959595;left: 0; margin-top:8px;}
#lp-wrapper  #trolley-mechamism{position: absolute;top: 49px;left: 5px }
#lp-wrapper  #electrical-control-system{position: absolute;left: 316px;}
#lp-wrapper  #wheel-set{position: absolute;top: 390px;left:20px;}
#lp-wrapper  #main-beam{position: absolute;top:343px; left:290px;}
#lp-wrapper  #electric-hoist{position: absolute;left: 554px;top: 286px;}

#lp-wrapper  #single-overhead-crane-right{float: right; width:325px;margin-top: 55px;  }
#lp-wrapper .girder-overhead-crane-price{float: left; width: 100%; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);margin-top: 10px;border: 1px solid #f1f1f1;}
#lp-wrapper  .girder-overhead-crane-price ul{float: left; padding: 15px 15px 0px 15px; width: 100%;margin: 0;}
#lp-wrapper .girder-overhead-crane-price ul li{float: left; width: 100%;line-height: 32px; list-style: none; color: #666666;margin: 0 0 15px 0; }
#lp-wrapper .girder-overhead-crane-price ul li:first-child{border-bottom: 1px solid #A7CFEB;line-height: 50px; padding: 12px 0 12px 0;}
#lp-wrapper .girder-overhead-crane-price ul li span{float: left; width: 33.33%;padding-right: 5px;  text-align: right;color: #666666; }
#lp-wrapper .girder-overhead-crane-price ul li>span:first-child{text-align: left;padding-left: 12px; }/*第一行*/
#lp-wrapper .girder-overhead-crane-price ul li span:nth-child(2){font-weight: bold; color: #000000;font-size: 18px; }/*第二列*/
#lp-wrapper .girder-overhead-crane-price ul li span:nth-child(3){ text-decoration: line-through; }/*第三列*/
#lp-wrapper .girder-overhead-crane-price ul li:nth-child(1) span:nth-of-type(3) {text-decoration: none; }/*第一行 第三列*/
#lp-wrapper .girder-overhead-crane-price ul li:last-child{border-bottom: 1px solid #A7CFEB;padding-bottom: 20px; margin-bottom: 8px;}
#lp-wrapper .girder-overhead-crane-price ul li span img{width: 80px;height: 16px; }
#lp-wrapper .overhead-crane-note{float: left;padding-left: 15px; font-size: 12px; }
#lp-wrapper .get-quote-24h{float: left;margin: 30px 0px 35px 20px; } 



#lp-wrapper #double-overhead-crane{width:100%; margin-top:65px; }
#lp-wrapper #double-overhead-crane-left{float: left; clear: both; width:830px;position: relative; min-height:605px; }
#lp-wrapper #double-overhead-crane-left img{position: absolute;top:145px;left:60px ;z-index: -1;}
#lp-wrapper #double-overhead-crane-right{float: right; width:325px;margin-top: 80px;  } 
#lp-wrapper #aws-anti-swing-system{position: absolute;top: 115px;left:8px;}
#lp-wrapper #double3-in-1-motors{position: absolute; position: absolute;left: 330px;top: -2}
#lp-wrapper #wheel-set-module{position: absolute; top: 463px; }
#lp-wrapper #lightweight-main-beam{position: absolute;top: 439px;left: 342px; }
#lp-wrapper #lightweight-trolley-design{position: absolute;left: 555px;top: 277px; }

 
#lp-wrapper #custom-crane-solutions{ width: 100%;min-height: 260px;background-color:#E9EDF6;margin-top: 90px;}
#lp-wrapper .staff-information{float: left;width: 150px;clear: both;margin: 40px 40px 10px 120px;}
#lp-wrapper .staff-information img{ width: 150px;height:173px; }
#lp-wrapper .staff-information span{float: left; width: 100%; text-align: center;line-height: 32px;color: #717071;}
#lp-wrapper .custom-crane-solutions-rg{float: left; width:855px;margin-top: 55px;height: 200px;background-position: 0px 43px;background-image:url(../images/dgcrane-2.svg);background-repeat: no-repeat; }
#lp-wrapper .custom-crane-solutions-rg .title2{float: left;margin-top: 5px; font-size: 16px; color: #717071;line-height: 25px;margin-top: 5px;}

#lp-wrapper #about-dgcrane{width: 100%;margin-top: 90px; }
#lp-wrapper #about-dgcrane-left{float: left; width: 560px; clear: both;padding-top: 20px;}
#lp-wrapper .about-dgcrane-list{/*float: left;*/margin-top: 25px;}
#lp-wrapper .about-dgcrane-list ul {width: 100%; list-style:none;padding: 0px;margin: 0;}
#lp-wrapper .about-dgcrane-list ul li{line-height: 25px; font-size: 18px;clear: both; color:#222222;position: relative;padding-left:20px; margin: 0 0 12px 0;}
#lp-wrapper .about-dgcrane-list ul li:before { content: '';display: block;position: absolute;width: 6px;height: 6px; background: #8FA2CC;left: 0; margin-top: 10px;}

#lp-wrapper .about-dgcrane-icon{float: left;width: 100%;height: auto;margin-top: 20px;}
#lp-wrapper .about-dgcrane-icon img{float: left; margin-right:15px;}
#lp-wrapper #about-dgcrane-right{float: right;height:360px;width:540px;}/*background:-webkit-image-set(url(../images/about.jpg)2x) no-repeat;  */
#lp-wrapper #production-process{float: left;width: 110px;height: 110px; background:url('../images/yuan.svg') no-repeat; z-index: 2;position: relative;top: -170px; left: -65px;color: #1A1A1A;padding-top: 25px;text-align: center;line-height: 20px; font-style:Italic ;font-weight: 600;}

#lp-wrapper #export-projects{width: 100%; margin-top: 100px;}
#lp-wrapper #export-projects-left{float: left;width: 900px; clear: both; }
#lp-wrapper #export-projects-map,#lp3-wrapper #export-projects-map{float: left;width:100%;min-height: 370px;margin-top:50px;position: relative;padding-bottom: 10px;}
#lp-wrapper #export-projects-map img{z-index: -1;position:absolute;left:-18px; }
#lp-wrapper .serving-country,#lp3-wrapper .serving-country{float: left;width: 130px;}
#lp-wrapper .serving-country ul,#lp3-wrapper .serving-country ul{float: left; list-style: none;width:100%;margin: 0px; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);padding:10px 5px 10px 15px;background-color: rgba(255, 255, 255, 0.7);}
#lp-wrapper .serving-country ul li.area-title,#lp-wrapper .serving-country2 ul li.area-title,#lp3-wrapper .serving-country ul li.area-title,#lp3-wrapper .serving-country2 ul li.area-title{line-height: 20px;font-weight: bold;width: 100%;color:#3E3A39; }
#lp-wrapper .serving-country ul li,#lp3-wrapper .serving-country ul li{font-size: 12px;line-height: 18px;margin: 0px;color: #666666; }
#lp-wrapper .location,#lp3-wrapper .location{width: 37px;height: 47px;font-size: 14.3px; color: #fff;text-align: center;padding-top: 6px;font-weight: bold; background:url('../fonts/location-2.svg') no-repeat; }
#lp-wrapper #north-america,#lp3-wrapper #north-america{position: absolute; top: 135px;left: 170px;}
#lp-wrapper #north-america-location,#lp3-wrapper #north-america-location{position: absolute; top: -18px;left: -19px}
#lp-wrapper #oceania,#lp3-wrapper #oceania{position: absolute;top: 268px; left: 623px;}
#lp-wrapper #oceania-location,#lp3-wrapper #oceania-location{position: absolute;top: -27px;left: 111px;}
#lp-wrapper .serving-country2,#lp3-wrapper .serving-country2{float: left;width: 212px;}
#lp-wrapper .serving-country2 ul,#lp3-wrapper .serving-country2 ul{float: left; list-style: none;width:100%;margin: 0px;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);padding:10px 6px 10px 14px;background-color: rgba(255, 255, 255, 0.7); }
#lp-wrapper .serving-country2 ul li,#lp3-wrapper .serving-country2 ul li{float: left;width: 49%;padding-right: 5px;  font-size: 12px;line-height: 18px;margin: 0px;color:#666666; }
#lp-wrapper #asia .serving-country2 ul,#lp3-wrapper #asia .serving-country2 ul{width:215px;padding-left: 20px;}
#lp-wrapper #europe,#lp3-wrapper #europe{position: absolute;top: 40px; left: 343px;}
#lp-wrapper #europe-location,#lp3-wrapper #europe-location{position: absolute; top: 35px;left: 187px; }
#lp-wrapper #asia,#lp3-wrapper #asia{ position: absolute;top: 47px;left: 700px;}
#lp-wrapper #asia-location,#lp3-wrapper #asia-location{position: absolute; top: 56px; left:-24px;}
#lp-wrapper #south-america,#lp3-wrapper #south-america{position: absolute;top:274px;left: 73px; }
#lp-wrapper #south-america-location,#lp3-wrapper #south-america-location{position: absolute; top:-25px;left: 187px; }
#lp-wrapper #africa,#lp3-wrapper #africa{position: absolute;top: 214px;left: 315px; }
#lp-wrapper #africa-location,#lp3-wrapper #africa-location{position: absolute;top: -25px;left: 186px;}

#lp-wrapper #export-projects-right{float: right;width:245px;margin-top: 55px; }
#lp-wrapper .export-projects-title{width: 100%;font-size: 16px;font-weight:600;line-height: 22px; }
#lp-wrapper .export-projects-title span{color: #666666;font-size: 12px;line-height: 16px;font-weight: bold;}
#lp-wrapper .regional-distribution{float: left;width: 100%;margin-bottom: 15px;}
#lp-wrapper .regional-distribution ul{float: left; list-style: none; margin: 0;padding: 0 0 25px 0;  border-bottom: 1px solid #A7CFEB;}
#lp-wrapper .regional-distribution ul li{float: left;width:30%;margin:15px 0px 0px 0px;padding: 0;overflow: hidden; }
#lp-wrapper .regional-distribution ul li span{display: flex;justify-content: center;}
#lp-wrapper .regional-distribution ul li.width40{width: 40%; }
#lp-wrapper .regional-distribution ul li span{display: flex;justify-content: center;}
#lp-wrapper .regional-distribution ul li div{font-size: 12px;color: #666666;text-align: center;line-height: 15px;}
#lp-wrapper .exported-products,#lp3-wrapper .exported-products{float: left;width: 100%; }
#lp-wrapper .exported-products ul,#lp3-wrapper .exported-products ul{ list-style: none;margin:5px 0 0 0;padding: 0; }
#lp-wrapper .exported-products ul li,#lp3-wrapper .exported-products ul li{ font-size:12px;height:14px;line-height:14px;margin:0 0 5px 0;color:#000000 ;font-weight: 500;text-align: right; background: #9E9E9F;}
#lp-wrapper .exported-products ul li span.year-exported,#lp3-wrapper .exported-products ul li span.year-exported{float: left;width: 30px; color: #231815;text-align: left;font-size:12px;line-height: 14px;background: #ffffff;}
#lp-wrapper .exported-products ul li span.row1-2{float: left; height: 14px;background-color: #036AAE; width:156px; }
#lp-wrapper .exported-products ul li span.row1-3{float: left; height: 14px;background-color: #9E9E9F; width:50px;font-size:12px;line-height: 14px; color: #000000;font-weight: 600;}
#lp-wrapper .exported-products ul li span.row2-2{float: left; height: 14px;background-color: #036AAE;width:132px; }
#lp-wrapper .exported-products ul li span.row2-3{float: left; height: 14px;background-color: #9E9E9F;width:74px;font-size:12px;line-height: 14px; color: #000000;font-weight: 600;}
#lp-wrapper .exported-products ul li span.row3-2{float: left; height: 14px;background-color: #036AAE;width:117px; }
#lp-wrapper .exported-products ul li span.row3-3{float: left; height: 14px;background-color: #9E9E9F;width:89px;font-size:12px;line-height: 14px; color: #000000;font-weight: 600;}
#lp-wrapper .exported-products ul li span.row4-2{float: left; height: 14px;background-color: #036AAE;width:89px; }
#lp-wrapper .exported-products ul li span.row4-3{float: left; height: 14px;background-color: #9E9E9F;width:117px;font-size:12px;line-height: 14px; color: #000000;font-weight: 600;}
#lp-wrapper .exported-products ul li span.row5-2{float: left; height: 14px;background-color: #036AAE;width:66px; }
#lp-wrapper .exported-products ul li span.row5-3{float: left; height: 14px;background-color: #9E9E9F;width:140px;font-size:12px;line-height: 14px; color: #000000;font-weight: 600;}
#lp-wrapper #export-projects-cases{ width: 100%; margin: 55px 0 65px 0;clear: both;}
#lp-wrapper #export-projects-cases .product{float: left;width: 560px;min-height: 200px;margin: 0 0 35px 0;color: #666666; box-shadow: 2px 0px 8px 2px rgba(0, 0, 0, 0.2); }
#lp-wrapper #export-projects-cases .product:nth-child(odd){ margin-right: 50px;}
#lp-wrapper #export-projects-cases .product .projects-cases-img{float: left;width: 300px; }
#lp-wrapper #export-projects-cases .product .projects-cases-content{ width: 260px;min-height: 200px; padding:20px 20px 17px 20px;overflow: hidden; }
#lp-wrapper #export-projects-cases .product .projects-cases-content h3{font-size: 18px;font-weight: bold;color:#000000;line-height: 25px;padding: 0;}
#lp-wrapper #export-projects-cases .product .projects-cases-content p{font-size: 16px;line-height: 22px;margin: 0 0 10px 0;font-weight: 300;color: #666666; }
#lp-wrapper #export-projects-cases .product .projects-cases-content i{float: left;width: 22px;height: 35px;clear: both;margin-right: 7px; }
#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-location{float: left;width: 100%; }
#lp-wrapper #export-projects-cases .product .projects-cases-content .cranes-info{float: left;min-height:120px;overflow: hidden;}
#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-countries{float: left;width: 190px; margin-top: 2px;  }
#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-countries span:first-child{ float: left; width: 100%;line-height: 13px;font-size: 11px;color: #666666; }
#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-countries span:last-child{float: left;width: 100%; line-height: 22px;font-size: 16px;font-weight: bold;color: #666666; }


#lp-wrapper #lp-footer{width: 100%; max-width: 1440px;min-width: 1170px; background-color: #E9EDF6; margin: 0 auto;word-wrap: break-word;overflow: hidden; }
#lp-wrapper #lp-footer-main{width: 1170px;margin: 0 auto; }
#lp-wrapper #lp-footer-left{float:left;width: 400px;height: auto;margin:70px 0px 50px 0px;  }
#lp-wrapper #lp-footer-Logo{float: left;margin: 0px 0px 15px 25px;width: 100%;clear: both; }
#lp-wrapper #lp-footer-tips{float: left; width: 400px;min-height: 505px;  box-shadow:2px 0px 8px 2px rgba(0, 0, 0, 0.2);background-color:rgba(255, 255, 255, 0.8);padding: 35px 20px 40px 20px;}
#lp-wrapper #lp-footer-tips h4{font-size: 18px;font-weight: bold;margin-left: 10px; }
#lp-wrapper #lp-footer-tips h5{font-size: 16px;font-weight: normal;margin:3px 0 0 10px; color: #717071;}
#lp-wrapper #lp-footer-tips ol { margin:10px 0 25px 0px;; padding: 0 0 30px 20px;border-bottom: 1px solid #A7CFEB;list-style-position: inside;list-style: auto;}
#lp-wrapper #lp-footer-tips ol li{ font-size: 16px;color:#666666; margin:0 0 10px 0;margin-left: 10px; }

#lp-wrapper #lp-footer-tips ul{list-style: none;margin:10px 0 0px 0px;; padding: 0; }
#lp-wrapper #lp-footer-tips ul li {font-size: 16px; margin:0 0 10px 0;margin-left: 10px;color: #003296; }
#lp-wrapper #lp-footer-tips ul li:last-child{display: grid;grid-template-columns: 24px auto;}
#lp-wrapper #lp-footer-tips ul li a,#lp-footer-tips ul li span{color: #003296; }
#lp-wrapper #lp-footer-tips ul li a:hover{color: #F5A623; }
#lp-wrapper #lp-footer-tips ul li svg{float: left;width: 14px;height: 14px;fill: #5E7DBC;margin: 5px 10px 0 0; }
#lp-wrapper #lp-footer-tips ul li a svg {width: 14px;height: 14px;fill: #5E7DBC;margin:5px 0 0 5px;float: none;cursor: pointer; }
#lp-wrapper #lp-footer-tips ul li a:hover svg{fill:#F5A623;-webkit-transition: all .2s ease;transition: all .2s ease;}


#lp-wrapper #lp-footer-right{float:right;width: 670px;height: auto; margin:70px 0 50px 0; }
#lp-wrapper #lp-footer-right h2{margin-bottom: 10px; }
 
#lp-wrapper #lp-end{max-width: 1440px;min-width: 1170px; margin: 0 auto;word-wrap: break-word;overflow: hidden; }
#lp-wrapper .lp-footer2025{float: left;width: 100%; clear: both; font-size: 14px;color: #666666; margin:30px 0px 30px 200px ; }




#lp2-wrapper ul li,#lp2-wrapper ol li {font-size: 16px;font-weight: 400;line-height: 1.5;margin: 0 0 10px 0; color: #333333;list-style-position: outside;list-style-type: none;}

#lp2-wrapper #top{width:100%; height: 28px;margin:30px 0 0 0;}
#lp2-wrapper #lp2-header{width: 100%;max-width: 1440px;min-width: 1170px;margin: 0 auto;word-wrap: break-word;  }
#lp2-wrapper .topLf img{width: 162px;height: 28px; }
#lp2-wrapper .topRg span img{float: left; width: 24px;height: 24px;margin-right:8px;user-select: none;  }
#lp2-wrapper .topRg{float: right; width: 490px; display: grid;grid-template-columns:230px auto;justify-content: end; overflow: hidden;}
#lp2-wrapper .topRg span {margin-left: 60px;line-height: 24px; }
#lp2-wrapper .topRg span a {font-size: 16px;  color:#0C0C0C;}
#lp2-wrapper .topRg span a:hover{color:#F58423; }

#lp2-wrapper .banner2{width: 100%;height: 550px;margin-top: 18px; background: #004E9E;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);  background-image: url(../images/rt-img.png); background-repeat: no-repeat;background-position: 780px -1px;}
#lp2-wrapper .banner2 .wrap .bannerLf{float: left; width: 610px;min-height: 445px;margin-top: 105px;overflow: hidden;}
#lp2-wrapper .banner2 .wrap .bannerLf h1{width: 100%;color: #FFF; font-size: 38px;font-style: normal;font-weight: 700;line-height: 49px }
#lp2-wrapper .banner2 .wrap .bannerLf .list1{width: 100%; margin-top: 30px;margin-bottom: 50px;padding-left: 12px; }
#lp2-wrapper .banner2 .wrap .bannerLf .list1 li{line-height: 27px;padding-left: 16px;font-size: 18px;color: #FFF;margin-bottom: 12px;position: relative;}
#lp2-wrapper .banner2 .wrap .bannerLf .list1 li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #fff;left: 0;margin-top: 12px;border-radius: 50%;}
#lp2-wrapper .banner2 .wrap .bannerLf .list-icon{width:100%;height: 46px;display: flex;align-items: center;padding-left: 0px; }
#lp2-wrapper .banner2 .wrap .bannerLf .list-icon li{min-width: 33px; margin-right: 26px;margin-bottom: 0px; }



#lp2-wrapper h2{ color: #004E9E;font-size: 24px;font-weight: 700;line-height: 34px;text-align: left;margin-bottom: 0;}
#lp2-wrapper h2 i{font-style: normal; background-color: #E9EDF6; }
#lp2-wrapper .title{color: #004E9E;font-size: 16px;font-weight: 500;line-height:22px;margin-top: 8px; }
#lp2-wrapper #cantryCranes,#globalBrands,#customizedSolutions,#globalAccess,#servingCountry,#craneCase{margin-top: 110px;}
#lp2-wrapper .productList{display: grid;width: 100%;grid-template-columns: 560px 560px;grid-column-gap: 50px;margin-top: 30px;}
#lp2-wrapper .productList a{ background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);position: relative;}
#lp2-wrapper .productList a .capacity{width: 77px;height: 77px;position: absolute;stroke-width: 1px;stroke: rgba(0, 84, 153, 0.20);opacity: 0.9;border: 1px solid #fff;border-radius: 50%; background-color: #fff;right: 12px;top:173px; color: #004E9E;text-align: center;font-size: 20px;font-weight: 700;line-height: 22px;}
#lp2-wrapper .productList a .capacity span{float: left; color: #004E9E;text-align: center;font-size: 12px;font-weight: 500;width: 100%;margin-top: 19px;line-height: 18px;}
#lp2-wrapper .productList a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#lp2-wrapper .productList a:hover .proName{color: #F5A623;font-size: 16px;font-weight: 700;line-height: 22px;margin: 15px 25px 0 25px; }
#lp2-wrapper .productList .proName{color: #0C0C0C;font-size: 16px;font-weight: 700;line-height: 22px;margin: 15px 25px 0 25px; }
#lp2-wrapper .productList .proIntroduce{width: 510px;margin: 8px 25px 26px 25px;padding: 0;position: relative;min-height: 72px; }
#lp2-wrapper .productList .proIntroduce li{ color: #444;font-size: 16px;line-height: 22px;padding-left: 25px;margin-bottom: 6px;}
#lp2-wrapper .productList .proIntroduce li:nth-child(2){letter-spacing:-0.32px }
#lp2-wrapper .productList .proIntroduce li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #444;left: 10px;margin-top: 8px;border-radius: 50%;}
#lp2-wrapper .productList1{display: grid;width: 100%;grid-template-columns: 360px 360px 360px;grid-column-gap: 45px;margin-top: 40px;}
#lp2-wrapper .productList1 a{ background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);}
#lp2-wrapper .productList1 a .capacity{width: 77px;height: 77px;position: absolute; right: 12px;top:153px; color: #004E9E;text-align: center;font-size: 20px;font-weight: 700;line-height: 22px;stroke-width: 1px;stroke: rgba(0, 84, 153, 0.20);opacity: 0.9;border: 1px solid #fff;border-radius: 50%;background-color: #fff;}
#lp2-wrapper .productList1 a .cranesImg{width: 100%;height: 240px;position: relative; }
#lp2-wrapper .productList1 a .cranesImg img{float: left; width: 360px;height: 240px; }
#lp2-wrapper .productList1 a .capacity span{float: left; color: #004E9E;text-align: center;font-size: 12px;font-weight: 500;width: 100%;margin-top: 19px;line-height: 18px;}
#lp2-wrapper .productList1 a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#lp2-wrapper .productList1 a:hover .proName{color: #F5A623;font-size: 16px;font-weight: 700;line-height: 22px;padding:0 25px;margin-top: 15px; }
#lp2-wrapper .productList a .cranesImg{width: 100%;height: 260px;position: relative; }
#lp2-wrapper .productList1 .proName{ color: #0C0C0C;font-size: 16px;font-weight: 700;line-height: 22px;padding:0 25px;margin-top: 15px; }
#lp2-wrapper .productList1 .proIntroduce{float: left; width: 310px;margin: 8px 25px 20px 25px;padding: 0;position: relative;min-height:128px; }
#lp2-wrapper .productList1 .proIntroduce li{ color: #444;font-size: 16px;line-height: 22px;padding-left: 25px;margin-bottom:6px;}
#lp2-wrapper .productList1 .proIntroduce li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #444;left: 10px;margin-top: 8px;border-radius: 50%;}
#lp2-wrapper .achieves18{display: grid;grid-template-columns:360px 360px 360px;grid-column-gap:45px;margin-top: 110px; }
#lp2-wrapper .achieves18 .gridColumn2{ background: #E9EDF6;padding: 25px 40px;}
#lp2-wrapper .achieves18 .gridColumn2 span{color: #0C0C0C;font-size: 16px;font-weight: 500;line-height: 24px; }
#lp2-wrapper .achieves18 .gridColumn2 span:last-child{color:#004E9E ; }
#lp2-wrapper .achieves18 .gridColumn2 div{ color: #004E9E;font-size: 32px;font-weight: 700;line-height: 38px;margin-top: 20px;margin-bottom: 2px;}
#lp2-wrapper .productList2{width: 100%;display: grid;grid-template-columns:765px 360px;grid-column-gap:45px;margin-top: 30px;}
#lp2-wrapper .productList2 .productList2-1{display: grid;grid-template-columns: 360px 360px; grid-column-gap:45px;grid-row-gap: 30px;}
#lp2-wrapper .productList2 .productList2-1 img{float: left; width: 100%;height: 240px;}
#lp2-wrapper .productList2 .productList2-1 span{float: left; color: #444;font-size: 16px;line-height: 24px;width: 100%;margin-top: 10px;}
#lp2-wrapper .productList2 .productList2-1 span em{font-style: normal;color:#0C0C0C;font-weight: 700; }

#lp2-wrapper .productList2 .productList2-2{width: 100%;height: auto; }
#lp2-wrapper .productList2 .productList2-2 img{float: left; width: 100%;height: 592px;}
#lp2-wrapper .productList2 .productList2-2 span{float: left; color: #444;font-size: 16px;line-height: 24px;width: 100%;margin-top: 10px;}
#lp2-wrapper .productList2 .productList2-2 span em{font-style: normal;color:#0C0C0C;font-weight: 700; }

#lp2-wrapper .optionList{ display:grid;grid-template-columns: 560px 560px;grid-column-gap:50px;margin-top:50px; }
#lp2-wrapper .optionList .option{width: 560px;min-height: 578px;flex-shrink: 0; border: 3px solid #5E7DBC;background: #EBEFF7;box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);backdrop-filter: blur(1.5px);position: relative;}
#lp2-wrapper .optionList .option .optTopbg{width: 190px;height: 40px; background: url('../images/option.svg') no-repeat;position: absolute;left: -3px;top:-21px }
#lp2-wrapper .optionList .option .optTopbg span{float: left; line-height: 21px;font-size: 16px; color: #fff;margin-left: 35px;margin-top: 9px; }
#lp2-wrapper .optionList .option .optTitle{color: #0C0C0C;font-size: 20px;font-weight: 700;line-height: 26px;margin-top: 40px;margin-left: 50px; }
#lp2-wrapper .optionList .option ul{width: 475px;margin-left: 50px;margin-top: 24px; padding: 0;margin-bottom:25px; }
#lp2-wrapper .optionList .option ul li{color: #0C0C0C;font-size: 16px; font-weight: 500;margin-bottom: 12px;}
#lp2-wrapper .optionList .option ul li span{float: left; font-weight: 400; color: #444;width: 79px;margin-right: 16px; }
#lp2-wrapper .optionList .option .configuration{float: left; width: 100%;padding: 26px 50px 32px 50px; min-height: 260px;flex-shrink: 0;background: #5E7DBC; }
#lp2-wrapper .optionList .option .configuration span{float: left;width: 100%; color: #EEE;line-height: 21px;font-size: 16px;}
#lp2-wrapper .optionList .option .configuration p{float: left; color: #FFF;font-size: 16px;line-height: 24px;font-weight: 500;margin-top: 8px;margin-bottom: 0px; }
#lp2-wrapper .optionList .option .configuration .margintop24{margin-top: 24px;}

#lp2-wrapper .serviceStaff{display: grid;grid-template-columns:320px 845px; background-color: #E9EDF6;height: 260px;width: 100%;flex-shrink: 0;margin-top: 110px; }
#lp2-wrapper .serviceStaff .staffImg{width: 160px;height:200px;margin:30px 30px 30px 130px; }
#lp2-wrapper .serviceStaff .staffInfo{width: 100%;padding-left: 41px;background-position:0px 110px; background-image: url('../fonts/dgcrane-4.svg');background-repeat: no-repeat; mix-blend-mode: multiply}
#lp2-wrapper .serviceStaff .staffInfo .staffName{color: #004E9E;font-size: 24px;font-weight: 700;line-height: 130%;margin-top: 37px; }
#lp2-wrapper .serviceStaff .staffInfo p{color:#666;font-size: 16px;font-style: italic;line-height: 21px;margin-top: 2px;margin-bottom: 20px; }
#lp2-wrapper .serviceStaff .staffInfo p i{font-style: normal; }
#lp2-wrapper .serviceStaff .staffIntr{display: grid;grid-template-columns:repeat(3,210px);grid-column-gap:15px; }
#lp2-wrapper .serviceStaff .staffIntr span{height: 21px;font-size: 16px; color: #444;}
#lp2-wrapper .serviceStaff .staffIntr span.addBold{color: #0C0C0C;font-weight: 700; }

#lp2-wrapper .serviceStaff .staffContact{width: 610px; display: grid;grid-template-columns: repeat(2,50%);grid-column-gap:40px; margin-top: 40px;}
#lp2-wrapper .serviceStaff .staffContact span{line-height: 24px;color: #004E9E;font-size: 16px;  }
#lp2-wrapper .serviceStaff .staffContact span a{line-height: 24px;color: #004E9E;font-size: 16px; }
#lp2-wrapper .serviceStaff .staffContact span a:hover{color: #F5A623; }
#lp2-wrapper .serviceStaff .staffContact span img{float: left;width: 24px;height: 24px;margin-right: 8px;}
#lp2-wrapper .note{color: #666;font-size: 16px; font-weight: 500;line-height: 24px;margin-top: 20px;  } 

#lp2-wrapper .reportList{width: 100%;display: grid;grid-template-columns:repeat(4,270px);grid-column-gap:30px;margin-top: 25px; }
#lp2-wrapper .reportList img{float: left;width: 270px;height: 380px; }
#lp2-wrapper .reportList span{float: left; color: #444;font-size: 16px;line-height: 23px;width: 100%;margin-top: 15px;}
#lp2-wrapper .reportList em{font-style: normal;color:#0C0C0C;font-weight: 700; }
#lp2-wrapper .servingCountry{display: grid;grid-template-columns: 884px 270px; grid-column-gap:16px;margin-top: 36px;height: 400px; }
#lp2-wrapper .servingCountry .map-4{ background: url('../fonts/map-1.svg') no-repeat;position: relative;    }
#lp2-wrapper .servingCountry .map-4 ul{width:180px;min-height: 76px;padding: 11px 12px; border: 1px solid #EEE;background: rgba(255, 255, 255, 0.80);box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);backdrop-filter: blur(1.5px);margin: 0;position: relative; }
#lp2-wrapper .servingCountry .map-4 ul span{position: absolute;width: 38px;height: 48px;font-size: 15px;color: #fff; font-weight: 700;line-height:35px;text-align: center; }
#lp2-wrapper .servingCountry .map-4 ul:nth-child(1) span{background: url('../fonts/location 2.svg') no-repeat; right: -19px; top: 40px;}
#lp2-wrapper .servingCountry .map-4 ul:nth-child(2) span{background: url('../fonts/location 3.svg') no-repeat; right: -20px; top: -34px;}
#lp2-wrapper .servingCountry .map-4 ul:nth-child(3) span{background: url('../fonts/location 5.svg') no-repeat; left: 40px;bottom: -40px;}
#lp2-wrapper .servingCountry .map-4 ul:nth-child(4) span{background: url('../fonts/location 4.svg') no-repeat; right: -19px; top: -28px;}
#lp2-wrapper .servingCountry .map-4 ul:nth-child(5) span{background: url('../fonts/location 1.svg') no-repeat; top: -27px;left: -19px;}
#lp2-wrapper .servingCountry .map-4 ul li{color:#444;font-size: 14px;line-height: 18px;margin: 0;}
#lp2-wrapper .servingCountry .map-4 ul li.country{color:#0C0C0C;font-weight: 700; }
#lp2-wrapper .servingCountry .map-4 ul:nth-child(1){position:absolute;top:138px;right: 348px; }
#lp2-wrapper .servingCountry .map-4 ul:nth-child(2){position:absolute;top:270px;left: 70px; }
#lp2-wrapper .servingCountry .map-4 ul:nth-child(3){position:absolute;top:25px;right:150px;width: 190px;padding: 11px 17px; }
#lp2-wrapper .servingCountry .map-4 ul:nth-child(4){position:absolute;top:270px;left: 308px; }
#lp2-wrapper .servingCountry .map-4 ul:nth-child(5){position:absolute;top:246px;right:18px; }
#lp2-wrapper .servingCountry .proportionRegion{width: 100%;height: 320px;background: #F7F7F7;box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);padding: 30px 20px 25px 20px; }
#lp2-wrapper .servingCountry .proportionRegion .regionTitle{ color: #0C0C0C;line-height: 22px;font-size: 16px; }
#lp2-wrapper .servingCountry .proportionRegion img{margin-top: 20px; margin-left: 35px;width: 160px;height: 160px; }
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry{width: 100%;margin-top: 23px; }
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span{margin-right: 20px;margin-bottom: 6px;line-height: 17px;font-size: 12px;color: #0C0C0C;float: left;position: relative;padding-left: 14px; }
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(2),#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(5){margin-right: 0; }
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span::before{content: '';display: block;position: absolute;width: 8px;height: 8px; background: #004E9E;left: 0;margin-top: 6px;border-radius: 50%;}
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(2)::before{ background: #008CFF;}
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(3)::before{ background: #089900;}
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(4)::before{ background: #994500;}
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(5)::before{ background: #D7A455;}


#lp2-wrapper .productList3{width: 100%; margin-top: 54px; margin-bottom: 130px;min-height: 590px;position: relative;}
#lp2-wrapper .productList3 a{float: left;width: 270px; position: relative;}
#lp2-wrapper .productList3 a img{float: left; }
#lp2-wrapper .productList3 a:nth-child(1){ width: 570px;margin-right: 30px;}
#lp2-wrapper .productList3 a:nth-child(2){ margin-right: 30px;}
#lp2-wrapper .productList3 a:nth-child(4){ width: 570px;margin-top: 30px; }
#lp2-wrapper .productList3 a:nth-child(5){position: absolute; left: 0px;top: 410px; }
#lp2-wrapper .productList3 a:nth-child(6){position: absolute;left: 300px;top: 410px; }
#lp2-wrapper .productList3 .proBottonBg{width: 100%; position:absolute;bottom:0px;height: 80px;background: linear-gradient(180deg, rgba(146, 168, 212, 0.00) 21.25%, rgba(0, 0, 0, 0.60) 78.04%);}
#lp2-wrapper .productList3 a p{position: absolute;bottom: 10px;color: #FFF;font-weight: 700;line-height: 21px;text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.60); font-size: 16px; margin: 0px;left: 16px;right: 16px;}
#lp2-wrapper .productList3 a:hover::after,#lp2-wrapper .productList3 a:hover::before,
#lp2-wrapper .productList3 a:nth-child(1):hover::after,#lp2-wrapper .productList3 a:nth-child(1):hover::before,
#lp2-wrapper .productList3 a:nth-child(4):hover::after,#lp2-wrapper .productList3 a:nth-child(4):hover::before{display: block;}

#lp2-wrapper .productList3 a::before{ content: '';width: 270px;height:180px;background-color: rgb(0, 49, 161,0.4);position: absolute;top: 0;display: none; -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#lp2-wrapper .productList3 a::after{ content: '';width: 36px;height: 36px;position: absolute;top: 70px;left:115px;display: none; background: url('../fonts/fangda.svg'); -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#lp2-wrapper .productList3 a:nth-child(1)::before,#lp2-wrapper .productList3 a:nth-child(4)::before{ content: '';width: 570px;height:380px;background-color: rgb(0, 49, 161,0.4);position: absolute;top: 0;display: none; -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#lp2-wrapper .productList3 a:nth-child(1)::after,#lp2-wrapper .productList3 a:nth-child(4)::after{ content: '';width: 36px;height: 36px;position: absolute;top: 170px;left:255px;display: none; background: url('../fonts/fangda.svg'); -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}




#lp2-wrapper .footerbg ,#lp3-wrapper .footerbg{width: 100%;max-width: 1440px;min-width: 1170px;background-color: #E9EDF6; margin: 0 auto;word-wrap: break-word;overflow: hidden; }
#lp2-wrapper .footer{display:grid;grid-template-columns:400px 675px;grid-column-gap:73px;margin-top: 80px; margin-bottom: 80px; }
#lp2-wrapper .footer .footerLeft{width: 100%;min-height: 680px; background: #FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);  background-image: url('../fonts/dgcrane-bg 5.svg');background-repeat: no-repeat;background-position: center 10px;padding: 40px 30px; }
#lp2-wrapper .footer .footerLeft h3{font-size: 18px; font-weight: 700;line-height: 27px;color: #0C0C0C;padding: 0; }
#lp2-wrapper .footer .footerLeft h4{font-size: 15px; line-height: 24px;color: #444;font-weight: 400; }
#lp2-wrapper .footer .footerLeft h4.margintop10{margin-top: 10px; }
#lp2-wrapper .footer .footerLeft h4.margintop6{margin-top: 6px; }
#lp2-wrapper .footer .footerLeft ol{width: 100%; border-bottom: 1px solid #A7CFEB;list-style: auto;padding-bottom: 34px;padding-left:20px;margin-bottom: 30px;margin-top: 6px;}
#lp2-wrapper .footer .footerLeft ol li{color: #444;font-size: 15px;line-height: 22.5px;margin-bottom: 10px;list-style-type: decimal; }
#lp2-wrapper .footer .footerLeft ul{margin-top: 20px;margin-bottom: 0px;padding-left: 5px; }
#lp2-wrapper .footer .footerLeft ul li{font-size: 15px;color:#004E9E;line-height: 22.5px; margin-bottom: 12px;}
#lp2-wrapper .footer .footerLeft ul li svg{margin-right: 10px;float: left;margin-top: 5px; width: 16px;  height: 16px; fill: #004E9E; }
#lp2-wrapper .footer .footerLeft ul li a{ color:#004E9E;}
#lp2-wrapper .footer .footerLeft ul li a:hover{color:#F5A623;font-weight: 400; }
#lp2-wrapper .footer .footerLeft ul li:last-child{display: grid; grid-template-columns: 24px auto;}
#lp2-wrapper .footer .footerRight h2{color: #166297;font-size: 24px;font-weight: 700;line-height: 37px;margin-bottom: 20px; }

#lp2-wrapper .copyright,#lp3-wrapper .copyright{color: #666; font-size: 14px;line-height: 21px; padding: 20px 30px;}

.pswp__caption__center{max-width: 100%;}
.pswp__caption__center p{color:#ccc;}

#lp3-wrapper ol,ul{margin: 0;padding:0;list-style: none; }
#lp3-wrapper ul li, ol li{margin: 0;padding: 0;list-style: none; }
#lp3-wrapper h1{color: #fff; text-shadow: 2px 2px 0 #0C0C0C;font-size: 38px;font-weight: 700;line-height: 130%;}
#lp3-wrapper h2{color: #004E9E; font-size: 24px;font-weight: 700;line-height: 140%;text-align: left;margin: 0; }
#lp3-wrapper .title{color: #000; font-size: 16px;font-weight: 500;line-height: 140%;margin-top: 8px;}
#lp3-wrapper .banner1{background: #003296; max-width: 1440px; height: 500px;margin: 0 auto;overflow: hidden;position: relative;background-repeat: no-repeat; background-image: url('../images/home_banner.jpg');margin-top: 30px;}
#lp3-wrapper .banner1 .banner-detail{margin-top: 238px;width: 1000px; }
#lp3-wrapper .banner1 .banner-detail ul{margin-top: 8px; }
#lp3-wrapper .banner1 .banner-detail ul li{position: relative;padding-left: 29px; color: #fff;font-size: 18px; font-weight: 500;line-height: 150%; }
#lp3-wrapper .banner1 .banner-detail ul li::before{content: '';display: block;position: absolute;width: 5px;height: 5px; background: #fff;left: 12px;margin-top: 11px;border-radius: 50%; }
#lp3-wrapper .banner1 .banner-detail .icon-list{display:flex;margin-top: 32px; height: 30px;width: 100%;align-items: center; }
#lp3-wrapper .banner1 .banner-detail .icon-list img{min-width:22px;margin-right: 17px; }

#lp3-wrapper #eot-cranes{margin-top: 108px;}
#lp3-wrapper .eot-cranes-list{margin-top: 30px; display: grid;grid-template-columns: repeat(2,560px);column-gap: 50px; }
#lp3-wrapper .eot-cranes-list a{background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);position: relative;min-height: 410px;}
#lp3-wrapper .eot-cranes-list a .capacity{width: 77px;height: 77px;position: absolute;stroke-width: 1px;stroke: rgba(0, 84, 153, 0.20);opacity: 0.9;border: 1px solid #fff;border-radius: 50%; background-color: #fff;right: 10px;top:173px; color: #004E9E;text-align: center;font-size: 20px;font-weight: 700;line-height: 22px;}
#lp3-wrapper .eot-cranes-list a .capacity span{color: #004E9E;text-align: center;font-size: 12px;font-weight: 500;width: 100%;margin-top: 19px;line-height: 18px;}
#lp3-wrapper .eot-cranes-list a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#lp3-wrapper .eot-cranes-list a:hover .proName{color: #F5A623; }
#lp3-wrapper .eot-cranes-list .proName{color: #0C0C0C;font-size: 16px;font-weight: 700;line-height: 22px;margin: 22px 25px 0 25px; }
#lp3-wrapper .eot-cranes-list .proIntroduce{margin:6px 25px 26px 22px;padding: 0;position: relative;min-height: 72px; }
#lp3-wrapper .eot-cranes-list .proIntroduce li{ color: #444;font-size: 16px;line-height: 22px;padding-left: 25px;margin-bottom: 6px;}
#lp3-wrapper .eot-cranes-list .proIntroduce li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #444;left: 10px;margin-top: 8px;border-radius: 50%;}
#lp3-wrapper .eot-cranes-list a .cranesImg{width: 100%;height: 260px;position: relative; }
#lp3-wrapper .eot-cranes-list a .cranesImg img{width: 560px; height: 260px; }
#lp3-wrapper .eot-cranes-list1{display: grid;width: 100%;grid-template-columns:repeat(3,360px);grid-column-gap: 45px;margin-top: 50px;}
#lp3-wrapper .eot-cranes-list1 a{background: #FFF;box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); min-height: 500px;}
#lp3-wrapper .eot-cranes-list1 a .capacity{width: 77px;height: 77px;position: absolute; right: 10px;top:153px; color: #004E9E;text-align: center;font-size: 20px;font-weight: 700;line-height: 22px;stroke-width: 1px;stroke: rgba(0, 84, 153, 0.20);opacity: 0.9;border: 1px solid #fff;border-radius: 50%;background-color: #fff;}
#lp3-wrapper .eot-cranes-list1 a .cranesImg{width: 100%;height: 240px;position: relative; }
#lp3-wrapper .eot-cranes-list1 a .cranesImg img{width: 360px;height: 240px; }
#lp3-wrapper .eot-cranes-list1 a .capacity span{ color: #004E9E;text-align: center;font-size: 12px;font-weight: 500;width: 100%;margin-top: 19px;line-height: 18px;}
#lp3-wrapper .eot-cranes-list1 a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#lp3-wrapper .eot-cranes-list1 a:hover .proName{color: #F5A623;}
#lp3-wrapper .eot-cranes-list1 .proName{ color: #0C0C0C;font-size: 16px;font-weight: 700;line-height: 22px;padding:0 25px;margin-top: 22px; }
#lp3-wrapper .eot-cranes-list1 .proIntroduce{margin: 6px 25px 30px 25px;padding: 0;position: relative;min-height:188px; }
#lp3-wrapper .eot-cranes-list1 .proIntroduce li{ color: #444;font-size: 16px;line-height: 22px;padding-left: 25px;margin-bottom:6px;}
#lp3-wrapper .eot-cranes-list1 .proIntroduce li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #444;left: 10px;margin-top: 8px;border-radius: 50%;}
#lp3-wrapper #high-performance-eot-crane{margin-top: 110px; }
#lp3-wrapper .performance-eot-detail{position: relative; border: 1px solid #EEE; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);min-height: 556px;margin-top: 30px; }
#lp3-wrapper .performance-eot-detail img{position: absolute;left: 280px;top: 50px; width: 614px;height: 446px }
#lp3-wrapper .performance-eot-detail .features-title{position: absolute;left: -2px; background: linear-gradient(-64deg, transparent 20px, #ddd 0);min-width: 376px; padding: 10px 46px 11px 30px;color: #444;font-size: 15px;line-height: 130%;font-weight: 700;font-family:"Lato"; }
#lp3-wrapper .performance-eot-detail .performance-eot-info{width: 240px; position: absolute;z-index: 2; }
#lp3-wrapper .performance-eot-detail .performance-eot-info.width1{width: 260px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info.width2{width: 290px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info span{color: #0C0C0C;font-size: 14px;line-height: 140%;font-weight: 700; }
#lp3-wrapper .performance-eot-detail .performance-eot-info ul{margin-top: 4px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info ul li{color: #444;font-size: 14px;line-height:140%;position: relative;padding-left: 25px; margin-bottom:8px;}
#lp3-wrapper .performance-eot-detail .performance-eot-info ul li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #444;left: 10px;margin-top: 8px;border-radius: 50%;}
#lp3-wrapper .performance-eot-detail .performance-eot-info:nth-child(2){left: 30px;top:125px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info:nth-child(3){left: 160px;top:321px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info:nth-child(4){left: 550px;top:54px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info:nth-child(5){left: 900px;top:181px; }
#lp3-wrapper .performance-eot-detail .performance-eot-info:nth-child(6){left: 811px;top:386px; }
#lp3-wrapper #high-performance-eot-crane .performance-eot-detail:nth-child(3){margin-top: 40px; }
#lp3-wrapper #high-performance-eot-crane .performance-eot-detail:nth-child(3) img{position: absolute;left: 288px;top: 50px; width: 606px; }


#lp3-wrapper #customized-eot-crane .customized-eot-crane-list{display: grid; margin-top: 54px;grid-template-columns: repeat(2,560px);column-gap:50px; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail{border:2px solid #FF8F00;min-height: 530px;position: relative;height: fit-content;}
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .eot-crane-titlebg{position: absolute;top:-24px;left: -2px; width: 100%; height: 40px;background:url(../fonts/tag-bg-blue.svg) no-repeat;padding: 9px 0 10px 30px;color: #fff;font-weight: 700;line-height: 130%; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(1) .eot-crane-titlebg{background:url('../fonts/tag-bg.svg') no-repeat; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .title3{width: 300px;height: 40px; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul{margin: 40px 50px 30px 50px; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li{color: #444;line-height: 150%;margin-bottom: 10px; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li strong{font-weight: 700; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info{background-color: #FF8F00;padding:30px 50px;min-height: 267px; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info .title2{color: #fff;font-weight: 700;}
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p{color: #fff;font-weight: 500;margin-bottom: 24px;line-height:140%; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p:last-child{margin-bottom: 0; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2){border: 2px solid #369; }
#lp3-wrapper #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) .customized-eot-crane-info{background-color: #369; }


#lp3-wrapper #customized-proposal{margin-top: 100px; }
#lp3-wrapper .serviceStaff{display: grid;grid-template-columns:320px 850px; background-color: #E9EDF6;height: 260px;width: 100%;flex-shrink: 0;margin-top: 20px; }
#lp3-wrapper .serviceStaff .staffImg{width: 160px;margin:24px 30px 30px 130px; }
#lp3-wrapper .serviceStaff .staffImg img{width: 160px; height: 200px; }
#lp3-wrapper .serviceStaff .staffInfo{width: 100%;padding-left: 41px;background-position:0px 110px; background-image: url('../fonts/dgcrane-4.svg');background-repeat: no-repeat; mix-blend-mode: multiply}
#lp3-wrapper .serviceStaff .staffInfo .staffName{color: #004E9E;font-size: 24px;font-weight: 700;line-height: 130%;margin-top: 29px; }
#lp3-wrapper .serviceStaff .staffInfo p{color:#666;font-size: 16px;font-style: italic;line-height: 130%;margin-top: 2px;margin-bottom: 20px; }
#lp3-wrapper .serviceStaff .staffInfo p i{font-style: normal; }
#lp3-wrapper .serviceStaff .staffIntr{display: grid;grid-template-columns:repeat(3,210px);column-gap:15px; }
#lp3-wrapper .serviceStaff .staffIntr span{height: 21px;font-size: 16px; color: #444;}
#lp3-wrapper .serviceStaff .staffIntr span.addBold{color: #0C0C0C;font-weight: 700; }

#lp3-wrapper #customized-eot-crane,#lp3-wrapper #single-girder-eot-price,#lp3-wrapper #crane-design-export,#lp3-wrapper #dgcrane-global-service{ margin-top: 110px;}

#lp3-wrapper .serviceStaff .staffContact{width: 610px; display: grid;grid-template-columns: repeat(2,50%);column-gap:40px; margin-top: 40px;}
#lp3-wrapper .serviceStaff .staffContact span{display: flex; line-height: 24px;color: #004E9E;font-size: 16px;  }
#lp3-wrapper .serviceStaff .staffContact span a{line-height: 24px;color: #004E9E;font-size: 16px; }
#lp3-wrapper .serviceStaff .staffContact span a:hover{color: #F5A623; }
#lp3-wrapper .serviceStaff .staffContact span img{width: 24px;height: 24px;margin-right: 8px;}
#lp3-wrapper #flexible-procurement .flexible-cost .flexible-cost-title{margin-top: 20px; }
#lp3-wrapper #flexible-procurement .flexible-cost .title{margin-top: 20px; }
#lp3-wrapper #flexible-procurement .flexible-cost{display: grid;grid-template-columns: 760px auto;column-gap: 74px; }
#lp3-wrapper #flexible-procurement .flexible-complete{display: grid;grid-template-columns: repeat(2,560px); column-gap: 50px;margin-top: 30px; }
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail{position: relative; width: 100%;border: 1px solid #EEE;background: rgba(255, 255, 255, 0.80);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);min-height: 600px;}
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-title{position: absolute;left: -2px; background: linear-gradient(-64deg, transparent 20px, #ddd 0);min-width: 220px; padding: 10px 46px 11px 30px;color: #444;font-size: 15px;line-height: 130%;font-weight: 700;top:0; }
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(2){position: absolute;top: 20px;right: 30px;height: 60px; width: 60px; }
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(3){width: 330px; height: 190px;display: block;margin: 0 auto;margin-top: 60px;}
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info{padding: 30px;}
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info .title4{color: #444; font-size: 16px;line-height: 130%; }
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul{margin-bottom: 20px;width: 460px;margin-top: 4px; }
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li{position: relative; padding-left: 25px;color: #0C0C0C;line-height: 140%;font-size: 16px; }
#lp3-wrapper #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li::before{content: '';display: block;position: absolute;width:4px;height: 4px; background: #0C0C0C; border-radius: 50%;top:9px;left:6px;}
#lp3-wrapper #flexible-procurement .crane-distributed{position: relative;width: 333px;min-height: 196px; }
#lp3-wrapper #flexible-procurement .crane-distributed img{position: absolute;top:6px;width: 208px;height: 189px; }
#lp3-wrapper #flexible-procurement .crane-distributed span{font-size: 14px; color: #fff;font-weight: 500;line-height: 140%;position: absolute; }
#lp3-wrapper #flexible-procurement .crane-distributed span:nth-child(2){left: 22px;top:43px;}
#lp3-wrapper #flexible-procurement .crane-distributed span:nth-child(3){left: 53px;top:131px; }
#lp3-wrapper #flexible-procurement .crane-distributed span:nth-child(4){left: 212px;top:-1px;color:#004E9E; }
#lp3-wrapper #flexible-procurement .crane-distributed span:nth-child(5){left: 212px;top:59px;color:#004E9E; }
#lp3-wrapper #flexible-procurement .crane-distributed ul{position: absolute;top:120px;left:189px;}
#lp3-wrapper #flexible-procurement .crane-distributed ul li{color: #444;font-size: 14px;font-weight: 500;line-height: 140%;position: relative;margin-bottom: 4px;padding-left: 25px; }
#lp3-wrapper #flexible-procurement .crane-distributed ul li::before{content: '';display: block;position: absolute;width:10px;height: 10px; background: #FF8F00; border-radius: 50%;top:6px;left:6px;} 
#lp3-wrapper #flexible-procurement .crane-distributed ul li:nth-child(2):before{ background: #004E9E;}

#lp3-wrapper  #crane-design-export .crane-export-list{display: grid;grid-template-columns: repeat(2,560px);column-gap: 50px;row-gap: 30px;margin-top: 20px; }
#lp3-wrapper  #crane-design-export .crane-export-list .crane-export-detail{display: grid;grid-template-columns: 150px 350px;column-gap: 30px;  background: #EBEFF7;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);min-height: 220px; }
#lp3-wrapper  #crane-design-export .crane-export-list .crane-export-detail img{width:150px;height: 220px; }
#lp3-wrapper  #crane-design-export .crane-export-list .crane-export-detail .crane-export-info{width: 100%;padding-bottom: 20px;}
#lp3-wrapper  h3{color: #000;font-size: 18px;font-weight: 500;line-height: 140%; }
#lp3-wrapper  #crane-design-export .crane-export-list .crane-export-detail .crane-export-info h3{margin-top: 30px;padding: 0; }
#lp3-wrapper  #crane-design-export .crane-export-list .crane-export-detail .crane-export-info p{color: #4A4A4A;line-height: 150%;margin: 0;margin-top: 16px; }


#lp3-wrapper #flexible-procurement{margin-top: 100px; }
#lp3-wrapper #serving-country{margin-top: 90px;margin-bottom: 90px; }
#lp3-wrapper #serving-country .serving-country-grid{display: grid;grid-template-columns: 905px 240px;column-gap: 25px; }

#serving-country .serving-country-grid{display: grid;grid-template-columns: 905px 240px;column-gap: 25px; }
 
#lp3-wrapper #export-projects-map img{left: -8px;width: 850px; height: 370px;}
#lp3-wrapper #europe{top: 39px;left: 322px; }
#lp3-wrapper #europe-location{top:40px;left:194px; }
#lp3-wrapper .location{padding-top:8px; }
#lp3-wrapper #asia-location{top:50px;left:-22px; }
#lp3-wrapper #asia{top:46px;left:690px; }
#lp3-wrapper #south-america-location,#lp3-wrapper #africa-location{left: 193px; }
#lp3-wrapper #south-america{top: 273px;left: 55px; }
#lp3-wrapper #africa{top: 213px; left: 302px; }
#lp3-wrapper #north-america{left: 158px; }
#lp3-wrapper .export-projects-title{font-weight: 500;line-height:120%;color: #000; }
#lp3-wrapper .export-projects-title span{font-size:14px;font-weight: 500; }

#lp3-wrapper .exported-products ul{ list-style: none;margin:9px 0 0 0;padding: 0;position: relative; }
#lp3-wrapper .exported-products ul li{ font-size:12px;height:18px;line-height:18px;margin:0 0 8px 0;color:#231815 ;font-weight: 500;text-align: right;background: #9E9E9F;}
#lp3-wrapper .exported-products ul li span.year-exported{float: left; width: 30px; color: #231815;text-align: left;font-size:12px;line-height: 18px;background: #ffffff;}
#lp3-wrapper .exported-products ul li span.row1-2{ width:152px; }
#lp3-wrapper .exported-products ul li span.row1-3{ width:56px;}
#lp3-wrapper .exported-products ul li span.row2-2{width:128px;}
#lp3-wrapper .exported-products ul li span.row2-3{width:80px;}
#lp3-wrapper .exported-products ul li span.row3-2{width:110px;}
#lp3-wrapper .exported-products ul li span.row3-3{width:98px;}
#lp3-wrapper .exported-products ul li span.row4-2{width:90px;}
#lp3-wrapper .exported-products ul li span.row4-3{width:118px;}
#lp3-wrapper .exported-products ul li span.row5-2{width:70px;}
#lp3-wrapper .exported-products ul li span.row5-3{width:138px;}
#lp3-wrapper .exported-products ul li span.row1-3,#lp3-wrapper .exported-products ul li span.row2-3,#lp3-wrapper .exported-products ul li span.row3-3,#lp3-wrapper .exported-products ul li span.row4-3
,#lp3-wrapper .exported-products ul li span.row5-3{float: left; height: 18px;font-size:12px;line-height: 18px; color: #000000;font-weight: 600;padding-right: 2px; position: absolute;
    text-align: right;
    right: 0;
    z-index: 10;
    width: 100%;}
#lp3-wrapper .exported-products ul li span.row1-2,#lp3-wrapper .exported-products ul li span.row2-2,#lp3-wrapper .exported-products ul li span.row3-2,#lp3-wrapper .exported-products ul li span.row4-2,#lp3-wrapper .exported-products ul li span.row5-2{float: left; height: 18px;background-color: #036AAE; }
#lp3-wrapper .exported-products ul li:last-child{margin-bottom: 0px; }
#lp3-wrapper .export-projects-right{width: 100%; }
#lp3-wrapper .dgcrane-local{background-color:#FF8F00;width: 240px; min-height: 120px;margin-top: 30px;float:left;padding: 20px;text-align: center;}
#lp3-wrapper .dgcrane-local span{color:#fff;text-align: center;font-size: 16px;font-weight: 500;line-height: 120%;text-transform: capitalize;margin-bottom: 10px;}
#lp3-wrapper .dgcrane-local a{display: inline-block;min-width:160px;text-align: center;background-color: #fff;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);line-height: 22px; padding: 5px 18px;color: #F58423;font-size: 16px;font-weight: 700; }
#lp3-wrapper .dgcrane-local a:hover{background-color:#004E9E;color: #fff; }
#lp3-wrapper .serving-cases-list{margin-top: 60px;display: grid;grid-template-columns:repeat(3,360px);column-gap: 45px;row-gap: 56px; }
#lp3-wrapper .serving-cases-list .serving-cases-detail {width: 100%; background: #FFF;height: fit-content; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);position: relative; }
#lp3-wrapper .serving-cases-list .serving-cases-detail img{width: 360px;height: 240px; }
#lp3-wrapper .serving-cases-list .serving-cases-detail .serving-cases-tag{position: absolute;top: 200px;padding:4px 26px 6px 20px;line-height: 140%;  background: linear-gradient(-66deg, transparent 20px, #ddd 0);;font-size: 14px;font-weight: 500;  }
#lp3-wrapper .serving-cases-list .serving-cases-detail .serving-cases-tag strong{font-weight: 700;padding-right: 8px; }
#lp3-wrapper .serving-cases-list .serving-cases-detail p{font-weight: 700;color:#0C0C0C;padding: 20px 25px 10px 25px;margin: 0; }
#lp3-wrapper .serving-cases-list .serving-cases-detail ul{padding:0px 25px 30px 25px; }
#lp3-wrapper .serving-cases-list .serving-cases-detail ul li{color:#333;line-height: 140%;margin-bottom: 9px;padding-left: 25px; position: relative;}
#lp3-wrapper .serving-cases-list .serving-cases-detail ul li:last-child{margin-bottom: 0px; }
#lp3-wrapper .serving-cases-list .serving-cases-detail ul li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #333;left: 10px;margin-top: 8px;border-radius: 50%;}
/* #lp3-wrapper .serving-cases-list .serving-cases-detail a{display: block; }
#lp3-wrapper .serving-cases-list .serving-cases-detail a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#lp3-wrapper .serving-cases-list .serving-cases-detail a:hover p{color: #004E9E;} */
#lp3-wrapper .serving-cases-list .serving-cases-detail:nth-child(1),#lp3-wrapper .serving-cases-list .serving-cases-detail:nth-child(4){border-left: none; }
#lp3-wrapper .serving-cases-list .serving-cases-detail:nth-child(3),#lp3-wrapper .serving-cases-list .serving-cases-detail:nth-child(6){border-right: none; }




/* #lp3-wrapper #single-girder-eot-price .product-price-table{margin-top:20px; width: 100%;min-height: 278px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);padding:0px 25px 0px 25px; } */
#lp3-wrapper #single-girder-eot-price .product-price-table{margin-top:20px; width: 100%;min-height: 278px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);background: linear-gradient(to bottom,#DDD 40px, transparent 0);padding:0px 25px 0px 25px; }
#lp3-wrapper #single-girder-eot-price .product-price-table table{width: 100%; border-collapse: collapse;}

#lp3-wrapper #single-girder-eot-price .product-price-table table tr{border-bottom: 2px solid #ddd; }
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th,#lp3-wrapper #single-girder-eot-price .product-price-table table tr td{padding-right: 20px;font-family: "Lato";  text-align: left;color: #444;}
#lp3-wrapper #single-girder-eot-price .product-price-table table tr td{font-size: 16px;line-height:200%;font-weight: 400;padding-top:8px;}
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th{padding-bottom: 11px;padding-top: 11px;font-size: 15px;font-weight:700;line-height:18px;}
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(1),#lp3-wrapper #single-girder-eot-price .product-price-table table tr td:nth-child(1){width:107px;padding-left: 15px;margin-left: 25px; } 
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(2),#lp3-wrapper #single-girder-eot-price .product-price-table table tr td:nth-child(2){width:88px; } 
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(3),#lp3-wrapper #single-girder-eot-price .product-price-table table tr td:nth-child(3){width:147px; } 
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(4),#lp3-wrapper #single-girder-eot-price .product-price-table table tr td:nth-child(4){width:215px; } 
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(5),#lp3-wrapper #single-girder-eot-price .product-price-table table tr td:nth-child(5){padding-left: 40px;padding-right: 0px; width:221px;background-color: #F7F7F7;font-weight: 700;  } 
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(5){background-color:#FF8F00 ;color: #fff;border: none; }
#lp3-wrapper #single-girder-eot-price .product-price-table table tr th:nth-child(6),#lp3-wrapper #single-girder-eot-price .product-price-table table tr td:nth-child(6){width:207px;padding-right: 0px;padding-left:50px;font-weight: 700; } 
#lp3-wrapper #single-girder-eot-price .product-price-table table tr:first-child{border-bottom: none; }
#lp3-wrapper #single-girder-eot-price .product-price-table table tr:last-child{ border: none;padding-bottom:8px;}
#lp3-wrapper #single-girder-eot-price .product-price-table table tr:last-child td{ padding-bottom:8px;}
#lp3-wrapper #single-girder-eot-price .pricing-notice{color: #666;font-size: 14px;font-weight: 500;line-height: 150%; margin-top: 16px;}

#lp3-wrapper #dgcrane-global-service .global-service-list{display: grid;grid-template-columns: repeat(2,560px);column-gap:50px;margin-top: 40px;row-gap:30px; }
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-grid{display: grid;grid-template-columns:40px 500px;grid-column-gap:20px;  } 
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-grid img {width: 40px;height: 40px; }
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-detail{width: 100%; }
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-detail .title1{font-size: 18px;line-height: 25px;font-weight: bold; }
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-detail ul{width: 100%;margin-top: 8px;}
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-detail li{line-height: 150%;padding-left: 20px;position: relative; }
#lp3-wrapper #dgcrane-global-service .global-service-list .global-service-detail li::before{content: '';display: block;position: absolute;width:4px;height: 4px; background: #4D4D4D; border-radius: 50%;top:8px;left:6px;}


#lp3-wrapper .footer{display:grid;grid-template-columns:400px 675px;grid-column-gap:73px;margin-top: 80px; margin-bottom: 80px; }
#lp3-wrapper .footer .footerLeft{width: 100%;min-height: 680px; background: #FFF;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);  background-image: url('../fonts/dgcrane-bg 5.svg');background-repeat: no-repeat;background-position: center 10px;padding: 40px 30px; }
#lp3-wrapper .footer .footerLeft h3{font-size: 18px; font-weight: 700;line-height: 27px;color: #0C0C0C;padding: 0; }
#lp3-wrapper .footer .footerLeft h4{font-size: 15px; line-height: 24px;color: #444;font-weight: 400; }
#lp3-wrapper .footer .footerLeft h4.margintop10{margin-top: 10px; }
#lp3-wrapper .footer .footerLeft h4.margintop6{margin-top: 6px; }
#lp3-wrapper .footer .footerLeft ol{width: 100%; border-bottom: 1px solid #A7CFEB;list-style: auto;padding-bottom: 34px;padding-left:20px;margin-bottom: 30px;margin-top: 6px;}
#lp3-wrapper .footer .footerLeft ol li{color: #444;font-size: 15px;line-height: 22.5px;margin-bottom: 10px;list-style-type: decimal; }
#lp3-wrapper .footer .footerLeft ul{margin-top: 20px;margin-bottom: 0px;padding-left: 5px; }
#lp3-wrapper .footer .footerLeft ul li{font-size: 15px;color:#004E9E;line-height: 22.5px; margin-bottom: 12px;}
#lp3-wrapper .footer .footerLeft ul li svg{margin-right: 10px;float: left;margin-top: 5px; width: 16px;  height: 16px; fill: #004E9E; }
#lp3-wrapper .footer .footerLeft ul li a{ color:#004E9E;}
#lp3-wrapper .footer .footerLeft ul li a:hover{color:#F5A623;font-weight: 400; }
#lp3-wrapper .footer .footerLeft ul li:last-child{display: grid; grid-template-columns: 24px auto;}
#lp3-wrapper .footer .footerRight h2{color: #166297;font-size: 24px;font-weight: 700;line-height: 37px;margin-bottom: 20px; }


/*gantry-crane-lp*/
#cranelp* {
    margin: 0;
    padding: 0;
    border: 0;
}

#cranelp *,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#lp-wrapper,
#lp2-wrapper,
#cranelp {
    width: 100%;
    max-width: 2560px;
    min-width: 1140px;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
}

#lp-wrapper .wrap,
#lp2-wrapper .wrap,
#cranelp .wrap {
    width: 1170px;
    margin: 0 auto;
}

.wrap-out {
    width: 1440px;
    margin: 0 auto;
}

#lp-header .wrap {
    left: 50%;
    margin-left: -585px;
    position: absolute;
}

#lp-top {
    width: 100%;
    height: 25px;
    margin: 20px 0 0 0;
}

#lp-wrapper .topLf,
#lp2-wrapper .topLf {
    float: left;
    width: 50%;
}

#lp-wrapper .topLf img,
#lp2-wrapper .topLf img {
    width: 120px;
    height: 25px;
    display: block;
    user-select: none;
}

#lp-wrapper .topRg,
#lp2-wrapper .topRg {
    float: right;
    width: 460px;
    display: grid;
    grid-template-columns: 205px auto;
    overflow: hidden;
}

#lp-wrapper .topRg span,
#lp2-wrapper .topRg span {
    margin-left: 60px;
    line-height: 18px;
}

#lp-wrapper .topRg span a,
#lp2-wrapper .topRg span a {
    font-size: 14px;
    color: #231815;
}

#lp-wrapper .topRg span a:hover,
#lp2-wrapper .topRg span a:hover {
    color: #F58423;
}

#lp-wrapper .topRg span img,
#lp2-wrapper .topRg span img {
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    user-select: none;
}

#lp-banner {
    width: 100%;
    height: 500px;
    background: -webkit-image-set(url('../images/overheadcranes-banner.png')1x) no-repeat;
    margin-top: 10px;
}

#lp-wrapper .save20-icon {
    float: right;
    margin-top: 110px;
    margin-right: 90px;
    height: 76px;
}

#lp-wrapper .banner-save20 {
    width: 770px;
    padding-top: 40px;
    color: #fff;
    clear: both;
}

#lp-wrapper .banner-save20 h1 {
    font-weight: bold;
    font-size: 40px;
    line-height: 48px
}

#lp-wrapper .banner-save20 span {
    font-size: 18px;
    padding-top: 10px;
    color: #ffffff;
}

#lp-wrapper .contact-us-now {
    padding-top: 25px;
    min-width: 275px;
    clear: both;
}

#lp-wrapper .contactUs {
    float: left;
    min-width: 225px;
    clear: both;
    line-height: 30px;
    display: grid;
}

#lp-wrapper .contactUs span {
    margin: 0 0 3px 2px;
    color: #F58423;
    font-size: 16px;
    font-weight: 600;
    font-style: italic;
    padding-top: 10px;
}

#lp-wrapper .contactUs a {
    text-align: center;
    line-height: 38px;
    background-color: #F58423;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 0 38px;
}

#lp-wrapper .get-quote-24h a {
    float: left;
    text-align: center;
    line-height: 38px;
    background-color: #F58423;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
    padding: 0 20px;
}

#lp-wrapper .contactUs a:hover,
.get-quote-24h a:hover {
    background-color: #EA6921;
}

#lp-wrapper .arrow {
    float: left;
    margin-left: 8px;
    margin-top: 16px;
}

#lp-wrapper #lp-main {
    width: 1170px;
    margin: 0 auto;
}

#lp-wrapper #single-overhead-crane {
    width: 100%;
    margin-top: 110px;
    padding-bottom: 55px;
    border-bottom: 1px solid #A7CFEB;
}

#lp-wrapper .title {
    font-size: 16px;
    line-height: 20px;
    color: #166297
}

#lp-wrapper h2,
#lp-wrapper #lp-footer-right h2 {
    font-size: 26px;
    line-height: 30px;
    color: #166297;
    font-weight: bold;
    margin-bottom: 0px;
    text-align: left;
}

#lp-wrapper h3 {
    padding-left: 5px;
    font-size: 16px;
    line-height: 20px;
    color: #666666;
    font-weight: 600;
}

#lp-wrapper #single-overhead-crane-left {
    float: left;
    clear: both;
    width: 830px;
    min-height: 530px;
    margin-top: 40px;
    position: relative;
}

#lp-wrapper #single-overhead-crane-left img {
    left: 104px;
    top: 82px;
    position: absolute;
    z-index: -1;
}

#lp-wrapper .crane-components-list {
    float: left;
    width: 260px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    background: #ffffff;
}

#lp-wrapper #wheel-set.crane-components-list,
#lp-wrapper #main-beam.crane-components-list {
    width: 245px;
}

#lp-wrapper #lp-main .crane-components-list .title1 {
    background-color: #959595;
    padding-left: 15px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 28px;
}

#lp-wrapper #lp-main .crane-components-list ul {
    width: 100%;
    padding: 10px 10px 15px 20px;
    margin: 0;
    list-style: none;
}

#lp-wrapper .crane-components-list ul li {
    font-size: 14px;
    margin: 0;
    color: #000000;
    position: relative;
    padding-left: 15px;
    margin-bottom: 3px;
}

#lp-wrapper .crane-components-list ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #959595;
    left: 0;
    margin-top: 8px;
}

#lp-wrapper #trolley-mechamism {
    position: absolute;
    top: 49px;
    left: 5px
}

#lp-wrapper #electrical-control-system {
    position: absolute;
    left: 316px;
}

#lp-wrapper #wheel-set {
    position: absolute;
    top: 390px;
    left: 20px;
}

#lp-wrapper #main-beam {
    position: absolute;
    top: 343px;
    left: 290px;
}

#lp-wrapper #electric-hoist {
    position: absolute;
    left: 554px;
    top: 286px;
}

#lp-wrapper #single-overhead-crane-right {
    float: right;
    width: 325px;
    margin-top: 55px;
}

#lp-wrapper .girder-overhead-crane-price {
    float: left;
    width: 100%;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    border: 1px solid #f1f1f1;
}

#lp-wrapper .girder-overhead-crane-price ul {
    float: left;
    padding: 15px 15px 0px 15px;
    width: 100%;
    margin: 0;
}

#lp-wrapper .girder-overhead-crane-price ul li {
    float: left;
    width: 100%;
    line-height: 32px;
    list-style: none;
    color: #666666;
    margin: 0 0 15px 0;
}

#lp-wrapper .girder-overhead-crane-price ul li:first-child {
    border-bottom: 1px solid #A7CFEB;
    line-height: 50px;
    padding: 12px 0 12px 0;
}

#lp-wrapper .girder-overhead-crane-price ul li span {
    float: left;
    width: 33.33%;
    padding-right: 5px;
    text-align: right;
    color: #666666;
}

#lp-wrapper .girder-overhead-crane-price ul li>span:first-child {
    text-align: left;
    padding-left: 12px;
}

/*第一行*/
#lp-wrapper .girder-overhead-crane-price ul li span:nth-child(2) {
    font-weight: bold;
    color: #000000;
    font-size: 18px;
}

/*第二列*/
#lp-wrapper .girder-overhead-crane-price ul li span:nth-child(3) {
    text-decoration: line-through;
}

/*第三列*/
#lp-wrapper .girder-overhead-crane-price ul li:nth-child(1) span:nth-of-type(3) {
    text-decoration: none;
}

/*第一行 第三列*/
#lp-wrapper .girder-overhead-crane-price ul li:last-child {
    border-bottom: 1px solid #A7CFEB;
    padding-bottom: 20px;
    margin-bottom: 8px;
}

#lp-wrapper .girder-overhead-crane-price ul li span img {
    width: 80px;
    height: 16px;
}

#lp-wrapper .overhead-crane-note {
    float: left;
    padding-left: 15px;
    font-size: 12px;
}

#lp-wrapper .get-quote-24h {
    float: left;
    margin: 30px 0px 35px 20px;
}

#lp-wrapper #double-overhead-crane {
    width: 100%;
    margin-top: 65px;
}

#lp-wrapper #double-overhead-crane-left {
    float: left;
    clear: both;
    width: 830px;
    position: relative;
    min-height: 605px;
}

#lp-wrapper #double-overhead-crane-left img {
    position: absolute;
    top: 145px;
    left: 60px;
    z-index: -1;
}

#lp-wrapper #double-overhead-crane-right {
    float: right;
    width: 325px;
    margin-top: 80px;
}

#lp-wrapper #aws-anti-swing-system {
    position: absolute;
    top: 115px;
    left: 8px;
}

#lp-wrapper #double3-in-1-motors {
    position: absolute;
    position: absolute;
    left: 330px;
    top: -2
}

#lp-wrapper #wheel-set-module {
    position: absolute;
    top: 463px;
}

#lp-wrapper #lightweight-main-beam {
    position: absolute;
    top: 439px;
    left: 342px;
}

#lp-wrapper #lightweight-trolley-design {
    position: absolute;
    left: 555px;
    top: 277px;
}

#lp-wrapper #custom-crane-solutions {
    width: 100%;
    min-height: 260px;
    background-color: #E9EDF6;
    margin-top: 90px;
}

#lp-wrapper .staff-information {
    float: left;
    width: 150px;
    clear: both;
    margin: 40px 40px 10px 120px;
}

#lp-wrapper .staff-information img {
    width: 150px;
    height: 173px;
}

#lp-wrapper .staff-information span {
    float: left;
    width: 100%;
    text-align: center;
    line-height: 32px;
    color: #717071;
}

#lp-wrapper .custom-crane-solutions-rg {
    float: left;
    width: 855px;
    margin-top: 55px;
    height: 200px;
    background-position: 0px 43px;
    background-image: url(../images/dgcrane-2.svg);
    background-repeat: no-repeat;
}

#lp-wrapper .custom-crane-solutions-rg .title2 {
    float: left;
    margin-top: 5px;
    font-size: 16px;
    color: #717071;
    line-height: 25px;
    margin-top: 5px;
}

#lp-wrapper #about-dgcrane {
    width: 100%;
    margin-top: 90px;
}

#lp-wrapper #about-dgcrane-left {
    float: left;
    width: 560px;
    clear: both;
    padding-top: 20px;
}

#lp-wrapper .about-dgcrane-list {
    /*float: left;*/
    margin-top: 25px;
}

#lp-wrapper .about-dgcrane-list ul {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0;
}

#lp-wrapper .about-dgcrane-list ul li {
    line-height: 25px;
    font-size: 18px;
    clear: both;
    color: #222222;
    position: relative;
    padding-left: 20px;
    margin: 0 0 12px 0;
}

#lp-wrapper .about-dgcrane-list ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 6px;
    background: #8FA2CC;
    left: 0;
    margin-top: 10px;
}

#lp-wrapper .about-dgcrane-icon {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
}

#lp-wrapper .about-dgcrane-icon img {
    float: left;
    margin-right: 15px;
}

#lp-wrapper #about-dgcrane-right {
    float: right;
    height: 360px;
    width: 540px;
}

/*background:-webkit-image-set(url(../images/about.jpg)2x) no-repeat;  */
#lp-wrapper #production-process {
    float: left;
    width: 110px;
    height: 110px;
    background: url('../images/yuan.svg') no-repeat;
    z-index: 2;
    position: relative;
    top: -170px;
    left: -65px;
    color: #1A1A1A;
    padding-top: 25px;
    text-align: center;
    line-height: 20px;
    font-style: Italic;
    font-weight: 600;
}

#lp-wrapper #export-projects {
    width: 100%;
    margin-top: 100px;
}

#lp-wrapper #export-projects-left {
    float: left;
    width: 900px;
    clear: both;
}

#lp-wrapper #export-projects-map,
#cranelp #export-projects-map {
    float: left;
    width: 100%;
    min-height: 370px;
    margin-top: 50px;
    position: relative;padding-bottom: 10px;
}

#lp-wrapper #export-projects-map img {
    z-index: -1;
    position: absolute;
    left: -18px;
}

#lp-wrapper .serving-country,
#cranelp .serving-country {
    float: left;
    width: 130px;
}

#lp-wrapper .serving-country ul,
#cranelp .serving-country ul {
    float: left;
    list-style: none;
    width: 100%;
    margin: 0px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    padding: 10px 5px 10px 15px;
    background-color: rgba(255, 255, 255, 0.7);
}

#lp-wrapper .serving-country ul li.area-title,
#lp-wrapper .serving-country2 ul li.area-title,
#cranelp .serving-country ul li.area-title,
#cranelp .serving-country2 ul li.area-title {
    line-height: 20px;
    font-weight: bold;
    width: 100%;
    color: #3E3A39;
}

#lp-wrapper .serving-country ul li,
#cranelp .serving-country ul li {
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
    color: #666666;
}

#lp-wrapper .location,
#cranelp .location {
    width: 37px;
    height: 47px;
    font-size: 14.3px;
    color: #fff;
    text-align: center;
    padding-top: 6px;
    font-weight: bold;
    background: url('../fonts/location-2.svg') no-repeat;
}

#lp-wrapper #north-america,
#cranelp #north-america {
    position: absolute;
    top: 135px;
    left: 170px;
}

#lp-wrapper #north-america-location,
#cranelp #north-america-location {
    position: absolute;
    top: -18px;
    left: -19px
}

#lp-wrapper #oceania,
#cranelp #oceania {
    position: absolute;
    top: 268px;
    left: 623px;
}

#lp-wrapper #oceania-location,
#cranelp #oceania-location {
    position: absolute;
    top: -27px;
    left: 111px;
}

#lp-wrapper .serving-country2,
#cranelp .serving-country2 {
    float: left;
    width: 212px;
}

#lp-wrapper .serving-country2 ul,
#cranelp .serving-country2 ul {
    float: left;
    list-style: none;
    width: 100%;
    margin: 0px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2);
    padding: 10px 6px 10px 14px;
    background-color: rgba(255, 255, 255, 0.7);
}

#lp-wrapper .serving-country2 ul li,
#cranelp .serving-country2 ul li {
    float: left;
    width: 49%;
    padding-right: 5px;
    font-size: 12px;
    line-height: 18px;
    margin: 0px;
    color: #666666;
}

#lp-wrapper #asia .serving-country2 ul,
#cranelp #asia .serving-country2 ul {
    width: 215px;
    padding-left: 20px;
}

#lp-wrapper #europe,
#cranelp #europe {
    position: absolute;
    top: 40px;
    left: 343px;
}

#lp-wrapper #europe-location,
#cranelp #europe-location {
    position: absolute;
    top: 35px;
    left: 187px;
}

#lp-wrapper #asia,
#cranelp #asia {
    position: absolute;
    top: 47px;
    left: 700px;
}

#lp-wrapper #asia-location,
#cranelp #asia-location {
    position: absolute;
    top: 56px;
    left: -24px;
}

#lp-wrapper #south-america,
#cranelp #south-america {
    position: absolute;
    top: 274px;
    left: 73px;
}

#lp-wrapper #south-america-location,
#cranelp #south-america-location {
    position: absolute;
    top: -25px;
    left: 187px;
}

#lp-wrapper #africa,
#cranelp #africa {
    position: absolute;
    top: 214px;
    left: 315px;
}

#lp-wrapper #africa-location,
#cranelp #africa-location {
    position: absolute;
    top: -25px;
    left: 186px;
}

#lp-wrapper #export-projects-right {
    float: right;
    width: 245px;
    margin-top: 55px;
}

#lp-wrapper .export-projects-title {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

#lp-wrapper .export-projects-title span {
    color: #666666;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
}

#lp-wrapper .regional-distribution {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}

#lp-wrapper .regional-distribution ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #A7CFEB;
}

#lp-wrapper .regional-distribution ul li {
    float: left;
    width: 30%;
    margin: 15px 0px 0px 0px;
    padding: 0;
    overflow: hidden;
}

#lp-wrapper .regional-distribution ul li span {
    display: flex;
    justify-content: center;
}

#lp-wrapper .regional-distribution ul li.width40 {
    width: 40%;
}

#lp-wrapper .regional-distribution ul li span {
    display: flex;
    justify-content: center;
}

#lp-wrapper .regional-distribution ul li div {
    font-size: 12px;
    color: #666666;
    text-align: center;
    line-height: 15px;
}

#lp-wrapper .exported-products,
#cranelp .exported-products {
    float: left;
    width: 100%;
}

#lp-wrapper .exported-products ul,
#cranelp .exported-products ul {
    list-style: none;
    margin: 5px 0 0 0;
    padding: 0;position: relative;
}

#lp-wrapper .exported-products ul li,
#cranelp .exported-products ul li {
    font-size: 12px;
    height: 14px;
    line-height: 14px;
    margin: 0 0 5px 0;
    color: #000000;
    font-weight: 500;
    text-align: right;background: #9E9E9F;
}

#lp-wrapper .exported-products ul li span.year-exported,
#cranelp .exported-products ul li span.year-exported {
    float: left;
    width: 30px;
    color: #231815;
    text-align: left;
    font-size: 12px;
    line-height: 14px;background-color: #ffffff;
}

#lp-wrapper .exported-products ul li span.row1-2 {
    float: left;
    height: 14px;
    background-color: #036AAE;
    width: 156px;
}

#lp-wrapper .exported-products ul li span.row1-3 {
    float: left;
    height: 14px;
    background-color: #9E9E9F;
    width: 50px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 600;
}

#lp-wrapper .exported-products ul li span.row2-2 {
    float: left;
    height: 14px;
    background-color: #036AAE;
    width: 132px;
}

#lp-wrapper .exported-products ul li span.row2-3 {
    float: left;
    height: 14px;
    background-color: #9E9E9F;
    width: 74px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 600;
}

#lp-wrapper .exported-products ul li span.row3-2 {
    float: left;
    height: 14px;
    background-color: #036AAE;
    width: 117px;
}

#lp-wrapper .exported-products ul li span.row3-3 {
    float: left;
    height: 14px;
    background-color: #9E9E9F;
    width: 89px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 600;
}

#lp-wrapper .exported-products ul li span.row4-2 {
    float: left;
    height: 14px;
    background-color: #036AAE;
    width: 89px;
}

#lp-wrapper .exported-products ul li span.row4-3 {
    float: left;
    height: 14px;
    background-color: #9E9E9F;
    width: 117px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 600;
}

#lp-wrapper .exported-products ul li span.row5-2 {
    float: left;
    height: 14px;
    background-color: #036AAE;
    width: 66px;
}

#lp-wrapper .exported-products ul li span.row5-3 {
    float: left;
    height: 14px;
    background-color: #9E9E9F;
    width: 140px;
    font-size: 12px;
    line-height: 14px;
    color: #000000;
    font-weight: 600;
}

#lp-wrapper #export-projects-cases {
    width: 100%;
    margin: 55px 0 65px 0;
    clear: both;
}

#lp-wrapper #export-projects-cases .product {
    float: left;
    width: 560px;
    min-height: 200px;
    margin: 0 0 35px 0;
    color: #666666;
    box-shadow: 2px 0px 8px 2px rgba(0, 0, 0, 0.2);
}

#lp-wrapper #export-projects-cases .product:nth-child(odd) {
    margin-right: 50px;
}

#lp-wrapper #export-projects-cases .product .projects-cases-img {
    float: left;
    width: 300px;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content {
    width: 260px;
    min-height: 200px;
    padding: 20px 20px 17px 20px;
    overflow: hidden;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content h3 {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    line-height: 25px;
    padding: 0;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content p {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 10px 0;
    font-weight: 300;
    color: #666666;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content i {
    float: left;
    width: 22px;
    height: 35px;
    clear: both;
    margin-right: 7px;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-location {
    float: left;
    width: 100%;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content .cranes-info {
    float: left;
    min-height: 120px;
    overflow: hidden;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-countries {
    float: left;
    width: 190px;
    margin-top: 2px;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-countries span:first-child {
    float: left;
    width: 100%;
    line-height: 13px;
    font-size: 11px;
    color: #666666;
}

#lp-wrapper #export-projects-cases .product .projects-cases-content .exporting-countries span:last-child {
    float: left;
    width: 100%;
    line-height: 22px;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
}

#lp-wrapper #lp-footer {
    width: 100%;
    max-width: 1440px;
    min-width: 1170px;
    background-color: #E9EDF6;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
}

#lp-wrapper #lp-footer-main {
    width: 1170px;
    margin: 0 auto;
}

#lp-wrapper #lp-footer-left {
    float: left;
    width: 400px;
    height: auto;
    margin: 70px 0px 50px 0px;
}

#lp-wrapper #lp-footer-Logo {
    float: left;
    margin: 0px 0px 15px 25px;
    width: 100%;
    clear: both;
}

#lp-wrapper #lp-footer-tips {
    float: left;
    width: 400px;
    min-height: 505px;
    box-shadow: 2px 0px 8px 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.8);
    padding: 35px 20px 40px 20px;
}

#lp-wrapper #lp-footer-tips h4 {
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}

#lp-wrapper #lp-footer-tips h5 {
    font-size: 16px;
    font-weight: normal;
    margin: 3px 0 0 10px;
    color: #717071;
}

#lp-wrapper #lp-footer-tips ol {
    margin: 10px 0 25px 0px;
    ;
    padding: 0 0 30px 20px;
    border-bottom: 1px solid #A7CFEB;
    list-style-position: inside;
    list-style: auto;
}

#lp-wrapper #lp-footer-tips ol li {
    font-size: 16px;
    color: #666666;
    margin: 0 0 10px 0;
    margin-left: 10px;
}

#lp-wrapper #lp-footer-tips ul {
    list-style: none;
    margin: 10px 0 0px 0px;
    ;
    padding: 0;
}

#lp-wrapper #lp-footer-tips ul li {
    font-size: 16px;
    margin: 0 0 10px 0;
    margin-left: 10px;
    color: #003296;
}

#lp-wrapper #lp-footer-tips ul li:last-child {
    display: grid;
    grid-template-columns: 24px auto;
}

#lp-wrapper #lp-footer-tips ul li a,
#lp-footer-tips ul li span {
    color: #003296;
}

#lp-wrapper #lp-footer-tips ul li a:hover {
    color: #F5A623;
}

#lp-wrapper #lp-footer-tips ul li svg {
    float: left;
    width: 14px;
    height: 14px;
    fill: #5E7DBC;
    margin: 5px 10px 0 0;
}

#lp-wrapper #lp-footer-tips ul li a svg {
    width: 14px;
    height: 14px;
    fill: #5E7DBC;
    margin: 5px 0 0 5px;
    float: none;
    cursor: pointer;
}

#lp-wrapper #lp-footer-tips ul li a:hover svg {
    fill: #F5A623;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

#lp-wrapper #lp-footer-right {
    float: right;
    width: 670px;
    height: auto;
    margin: 70px 0 50px 0;
}

#lp-wrapper #lp-footer-right h2 {
    margin-bottom: 10px;
}

#lp-wrapper #lp-end {
    max-width: 1440px;
    min-width: 1170px;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
}

#lp-wrapper .lp-footer2025 {
    float: left;
    width: 100%;
    clear: both;
    font-size: 14px;
    color: #666666;
    margin: 30px 0px 30px 200px;
}

#lp2-wrapper ul li,
#lp2-wrapper ol li {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0 0 10px 0;
    color: #333333;
    list-style-position: outside;
    list-style-type: none;
}

#lp2-wrapper #top {
    width: 100%;
    height: 28px;
    margin: 30px 0 0 0;
}

#lp2-wrapper #lp2-header {
    width: 100%;
    max-width: 1440px;
    min-width: 1170px;
    margin: 0 auto;
    word-wrap: break-word;
}

#lp2-wrapper .topLf img {
    width: 162px;
    height: 28px;
}

#lp2-wrapper .topRg span img {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    user-select: none;
}

#lp2-wrapper .topRg {
    float: right;
    width: 490px;
    display: grid;
    grid-template-columns: 230px auto;
    justify-content: end;
    overflow: hidden;
}

#lp2-wrapper .topRg span {
    margin-left: 60px;
    line-height: 24px;
}

#lp2-wrapper .topRg span a {
    font-size: 16px;
    color: #0C0C0C;
}

#lp2-wrapper .topRg span a:hover {
    color: #F58423;
}

#lp2-wrapper .banner2 {
    width: 100%;
    height: 550px;
    margin-top: 18px;
    background: #004E9E;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-image: url(../images/rt-img.png);
    background-repeat: no-repeat;
    background-position: 780px -1px;
}

#lp2-wrapper .banner2 .wrap .bannerLf {
    float: left;
    width: 610px;
    min-height: 445px;
    margin-top: 105px;
    overflow: hidden;
}

#lp2-wrapper .banner2 .wrap .bannerLf h1 {
    width: 100%;
    color: #FFF;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 49px
}

#lp2-wrapper .banner2 .wrap .bannerLf .list1 {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 50px;
    padding-left: 12px;
}

#lp2-wrapper .banner2 .wrap .bannerLf .list1 li {
    line-height: 27px;
    padding-left: 16px;
    font-size: 18px;
    color: #FFF;
    margin-bottom: 12px;
    position: relative;
}

#lp2-wrapper .banner2 .wrap .bannerLf .list1 li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    left: 0;
    margin-top: 12px;
    border-radius: 50%;
}

#lp2-wrapper .banner2 .wrap .bannerLf .list-icon {
    width: 100%;
    height: 46px;
    display: flex;
    align-items: center;
    padding-left: 0px;
}

#lp2-wrapper .banner2 .wrap .bannerLf .list-icon li {
    min-width: 33px;
    margin-right: 26px;
    margin-bottom: 0px;
}

#lp2-wrapper h2 {
    color: #004E9E;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    margin-bottom: 0;
}

#lp2-wrapper h2 i {
    font-style: normal;
    background-color: #E9EDF6;
}

#lp2-wrapper .title {
    color: #004E9E;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 8px;
}

#lp2-wrapper #cantryCranes,
#globalBrands,
#customizedSolutions,
#globalAccess,
#servingCountry,
#craneCase {
    margin-top: 110px;
}

#lp2-wrapper .productList {
    display: grid;
    width: 100%;
    grid-template-columns: 560px 560px;
    grid-column-gap: 50px;
    margin-top: 30px;
}

#lp2-wrapper .productList a {
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
}

#lp2-wrapper .productList a .capacity {
    width: 77px;
    height: 77px;
    position: absolute;
    stroke-width: 1px;
    stroke: rgba(0, 84, 153, 0.20);
    opacity: 0.9;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    right: 12px;
    top: 173px;
    color: #004E9E;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}

#lp2-wrapper .productList a .capacity span {
    float: left;
    color: #004E9E;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 19px;
    line-height: 18px;
}

#lp2-wrapper .productList a:hover {
    background: #FFF;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}

#lp2-wrapper .productList a:hover .proName {
    color: #F5A623;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 15px 25px 0 25px;
}

#lp2-wrapper .productList .proName {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 15px 25px 0 25px;
}

#lp2-wrapper .productList .proIntroduce {
    width: 510px;
    margin: 8px 25px 26px 25px;
    padding: 0;
    position: relative;
    min-height: 72px;
}

#lp2-wrapper .productList .proIntroduce li {
    color: #444;
    font-size: 16px;
    line-height: 22px;
    padding-left: 25px;
    margin-bottom: 6px;
}

#lp2-wrapper .productList .proIntroduce li:nth-child(2) {
    letter-spacing: -0.32px
}

#lp2-wrapper .productList .proIntroduce li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#lp2-wrapper .productList1 {
    display: grid;
    width: 100%;
    grid-template-columns: 360px 360px 360px;
    grid-column-gap: 45px;
    margin-top: 40px;
}

#lp2-wrapper .productList1 a {
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

#lp2-wrapper .productList1 a .capacity {
    width: 77px;
    height: 77px;
    position: absolute;
    right: 12px;
    top: 153px;
    color: #004E9E;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    stroke-width: 1px;
    stroke: rgba(0, 84, 153, 0.20);
    opacity: 0.9;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
}

#lp2-wrapper .productList1 a .cranesImg {
    width: 100%;
    height: 240px;
    position: relative;
}

#lp2-wrapper .productList1 a .cranesImg img {
    float: left;
    width: 360px;
    height: 240px;
}

#lp2-wrapper .productList1 a .capacity span {
    float: left;
    color: #004E9E;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 19px;
    line-height: 18px;
}

#lp2-wrapper .productList1 a:hover {
    background: #FFF;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}

#lp2-wrapper .productList1 a:hover .proName {
    color: #F5A623;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 25px;
    margin-top: 15px;
}

#lp2-wrapper .productList a .cranesImg {
    width: 100%;
    height: 260px;
    position: relative;
}

#lp2-wrapper .productList1 .proName {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 25px;
    margin-top: 15px;
}

#lp2-wrapper .productList1 .proIntroduce {
    float: left;
    width: 310px;
    margin: 8px 25px 20px 25px;
    padding: 0;
    position: relative;
    min-height: 128px;
}

#lp2-wrapper .productList1 .proIntroduce li {
    color: #444;
    font-size: 16px;
    line-height: 22px;
    padding-left: 25px;
    margin-bottom: 6px;
}

#lp2-wrapper .productList1 .proIntroduce li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#lp2-wrapper .achieves18 {
    display: grid;
    grid-template-columns: 360px 360px 360px;
    grid-column-gap: 45px;
    margin-top: 110px;
}

#lp2-wrapper .achieves18 .gridColumn2 {
    background: #E9EDF6;
    padding: 25px 40px;
}

#lp2-wrapper .achieves18 .gridColumn2 span {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}

#lp2-wrapper .achieves18 .gridColumn2 span:last-child {
    color: #004E9E;
}

#lp2-wrapper .achieves18 .gridColumn2 div {
    color: #004E9E;
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    margin-top: 20px;
    margin-bottom: 2px;
}

#lp2-wrapper .productList2 {
    width: 100%;
    display: grid;
    grid-template-columns: 765px 360px;
    grid-column-gap: 45px;
    margin-top: 30px;
}

#lp2-wrapper .productList2 .productList2-1 {
    display: grid;
    grid-template-columns: 360px 360px;
    grid-column-gap: 45px;
    grid-row-gap: 30px;
}

#lp2-wrapper .productList2 .productList2-1 img {
    float: left;
    width: 100%;
    height: 240px;
}

#lp2-wrapper .productList2 .productList2-1 span {
    float: left;
    color: #444;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    margin-top: 10px;
}

#lp2-wrapper .productList2 .productList2-1 span em {
    font-style: normal;
    color: #0C0C0C;
    font-weight: 700;
}

#lp2-wrapper .productList2 .productList2-2 {
    width: 100%;
    height: auto;
}

#lp2-wrapper .productList2 .productList2-2 img {
    float: left;
    width: 100%;
    height: 592px;
}

#lp2-wrapper .productList2 .productList2-2 span {
    float: left;
    color: #444;
    font-size: 16px;
    line-height: 24px;
    width: 100%;
    margin-top: 10px;
}

#lp2-wrapper .productList2 .productList2-2 span em {
    font-style: normal;
    color: #0C0C0C;
    font-weight: 700;
}

#lp2-wrapper .optionList {
    display: grid;
    grid-template-columns: 560px 560px;
    grid-column-gap: 50px;
    margin-top: 50px;
}

#lp2-wrapper .optionList .option {
    width: 560px;
    min-height: 578px;
    flex-shrink: 0;
    border: 3px solid #5E7DBC;
    background: #EBEFF7;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1.5px);
    position: relative;
}

#lp2-wrapper .optionList .option .optTopbg {
    width: 190px;
    height: 40px;
    background: url('../images/option.svg') no-repeat;
    position: absolute;
    left: -3px;
    top: -21px
}

#lp2-wrapper .optionList .option .optTopbg span {
    float: left;
    line-height: 21px;
    font-size: 16px;
    color: #fff;
    margin-left: 35px;
    margin-top: 9px;
}

#lp2-wrapper .optionList .option .optTitle {
    color: #0C0C0C;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    margin-top: 40px;
    margin-left: 50px;
}

#lp2-wrapper .optionList .option ul {
    width: 475px;
    margin-left: 50px;
    margin-top: 24px;
    padding: 0;
    margin-bottom: 25px;
}

#lp2-wrapper .optionList .option ul li {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}

#lp2-wrapper .optionList .option ul li span {
    float: left;
    font-weight: 400;
    color: #444;
    width: 79px;
    margin-right: 16px;
}

#lp2-wrapper .optionList .option .configuration {
    float: left;
    width: 100%;
    padding: 26px 50px 32px 50px;
    min-height: 260px;
    flex-shrink: 0;
    background: #5E7DBC;
}

#lp2-wrapper .optionList .option .configuration span {
    float: left;
    width: 100%;
    color: #EEE;
    line-height: 21px;
    font-size: 16px;
}

#lp2-wrapper .optionList .option .configuration p {
    float: left;
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 0px;
}

#lp2-wrapper .optionList .option .configuration .margintop24 {
    margin-top: 24px;
}

#lp2-wrapper .serviceStaff {
    display: grid;
    grid-template-columns: 320px 845px;
    background-color: #E9EDF6;
    height: 260px;
    width: 100%;
    flex-shrink: 0;
    margin-top: 110px;
}

#lp2-wrapper .serviceStaff .staffImg {
    width: 160px;
    height: 200px;
    margin: 30px 30px 30px 130px;
}

#lp2-wrapper .serviceStaff .staffInfo {
    width: 100%;
    padding-left: 41px;
    background-position: 0px 110px;
    background-image: url('../fonts/dgcrane-4.svg');
    background-repeat: no-repeat;
    mix-blend-mode: multiply
}

#lp2-wrapper .serviceStaff .staffInfo .staffName {
    color: #004E9E;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin-top: 37px;
}

#lp2-wrapper .serviceStaff .staffInfo p {
    color: #666;
    font-size: 16px;
    font-style: italic;
    line-height: 21px;
    margin-top: 2px;
    margin-bottom: 20px;
}

#lp2-wrapper .serviceStaff .staffInfo p i {
    font-style: normal;
}

#lp2-wrapper .serviceStaff .staffIntr {
    display: grid;
    grid-template-columns: repeat(3, 210px);
    grid-column-gap: 15px;
}

#lp2-wrapper .serviceStaff .staffIntr span {
    height: 21px;
    font-size: 16px;
    color: #444;
}

#lp2-wrapper .serviceStaff .staffIntr span.addBold {
    color: #0C0C0C;
    font-weight: 700;
}

#lp2-wrapper .serviceStaff .staffContact {
    width: 610px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    grid-column-gap: 40px;
    margin-top: 40px;
}

#lp2-wrapper .serviceStaff .staffContact span {
    line-height: 24px;
    color: #004E9E;
    font-size: 16px;
}

#lp2-wrapper .serviceStaff .staffContact span a {
    line-height: 24px;
    color: #004E9E;
    font-size: 16px;
}

#lp2-wrapper .serviceStaff .staffContact span a:hover {
    color: #F5A623;
}

#lp2-wrapper .serviceStaff .staffContact span img {
    float: left;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

#lp2-wrapper .note {
    color: #666;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 20px;
}

#lp2-wrapper .reportList {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 270px);
    grid-column-gap: 30px;
    margin-top: 25px;
}

#lp2-wrapper .reportList img {
    float: left;
    width: 270px;
    height: 380px;
}

#lp2-wrapper .reportList span {
    float: left;
    color: #444;
    font-size: 16px;
    line-height: 23px;
    width: 100%;
    margin-top: 15px;
}

#lp2-wrapper .reportList em {
    font-style: normal;
    color: #0C0C0C;
    font-weight: 700;
}

#lp2-wrapper .servingCountry {
    display: grid;
    grid-template-columns: 884px 270px;
    grid-column-gap: 16px;
    margin-top: 36px;
    height: 400px;
}

#lp2-wrapper .servingCountry .map-4 {
    background: url('../fonts/map-1.svg') no-repeat;
    position: relative;
}

#lp2-wrapper .servingCountry .map-4 ul {
    width: 180px;
    min-height: 76px;
    padding: 11px 12px;
    border: 1px solid #EEE;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(1.5px);
    margin: 0;
    position: relative;
}

#lp2-wrapper .servingCountry .map-4 ul span {
    position: absolute;
    width: 38px;
    height: 48px;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(1) span {
    background: url('../fonts/location 2.svg') no-repeat;
    right: -19px;
    top: 40px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(2) span {
    background: url('../fonts/location 3.svg') no-repeat;
    right: -20px;
    top: -34px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(3) span {
    background: url('../fonts/location 5.svg') no-repeat;
    left: 40px;
    bottom: -40px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(4) span {
    background: url('../fonts/location 4.svg') no-repeat;
    right: -19px;
    top: -28px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(5) span {
    background: url('../fonts/location 1.svg') no-repeat;
    top: -27px;
    left: -19px;
}

#lp2-wrapper .servingCountry .map-4 ul li {
    color: #444;
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

#lp2-wrapper .servingCountry .map-4 ul li.country {
    color: #0C0C0C;
    font-weight: 700;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(1) {
    position: absolute;
    top: 138px;
    right: 348px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(2) {
    position: absolute;
    top: 270px;
    left: 70px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(3) {
    position: absolute;
    top: 25px;
    right: 150px;
    width: 190px;
    padding: 11px 17px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(4) {
    position: absolute;
    top: 270px;
    left: 308px;
}

#lp2-wrapper .servingCountry .map-4 ul:nth-child(5) {
    position: absolute;
    top: 246px;
    right: 18px;
}

#lp2-wrapper .servingCountry .proportionRegion {
    width: 100%;
    height: 320px;
    background: #F7F7F7;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
    padding: 30px 20px 25px 20px;
}

#lp2-wrapper .servingCountry .proportionRegion .regionTitle {
    color: #0C0C0C;
    line-height: 22px;
    font-size: 16px;
}

#lp2-wrapper .servingCountry .proportionRegion img {
    margin-top: 20px;
    margin-left: 35px;
    width: 160px;
    height: 160px;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry {
    width: 100%;
    margin-top: 23px;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span {
    margin-right: 20px;
    margin-bottom: 6px;
    line-height: 17px;
    font-size: 12px;
    color: #0C0C0C;
    float: left;
    position: relative;
    padding-left: 14px;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(2),
#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(5) {
    margin-right: 0;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span::before {
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #004E9E;
    left: 0;
    margin-top: 6px;
    border-radius: 50%;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(2)::before {
    background: #008CFF;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(3)::before {
    background: #089900;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(4)::before {
    background: #994500;
}

#lp2-wrapper .servingCountry .proportionRegion .proportionCountry span:nth-child(5)::before {
    background: #D7A455;
}

#lp2-wrapper .productList3 {
    width: 100%;
    margin-top: 54px;
    margin-bottom: 130px;
    min-height: 590px;
    position: relative;
}

#lp2-wrapper .productList3 a {
    float: left;
    width: 270px;
    position: relative;
}

#lp2-wrapper .productList3 a img {
    float: left;
}

#lp2-wrapper .productList3 a:nth-child(1) {
    width: 570px;
    margin-right: 30px;
}

#lp2-wrapper .productList3 a:nth-child(2) {
    margin-right: 30px;
}

#lp2-wrapper .productList3 a:nth-child(4) {
    width: 570px;
    margin-top: 30px;
}

#lp2-wrapper .productList3 a:nth-child(5) {
    position: absolute;
    left: 0px;
    top: 410px;
}

#lp2-wrapper .productList3 a:nth-child(6) {
    position: absolute;
    left: 300px;
    top: 410px;
}

#lp2-wrapper .productList3 .proBottonBg {
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 80px;
    background: linear-gradient(180deg, rgba(146, 168, 212, 0.00) 21.25%, rgba(0, 0, 0, 0.60) 78.04%);
}

#lp2-wrapper .productList3 a p {
    position: absolute;
    bottom: 10px;
    color: #FFF;
    font-weight: 700;
    line-height: 21px;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.60);
    font-size: 16px;
    margin: 0px;
    left: 16px;
    right: 16px;
}

#lp2-wrapper .productList3 a:hover::after,
#lp2-wrapper .productList3 a:hover::before,
#lp2-wrapper .productList3 a:nth-child(1):hover::after,
#lp2-wrapper .productList3 a:nth-child(1):hover::before,
#lp2-wrapper .productList3 a:nth-child(4):hover::after,
#lp2-wrapper .productList3 a:nth-child(4):hover::before {
    display: block;
}

#lp2-wrapper .productList3 a::before {
    content: '';
    width: 270px;
    height: 180px;
    background-color: rgb(0, 49, 161, 0.4);
    position: absolute;
    top: 0;
    display: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#lp2-wrapper .productList3 a::after {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 70px;
    left: 115px;
    display: none;
    background: url('../fonts/fangda.svg');
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#lp2-wrapper .productList3 a:nth-child(1)::before,
#lp2-wrapper .productList3 a:nth-child(4)::before {
    content: '';
    width: 570px;
    height: 380px;
    background-color: rgb(0, 49, 161, 0.4);
    position: absolute;
    top: 0;
    display: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#lp2-wrapper .productList3 a:nth-child(1)::after,
#lp2-wrapper .productList3 a:nth-child(4)::after {
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 170px;
    left: 255px;
    display: none;
    background: url('../fonts/fangda.svg');
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

#lp2-wrapper .footerbg,
#cranelp .footerbg {
    width: 100%;
    max-width: 1440px;
    min-width: 1170px;
    background-color: #E9EDF6;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
}

#lp2-wrapper .footer {
    display: grid;
    grid-template-columns: 400px 675px;
    grid-column-gap: 73px;
    margin-top: 80px;
    margin-bottom: 80px;
}

#lp2-wrapper .footer .footerLeft {
    width: 100%;
    min-height: 680px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-image: url('../fonts/dgcrane-bg 5.svg');
    background-repeat: no-repeat;
    background-position: center 10px;
    padding: 40px 30px;
}

#lp2-wrapper .footer .footerLeft h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #0C0C0C;
    padding: 0;
}

#lp2-wrapper .footer .footerLeft h4 {
    font-size: 15px;
    line-height: 24px;
    color: #444;
    font-weight: 400;
}

#lp2-wrapper .footer .footerLeft h4.margintop10 {
    margin-top: 10px;
}

#lp2-wrapper .footer .footerLeft h4.margintop6 {
    margin-top: 6px;
}

#lp2-wrapper .footer .footerLeft ol {
    width: 100%;
    border-bottom: 1px solid #A7CFEB;
    list-style: auto;
    padding-bottom: 34px;
    padding-left: 20px;
    margin-bottom: 30px;
    margin-top: 6px;
}

#lp2-wrapper .footer .footerLeft ol li {
    color: #444;
    font-size: 15px;
    line-height: 22.5px;
    margin-bottom: 10px;
    list-style-type: decimal;
}

#lp2-wrapper .footer .footerLeft ul {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 5px;
}

#lp2-wrapper .footer .footerLeft ul li {
    font-size: 15px;
    color: #004E9E;
    line-height: 22.5px;
    margin-bottom: 12px;
}

#lp2-wrapper .footer .footerLeft ul li svg {
    margin-right: 10px;
    float: left;
    margin-top: 5px;
    width: 16px;
    height: 16px;
    fill: #004E9E;
}

#lp2-wrapper .footer .footerLeft ul li a {
    color: #004E9E;
}

#lp2-wrapper .footer .footerLeft ul li a:hover {
    color: #F5A623;
    font-weight: 400;
}

#lp2-wrapper .footer .footerLeft ul li:last-child {
    display: grid;
    grid-template-columns: 24px auto;
}

#lp2-wrapper .footer .footerRight h2 {
    color: #166297;
    font-size: 24px;
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 20px;
}

#lp2-wrapper .copyright,
#cranelp .copyright {
    color: #666;
    font-size: 14px;
    line-height: 21px;
    padding: 20px 30px;
}

.pswp__caption__center {
    max-width: 100%;
}

.pswp__caption__center p {
    color: #ccc;
}

#cranelp ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cranelp ul li,
ol li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#cranelp h1 {
    color: #fff;
    text-shadow: 2px 2px 0 #0C0C0C;
    font-size: 38px;
    font-weight: 700;
    line-height: 130%;
}

#cranelp h2 {
    color: #004E9E;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    text-align: left;
    margin: 0;
}

#cranelp .title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 8px;
}

#cranelp .banner1 {
    background: #003296;
    max-width: 1440px;
    height: 500px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-image: url('../images/gantry-banner.jpg');
    background-size: cover;
    margin-top: 30px;
}

#cranelp .banner1 .banner-detail {
    margin-top: 195px;
    width: 1000px;
}

#cranelp .banner1 .banner-detail ul {
    margin-top: 8px;
}

#cranelp .banner1 .banner-detail ul li {
    position: relative;
    padding-left: 29px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    text-shadow: 2px 1px 0px #000000CC;
}

#cranelp .banner1 .banner-detail ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    left: 12px;
    margin-top: 11px;
    border-radius: 50%;
}

#cranelp .banner1 .banner-detail .icon-list {
    display: flex;
    margin-top: 32px;
    height: 30px;
    width: 100%;
    align-items: center;
}

#cranelp .banner1 .banner-detail .icon-list img {
    min-width: 22px;
    margin-right: 17px;
}

#cranelp #eot-cranes {
    margin-top: 108px;
}

#cranelp .eot-cranes-list {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
}

#cranelp .eot-cranes-list a {
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: relative;
    min-height: 410px;
}

#cranelp .eot-cranes-list a .capacity {
    width: 77px;
    height: 77px;
    position: absolute;
    stroke-width: 1px;
    stroke: rgba(0, 84, 153, 0.20);
    opacity: 0.9;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    right: 10px;
    top: 173px;
    color: #004E9E;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}

#cranelp a,
#cranelp a:hover,
#cranelp a:focus {
    text-decoration: none;
    color: #333333;
    -webkit-transition: all .2s ease;
}

#cranelp .eot-cranes-list a .capacity span {
    color: #004E9E;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 19px;
    line-height: 18px;
    display: inline-block;
}

#cranelp .eot-cranes-list a:hover {
    background: #FFF;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}

#cranelp .eot-cranes-list a:hover .proName {
    color: #F5A623;
}

#cranelp .eot-cranes-list .proName {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin: 22px 25px 0 25px;
}

#cranelp .eot-cranes-list .proIntroduce {
    margin: 6px 25px 26px 22px;
    padding: 0;
    position: relative;
    min-height: 72px;
}

#cranelp .eot-cranes-list .proIntroduce li {
    color: #444;
    font-size: 16px;
    line-height: 22px;
    padding-left: 25px;
    margin-bottom: 6px;
}

#cranelp .eot-cranes-list .proIntroduce li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#cranelp .eot-cranes-list a .cranesImg {
    width: 100%;
    height: 260px;
    position: relative;
}

#cranelp .eot-cranes-list a .cranesImg img {
    width: 560px;
    height: 260px;
}

#cranelp .eot-cranes-list1 {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, 360px);
    grid-column-gap: 45px;
    margin-top: 50px;
}

#cranelp .eot-cranes-list1 a {
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    min-height: 410px;
}

#cranelp .eot-cranes-list1 a .capacity {
    width: 77px;
    height: 77px;
    position: absolute;
    right: 10px;
    top: 153px;
    color: #004E9E;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    stroke-width: 1px;
    stroke: rgba(0, 84, 153, 0.20);
    opacity: 0.9;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
}

#cranelp .eot-cranes-list1 a .cranesImg {
    width: 100%;
    height: 240px;
    position: relative;
}

#cranelp .eot-cranes-list1 a .cranesImg img {
    width: 360px;
    height: 240px;
}

#cranelp .eot-cranes-list1 a .capacity span {
    color: #004E9E;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 19px;
    line-height: 18px;
    display: inline-block;
}

#cranelp .eot-cranes-list1 a:hover {
    background: #FFF;
    box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}

#cranelp .eot-cranes-list1 a:hover .proName {
    color: #F5A623;
}

#cranelp .eot-cranes-list1 .proName {
    color: #0C0C0C;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    padding: 0 25px;
    margin-top: 22px;
}

#cranelp .eot-cranes-list1 .proIntroduce {
    margin: 6px 25px 30px 25px;
    padding: 0;
    position: relative;
    min-height: 94px;
}

#cranelp .eot-cranes-list1 .proIntroduce li {
    color: #444;
    font-size: 16px;
    line-height: 22px;
    padding-left: 25px;
    margin-bottom: 6px;
}

#cranelp .eot-cranes-list1 .proIntroduce li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#cranelp #high-performance-eot-crane {
    margin-top: 110px;
}

#cranelp .performance-eot-detail {
    position: relative;
    border: 1px solid #EEE;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    min-height: 534px;
    margin-top: 30px;
}

#cranelp .performance-eot-detail img {
    position: absolute;
    left: 350px;
    top: 72px;
    width: 470px;
    height: 396px
}

#cranelp .performance-eot-detail .features-title {
    position: absolute;
    left: -2px;
    background: linear-gradient(-64deg, transparent 20px, #ddd 0);
    min-width: 376px;
    padding: 10px 46px 11px 30px;
    color: #444;
    font-size: 15px;
    line-height: 130%;
    font-weight: 700;
    font-family: "Lato";
}

#cranelp .performance-eot-detail .performance-eot-info {
    width: 310px;
    position: absolute;
    z-index: 2;
}


#cranelp .performance-eot-detail .performance-eot-info.width1 {
    width: 420px;
}

/* #cranelp .performance-eot-detail .performance-eot-info.width2 {
    width: 290px;
} */

#cranelp .performance-eot-detail .performance-eot-info span {
    color: #0C0C0C;
    font-size: 14px;
    line-height: 140%;
    font-weight: 700;
}

#cranelp .performance-eot-detail .performance-eot-info ul {
    margin-top: 4px;
}

#cranelp .performance-eot-detail .performance-eot-info ul li {
    color: #444;
    font-size: 14px;
    line-height: 140%;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}

#cranelp .performance-eot-detail .performance-eot-info ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#cranelp .performance-eot-detail .performance-eot-info:nth-child(2) {
    left: 30px;
    top: 92px;
}

#cranelp .performance-eot-detail .performance-eot-info:nth-child(3) {
    left: 30px;
    top: 298px;
}

#cranelp .performance-eot-detail .performance-eot-info:nth-child(4) {
    left: auto;
    top: 54px;
    right: 44px;
}

#cranelp .performance-eot-detail .performance-eot-info:nth-child(5) {
    left: auto;
    top: 228px;
    right: 30px;
}

#cranelp .performance-eot-detail .performance-eot-info:nth-child(6) {
    left: auto;
    top: auto;
    bottom: 20px;
    right: 110px;
}

#cranelp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(6) {
    right: 100px;
}

#cranelp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(4) {
    top: 64px;
}

#cranelp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(5) {
    right: 70px;
}

#cranelp #high-performance-eot-crane .performance-eot-detail:nth-child(3) {
    margin-top: 40px;
}

#cranelp #high-performance-eot-crane .performance-eot-detail:nth-child(3) img {
    position: absolute;
    left: 350px;
    top: 80px;
    width: 429px;
    height: 398px
}

#cranelp #customized-eot-crane .customized-eot-crane-list {
    display: grid;
    margin-top: 54px;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail {
    border: 2px solid #FF8F00;
    min-height: 530px;
    position: relative;
    height: fit-content;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .eot-crane-titlebg {
    position: absolute;
    top: -24px;
    left: -2px;
    width: 100%;
    height: 40px;
    background: url('../fonts/customized-blue.svg') no-repeat;
    padding: 9px 0 10px 30px;
    color: #fff;
    font-weight: 700;
    line-height: 130%;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(1) .eot-crane-titlebg {
    background: url('../fonts/customized-orange.svg') no-repeat;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .title3 {
    width: 300px;
    height: 40px;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul {
    margin: 40px 50px 30px 50px;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li {
    color: #444;
    line-height: 150%;
    margin-bottom: 10px;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li strong {
    font-weight: 700;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info {
    background-color: #FF8F00;
    padding: 30px 50px;
    min-height: 267px;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info .title2 {
    color: #fff;
    font-weight: 700;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 24px;
    line-height: 140%;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p:last-child {
    margin-bottom: 0;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) {
    border: 2px solid #369;
}

#cranelp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) .customized-eot-crane-info {
    background-color: #369;
    position: absolute;bottom: 0;
}

#cranelp #customized-proposal {
    margin-top: 100px;
}

#cranelp .serviceStaff {
    display: grid;
    grid-template-columns: 320px 850px;
    background-color: #E9EDF6;
    height: 260px;
    width: 100%;
    flex-shrink: 0;
    margin-top: 20px;
}

#cranelp .serviceStaff .staffImg {
    width: 160px;
    margin: 24px 30px 30px 130px;
}

#cranelp .serviceStaff .staffImg img {
    width: 160px;
    height: 200px;
}

#cranelp .serviceStaff .staffInfo {
    width: 100%;
    padding-left: 41px;
    background-position: 0px 110px;
    background-image: url('../fonts/dgcrane-4.svg');
    background-repeat: no-repeat;
    mix-blend-mode: multiply
}

#cranelp .serviceStaff .staffInfo .staffName {
    color: #004E9E;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    margin-top: 29px;
}

#cranelp .serviceStaff .staffInfo p {
    color: #666;
    font-size: 16px;
    font-style: italic;
    line-height: 130%;
    margin-top: 2px;
    margin-bottom: 20px;
}

#cranelp .serviceStaff .staffInfo p i {
    font-style: normal;
}

#cranelp .serviceStaff .staffIntr {
    display: grid;
    grid-template-columns: repeat(3, 210px);
    column-gap: 15px;
}

#cranelp .serviceStaff .staffIntr span {
    height: 21px;
    font-size: 16px;
    color: #444;
}

#cranelp .serviceStaff .staffIntr span.addBold {
    color: #0C0C0C;
    font-weight: 700;
}

#cranelp #customized-eot-crane,
#cranelp #single-girder-eot-price,
#cranelp #crane-design-export,
#cranelp #dgcrane-global-service {
    margin-top: 110px;
}

#cranelp .serviceStaff .staffContact {
    width: 610px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    column-gap: 40px;
    margin-top: 40px;
}

#cranelp .serviceStaff .staffContact span {
    display: flex;
    line-height: 24px;
    color: #004E9E;
    font-size: 16px;
}

#cranelp .serviceStaff .staffContact span a {
    line-height: 24px;
    color: #004E9E;
    font-size: 16px;
}

#cranelp .serviceStaff .staffContact span a:hover {
    color: #F5A623;
}

#cranelp .serviceStaff .staffContact span img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

#cranelp #flexible-procurement .flexible-cost .flexible-cost-title {
    margin-top: 20px;
}

#cranelp #flexible-procurement .flexible-cost .title {
    margin-top: 20px;
}

#cranelp #flexible-procurement .flexible-cost {
    display: grid;
    grid-template-columns: 760px auto;
    column-gap: 74px;
}

#cranelp #flexible-procurement .flexible-complete {
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
    margin-top: 30px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail {
    position: relative;
    width: 100%;
    border: 1px solid #EEE;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    min-height: 660px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-title {
    position: absolute;
    left: -2px;
    background: linear-gradient(-64deg, transparent 20px, #ddd 0);
    min-width: 220px;
    padding: 10px 46px 11px 30px;
    color: #444;
    font-size: 15px;
    line-height: 130%;
    font-weight: 700;
    top: 0;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 30px;
    height: 60px;
    width: 60px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(3) {
 	width: 440px;
    height: 200px;
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail:nth-child(2) img:nth-child(3) {
    width: 420px;
    height: 154px;
    top: 72px;
    left: 46px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info {
    padding: 30px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info .title4 {
    color: #444;
    font-size: 16px;
    line-height: 130%;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul {
    margin-bottom: 20px;
    width: 500px;
    margin-top: 4px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li {
    position: relative;
    padding-left: 25px;
    color: #0C0C0C;
    line-height: 140%;
    font-size: 16px;
}

#cranelp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #0C0C0C;
    border-radius: 50%;
    top: 9px;
    left: 6px;
}

#cranelp #flexible-procurement .crane-distributed {
    position: relative;
    width: 333px;
    min-height: 196px;
}

#cranelp #flexible-procurement .crane-distributed img {
    position: absolute;
    top: 6px;
    width: 202px;
    height: 189px;
}

#cranelp #flexible-procurement .crane-distributed span {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 140%;
    position: absolute;
}

#cranelp #flexible-procurement .crane-distributed span:nth-child(2) {
    left: 25px;
    top: 48px;
}

#cranelp #flexible-procurement .crane-distributed span:nth-child(3) {
    left: 53px;
    top: 131px;
}

#cranelp #flexible-procurement .crane-distributed span:nth-child(4) {
    left: 212px;
    top: -1px;
    color: #004E9E;
}

#cranelp #flexible-procurement .crane-distributed span:nth-child(5) {
    left: 212px;
    top: 59px;
    color: #004E9E;
}

#cranelp #flexible-procurement .crane-distributed ul {
    position: absolute;
    top: 120px;
    left: 189px;
}

#cranelp #flexible-procurement .crane-distributed ul li {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    margin-bottom: 4px;
    padding-left: 25px;
}

#cranelp #flexible-procurement .crane-distributed ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FF8F00;
    border-radius: 50%;
    top: 6px;
    left: 6px;
}

#cranelp #flexible-procurement .crane-distributed ul li:nth-child(2):before {
    background: #004E9E;
}

#cranelp #crane-design-export .crane-export-list {
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
    row-gap: 30px;
    margin-top: 20px;
}

#cranelp #crane-design-export .crane-export-list .crane-export-detail {
    display: grid;
    grid-template-columns: 150px 350px;
    column-gap: 30px;
    background: #EBEFF7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    min-height: 220px;
}

#cranelp #crane-design-export .crane-export-list .crane-export-detail img {
    width: 150px;
    height: 220px;
}

#cranelp #crane-design-export .crane-export-list .crane-export-detail .crane-export-info {
    width: 100%;padding-bottom: 20px;
}

#cranelp h3 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
}

#cranelp #crane-design-export .crane-export-list .crane-export-detail .crane-export-info h3 {
    margin-top: 30px;
    padding: 0;
}

#cranelp #crane-design-export .crane-export-list .crane-export-detail .crane-export-info p {
    color: #4A4A4A;
    line-height: 150%;
    margin: 0;
    margin-top: 16px;
}

#cranelp #flexible-procurement {
    margin-top: 100px;
}

#cranelp #serving-country {
    margin-top: 90px;
    margin-bottom: 120px;
}

#cranelp #serving-country .serving-country-grid {
    display: grid;
    grid-template-columns: 905px 240px;
    column-gap: 25px;
}

#cranelp #export-projects-map img {
    left: -8px;
    width: 850px;
    height: 370px;
}

#cranelp #europe {
    top: 39px;
    left: 322px;
}

#cranelp #europe-location {
    top: 40px;
    left: 194px;
}

#cranelp .location {
    padding-top: 8px;
}

#cranelp #asia-location {
    top: 50px;
    left: -22px;
}

#cranelp #asia {
    top: 46px;
    left: 690px;
}

#cranelp #south-america-location,
#cranelp #africa-location {
    left: 193px;
}

#cranelp #south-america {
    top: 273px;
    left: 55px;
}

#cranelp #africa {
    top: 213px;
    left: 302px;
}

#cranelp #north-america {
    left: 158px;
}

#cranelp .export-projects-title {
    font-weight: 500;
    line-height: 120%;
    color: #000;
}

#cranelp .export-projects-title span {
    font-size: 14px;
    font-weight: 500;
}

#cranelp .exported-products ul {
    list-style: none;
    margin: 9px 0 0 0;
    padding: 0;position: relative;
}

#cranelp .exported-products ul li {
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin: 0 0 8px 0;
    color: #231815;
    font-weight: 500;
    text-align: right;background: #9E9E9F;
}

#cranelp .exported-products ul li span.year-exported {
    float: left;
    width: 30px;
    color: #231815;
    text-align: left;
    font-size: 12px;
    line-height: 18px;background-color: #ffffff;
}

#cranelp .exported-products ul li span.row1-2 {
    width: 152px;
}

#cranelp .exported-products ul li span.row1-3 {
    width: 56px;
}

#cranelp .exported-products ul li span.row2-2 {
    width: 128px;
}

#cranelp .exported-products ul li span.row2-3 {
    width: 80px;
}

#cranelp .exported-products ul li span.row3-2 {
    width: 110px;
}

#cranelp .exported-products ul li span.row3-3 {
    width: 98px;
}

#cranelp .exported-products ul li span.row4-2 {
    width: 90px;
}

#cranelp .exported-products ul li span.row4-3 {
    width: 118px;
}

#cranelp .exported-products ul li span.row5-2 {
    width: 70px;
}

#cranelp .exported-products ul li span.row5-3 {
    width: 138px;
}

#cranelp .exported-products ul li span.row1-3,
#cranelp .exported-products ul li span.row2-3,
#cranelp .exported-products ul li span.row3-3,
#cranelp .exported-products ul li span.row4-3,
#cranelp .exported-products ul li span.row5-3 {
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    font-weight: 600;
    padding-right: 2px;
    position: absolute;
    text-align: right;
    right: 0;
    z-index: 10;
    width: 100%;
}

#cranelp .exported-products ul li span.row1-2,
#cranelp .exported-products ul li span.row2-2,
#cranelp .exported-products ul li span.row3-2,
#cranelp .exported-products ul li span.row4-2,
#cranelp .exported-products ul li span.row5-2 {
    float: left;
    height: 18px;
    background-color: #036AAE;
}

#cranelp .exported-products ul li:last-child {
    margin-bottom: 0px;
}

#cranelp .export-projects-right {
    width: 100%;
}

#cranelp .dgcrane-local {
    background-color: #FF8F00;
    width: 240px;
    min-height: 120px;
    margin-top: 30px;
    float: left;
    padding: 20px;
    text-align: center;
}

#cranelp .dgcrane-local span {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    text-transform: capitalize;margin-bottom: 10px;
}

#cranelp .dgcrane-local a {
    display: inline-block;
    min-width: 160px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    line-height: 22px;
    padding: 5px 18px;
    color: #F58423;
    font-size: 16px;
    font-weight: 700;
}

#cranelp .dgcrane-local a:hover {
    background-color: #004E9E;
    color: #fff;
}

#cranelp .serving-cases-list {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(3, 360px);
    column-gap: 45px;
    row-gap: 56px;
}

#cranelp .serving-cases-list .serving-cases-detail {
    width: 100%;
    background: #FFF;
    height: fit-content;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    position: relative;
}

#cranelp .serving-cases-list .serving-cases-detail img {
    width: 360px;
    height: 240px;
}

#cranelp .serving-cases-list .serving-cases-detail .serving-cases-tag {
    position: absolute;
    top: 200px;
    padding: 4px 26px 6px 20px;
    line-height: 140%;
    background: linear-gradient(-66deg, transparent 20px, #ddd 0);
    font-size: 14px;
    font-weight: 700;
    color: #444;
}

#cranelp .serving-cases-list .serving-cases-detail .serving-cases-tag strong {
    font-weight: 700;
    padding-right: 8px;
}

#cranelp .serving-cases-list .serving-cases-detail p {
    font-weight: 700;
    color: #0C0C0C;
    padding: 20px 25px 10px 25px;
    margin: 0;
}

#cranelp .serving-cases-list .serving-cases-detail ul {
    padding: 0px 25px 30px 25px;
}

#cranelp .serving-cases-list .serving-cases-detail ul li {
    color: #333;
    line-height: 140%;
    margin-bottom: 9px;
    padding-left: 20px;
    position: relative;
}

#cranelp .serving-cases-list .serving-cases-detail ul li:last-child {
    margin-bottom: 0px;
}

#cranelp .serving-cases-list .serving-cases-detail ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #333;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

/* #cranelp .serving-cases-list .serving-cases-detail a{display: block; }
#cranelp .serving-cases-list .serving-cases-detail a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#cranelp .serving-cases-list .serving-cases-detail a:hover p{color: #004E9E;} */
#cranelp .serving-cases-list .serving-cases-detail:nth-child(1),
#cranelp .serving-cases-list .serving-cases-detail:nth-child(4) {
    border-left: none;
}

#cranelp .serving-cases-list .serving-cases-detail:nth-child(3),
#cranelp .serving-cases-list .serving-cases-detail:nth-child(6) {
    border-right: none;
}

/* #cranelp #single-girder-eot-price .product-price-table{margin-top:20px; width: 100%;min-height: 278px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);padding:0px 25px 0px 25px; } */
#cranelp #single-girder-eot-price .product-price-table {
    margin-top: 20px;
    width: 100%;
    min-height: 202px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);
    background: linear-gradient(to bottom, #DDD 40px, transparent 0);
    padding: 0px 25px 0px 25px;
}

#cranelp #single-girder-eot-price .product-price-table table {
    width: 100%;
    border-collapse: collapse;
}

#cranelp #single-girder-eot-price .product-price-table table tr {
    border-bottom: 2px solid #ddd;
}

#cranelp #single-girder-eot-price .product-price-table table tr th,
#cranelp #single-girder-eot-price .product-price-table table tr td {
    padding-right: 20px;
    font-family: "Lato";
    text-align: left;
    color: #444;
}

#cranelp #single-girder-eot-price .product-price-table table tr td {
    font-size: 16px;
    line-height: 200%;
    font-weight: 400;
    padding-top: 8px;
}

#cranelp #single-girder-eot-price .product-price-table table tr th {
    padding-bottom: 11px;
    padding-top: 11px;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(1),
#cranelp #single-girder-eot-price .product-price-table table tr td:nth-child(1) {
    width: 107px;
    padding-left: 15px;
    margin-left: 25px;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(2),
#cranelp #single-girder-eot-price .product-price-table table tr td:nth-child(2) {
    width: 88px;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(3),
#cranelp #single-girder-eot-price .product-price-table table tr td:nth-child(3) {
    width: 147px;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(4),
#cranelp #single-girder-eot-price .product-price-table table tr td:nth-child(4) {
    width: 215px;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(5),
#cranelp #single-girder-eot-price .product-price-table table tr td:nth-child(5) {
    padding-left: 40px;
    padding-right: 0px;
    width: 221px;
    background-color: #F7F7F7;
    font-weight: 700;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(5) {
    background-color: #336699;
    color: #fff;
    border: none;
}

#cranelp #single-girder-eot-price .product-price-table table tr th:nth-child(6),
#cranelp #single-girder-eot-price .product-price-table table tr td:nth-child(6) {
    width: 207px;
    padding-right: 0px;
    padding-left: 50px;
    font-weight: 700;
}

#cranelp #single-girder-eot-price .product-price-table table tr:first-child {
    border-bottom: none;
}

#cranelp #single-girder-eot-price .product-price-table table tr:last-child {
    border: none;
    padding-bottom: 8px;
}

#cranelp #single-girder-eot-price .product-price-table table tr:last-child td {
    padding-bottom: 8px;
}

#cranelp #single-girder-eot-price .pricing-notice {
    color: #666;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    margin-top: 16px;
}

#cranelp #dgcrane-global-service .global-service-list {
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
    margin-top: 40px;
    row-gap: 30px;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-grid {
    display: grid;
    grid-template-columns: 40px 500px;
    grid-column-gap: 20px;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-grid img {
    width: 40px;
    height: 40px;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-detail {
    width: 100%;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-detail .title1 {
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-detail ul {
    width: 100%;
    margin-top: 8px;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-detail li {
    line-height: 150%;
    padding-left: 20px;
    position: relative;
    color: #444;
}

#cranelp #dgcrane-global-service .global-service-list .global-service-detail li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #4D4D4D;
    border-radius: 50%;
    top: 8px;
    left: 6px;
}

#cranelp .footer {
    display: grid;
    grid-template-columns: 400px 675px;
    grid-column-gap: 73px;
    margin-top: 80px;
    margin-bottom: 80px;
}

#cranelp .footer .footerLeft {
    width: 100%;
    min-height: 680px;
    background: #FFF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    background-image: url('../fonts/dgcrane-bg 5.svg');
    background-repeat: no-repeat;
    background-position: center 10px;
    padding: 40px 30px;
}

#cranelp .footer .footerLeft h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: #0C0C0C;
    padding: 0;
}

#cranelp .footer .footerLeft h4 {
    font-size: 15px;
    line-height: 24px;
    color: #444;
    font-weight: 400;
}

#cranelp .footer .footerLeft h4.margintop10 {
    margin-top: 10px;
}

#cranelp .footer .footerLeft h4.margintop6 {
    margin-top: 6px;
}

#cranelp .footer .footerLeft ol {
    width: 100%;
    border-bottom: 1px solid #A7CFEB;
    list-style: auto;
    padding-bottom: 34px;
    padding-left: 20px;
    margin-bottom: 30px;
    margin-top: 6px;
}

#cranelp .footer .footerLeft ol li {
    color: #444;
    font-size: 15px;
    line-height: 22.5px;
    margin-bottom: 10px;
    list-style-type: decimal;
}

#cranelp .footer .footerLeft ul {
    margin-top: 20px;
    margin-bottom: 0px;
    padding-left: 5px;
}

#cranelp .footer .footerLeft ul li {
    font-size: 15px;
    color: #004E9E;
    line-height: 22.5px;
    margin-bottom: 12px;
}

#cranelp .footer .footerLeft ul li svg {
    margin-right: 10px;
    float: left;
    margin-top: 5px;
    width: 16px;
    height: 16px;
    fill: #004E9E;
}

#cranelp .footer .footerLeft ul li a {
    color: #004E9E;
}

#cranelp .footer .footerLeft ul li a:hover {
    color: #F5A623;
    font-weight: 400;
}

#cranelp .footer .footerLeft ul li:last-child {
    display: grid;
    grid-template-columns: 24px auto;
}

#cranelp .footer .footerRight h2 {
    color: #166297;
    font-size: 24px;
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 20px;
}

/*Jib Cranes Landing-Page*/
#jiblp ul li,
ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#jiblp {
  width: 100%;
  max-width: 2560px;
  min-width: 1140px;
  margin: 0 auto;
  word-wrap: break-word;
  overflow: hidden;
}
#jiblp h1 {
  color: #fff;
  text-shadow: 2px 2px 0 #0c0c0c;
  font-size: 38px;
  font-weight: 700;
  line-height: 130%;
}
#jiblp h2 {
  color: #004e9e;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  margin: 0;
  font-weight: bold;
}
#jiblp .title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 8px;
}
#jiblp .wrap {
  width: 1170px;
  margin: 0 auto;
}
#jiblp .banner1 {
  background: #003296;
  max-width: 1440px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-image: url("../images/banner_bg.jpg");
  background-size: cover;
}
#jiblp .banner1 .banner-detail {
  margin-top: 190px;
  width: 1000px;
}
#jiblp .banner1 .banner-detail ul {
  margin-top: 16px;
  padding-left: 22px;
}
#jiblp .banner1 .banner-detail ul li {
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-shadow: 2px 1px 0px #000000cc;
  list-style-type: disc !important;
}
#jiblp .banner1 .banner-detail .icon-list {
  display: flex;
  margin-top: 54px;
  height: 30px;
  width: 100%;
  align-items: center;
}
#jiblp a {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.2s ease;
}
#jiblp .banner1 .banner-detail .icon-list img {
  min-width: 22px;
  margin-right: 17px;
}
#jiblp .main-plate1 {
  margin: 100px 0 60px 0;
}
#jiblp .main-plate1 ul {
  margin-top: 30px;
}
#jiblp .main-plate1 .main-plate1-box ul li {
  margin-bottom: 60px;
}
#jiblp .main-plate1 .main-plate1-box ul li:last-child {
  margin-bottom: 0;
}
#jiblp .main-plate1 .main-plate1-box ul li a {
  display: flex;
  align-items: center;
  min-height: 400px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}
#jiblp .main-plate1 .main-plate1-box ul li a:hover {
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#jiblp .main-plate1 .main-plate1-box ul li a:hover .text h3 {
  color: #f5a623;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a:hover {
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#jiblp .main-plate2 .main-plate2-box .ul > li a:hover .text h3 {
  color: #f5a623;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic {
  height: 400px;
  width: 47.8%;
  position: relative;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic img {
  height: 400px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .pic-infomation {
  position: absolute;
  right: 20px;
  bottom: 30px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .pic-infomation .alcenter {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .pic-infomation .alcenter:last-child {
  margin-bottom: 0;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .pic-infomation .alcenter .time {
  margin-right: 8px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .pic-infomation .time {
  color: #aaaaaa;
  font-size: 30px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 4px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .pic-infomation .textarea {
  color: #aaaaaa;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic {
  position: relative;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .imgNum {
  position: absolute;
  bottom: 12px;
  right: 26px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .imgNum img {
  height: 80px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .imgNum .numTtext {
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  color: #cccccc;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  line-height: 120%;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .imgNum .numTtext p {
  font-size: 12px;
  line-height: 120%;
  color: #cccccc;margin: 0;font-weight: 400;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text {
  width: 60%;
  padding: 40px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text ul {
  padding-left: 20px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text ul li {
  margin-bottom: 6px;
  font-family: Lato;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 140%;
  letter-spacing: 0%;
  color: #343a46;
  list-style-type: disc !important;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text ul li strong {
  font-weight: bold;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text h3 {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #343a46;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .editor {
  font-family: Lato;
  font-weight: 400;
  font-style: Regular;
  font-size: 16px;
  leading-trim: NONE;
  line-height: 150%;
  letter-spacing: 0%;
  color: #343a46;
  margin-top: 6px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength {
  margin-top: 30px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem {
  display: flex;
  margin-bottom: 6px;
  position: relative;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem:first-child {
  line-height: 15px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem .lengthItemRigt {
  position: absolute;
  left: 335px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem:first-child {
  margin-bottom: 10px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem:last-child {
  margin-bottom: 0;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem .jibLengthItemTitle {
  font-size: 14px;
  color: #666666;
  font-weight: bold;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem .lengthItemLeft {
  width: 300px;
  margin-right: 35px;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem .jibLengthItemNum {
  font-size: 14px;
  color: #444;
  font-weight: 400;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem .jibLengthItemLine {
  position: relative;
  height: 20px;
  background: #004e9e;
}
#jiblp .main-plate1 .main-plate1-box ul li a .text .jibLength .jibLengthItem .jibLengthItemLine .lengthText {
  position: absolute;
  color: #fff;
  left: 12px;
  font-size: 14px;
  line-height: 20px;
}
#jiblp .main-plate2 .main-plate2-box .ul {
  width: calc(100% + 45px);
  margin: 0 -22.5px;
  display: flex;
}
#jiblp .main-plate2 .main-plate2-box .ul > li {
  width: 33.333333%;
  padding: 0 22.5px;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a {
  width: 100%;
  display: block;
  box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.1);
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic {
  width: 100%;
  line-height: 0;
  position: relative;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .SecondaryArm {
  position: absolute;
  right: 21px;
  top: 19px;
  color: #fff;
  font-size: 12px;
  line-height: 120%;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .imgNum2 {
  position: absolute;
  top: 36px;
  right: 44px;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .imgNum2 .numTtext {
  position: absolute;
  top: 50%;
  left: 54%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  line-height: 120%;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .imgNum2 .numTtext p {
  font-size: 8px;
  line-height: 120%;
  color: #ffffff;font-weight: 400;margin: 0;

}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .imgNum {
  position: absolute;
  bottom: 12px;
  right: 26px;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .imgNum .numTtext {
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  color: #cccccc;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  line-height: 120%;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .pic .imgNum .numTtext p {
  font-size: 12px;
  line-height: 120%;
  color: #cccccc;
  margin: 0;
  font-weight: 400;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text {
  padding: 20px 25px;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text h3 {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 130%;
  letter-spacing: 0%;
  color: #343a46;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text span {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: 0%;
  margin: 6px 0 16px 0;
  color: #aaa;
  font-weight: 400;
  display: block;
}
#jiblp .main-plate1 .main-plate1-box ul li a .pic .imgNum {
  line-height: 0;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text .ul2 {
  padding-left: 20px;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text .ul2 li {
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0%;
  color: #343a46;
  margin-bottom: 8px;
  list-style-type: disc !important;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text .ul2 li:last-child {
  margin-bottom: 0;
}
#jiblp #dgcrane-global-service .global-service-list {
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  margin-top: 40px;
  row-gap: 30px;
}
#jiblp #dgcrane-global-service .global-service-list .global-service-grid {
  display: grid;
  grid-template-columns: 40px 500px;
  grid-column-gap: 20px;
}
#jiblp #dgcrane-global-service .global-service-list .global-service-grid img {
  width: 40px;
  height: 40px;
}
#jiblp #dgcrane-global-service .global-service-list .global-service-detail {
  width: 100%;
}
#jiblp #dgcrane-global-service .global-service-list .global-service-detail .title1 {
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}
#jiblp #dgcrane-global-service .global-service-list .global-service-detail ul {
  width: 100%;
  margin-top: 8px;
  padding-left: 20px;
}
#jiblp #dgcrane-global-service .global-service-list .global-service-detail li {
  line-height: 150%;
  position: relative;
  color: #444;
  list-style-type: disc !important;
}
#jiblp #serving-country {
  margin-top: 90px;
  margin-bottom: 120px;
}
#jiblp #serving-country .serving-country-grid {
  display: grid;
  grid-template-columns: 905px 240px;
  column-gap: 25px;
}
#jiblp .serving-cases-list {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 360px);
  column-gap: 45px;
  row-gap: 72px;
}
#jiblp .serving-cases-list .serving-cases-detail {
  width: 100%;
  background: #fff;
  height: fit-content;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  position: relative;
}
#jiblp .serving-cases-list .serving-cases-detail img {
  width: 360px;
  height: 240px;
}
#jiblp .serving-cases-list .serving-cases-detail .serving-cases-tag {
  position: absolute;
  top: 200px;
  padding: 4px 26px 6px 20px;
  line-height: 140%;
  background: linear-gradient(-66deg, transparent 20px, #ddd 0);
  font-size: 14px;
  font-weight: 700;
  color: #444;
}
#jiblp .serving-cases-list .serving-cases-detail .serving-cases-tag strong {
  font-weight: 700;
  padding-right: 8px;
}
#jiblp .serving-cases-list .serving-cases-detail p {
  font-weight: 700;
  color: #0c0c0c;
  padding: 20px 25px 10px 25px;
  margin: 0;
}
#jiblp .serving-cases-list .serving-cases-detail ul {
  padding: 0px 25px 30px 47px;
}
#jiblp .serving-cases-list .serving-cases-detail ul li {
  color: #333;
  line-height: 140%;
  margin-bottom: 9px;
  position: relative;
  list-style-type: disc !important;
}
#jiblp .serving-cases-list .serving-cases-detail ul li:last-child {
  margin-bottom: 0px;
}
#jiblp .serving-cases-list .serving-cases-detail:nth-child(1),
#jiblp .serving-cases-list .serving-cases-detail:nth-child(4) {
  border-left: none;
}
#jiblp .serving-cases-list .serving-cases-detail:nth-child(3),
#jiblp .serving-cases-list .serving-cases-detail:nth-child(6) {
  border-right: none;
}
#jiblp #single-girder-eot-price {
  margin: 100px 0;
}
#jiblp #single-girder-eot-price .product-price-table {
  margin-top: 20px;
  width: 100%;
  min-height: 202px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #ddd 40px, transparent 0);
  padding: 0px 25px 0px 25px;
}
#jiblp #single-girder-eot-price .product-price-table table {
  width: 100%;
  border-collapse: collapse;
}
#jiblp #single-girder-eot-price .product-price-table table tr {
  border-bottom: 2px solid #ddd;
}
#jiblp #single-girder-eot-price .product-price-table table tr th,
#jiblp #single-girder-eot-price .product-price-table table tr td {
  padding-right: 20px;
  font-family: "Lato";
  text-align: left;
  color: #444;
}
#jiblp #single-girder-eot-price .product-price-table table tr td {
  font-size: 16px;
  line-height: 200%;
  font-weight: 400;
  padding-top: 8px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th {
  padding-bottom: 11px;
  padding-top: 11px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th:nth-child(1),
#jiblp #single-girder-eot-price .product-price-table table tr td:nth-child(1) {
  width: 137px;
  padding-left: 15px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th:nth-child(2),
#jiblp #single-girder-eot-price .product-price-table table tr td:nth-child(2) {
  width: 153px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th:nth-child(3),
#jiblp #single-girder-eot-price .product-price-table table tr td:nth-child(3) {
  width: 187px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th:nth-child(4),
#jiblp #single-girder-eot-price .product-price-table table tr td:nth-child(4) {
  width: 215px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th:nth-child(5),
#jiblp #single-girder-eot-price .product-price-table table tr td:nth-child(5) {
  padding-right: 0px;
  width: 181px;
}
#jiblp #single-girder-eot-price .product-price-table table tr th:nth-child(6),
#jiblp #single-girder-eot-price .product-price-table table tr td:nth-child(6) {
  width: 207px;
  padding-right: 0px;
  font-weight: 700;
}
#jiblp #single-girder-eot-price .product-price-table table tr:first-child {
  border-bottom: none;
}
#jiblp #single-girder-eot-price .product-price-table table tr:last-child {
  border: none;
  padding-bottom: 8px;
}
#jiblp #single-girder-eot-price .product-price-table table tr:last-child td {
  padding-bottom: 8px;
}
#jiblp #single-girder-eot-price .pricing-notice {
  font-size: 14px;
  color: #666666;
  margin-top: 16px;
}
#jiblp #crane-design-export {
  margin-top: 100px;
}
#jiblp #crane-design-export .crane-export-list {
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  row-gap: 30px;
  margin-top: 20px;
}
#jiblp #crane-design-export .crane-export-list .crane-export-detail {
  display: grid;
  grid-template-columns: 150px 350px;
  column-gap: 30px;
  background: #ebeff7;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  min-height: 302px;
  padding-bottom: 20px;
}
#jiblp #crane-design-export .crane-export-list .crane-export-detail img {
  width: 150px;
  height: 302px;
}
#jiblp #crane-design-export .crane-export-list .crane-export-detail .crane-export-info {
  width: 100%;padding-bottom: 20px;
}
#jiblp #crane-design-export ul {
  padding-left: 22px;
  margin-top: 10px;
}
#jiblp #crane-design-export ul li {
  list-style-type: disc !important;
  font-size: 16px;
  line-height: 140%;
  color: #4a4a4a;
  margin-bottom: 10px;
}
#jiblp #crane-design-export ul li:last-child {
  margin-bottom: 0;
}
#jiblp .crane-export-info h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  font-weight: bold;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text .label {
  display: flex;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text .label span {
  margin-right: 15px;
}
#jiblp .main-plate2 .main-plate2-box .ul > li a .text .label span:last-child {
  margin-right: 0;
}
#jiblp #crane-design-export .crane-export-list .crane-export-detail .crane-export-info h3 {
  margin-top: 30px;
  padding: 0;
}
#jiblp #crane-design-export .crane-export-list .crane-export-detail .crane-export-info p {
  color: #4a4a4a;
  line-height: 150%;
  margin: 0;
  margin-top: 16px;
}
#jiblp .product_Components {
  margin-top: 100px;
}
#jiblp .product_Components .ComponentsImg {
  position: relative;
  text-align: center;
  margin-top: 30px;
}
#jiblp .product_Components .textItem {
  position: absolute;
  text-align: left;
  width: 290px;
}
#jiblp .product_Components .textItem .ItemTit {
  color: #0c0c0c;
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 140%;
  font-weight: bold;
}
#jiblp .product_Components .textItem ul {
  padding-left: 22px;
}
#jiblp .product_Components .textItem ul li {
  font-size: 14px;
  line-height: 140%;
  margin-bottom: 6px;
  color: #444444;
  list-style-type: disc !important;
}
#jiblp .product_Components .textItem ul li:last-child {
  margin-bottom: 0;
}
#jiblp .product_Components .textItem.item1 {
  top: 10px;
  left: 0;
}
#jiblp .product_Components .textItem.item2 {
  top: 228px;
  left: 0;
}
#jiblp .product_Components .textItem.item3 {
  top: 0px;
  right: 53px;
  width: 400px;
}
#jiblp .product_Components .textItem.item4 {
  top: 142px;
  right: 0px;
}
#jiblp .product_Components .textItem.item5 {
  bottom: -28px;
  right: 53px;
  width: 400px;
}
#jiblp #dgcrane-global-service{margin-top: 100px;}


/*Crane Parts Landing-Page*/
#parts * {
    margin: 0;
    padding: 0;
    border: 0;
}

#parts *,#parts :after,#parts :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#parts {
    width: 100%;
    margin: 0 auto;
    word-wrap: break-word;
    overflow: hidden;
}

#parts .wrap {
    width: 1170px;
    margin: 0 auto;
}

.wrap-out {
    width: 1440px;
    margin: 0 auto;
}

#parts .copyright {
    color: #666;
    font-size: 14px;
    line-height: 140%;
    padding: 20px 30px;
}

.pswp__caption__center {
    max-width: 100%;
}

.pswp__caption__center p {
    color: #ccc;
}

#parts ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#parts ul li,
ol li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#parts h1 {
    color: #fff;
    text-shadow: 2px 2px 0 #0C0C0C;
    font-size: 38px;
    font-weight: 700;
    line-height: 140%;
}

#parts h2 {
    color: #004E9E;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    text-align: left;
    margin: 0;
}

#parts .title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    margin-top: 8px;
}

#parts .banner1 {
     max-width: 1440px;       
    width: 100%;              
    margin: 30px auto 0 auto; 
    height: 500px;            
    overflow: hidden;      
    background-image: url('../images/dgcrane-crane-parts-advanced-manufacturing-for-reliable-performance.jpg'); 
    background-color: #003296;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

#parts .banner1 .wrap {
    width: 1170px;          
    margin: 0 auto;           
    height: 100%;           
    display: flex;
    justify-content: space-between; 
    align-items: center;          
    position: relative;
}

#parts .banner1 .banner-detail {
     width: 75%;                 
    margin-top: 20px !important;   
    z-index: 2;
}

#parts .banner1 .banner-right-img {
    width: 30%;                  
    display: flex;
    justify-content: flex-end;    
    align-items: center;
    height: 100%;
}

#parts .banner1 .banner-right-img img {
    max-width: 120%;           
    height: auto;
    object-fit: contain;
    margin-right: 14px;   
    width: 440px;margin-top: 40px;display: block;
}

#parts .banner1 .banner-detail ul {
    margin-top: 20px;
}

#parts .banner1 .banner-detail ul li {
    position: relative;
    padding-left: 29px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    text-shadow: 2px 1px 0px #000000CC;
}

#parts .banner1 .banner-detail ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    background: #fff;
    left: 12px;
    margin-top: 11px;
    border-radius: 50%;
}

#parts .banner1 .banner-detail .icon-list {
    display: flex;
    margin-top: 32px;
    height: 30px;
    width: 100%;
    align-items: center;
}

#parts .banner1 .banner-detail .icon-list img {
    min-width: 22px;
    margin-right: 17px;
}

#parts #eot-cranes {
    margin-top: 108px;
}

#parts .eot-cranes-list a {
    display: flex;
    flex-direction: column;
    height: fit-content;
    position: relative;
    background: transparent;
    border-radius: 0;
    overflow: visible;  
    transition: transform 0.3s ease;
    text-decoration: none;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.05);
    min-height: 550px;
}


#parts .eot-cranes-list a .capacity {
    width: 77px;
    height: 77px;
    position: absolute;
    stroke-width: 1px;
    stroke: rgba(0, 84, 153, 0.20);
    opacity: 0.9;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
    right: 10px;
    top: 173px;
    color: #004E9E;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
}

#parts .eot-cranes-list a .capacity span {
    color: #004E9E;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 19px;
    line-height: 140%;
    display: inline-block;
}

#parts .eot-cranes-list a:hover{box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.06);}

#parts .eot-cranes-list a:hover .proName {
    color: #F5A623;
}

#parts .eot-cranes-list .proName {
    color: #343A46;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin: 22px 25px 0 25px;
}

#parts .eot-cranes-list .proIntroduce {
    margin: 12px 25px;
    padding: 0;
    position: relative;
    min-height: 72px;
}

#parts .eot-cranes-list .proIntroduce li {
    color: #444;
    font-size: 16px;
    line-height: 140%;
    padding-left: 25px;
    margin-bottom: 6px;
}

#parts .eot-cranes-list .proIntroduce li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#parts .eot-cranes-list a .cranesImg {
    width: 100%;
    height: 260px;
    overflow: hidden;
}


#parts .eot-cranes-list1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 0; 
    margin-top: 50px;
}

#parts .eot-cranes-list1 a {
    display: flex;
    height: fit-content;
    flex-direction: column;
    position: relative;
    background: transparent;
    border-radius: 0;
    overflow: visible;
    transition: transform 0.3s ease;
    text-decoration: none;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.05);
    
}


#parts .eot-cranes-list1 a .capacity {
    width: 77px;
    height: 77px;
    position: absolute;
    right: 10px;
    top: 153px;
    color: #004E9E;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    stroke-width: 1px;
    stroke: rgba(0, 84, 153, 0.20);
    opacity: 0.9;
    border: 1px solid #fff;
    border-radius: 50%;
    background-color: #fff;
}

#parts .eot-cranes-list1 a .cranesImg {
    width: 100%;
    height: 240px;
    width: 360px;
     overflow: hidden;
}

#parts .eot-cranes-list1 a .capacity span {
    color: #004E9E;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    margin-top: 19px;
    line-height: 140%;
    display: inline-block;
}

#parts .eot-cranes-list1 a:hover {
  box-shadow: -6px 6px 10px rgba(0, 0, 0, 0.06);
}

#parts .eot-cranes-list1 a:hover .proName {
    color: #F5A623;
}

#parts .flex-card.horizontal-card {
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.05);
}
#parts .eot-cranes-list1 .proName {
    color: #343A46;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    padding: 0 25px;
    margin-top: 22px;
}

#parts .eot-cranes-list1 .proIntroduce {
    margin: 12px 25px 30px 25px;
    padding: 0;
    position: relative;
    min-height: 94px;
}

#parts .eot-cranes-list1 .proIntroduce li {
    color: #444;
    font-size: 16px;
    line-height: 140%;
    padding-left: 25px;
    margin-bottom: 6px;
}
#parts .eot-cranes-list1 .proIntroduce li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#parts #high-performance-eot-crane {
    margin-top: 110px;
}

#parts .performance-eot-detail {
    position: relative;
    border: 1px solid #EEE;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    min-height: 534px;
    margin-top: 30px;
}

#parts .performance-eot-detail img {
    position: absolute;
    left: 350px;
    top: 72px;
    width: 470px;
    height: 396px
}

#parts .performance-eot-detail .features-title {
    position: absolute;
    left: -2px;
    background: linear-gradient(-64deg, transparent 20px, #ddd 0);
    min-width: 376px;
    padding: 10px 46px 11px 30px;
    color: #444;
    font-size: 15px;
    line-height: 140%;
    font-weight: 700;
    font-family: "Lato";
}

#parts .performance-eot-detail .performance-eot-info {
    width: 310px;
    position: absolute;
    z-index: 2;
}


#parts .performance-eot-detail .performance-eot-info.width1 {
    width: 420px;
}

#parts .eot-cranes-list {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 50px;
}

#parts .eot-cranes-list1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 45px;
}

#parts .eot-cranes-list a .cranesImg img {
    display: block;
    width: 560px;
    height: 260px;
    object-fit: cover;
}


#parts .eot-cranes-list1 a .cranesImg img {
    display: block;
    width: 360px;
    height: 240px;
    object-fit: cover;
}

#parts .performance-eot-detail .performance-eot-info span {
    color: #0C0C0C;
    font-size: 14px;
    line-height: 140%;
    font-weight: 700;
}

#parts .performance-eot-detail .performance-eot-info ul {
    margin-top: 4px;
}

#parts .performance-eot-detail .performance-eot-info ul li {
    color: #444;
    font-size: 14px;
    line-height: 140%;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
}

#parts .performance-eot-detail .performance-eot-info ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #444;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#parts .performance-eot-detail .performance-eot-info:nth-child(2) {
    left: 30px;
    top: 92px;
}

#parts .performance-eot-detail .performance-eot-info:nth-child(3) {
    left: 30px;
    top: 298px;
}

#parts .performance-eot-detail .performance-eot-info:nth-child(4) {
    left: auto;
    top: 54px;
    right: 44px;
}

#parts .performance-eot-detail .performance-eot-info:nth-child(5) {
    left: auto;
    top: 228px;
    right: 30px;
}

#parts .performance-eot-detail .performance-eot-info:nth-child(6) {
    left: auto;
    top: auto;
    bottom: 50px;
    right: 110px;
}

#parts #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(6) {
    right: 100px;
}

#parts #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(4) {
    top: 64px;
}

#parts #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(5) {
    right: 70px;
}

#parts #high-performance-eot-crane .performance-eot-detail:nth-child(3) {
    margin-top: 40px;
}

#parts #high-performance-eot-crane .performance-eot-detail:nth-child(3) img {
    position: absolute;
    left: 350px;
    top: 80px;
    width: 429px;
    height: 398px
}


#parts #customized-proposal {
    margin-top: 100px;
}

#parts .serviceStaff {
    display: grid;
    grid-template-columns: 320px 850px;
    background-color: #E9EDF6;
    height: 260px;
    width: 100%;
    flex-shrink: 0;
    margin-top: 20px;
}

#parts .serviceStaff .staffImg {
    width: 160px;
    margin: 24px 30px 30px 130px;
}

#parts .serviceStaff .staffImg img {
    width: 160px;
    height: 200px;
}

#parts .serviceStaff .staffInfo {
    width: 100%;
    padding-left: 41px;
    background-position: 0px 110px;
    background-image: url('../fonts/dgcrane-4.svg');
    background-repeat: no-repeat;
    mix-blend-mode: multiply
}

#parts .serviceStaff .staffInfo .staffName {
    color: #004E9E;
    font-size: 24px;
    font-weight: 700;
    line-height: 140%;
    margin-top: 29px;
}

#parts .serviceStaff .staffInfo p {
    color: #666;
    font-size: 16px;
    font-style: italic;
    line-height: 140%;
    margin-top: 2px;
    margin-bottom: 20px;
}

#parts .serviceStaff .staffInfo p i {
    font-style: normal;
}

#parts .serviceStaff .staffIntr {
    display: grid;
    grid-template-columns: repeat(3, 210px);
    column-gap: 15px;
}

#parts .serviceStaff .staffIntr span {
    height: 21px;
    font-size: 16px;
    color: #444;
}

#parts .serviceStaff .staffIntr span.addBold {
    color: #0C0C0C;
    font-weight: 700;
}

#parts #crane-design-export,
#parts #dgcrane-global-service {
    margin-top: 110px;
}

#parts .serviceStaff .staffContact {
    width: 610px;
    display: grid;
    grid-template-columns: repeat(2, 50%);
    column-gap: 40px;
    margin-top: 40px;
}

#parts .serviceStaff .staffContact span {
    display: flex;
    line-height: 140%;
    color: #004E9E;
    font-size: 16px;
}

#parts .serviceStaff .staffContact span a {
    line-height: 140%;
    color: #004E9E;
    font-size: 16px;
}

#parts .serviceStaff .staffContact span a:hover {
    color: #F5A623;
}

#parts .serviceStaff .staffContact span img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

#parts #flexible-procurement .flexible-cost .flexible-cost-title {
    margin-top: 20px;
}

#parts #flexible-procurement .flexible-cost .title {
    margin-top: 20px;
}

#parts #flexible-procurement .flexible-cost {
    display: grid;
    /* grid-template-columns: 760px auto; */
    column-gap: 74px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail:first-child > div {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 30px;
}


#parts #flexible-procurement .flexible-complete .flexible-complete-detail:first-child > div > div:first-child {
    min-width: 150px;
}


#parts #flexible-procurement .flexible-complete .flexible-complete-detail:first-child img:nth-child(3) {
    position: static;
    width: 440px;
    height: 200px;
    margin-top: 20px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail:first-child .flexible-complete-info {
    position: static;
    margin-top: 20px;
}
#parts #flexible-procurement .flexible-complete {
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
    margin-top: 30px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail {
    position: relative;
    width: 100%;
    border: 1px solid #EEE;
    background: rgba(255, 255, 255, 0.80);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    min-height: 660px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-title {
    position: absolute;
    left: -2px;
    background: linear-gradient(-64deg, transparent 20px, #ddd 0);
    min-width: 220px;
    padding: 10px 46px 11px 30px;
    color: #444;
    font-size: 15px;
    line-height: 140%;
    font-weight: 700;
    top: 0;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 30px;
    height: 60px;
    width: 60px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(3) {
    position: absolute;
    top: 56px;
    left: 30px;
    width: 440px;
    height: 200px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail:nth-child(2) img:nth-child(3) {
    width: 420px;
    height: 154px;
    top: 72px;
    left: 46px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info {
    position: absolute;
    left: 30px;
    top: 266px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info .title4 {
    color: #444;
    font-size: 16px;
    line-height: 140%;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul {
    margin-bottom: 20px;
    width: 500px;
    margin-top: 4px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li {
    position: relative;
    padding-left: 25px;
    color: #0C0C0C;
    line-height: 140%;
    font-size: 16px;
}

#parts #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #0C0C0C;
    border-radius: 50%;
    top: 9px;
    left: 6px;
}

#parts #flexible-procurement .crane-distributed {
    position: relative;
    width: 333px;
    min-height: 196px;
}

#parts #flexible-procurement .crane-distributed img {
    position: absolute;
    top: 6px;
    width: 202px;
    height: 189px;
}

#parts #flexible-procurement .crane-distributed span {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 140%;
    position: absolute;
}

#parts #flexible-procurement .crane-distributed span:nth-child(2) {
    left: 25px;
    top: 48px;
}

#parts #flexible-procurement .crane-distributed span:nth-child(3) {
    left: 53px;
    top: 131px;
}

#parts #flexible-procurement .crane-distributed span:nth-child(4) {
    left: 212px;
    top: -1px;
    color: #004E9E;
}

#parts #flexible-procurement .crane-distributed span:nth-child(5) {
    left: 212px;
    top: 59px;
    color: #004E9E;
}

#parts #flexible-procurement .crane-distributed ul {
    position: absolute;
    top: 120px;
    left: 189px;
}

#parts #flexible-procurement .crane-distributed ul li {
    color: #444;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    position: relative;
    margin-bottom: 4px;
    padding-left: 25px;
}

#parts #flexible-procurement .crane-distributed ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    background: #FF8F00;
    border-radius: 50%;
    top: 6px;
    left: 6px;
}

#parts #flexible-procurement .crane-distributed ul li:nth-child(2):before {
    background: #004E9E;
}

#parts #crane-design-export .crane-export-list {
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
    row-gap: 30px;
    margin-top: 20px;
}

#parts #crane-design-export .crane-export-list .crane-export-detail {
    display: grid;
    grid-template-columns: 150px 350px;
    column-gap: 30px;
    background: #EBEFF7;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    min-height: 220px;
}

#parts #crane-design-export .crane-export-list .crane-export-detail img {
    width: 150px;
    height: 220px;
}

#parts #crane-design-export .crane-export-list .crane-export-detail .crane-export-info {
    width: 100%;padding-bottom: 20px;
}

#parts #crane-design-export .crane-export-list .crane-export-detail .crane-export-info h3 {
    margin-top: 30px;
    padding: 0;
}

#parts #crane-design-export .crane-export-list .crane-export-detail .crane-export-info p {
    color: #4A4A4A;
    line-height: 140%;
    margin: 0;
    margin-top: 16px;
}

#parts #flexible-procurement {
    margin-top: 100px;
}

#parts #serving-country {
    margin-top: 90px;
    margin-bottom: 120px;
}

#parts #serving-country .serving-country-grid {
    display: grid;
    grid-template-columns: 905px 240px;
    column-gap: 25px;
}

#parts #export-projects-map img {
    left: -8px;
    width: 850px;
    height: 370px;
}

#parts #europe {
    top: 39px;
    left: 322px;
}

#parts #europe-location {
    top: 40px;
    left: 194px;
}

#parts .location {
    padding-top: 8px;
}

#parts #asia-location {
    top: 50px;
    left: -22px;
}

#parts #asia {
    top: 46px;
    left: 690px;
}

#parts #south-america-location,
#parts #africa-location {
    left: 193px;
}

#parts #south-america {
    top: 273px;
    left: 55px;
}

#parts #africa {
    top: 213px;
    left: 302px;
}

#parts #north-america {
    left: 158px;
}

#parts .export-projects-title {
    font-weight: 500;
    line-height: 140%;
    color: #000;
}

#parts .export-projects-title span {
    font-size: 14px;
    font-weight: 500;
}

#parts .exported-products ul {
    list-style: none;
    margin: 9px 0 0 0;
    padding: 0;
}

#parts .exported-products ul li {
    font-size: 12px;
    height: 18px;
    line-height: 140%;
    margin: 0 0 8px 0;
    color: #231815;
    font-weight: 500;
    text-align: right;
}

/*#parts .exported-products ul li span.year-exported {
    float: left;
    width: 30px;
    color: #231815;
    text-align: left;
    font-size: 12px;
    line-height: 140%;background-color: #ffffff;
}
*/
#parts .exported-products ul li span.row1-2 {
    width: 152px;
}

#parts .exported-products ul li span.row1-3 {
    width: 56px;
}

#parts .exported-products ul li span.row2-2 {
    width: 128px;
}

#parts .exported-products ul li span.row2-3 {
    width: 80px;
}

#parts .exported-products ul li span.row3-2 {
    width: 110px;
}

#parts .exported-products ul li span.row3-3 {
    width: 98px;
}

#parts .exported-products ul li span.row4-2 {
    width: 90px;
}

#parts .exported-products ul li span.row4-3 {
    width: 118px;
}

#parts .exported-products ul li span.row5-2 {
    width: 70px;
}

#parts .exported-products ul li span.row5-3 {
    width: 138px;
}

#parts .exported-products ul li span.row1-3,
#parts .exported-products ul li span.row2-3,
#parts .exported-products ul li span.row3-3,
#parts .exported-products ul li span.row4-3,
#parts .exported-products ul li span.row5-3 {
    float: left;
    height: 18px;
    background-color: #9E9E9F;
    font-size: 12px;
    line-height: 140%;
    color: #000000;
    font-weight: 600;
    padding-right: 2px;
}

#parts .exported-products ul li span.row1-2,
#parts .exported-products ul li span.row2-2,
#parts .exported-products ul li span.row3-2,
#parts .exported-products ul li span.row4-2,
#parts .exported-products ul li span.row5-2 {
    float: left;
    height: 18px;
    background-color: #036AAE;
}

#parts .exported-products ul li:last-child {
    margin-bottom: 0px;
}

#parts .export-projects-right {
    width: 100%;
}

#parts .dgcrane-local {
    background-color: #FF8F00;
    width: 240px;
    min-height: 120px;
    margin-top: 30px;
    float: left;
    padding-bottom: 20px;
}

/*#parts .dgcrane-local span {
    width: 240px;
    padding: 20px 20px 10px 20px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    text-transform: capitalize;
    float: left;margin-bottom: 10px;
}*/

/*#parts .dgcrane-local a {
    float: left;
    min-width: 160px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    line-height: 140%;
    padding: 5px 18px;
    margin-left: 40px;
    color: #F58423;
    font-size: 16px;
    font-weight: 700;
}*/

#parts .dgcrane-local a:hover {
    background-color: #004E9E;
    color: #fff;
}

#parts .serving-cases-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    column-gap: 0; 
    row-gap: 56px;
    margin-bottom: 120px;
}

#parts .serving-cases-list .serving-cases-detail {
    width: 360px;
    height: fit-content;
    background: transparent;
    position: relative;
    overflow: visible !important;
    box-shadow: none;
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.05);
}

#parts .serving-cases-list .serving-cases-detail img {
     width: 360px;       
    height: 240px;
    object-fit: cover;
    display: block;   
}
#serving-country .serving-cases-list {
    column-gap: 50px;
}
#parts .serving-cases-list .serving-cases-detail::before {
    content: '';
    position: absolute;
    left: 0;
    right: 30px;   
    bottom: 0;
    top: 240px; 
    background: #FFF;
    z-index: -1;
}


#parts .serving-cases-list .serving-cases-detail .serving-cases-tag {
    position: absolute;
    top: 200px;
    padding: 4px 26px 6px 20px;
    line-height: 140%;
    background: linear-gradient(-66deg, transparent 20px, #ddd 0);
    font-size: 14px;
    font-weight: 700;
    color: #444;
}

#parts .serving-cases-list .serving-cases-detail .serving-cases-tag strong {
    font-weight: 700;
    padding-right: 8px;
}

#parts .serving-cases-list .serving-cases-detail p {
    font-weight: 700;
    color: #0C0C0C;
    padding: 20px 25px 10px 25px;
    margin: 0;
    font-size: 20px;
}

#parts .serving-cases-list .serving-cases-detail ul {
    padding: 0px 25px 30px 25px;
}

#parts .serving-cases-list .serving-cases-detail ul li {
    color: #333;
    line-height: 140%;
    margin-bottom: 9px;
    padding-left: 20px;
    position: relative;
    font-size: 16px;
}

#parts .serving-cases-list .serving-cases-detail ul li:last-child {
    margin-bottom: 0px;
}

#parts .serving-cases-list .serving-cases-detail ul li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #333;
    left: 10px;
    margin-top: 8px;
    border-radius: 50%;
}

#parts .new-profile-section {
    margin-top: 80px;
    margin-bottom: 50px;
}

.profile-card-container {
    background-color: #F4F8FD; 
    display: flex;
    flex-direction: row;
    margin-top: 30px;
    padding: 45px 100px; 
    box-shadow: none; 
}


.profile-left {
    width: 180px; 
    height: 220px; 
    flex-shrink: 0;
    margin-right: 80px; 
}

.profile-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.profile-right {
    flex: 1;
    padding: 10px 0 0 0; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
}

.profile-header h3 {
    color: #004E9E;
    font-size: 26px; 
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: -5px; 
}

.profile-header .role {
    font-style: italic;
    color: #000;
    font-size: 16px;
    margin-bottom: 30px;
    font-family: "Times New Roman", Serif;
}

.profile-stats {
    display: flex;
    gap: 80px; 
    margin-bottom: 35px;
}

.stat-item {
    display: flex;
    flex-direction: column;
}

.stat-item strong {
    font-size: 20px;
    color: #333;
    font-weight: 700;
    margin-bottom: 5px;
}

.stat-item span {
    font-size: 14px;
    color: #444;
}

.profile-contact {
    display: flex;
    gap: 50px; 
    align-items: center;
}

.contact-btn {
    display: flex;
    align-items: center;
    color: #004E9E; 
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
    transition: opacity 0.2s;
}

.contact-btn:hover {
    opacity: 0.8;
    color: #004E9E; 
}

.contact-btn svg {
    background-color: #005499;
    fill: #fff !important; 
    padding: 3px; 
    width: 24px;
    height: 24px;
    margin-right: 12px; 
    display: block;
    border-radius: 2px; 
}

#parts .flexible-layout-container {
    display: grid;
    grid-template-columns: 1.3fr 1fr; 
    gap: 50px;
    margin-top: 30px;
}

#parts .flex-col-left {
    display: flex;
    flex-direction: column;
    gap: 45px; 
}

#parts .flex-col-right {
    height: 100%;
}
/*
#parts .flex-card {
     background: #fff;
    box-shadow: none; 
    position: relative;
    border: none;
    height: auto;
    z-index: 1; 
}*/

#parts .card-header {
    background-color: #E0E0E0; 
    color: #343A46;
    font-size: 20px;
    font-weight: 700;   
    padding: 4px 50px 4px 20px; 
    display: inline-block;
    position: relative; 
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
    min-width: auto;
    width: fit-content;
    position: absolute;
}

#parts .horizontal-card .card-body {
    display: flex;
    flex-direction: row;
    gap: 50px;
    align-items: flex-start;
}

#parts .horizontal-card .img-wrap {
    flex: 0 0 250px; 
}
#parts .horizontal-card .img-wrap img {
    width: 250px;
    height: 248px;
    display: block;
}

#parts .horizontal-card .info-wrap {
    flex: 1;
    width: 344px;
    margin: 20px 0 0 0;
}
#parts .vertical-card .info-wrap {
     padding: 50px 25px 25px 25px;
}

#parts .flex-col-right .flex-card {
    box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.05);
}

#parts .vertical-card .card-body {
    display: flex;
    flex-direction: column;
}

#parts .vertical-card .img-wrap {
    width: 100%;height: 242px;
    display: flex;
}
#parts .vertical-card .img-wrap img {
    width: 456px;
    height: 242px;
}

#parts .info-group {
    margin-bottom: 15px;
}
#parts .info-group strong {
    display: block;
    color: #343A46;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
}
#parts .info-group p {
    margin: 0;
    color: #444;
    font-size: 16px;
    line-height: 140%;
}

#parts #crane-applications {
    margin-top: 100px;
    margin-bottom: 80px;
}

#parts .app-grid {
    display: grid;
    grid-template-columns: repeat(2, 560px);
    column-gap: 50px;
    row-gap: 50px; 
    margin-top: 40px;
}

#parts .app-card {
    position: relative;   
}

#parts .app-img {
    width: 100%;
    height: 280px; 
    overflow: hidden;
}

#parts .app-img img {
    width: 560px;
    height: 260px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

#parts .app-content {
    background: #fff;
    width: 92%;
    margin: 0 auto; 
    margin-top: -40px; 
    position: relative;
    z-index: 2; 
    padding: 25px 30px;box-shadow: -3px 3px 10px rgba(0, 0, 0, 0.05);
}

#parts .app-content h3 {
    color: #444;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 140%;
}

#parts .app-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#parts .app-content ul li {
    font-size: 16px;
    color: #444;
    line-height: 140%;
    margin-bottom: 8px;
    position: relative;
    padding-left: 15px;
}

#parts .app-content ul li::before {
    content: "•";
    color: #333;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0px;
}

#parts .app-content ul li strong {
    color: #444;
    font-weight: 700;
}

#parts #dgcrane-global-service {
    margin-top: 110px;
    clear: both; 
}

#parts #dgcrane-global-service .global-service-list {
    display: grid;  
    grid-template-columns: 1fr 1fr; 
    column-gap: 90px;
    row-gap: 40px;
    margin-top: 40px;
    width: 100%;
}

#parts #dgcrane-global-service .global-service-list .global-service-grid {
    display: grid;   
    grid-template-columns: 40px 1fr; 
    column-gap: 20px;
    align-items: start; 
}

#parts #dgcrane-global-service .global-service-list .global-service-grid img {
    width: 40px;
    height: 40px;
    display: block;
}

#parts #dgcrane-global-service .global-service-list .global-service-detail {
    width: 100%;
}

#parts #dgcrane-global-service .global-service-list .global-service-detail .title1 {
    font-size: 20px;
    line-height: 140%;
    font-weight: bold;
    color: #444; 
    margin-bottom: 5px;
}

#parts #dgcrane-global-service .global-service-list .global-service-detail ul {
    margin-top: 5px;
    padding: 0;
    list-style: none;
}

#parts #dgcrane-global-service .global-service-list .global-service-detail li {
    line-height: 140%;
    padding-left: 20px;
    position: relative;
    color: #444;
    font-size: 16px;
    margin-bottom: 5px;
}

#parts #dgcrane-global-service .global-service-list .global-service-detail li::before {
    content: '';
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background: #4D4D4D;
    border-radius: 50%;
    top: 9px; 
    left: 6px;
}
#parts #customized-proposal p{margin: 8px 0 30px 0;}


/*Crane Wheel Assembly*/
#lp-wheel ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#lp-wheel ul li,
ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#lp-wheel h2 {
  color: #004e9e;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  margin: 0;
}
#lp-wheel .title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 8px;
}
#lp-wheel .banner1 {
  max-width: 1440px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-image: url("../images/crane-wheel-assembly-advanced-manufacturing-for-reliable-performance.jpg");
  background-size: cover;
}
#lp-wheel .banner1 .banner-detail {
  width: 900px;
  position: absolute;
  bottom: 22px;
  right: 135px;
}
#lp-wheel .banner1 .banner-detail .icon-list {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: center;
}
#lp-wheel .banner1 .banner-detail .icon-list img {
  min-width: 22px;
  margin-right: 30px;
}
#lp-wheel .banner1 .banner-detail .icon-list img:last-child {
  margin-right: 0;
}
#lp-wheel .introduceText .wrap{display: flex;gap: 40px;}
#lp-wheel .introduceText {
  max-width: 1440px;
  margin: 0 auto;
  background: #004e9e;
  padding: 24px 135px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  left: 50%;
  margin-left: -720px;
  position: relative;
}
#lp-wheel .introduceText h1 {
  font-size: 28px;
  line-height: 130%;
  color: #fff;
  font-weight: bold;
  max-width: 600px;
  width: 600px;
}
#lp-wheel .introduceText ul li {
  list-style: disc;
  font-size: 20px;
  color: #fff;
  margin-bottom: 8px;
}
#lp-wheel .introduceText ul li:last-child {
  margin-bottom: 0;
}
#lp-wheel .certificate {
  margin-top: 120px;
}
#lp-wheel .certificate .certificateList {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 270px);
  column-gap: 30px;
  row-gap: 30px;
}
#lp-wheel .certificate .certificateList .certificateItem:hover .certificateImg:after {
  display: block;
}
#lp-wheel .certificate .certificateList .certificateItem:hover .certificateImg:before {
  display: block;
}
#lp-wheel .certificate .certificateList .certificateImg {
  width: 100%;
  line-height: 0;
  position: relative;
}
#lp-wheel .certificate .certificateList .certificateImg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 49, 161, 0.4);
  position: absolute;
  top: 0;
  display: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#lp-wheel .certificate .certificateList .certificateImg::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background: url(../images/fangda.svg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#lp-wheel .certificate .certificateList .certificateImg img {
  width: 100%;
}
#lp-wheel .certificate .certificateList .certificateTit {
  margin-top: 20px;
  font-size: 16px;
  line-height: 140%;
  color: #343a46;
  font-weight: bold;
}
#lp-wheel #eot-cranes {
  margin-top: 120px;
}
#lp-wheel .eot-cranes-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  row-gap: 60px;
}
#lp-wheel ul li::marker {
  font-size: 12px;
}
#lp-wheel .eot-cranes-list .pro {
  background: #fff;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#lp-wheel .eot-cranes-list .a {
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#lp-wheel .eot-cranes-list .pro .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  right: 10px;
  top: 173px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}
#lp-wheel a,
#lp-wheel a:hover,
#lp-wheel a:focus {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.2s ease;
}
#lp-wheel .eot-cranes-list .pro .capacity span {
  color: #004e9e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  margin-top: 19px;
  line-height: 18px;
  display: inline-block;
}
/*#lp-wheel .eot-cranes-list .pro:hover {
  background: #fff;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#lp-wheel .eot-cranes-list .pro:hover .proName {
  color: #004e9e;
}*/
#lp-wheel .eot-cranes-list .proName {
  color: #343a46;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
  margin: 25px 25px 0 25px;
}
#lp-wheel .eot-cranes-list .proIntroduce {
  margin: 12px 25px 40px 22px;
  padding: 0;
  position: relative;
  min-height: 72px;
  padding-left: 26px;
}
#lp-wheel .eot-cranes-list .proIntroduce li {
  color: #444;
  font-size: 16px;
  line-height: 150%;
  margin-bottom: 7px;
  list-style: disc;
}
#lp-wheel .eot-cranes-list .proIntroduce li:last-child {
  margin-bottom: 0;
}
#lp-wheel .eot-cranes-list .pro .cranesImg {
  width: 100%;
  height: 260px;
  position: relative;
}
#lp-wheel .eot-cranes-list .pro .cranesImg img {
  width: 560px;
  height: 260px;
}
#lp-wheel .eot-cranes-list1 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 360px);
  grid-column-gap: 45px;
  margin-top: 60px;
}
#lp-wheel .eot-cranes-list1 .pro {
  background: #fff;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  min-height: 410px;
}
#lp-wheel .eot-cranes-list1 .pro .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  right: 10px;
  top: 153px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}
#lp-wheel .eot-cranes-list1 .pro .cranesImg {
  width: 100%;
  height: 240px;
  position: relative;
}
#lp-wheel .eot-cranes-list1 .pro .cranesImg img {
  width: 360px;
  height: 240px;
}
#lp-wheel .eot-cranes-list1 .pro .capacity span {
  color: #004e9e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  margin-top: 19px;
  line-height: 18px;
  display: inline-block;
}
/*#lp-wheel .eot-cranes-list1 .pro:hover {
  background: #fff;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#lp-wheel .eot-cranes-list1 .pro:hover .proName {
  color: #004e9e;
}*/
#lp-wheel .eot-cranes-list1 .proName {
  color: #343a46;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  padding: 0 25px;
  margin-top: 25px;
}
#lp-wheel .eot-cranes-list1 .proIntroduce {
  margin: 12px 25px 40px 25px;
  padding: 0;
  position: relative;
  min-height: 94px;
  padding-left: 26px;
}
#lp-wheel .eot-cranes-list1 .proIntroduce li {
  color: #444;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 6px;
  list-style: disc;
}
#lp-wheel #parts{margin-top: 120px;}
#lp-wheel .Process {
  margin-top: 120px;
}
#lp-wheel .Process .processList {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
}
#lp-wheel .Process .processList .processItem {
  position: relative;
  display: flex;
  box-shadow: -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1), -0.5px -0.5px 0.4px 0px rgba(0, 0, 0, 0.05) inset;
}
#lp-wheel .Process .processList .processItem .processImg {
  width: 234px;
  line-height: 0;
}
#lp-wheel .Process .processList .processItem .processTit {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(-64deg, transparent 20px, #ccc 0);
  min-width: 234px;
  padding: 8px 30px 8px 30px;
  color: #444;
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
}
#lp-wheel .Process .processList .processText {
  padding-right: 25px;
  margin-top: 60px;
  flex: 1;
}
#lp-wheel .Process .processList .processText .lab {
  color: #666666;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 8px;
}
#lp-wheel .Process .processList .processText ul {
  padding-left: 26px;
}
#lp-wheel .Process .processList .processText ul:nth-child(2) {
  margin-bottom: 25px;
}
#lp-wheel .Process .processList .processText ul li {
  list-style: disc;
  color: #444;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 6px;
  font-weight: 400;
}
#lp-wheel .Process .processList .processText ul li b {
  font-weight: bold;
}
#lp-wheel .Process .processList .processText ul li:last-child {
  margin-bottom: 0;
}
#lp-wheel #high-performance-eot-crane {
  margin-top: 110px;
}
#lp-wheel .performance-eot-detail {
  position: relative;
  border: 1px solid #eee;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  min-height: 534px;
  margin-top: 30px;
}
#lp-wheel .performance-eot-detail img {
  position: absolute;
  left: 350px;
  top: 72px;
  width: 470px;
  height: 396px;
}
#lp-wheel .performance-eot-detail .features-title {
  position: absolute;
  left: -2px;
  background: linear-gradient(-64deg, transparent 20px, #ddd 0);
  min-width: 376px;
  padding: 10px 46px 11px 30px;
  color: #444;
  font-size: 15px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Lato";
}
#lp-wheel .performance-eot-detail .performance-eot-info {
  width: 310px;
  position: absolute;
  z-index: 2;
}
#lp-wheel .performance-eot-detail .performance-eot-info.width1 {
  width: 420px;
}
/* #lp-wheel .performance-eot-detail .performance-eot-info.width2 {
    width: 290px;
} */
#lp-wheel .performance-eot-detail .performance-eot-info span {
  color: #0c0c0c;
  font-size: 14px;
  line-height: 140%;
  font-weight: 700;
}
#lp-wheel .performance-eot-detail .performance-eot-info ul {
  margin-top: 4px;
}
#lp-wheel .performance-eot-detail .performance-eot-info ul li {
  color: #444;
  font-size: 14px;
  line-height: 140%;
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
}
#lp-wheel .performance-eot-detail .performance-eot-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #444;
  left: 10px;
  margin-top: 8px;
  border-radius: 50%;
}
#lp-wheel .performance-eot-detail .performance-eot-info:nth-child(2) {
  left: 30px;
  top: 92px;
}
#lp-wheel .performance-eot-detail .performance-eot-info:nth-child(3) {
  left: 30px;
  top: 298px;
}
#lp-wheel .performance-eot-detail .performance-eot-info:nth-child(4) {
  left: auto;
  top: 54px;
  right: 44px;
}
#lp-wheel .performance-eot-detail .performance-eot-info:nth-child(5) {
  left: auto;
  top: 228px;
  right: 30px;
}
#lp-wheel .performance-eot-detail .performance-eot-info:nth-child(6) {
  left: auto;
  top: auto;
  bottom: 50px;
  right: 110px;
}
#lp-wheel #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(6) {
  right: 100px;
}
#lp-wheel #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(4) {
  top: 64px;
}
#lp-wheel #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(5) {
  right: 70px;
}
#lp-wheel #high-performance-eot-crane .performance-eot-detail:nth-child(3) {
  margin-top: 40px;
}
#lp-wheel #high-performance-eot-crane .performance-eot-detail:nth-child(3) img {
  position: absolute;
  left: 350px;
  top: 80px;
  width: 429px;
  height: 398px;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list {
  display: grid;
  margin-top: 54px;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail {
  border: 2px solid #ff8f00;
  min-height: 530px;
  position: relative;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .eot-crane-titlebg {
  position: absolute;
  top: -24px;
  left: -2px;
  width: 100%;
  height: 40px;
  background: url("../fonts/customized-blue.svg") no-repeat;
  padding: 9px 0 10px 30px;
  color: #fff;
  font-weight: 700;
  line-height: 130%;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(1) .eot-crane-titlebg {
  background: url("../fonts/customized-orange.svg") no-repeat;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .title3 {
  width: 300px;
  height: 40px;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul {
  margin: 40px 50px 30px 50px;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li {
  color: #444;
  line-height: 150%;
  margin-bottom: 10px;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li strong {
  font-weight: 700;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info {
  background-color: #ff8f00;
  padding: 30px 50px;
  min-height: 267px;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info .title2 {
  color: #fff;
  font-weight: 700;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p {
  color: #fff;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 140%;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p:last-child {
  margin-bottom: 0;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) {
  border: 2px solid #369;
}
#lp-wheel #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) .customized-eot-crane-info {
  background-color: #369;
}
#lp-wheel #customized-eot-crane,
#lp-wheel #single-girder-eot-price,
#lp-wheel #crane-design-export,
#lp-wheel #dgcrane-global-service {
  margin-top: 120px;
}
#lp-wheel #flexible-procurement .flexible-cost .flexible-cost-title {
  margin-top: 20px;
}
#lp-wheel #flexible-procurement .flexible-cost .title {
  margin-top: 20px;
}
#lp-wheel #flexible-procurement .flexible-cost {
  display: grid;
  grid-template-columns: 760px auto;
  column-gap: 74px;
}
#lp-wheel #flexible-procurement .flexible-complete {
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  margin-top: 30px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail {
  position: relative;
  width: 100%;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  min-height: 660px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-title {
  position: absolute;
  left: -2px;
  background: linear-gradient(-64deg, transparent 20px, #ddd 0);
  min-width: 220px;
  padding: 10px 46px 11px 30px;
  color: #444;
  font-size: 15px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Lato";
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(2) {
  position: absolute;
  top: 20px;
  right: 30px;
  height: 60px;
  width: 60px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(3) {
  position: absolute;
  top: 56px;
  left: 30px;
  width: 440px;
  height: 200px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail:nth-child(2) img:nth-child(3) {
  width: 420px;
  height: 154px;
  top: 72px;
  left: 46px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info {
  position: absolute;
  left: 30px;
  top: 266px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info .title4 {
  color: #444;
  font-size: 16px;
  line-height: 130%;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul {
  margin-bottom: 20px;
  width: 500px;
  margin-top: 4px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li {
  position: relative;
  padding-left: 25px;
  color: #0c0c0c;
  line-height: 140%;
  font-size: 16px;
}
#lp-wheel #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #0c0c0c;
  border-radius: 50%;
  top: 9px;
  left: 6px;
}
#lp-wheel #flexible-procurement .crane-distributed {
  position: relative;
  width: 333px;
  min-height: 196px;
}
#lp-wheel #flexible-procurement .crane-distributed img {
  position: absolute;
  top: 6px;
  width: 202px;
  height: 189px;
}
#lp-wheel #flexible-procurement .crane-distributed span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 140%;
  position: absolute;
}
#lp-wheel #flexible-procurement .crane-distributed span:nth-child(2) {
  left: 25px;
  top: 48px;
}
#lp-wheel #flexible-procurement .crane-distributed span:nth-child(3) {
  left: 53px;
  top: 131px;
}
#lp-wheel #flexible-procurement .crane-distributed span:nth-child(4) {
  left: 212px;
  top: -1px;
  color: #004e9e;
}
#lp-wheel #flexible-procurement .crane-distributed span:nth-child(5) {
  left: 212px;
  top: 59px;
  color: #004e9e;
}
#lp-wheel #flexible-procurement .crane-distributed ul {
  position: absolute;
  top: 146px;
  left: 189px;
}
#lp-wheel #flexible-procurement .crane-distributed ul li {
  color: #444;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  margin-bottom: 4px;
  padding-left: 25px;
}
#lp-wheel #flexible-procurement .crane-distributed ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ff8f00;
  border-radius: 50%;
  top: 6px;
  left: 6px;
}
#lp-wheel #flexible-procurement .crane-distributed ul li:nth-child(2):before {
  background: #004e9e;
}
#lp-wheel h3 {
  color: #000;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
#lp-wheel #flexible-procurement {
  margin-top: 100px;
}
#lp-wheel #lp3-wrapper #serving-country{margin-bottom: 90px;}
#lp-wheel #serving-country {
  margin-bottom: 120px;
}
#lp-wheel #serving-country .serving-country-grid {
  display: grid;
  grid-template-columns: 905px 240px;
  column-gap: 25px;
}
#lp-wheel #export-projects-map img {
  left: -8px;
  width: 850px;
  height: 370px;
}
#lp-wheel #europe {
  top: 39px;
  left: 322px;
}
#lp-wheel #europe-location {
  top: 40px;
  left: 194px;
}
#lp-wheel .location {
  padding-top: 8px;
}
#lp-wheel #asia-location {
  top: 50px;
  left: -22px;
}
#lp-wheel #asia {
  top: 46px;
  left: 690px;
}
#lp-wheel #south-america-location,
#lp-wheel #africa-location {
  left: 193px;
}
#lp-wheel #south-america {
  top: 273px;
  left: 55px;
}
#lp-wheel #africa {
  top: 213px;
  left: 302px;
}
#lp-wheel #north-america {
  left: 158px;
}
#lp-wheel .export-projects-title {
  font-weight: 500;
  line-height: 120%;
  color: #000;
}
#lp-wheel .export-projects-title span {
  font-size: 14px;
  font-weight: 500;
}
#lp-wheel .exported-products ul {
  list-style: none;
  margin: 9px 0 0 0;
  padding: 0;
}
#lp-wheel .exported-products ul li {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin: 0 0 8px 0;
  color: #231815;
  font-weight: 500;
  text-align: right;
}
#lp-wheel .exported-products ul li span.year-exported {
  float: left;
  width: 30px;
  color: #231815;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
#lp-wheel .exported-products ul li span.row1-2 {
  width: 152px;
}
#lp-wheel .exported-products ul li span.row1-3 {
  width: 56px;
}
#lp-wheel .exported-products ul li span.row2-2 {
  width: 128px;
}
#lp-wheel .exported-products ul li span.row2-3 {
  width: 80px;
}
#lp-wheel .exported-products ul li span.row3-2 {
  width: 110px;
}
#lp-wheel .exported-products ul li span.row3-3 {
  width: 98px;
}
#lp-wheel .exported-products ul li span.row4-2 {
  width: 90px;
}
#lp-wheel .exported-products ul li span.row4-3 {
  width: 118px;
}
#lp-wheel .exported-products ul li span.row5-2 {
  width: 70px;
}
#lp-wheel .exported-products ul li span.row5-3 {
  width: 138px;
}
#lp-wheel .exported-products ul li span.row1-3,
#lp-wheel .exported-products ul li span.row2-3,
#lp-wheel .exported-products ul li span.row3-3,
#lp-wheel .exported-products ul li span.row4-3,
#lp-wheel .exported-products ul li span.row5-3 {
  float: left;
  height: 18px;
  background-color: #9e9e9f;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  font-weight: 600;
  padding-right: 2px;
}
#lp-wheel .exported-products ul li span.row1-2,
#lp-wheel .exported-products ul li span.row2-2,
#lp-wheel .exported-products ul li span.row3-2,
#lp-wheel .exported-products ul li span.row4-2,
#lp-wheel .exported-products ul li span.row5-2 {
  float: left;
  height: 18px;
  background-color: #036aae;
}
#lp-wheel .exported-products ul li:last-child {
  margin-bottom: 0px;
}
#lp-wheel .export-projects-right {
  width: 100%;
}
/*#lp-wheel .dgcrane-local {
  background-color: #ff8f00;
  width: 240px;
  min-height: 120px;
  margin-top: 30px;
  float: left;
}
#lp-wheel .dgcrane-local span {
  width: 240px;
  padding: 20px 20px 10px 20px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  float: left;
}
#lp-wheel .dgcrane-local a {
  float: left;
  min-width: 160px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 22px;
  padding: 5px 18px;
  margin-left: 40px;
  color: #f58423;
  font-size: 16px;
  font-weight: 700;
}*/
#lp-wheel .dgcrane-local a:hover {
  background-color: #004e9e;
  color: #fff;
}
#lp-wheel .serving-cases-list {
  display: grid;
  grid-template-columns: repeat(3, 360px);
  column-gap: 45px;
  row-gap: 56px;
}
#lp-wheel .serving-cases-list .serving-cases-detail {
  width: 100%;
  background: #fff;
  height: fit-content;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
}
#lp-wheel .serving-cases-list .serving-cases-detail img {
  width: 360px;
  height: 240px;
}
#lp-wheel .serving-cases-list .serving-cases-detail .serving-cases-tag {
  position: absolute;
  top: 200px;
  padding: 4px 40px 6px 25px;
  line-height: 140%;
  background: linear-gradient(-66deg, transparent 20px, #ddd 0);
  font-size: 16px;
  font-weight: 700;
  color: #343a46;
}
#lp-wheel .serving-cases-list .serving-cases-detail .serving-cases-tag strong {
  font-weight: 700;
  padding-right: 8px;
}
#lp-wheel .serving-cases-list .serving-cases-detail p {
  font-weight: 700;
  color: #343a46;
  padding: 20px 25px 12px 25px;
  margin: 0;
  line-height: 130%;
  font-size: 20px;
}
#lp-wheel .serving-cases-list .serving-cases-detail ul {
  padding: 0px 25px 30px 50px;
}
#lp-wheel .serving-cases-list .serving-cases-detail ul li {
  color: #444;
  line-height: 140%;
  margin-bottom: 9px;
  position: relative;
  font-size: 16px;
  list-style: disc;
}
#lp-wheel .serving-cases-list .serving-cases-detail ul li:last-child {
  margin-bottom: 0px;
}
/* #lp-wheel .serving-cases-list .serving-cases-detail a{display: block; }
#lp-wheel .serving-cases-list .serving-cases-detail a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#lp-wheel .serving-cases-list .serving-cases-detail a:hover p{color: #004E9E;} */
#lp-wheel .serving-cases-list .serving-cases-detail:nth-child(1),
#lp-wheel .serving-cases-list .serving-cases-detail:nth-child(4) {
  border-left: none;
}
#lp-wheel .serving-cases-list .serving-cases-detail:nth-child(3),
#lp-wheel .serving-cases-list .serving-cases-detail:nth-child(6) {
  border-right: none;
}
/* #lp-wheel #single-girder-eot-price .product-price-table{margin-top:20px; width: 100%;min-height: 278px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);padding:0px 25px 0px 25px; } */
#lp-wheel #single-girder-eot-price .product-price-table {
  margin-top: 20px;
  width: 100%;
  min-height: 202px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #ddd 40px, transparent 0);
  padding: 0px 25px 0px 25px;
}
#lp-wheel #single-girder-eot-price .product-price-table table {
  width: 100%;
  border-collapse: collapse;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr {
  border-bottom: 2px solid #ddd;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th,
#lp-wheel #single-girder-eot-price .product-price-table table tr td {
  padding-right: 20px;
  font-family: "Lato";
  text-align: left;
  color: #444;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr td {
  font-size: 16px;
  line-height: 200%;
  font-weight: 400;
  padding-top: 8px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th {
  padding-bottom: 11px;
  padding-top: 11px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(1),
#lp-wheel #single-girder-eot-price .product-price-table table tr td:nth-child(1) {
  width: 107px;
  padding-left: 15px;
  margin-left: 25px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(2),
#lp-wheel #single-girder-eot-price .product-price-table table tr td:nth-child(2) {
  width: 88px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(3),
#lp-wheel #single-girder-eot-price .product-price-table table tr td:nth-child(3) {
  width: 147px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(4),
#lp-wheel #single-girder-eot-price .product-price-table table tr td:nth-child(4) {
  width: 215px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(5),
#lp-wheel #single-girder-eot-price .product-price-table table tr td:nth-child(5) {
  padding-left: 40px;
  padding-right: 0px;
  width: 221px;
  background-color: #f7f7f7;
  font-weight: 700;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(5) {
  background-color: #336699;
  color: #fff;
  border: none;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr th:nth-child(6),
#lp-wheel #single-girder-eot-price .product-price-table table tr td:nth-child(6) {
  width: 207px;
  padding-right: 0px;
  padding-left: 50px;
  font-weight: 700;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr:first-child {
  border-bottom: none;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr:last-child {
  border: none;
  padding-bottom: 8px;
}
#lp-wheel #single-girder-eot-price .product-price-table table tr:last-child td {
  padding-bottom: 8px;
}
#lp-wheel #single-girder-eot-price .pricing-notice {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 16px;
}
#lp-wheel #dgcrane-global-service .global-service-list {
  display: grid;
  grid-template-columns: repeat(3, 360px);
  column-gap: 45px;
  margin-top: 30px;
  row-gap: 60px;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-grid {
  display: grid;
  grid-template-columns: 44px 302px;
  grid-column-gap: 14px;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-grid img {
  width: 44px;
  height: 44px;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-detail {
  width: 100%;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-detail .title1 {
  font-size: 20px;
  line-height: 140%;
  font-weight: bold;
  color: #343a46;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-detail ul {
  width: 100%;
  padding-left: 26px;
  margin-top: 8px;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-detail li {
  line-height: 140%;
  position: relative;
  color: #444;
  font-size: 16px;
  list-style: disc;
  margin-bottom: 8px;
}
#lp-wheel #dgcrane-global-service .global-service-list .global-service-detail li:last-child {
  margin-bottom: 0;
}


#sheave-lp ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sheave-lp ul li,
ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#sheave-lp h2 {
  color: #004e9e;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  margin: 0;
}
#sheave-lp .title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 8px;
}
#sheave-lp .banner1 {
  max-width: 1440px;
  height: 620px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-image: url("../images/premium-crane-sheaves-built-for-quality-durability-and-safety.jpg");
  background-size: cover;
}
#sheave-lp .banner1 .banner-detail {
  width: 900px;
  position: absolute;
  bottom: 18px;
  left: 135px;
}
#sheave-lp .banner1 .banner-detail .icon-list {
  display: flex;
  width: 100%;
  align-items: center;
}
#sheave-lp .banner1 .banner-detail .icon-list img {
  min-width: 22px;
  margin-right: 30px;
}
#sheave-lp .banner1 .banner-detail .icon-list img:last-child {
  margin-right: 0;
}
#sheave-lp .introduceText {
  max-width: 1440px;
  margin: 0 auto;
  background: #004e9e;
  padding: 24px 135px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#sheave-lp .introduceText h1 {
  font-size: 28px;
  line-height: 130%;
  color: #fff;
  font-weight: bold;
  max-width: 680px;
}
#sheave-lp .introduceText ul li {
  list-style: disc;
  font-size: 20px;
  color: #fff;
  margin-bottom: 8px;
}
#sheave-lp .introduceText ul li:last-child {
  margin-bottom: 0;
}
#sheave-lp .certificate {
  margin-top: 120px;
}
#sheave-lp .certificate .certificateList {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 270px);
  column-gap: 30px;
  row-gap: 30px;
}
#sheave-lp .certificate .certificateList .certificateItem:hover .certificateImg:after {
  display: block;
}
#sheave-lp .certificate .certificateList .certificateItem:hover .certificateImg:before {
  display: block;
}
#sheave-lp .certificate .certificateList .certificateImg {
  width: 100%;
  line-height: 0;
  position: relative;
}
#sheave-lp .certificate .certificateList .certificateImg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 49, 161, 0.4);
  position: absolute;
  top: 0;
  display: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#sheave-lp .certificate .certificateList .certificateImg::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background: url(../images/fangda.svg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#sheave-lp .certificate .certificateList .certificateImg img {
  width: 100%;
}
#sheave-lp .certificate .certificateList .certificateTit {
  margin-top: 20px;
  font-size: 16px;
  line-height: 140%;
  color: #343a46;
  font-weight: bold;
}
#sheave-lp #eot-cranes {
  margin-top: 120px;
}
#sheave-lp .eot-cranes-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  row-gap: 60px;
}
#sheave-lp ul li::marker {
  font-size: 12px;
}
#sheave-lp .eot-cranes-list a {
  background: #fff;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#sheave-lp .eot-cranes-list .a {
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#sheave-lp .eot-cranes-list a .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  right: 10px;
  top: 173px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}
#sheave-lp a,
#sheave-lp a:hover,
#sheave-lp a:focus {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.2s ease;
}
#sheave-lp .eot-cranes-list1 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 360px);
  grid-column-gap: 45px;
  grid-row-gap: 60px;
  margin-top: 30px;
}
#sheave-lp .eot-cranes-list1 a {
  background: #fff;
  min-height: 410px;
  cursor: default; /*  不显示小手*/
}
#sheave-lp .eot-cranes-list1 a .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  right: 10px;
  top: 153px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}
#sheave-lp .eot-cranes-list1 a .cranesImg {
  width: 100%;
  height: 240px;
  position: relative;
}
#sheave-lp .eot-cranes-list1 a .cranesImg img {
  width: 360px;
  height: 240px;
}
#sheave-lp .eot-cranes-list1 a .capacity span {
  color: #004e9e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  margin-top: 19px;
  line-height: 18px;
  display: inline-block;
}
/*#sheave-lp .eot-cranes-list1 a:hover {
  background: #fff;
}
#sheave-lp .eot-cranes-list1 a:hover .proName {
  color: #004e9e;
}*/
#sheave-lp .eot-cranes-list1 .proName {
  color: #343a46;
  font-size: 20px;
  font-weight: 700;
  line-height: 130%;
  margin-top: 25px;
}
#sheave-lp .eot-cranes-list1 .proIntroduce {
  margin: 12px 0 0px 0;
  padding: 0;
  position: relative;
  min-height: 94px;
  padding-left: 26px;
}
#sheave-lp .eot-cranes-list1 .proIntroduce li {
  color: #444;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 6px;
  list-style: disc;
}
#sheave-lp #high-performance-eot-crane {
  margin-top: 110px;
}
#sheave-lp .performance-eot-detail {
  position: relative;
  border: 1px solid #eee;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  min-height: 534px;
  margin-top: 30px;
}
#sheave-lp .performance-eot-detail img {
  position: absolute;
  left: 350px;
  top: 72px;
  width: 470px;
  height: 396px;
}
#sheave-lp .performance-eot-detail .features-title {
  position: absolute;
  left: -2px;
  background: linear-gradient(-64deg, transparent 20px, #ddd 0);
  min-width: 376px;
  padding: 10px 46px 11px 30px;
  color: #444;
  font-size: 15px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Lato";
}
#sheave-lp .performance-eot-detail .performance-eot-info {
  width: 310px;
  position: absolute;
  z-index: 2;
}
#sheave-lp .performance-eot-detail .performance-eot-info.width1 {
  width: 420px;
}
#sheave-lp .performance-eot-detail .performance-eot-info span {
  color: #0c0c0c;
  font-size: 14px;
  line-height: 140%;
  font-weight: 700;
}
#sheave-lp .performance-eot-detail .performance-eot-info ul {
  margin-top: 4px;
}
#sheave-lp .performance-eot-detail .performance-eot-info ul li {
  color: #444;
  font-size: 14px;
  line-height: 140%;
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
}
#sheave-lp .performance-eot-detail .performance-eot-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #444;
  left: 10px;
  margin-top: 8px;
  border-radius: 50%;
}
#sheave-lp .performance-eot-detail .performance-eot-info:nth-child(2) {
  left: 30px;
  top: 92px;
}
#sheave-lp .performance-eot-detail .performance-eot-info:nth-child(3) {
  left: 30px;
  top: 298px;
}
#sheave-lp .performance-eot-detail .performance-eot-info:nth-child(4) {
  left: auto;
  top: 54px;
  right: 44px;
}
#sheave-lp .performance-eot-detail .performance-eot-info:nth-child(5) {
  left: auto;
  top: 228px;
  right: 30px;
}
#sheave-lp .performance-eot-detail .performance-eot-info:nth-child(6) {
  left: auto;
  top: auto;
  bottom: 50px;
  right: 110px;
}
#sheave-lp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(6) {
  right: 100px;
}
#sheave-lp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(4) {
  top: 64px;
}
#sheave-lp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(5) {
  right: 70px;
}
#sheave-lp #high-performance-eot-crane .performance-eot-detail:nth-child(3) {
  margin-top: 40px;
}
#sheave-lp #high-performance-eot-crane .performance-eot-detail:nth-child(3) img {
  position: absolute;
  left: 350px;
  top: 80px;
  width: 429px;
  height: 398px;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list {
  display: grid;
  margin-top: 54px;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail {
  border: 2px solid #ff8f00;
  min-height: 530px;
  position: relative;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .eot-crane-titlebg {
  position: absolute;
  top: -24px;
  left: -2px;
  width: 100%;
  height: 40px;
  background: url("../fonts/customized-blue.svg") no-repeat;
  padding: 9px 0 10px 30px;
  color: #fff;
  font-weight: 700;
  line-height: 130%;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(1) .eot-crane-titlebg {
  background: url("../fonts/customized-orange.svg") no-repeat;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .title3 {
  width: 300px;
  height: 40px;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul {
  margin: 40px 50px 30px 50px;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li {
  color: #444;
  line-height: 150%;
  margin-bottom: 10px;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li strong {
  font-weight: 700;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info {
  background-color: #ff8f00;
  padding: 30px 50px;
  min-height: 267px;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info .title2 {
  color: #fff;
  font-weight: 700;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p {
  color: #fff;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 140%;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p:last-child {
  margin-bottom: 0;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) {
  border: 2px solid #369;
}
#sheave-lp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) .customized-eot-crane-info {
  background-color: #369;
}
#sheave-lp #customized-eot-crane,
#sheave-lp #single-girder-eot-price,
#sheave-lp #crane-design-export,
#sheave-lp #dgcrane-global-service {
  margin-top: 120px;
}
#sheave-lp #flexible-procurement .flexible-cost .flexible-cost-title {
  margin-top: 20px;
}
#sheave-lp #flexible-procurement .flexible-cost .title {
  margin-top: 20px;
}
#sheave-lp #flexible-procurement .flexible-cost {
  display: grid;
  grid-template-columns: 760px auto;
  column-gap: 74px;
}
#sheave-lp #flexible-procurement .flexible-complete {
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  margin-top: 30px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail {
  position: relative;
  width: 100%;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  min-height: 660px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-title {
  position: absolute;
  left: -2px;
  background: linear-gradient(-64deg, transparent 20px, #ddd 0);
  min-width: 220px;
  padding: 10px 46px 11px 30px;
  color: #444;
  font-size: 15px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Lato";
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(2) {
  position: absolute;
  top: 20px;
  right: 30px;
  height: 60px;
  width: 60px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(3) {
  position: absolute;
  top: 56px;
  left: 30px;
  width: 440px;
  height: 200px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail:nth-child(2) img:nth-child(3) {
  width: 420px;
  height: 154px;
  top: 72px;
  left: 46px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info {
  position: absolute;
  left: 30px;
  top: 266px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info .title4 {
  color: #444;
  font-size: 16px;
  line-height: 130%;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul {
  margin-bottom: 20px;
  width: 500px;
  margin-top: 4px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li {
  position: relative;
  padding-left: 25px;
  color: #0c0c0c;
  line-height: 140%;
  font-size: 16px;
}
#sheave-lp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #0c0c0c;
  border-radius: 50%;
  top: 9px;
  left: 6px;
}
#sheave-lp #flexible-procurement .crane-distributed {
  position: relative;
  width: 333px;
  min-height: 196px;
}
#sheave-lp #flexible-procurement .crane-distributed img {
  position: absolute;
  top: 6px;
  width: 202px;
  height: 189px;
}
#sheave-lp #flexible-procurement .crane-distributed span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 140%;
  position: absolute;
}
#sheave-lp #flexible-procurement .crane-distributed span:nth-child(2) {
  left: 25px;
  top: 48px;
}
#sheave-lp #flexible-procurement .crane-distributed span:nth-child(3) {
  left: 53px;
  top: 131px;
}
#sheave-lp #flexible-procurement .crane-distributed span:nth-child(4) {
  left: 212px;
  top: -1px;
  color: #004e9e;
}
#sheave-lp #flexible-procurement .crane-distributed span:nth-child(5) {
  left: 212px;
  top: 59px;
  color: #004e9e;
}
#sheave-lp #flexible-procurement .crane-distributed ul {
  position: absolute;
  top: 146px;
  left: 189px;
}
#sheave-lp #flexible-procurement .crane-distributed ul li {
  color: #444;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  margin-bottom: 4px;
  padding-left: 25px;
}
#sheave-lp #flexible-procurement .crane-distributed ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ff8f00;
  border-radius: 50%;
  top: 6px;
  left: 6px;
}
#sheave-lp #flexible-procurement .crane-distributed ul li:nth-child(2):before {
  background: #004e9e;
}
#sheave-lp #flexible-procurement {
  margin-top: 100px;
}
#sheave-lp #serving-country {
  margin-bottom: 120px;
}
#sheave-lp #serving-country .serving-country-grid {
  display: grid;
  grid-template-columns: 905px 240px;
  column-gap: 25px;
}
#sheave-lp #export-projects-map img {
  left: -8px;
  width: 850px;
  height: 370px;
}
#sheave-lp #europe {
  top: 39px;
  left: 322px;
}
#sheave-lp #europe-location {
  top: 40px;
  left: 194px;
}
#sheave-lp .location {
  padding-top: 8px;
}
#sheave-lp #asia-location {
  top: 50px;
  left: -22px;
}
#sheave-lp #asia {
  top: 46px;
  left: 690px;
}
#sheave-lp #south-america-location,
#sheave-lp #africa-location {
  left: 193px;
}
#sheave-lp #south-america {
  top: 273px;
  left: 55px;
}
#sheave-lp #africa {
  top: 213px;
  left: 302px;
}
#sheave-lp #north-america {
  left: 158px;
}
#sheave-lp .export-projects-title {
  font-weight: 500;
  line-height: 120%;
  color: #000;
}
#sheave-lp .export-projects-title span {
  font-size: 14px;
  font-weight: 500;
}
#sheave-lp .exported-products ul {
  list-style: none;
  margin: 9px 0 0 0;
  padding: 0;
}
#sheave-lp .exported-products ul li {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin: 0 0 8px 0;
  color: #231815;
  font-weight: 500;
  text-align: right;
}
#sheave-lp .exported-products ul li span.year-exported {
  float: left;
  width: 30px;
  color: #231815;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
#sheave-lp .exported-products ul li span.row1-2 {
  width: 152px;
}
#sheave-lp .exported-products ul li span.row1-3 {
  width: 56px;
}
#sheave-lp .exported-products ul li span.row2-2 {
  width: 128px;
}
#sheave-lp .exported-products ul li span.row2-3 {
  width: 80px;
}
#sheave-lp .exported-products ul li span.row3-2 {
  width: 110px;
}
#sheave-lp .exported-products ul li span.row3-3 {
  width: 98px;
}
#sheave-lp .exported-products ul li span.row4-2 {
  width: 90px;
}
#sheave-lp .exported-products ul li span.row4-3 {
  width: 118px;
}
#sheave-lp .exported-products ul li span.row5-2 {
  width: 70px;
}
#sheave-lp .exported-products ul li span.row5-3 {
  width: 138px;
}
#sheave-lp .exported-products ul li span.row1-3,
#sheave-lp .exported-products ul li span.row2-3,
#sheave-lp .exported-products ul li span.row3-3,
#sheave-lp .exported-products ul li span.row4-3,
#sheave-lp .exported-products ul li span.row5-3 {
  float: left;
  height: 18px;
  background-color: #9e9e9f;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  font-weight: 600;
  padding-right: 2px;
}
#sheave-lp .exported-products ul li span.row1-2,
#sheave-lp .exported-products ul li span.row2-2,
#sheave-lp .exported-products ul li span.row3-2,
#sheave-lp .exported-products ul li span.row4-2,
#sheave-lp .exported-products ul li span.row5-2 {
  float: left;
  height: 18px;
  background-color: #036aae;
}
#sheave-lp .exported-products ul li:last-child {
  margin-bottom: 0px;
}
#sheave-lp .export-projects-right {
  width: 100%;
}
#sheave-lp .dgcrane-local {
  background-color: #ff8f00;
  width: 240px;
  min-height: 120px;
  margin-top: 30px;
  float: left;
}
#sheave-lp .dgcrane-local span {
  width: 240px;
  padding: 20px 20px 10px 20px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  float: left;
}
#sheave-lp .dgcrane-local a {
  float: left;
  min-width: 160px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 22px;
  padding: 5px 18px;
  margin-left: 40px;
  color: #f58423;
  font-size: 16px;
  font-weight: 700;
}
#sheave-lp .dgcrane-local a:hover {
  background-color: #004e9e;
  color: #fff;
}
#sheave-lp .serving-cases-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 360px);
  column-gap: 45px;
  row-gap: 56px;
}
#sheave-lp .serving-cases-list.Top {
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
}
#sheave-lp .serving-cases-list .serving-cases-detail {
  width: 100%;
  background: #fff;
  height: fit-content;
  line-height: 0;
}
#sheave-lp .serving-cases-list .serving-cases-detail .topimg{position: relative;}
#sheave-lp .serving-cases-list .serving-cases-detail .botimg{position: relative;}

#sheave-lp .serving-cases-list .serving-cases-detail img {
  width: 100%;
  display: block;
}
#sheave-lp .serving-cases-list .serving-cases-detail .serving-cases-tag {
  position: absolute;
  padding: 3px 45px 5px 20px;
  line-height: 140%;
  background: linear-gradient(-66deg, transparent 20px, #eeeeee 0);
  font-size: 16px;
  font-weight: 700;
  color: #343a46;
  bottom: 10px;
}
#sheave-lp .serving-cases-list .serving-cases-detail .serving-cases-tag strong {
  font-weight: 700;
  padding-right: 8px;
}
#sheave-lp .serving-cases-list .serving-cases-detail p {
  font-weight: 700;
  color: #343a46;
  padding: 25px 0 12px 0;
  margin: 0;
  line-height: 130%;
  font-size: 20px;
}
#sheave-lp .serving-cases-list .serving-cases-detail ul {
  padding: 0px 0 30px 26px;
}
#sheave-lp .serving-cases-list .serving-cases-detail ul li {
  color: #444;
  line-height: 140%;
  margin-bottom: 8px;
  position: relative;
  font-size: 16px;
  list-style: disc;
}
#sheave-lp .serving-cases-list .serving-cases-detail ul li:last-child {
  margin-bottom: 0px;
}
/* #sheave-lp .serving-cases-list .serving-cases-detail a{display: block; }
#sheave-lp .serving-cases-list .serving-cases-detail a:hover{ background: #FFF;box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);}
#sheave-lp .serving-cases-list .serving-cases-detail a:hover p{color: #004E9E;} */
#sheave-lp .serving-cases-list .serving-cases-detail:nth-child(1),
#sheave-lp .serving-cases-list .serving-cases-detail:nth-child(4) {
  border-left: none;
}
#sheave-lp .serving-cases-list .serving-cases-detail:nth-child(3),
#sheave-lp .serving-cases-list .serving-cases-detail:nth-child(6) {
  border-right: none;
}
/* #sheave-lp #single-girder-eot-price .product-price-table{margin-top:20px; width: 100%;min-height: 278px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);padding:0px 25px 0px 25px; } */
#sheave-lp #single-girder-eot-price .product-price-table {
  margin-top: 20px;
  width: 100%;
  min-height: 202px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #ddd 40px, transparent 0);
  padding: 0px 25px 0px 25px;
}
#sheave-lp #single-girder-eot-price .product-price-table table {
  width: 100%;
  border-collapse: collapse;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr {
  border-bottom: 2px solid #ddd;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th,
#sheave-lp #single-girder-eot-price .product-price-table table tr td {
  padding-right: 20px;
  font-family: "Lato";
  text-align: left;
  color: #444;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr td {
  font-size: 16px;
  line-height: 200%;
  font-weight: 400;
  padding-top: 8px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th {
  padding-bottom: 11px;
  padding-top: 11px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(1),
#sheave-lp #single-girder-eot-price .product-price-table table tr td:nth-child(1) {
  width: 107px;
  padding-left: 15px;
  margin-left: 25px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(2),
#sheave-lp #single-girder-eot-price .product-price-table table tr td:nth-child(2) {
  width: 88px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(3),
#sheave-lp #single-girder-eot-price .product-price-table table tr td:nth-child(3) {
  width: 147px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(4),
#sheave-lp #single-girder-eot-price .product-price-table table tr td:nth-child(4) {
  width: 215px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(5),
#sheave-lp #single-girder-eot-price .product-price-table table tr td:nth-child(5) {
  padding-left: 40px;
  padding-right: 0px;
  width: 221px;
  background-color: #f7f7f7;
  font-weight: 700;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(5) {
  background-color: #336699;
  color: #fff;
  border: none;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr th:nth-child(6),
#sheave-lp #single-girder-eot-price .product-price-table table tr td:nth-child(6) {
  width: 207px;
  padding-right: 0px;
  padding-left: 50px;
  font-weight: 700;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr:first-child {
  border-bottom: none;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr:last-child {
  border: none;
  padding-bottom: 8px;
}
#sheave-lp #single-girder-eot-price .product-price-table table tr:last-child td {
  padding-bottom: 8px;
}
#sheave-lp #single-girder-eot-price .pricing-notice {
  color: #666;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-top: 16px;
}
#sheave-lp #dgcrane-global-service .global-service-list {
  display: grid;
  grid-template-columns: repeat(3, 360px);
  column-gap: 45px;
  margin-top: 30px;
  row-gap: 60px;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-grid {
  display: grid;
  grid-template-columns: 44px 302px;
  grid-column-gap: 14px;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-grid img {
  width: 44px;
  height: 44px;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-detail {
  width: 100%;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-detail .title1 {
  font-size: 20px;
  line-height: 140%;
  font-weight: bold;
  color: #343a46;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-detail ul {
  width: 100%;
  padding-left: 26px;
  margin-top: 8px;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-detail li {
  line-height: 140%;
  position: relative;
  color: #444;
  font-size: 16px;
  list-style: disc;
  margin-bottom: 8px;
}
#sheave-lp #dgcrane-global-service .global-service-list .global-service-detail li:last-child {
  margin-bottom: 0;
}
#sheave-lp .price {
  margin-top: 120px;
}
#sheave-lp .price .sheaveImg {
  line-height: 0;
  margin: 30px 0 40px 0;
}
#sheave-lp .price .sheaveImg img {
  width: 100%;
}
#sheave-lp .price .table-container {
  width: 100%;
  margin: auto;
}
#sheave-lp .price table {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
  font-size: 14px;
  color: #333;
}
#sheave-lp .price table th,
#sheave-lp .price table td {
  padding-right: 96px;
}
#sheave-lp .price table th:last-child,
#sheave-lp .price table td:last-child {
  padding-right: 30px;
}
#sheave-lp .price thead {
  background-color: #dddddd;
}
#sheave-lp .price th {
  line-height: 42px;
  text-align: left;
  font-weight: 600;
  color: #444444;
  font-size: 16px;
}
#sheave-lp .price th span{color: #444444;}
#sheave-lp .price th:first-child {
  padding-left: 30px;
}
#sheave-lp .price td {
  line-height: 36px;
  color: #444444;
  font-size: 16px;
  font-weight: 400;
  border-bottom: 1px solid #eaeaea;
}
#sheave-lp .price td:first-child {
  padding-left: 30px;
}
#sheave-lp .price .price {
  font-weight: bold;
}
#sheave-lp h3 {
  font-size: 16px;
  line-height: 140%;
  color: #444444;
  font-weight: 400;
  display: flex;
  margin-top: 8px;
}
#sheave-lp h3 p {
  font-size: 14px;
}
#sheave-lp .quality {
  margin-top: 120px;
}
#sheave-lp .quality .qualityList {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 360px);
  grid-column-gap: 45px;
  grid-row-gap: 60px;
  margin-top: 30px;
}
#sheave-lp .quality .qualityList .qualityText {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
#sheave-lp .quality .qualityList .qualityText .cont {
  width: calc(100% - 46px);
}
#sheave-lp .quality .qualityList .qualityText .cont .qualityTit {
  color: #444444;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 8px;
  margin-top: 15px;
  text-transform: capitalize;
}
#sheave-lp .quality .qualityList .qualityText .cont .qualityInfo {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
}
#sheave-lp .quality .qualityList .qualityText .num {
  width: 46px;
  font-size: 48px;
  line-height: 150%;
  color: #d3daf0;
  font-weight: bold;
}
#sheave-lp .quality .qualityList .qualityItem .qualityImg {
  width: 100%;
  line-height: 0;
}
#sheave-lp .quality .qualityList .qualityItem .qualityImg img {
  width: 100%;
}
#sheave-lp #{margin-bottom: 0;}


/*crane hook landlingpage*/
#hooklp ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#hooklp ul li,
ol li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#hooklp h2 {
  color: #004e9e;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  margin: 0;
}
#hooklp .title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  margin-top: 8px;
}
#hooklp .banner1 {
  max-width: 1440px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-image: url("../images/hooklp-banner.jpg");
  background-size: cover;
}
#hooklp .main-banner .main-banner-layout {
  position: absolute;
  top: 170px;
  left: 135px;
  width: calc(100% - 270px);
}
#hooklp .main-banner .main-banner-box {
  width: 100%;
}
#hooklp .main-banner .main-banner-box .certification-list {
  display: flex;
  align-items: center;
}
#hooklp .main-banner .main-banner-box h1 {
  color: #fff;
  font-size: 38px;
  margin-bottom: 3px;
  line-height: 130%;
  text-shadow: 2px 2px 0px #0c0c0c;
  font-weight: 700;
  text-transform: capitalize;
  font-family: Inter;
  margin-bottom: 22px;
}
#hooklp .main-banner .main-banner-box ul {
  padding-left: 26px;
}
#hooklp .main-banner .main-banner-box ul li {
  line-height: 150%;
  list-style: disc;
  color: #fff;
  font-size: 18px;
}
#hooklp .main-banner .main-banner-box ul li::marker {
  color: #fff;
}
#hooklp .banner1 .banner-detail {
  width: 900px;
  position: absolute;
  bottom: 49px;
  left: 135px;
}
#hooklp .banner1 .banner-detail .icon-list {
  display: flex;
  width: 100%;
  align-items: center;
}
#hooklp .banner1 .banner-detail .icon-list img {
  min-width: 22px;
  margin-right: 30px;
}
#hooklp .banner1 .banner-detail .icon-list img:last-child {
  margin-right: 0;
}
#hooklp .certificate {
  margin-top: 120px;
}
#hooklp .certificate .certificateList {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 270px);
  column-gap: 30px;
  row-gap: 30px;
}
#hooklp .certificate .certificateList .certificateItem:hover .certificateImg:after {
  display: block;
}
#hooklp .certificate .certificateList .certificateItem:hover .certificateImg:before {
  display: block;
}
#hooklp .certificate .certificateList .certificateImg {
  width: 100%;
  line-height: 0;
  position: relative;
  padding: 22px 25px;
  background: url(../images/certificatebg.png) center no-repeat;
  background-size: cover;
}
#hooklp .certificate .certificateList .certificateImg:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 49, 161, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#hooklp .certificate .certificateList .certificateImg::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  z-index: 99;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
  background: url(../images/fangda.svg);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
#hooklp .certificate .certificateList .certificateImg img {
  width: 100%;
}
#hooklp .certificate .certificateList .certificateTit {
  margin-top: 20px;
  font-size: 16px;
  line-height: 140%;
  color: #343a46;
  font-weight: bold;
}
#hooklp .certificate .certificateList .certificateInfo {
  margin-top: 8px;
  font-size: 16px;
  line-height: 140%;
  color: #343a46;
}
#hooklp #eot-cranes {
  margin-top: 120px;
}
#hooklp ul li::marker {
  font-size: 12px;
}
#hooklp .eot-cranes-list .a {
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
/*#hooklp .eot-cranes-list .a:hover {
  background: #fff;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}*/
#hooklp .eot-cranes-list1 .a {
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#hooklp .eot-cranes-list1 .a .cranesImg {
  position: relative;
  line-height: 0;
}
#hooklp .eot-cranes-list1 .a .cranesImg img {
  width: 100%;
}
/*#hooklp .eot-cranes-list1 .a:hover {
  background: #fff;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}*/
#hooklp .eot-cranes-list a .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  right: 10px;
  top: 173px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}
#hooklp a,
#hooklp a:hover,
#hooklp a:focus {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.2s ease;
}
#hooklp .eot-cranes-list a .capacity span {
  color: #004e9e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  margin-top: 19px;
  line-height: 18px;
  display: inline-block;
}
#hooklp .eot-cranes-list a,#hooklp .eot-cranes-list1 a{cursor: default;}
/*#hooklp .eot-cranes-list a:hover {
  background: #fff;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#hooklp .eot-cranes-list a:hover .proName {
  color: #004e9e;
}*/
#hooklp .eot-cranes-list .proName {
  color: #343a46;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  margin: 30px 25px 0 25px;
}
#hooklp .eot-cranes-list .proIntroduce {
  margin: 20px 25px 30px 25px;
  padding: 0;
  position: relative;
  min-height: 72px;
  padding-left: 26px;
}
#hooklp .eot-cranes-list .proIntroduce li {
  color: #444;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 6px;
  list-style: disc;
}
#hooklp .eot-cranes-list .proIntroduce li:last-child {
  margin-bottom: 0;
}
#hooklp .eot-cranes-list a .cranesImg {
  width: 100%;
  height: 260px;
  position: relative;
}
#hooklp .eot-cranes-list a .cranesImg img {
  width: 560px;
  height: 260px;
}
#hooklp .eot-cranes-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  row-gap: 60px;
  margin-bottom: 60px;
}
#hooklp .eot-cranes-list.mt {
  margin-top: 60px;
}
#hooklp ul li::marker {
  font-size: 12px;
}
#hooklp .eot-cranes-list a {
  background: #fff;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#hooklp .eot-cranes-list .a {
  background: #fff;
  transition: all 0.5s ease;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  position: relative;
  min-height: 410px;
}
#hooklp .eot-cranes-list a .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  right: 10px;
  top: 173px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
}
#hooklp a,
#hooklp a:hover,
#hooklp a:focus {
  text-decoration: none;
  color: #333333;
  -webkit-transition: all 0.2s ease;
}
#hooklp .eot-cranes-list1 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 360px);
  grid-column-gap: 45px;
}
#hooklp .eot-cranes-list1 a {
  background: #fff;
  box-shadow: -0.5px -0.5px 0.4px 0 rgba(0, 0, 0, 0.05) inset, -2px 1px 21.2px -2px rgba(0, 0, 0, 0.1);
  min-height: 410px;
}
#hooklp .eot-cranes-list1 a .capacity {
  width: 77px;
  height: 77px;
  position: absolute;
  right: 10px;
  top: 153px;
  color: #004e9e;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 22px;
  stroke-width: 1px;
  stroke: rgba(0, 84, 153, 0.2);
  opacity: 0.9;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
}
#hooklp .eot-cranes-list1 a .cranesImg {
  width: 100%;
  height: 240px;
  position: relative;
}
#hooklp .eot-cranes-list1 a .cranesImg img {
  width: 360px;
  height: 240px;
}
#hooklp .eot-cranes-list1 a .capacity span {
  color: #004e9e;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  margin-top: 19px;
  line-height: 18px;
  display: inline-block;
}
/*#hooklp .eot-cranes-list1 a:hover {
  background: #fff;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.25);
}
#hooklp .eot-cranes-list1 a:hover .proName {
  color: #004e9e;
}*/
#hooklp .eot-cranes-list1 .proName {
  color: #343a46;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  padding: 0 25px;
  margin-top: 30px;
}
#hooklp .eot-cranes-list1 .proIntroduce {
  margin: 20px 25px 30px 25px;
  padding: 0;
  position: relative;
  min-height: 94px;
  padding-left: 26px;
}
#hooklp .eot-cranes-list1 .proIntroduce li {
  color: #444;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 6px;
  list-style: disc;
}
#hooklp #high-performance-eot-crane {
  margin-top: 110px;
}
#hooklp .performance-eot-detail {
  position: relative;
  border: 1px solid #eee;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  min-height: 534px;
  margin-top: 30px;
}
#hooklp .case .eot-cranes-list .proIntroduce {
  min-height: auto;
}
#hooklp .case .eot-cranes-list .proIntroduce li {
  margin-bottom: 7px;
}
#hooklp .case .eot-cranes-list .proName {
  margin: 30px 30px 0 30px;
  line-height: 140%;
}
#hooklp .case .eot-cranes-list .proIntroduce {
  margin-bottom: 40px;
}
#hooklp .performance-eot-detail img {
  position: absolute;
  left: 350px;
  top: 72px;
  width: 470px;
  height: 396px;
}
#hooklp .performance-eot-detail .features-title {
  position: absolute;
  left: -2px;
  background: linear-gradient(-64deg, transparent 20px, #ddd 0);
  min-width: 376px;
  padding: 10px 46px 11px 30px;
  color: #444;
  font-size: 15px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Lato";
}
#hooklp .performance-eot-detail .performance-eot-info {
  width: 310px;
  position: absolute;
  z-index: 2;
}
#hooklp .performance-eot-detail .performance-eot-info.width1 {
  width: 420px;
}
/* #hooklp .performance-eot-detail .performance-eot-info.width2 {
    width: 290px;
} */
#hooklp .performance-eot-detail .performance-eot-info span {
  color: #0c0c0c;
  font-size: 14px;
  line-height: 140%;
  font-weight: 700;
}
#hooklp .performance-eot-detail .performance-eot-info ul {
  margin-top: 4px;
}
#hooklp .performance-eot-detail .performance-eot-info ul li {
  color: #444;
  font-size: 14px;
  line-height: 140%;
  position: relative;
  padding-left: 25px;
  margin-bottom: 8px;
}
#hooklp .performance-eot-detail .performance-eot-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #444;
  left: 10px;
  margin-top: 8px;
  border-radius: 50%;
}
#hooklp .performance-eot-detail .performance-eot-info:nth-child(2) {
  left: 30px;
  top: 92px;
}
#hooklp .performance-eot-detail .performance-eot-info:nth-child(3) {
  left: 30px;
  top: 298px;
}
#hooklp .performance-eot-detail .performance-eot-info:nth-child(4) {
  left: auto;
  top: 54px;
  right: 44px;
}
#hooklp .performance-eot-detail .performance-eot-info:nth-child(5) {
  left: auto;
  top: 228px;
  right: 30px;
}
#hooklp .performance-eot-detail .performance-eot-info:nth-child(6) {
  left: auto;
  top: auto;
  bottom: 50px;
  right: 110px;
}
#hooklp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(6) {
  right: 100px;
}
#hooklp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(4) {
  top: 64px;
}
#hooklp #high-performance-eot-crane .performance-eot-detail:nth-child(3) .performance-eot-info:nth-child(5) {
  right: 70px;
}
#hooklp #high-performance-eot-crane .performance-eot-detail:nth-child(3) {
  margin-top: 40px;
}
#hooklp #high-performance-eot-crane .performance-eot-detail:nth-child(3) img {
  position: absolute;
  left: 350px;
  top: 80px;
  width: 429px;
  height: 398px;
}
#hooklp #customized-eot-crane .customized-eot-crane-list {
  display: grid;
  margin-top: 54px;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail {
  border: 2px solid #ff8f00;
  min-height: 530px;
  position: relative;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .eot-crane-titlebg {
  position: absolute;
  top: -24px;
  left: -2px;
  width: 100%;
  height: 40px;
  background: url("../fonts/customized-blue.svg") no-repeat;
  padding: 9px 0 10px 30px;
  color: #fff;
  font-weight: 700;
  line-height: 130%;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(1) .eot-crane-titlebg {
  background: url("../fonts/customized-orange.svg") no-repeat;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .title3 {
  width: 300px;
  height: 40px;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul {
  margin: 40px 50px 30px 50px;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li {
  color: #444;
  line-height: 150%;
  margin-bottom: 10px;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail ul li strong {
  font-weight: 700;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info {
  background-color: #ff8f00;
  padding: 30px 50px;
  min-height: 267px;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info .title2 {
  color: #fff;
  font-weight: 700;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p {
  color: #fff;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 140%;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail .customized-eot-crane-info p:last-child {
  margin-bottom: 0;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) {
  border: 2px solid #369;
}
#hooklp #customized-eot-crane .customized-eot-crane-list .customized-eot-crane-detail:nth-child(2) .customized-eot-crane-info {
  background-color: #369;
}
#hooklp #dgcrane-global-service{
  margin-bottom: 30px;
}
#hooklp #flexible-procurement .flexible-cost .flexible-cost-title {
  margin-top: 20px;
}
#hooklp #flexible-procurement .flexible-cost .title {
  margin-top: 20px;
}
#hooklp #flexible-procurement .flexible-cost {
  display: grid;
  grid-template-columns: 760px auto;
  column-gap: 74px;
}
#hooklp #flexible-procurement .flexible-complete {
  display: grid;
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
  margin-top: 30px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail {
  position: relative;
  width: 100%;
  border: 1px solid #eee;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
  min-height: 660px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-title {
  position: absolute;
  left: -2px;
  background: linear-gradient(-64deg, transparent 20px, #ddd 0);
  min-width: 220px;
  padding: 10px 46px 11px 30px;
  color: #444;
  font-size: 15px;
  line-height: 130%;
  font-weight: 700;
  font-family: "Lato";
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(2) {
  position: absolute;
  top: 20px;
  right: 30px;
  height: 60px;
  width: 60px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail img:nth-child(3) {
  position: absolute;
  top: 56px;
  left: 30px;
  width: 440px;
  height: 200px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail:nth-child(2) img:nth-child(3) {
  width: 420px;
  height: 154px;
  top: 72px;
  left: 46px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info {
  position: absolute;
  left: 30px;
  top: 266px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info .title4 {
  color: #444;
  font-size: 16px;
  line-height: 130%;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul {
  margin-bottom: 20px;
  width: 500px;
  margin-top: 4px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li {
  position: relative;
  padding-left: 25px;
  color: #0c0c0c;
  line-height: 140%;
  font-size: 16px;
}
#hooklp #flexible-procurement .flexible-complete .flexible-complete-detail .flexible-complete-info ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 4px;
  height: 4px;
  background: #0c0c0c;
  border-radius: 50%;
  top: 9px;
  left: 6px;
}
#hooklp #flexible-procurement .crane-distributed {
  position: relative;
  width: 333px;
  min-height: 196px;
}
#hooklp #flexible-procurement .crane-distributed img {
  position: absolute;
  top: 6px;
  width: 202px;
  height: 189px;
}
#hooklp #flexible-procurement .crane-distributed span {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
  line-height: 140%;
  position: absolute;
}
#hooklp #flexible-procurement .crane-distributed span:nth-child(2) {
  left: 25px;
  top: 48px;
}
#hooklp #flexible-procurement .crane-distributed span:nth-child(3) {
  left: 53px;
  top: 131px;
}
#hooklp #flexible-procurement .crane-distributed span:nth-child(4) {
  left: 212px;
  top: -1px;
  color: #004e9e;
}
#hooklp #flexible-procurement .crane-distributed span:nth-child(5) {
  left: 212px;
  top: 59px;
  color: #004e9e;
}
#hooklp #flexible-procurement .crane-distributed ul {
  position: absolute;
  top: 146px;
  left: 189px;
}
#hooklp #flexible-procurement .crane-distributed ul li {
  color: #444;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
  position: relative;
  margin-bottom: 4px;
  padding-left: 25px;
}
#hooklp #flexible-procurement .crane-distributed ul li::before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #ff8f00;
  border-radius: 50%;
  top: 6px;
  left: 6px;
}
#hooklp #flexible-procurement .crane-distributed ul li:nth-child(2):before {
  background: #004e9e;
}
#hooklp #flexible-procurement {
  margin-top: 100px;
}
#hooklp #serving-country {
  margin-top: 120px;
}
#hooklp #serving-country .serving-country-grid {
  display: grid;
  grid-template-columns: 905px 240px;
  column-gap: 25px;
}
#hooklp #export-projects-map img {
  left: -8px;
  width: 850px;
  height: 370px;
}
#hooklp #europe {
  top: 39px;
  left: 322px;
}
#hooklp #europe-location {
  top: 40px;
  left: 194px;
}
#hooklp .location {
  padding-top: 8px;
}
#hooklp #asia-location {
  top: 50px;
  left: -22px;
}
#hooklp #asia {
  top: 46px;
  left: 690px;
}
#hooklp #south-america-location,
#hooklp #africa-location {
  left: 193px;
}
#hooklp #south-america {
  top: 273px;
  left: 55px;
}
#hooklp #africa {
  top: 213px;
  left: 302px;
}
#hooklp #north-america {
  left: 158px;
}
#hooklp .export-projects-title {
  font-weight: 500;
  line-height: 120%;
  color: #000;
}
#hooklp .export-projects-title span {
  font-size: 14px;
  font-weight: 500;
}
#hooklp .exported-products ul {
  list-style: none;
  margin: 9px 0 0 0;
  padding: 0;
}
#hooklp .exported-products ul li {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  margin: 0 0 8px 0;
  color: #231815;
  font-weight: 500;
  text-align: right;
}
#hooklp .exported-products ul li span.year-exported {
  float: left;
  width: 30px;
  color: #231815;
  text-align: left;
  font-size: 12px;
  line-height: 18px;
}
#hooklp .exported-products ul li span.row1-2 {
  width: 152px;
}
#hooklp .exported-products ul li span.row1-3 {
  width: 56px;
}
#hooklp .exported-products ul li span.row2-2 {
  width: 128px;
}
#hooklp .exported-products ul li span.row2-3 {
  width: 80px;
}
#hooklp .exported-products ul li span.row3-2 {
  width: 110px;
}
#hooklp .exported-products ul li span.row3-3 {
  width: 98px;
}
#hooklp .exported-products ul li span.row4-2 {
  width: 90px;
}
#hooklp .exported-products ul li span.row4-3 {
  width: 118px;
}
#hooklp .exported-products ul li span.row5-2 {
  width: 70px;
}
#hooklp .exported-products ul li span.row5-3 {
  width: 138px;
}
#hooklp .exported-products ul li span.row1-3,
#hooklp .exported-products ul li span.row2-3,
#hooklp .exported-products ul li span.row3-3,
#hooklp .exported-products ul li span.row4-3,
#hooklp .exported-products ul li span.row5-3 {
  float: left;
  height: 18px;
  background-color: #9e9e9f;
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  font-weight: 600;
  padding-right: 2px;
}
#hooklp .exported-products ul li span.row1-2,
#hooklp .exported-products ul li span.row2-2,
#hooklp .exported-products ul li span.row3-2,
#hooklp .exported-products ul li span.row4-2,
#hooklp .exported-products ul li span.row5-2 {
  float: left;
  height: 18px;
  background-color: #036aae;
}
#hooklp .exported-products ul li:last-child {
  margin-bottom: 0px;
}
#hooklp .export-projects-right {
  width: 100%;
}
#hooklp .dgcrane-local {
  background-color: #ff8f00;
  width: 240px;
  min-height: 120px;
  margin-top: 30px;
  float: left;
}
#hooklp .dgcrane-local span {
  width: 240px;
  padding: 20px 20px 10px 20px;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-transform: capitalize;
  float: left;
}
#hooklp .dgcrane-local a {
  float: left;
  min-width: 160px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  line-height: 22px;
  padding: 5px 18px;
  margin-left: 40px;
  color: #f58423;
  font-size: 16px;
  font-weight: 700;
}
#hooklp .dgcrane-local a:hover {
  background-color: #004e9e;
  color: #fff;
}
#hooklp .serving-cases-list {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 360px);
  column-gap: 45px;
  row-gap: 56px;
}
#hooklp .serving-cases-list.Top {
  grid-template-columns: repeat(2, 560px);
  column-gap: 50px;
}
#hooklp .serving-cases-list .serving-cases-detail {
  width: 100%;
  background: #fff;
  height: fit-content;
  position: relative;
  line-height: 0;
}
#hooklp .serving-cases-list .serving-cases-detail img {
  width: 100%;
}
#hooklp .serving-cases-list .serving-cases-detail .serving-cases-tag {
  position: absolute;
  top: 232px;
  padding: 3px 45px 5px 20px;
  line-height: 140%;
  background: linear-gradient(-66deg, transparent 20px, #eeeeee 0);
  font-size: 16px;
  font-weight: 700;
  color: #343a46;
}
#hooklp .serving-cases-list .serving-cases-detail .serving-cases-tag strong {
  font-weight: 700;
  padding-right: 8px;
}
#hooklp .serving-cases-list .serving-cases-detail p {
  font-weight: 700;
  color: #343a46;
  padding: 25px 0 12px 0;
  margin: 0;
  line-height: 130%;
  font-size: 20px;
}
#hooklp .serving-cases-list .serving-cases-detail ul {
  padding: 0px 25px 30px 26px;
}
#hooklp .serving-cases-list .serving-cases-detail ul li {
  color: #444;
  line-height: 140%;
  margin-bottom: 8px;
  position: relative;
  font-size: 16px;
  list-style: disc;
}
#hooklp .serving-cases-list .serving-cases-detail ul li:last-child {
  margin-bottom: 0px;
}
#hooklp .serving-cases-list .serving-cases-detail:nth-child(1),
#hooklp .serving-cases-list .serving-cases-detail:nth-child(4) {
  border-left: none;
}
#hooklp .serving-cases-list .serving-cases-detail:nth-child(3),
#hooklp .serving-cases-list .serving-cases-detail:nth-child(6) {
  border-right: none;
}
#hooklp #single-girder-eot-price .product-price-table {
  margin-top: 20px;
  width: 100%;
  min-height: 202px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  background: linear-gradient(to bottom, #ddd 40px, transparent 0);
  padding: 0px 25px 0px 25px;
}
#hooklp #single-girder-eot-price .product-price-table table {
  width: 100%;
  border-collapse: collapse;
}
#hooklp #single-girder-eot-price .product-price-table table tr {
  border-bottom: 2px solid #ddd;
}
#hooklp #single-girder-eot-price .product-price-table table tr th,
#hooklp #single-girder-eot-price .product-price-table table tr td {
  padding-right: 20px;
  font-family: "Lato";
  text-align: left;
  color: #444;
}
#hooklp #single-girder-eot-price .product-price-table table tr td {
  font-size: 16px;
  line-height: 200%;
  font-weight: 400;
  padding-top: 8px;
}
#hooklp #single-girder-eot-price .product-price-table table tr th {
  padding-bottom: 11px;
  padding-top: 11px;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
}
#hooklp #single-girder-eot-price .product-price-table table tr th:nth-child(1),
#hooklp #single-girder-eot-price .product-price-table table tr td:nth-child(1) {
  width: 107px;
  padding-left: 15px;
  margin-left: 25px;
}
#hooklp #single-girder-eot-price .product-price-table table tr th:nth-child(2),
#hooklp #single-girder-eot-price .product-price-table table tr td:nth-child(2) {
  width: 88px;
}
#hooklp #single-girder-eot-price .product-price-table table tr th:nth-child(3),
#hooklp #single-girder-eot-price .product-price-table table tr td:nth-child(3) {
  width: 147px;
}
#hooklp #single-girder-eot-price .product-price-table table tr th:nth-child(4),
#hooklp #single-girder-eot-price .product-price-table table tr td:nth-child(4) {
  width: 215px;
}
#hooklp #single-girder-eot-price .product-price-table table tr th:nth-child(5),
#hooklp #single-girder-eot-price .product-price-table table tr td:nth-child(5) {
  padding-left: 40px;
  padding-right: 0px;
  width: 221px;
  background-color: #f7f7f7;
  font-weight: 700;
}

#hooklp .quality {
  margin-top: 120px;
}
#hooklp .quality .qualityList {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, 360px);
  grid-column-gap: 45px;
  grid-row-gap: 60px;
  margin-top: 30px;
}
#hooklp .quality .qualityList .qualityText {
  display: flex;
  align-items: flex-start;
  margin-top: 10px;
}
#hooklp .quality .qualityList .qualityText .cont {
  width: calc(100% - 46px);
}
#hooklp .quality .qualityList .qualityText .cont .qualityTit {
  color: #444444;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 14px;
  line-height: 120%;
  text-transform: capitalize;
}
#hooklp .quality .qualityList .qualityText .cont .qualityInfo {
  color: #444444;
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
}
#hooklp .quality .qualityList .qualityText .num {
  width: 46px;
  font-size: 48px;
  line-height: 150%;
  color: #d3daf0;
  font-weight: bold;
}
#hooklp .quality .qualityList .qualityItem .qualityImg {
  width: 100%;
  line-height: 0;
}
#hooklp .quality .qualityList .qualityItem .qualityImg img {
  width: 100%;
}
#hooklp .eot-cranes-list1.hookCase {
  grid-row-gap: 60px;
  margin-bottom: 100px;
}
#hooklp .eot-cranes-list1.hookCase .cranesImg .lable {
  position: absolute;
  bottom: 12px;
  background: #dddddd;
  line-height: 28px;
  padding: 0 20px;
  font-weight: bold;
  font-size: 14px;
  color: #444;
}
#hooklp .eot-cranes-list1.hookCase .proName {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 0 20px;
}
#hooklp .eot-cranes-list1.hookCase .proIntroduce {
  margin-top: 10px;
  margin-bottom: 40px;
}
#hooklp .eot-cranes-list1.hookCase .proIntroduce li {
  margin-bottom: 10px;
}
#hooklp .eot-cranes-list1.hookCase .proIntroduce li:last-child {
  margin-bottom: 0;
}