@charset "utf-8"; /* css document */ .inner { padding:50px 0; } #banner { padding-top: 145px; } #home_slider .slides img { width: 100%; } #home_slider { position:relative; } #home_slider .flex-control-nav { position:absolute; bottom:10px; left:0; width:100%; text-align:center; } #home_slider .flex-control-nav li { display:inline-block; cursor:pointer; width:18px; height:18px; margin:auto; margin:0 2px; text-indent:99999px; overflow:hidden; } #home_slider .flex-control-nav li { *display:inline; } #home_slider .flex-control-nav li a { display:block; width:18px; height:18px; border-radius:10px; background:white; } #home_slider .flex-control-nav li .flex-active { background:#f00; } .flex-direction-nav { display:none; } .flex-direction-nav .flex-prev{ position:absolute; top:50%; left:0; } .flex-direction-nav .flex-next{ position:absolute; top:50%; right:0; } /* banner css */ .slidebox { width: 100%; overflow: hidden; position: relative; } .slidebox .hd { width: 100%; height: 18px; overflow: hidden; position: absolute; right: 5px; bottom: 10px; z-index: 1; } .slidebox .hd ul { overflow: hidden; zoom: 1; float: left; width: 100%; text-align: center; } .slidebox .hd ul li { display: inline-block; margin-right: 2px; border-radius: 100%; margin: 0 2px; width: 18px; height: 18px; line-height: 14px; text-align: center; background: #fff; cursor: pointer; text-indent: -999px; overflow: hidden; } .slidebox .hd ul li { *display:inline; } .slidebox .hd ul li.on { background: #f00; color: #fff; } .slidebox .bd { position: relative; width:100%; height: 100%; z-index: 0; } .slidebox .bd li { zoom: 1; vertical-align: middle; } .slidebox .bd img { width: 100%; display: block; } /*banner end*/ .section2 { background: url(/uploads/image/amtpimages/newsbg.jpg) no-repeat center center; } .section3 { background: url(/uploads/image/amtpimages/section3bg.jpg) no-repeat center center; } .section4 { background: url(/uploads/image/amtpimages/section4bg.jpg) no-repeat center center; } .section h3 { font-size: 36px; font-weight: normal; margin: 0 0 35px; } #main1 .left { width: 600px; margin: 0 0 50px; } #main1 .left .n { margin-top: 30px; } #main1 .left .n a { color: #333; text-decoration: none; } #main1 .left .n h5 { font-size: 20px; line-height: 1.4em; font-weight: normal; color: #333; } #main1 .left .n a .date { color: #b5b5b5; } #main1 .left .n a p { color: #5f636a; /*text-indent:2em;*/ padding: 10px 0 0; } .more a { display: inline-block; color: #d70000; font-size: 18px; text-decoration: none; line-height: 28px; padding-left: 35px; background: url(/uploads/image/amtpimages/icon.svg) no-repeat left top; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .more a { *display:inline; } .more a:hover { margin-left: 10px; } #main2 .title h3 { display: inline-block; width: auto; margin-right: 30px; vertical-align: middle; } #main2 .title h3 { *display:inline; } #main2 .title ul, #main2 .title ul li { display: inline-block; vertical-align: top; padding-top: 5px; } #main2 .title ul, #main2 .title ul li { *display:inline; } #main2 .title ul li a { display: block; font-size: 20px; color: #333; padding-left: 40px; margin: 7px 10px 0 0; line-height: 28px; background: url(/uploads/image/amtpimages/icon.svg) no-repeat left top; text-decoration: none; } #main2 .products { margin-bottom: 50px; } #main2 .products .p { display: inline-block; float: left; margin-right: 23px; width: 351px; height: 320px; background-image: linear-gradient(to top, rgba(137,150,166, 1) 0%, rgba(43,47,59, 1) 100%, #ffffff 100%); background-image: -webkit-linear-gradient(bottom, rgba(43,47,59, 1) 0%, rgba(137,150,166, 1) 100%, #ffffff 100%); filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#8996a6', endcolorstr='#2b2f3b'); overflow: hidden; } #main2 .products .p { *display:inline; } #main2 .products .p.p_last { margin: 0; } #main2 .products .p img { padding: 40px 0; width: 100%; } #main2 .products { margin-top: 30px; } #main3 .s_box { width: 540px; margin-bottom: 20px; } #main3 .s_box .t { width: 295px; color: #5f636a; } #main3 .s_box .txt { position: relative; line-height: 1.5em; } #main3 .s_box .txt { width: 60%; } #main3 .s_box .txt h4 { font-size: 20px; line-height: 50px; font-weight: normal; display: inline-block; } #main3 .s_box .txt .more { position: absolute; top: 10px; right: 10px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } #main3 .s_box .txt .more:hover { right: 0px; } /*20201230*/ #header .dianji { display:none; } @media screen and (max-width:1600px) { #header .venus-menu li { position:relative; } #header .venus-menu li .dianji { display:block; position:absolute; top:0; left:0; } } /*20201230end*/ @media screen and (max-width:1200px) { .inner { width: 94%; padding: 20px 3%; } .section h3 { margin-bottom: 10px; } #main1 .left { width: 55%; margin: 0 0 20px; } #main1 .left .n h5 { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #main1 .right { width: 40%; } #main1 .right img { width: 100%; } #main2 .products .p { width: 32%; height: auto; margin-right: 2%; } #main2 .products .p img { width: 100%; } #main3 .s_box { width:49%; } #main3 .s_box .txt { width: 60%; } #main3 .s_box .t { width: 100%; } #main3 .s_box .img { width: 38%; } #main3 .s_box .img img { width: 100%; } } @media screen and (max-width:1024px) { #main1 .left { width: 100%; } #main1 .right { display: none; } #main3 .s_box { width: 100%; } #main3 .s_box .img { width: 20%; } #main3 .s_box .txt { width: 78%; } } @media screen and (max-width:800px) { .fp-section.fp-table { vertical-align: top; padding: 10px 0; } } @media screen and (max-width:768px) { #banner { padding-top: 70px; } #home_slider .flex-control-nav li { width: 12px; height: 12px; } #home_slider .flex-control-nav li a { width: 12px; height: 12px; } .slidebox .hd ul li { width: 15px; height: 15px; } .section h3 { font-size: 24px; } .inner { padding-top: 10px; } } @media screen and (max-width:640px) { #main3 .s_box .img { width: 40%; } #main3 .s_box .txt { width: 58%; } #main1 .left .n { margin-top: 10px; } #main1 .left .n a p { padding: 0; } .slidebox .bd li { width: 100%; height: 195px; overflow: hidden; position: relative; } .slidebox .bd img { width: 540px; position: absolute; top: 0; left: 50%; margin-left: -270px; } } @media screen and (max-width:480px) { #main2 .products { width: 100%; text-align: center; } #main2 .products .p { width: 80%; height: auto; margin: 0 auto 10px; float: none; } }