* { margin: 0; padding: 0; border: 0; }
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: borde; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family: 'Heebo',Helvetica,Tahoma,Arial,'PingFang SC','Hiragino Sans GB','Heiti SC','Microsoft YaHei','WenQuanYi Micro Hei'; color: #222;font-size: 16px;font-weight: 400;line-height: 1.5; background-color: #ffffff; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a,a:hover,a:focus { text-decoration: none; color: #222;}
iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; }
p {color: #222;font-size: 16px;font-weight: 400;line-height:150%;margin:0;}
ol, ul { list-style-position: outside; margin:0; padding-left: 0;list-style-type: none; }
ul li, ol li{ font-size: 16px; font-weight: 400; line-height: 150%; margin:0; color: #222; }

#lp-wrapper{width: 100%;max-width: 2560px;min-width: 1140px;margin: 0 auto;word-wrap: break-word; overflow: hidden;}
.wrap {width: 1170px;margin: 0 auto;}

#lp-wrapper #lp-top{width: 100%;margin-top: 23px;height: 42px; }
#lp-wrapper .top-left{float: left;}
#lp-wrapper .top-left a img{width: 193px;height: 42px; }
#lp-wrapper .top-right{float: right; width: 640px;display: grid;grid-template-columns: auto 347px;justify-content: end;overflow: hidden;margin-top: 13px;align-items: flex-end;height: 27px;}
#lp-wrapper .top-right span {font-size: 18px;display: flex;color:#000;line-height: 27px;}
#lp-wrapper .top-right span:last-child{margin-left: 60px; }
#lp-wrapper .top-right span img{width: 27px; height: 27px;margin-right: 12px; }
#lp-wrapper .top-right span a{font-size: 18px;  color:#000;}
#lp-wrapper .top-right span a:hover{color:#FF8800; }

#lp-wrapper #lp-header{width: 100%; max-width: 1440px;min-width: 1170px;margin: 0 auto; word-wrap: break-word;}
#lp-wrapper .lp-banner{width: 100%;height: 600px;background: url('/wp-content/themes/website/image/banner-bg1.jpg?w=1440&h=600') lightgray 50% / cover no-repeat;/*margin-top: 20px; */}
#lp-wrapper .lp-banner .banner-bg{width: 100%;height: 300px;background: linear-gradient(to right,#222222d2 76.73%, transparent 33.27%);margin-top: 130px;display: inline-block; }
#lp-wrapper .lp-banner .banner-content{padding: 53px 92px 53px 0; width:970px;height: 300px;}
#lp-wrapper .banner-wrap{width: 830px; margin: 0 auto; }
#lp-wrapper h1{color: #FFF; font-size: 32px;font-weight: 600;line-height: 150%;}
#lp-wrapper .lp-banner .banner-grid{display: grid; width: 100%; grid-template-columns: 423px 138px;column-gap: 173px; }
#lp-wrapper .lp-banner .banner-list{width: 100%;list-style-position: outside;margin: 20px 0 0 0;padding-left:16px; }
#lp-wrapper .lp-banner .banner-list li{color: #FFF; font-size: 18px;line-height: 26px;position: relative; }
#lp-wrapper .lp-banner .banner-list li::before{ content: '';display: block;position: absolute;width: 4px;height: 4px; background: #fff;left: -11px;margin-top: 12px;border-radius: 50%; }
#lp-wrapper .lp-banner .icon-list{width: 100%;height: 40px;display: flex;margin-top: 52px; }
#lp-wrapper .lp-banner .icon-list span{ margin-right: 32px; }
#lp-wrapper .lp-banner .icon-list span:last-child{margin-right: 0px; }
#lp-wrapper .lp-banner .icon-list span:nth-child(1) img{width: 58px;height: 40px; }
#lp-wrapper .lp-banner .icon-list span:nth-child(2) img{width: 48px;height: 40px; }

#lp-wrapper h2{color:#5E9D9D;font-size: 28px;font-weight: 600;line-height: 150%; }
#lp-wrapper .product1-list{margin-top: 60px;width: 100%;min-height: 560px;display: grid;grid-template-columns:800px 310px;column-gap:60px; } 
#lp-wrapper .product1-list .product1-left{width: 100%;display: grid; row-gap: 60px; }
#lp-wrapper .product1-list .product1-detail{display: grid;grid-template-columns:250px 550px; }
#lp-wrapper .product1-list .product1-left .product1-left-img{background:linear-gradient(to bottom,transparent 192px,  #5E9D9D 8px); height: 250px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
#lp-wrapper .product1-list .product1-left .product1-left-img img{width: 250px;height: 242px; }
#lp-wrapper .product1-list .product1-left .product1-right-detail{width: 100%;height: 250px;background:#F0F6F6;padding: 30px 30px 21px 50px; }
#lp-wrapper .product1-list .product1-left .product1-right-detail ul{margin-top: 20px;padding-left:25px; }
#lp-wrapper .product1-list .product1-left .product1-right-detail ul li{line-height: 150%;color: #000;margin-bottom:8px;position: relative; }
#lp-wrapper .product1-list .product1-left .product1-right-detail ul li::before{content: '';display: block;position: absolute;width: 4px;height: 4px; background: #222;left: -16px;margin-top: 12px;border-radius: 50%;}
#lp-wrapper .title1{font-size: 24px;font-weight: 500; line-height: 150%;}
#lp-wrapper #crane-wheel-solutions,#lp-wrapper #customization-capability,#lp-wrapper #quality-control,#lp-wrapper #technology-support,#lp-wrapper #production-equipment,#lp-wrapper #lp-footer{margin-top: 100px; }
#lp-wrapper .download{background:#F0F6F6;padding:36px 37px 26px 31px; }
#lp-wrapper .download .title1{color: #555; }
#lp-wrapper .download .download-detail a{display: grid;grid-template-columns: 92px 129px;column-gap: 20px;margin-top: 20px; }
#lp-wrapper .download .download-detail a div{width: 100%; }
#lp-wrapper .download .download-detail a div p{line-height: 150%; font-size: 16px;margin-bottom: 9px;}
#lp-wrapper .download .download-detail a:hover div p{color:#FF8800;}
#lp-wrapper .download .download-detail a div span{color: #555;position: relative; font-size: 16px;line-height: 150%;padding-left: 22px; }
#lp-wrapper .download .download-detail a div span::before{ content: '';display: block;position: absolute;width: 14px;height: 17px; background:url('/wp-content/themes/website/svg/pdf-icon.svg?w=14&h=17') no-repeat;left:0px;}

#lp-wrapper #crane-wheel-solutions .crane-wheel-list{width: 100%;display: grid; grid-template-columns: repeat(2,560px);column-gap: 50px;margin-top: 40px;row-gap: 60px; }
#lp-wrapper #crane-wheel-solutions .crane-wheel-detail{display: grid;grid-template-columns: 200px 340px;column-gap: 20px; }
#lp-wrapper #crane-wheel-solutions .crane-wheel-detail .crane-wheel-img{width: 100%; height: 200px;background: linear-gradient(to bottom,transparent 192px,  #5E9D9D 8px);box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25) }
#lp-wrapper #crane-wheel-solutions .crane-wheel-detail .crane-wheel-info{width: 100%; }
#lp-wrapper #crane-wheel-solutions .crane-wheel-detail .crane-wheel-info ul{margin-top:10px; padding-left:25px; }
#lp-wrapper #crane-wheel-solutions .crane-wheel-detail .crane-wheel-info ul li{position: relative;line-height: 150%;margin-bottom:10px; }
#lp-wrapper #crane-wheel-solutions .crane-wheel-detail .crane-wheel-info ul li::before{content: '';display: block;position: absolute;width: 4px;height: 4px; background: #222;left: -16px;margin-top: 12px;border-radius: 50%;}

#lp-wrapper #customization-capability .customization-capability-list{width: 100%; margin-top: 40px; }
#lp-wrapper #customization-capability .customization-capability-detail{width: 100%;padding-bottom: 60px;margin-bottom: 60px; display: grid;grid-template-columns:410px 240px 450px;border-bottom: 2px dashed #5E9D9D;column-gap: 35px; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left{width:400px;  }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left img {width: 36px; height:40px ;}
#lp-wrapper #customization-capability .customization-capability-detail:nth-child(3) .customization-capability-left img {width:46px; height:40px ;}
#lp-wrapper #customization-capability .customization-capability-detail:nth-child(4) .customization-capability-left img {width:40px; height:40px ;}
#lp-wrapper #customization-capability .customization-capability-detail:nth-child(5) .customization-capability-left img {width:39px; height:40px ;}
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left .title1{margin-top: 20px; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left p{min-height: 72px; margin-top: 4px;color:#5E9D9D;font-size: 16px;font-weight: 500;line-height: 150%;  }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left .title2{margin-top: 20px; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left ul{margin-top: 10px; padding-left: 15px;}
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left ul li{line-height: 150%; position: relative; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-left ul li::before{content: '';display: block;position: absolute;width: 4px;height: 4px; background: #222;left: -12px;margin-top: 10px;border-radius: 50%;}
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-middle{width: 100%; }

#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-middle .title2{margin-top: 32px; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-middle img{width:240px;height:160px; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-middle p{margin-top: 10px;line-height: 150%;}
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-right{width: 100%; height:300px ; }
#lp-wrapper #customization-capability .customization-capability-detail .customization-capability-right img {width:450px;height: 300px; }
#lp-wrapper #customization-capability .customization-capability-detail:last-child{border: none;margin-bottom: 0px;padding-bottom: 0px }
#lp-wrapper .title2{font-size: 18px; font-weight: 500;line-height: 26px;}


#lp-wrapper #quality-control{margin-bottom: 100px; }
#lp-wrapper #quality-control .quality-control-list{margin-top: 40px; display: grid;grid-template-columns:repeat(2,490px);column-gap: 104px;row-gap: 60px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail{width: 100%; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail ul{margin-top: 10px;padding-left: 25px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail ul li{line-height: 150%;position: relative;margin-bottom: 10px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail ul li::before{content: '';display: block;position: absolute;width: 4px;height: 4px; background: #222;left: -16px;margin-top: 10px;border-radius: 50%;}
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist{margin-top: 20px;display: grid;grid-template-columns:230px 230px;column-gap: 30px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a{width: 100%; position: relative; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a img{width: 230px;height: 153px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a p{line-height: 150%;margin-top: 10px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a:hover p{color: #FF8800; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a:hover::before{ content: '';width: 230px;height:153px;background-color:rgba(255,136,0,0.60);position: absolute;top: 0;display: none; -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: .2s ease;}
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a:hover::after{ content: '';width: 33px;height: 32px;position: absolute;top:60px;left:99px;display: none; background: url('/wp-content/themes/website/svg/fangda.svg'); -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}

#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist{grid-template-columns: repeat(2,111px); }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist a{width: 100%; position: relative; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist a img{width: 108px;height: 153px; }
#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist a:hover::before{ content: '';width: 108px;height:153px;background-color:rgba(255,136,0,0.60);position: absolute;top: 0;display: none; -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: .2s ease;}
#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist a:hover::after{ content: '';width: 33px;height: 32px;position: absolute;top:60px;left:38px;display: none; background: url('/wp-content/themes/website/svg/fangda.svg'); -webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a:hover::before,#lp-wrapper #quality-control .quality-control-list .quality-control-detail .quality-control-imglist a:hover::after,#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist a:hover::before,#lp-wrapper #quality-control .quality-control-list .quality-control-detail:last-child .quality-control-imglist a:hover::after{display: block;}


#lp-wrapper #about-dafang{width: 100%;height: 700px; max-width: 1440px;min-width: 1170px;margin: 0 auto;word-wrap: break-word;background-color:#D9D9D9;  background-image: url('/wp-content/themes/website/image/about-dafang-bg.jpg?w=1440&h=700');background-size: cover;background-repeat: no-repeat; }
#lp-wrapper #about-dafang h2{color: #222;padding-top: 80px; }
#lp-wrapper #about-dafang .about-dafang-info{margin-top: 40px; }
#lp-wrapper #about-dafang .about-dafang-info p{width: 700px; margin-top: 20px;font-size: 18px;line-height: 26px; }

#lp-wrapper #production-equipment .production-equipment-list{width: 100%; margin-top: 40px;}
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail{width: 100%;min-height:260px ; display: grid;margin-top: 40px;grid-template-columns: 570px 600px;margin-bottom: 60px; }
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail img{width: 570px; height: 260px; }
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail .production-equipment-info{width: 100%;padding:40px 30px 48px 50px ;background: #F0F6F6; }
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail .production-equipment-info p{color: #5E9D9D; font-weight: 500;line-height: 150%;margin-top: 4px; }
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail .production-equipment-info ul{margin-top: 16px;padding-left: 25px; }
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail .production-equipment-info ul li{line-height: 150%;margin-bottom: 10px; position: relative;}
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail .production-equipment-info ul li::before{content: '';display: block;position: absolute;width: 4px;height: 4px; background: #555;left: -16px;margin-top: 10px;border-radius: 50%;}
#lp-wrapper #production-equipment .production-equipment-list .production-equipment-detail .production-equipment-info ul li:last-child{margin-bottom:0; }

#lp-wrapper #production-equipment .production-equipment-list1{display: grid; grid-template-columns:repeat(3,360px);column-gap:44px;margin-top: 60px; }
#lp-wrapper #production-equipment .production-equipment-list1 div img{width: 360px; height:240px; }
#lp-wrapper #production-equipment .production-equipment-list1 div p{margin-top: 10px;line-height: 150%; }

#lp-wrapper #technology-support{margin-bottom: 100px; }
#lp-wrapper #technology-support .technology-support-list{margin-top: 40px; display: grid;grid-template-columns: repeat(3,356px);column-gap: 51px; }
#lp-wrapper #technology-support .technology-support-list img{width: 356px;height: 237px; }
#lp-wrapper #technology-support .technology-support-list p{margin-top: 10px;line-height: 150%; }

#lp-wrapper #lp-footer{display: grid; grid-template-columns: 510px 600px;column-gap: 60px; }
#lp-wrapper #lp-footer .lp-footer-left{width: 100%; }
#lp-wrapper #lp-footer .lp-footer-left h2{color: #222; }
#lp-wrapper #lp-footer .sales{width: 100%;height:239px;padding: 6px 0 6px 30px; background: linear-gradient(to bottom, #F0F6F6 233px, #5E9D9D 6px); margin-top: 39px;display: grid; grid-template-columns:251px 166px;column-gap: 63px;  }
#lp-wrapper #lp-footer .sales .sales-info{width: 100%;margin-top: 24px; }
#lp-wrapper #lp-footer .sales .sales-info span{width: 100%;color: #5E9D9D;font-size: 32px;font-weight: 600;line-height: 150%; }
#lp-wrapper #lp-footer .sales .sales-info p{width: 100%;font-weight: 500;line-height: 150%; }
#lp-wrapper #lp-footer .sales .sales-info ul{width: 100%;margin-top: 30px; }
#lp-wrapper #lp-footer .sales .sales-info ul li{line-height: 150%;margin-bottom: 5px; }
#lp-wrapper #lp-footer .sales .sales-info ul li img{width: 21px; height: 21px;float: left;margin-right: 10px; }
#lp-wrapper #lp-footer .sales .sales-info ul li a:hover{color: #FF6600; }
#lp-wrapper #lp-footer .sales-self-introduction{margin-top: 20px;width: 100%; line-height: 150%;}
#lp-wrapper #lp-footer .sales-self-introduction p{margin-top:8px; }

#lp-wrapper .copy-right{margin-top: 36px;margin-bottom: 25px; font-family:"Noto Sans" ;color: #555;font-size: 14px;line-height: 150%; }

#product-form .your-email{width: 100%; }
#product-form input[type="email"]{width: 100%; }
#product-form textarea{width: 100%; }