.ov { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ab { display: block; width: 100%; height: 100%; } .header_main { height: 99px; z-index: 100; position: absolute; min-width: 1280px; left: 0px; top: 0; right: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .header_main .header { background: linear-gradient(to bottom,rgba(0,0,0,0.5),transparent); } .header_main .cn { position: absolute; right: 100px; line-height: 99px; color: #fff; font-size: 20px; font-family: arial; width: 100px; text-align: center; height: 99px; border-left: 1px solid rgba(255, 255, 255, 0.3); z-index: 10; } .header_main .cn i { width: 10px; height: 7px; background-position: 0 -184px; margin-left: 5px; } .header_main .cn dl { background: #fff; line-height: 40px; font-size: 16px; font-family: "微软雅黑"; padding: 5px 0; display: none; position:absolute;width:100%;left:0;top:99px; } .header_main .cn dl dd { margin: 0 10px; } .header_main .cn dl dd a { display: block; width: 100%; height: 100%; } .header_main .cn dl dd:first-child { border-bottom: 1px solid #ddd; } .header_main .cn dl dd:hover { background: #007f38; } .header_main .cn dl dd:hover a { color: #fff; } .header_main .cn:hover dl { display: block; } .header_main .cn:before { width: 0; height: 0px; content: "\20"; display: block; position: absolute; left: 50%; bottom: 0px; background: transparent;z-index:10; } .header_main .cn.hover:before, .header_main .cn:hover:before { width: 0px; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid #fff; } .header_main .shop { position: absolute; right: 0; background: #0bbb66; width: 100px; height: 99px; text-align: center; z-index: 10; } .header_main .shop:before { width: 0; height: 0px; content: "\20"; display: block; position: absolute; left: 50%; bottom: 0px; background: transparent; z-index: 10; } .header_main .shop.hover:before, .header_main .shop:hover:before { width: 0px; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid #fff; } .header_main .shop a { display: block; width: 100%; height: 100%; } .header_main .shop i { width: 27px; height: 25px; background-position: 0 -154px; margin-top: 38px; } .header_main .shop dl { background: #fff; line-height: 40px; font-size: 14px; font-family: "微软雅黑"; padding: 5px 0; display: none; position: absolute; width: 130%; right:10px; top: 99px; } .header_main .shop dl dd { } .header_main .shop dl dd a { display: block; width: 100%; height: 100%; } .header_main .shop dl dd:first-child { border-bottom: 1px solid #ddd; } .header_main .shop dl dd:hover { background: #007f38; } .header_main .shop dl dd:hover a { color: #fff; } .header_main .shop:hover dl { display: block; } .header_main .tel { border-left: 1px solid #2f4973; position: absolute; right: 133px; top: 0; height: 100%; font-size: 20px; color: #2f4973; line-height: 98px; } .header_main .tel i { width: 19px; height: 25px; background-position: 0 -164px; margin-right: 17px; margin-left: 30px; margin-bottom: 1px; } .header_main .en { position: absolute; right: 0; top: 45px; z-index: 100; } .header_main .en a { display: block; width: 100%; height: 100%; color: #fff; font-size: 22px; } .header_main .w1400 { position: relative; } .header_main .weblogo { top: 24px; left: 41px; position: absolute; } .header_main .weblogo img { display: block; } .header_main .search-box { position: absolute; top: 0px; z-index: 101; width: 100px; height: 100%; right: 0px; border-left: 1px solid #2f4973; } .header_main .search-box .butn { display: block; cursor: pointer; width: 40px; height: 40px; margin: 27px auto 0; } .header_main .search-box .butn i { width: 40px; height: 40px; background-position: 0 0; } .header_main .search-box .butn.hov i { background-position: -41px 0; } .header_main .share-sub { position: absolute; right: 80px; top: 27px; width: 0; height: 40px; overflow: hidden; background: #fff; border-radius: 20px; border: none; z-index: 10; } .header_main .share-sub.on { border: 1px solid #ddd; height: 38px; } .header_main .share-sub .sub-btn { border: none; width: 26px; height: 26px; cursor: pointer; margin-top: 7px; background-position: -85px 0; transition: ease-in-out 0.2s; outline: none; } .header_main .share-sub .tex { width: 135px; font-size: 14px; height: 18px; line-height: 18px; padding: 11px 14px; color: #333; border: none; background: #fff; outline: none; } .nav_main { position: relative; z-index: 9; text-align: center; padding-right: 215px; } .nav_main ul { display: inline-block; zoom: 1; } .nav_main .list li { float: left; line-height: 99px; height: 99px; text-align: center; transition: all ease 300ms; -webkit-transition: all ease 300ms; z-index: 2; position: relative; } .nav_main .list li .nav1 { margin: 0 22px; display: block; position: relative; cursor: pointer; font-size: 20px; color: #fff; z-index: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); } .nav_main .list li .nav1 i { width: 11px; height: 6px; background-position: 0 0; margin-left: 8px; margin-bottom: 2px; } .nav_main .list li .nav1:before { width: 0; height: 0px; content: "\20"; display: block; position: absolute; left: 50%; bottom: 0px; background: transparent; } .nav_main .list li.hover .nav1:before, .nav_main .list li:hover .nav1:before { width: 0px; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid #fff; } .nav_main .list li.li6 .subnav .item { width: 160px; margin: 0 10px; min-height: 200px; } .nav_main li dl { width: 140%; position: absolute; left: -20%; top: 99px; text-align: center; z-index: 10; background: #fff; padding: 5px 0 0; display: none; } .nav_main li dl dd { line-height: 50px; position: relative; z-index: 11; } .nav_main li dl dd a { width: 100%; font-size: 14px; height: 100%; display: block; color: #333; border-bottom: 1px solid #ddd; } .nav_main li dl dd:last-child a{border:none;} .nav_main li dl dd:hover a { background: #007f38; color: #fff; } .nav_main li dl dd .three { position: absolute; left: 100%; top: 0; width: 110%; display: none; background: rgba(0, 0, 0, 0.5); z-index: 15; } .nav_main li dl dd .three .three_li { border-bottom: 1px solid #0e8e46 } .nav_main li dl dd .three a:hover { background: #209955; } .nav_main li dl dd:hover .three { display: block; } .nav_main .subnav2 .item { width: 100%; height: 40px; line-height: 40px; } .nav_main .subnav2 .item a, .nav_main .subnav2 .item h3 { width: 100%; height: 40px; line-height: 40px; display: block; } .nav_main .list li:hover .subnav, .nav_main .list li:hover .subnav2 { opacity: 1; filter: alpha(opacity=100); background-size: auto 340px; height: 340px; } .por { position: relative; } /*banner*/ .banner_main { width: 100%; overflow: hidden; position: relative; z-index: 2; } .banner_main .banner { width: 100%; min-width: 1000px; height: 100vh; z-index: 20; position: relative; overflow: hidden; *zoom: 1; } .banner_main .banner .tip { position: absolute; left: 50%; width: 1400px; margin-left: -700px; text-align: center; bottom: 50px; z-index: 10; } .banner_main .banner .tip span { margin: 0 8px; width: 103px; height: 3px; background: #fff; text-align: center; border-radius: 3px; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; *display: inline; *zoom: 1; } .banner_main .banner .tip span.cur { opacity: 1; background: #1ddb7f; } .banner_main .banner .prev, .banner_main .banner .next { width: 50px; height: 50px; position: absolute; left: 5%; background-position: 0 -46px; z-index: 10; top: 50%; margin-top: -25px; cursor: pointer; transition: ease-in-out 0.2s; opacity: 1; filter: alpha(opacity=70); animation: toleft 3s infinite linear; } .banner_main .banner .next { animation: toright2 3s infinite linear; left: auto; right: 5%; background-position: -0px -96px; } .banner .next:hover { opacity: 1; filter: alpha(opacity=100); transform: translatex(5px); } .banner .prev:hover { opacity: 1; filter: alpha(opacity=100); transform: translatex(-5px); } .banner_main .banner .list { width: 100%; } .banner_main .banner li { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff; } .banner_main .banner li img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; position: relative; left: 0; top: 0; } .banner_main .banner li video { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; position: relative; left: 0; top: 0; } @keyframes scaledraw { 0% { transform: scale(1); } 50% { transform: scale(1.02);/*放大1.1倍*/ } 100% { transform: scale(1); } } @keyframes toright { 0% { right: 7px; transform: scale(0.9); } 50% { right: 17px; transform: scale(1); } 100% { right: 7px; transform: scale(0.9); } } .index_tit .more a:hover { box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); } @keyframes toright2 { 0% { transform: translatex(0) scale(1); } 50% { transform: translatex(10px) scale(1.1); } 100% { transform: translatex(0) scale(1); } } @keyframes toleft { 0% { transform: translatex(0) scale(1); } 50% { transform: translatex(-10px) scale(1.1); } 100% { transform: translatex(0) scale(1); } } .banner .list li a { width: 100%; display: block; height: 100%; } @keyframes toright { 0% { right: 46px; } 50% { right: 36px; } 100% { right: 46px; } } .floor_1_main { background: url(/uploads/image/ptwpimages/f1_bg.jpg) center top no-repeat; background-size: cover; padding: 93px 0 100px; } .floor_1_main .body .left { width: 53.25%; } .floor_1_main .body .left h1 { display: none; } .floor_1_main .body .left h3 { font-size: 24px; padding-bottom: 17px; } .floor_1_main .body .left h4 { font-size: 30px; font-weight: bold; padding-right: 24px; padding-bottom: 58px; } .floor_1_main .body .left .p { line-height: 33px; font-size: 18px; color: #666; height: 165px; overflow: auto; padding-right: 47px; } .floor_1_main .body .left .p::-webkit-scrollbar { width: 6px; height: 5px; } .floor_1_main .body .left .p::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #32a264; } .floor_1_main .body .left .p::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .floor_1_main .body .left ul { padding-top: 28px; } .floor_1_main .body .left li { font-size: 18px; color: #666; line-height: 36px; width: 50%; float: left; } .floor_1_main .body .left li i { width: 14px; height: 11px; background-position: 0 -199px; margin-right: 10px; margin-bottom: 3px; } .floor_1_main .body .left li:hover { font-weight: bold; color: #007f38; } .floor_1_main .body .right { width: 38.8%; } .floor_1_main .body .right img { width: 100%; vertical-align: top; } .floor_1_main dl { display: flex; justify-content: space-between; margin-top: 120px; } .floor_1_main dl dd { box-sizing: border-box; position: relative; } .floor_1_main dl dd .line { background: url(/uploads/image/ptwpimages/line2.png) right center no-repeat; width: 1px; height: 90px; position: absolute; top: 50%; margin-top: -45px; left: 150%; } .floor_1_main dl dd h3 { font-size: 74px; color: #007f38; transition: ease-in-out .2s; } .floor_1_main dl dd h3 span { font-size: 24px; } .floor_1_main dl dd p { font-size: 18px; transition: ease-in-out .2s; } .floor_1_main dl dd:first-child .line { left: 160%; } .floor_1_main dl dd:nth-child(2) .line { left: 145%; } .floor_1_main dl dd:nth-child(3) .line { left: 175%; } .floor_1_main dl dd:nth-child(4) .line { left: 163%; } .floor_1_main dl dd:last-child .line { display: none; } .floor_1_main dl dd:hover h3 { transform: translatey(-10px); } .floor_1_main dl dd:hover p { transform: translatey(-10px); } .floor_2_main { background: #007f38 url(/uploads/image/ptwpimages/f2_bg.jpg) right bottom no-repeat; position: relative; color: #fff; height: 840px; } .floor_2_main .w1600 { padding-top: 98px; } .floor_2_main .w1600 .prev, .floor_2_main .w1600 .next { border: 2px solid #fff; width: 61px; height: 61px; left: 54%; z-index: 15; border-radius: 100%; display: block; position: absolute; bottom: 107px; cursor: pointer; transition: ease-in-out .2s; } .floor_2_main .w1600 .prev i, .floor_2_main .w1600 .next i { width: 11px; height: 17px; background-position: 0 -237px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px; } .floor_2_main .w1600 .next { margin-left: 81px; } .floor_2_main .w1600 .next i { background-position: -12px -237px; } .floor_2_main .w1600 .prev:hover, .floor_2_main .w1600 .next:hover { transform: translatey(-5px); } .floor_2_main .w1600 .hd { padding-left: 56%; } .floor_2_main .w1600 .hd ul { display: flex; justify-content: space-between; } .floor_2_main .w1600 .hd li { float: left; font-size: 24px; position: relative; padding-bottom: 15px; border-bottom: 3px solid #007f38; } .floor_2_main .w1600 .hd li a{color:#fff;} .floor_2_main .w1600 .hd li i { width: 18px; height: 14px; background-position: 0 -215px; position: absolute; left: -62%;top:0; margin-top: 8px; } .floor_2_main .w1600 .hd li.on { font-weight: bold; border-bottom: 3px solid #fff; } .floor_2_main .w1600 .hd li:first-child i { display: none; } .floor_2_main .w1600 .bd .con .img { position: absolute; left: 50%; margin-left: -960px; top: 0; z-index: 1; } .floor_2_main .w1600 .bd .con .txt { padding-left: 56%; } .floor_2_main .w1600 .bd .con .txt h3 { font-size: 36px; font-weight: bold; padding-top: 120px; padding-bottom: 65px; } .floor_2_main .w1600 .bd .con .txt p { font-size: 18px; line-height: 36px; height: 169px; } .floor_2_main .w1600 .bd .con .su { z-index: 11; position: relative; } .floor_2_main .w1600 .bd .con .su b { font-size: 114px; font-family: arial; display: block; } .floor_2_main .w1600 .bd .con .su span { font-size: 24px; } .floor_2_main .w1600 .bd .con .su .line { height: 1px; background: #fff; position: absolute; left: 54px; bottom: 11px; z-index: 10; width: 50%; } .floor_2_main .h3 { font-size: 50px; position: relative; z-index: 10; float: left; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); font-weight: bold; } .floor_3_main { background: url(/uploads/image/ptwpimages/f3_bg.jpg) center top no-repeat; background-size: cover; padding-bottom: 153px; } .floor_3_main .slidegroup { padding-top: 113px; } .floor_3_main .slidegroup .parhd h3 { font-size: 48px; font-weight: bold; float: left; } .floor_3_main .slidegroup .parhd ul { float: right; font-size: 24px; } .floor_3_main .slidegroup .parhd ul li { float: left; padding-left: 82px; position: relative; } .floor_3_main .slidegroup .parhd ul li i { display: none; position: absolute; left: 55px; top: 50%; margin-top: -5px; } .floor_3_main .slidegroup .parhd ul li.on i { width: 13px; height: 11px; background-position: 0 -260px; margin-right: 13px; display: block; display: inline-block; } .floor_3_main .slidegroup .slidebox { overflow: hidden; zoom: 1; position: relative; } .floor_3_main .slidegroup .slidebox .txt { width: 400px; float: left; padding-top: 163px; font-size: 16px; } .floor_3_main .slidegroup .slidebox .txt p { color: #666; line-height: 30px; margin-bottom: 35px; } .floor_3_main .slidegroup .slidebox .txt .more { color: #007f38; transition: ease-in-out .2s; display: block; } .floor_3_main .slidegroup .slidebox .txt .more:hover { transform: translatex(5px); } .floor_3_main .slidegroup .slidebox .body { width: 1081px; float: right; } .floor_3_main .sprev, .floor_3_main .snext { border: 2px solid #fff; width: 61px; height: 61px; left: 0; z-index: 15; border-radius: 100%; display: block; position: absolute; bottom: 10px; cursor: pointer; transition: ease-in-out .2s !important; } .floor_3_main .sprev i, .floor_3_main .snext i { width: 11px; height: 17px; background-position: 0 -237px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px; } .floor_3_main .snext { margin-left: 81px; } .floor_3_main .snext i { background-position: -12px -237px; } .floor_3_main .sprev:hover, .floor_3_main .snext:hover { transform: translatey(-5px) !important; } .floor_3_main .slidegroup .parbd ul { overflow: hidden; zoom: 1; } .floor_3_main .slidegroup .parbd ul li { margin-right: 30px; float: left; _display: inline; overflow: hidden; text-align: center; width: 340px; height: 454px; background: #fff; border-radius: 5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); margin-bottom: 10px; margin-top: 115px; transition: ease-in-out .2s; } .floor_3_main .slidegroup .parbd ul li a { display: block; width: 100%; height: 100%;box-sizing:border-box; } .floor_3_main .slidegroup .parbd ul li:hover { border-radius: 5px; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); transform: translatey(-5px); } .floor_3_main .slidegroup .parbd ul li .pic { text-align: center; } .floor_3_main .slidegroup .parbd ul li .pic img { width: 100%; height: 340px; display: block; } .floor_3_main .slidegroup .parbd ul li .title { font-size: 24px; line-height: 100px; } .floor_3_main .slidegroup .parbd ul li .title a { color: #333; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .floor_4 { padding-top: 109px; padding-bottom: 140px; } .floor_4 .outbox .h3 { font-size: 48px; float: left; } .floor_4 .outbox .hd { margin-bottom: 55px; } .floor_4 .outbox .hd ul { float: right; margin-top:15px; } .floor_4 .outbox .hd ul li { float: left; font-size: 24px; color: #666; position: relative; padding-left: 68px; } .floor_4 .outbox .hd ul li i { display: none; position: absolute; left: 40px; top: 50%; margin-top: -5px; } .floor_4 .outbox .hd ul li a { display: block; width: 100%; height: 100%; color: #666; } .floor_4 .outbox .hd ul li.on { font-weight: bold; } .floor_4 .outbox .hd ul li.on i { width: 13px; height: 11px; background-position: 0 -260px; margin-right: 13px; display: inline-block; } .floor_4 .outbox .hd ul li.on a { color: #007f38; } .floor_4 .ul { width: 47.5%; float: right; } .floor_4 .ul .item { margin-bottom: 37px; transition: ease-in-out .2s; } .floor_4 .ul .item img { width: 32.5%; height: 139px; object-fit: cover; object-position: center; float: left; margin-right: 20px; } .floor_4 .ul .item span { font-size: 16px; color: #999; font-family: arial; display: block; padding-top: 5px; } .floor_4 .ul .item h3 { font-size: 24px; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .floor_4 .ul .item p { font-size: 16px; color: #999; line-height: 30px; height: 60px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .floor_4 .ul .item:first-child { margin-bottom: 36px; } .floor_4 .ul .item:last-child { margin-bottom: 0; } .floor_4 .ul .item:hover { transform: translatex(-5px); } .floor_4 .inbox { width: 50%; position: relative; background: #007f38; height: 666px; float: left; } .floor_4 .inbox .inhd { position: absolute; right: 40px; top: 414px; z-index: 10; } .floor_4 .inbox .inhd ul { zoom: 1; } .floor_4 .inbox .inhd ul li { width: 12px; height: 12px; border-radius: 100%; background: #fff; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); float: left; margin-left: 10px; } .floor_4 .inbox .inhd ul li.on { background: #007f38; } .floor_4 .inbox .inbd ul { zoom: 1; overflow: hidden; } .floor_4 .inbox .inbd li img { width: 100%; height: 450px; object-fit: cover; object-position: center; } .floor_4 .inbox .inbd li .txt { color: #fff; padding: 32px 40px 0; display: block; } .floor_4 .inbox .inbd li .txt span { font-size: 16px; } .floor_4 .inbox .inbd li .txt h3 { font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 16px 0 22px; } .floor_4 .inbox .inbd li .txt p { font-size: 16px; line-height: 30px; height: 60px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .bottom_main { background: #323232; padding-top: 20px; } .bottom_main .left { border-right: 1px solid #818181; padding-top: 43px; padding-bottom: 93px; width: 63%; } .bottom_main .left .links{color:#999;margin-top:30px;} .bottom_main .left .links p{font-weight:bold;font-size:16px;padding-bottom:10px;} .bottom_main .left .links a { color: #999; padding-right: 15px; margin-bottom: 10px; word-break: keep-all; display: inline-block; } .bottom_main .left .links a:hover{color:#fff;} .bottom_main .left dl { float: left; padding-right: 44px; } .bottom_main .left dl a { color: #999; } .bottom_main .left dl dt { font-size: 18px; padding-bottom: 25px; } .bottom_main .left dl dd { font-size: 16px; line-height: 32px; } .bottom_main .left dl a:hover { color: #fff; } .bottom_main .right { width: 33%; padding-top: 47px; } .bottom_main .right a img { vertical-align: top; } .bottom_main .right li { float: left; margin-right: 18px; margin-top: 48px; margin-bottom: 20px; position: relative; } .bottom_main .right li i { width: 52px; height: 52px; background-position: 0 -287px; opacity: .58; } .bottom_main .right li img { width: auto; height: 150px; position: absolute; padding: 5px; background: #fff; border-radius: 5px; bottom: -170px; left: 0; display: none; } .bottom_main .right li b { width: 0; height: 0px; display: block; position: absolute; left: 50%; bottom: -10px; background: transparent; margin-left: -8px; border: 8px solid transparent; border-bottom: 8px solid #fff; display: none; } .bottom_main .right li:nth-child(2) i { background-position: -52px -287px; } .bottom_main .right li:nth-child(3) i { background-position: -104px -287px; } .bottom_main .right li:nth-child(4) i { background-position: -156px -287px; } .bottom_main .right li:nth-child(5) i { background-position: -208px -287px; } .bottom_main .right li:hover b { display: block; } .bottom_main .right li:hover img { display: block; } .bottom_main .right p { color: #acacac; line-height: 36px; } .bottom_copy { background: #323232; line-height: 93px; color: #999; border-top: 1px solid #818181; } .bottom_copy a { color: #999; } .bottom_copy a:hover { color: #fff; } .main_hd { padding-top: 89px; margin-bottom: 56px; } .main_hd h3 { font-size: 36px; font-weight: bold; } .main_hd ul li { text-align: center; border-radius: 23px; transition: ease-in-out .2s; float: left; width: 204px; height: 46px; line-height: 46px; } .main_hd ul li a { font-size: 24px; } .main_hd ul li i { width: 20px; height: 21px; background-position: 0 -344px; margin-right: 8px; } .main_hd ul li.on { background: #0bbb66; } .main_hd ul li.on a { color: #fff; } .main_hd ul li.on i { background-position: -26px -344px; } .you_1_main { background: url(/uploads/image/ptwpimages/you_1.jpg) center top no-repeat; background-size: cover; padding-bottom: 110px; } .you_1_main .bd { background: #fff url(/uploads/image/ptwpimages/you_1_bg.jpg) left bottom no-repeat; } .you_1_main .bd .left { padding: 40px; box-sizing: border-box; width: 54%; } .you_1_main .bd .left h4 { font-size: 24px; font-weight: bold; padding-top: 17px; margin-bottom: 25px; } .you_1_main .bd .left .p { font-size: 18px; line-height: 36px; color: #666; height: 324px; overflow: auto; padding-right: 10px; } .you_1_main .bd .left .p::-webkit-scrollbar { width: 6px; height: 5px; } .you_1_main .bd .left .p::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #32a264; } .you_1_main .bd .left .p::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .you_1_main .bd .right { width: 46%; } .you_1_main .bd .right img { width: 100%; height: 487px; object-fit: cover; vertical-align: top; } .you_2_main { background: url(/uploads/image/ptwpimages/you_2.jpg) center top no-repeat; background-size: cover; color: #fff; padding-bottom: 120px; } .you_2_main .tit { padding-top: 90px; padding-bottom: 61px; } .you_2_main .tit .left h3 { font-size: 36px; font-weight: bold; margin-bottom: 31px; } .you_2_main .tit .left span { font-size: 16px; } .you_2_main .tit .left span i { width: 15px; height: 15px; background-position: -54px -348px; margin-left: 10px; margin-bottom: 2px; } .you_2_main .tit .left a { color: #fff; } .you_2_main .tit .right { width: 67.5%; font-size: 18px; line-height: 30px; } .you_2_main .hd { padding-top: 0; margin-bottom: 50px; margin-left: 32.5%; } .you_2_main .hd li { background: #fff; margin-right: 40px; position: relative; } .you_2_main .hd li b { display: block; width: 0px; height: 0px; border: 5px solid transparent; border-top: 5px solid #0bbb66; position: absolute; left: 20%; margin-left: -5px; bottom: -10px; transition: ease-in-out .3s; opacity: 0; } .you_2_main .hd li.on b { bottom: -10px; opacity: 1; left: 50%; } .you_2_main .bd .body { position: relative; } .you_2_main .bd .body .ny_hd a { border: 2px solid #fff; width: 61px; height: 61px; left: -90px; z-index: 15; border-radius: 100%; display: block; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; transition: ease-in-out .2s; } .you_2_main .bd .body .ny_hd a i { width: 11px; height: 17px; background-position: 0 -237px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px; } .you_2_main .bd .body .ny_hd .snext { left: auto; right: -90px; } .you_2_main .bd .body .ny_hd .snext i { background-position: -12px -237px; } .you_2_main .bd .body .ny_hd .sprev:hover, .you_2_main .bd .body .ny_hd .snext:hover { transform: translatey(-5px); } .you_2_main .bd .body .ny_bd { overflow: hidden; } .you_2_main .bd .body .ny_bd li { width: 448px; height: 336px; margin-right: 28px; position: relative; transition: ease-in-out .2s; } .you_2_main .bd .body .ny_bd li img { width: 100%; height: 100%; object-fit: cover; } .you_2_main .bd .body .ny_bd li p { color: #fff; font-size: 18px; position: absolute; left: 0; bottom: 0; height: 59px; line-height: 59px; background: rgba(0, 138, 64, 0.9); width: 100%; padding: 0 37px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .you_2_main .bd .body .ny_bd li:hover { transform: translatey(-5px); } .you_3_main { background: #f2f2f3 url(/uploads/image/ptwpimages/you_3.jpg) center top no-repeat; background-size: 100% auto; padding-bottom: 105px; } .you_3_main .box1 { padding-bottom: 70px; } .you_3_main .box1 .hd { margin-bottom: 26px; } .you_3_main .box1 .hd li i { opacity: 0; width: 0; } .you_3_main .box1 .hd li.on i { opacity: 1; width: 20px; } .you_3_main .box1 .bd .con { background: #fff; } .you_3_main .box1 .bd .left { padding: 40px; box-sizing: border-box; width: 50%; float: right; } .you_3_main .box1 .bd .left h4 { font-size: 24px; font-weight: bold; padding-top: 17px; margin-bottom: 25px; } .you_3_main .box1 .bd .left .p { font-size: 18px; line-height: 36px; color: #666; height: 360px; overflow: auto; padding-right: 10px; } .you_3_main .box1 .bd .left .p::-webkit-scrollbar { width: 6px; height: 5px; } .you_3_main .box1 .bd .left .p::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #32a264; } .you_3_main .box1 .bd .left .p::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .you_3_main .box1 .bd .right { width: 50%; float: left; } .you_3_main .box1 .bd .right img { width: 100%; height: 523px; object-fit: cover; vertical-align: top; } .you_3_main .box2 .hd { margin-bottom: 40px; border: 1px solid #e7e7e7; background: #fdfdff; } .you_3_main .box2 .hd li { float: left; line-height: 68px; text-align: center; font-size: 24px; width: 20%; border-left: 1px solid #e7e7e7; box-sizing: border-box; position: relative; } .you_3_main .box2 .hd li b { width: 0; height: 0; border: 15px solid transparent; position: absolute; left: 30%; margin-left: -15px; bottom: -30px; transition: ease-in-out .2s; } .you_3_main .box2 .hd li a { display: block; width: 100%; height: 100%; } .you_3_main .box2 .hd li:first-child { border-left: none; } .you_3_main .box2 .hd li.on { background: #0bbb66; } .you_3_main .box2 .hd li.on a { color: #fff; } .you_3_main .box2 .hd li.on b { bottom: -30px; border-top: 16px solid #0bbb66; left: 50%; } .you_3_main .box2 .body { position: relative; } .you_3_main .box2 .body .ny_hd a { background: #fff; width: 40px; height: 100%; left: -62px; z-index: 15; display: block; position: absolute; top: 0; cursor: pointer; transition: ease-in-out .2s; } .you_3_main .box2 .body .ny_hd a i { width: 11px; height: 17px; background-position: 0 -373px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px; } .you_3_main .box2 .body .ny_hd .snext { left: auto; right: -62px; } .you_3_main .box2 .body .ny_hd .snext i { background-position: -12px -373px; } .you_3_main .box2 .body .ny_hd .sprev:hover, .you_3_main .box2 .body .ny_hd .snext:hover { transform: translatex(-5px); } .you_3_main .box2 .body .ny_hd .snext:hover { transform: translatex(5px); } .you_3_main .box2 .body .ny_bd { overflow: hidden; } .you_3_main .box2 .body .ny_bd li { width: 336px; margin-right: 18px; position: relative; transition: ease-in-out .2s;float:left; } .you_3_main .box2 .body .ny_bd li img { width: 100%; height: 252px; object-fit: cover; vertical-align: top; } .you_3_main .box2 .body .ny_bd li p { color: #666; font-size: 18px; height: 59px; line-height: 59px; background: #fff; width: 100%; padding: 0 37px; box-sizing: border-box; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .you_3_main .box2 .body .ny_bd li:hover { transform: translatey(-5px); } .you_4 .hd { margin-bottom: 26px; } .you_4 .hd li i { opacity: 0; width: 0; } .you_4 .hd li.on i { opacity: 1; width: 20px; } .you_4 .bd .con { background: #fff; position: relative; } .you_4 .bd .left { padding: 40px; box-sizing: border-box; width: 46%; position: absolute; right: 0; top: 34px; background: #f2f2f3 url(/uploads/image/ptwpimages/you_4.jpg) right bottom no-repeat; height: 376px; } .you_4 .bd .left h4 { font-size: 24px; font-weight: bold; padding-top: 17px; margin-bottom: 25px; } .you_4 .bd .left .p { font-size: 18px; line-height: 30px; color: #666; height: 210px; overflow: auto; padding-right: 10px; } .you_4 .bd .left .p::-webkit-scrollbar { width: 6px; height: 5px; } .you_4 .bd .left .p::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #32a264; } .you_4 .bd .left .p::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .you_4 .bd .right { width: 62%; float: left; } .you_4 .bd .right img { width: 100%; height: 443px; object-fit: cover; vertical-align: top; } .you_5 { padding-bottom: 60px; } .you_5 .hd { margin-bottom: 26px; } .you_5 .hd li i { opacity: 0; width: 0; } .you_5 .hd li.on i { opacity: 1; width: 20px; } .you_5 .bd li { padding-bottom: 39px; border-bottom: 1px solid #d5d5d5; margin-bottom: 39px; } .you_5 .bd li .img { display: block; width: 347px; height: 260px; overflow: hidden; float: left; margin-right: 39px; } .you_5 .bd li .img img { width: 100%; height: 100%; vertical-align: top; object-fit: cover; transition: ease-in-out .2s; } .you_5 .bd li h3 { font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 63px; } .you_5 .bd li p { font-size: 18px; line-height: 30px; color: #666; height: 150px; overflow: hidden; } .you_5 .bd li:last-child { margin-bottom: 0; border-bottom: 0; } .you_5 .bd li:hover .img img { transform: scale(1.1); } .wen_banner { width: 100%; height: 100vh; position: relative; color: #fff; text-align: center; display: flex; align-items: center; } .wen_banner .bg { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 57, 25, 0.57); z-index: 10; } .wen_banner .bg2 { display: block; width: 100%; height: 99px; position: absolute; left: 0; top: 0; background: rgba(0, 57, 25, 0.2); z-index: 10; } .wen_banner .txt { position: relative; z-index: 11; width: 100%; } .wen_banner .txt h3 { font-size: 110px; font-weight: bold; } .wen_banner .txt h4 { font-size: 48px; font-weight: bold; margin: 23px 0; } .wen_banner .txt p { font-size: 18px; line-height: 30px; width: 880px; margin: 0 auto; } .wen_banner .txt a{color:#fff;border:1px solid #fff;width:150px;line-height:40px;display:block;margin:30px auto;font-size:16px;border-radius:5px;transition:ease-in-out .2s;} .wen_banner .txt a:hover{transform:translatey(-5px);} .wen_1_main { height: 703px; position: relative; } .wen_1_main .bg { background: #ecf1f1 url(/uploads/image/ptwpimages/wen_1.jpg) right bottom no-repeat; position: absolute; width: 69%; height: 100%; top: 0; background-size: 100% auto; } .wen_1_main .w1400 { position: relative; height: 100%; } .wen_1_main .su { width: 687px; height: 100%; position: absolute; left: 70%; top: 0; } .wen_1_main .su ul { padding-top: 90px; } .wen_1_main .su li { width: 200px; height: 172px; background: #008a3c; color: #fff; text-align: center; } .wen_1_main .su li h3 { font-size: 38px; font-weight: bold; padding-top: 48px; } .wen_1_main .su li h3 span { font-size: 18px; vertical-align: top; padding-left: 5px; } .wen_1_main .su li p { font-size: 18px; padding:0 15px; } .wen_1_main .su li:nth-child(2) { background: #007a35; } .wen_1_main .su li:nth-child(3) { background: #00612a; } .wen_1_main .su li:hover h3, .wen_1_main .su li:hover p { transform: translatey(-5px); transition: ease-in-out .2s; } .wen_1_main .txt { width: 70%; padding-right: 38px; box-sizing: border-box; } .wen_1_main .txt h3 { font-size: 36px; border-bottom: 1px solid #c1c1c1; padding-top: 87px; padding-bottom: 15px; margin-bottom: 20px; } .wen_1_main .txt .p { font-size: 18px; line-height: 36px; color: #666; height: 432px; overflow: auto; padding-right: 20px; } .wen_1_main .txt .p::-webkit-scrollbar { width: 6px; height: 5px; } .wen_1_main .txt .p::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #32a264; } .wen_1_main .txt .p::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .wen_2 .tit { padding-top: 90px; padding-bottom: 37px; font-size: 36px; } .wen_2 .body { padding-bottom: 94px; } .wen_2 .body .left { width: 323px; overflow: auto; height: 685px; padding-right: 38px; box-sizing: border-box; } .wen_2 .body .left li { font-size: 24px; line-height: 36px; color: #666; text-align: right; margin-bottom: 20px; } .wen_2 .body .left li.on{font-weight:bold;color:#333;} .wen_2 .body .left::-webkit-scrollbar { width: 6px; height: 5px; } .wen_2 .body .left::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #007a35; } .wen_2 .body .left::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .wen_2 .body .right { width: calc(100% - 373px); height: 685px; overflow: auto; overflow-x: hidden; } .wen_2 .body .right h3 { font-size: 24px; padding-bottom: 28px;font-weight:bold; } .wen_2 .body .right .p { font-size: 18px; line-height: 36px; color: #666; padding-right: 20px; } .wen_2 .body .right .p img, .wen_2 .body .right .p video { width: 100% !important; } .wen_2 .body .right::-webkit-scrollbar { width: 6px; height: 5px; } .wen_2 .body .right::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #6eb38c; } .wen_2 .body .right::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .wen_3_main { background: url(/uploads/image/ptwpimages/you_2.jpg) center top no-repeat; background-size: cover; padding-bottom: 90px; } .wen_3_main .body { position: relative; } .wen_3_main .hd a { border: 2px solid #fff; width: 61px; height: 61px; left: -90px; z-index: 15; border-radius: 100%; display: block; position: absolute; top: 50%; margin-top: -30px; cursor: pointer; transition: ease-in-out .2s; } .wen_3_main .hd a i { width: 11px; height: 17px; background-position: 0 -237px; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -8px; } .wen_3_main .hd .next { left: auto; right: -90px; } .wen_3_main .hd .next i { background-position: -12px -237px; } .wen_3_main .hd .prev:hover, .wen_3_main .hd .next:hover { transform: translatey(-5px); } .wen_3_main .tit { color: #fff; padding-top: 94px; padding-bottom: 40px; } .wen_3_main .tit .left { font-size: 36px; font-weight: bold; } .wen_3_main .tit .right { font-size: 24px; margin-top: 10px; } .wen_3_main .tit .right a{color:#fff;} .wen_3_main .tit .right i { width: 15px; height: 15px; background-position: -54px -348px; margin-left: 10px; margin-bottom: 5px; } .wen_3_main li { float: left; margin-left: 22px; margin-bottom: 21px; } .wen_3_main li img { width: 331px; height: 249px; object-fit: cover; display: block; } .wen_3_main li:first-child { width: 693px; height: 520px; margin-left: 0; margin-bottom: 0; } .wen_3_main li:first-child img { width: 100%; height: 520px; } .wen_3_main li:hover img { -webkit-filter: brightness(110%); filters: brightness(110%); } .wen_4_main { background: url(/uploads/image/ptwpimages/wen_4.jpg) center top no-repeat; padding: 99px 0 75px; } .wen_4_main .left { width: 74%; } .wen_4_main .left h3 { font-size: 36px; font-weight: bold; padding-bottom: 25px; } .wen_4_main .left li { line-height: 40px; color: #666; font-size: 18px; float: left; width: 50%; } .wen_4_main .right { width: 15%; } .wen_4_main .right img { width: 159px; height: 159px; border: 1px solid #d8d8d8; } .wen_4_main .right p { font-size: 18px; color: #666; padding-top: 5px; } .wen_4_main .right li { float: left; text-align: center; transition: ease-in-out .2s; } .wen_4_main .right li:hover { transform: translatey(-5px); } .wen_4_main .right li:nth-child(2) { float: right; } .us_1_main { background: url(/uploads/image/ptwpimages/us_1.jpg) center top no-repeat; } .us_1_main .bd { background: none; padding-top: 94px; } .us_1_main .bd .left { padding: 0; } .us_1_main .bd .left h3 { font-size: 24px; } .us_1_main .bd .left h4 { font-size: 30px; } .us_1_main .bd .left .p { height: 360px; } .us_1_main .bd .right { width: 45%; margin-top: 55px; } .us_1_main .bd .right img { height: 461px; } .us_tit { padding: 70px 0 35px; } .us_tit .left { font-size: 48px; font-weight: bold; line-height: 48px; } .us_tit .right { line-height: 48px; } .us_tit .right a { font-size: 18px; } .us_2_main { background: url(/uploads/image/ptwpimages/us_2.jpg) center top no-repeat; width: 100%; background-size: cover; padding-bottom: 109px; } .us_2_main .body { height: 530px; } .us_2_main .body .left { width: 30%; height: 100%; } .us_2_main .body .left img { width: 100%; height: 100%; object-fit: cover; } .us_2_main .body .right { width: 70%; background: #f7f7f7; height: 100%; box-sizing: border-box; padding-left: 40px; } .us_2_main .body .right h3 { font-size: 24px; font-weight: bold; padding-top: 38px; padding-bottom: 15px; } .us_2_main .body .right h3 i { width: 22px; height: 24px; background-position: 0 -399px; margin-right: 15px; } .us_2_main .body .right li { position: relative; height: 56px; width: 31%; margin-right: 2%; float: left; display: flex; align-items: center; } .us_2_main .body .right li img { width: 278px; height: 193px; position: absolute; border-radius: 8px; padding: 8px; background: #bae7d1; left: 0; top: 55px; display: none; z-index: 10; } .us_2_main .body .right li b { width: 0; height: 0; border: 5px solid transparent; border-bottom: 10px solid #bae7d1; position: absolute; left: 50%; margin-left: -5px; top: 40px; display: none; z-index: 10; } .us_2_main .body .right li p { font-size: 16px; line-height: 24px; padding-left: 15px; } .us_2_main .body .right li i { width: 2px; height: 2px; background: #484848; display: block; position: absolute; top: 50%; margin-top: -1px; left: 0; } .us_2_main .body .right li:hover img, .us_2_main .body .right li:hover b { display: block; } .us_3_main { background: url(/uploads/image/ptwpimages/us_3_bg.jpg) repeat; padding-bottom: 96px; } .us_3_main .bd li { background: #f8f8f8; float: left; border: 1px solid #dcdcdc; height: 367px; width: 23.5%; margin-right: 2%; box-sizing: border-box; text-align: center; margin-bottom: 39px; border-radius: 50px 0 35px 35px; } .us_3_main .bd li b { display: block; border: 1px solid #dedede; width: 60px; height: 60px; background: #fff; border-radius: 100%; margin: 65px auto 21px; } .us_3_main .bd li b img { margin-top: 13px; } .us_3_main .bd li h3 { font-size: 24px; font-weight: bold; margin-bottom: 14px; } .us_3_main .bd li p { font-size: 18px; height: 30px; line-height: 30px; padding:0 15px; } .us_3_main .bd li h4 { padding-top: 98px; font-size: 16px; } .us_3_main .bd li h4 i { width: 10px; height: 9px; background-position: 0 -464px; margin-left: 9px; margin-bottom: 2px; } .us_3_main .bd li:nth-child(4n) { margin-right: 0; } .us_3_main .bd li:hover { background: #32a264 url(/uploads/image/ptwpimages/us_3.jpg) center bottom no-repeat; } .us_3_main .bd li:hover a { color: #fff; } .us_3_main .bd li:hover h4 i { background-position: -12px -464px; } .us_3_main .hd { text-align: center; } .us_3_main .hd ul { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; } .us_3_main .hd li { width: 21px; height: 3px; background: #787878; float: left; margin: 0 5px; cursor: pointer; } .us_3_main .hd li.on { background: #008c3e; width: 51px; } .us_4_main { background: url(/uploads/image/ptwpimages/you_3.jpg) center top no-repeat; background-size: cover; padding-bottom: 81px; } .us_4_main img { max-width: 100%; } .us_5_main { background: url(/uploads/image/ptwpimages/us_5.jpg) center top no-repeat; } .us_5_main .us_tit { margin-bottom: 69px; } .us_5_main .hd a { float: left; margin-top: 5px; border: 1px solid #999; width: 63px; height: 37px; border-radius: 18px; display: flex; align-items: center; text-align: center; margin-left: 38px; } .us_5_main .hd a i { width: 10px; height: 16px; background-position: 0 -478px; margin: 0 auto; } .us_5_main .hd .next { margin-left: 6px; } .us_5_main .hd .next i { background-position: -11px -478px; } .us_5_main .hd a:hover { background: #32a264; border: 1px solid #fff; } .us_5_main .hd a:hover i { background-position: -25px -478px; } .us_5_main .hd .next:hover i { background-position: -36px -478px; } .us_5_main .bd li { background: url(/uploads/image/ptwpimages/line3.png) left top no-repeat; float: left; width: 366px; padding-left: 26px; height: 399px; padding-right: 100px; } .us_5_main .bd li h3 { font-size: 30px; margin-bottom: 30px; line-height: 30px; } .us_5_main .bd li .p { font-size: 18px; line-height: 30px;color:#666; } .product_main_1 { background: url(/uploads/image/ptwpimages/product_1.jpg) center top no-repeat; background-size: cover; } .product_main_1 .pro_menu { padding-top: 30px; padding-bottom: 30px; } .product_main_1 .pro_menu li { font-size: 18px; float: left; padding: 0 25px; border-radius: 20px; margin-right: 2px; } .product_main_1 .pro_menu li a { color: #666; display: block; width: 100%; height: 100%; text-align: center; line-height: 35px; } .product_main_1 .pro_menu li:hover, .product_main_1 .pro_menu li.hover { background: #0bbb66; } .product_main_1 .pro_menu li:hover a, .product_main_1 .pro_menu li.hover a { color: #fff; } .product_main_1 .body { padding-bottom: 80px; } .product_main_1 .body .left { width: 42%; } .product_main_1 .body .left .img { width: 100%; padding-top: 100%; position: relative; } .product_main_1 .body .left .img img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; vertical-align: top; object-fit: cover; } .product_main_1 .body .right { width: 54%; } .product_main_1 .body .right h3 { border-bottom: 1px solid #b3b3b3; font-size: 18px; color: #666; margin-top: 30px; } .product_main_1 .body .right h3 span { font-size: 30px; font-weight: bold; margin-right: 5px; color: #333; position: relative; display: inline-block; height: 100%; padding-bottom: 15px; } .product_main_1 .body .right h3 span:after { left: 0; bottom: -2px; position: absolute; content: ""; width: 100%; height: 3px; background: #00843b; } .product_main_1 .body .right .p { overflow: auto; font-size: 16px; line-height: 30px; color: #666; margin-top: 30px; height: 450px; padding-right: 20px; } .product_main_1 .body .right .p::-webkit-scrollbar { width: 6px; height: 5px; } .product_main_1 .body .right .p::-webkit-scrollbar-thumb { width: 6px; -webkit-box-shadow: inset 0 0 5px rgba(91, 152, 217, 5); border-radius: 4px; background: #6eb38c; } .product_main_1 .body .right .p::-webkit-scrollbar-track { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0); background: url(/uploads/image/ptwpimages/line.jpg) center top repeat-y; } .product_main_2 { background: url(/uploads/image/ptwpimages/product_2.jpg) center top no-repeat; padding-top: 80px; } .product_main_2 .tit { padding-bottom: 40px; } .product_main_2 .tit span { font-size: 30px; font-weight: bold; } .product_main_2 .tit a { margin-left: 50px; font-size: 16px; color: #666; } .product_main_2 .tit a:hover, .product_main_2 .tit a.hover { color: #007f38; border-bottom: 1px solid #007f38; } .product_main_2 .body { position: relative; padding: 58px 59px 0; } .product_main_2 .body .bg { position: absolute; left: 0; height: 423px; background: #f1f5f7; top: 0; width: 100%; } .product_main_2 .body .ul li { width: 32%; margin-right: 2%; float: left; margin-bottom: 40px; transition: ease-in-out .2s; } .product_main_2 .body .ul li .txt { background: #fff; text-align: center; display: block; padding-bottom: 14px; } .product_main_2 .body .ul li .txt h3 { font-size: 24px; padding: 20px 10px 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; } .product_main_2 .body .ul li .txt p { border: 1px solid #00843b; font-size: 16px; color: #00843b; line-height: 36px; position: relative; display: inline-block; padding: 0 30px; } .product_main_2 .body .ul li .txt p i { width: 10px; height: 36px; background: url(/uploads/image/ptwpimages/pro_ico.jpg); display: block; position: absolute; right: -9px; top: 0; } .product_main_2 .body .ul li:nth-child(3n) { margin-right: 0; } .product_main_2 .body .ul li:hover { transform: translatey(-5px); } .product_main_2 .body .ul .img { position: relative; display: block; width: 100%; padding-top: 100%; overflow: hidden; z-index: 10; } .product_main_2 .body .ul .img img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .toutiao { background: #f1f5f6;border-bottom:1px solid #ddd; } .toutiao .w1600{background: left no-repeat; height:186px;padding:40px 50px 40px 130px;box-sizing:border-box;text-align:center;} .toutiao .w1600 h3{font-size:30px;font-weight:bold;padding:0 20px; padding-top:10px;padding-bottom:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .toutiao .w1600 p { padding: 0 20px; font-size: 18px; overflow: hidden; white-space: nowrap;color:#666; text-overflow: ellipsis; } .toutiao .w1600 a:hover h3 { color: #cd2b00; } .toutiao .w1600 a:hover p{color:#666} @media (max-width: 1750px) { .header_main .shop { width: 70px; } .header_main .cn { right: 70px; width: 70px; } .header_main .cn dl { font-size: 14px; } .nav_main { padding-right: 160px; } .nav_main .list li .nav1 { font-size: 17px; } .header_main .weblogo { left: 20px; } } @media (max-width: 1660px) { .nav_main .list li .nav1 { margin: 0 16px; font-size: 16px; } .header_main .weblogo img { width: 340px; margin-top: 5px; } .floor_1_main .body .left h4 { font-size: 20px; } .floor_1_main .body .left h3 { font-size: 18px; } .floor_1_main .body .left .p { font-size: 16px; } .floor_1_main .body .left li { font-size: 16px; } .floor_1_main dl { margin-top: 90px; } .floor_1_main dl dd h3 { font-size: 60px; } .floor_1_main dl dd:first-child .line { left: 150%; } .floor_1_main dl dd:nth-child(3) .line { left: 165%; } .floor_2_main .w1600 .prev, .floor_2_main .w1600 .next { left: 55%; } .floor_2_main .w1600 .bd .con .su b { font-size: 100px; padding-top: 16px; } .floor_2_main .w1600 .hd li i { left: -35%; } .floor_3_main { padding-bottom: 120px; } .floor_3_main .slidegroup .slidebox .txt { width: 300px; padding-top:80px; } .floor_3_main .slidegroup .slidebox .body { width: 850px; } .floor_3_main .slidegroup .parbd ul li { margin-right: 13px; width: 273px; height: 370px; margin-top: 80px; } .floor_3_main .slidegroup .parbd ul li .pic img { height: 273px; } .floor_3_main { background: #ecf2f5 url(/uploads/image/ptwpimages/f3_bg.jpg) no-repeat center bottom; background-size: 100% auto; } .bottom_main .left { width: 58%; } .bottom_main .right { width: 39%; } .bottom_main .left dl:nth-child(6), .bottom_main .left dl:nth-child(7), .bottom_main .left dl:nth-child(8) { display: none; } .you_2_main .bd .body .ny_bd li { width: 390px; margin-right: 15px; height: 293px; } .you_3_main .box2 .body .ny_bd li { margin-right: 10px; width: 292px; } .you_3_main .box2 .body .ny_bd li img { height: 219px; } .you_5 .bd li p { font-size: 16px; } .wen_banner .txt h3 { font-size: 70px; } .wen_banner .txt h4 { font-size: 35px; } .wen_3_main li:first-child { width: 593px; height: 445px; } .wen_3_main li { margin-left: 18px; margin-bottom: 20px; } .wen_3_main li:first-child img { height: 447px; } .wen_3_main li img { width: 285px; height: 214px; } .wen_3_main .hd a { left: -80px; } .wen_3_main .hd .next { left: auto; right: -80px; } .wen_4_main .left li { font-size: 16px; } .us_1_main .bd .left h4 { font-size: 26px; } .us_5_main .bd li { width: 300px; } .us_2_main .body .right li p { font-size: 15px; } .product_main_1 .body .right h3 { margin-top: 20px; } .product_main_1 .body .right .p { height: 360px; } .product_main_2 .body .bg { height: 350px; } } @media (max-width: 1550px) { .header_main .weblogo img { width: 360px; margin-top: 3px; } } /*# sourcemappingurl=index.css.map */