.gywm{ background-image: url(../img/shipin_bg.jpg); background-repeat: no-repeat; background-size: cover; position: relative; padding:75px 0 100px 0; } .gywm .avideo{ padding: 10px 15px; border: 3px solid #313131; border-radius: 8px; } .gywm .avideo .avideocon{ position: relative; } .gywm .avideo video{ border-radius: 7px; } .gywm .video_anliu{ position: relative; width: 560px; height: 380px; background: rgb(255 255 255 / 30%); margin-top: -380px; border-radius: 7px; text-align: center; } .gywm .video_anliu a{} .gywm .video_anliu img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .gywm .acon{ width: 400px; margin-left: 100px; } .gywm .acon .tit{ font-size: 44px; color: #303030; margin-bottom: 10px; } .gywm .acon p{ font-size: 16px; color: #303030; line-height: 1.8; } .gywm .acon .amore{ margin-top: 20px; display: block; } .gywm .acon .amore a{ font-size: 16px; color: #303030; background: #ffff00; padding: 5px 40px; border-radius: 15px; } .gsdt{overflow:hidden;width: 100%;} .gsdt .slideBox03{ width:100%; overflow:hidden; position:relative; } .gsdt .slideBox03 .hd{ height: 22px; overflow: hidden; position: absolute; left: 9.5%; bottom: 65px; text-align: center; z-index: 999; } .gsdt .slideBox03 .hd ul{ overflow:hidden; zoom:1; text-align: center; } .gsdt .slideBox03 .hd ul li{ display: inline-block; margin-right: 10px; width: 20px; height: 20px; line-height: 22px; text-align: center; cursor: pointer; border-radius: 20px; background: #ffffff; } .gsdt .slideBox03 .hd ul li.on{background: #313131;} .gsdt .slideBox03 .bd{ position:relative; height:100%; z-index:0; } .gsdt .slideBox03 .bd li{ zoom:1; vertical-align:middle; } .gsdt .slideBox03 .bd img{ width:100%; display:block; } .dongtai_bg{ height: 100%; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 1; text-align: center; width: 40%; background-image: url(../img/dongtai_bg.jpg); background-repeat: no-repeat; background-size: cover; opacity: 0.7; } .product{ padding: 30px 0; background: #eeeeee; } .picBtnTop{ width:100%; padding:5px;position:relative;overflow:hidden;zoom:1;} .picBtnTop .hd{ width: 350px; overflow: hidden; float: left; padding: 70px 3px 60px 3px; background: #fff; } .picBtnTop .hd ul li{ text-align: center; padding: 0 0 6px 0; } .picBtnTop .hd ul li img{width:344px; height:145px; /* border:4px solid #ddd; */cursor:pointer; vertical-align:bottom;} .picBtnTop .hd ul li.on img{width:338px; height:139px;border:3px solid #fff100;border-radius: 10px;} .picBtnTop .bd{ width: 844px; position: relative; float: left; } .picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;height:593px;} .picBtnTop .prev{ position: absolute; left: 10px; top: 10px; } .picBtnTop .prev img{ border: 1px solid #313131; } .picBtnTop .next{ position: absolute; left: 10px; bottom: 22px; } .picBtnTop .next img{ border: 1px solid #313131; } .bd li .pro_con{ width: 560px; padding: 80px 50px; height: 424px; float: left; background-image: url(../img/pro_bg.jpg); background-repeat: no-repeat; background-size: cover; } .bd li .pro_con .pic{ float: left; width: 245px; } .bd li .pro_con .pic img{ width: 100%; } .bd li .pro_con .text{ width: 285px; float: left; margin-left: 30px; } .bd li .pro_con .text .tit{ font-size: 30px; color: #000000; line-height: 65px; margin-bottom: 30px; } .bd li .pro_con .text p{ font-size: 14px; color: #000000; } .bd li .pro_cs{ float: left; width: 150px; background: #ffff00; padding: 0 15px; height:584px; display: table; } .bd li .pro_cs .pro_cs_text{ display: table-cell; vertical-align: middle; } .bd li .pro_cs p{ font-size: 18px; line-height: 30px; color: #000; } .dtqy{ background-image: url(../img/ditu_bg.jpg); background-repeat: no-repeat; /* background-size: cover; */ position: relative; width: 100%; /* height: 730px; */ background-size: 100% 100%; margin: 0 auto; overflow: hidden; } .dtqy .w1640{ width: 85%; margin: 0 auto; } .dtqy .text{ width: 37%; float: right; padding-top: 4%; padding-bottom: 6%; } .dtqy .text p{ font-size: 20px; color: #fff; margin-bottom: 15px; font-weight: lighter; line-height: 35px; } .dtqy .text b{ font-weight: normal; } .news{ position: relative; } .news .news_tit{ background-image: url(../img/new_tbg.png); background-repeat: no-repeat; background-size: cover; position: relative; margin: 0 auto; width: 800px; height: 205px; margin-top: -95px; text-align: center; font-weight: 100; } .news .news_tit .tit{ font-size: 100px; color: #fff; } .news .news_tit p{ font-size: 48px; color: #fff; } .news .w1280{ width: 1280px; margin: 0 auto; padding: 80px 0 130px 0; } .news .new_list{} .news .new_list li{ float: left; width: 45%; margin-right: 10%; line-height: 1.5; } .news .new_list li:nth-child(2n){ margin-right: 0; } .news .new_list li span{ font-size: 30px; color: #000; } .news .new_list li .time{ width: 23%; float: left; } .news .new_list li .tit{ width: 55%; float: right; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .product_i{ background: #eeeeee; padding: 80px 0; } /* .product_i .product_con{} .product_i .product_con ul{ padding: 0.5%; } .product_i .product_con ul li{ float: left; width: 24%; margin: 0.5%; } .product_i .product_con ul li a{ display: block; overflow: hidden; } .product_i .product_con ul li a img{ width: 100%; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .product_i .product_con ul li a:hover img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .product_i .product_con ul li p{ text-align: center; font-size: 16px; line-height: 40px; background: #d9d9d9; } */ .picScroll-left{ /* overflow:hidden; */ position:relative;width:1200px;margin: 0 auto;} .picScroll-left .hd { margin-top: 36px; position: absolute; } .picScroll-left .hd .prev,.picScroll-left .hd .next{position: absolute;left: -45px;} .picScroll-left .hd .next{left: 1215px;} .picScroll-left .hd .prev img,.picScroll-left .hd .next img{height: 200px;} /* .picScroll-left .hd .prev{ background:url("../img/left_cpgd.jpg") 0 0 no-repeat;} .picScroll-left .hd .next{ background:url("../img/right_cpgd.jpg") 0 0 no-repeat;} */ .picScroll-left .hd .prevStop{ background-position:-60px 0; } .picScroll-left .hd .nextStop{ background-position:-60px -50px; } .picScroll-left .bd{/* padding:0 10px; */} .picScroll-left .bd ul{ overflow:hidden; zoom:1; } .picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width: 380px;margin:20px 10px 0 10px;position: relative;} .picScroll-left .bd ul li .pic{ text-align:center; } .picScroll-left .bd ul li .pic img{ width:380px; height:auto; display:block;border-radius: 10px;} .picScroll-left .bd ul li .pic a:hover img{ border-color:#999; } .picScroll-left .bd ul li .title{ line-height: 24px; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 0; z-index: 999; display: none; border-radius: 10px; } .picScroll-left .bd ul li .title a{ display: block; margin-top: 30%; color: #fff; font-size: 18px; } .picScroll-left .bd ul li:hover .title{display: block;} .dbgglx{ background-image: url(../img/dbgglj.jpg); background-repeat: no-repeat; position: relative; width: 100%; background-size: 100% 100%; margin: 0 auto; overflow: hidden; border-top: 5px solid #114294; } .dbgglx .w1640{ width: 85%; margin: 0 auto; } .dbgglx .anniu { padding: 21% 0 4% 0; height: 72px; line-height: 72px; } .dbgglx .anniu a{ font-size: 28px; color: #04b4f7; letter-spacing: 20px; display: inline-block; background: #fff; font-weight: bold; padding: 0 30px 0 50px; border-radius: 40px; } @media screen and (min-width: 1000px) and (max-width: 1440px){ .gywm .avideo .avideocon { width: 450px; } .gywm .avideo video { width: 450px; height: 300px; } .gywm .video_anliu { width: 450px; height: 300px; margin-top: -300px; } .gywm .acon { width: 440px; margin-left: 60px; } .picScroll-left { width: 1000px; } .picScroll-left .bd ul li { width: 314px; } .picScroll-left .bd ul li .pic img { width: 314px; } .picScroll-left .hd .next { left: 1005px; } .picScroll-left .hd { margin-top: 18px; } }