@import url(/uploads/css/t1dcss/jquery.bxslider.css); @import url(/uploads/css/t1dcss/pscroll.css); /*首页*/ .i_product_bg { background-color: #f5f5f5; overflow: hidden; padding-bottom: 2.5%; } .i_title { margin-top: 50px; margin-bottom: 20px; overflow: hidden; text-align: center; } .i_title h2 { overflow: hidden; /*font-weight: bold;*/ /*color: #000000;*/ letter-spacing: -3px; text-transform: uppercase; font-family: arial; color: #333333; text-align: center; font-size: 30px; font-style: italic; font-weight: 400; line-height: normal; } .i_title p { background: url(/uploads/image/t1dimages/i_bg1.png) center bottom no-repeat; color: #000000; padding-bottom: 15px; } .nproduct_list2 { overflow: hidden; padding-bottom: 20px; padding-top: 8px; } .nproduct_list2 ul { display: flex; flex-wrap: wrap; } .nproduct_list2 ul li { float: left; width: 32.1%; margin-left: 0.5%; margin-right: 1%; overflow: hidden; margin-bottom: 1.5%; text-align: center; background-color: #fff; padding-bottom: 4%; } .nproduct_list2, .nproduct_list3 ul li { padding-bottom: 0; } .nproduct_list2, .nproduct_list4 ul li { padding-bottom: 0; } .nproduct_list2, .nproduct_list4 ul li { background-color: #f5f5f5; } .nproduct_list2 ul li:nth-child(3n 0) { margin-right: 0; } .nproduct_list2 ul li img { display: inline-block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: middle; } .nproduct_list2 ul li .imgs { width: auto; height: 15rem; overflow: hidden; } .nproduct_list2, .nproduct_list3 ul li .imgs { position: relative; } .nproduct_list2.nproduct_list4 ul li .imgs { width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: 100%; } .np_title { color: #ffffff; text-shadow: 0 2px 2px #00000080; font-size: 36px; font-style: normal; font-weight: 400; line-height: normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .nproduct_list2 ul li h2 { font-weight: normal; color: #333333; line-height: 36px; height: 36px; text-align: center; overflow: hidden; padding-left: 2%; padding-right: 2%; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; margin-bottom: 1%; } .nproduct_list2 ul li p { line-height: 20px; height: 40px; overflow: hidden; color: #929292; font-size: 14px; padding-left: 2%; padding-right: 2%; max-width: 350px; margin: 0 auto; } .nproduct_list2 ul li em { display: block; color: #ee697e; font-size: 14px; margin-top: 10px; line-height: 20px; height: 20px; overflow: hidden; } .nproduct_list2 ul li label { display: block; color: #333; font-size: 14px; line-height: 20px; height: 20px; overflow: hidden; margin-top: 5px; } .nproduct_list2 ul li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .nproduct_list2 ul li:hover { -webkit-box-shadow: 0 5px 20px rgba(245, 245, 245, 1); box-shadow: 0 5px 20px rgba(245, 245, 245, 1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); transition: all 0.3s; } .nproduct_list2 ul li:hover h2 { color: #00a1e9; } .i_solution { overflow: hidden; padding-bottom: 4%; padding-top: 8px; } .i_solution ul li { float: left; width: 49%; margin-right: 2%; overflow: hidden; margin-bottom: 1.5%; text-align: center; } .i_solution ul li:nth-child(2n 0) { margin-right: 0; } .i_solution ul li img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; vertical-align: middle; } .i_solution ul li .imgs { margin: 0 auto; overflow: hidden; } .i_solution ul li .txts { position: absolute; width: 100%; height: 100%; overflow: hidden; background: rgba(0, 0, 0, 0.5); top: 0; left: 0; } .i_solution ul li h2 { font-weight: normal; color: #fff; line-height: 36px; height: 36px; text-align: center; overflow: hidden; padding-left: 2%; padding-right: 2%; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; margin-bottom: 1%; margin-top: 30%; } .i_solution ul li p { line-height: 20px; height: 40px; overflow: hidden; color: #fff; font-size: 16px; padding-left: 2%; padding-right: 2%; max-width: 350px; margin: 0 auto; } .i_solution ul li:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .i_case_bg { background: url(/uploads/image/t1dimages/i_bg2.jpg) center center no-repeat; background-size: cover; overflow: hidden; padding-bottom: 4%; } .i_case_bg .i_title h2 { color: #fff; } .i_case_bg .i_title p { color: #fff; background: url(/uploads/image/t1dimages/i_bg3.png) center bottom no-repeat; } .i_link { overflow: hidden; margin-bottom: 3%; } .i_link ul li { float: left; width: 15.8%; margin-right: 1%; margin-bottom: 1%; overflow: hidden; } .i_link ul li:nth-child(6n 0) { margin-right: 0; } .i_link ul li .imgs { overflow: hidden; border: 1px solid #f0f0f0; } .i_link ul li .imgs img { display: block; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .i_link ul li .imgs:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .banner_pos { overflow: hidden; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; } .banner_pos .banner_div { /* display:table; vertical-align:bottom; */ height: 100%; width: 100%; position: relative; } /*.banner_pos .wrap .td{ display:table-cell; vertical-align:bottom;height:100%;}*/ /*.banner_pos img{transition:all 0.3s;filter: alpha(opacity=100);opacity: 1.0; max-width:100%;}*/ .banner_pos .img001 { height: 100%; width: 57.6%; vertical-align: bottom; position: absolute; bottom: 0; right: 0%; } .banner_pos .img001 img { height: 100%; filter: alpha(opacity=0); opacity: 0; } .banner_pos .txtsbox { float: left; width: 50%; } .banner_pos .txts { float: right; margin-right: 3%; margin-top: 20%; width: 94%; max-width: 536px; text-align: left; } .banner_pos .txts h2 { color: #00a1e9; } .banner_pos .txts p { color: #767676; margin-top: 6%; } .banner_pos .txts a { margin-top: 6%; width: 220px; display: block; height: 48px; line-height: 48px; border: 1px solid #606060; text-align: center; font-size: 12px; color: #a2a2a2; } .banner_pos .txts a em { float: right; margin-right: 7%; font-style: normal; font-family: '宋体'; font-size: 18px; } .banner_pos .txts a:hover { border: 1px solid #00a1e9; } .banner_pos .txts a:hover { color: #00a1e9; } /*动画*/ @media screen and (max-width: 1760px) { } @media screen and (max-width: 1440px) { } @media screen and (max-width: 1280px) { .flash_div { display: block; margin-bottom: 30px; } } @media screen and (max-width: 1000px) { .i_link ul li { width: 19%; } .i_link ul li:nth-child(6n 0) { margin-right: 1.1%; } .i_link ul li:nth-child(5n 0) { margin-right: 0; } } @media screen and (max-width: 960px) { } @media screen and (max-width: 830px) { /*轮显*/ #slider { display: none; } .flash_div { display: block; } .i_link ul li { width: 24%; } .i_link ul li:nth-child(5n 0) { margin-right: 1.1%; } .i_link ul li:nth-child(4n 0) { margin-right: 0; } } .nproduct_list2 .nproduct_n_list { padding: 20px; } @media screen and (max-width: 780px) { .i_title { margin-top: 15px; margin-bottom: 0; } .i_title h2 { font-size: 20px; } .nproduct_list2 ul li { /* 1123 */ /* width: 49%; */ width: 100%; margin-right: 0; } .nproduct_list2 .nproduct_n_list { padding: 0; padding-left: 1%; padding-top: 1%; width: 56%; float: left; } .nproduct_list2 ul li .imgs { width: 150px; height: 90px; float: left; } .nproduct_list2 .nproduct_n_list h2.f24 { margin-top: 5px !important; text-align: left; } .nproduct_list2 ul li p { height: 20px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: auto; } .nproduct_list2 ul li:nth-child(3n 0) { margin-right: 0%; } .nproduct_list2 ul li:nth-child(2n 0) { margin-right: 0; } .nproduct_list2 ul li h2 { height: auto; line-height: 1.5; } .nproduct_list2.nproduct_list3 li { width: 100%; height: auto; } .nproduct_list2.nproduct_list3 li .imgs { width: 100%; height: 125px; } .np_title { font-size: 22px; } /* .f_bg_container img { margin: 0 auto!important; margin-top: 10px!important; margin-bottom: -50px!important; width: 200px!important; } */ .f_bg { display: none } .f_bg_copyright div { font-size: 12px!important; } } @media screen and (max-width: 640px) { .nproduct_list2 ul li p { font-size: 13px; } .i_link ul li { width: 32.5%; } .i_link ul li:nth-child(4n 0) { margin-right: 1.1%; } .i_link ul li:nth-child(3n 0) { margin-right: 0; } } @media screen and (max-width: 480px) { .nproduct_list2 ul li p { font-size: 12px; } } @media screen and (max-width: 360px) { }