@charset "utf-8"; /*banner*/ @font-face { font-family: 'impact'; src: url(../font/impact.ttf); } .ind-banner .swiper-slide { height: auto; width: 100%; position: relative; } .ind-banner .swiper-container { height: 100%; } .ind-banner .imgBig img { width: 100%; } .ind-banner .text { position: absolute; right: 0; top: 50%; background: url(../images/bg_5.png) repeat; transform: translateY(-50%); padding: 70px 18% 118px 74px; text-align: right; } .ind-banner .text .en { text-transform: uppercase; font-size: 50px; color: #FFFFFF; font-family: 'impact'; margin-bottom: 6px; } .ind-banner .text .h6 { font-size: 36px; color: #FFFFFF; margin-bottom: 54px; } .ind-banner .text .p { margin-bottom: 18px; font-size: 24px; color: #FFFFFF; } body .ind-banner .swiper-button-prev, body .ind-banner .swiper-button-next { width: 44px; height: 44px; position: absolute; top: 50%; opacity: 0.4; } body .ind-banner .swiper-button-prev:hover, body .ind-banner .swiper-button-next:hover { opacity: 1; } body .ind-banner .swiper-button-prev { background: url(../images/l2.png) no-repeat; background-size: cover; left: 10%; } body .ind-banner .swiper-button-next { background: url(../images/r2.png) no-repeat; background-size: cover; right: 10%; } body .ind-banner .swiper-pagination { bottom: 40px; } .ind-banner .swiper-container-horizontal > .swiper-pagination-bullets { padding: 0 0 0 20%; text-align: left; bottom: 46px; } .ind-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { width: 14px; height: 14px; margin: 0 5px; border-radius: 64px; opacity: 1; transition: .5s; border: 2px solid #FFFFFF; background: none; } .ind-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active { background: #095399; } /*banner END*/ .indexPage1 { padding: 80px 0 70px; } .index1_ban ul { overflow: hidden; width: 100000%; transition: 1s; } .index1_ban li { float: left; } .index1_ban li .img { transform: scale(0.9); position: relative; transition: 1s; } .index1_ban li .img:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.5) url(../images/ico_01.png) no-repeat center; } .index1_ban li .img img { width: 100%; } .index1_ban .open .img { transform: scale(1); } .index1_ban .open .img:before { background: url(../images/ico_01.png) no-repeat center; } .indexPage2 { padding: 64px 0 30px; } .indexPage2 .wal{ position:relative;} .indexPage2 .links{ position:absolute; right:0; top:0;} .indexPage2 .links li{ float:left; font-size:14px;} .indexPage2 .links li .box{ margin-left:10px;} .indexPage2 .links li a{ display:block; padding: 13px 25px; background: #e6e6e6; color: #333333;} .indexPage2 .links li a:hover{ background:#084D8C; color:#fff;} .index2 .title .h6 { font-size: 28px; color: #FFFFFF; margin-bottom: 6px; } .index2 .title .en { font-size: 18px; color: #FFFFFF;padding-top: 15px; } .index2 .title .en em { font-size: 42px; font-family: 'impact'; opacity: 0.41; color: #FFFFFF; text-transform: uppercase; } .index2 .title .bor { width: 30px; height: 4px; background: #FFFFFF; border-radius: 64px; margin-top: 12px; } .index2_slick1 { margin: 0 -15px; } .index2_slick1 .slick-list { padding: 40px 0; } .index2_slick1 .slick { margin: 0 15px; background: #FFFFFF; } .index2_slick1 .box { padding: 40px; } .index2_slick1 .img { max-height: 230px; overflow: hidden; } .index2_slick1 .img img { transition: 0.5s; width: 100%; } /*修改3*/ .index2_slick1 .img img:hover { transform: scale(1.1); } .index2_slick1 .name { text-align: center; font-size: 20px; text-transform: uppercase; padding: 32px 0 6px; color: #333333; height: 32px; line-height: 38px; font-weight: bold; } .index2_slick1 .slick-prev, .index2_slick1 .slick-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; z-index: 10; } .index2_slick1 .slick-prev { background: url(../images/l2.png) no-repeat; background-size: cover; left: -89px; } .index2_slick1 .slick-prev:hover { background: url(../images/l4.png) no-repeat; background-size: cover; } .index2_slick1 .slick-next { background: url(../images/r2.png) no-repeat; background-size: cover; right: -89px; } .index2_slick1 .slick-next:hover { background: url(../images/r4.png) no-repeat; background-size: cover; } .indexPage3 { padding: 68px 0 60px; } .index3 .title { position: relative; font-size: 28px; color: #333333; line-height: 28px; margin-bottom: 30px; } .index3 .title a { position: absolute; right: 0; top: 0; font-size: 16px; color: #666666; text-transform: uppercase; } .index3 .title a img { margin: -3px 0 0 8px; } .index3_slick2 { margin: 0 -15px; padding: 0 0 63px; } .index3_slick2 .slick { margin: 0 15px; background: #f5f5f5; } .index3_slick2 .slick a { position: relative; display: block; margin-bottom: 30px; } .index3_slick2 .slick a:last-child { margin: 0; } .index3_slick2 .box { padding: 40px; } .index3_slick2 .img { overflow: hidden; position: relative; } .index3_slick2 .img:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; background: url(../images/bg_05.png) repeat; transition: 0.5s; } .index3_slick2 .img img { width: 100%; } .index3_slick2 .img:hover:before { opacity: 0; } .index3_slick2 .name { position: absolute; left: 0; bottom: 0; right: 0; line-height: 28px; padding: 0 28px 26px; color: #FFFFFF; font-size: 18px; width: 100%; box-sizing: border-box; } .index3_slick2 .slick-prev, .index3_slick2 .slick-next { position: absolute; bottom: 0; width: 70px; height: 34px; line-height: 34px; z-index: 10; } .index3_slick2 .slick-prev { background: url(../images/l6.png) no-repeat left center; left: 50%; margin-left: -90px; } .index3_slick2 .slick-prev:before { content: 'prev'; font-size: 16px; text-indent: 26px; display: block; text-transform: uppercase; color: #999999; } .index3_slick2 .slick-prev:hover:before { color: #095399; } .index3_slick2 .slick-next { background: url(../images/r6.png) no-repeat right center; right: 50%; margin-right: -90px; } .index3_slick2 .slick-next:before { content: 'next'; font-size: 16px; display: block; text-transform: uppercase; color: #999999; } .index3_slick2 .slick-next:hover:before { color: #095399; } .indexPage4 { padding: 70px 0 100px; } .index4 .title { font-size: 28px; color: #FFFFFF; line-height: 28px; } .index4_Nav { margin: -28px -19px 30px; position: relative; z-index: 10; text-align: right; } .index4_Nav li { color: #cccccc; font-size: 16px; line-height: 28px; cursor: pointer; margin: 0 19px; display: inline-block; } .index4_Nav .on { color: #FFFFFF; } .indexcontent { margin: 0 -20px; } .indexcontent .slick { margin: 0 20px; background: #FFFFFF; } .indexcontent .slick .img img { width: 100%; } .indexcontent .text { padding: 28px 38px 30px; } .indexcontent .name { line-height: 28px; font-size: 14px; color: #333333; margin-bottom: 6px; } .indexcontent .p { line-height: 28px; font-size: 14px; color: #333333; height: 56px; overflow: hidden;} .indexcontent .more { position: relative; font-size: 14px; color: #cccccc; padding: 0 38px 0 0; display: inline-block; text-transform: uppercase; margin: 28px 0 0; } .indexcontent .more em { width: 30px; height: 2px; background: #cccccc; margin-left: 8px; display: block; position: absolute; right: 0; top: 50%; margin-top: -1px; } .indexcontent .slick-prev, .indexcontent .slick-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; z-index: 10; } .indexcontent .slick-prev { background: url(../images/l2.png) no-repeat; background-size: cover; left: -89px; } .indexcontent .slick-prev:hover { background: url(../images/l4.png) no-repeat; background-size: cover; } .indexcontent .slick-next { background: url(../images/r2.png) no-repeat; background-size: cover; right: -89px; } .indexcontent .slick-next:hover { background: url(../images/r4.png) no-repeat; background-size: cover; } .indexcontent .slick { opacity: 0; transition: 1s; } .indexcontent .slick-active { opacity: 1; transition: 0s; } .indexcontent .slick:hover .name{ color:#095399;} .index4_Con { position: relative; height: 424px; } .index4_Con .Con { opacity: 0; position: absolute; left: 0; top: 0; right: 0; } /*内页banner*/ .within_Ban img { width: 100%; } /*面包屑*/ .location { line-height: 50px; margin-top: -50px; background: url(../images/bg_3.png) repeat; font-size: 16px; color: #FFFFFF; position: relative; z-index: 10; } .location img { margin-right: 8px; margin-top: -2px; } .location a { color: #FFFFFF; } .location span { color: #FFFFFF; } /*内页banner END*/ /*内页导航*/ .within_Nav { background: #ffffff; } .within_Nav span { display: none; } .within_Nav ul { overflow: hidden; width: 1200px; margin: 0 auto; } .within_Nav li { float: left; padding: 2px 0 0; margin-right: 48px; font-size: 20px; color: #333333; line-height: 76px; } .within_Nav li a { display: block; } .within_Nav li:last-child { margin-right: 0; } .within_Nav .on { border-bottom: 2px solid #084D8C; } .within_Nav .on a { color: #084D8C; } /*9728见好就收才是赢太阳*/ .productPage { padding: 0px 0 100px; } .productPage .numberDiv { padding: 22px 0 0; } .product_list1 { margin-right: -30px; } .product_list1:after { content: ''; display: block; height: 0; visibility: hidden; clear: both; } .product_list1 li { width: 33.33%; float: left; margin: 0 0 34px; } .product_list1 li:hover .name { color: #095399; } .product_list1 li:hover .img { box-shadow: 10px 10px 30px rgba(9, 83, 153, 0.08); } .product_list1 .img { overflow: hidden; transition: 0.5s; } .product_list1 .img img { width: 100%; transition: 0.5s; } .product_list1 .img img:hover { transform: scale(1.1); } .product_list1 .box { margin-right: 30px; } .product_list1 .name { padding: 18px 0 0; color: #333; font-size: 20px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 24px;} /*产品参数*/ .productnumPage { padding: 0px 0 100px; } .productnum_Con1 { overflow: hidden; } .productnum_Con1 .leftDiv { width: 540px; position: relative; } .productnum_Con1 .rightDiv { width: 600px; } .productnum_Con1 .content .h6 { font-size: 28px; color: #333333; } .productnum_Con1 .content .tit { font-size: 18px; color: #333333; padding: 32px 0 8px; font-weight: bold; } .productnum_Con1 .content .p { line-height: 28px; font-size: 14px; color: #333333; color: #666666; } .productnum_Con1 .content .bor { height: 1px; background: #cecece; margin: 34px 0 0; } .productnum_Con2{ overflow: hidden;} .productnBig .img img { width: 100%; } .productn_slick { position: relative; width: 370px; float: right; margin: -117px -14px 0; padding: 0 66px; } .productn_slick .slick { margin: 0 14px; } .productn_slick .img { height: 85px; } .productn_slick .img img { height: 100%; } .productn_slick .slick-prev, .productn_slick .slick-next { width: 66px; height: 85px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } .productn_slick .slick-prev { left: 15px; background: url(../images/l5.png) no-repeat center; } .productn_slick .slick-prev:hover { background: url(../images/l5on.png) no-repeat center; } .productn_slick .slick-next { right: 15px; background: url(../images/r5.png) no-repeat center; } .productn_slick .slick-next:hover { background: url(../images/r5on.png) no-repeat center; } .productn_slick .slick .img { position: relative; border: 2px solid transparent; overflow: hidden; } .productn_slick .slick .img:before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/bg_05.png) repeat; } .productn_slick .slick-current .img { border: 2px solid #FFFFFF; } .productn_slick .slick-current .img:before { display: none; } .productnum_Nav { overflow: hidden; margin-right: -9px; padding: 60px 0 40px; } .productnum_Nav li { width: 394px; background: #cccccc; float: left; margin: 0 9px 0 0; line-height: 60px; text-align: center; color: #FFFFFF; font-size: 24px; cursor: pointer; } .productnum_Nav .open { background: #095399; } .productnum_Con2 .content { display: none; } .productnum_Con2 .table { width: 100%; border-collapse: collapse; border-spacing: 0; text-align: center; } .productnum_Con2 .table .td1 { width: 198px; } .productnum_Con2 .table .td2 { width: 300px; } .productnum_Con2 .table .td3 { width: 698px; } .productnum_Con2 .table td { border: 1px solid #cccccc; font-size: 18px; color: #333333; height: 56px; } .productnum_Con2 .table td em { padding: 0 0 0 109px; display: block; text-align: left; color: #333333; } .productnum_Con2 .table td b { color: #095399; } .productnum_Con2 .productnum_2 .select { width: 398px; height: 58px; position: relative; margin-bottom: 30px; } .productnum_Con2 .productnum_2 .select a { display: block; width: auto; } .productnum_Con2 .productnum_2 .select span { border: 1px solid #cccccc; background: url(../images/ico_10.png) no-repeat right center; display: block; line-height: 58px; padding: 0 40px; font-size: 18px; color: #cccccc; } .productnum_Con2 .productnum_2 .select ul { position: absolute; left: 0; top: 100%; right: 0; background: #FFFFFF; z-index: 10; padding: 26px 40px; border-top: 1px solid #CCCCCC; font-size: 16px; line-height: 46px; display: none; } .productnum_Con2 .productnum_2 .select .open { color: #333333; } .productnum_Con2 .productnum_2 li { overflow: hidden; border: 1px solid #cccccc; font-size: 16px; padding: 10px 40px; margin-bottom: 10px; } .productnum_Con2 .productnum_2 li div { float: left; color: #333333; padding: 19px 0; } .productnum_Con2 .productnum_2 li:last-child { margin-bottom: 0; } .productnum_Con2 .productnum_2 .liow1 div { padding: 9px 0; } .productnum_Con2 .productnum_2 .system { width: 250px; } .productnum_Con2 .productnum_2 .type { width: 158px; } .productnum_Con2 .productnum_2 .name { width: 340px; word-wrap: break-word; } .productnum_Con2 .productnum_2 .big { width: 126px; } .productnum_Con2 .productnum_2 .time { width: 162px; } .productnum_Con2 .productnum_2 a { display: inline-block; float: left; width: 82px; min-height: 58px; line-height: 58px; text-align: center; } .productnum_Con2 .productnum_3 .name { width: 250px; } .productnum_Con2 .productnum_3 .big { width: 158px; } .productnum_Con2 .productnum_3 a { float: right; } /*解决方案*/ .schemePage { padding: 0px 0 100px; } .schemePage .numberDiv { padding: 50px 0 0; } .scheme_list { margin-bottom: -40px; } .scheme_list li { margin-bottom: 40px; } .scheme_list li:hover .img { box-shadow: 10px 10px 30px rgba(9, 83, 153, 0.1); } .scheme_list li:hover .img:before { opacity: 0; } .scheme_list .img { width: 580px; height: 320px; text-align: center; display: flex; align-items: center; position: relative; transition: 0.5s; } .scheme_list .img img { max-height: 100%; max-width: 100%; } .scheme_list .img:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/bg_05.png) repeat; transition: 0.5s; } .scheme_list .text { width: 578px; padding: 36px 0 0; } .scheme_list .h6 { font-size: 24px; color: #000000; margin-bottom: 20px; } .scheme_list .p { line-height: 28px; font-size: 14px; color: #333333; height: 140px; overflow-y: auto; } .scheme_list .more { color: #095399; font-size: 16px; margin: 30px 0 0; } .scheme_list .more img { margin-left: 20px; } /*解决详情*/ .schemesPage { padding: 0px 0 100px; } .schemesL { padding: 19px 40px 72px; } .schemesL .newss_title { color: #333333; } .schemesL .newss_title .time { color: #095399; } .schemesL .content { padding: 32px 0 26px; border-bottom: 1px solid #e5e5e5; } .schemesL .p { line-height: 28px; font-size: 14px; color: #333333; } .schemesL .img { margin: 34px 0; } .schemesL .img img { width: 100%; } .schemesR { padding: 27px 40px 26px; } /*oem-odm*/ .oemOdmPage { padding: 70px 0 100px; } .oemOdm_list1 { padding-bottom: 20px; } .oemOdm_list1 li { margin-bottom: 40px; } .oemOdm_list1 .leftDiv { width: 600px; height: 360px; display: flex; align-items: center; text-align: center; } .oemOdm_list1 .img { width: 100%; height: 100%; overflow: hidden; } .oemOdm_list1 .img img { max-width: 100%; max-height: 100%; transition: .5s; } .oemOdm_list1 .img img:hover { transform: scale(1.2); } .oemOdm_list1 .rightDiv { width: 550px; padding: 62px 0 0; } .oemOdm_list1 .h6 { font-size: 24px; color: #095399; margin-bottom: 30px; } .oemOdm_list1 .p { font-size: 16px; height: 160px; line-height: 32px; color: #000000; overflow-y: auto; } .oemOdm_list1 .bor { width: 30px; height: 2px; background: #000000; margin: 32px 0 0; } .oemOdm_Con1 { height: 470px; margin-bottom: 60px; } .oemOdm_Con1 .h6 { font-size: 24px; color: #ffffff; padding: 44px 42px 30px; } .oemOdm_Con1 ul { overflow: hidden; padding: 0 80px; } .oemOdm_Con1 li { float: left; margin-right: 76px; max-width: 320px; } .oemOdm_Con1 li:last-child { margin-right: 0; } .oemOdm_Con1 .tit { font-size: 18px; margin-bottom: 22px; color: #FFFFFF; } .oemOdm_Con1 .p { line-height: 28px; font-size: 14px; color: #333333; color: #FFFFFF; } .oemOdm_Con1 .padding { height: 16px; } .oemOdm_Con2 { height: 400px; margin-bottom: 50px; } .oemOdm_Con2 .content { padding: 76px 58px 0; } .oemOdm_Con2 .leftDiv { width: 510px; } .oemOdm_Con2 .rightDiv { width: 308px; margin: -6px 0 0; } .oemOdm_Con2 .box { margin-bottom: 66px; } .oemOdm_Con2 .box:last-child { margin-bottom: 0; } .oemOdm_Con2 .num { font-size: 14px; color: #FFFFFF; } .oemOdm_Con2 .num em { font-size: 48px; color: #FFFFFF; } .oemOdm_Con2 .num b { font-weight: normal; position: relative; top: -24px; left: 6px; } .oemOdm_Con2 .h6 { font-size: 24px; color: #FFFFFF; margin-bottom: 30px; } .oemOdm_Con2 .p { line-height: 28px; font-size: 14px; color: #333333; color: #FFFFFF; } .oemOdm_list2 { overflow: hidden; margin-right: -40px; margin-bottom: -40px; } .oemOdm_list2 li { width: 50%; float: left; margin-bottom: 40px; } .oemOdm_list2 li:hover .con { background: #095399; } .oemOdm_list2 li:hover .h6 { color: #FFFFFF; } .oemOdm_list2 li:hover .p { color: #FFFFFF; } .oemOdm_list2 li:hover .num { color: #FFFFFF; } .oemOdm_list2 .con { margin-right: 40px; border: 2px solid #095399; padding: 32px 48px 34px 34px; overflow: hidden; height: 114px; transition: 0.5s; } .oemOdm_list2 .num { float: left; width: 92px; font-size: 50px; color: #095399; } .oemOdm_list2 .text { width: 402px; float: left; } .oemOdm_list2 .h6 { font-size: 18px; color: #095399; margin: 0 0 12px; } .oemOdm_list2 .h6 em { display: block; width: 20px; height: 2px; margin: 16px 0 0; background: #cccccc; } .oemOdm_list2 .p { line-height: 28px; font-size: 14px; color: #333333; color: #666666; height: 56px; overflow-y: auto; } .aftersalePage { padding: 70px 0 100px; } .title4 { text-align: center; color: #095399; margin-bottom: 36px; font-size: 22px; } .aftersale_list1 { overflow: hidden; padding-bottom: 60px; border-bottom: 1px solid #dcdcdc; } .aftersale_list1 li { float: left; width: 280px; min-height: 498px; background: #FFFFFF; } .aftersale_list1 .liow2, .aftersale_list1 .liow4 { width: 180px; background: none; text-align: center; line-height: 498px; } .aftersale_list1 .box { padding: 20px 30px 30px; } .aftersale_list1 .box .img { margin-bottom: 14px; } .aftersale_list1 .box .h6 { font-size: 18px; color: #333333; margin-bottom: 24px; } .aftersale_list1 .box .p { line-height: 28px; font-size: 14px; color: #333333; color: #666666; height: 346px; overflow-y: auto; } .aftersale_list1 .box .p em { display: block; text-indent: 1em; margin-bottom: 20px; } .aftersale_Con1 { padding: 70px 0 0; } .aftersale_Con1 .title4 { margin-bottom: 0; } .aftersale_Con1 .content { margin: -4px 0 0; } .aftersale_Con1 .h6 { padding: 34px 0 0; line-height: 28px; font-size: 14px; color: #333333; } .aftersale_Con1 .p { line-height: 28px; font-size: 14px; color: #333333; color: #666666; } .examinePage { padding: 70px 0 100px; } .examine .text { margin-bottom: 42px; } .examine .text .h6 { font-size: 18px; color: #333333; margin-bottom: 20px; } .examine .text .p { line-height: 28px; font-size: 14px; color: #333333; color: #666666; } .examine_Con { font-size: 16px; } .examine_Con table { width: 100%; text-align: center; border-collapse: collapse; border-spacing: 1; border-spacing: 0; line-height: 28px; } .examine_Con th { color: #333333; font-weight: bold; border: 1px solid #cccccc; } .examine_Con th input { width: 100%; height: 58px; text-align: center; font-size: 16px; } .examine_Con th input::-moz-placeholder { color: #999999; } .examine_Con th input::-webkit-input-placeholder { color: #999999; } .examine_Con th input::-ms-input-placeholder { color: #999999; } .examine_Con .th1 { width: 148px; } .examine_Con .th2 { width: 448px; } .examine_Con .th3 { width: 236px; } .examine_Con .th4 { width: 392px; } .examine_Con td { color: #333333; font-weight: bold; border: 1px solid #cccccc; height: 58px; position: relative; } .examine_Con td input { height: 58px; text-align: center; font-size: 16px; width: 118px; } .examine_Con td em { display: block; } .examine_Con td textarea { width: 100%; height: 198px; box-sizing: border-box; padding: 26px 38px; font-size: 16px; color: #333333; resize: none; } .examine_Con td textarea::-moz-placeholder { color: #666666; } .examine_Con td textarea::-webkit-input-placeholder { color: #666666; } .examine_Con td textarea::-ms-input-placeholder { color: #666666; } .examine_Con .td1 em { width: 140px; } .examine_Con .td2 em { width: 290px; } .examine_Con .td3 em { width: 590px; } .examine_Con .td4 em { width: 144px; } .examine_Con2 { padding: 36px 0 0; } .examine_Con2 .p { line-height: 28px; font-size: 14px; color: #333333; } .examine_Con2 em { color: #095399; } .examine_Con2 .button { display: block; width: 300px; line-height: 50px; background: #095399; color: #FFFFFF; font-size: 16px; text-align: center; margin: 56px auto 0; } .download { position: relative; } .download img { width: 100%; } .download .content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .download .content .h6 { font-size: 60px; color: #FFFFFF; text-align: center; margin-bottom: 20px; } .download .content .en { font-size: 40px; color: #FFFFFF; text-transform: uppercase; text-align: center; } .download .content .inputBox { width: 600px; height: 60px; position: relative; margin: 72px 0 0; } .download .content .inputBox input { width: 100%; height: 100%; background: #FFFFFF; box-sizing: border-box; padding: 0 82px 0 40px; color: #333333; font-size: 18px; } .download .content .inputBox input::-moz-placeholder { color: #999999; } .download .content .inputBox input::-webkit-input-placeholder { color: #999999; } .download .content .inputBox input::-ms-input-placeholder { color: #999999; } .download .content .inputBox a { position: absolute; right: 0; top: 0; bottom: 0; width: 82px; background: url(../images/seek_02.png) no-repeat center; } .newsPage { padding: 70px 0 100px; } .newsPage .w800 { background: none; } .newsList1 li { padding: 20px 40px 42px; background: #FFFFFF; margin-bottom: 20px; } .newsList1 li:last-child { margin-bottom: 0; } .newsList1 li:hover .newss_title { color: #095399; } .newsList1 li:hover .newss_title .time { color: #333333; } .newsList1 .newss_title { font-size: 20px; color: #333333; margin-bottom: 30px; } .newsList1 .newss_title .time { font-size: 16px; } .newsList1 .img { margin-bottom: 24px; overflow: hidden; } .newsList1 .img img { width: 100%; transition: 0.5s; } .newsList1 .img:hover img { transform: scale(1.2); } .newsList1 .p { line-height: 28px; font-size: 14px; color: #333333; } .news .numberDiv { padding: 40px 0 0; } .w800 { width: 800px; background: #FFFFFF; } .w370 { width: 370px; background: #FFFFFF; } .newssPage { padding: 70px 0 100px; } .newss_title { font-size: 20px; color: #084D8C; overflow: hidden; line-height: 28px; padding: 16px 0; border-bottom: 1px solid #e5e5e5; } .newss_title .time { float: right; font-size: 16px; } .newssL { padding: 22px 40px 64px; } .newssL .content { padding: 0 0 52px; border-bottom: 1px solid #e5e5e5; } .newssL .content .img { margin: 30px 0 36px; } .newssL .content .img img { width: 100%; } .newssL .p { line-height: 28px; font-size: 14px; color: #333333; } .newssR_title { font-size: 18px; color: #333333; line-height: 40px; border-bottom: 1px solid #e5e5e5; } .newssR_title img { margin: -12px 0 0 14px; } .newssR { padding: 28px 40px 26px; } .newssR_list li { border-bottom: 1px solid #e5e5e5; padding: 0 0 34px; } .newssR_list li:last-child { border-bottom: none; } .newssR_list li:hover .tit { color: #095399; } .newssR_list .img { overflow: hidden; } .newssR_list .img img { width: 100%; transition: 0.5s; } .newssR_list .img img:hover { transform: scale(1.2); } .newssR_list .tit { font-size: 16px; padding-right: 22px; background: url(../images/ico_05.png) no-repeat right center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; color: #333333; line-height: 28px; padding: 28px 0 18px; } .aboutPage { padding: 70px 0 100px; } .about .JobBig .txt { padding: 0 140px; text-align: left; } .about_Con1 { padding: 60px 0 0; } .about_Con1 .rightDiv { width: 600px; overflow: hidden; } .about_Con1 .rightDiv .img { float: left; max-width: 48%; } .about_Con1 .rightDiv .img img { width: 100%; } .about_Con1 .rightDiv .img:last-child { float: right; } .about_Con1 .leftDiv { width: 560px; padding: 56px 0 0; } .about_Con1 .leftDiv .tit { font-size: 24px; color: #333333; margin-bottom: 32px; } .about_Con1 .leftDiv .p { line-height: 28px; font-size: 14px; color: #333333; } .about_Con2 { padding: 60px 0 0; } .about_Con2 .img img { width: 100%; } .basePage { padding: 70px 0 100px; } .base .h6 { font-size: 24px; color: #333333; padding: 50px 0 22px; } .base .p { line-height: 28px; font-size: 14px; color: #333333; } .base_slick1 { margin: 30px -15px 0; position: relative; } .base_slick1 .slick { position: relative; margin: 0 15px; } .base_slick1 .name { position: absolute; left: 0; bottom: 0; right: 0; line-height: 48px; background: url(../images/bg_05.png) repeat; color: #FFFFFF; text-align: center; font-size: 14px; } .base_slick1 .img img { width: 100%; } .base_slick1 .slick-prev, .base_slick1 .slick-next { width: 44px; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } .base_slick1 .slick-prev { background: url(../images/l4.png) no-repeat; background-size: cover; left: -69px; } .base_slick1 .slick-prev:hover { background: url(../images/l3.png) no-repeat; background-size: cover; } .base_slick1 .slick-next { background: url(../images/r4.png) no-repeat; background-size: cover; right: -69px; } .base_slick1 .slick-next:hover { background: url(../images/r3.png) no-repeat; background-size: cover; } .base_list1 { margin-right: -30px; padding: 30px 0 0; } .base_list1:after { content: ''; display: block; visibility: hidden; height: 0; clear: both; } .base_list1 li { float: left; width: 380px; margin: 0 30px 0 0; } .base_list1 li:hover .box { box-shadow: 10px 10px 30px rgba(9, 83, 153, 0.1); } .base_list1 .box { padding: 0 34px 32px; min-height: 400px; background: #FFFFFF; transition: 0.5s; } .base_list1 .tit { padding: 30px 0 0; line-height: 28px; font-size: 14px; color: #333333; } .base_list1 .p { line-height: 28px; font-size: 14px; color: #333333; position: relative; padding: 0 0 0 22px; } .base_list1 .num { position: absolute; left: 0; top: 0; } .base_list1 .name { font-size: 18px; color: #084D8C; margin-bottom: 24px; padding: 0 34px; } .base_slick2 { margin: 30px -20px 0; position: relative; } .base_slick2 .slick { position: relative; margin: 0 20px; } .base_slick2 .name { position: absolute; left: 0; bottom: 0; right: 0; line-height: 48px; background: url(../images/bg_05.png) repeat; color: #FFFFFF; text-align: center; font-size: 14px; } .base_slick2 .img img { width: 100%; } .base_slick2 .slick-prev, .base_slick2 .slick-next { width: 44px; height: 44px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; } .base_slick2 .slick-prev { background: url(../images/l4.png) no-repeat; background-size: cover; left: -64px; } .base_slick2 .slick-prev:hover { background: url(../images/l3.png) no-repeat; background-size: cover; } .base_slick2 .slick-next { background: url(../images/r4.png) no-repeat; background-size: cover; right: -64px; } .base_slick2 .slick-next:hover { background: url(../images/r3.png) no-repeat; background-size: cover; } .coursePage { padding: 70px 0 94px; } .coursePic .slider-for .box { position: relative; } .coursePic .slider-for .name { position: absolute; left: 0; right: 0; bottom: 0; line-height: 58px; color: #FFFFFF; font-size: 16px; background: url(../images/bg_05.png) repeat; text-align: center; padding: 0 30px; } .coursePic .slider-for .img img { width: 100%; } .coursePic .course-list { height: 125px; background: url(../images/bor_02.png) repeat no-repeat center; margin: 0 44px; position: relative; padding: 0 121px; } .coursePic .course-list .ico { text-align: center; padding: 52px 0 0; height: 25px; } .coursePic .course-list .ico .off { display: none; } .coursePic .course-list .name { text-align: center; font-size: 24px; color: #cccccc; padding: 22px 0 0; } .coursePic .course-list .slick-prev, .coursePic .course-list .slick-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; } .coursePic .course-list .slick-prev { left: -44px; background: url(../images/l3.png) no-repeat; background-size: cover; } .coursePic .course-list .slick-next { right: -44px; background: url(../images/r3.png) no-repeat; background-size: cover; } .coursePic .course-list .slick-current .ico .on { display: none; } .coursePic .course-list .slick-current .ico .off { display: inline-block; } .culture_Con1 { padding: 70px 0 48px; text-align: center; } .culture_list { display: inline-block; overflow: hidden; } .culture_list li { margin: 0 45px; width: 220px; float: left; } .culture_list .box { border: 2px solid #f6f0dc; border-radius: 50%; display: inline-block; } .culture_list .name { width: 160px; line-height: 160px; margin: 0; border-radius: 50%; background: #ffc000; margin: 14px; font-size: 18px; color: #FFFFFF; } .culture_list .p { line-height: 32px; font-size: 16px; color: #999999; margin: 16px 0 0; } .culture_list .liow1 .box { border-color: #f6f0dc; } .culture_list .liow2 .box { border-color: #e3e8f0; } .culture_list .liow2 .name { background: #4472c4; } .culture_list .liow3 .box { border-color: #f4e9e1; } .culture_list .liow3 .name { background: #ed7d31; } .title3 { font-size: 24px; padding: 40px 0 26px; color: #333333; text-align: center; line-height: 24px; } .culture_Con2 { background: url(../images/bg_4.jpg) no-repeat center; background-size: cover; padding: 0 0 100px; } .cilture_list2 { overflow: hidden; margin-bottom: 5px; } .cilture_list2 li { float: left; width: 50%; line-height: 30px; } .cilture_list2 .p { padding: 0 0 0 166px; position: relative; font-size: 14px; color: #666; margin-bottom: 28px; } .cilture_list2 b { font-size: 18px; color: #084D8C; position: absolute; top: 0; left: 0; width: 150px; text-align: right; } .cilture_list2 b:before { content: ''; display: inline-block; width: 30px; height: 1px; background: #084D8C; position: relative; top: -5px; left: -12px; } .culture_slick { position: relative; } .culture_slick .img img { width: 100%; } .culture_slick .slick-prev, .culture_slick .slick-next { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; z-index: 10; } .culture_slick .slick-prev { background: url(../images/l2.png) no-repeat center; background-size: cover; left: 50px; } .culture_slick .slick-prev:hover { background: url(../images/l4.png) no-repeat center; background-size: cover; } .culture_slick .slick-next { background: url(../images/r2.png) no-repeat center; background-size: cover; right: 50px; } .culture_slick .slick-next:hover { background: url(../images/r4.png) no-repeat center; background-size: cover; } /*联系我们*/ .contact_Con1 { overflow: hidden; padding: 70px 0 50px; } .contact_Con1 .leftDiv { width: 550px; } .contact_Con1 .rightDiv { width: 600px; } .contact_Con1 .rightDiv .img img { width: 100%; } .contact_Con1 .h6 { font-size: 24px; color: #333333; margin-bottom: 32px; } .contact_Con1 ul li { overflow: hidden; font-size: 14px; } .contact_Con1 .name { float: left; width: 94px; padding-left: 20px; background: url(../images/ico_03.png) no-repeat left center; font-weight: bold; color: #333333; line-height: 28px; } .contact_Con1 .p { line-height: 28px; float: left; width: 436px; color: #666666; } .contact_Con2 { overflow: hidden; } .contact_Con2 .leftDiv { width: 50%; position: relative; } .contact_Con2 .leftDiv img { width: 100%; } .contact_Con2 .leftDiv .on_line { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); } .contact_Con2 .rightDiv { width: 50%; } .contact_Con2 .rightDiv .img img { width: 100%; } .on_line { width: 560px; } .on_line ul { overflow: hidden; } .on_line li { width: 260px; height: 42px; float: left; margin: 0 20px 20px 0; } .on_line li input { width: 100%; height: 100%; padding: 0 30px; box-sizing: border-box; background: #FFFFFF; color: #333333; font-size: 14px; } .on_line .liow5 { width: 538px; } .on_line .liow6 { width: 538px; height: 140px; } .on_line .liow6 textarea { background: #FFFFFF; padding: 12px 30px; font-size: 14px; color: #333333; line-height: 28px; width: 100%; height: 100%; box-sizing: border-box; } .on_line .button { display: block; width: 180px; line-height: 42px; background: #25252a; color: #FFFFFF; font-size: 14px; text-align: center; } .on_line .button:hover { background: #CCCCCC; } /*加入我们*/ .jobPage { padding: 70px 0 100px; background: #f5f5f5; } .JobBig { position: relative; } .JobBig img { width: 100%; } .JobBig .txt { position: absolute; left: 0; right: 0; padding: 0 120px; top: 50%; transform: translateY(-50%); text-align: center; color: #FFFFFF; font-size: 24px; } .job_list { margin: 30px 0 0; } .job_list li { margin-bottom: 10px; background: #dcdcdc; } .job_list .liow1 { background: #FFFFFF; margin-bottom: 20px; } .job_list .open div { color: #084D8C; } .job_list .open div a { color: #084D8C; } .job_list .open .icon .on { display: none; } .job_list .open .icon .off { display: inline-block; } .job_list .titDiv { overflow: hidden; font-size: 18px; line-height: 100px; padding-left: 42px; } .job_list .name { float: left; width: 360px; color: #333333; } .job_list .city { float: left; width: 400px; color: #333333; } .job_list .num { float: left; width: 340px; color: #333333; } .job_list .icon { float: left; } .job_list .icon .off { display: none; } .job_list .TopDiv { padding: 20px 0 0 42px; line-height: 80px; overflow: hidden; font-size: 18px; } .job_list .TopDiv .name { color: #999999; } .job_list .TopDiv .name img { margin: 0 0 0 8px; } .job_list .TopDiv .city { color: #999999; } .job_list .TopDiv .city img { margin: 0 0 0 8px; } .job_list .TopDiv .num { color: #999999; } .job_list .TopDiv .num img { margin: 0 0 0 8px; } .job_list .content { background: #FFFFFF; display: none; } .job_list .content a { line-height: 28px; color: #333333; font-size: 14px; padding: 34px 100px 40px; display: block; } /*# sourceMappingURL=style.css.map */ /*修改CSS*/ .oem_change{ margin-bottom: 60px; } .oem_change span{ display: block; font-size: 24px; color: #095399; margin-bottom: 25px; } .oem_change p{ font-size: 16px; color: #000; line-height: 34px; } .change_two ul li{ width: 190px; float: left; margin-right: 60px; } .change_two ul li:last-of-type{ margin-right: 0px; } .change_top{ background: url(../images/3-1OEM-ODM_03.png)no-repeat; width: 100%; line-height: 75px; text-align: center; font-size: 18px; line-height: 75px; text-align: center; } .change_top span{ font-size: 18px; color: #fff; } .change_txt p{ font-size: 14px; color: #666666; line-height: 28px; } .change_txt{ padding: 20px 15px; } .yfbox_top span{ font-size: 24px; color: #000000; display: block; margin-bottom: 40px; } .xg_strength{ border-top: 1px solid #cccccc; } .JobBig_p span{ font-size: 24px; color: #000000; margin: 60px 0px 40px; display: block; } .JobBig_p p{ font-size: 14px; color: #000; line-height: 27px; } .xg_strength{ margin: 80px 0px 0px; padding-top: 60px; width: 100%; } .yfbox{ background: url(../images/zzdt_03.jpg)no-repeat; background-size: cover; padding: 90px 0px; } .team_box1{ background: url(../images/zzjjxg_03.png)no-repeat; height: 250px; width: 155px; margin: 35px 0px 0px 165px; display: table; } .team_txt1 span{ font-size: 24px; color: #fff; } .team_txt1 p{ font-size: 14px; color: #fff; } .team_txt1{ display:table-cell; vertical-align:middle; padding-left: 43px; } .team_box2{ width: 194px; background: #fff; padding: 60px 50px; margin-left: 75px; position: relative; } .team_box2 p{ font-size: 14px; line-height: 28px; background: url(../images/zzjjjt_03.png)no-repeat left 8px; padding-left: 23px; color: #000000; } .xiantu{ position: absolute; left: 100%; top: 50%; margin-top: -123px; } .team_box3{ margin-left: 85px; } .team_box3 ul li{ background: #fff; width: 210px; padding: 15px 40px; font-size: 14px; color: #000; line-height: 28px; margin-bottom: 20px; } .ksd_top{ margin: 90px 0px 60px; text-align: center; } .ksd_top span{ font-size: 24px; color: #095399; } .ksd_nav ul li span{ display: block; font-size: 18px; color: #095399; margin-top: 20px; } .ksd_nav ul li{ width: 170px; text-align: center; float: left; margin-right: 172px; } .ksd_nav ul li:nth-child(4n){ margin-right: 0px; } .xian{ width: 18px; height: 2px; background: #095399; margin: 20px auto; } .ksd_nav ul li p{ font-size: 16px; color: #333333; } .m_yfjs{ display: none; padding: 0px 5%; width: 90%; } .m_yfjs img{ width: 100%; } .ksd_nav ul li a{ display: block; } .fzlc_top span{ display: block; font-size: 22px; color: #333333; text-align: center; margin-bottom: 40px; } .xg_fzlc{ margin: 70px 0px 100px; } .fzlc_nav{ background: url(../images/zzlcx_03.jpg)repeat-y center; } .fzlc_quan{ text-align: center; margin-bottom: 40px; } .add_div{ background: #fff; width: 460px; padding: 30px 40px 40px 40px; position: relative; box-shadow: 1px 1px 15px 0 hsla(233, 9%, 48%, 0.2); float: right; text-align: right; } .add_div span{ font-size: 22px; color: #1b2c77; font-family: "Arial"; display: block; margin-bottom: 25px; } .add_div p{ font-size: 14px; color: #666666; line-height: 27px; } .yuan{ position: absolute; left: -70px; top: 45px; } .fzlc_nav ul li:nth-child(2n) .add_div{ float: left; position: relative; bottom: 0px; text-align: right; } .fzlc_nav ul li:nth-child(2n) .add_div .yuan{ position: absolute; right: -70px; top: 45px; } .fzlc_nav ul li:nth-child(2n){ margin-top: -280px; } .felc_l{ width: 480px; padding: 20px 30px 0px 30px; background: #fff; min-height: 200px; position: relative; } .felc h3{ width: 33px; height: 55px; position: relative; display: block; font-size: 42px; font-family: "Arial"; color: #095399; } .felc i{ position: absolute; bottom: 0px;right: -20px; z-index: 99; display: block; width:34px; height: 56px; } .felc i img{ width: 100%; } .felc span{ display: block; font-size: 18px;color: #000000; margin: 20px 0px 30px; } .felc p{ font-size: 14px; color: #666666; } .felc_r{ position: relative; width: 480px; padding: 20px 30px 0px 30px; background: #fff; min-height: 200px; } .icondiv{ position: absolute; right: -80px; top: 50%; margin-top: -13px; } .felc_box{ background: #fff; padding: 20px 30px 0px 30px; min-height: 290px; margin-top: 100px; } .felc_box p{ line-height: 42px; } .icondiv2{ position: absolute; left: 50%; margin-left: -13px; bottom: -60px } .felc{ border-bottom: 1px solid #dcdcdc; padding-bottom: 80px; } .felc_l .icondiv2{ display: none; } .xg_nav .within_Nav { background:none;margin: 70px 0px 60px; } .xg_nav .within_Nav span { display: none; } .xg_nav .within_Nav ul { overflow: hidden; width: 1200px; margin: 0 auto; } .xg_nav .within_Nav li { float: left; padding: 2px 0 0; margin-right: 30px; font-size: 16px; color: #333333; line-height: inherit; } .xg_nav .within_Nav li a { display:block;padding: 13px 25px; background: #e6e6e6; color: #333333;} .xg_nav .within_Nav li:last-child { margin-right: 0; } .xg_nav .within_Nav .on { border-bottom:0px;; background: #084D8C;} .xg_nav .within_Nav .on a { color: #fff;background: #084D8C; } .nwesadd_img{ width: 100%; margin-top: 20px; } .nwesadd_img img{ width: 100%; } /*.indexPart5{ position: relative; } .indexPart5 .swiper-slide { min-height: 4.5rem; position: relative; } .indexPart5 .swiper-slide .img { position: relative; margin: 0 auto; opacity: .8; } .indexPart5 .swiper-slide .img img{ width: 100%; } .indexPart5 .swiper-slide .img video{ width: 100%;object-fit: fill;height:500px;} .indexPart5 .swiper-slide .ico{ position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px; width:64px; height:64px; z-index:222;} @media screen and (min-width: 800px) { .indexPart5 a.arrow { display: block; width: 30px; height: 30px; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; bottom: auto; margin-top: -15px; background: center no-repeat; } .indexPart5 a.arrow.prev { left: 80px; background-image: url("../images/nimg30_left.png"); } .indexPart5 a.arrow.next { right: 80px; background-image: url("../images/nimg30_right.png"); } .indexPart5 .list { width: 24rem; position: relative; left: 50%; margin-left: -12rem; } .indexPart5 .swiper-slide img { position: relative; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .indexPart5 .swiper-slide-active{} .indexPart5 .swiper-slide-active .img {width: 12rem; position:absolute; left:50%; margin-left:-6rem; opacity:1; z-index:22; top:-0.4rem;} .indexPart5 .swiper-slide-active .img img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .indexPart5 .swiper-slide-active .container { opacity: 1; visibility: visible; transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; } } .indexPart5 a.arrow.prev:hover{ background-image: url("../images/nimg30_lefton.png");} .indexPart5 a.arrow.next:hover { background-image: url("../images/nimg30_righton.png"); } .indexVideo{ padding:15px 10px;} .videoX{ position:relative;} .videoX .slick{ position:relative;} .videoX .slick .img img{ width:100%;} .videoX .slick .img video{ width:100%;} .videoX .slick .ico{ position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; z-index:222;} .videoX .slick .ico img{ width: 50px;} .videoX .slick-prev { position:absolute; left: 10px; display:block; width:30px; height:30px; top:50%; margin-top:-15px; z-index:2; background-image: url("../images/nimg30_left.png"); } .videoX .slick-next { position:absolute; right: 10px; display:block; width:30px; height:30px; top:50%; margin-top:-15px; z-index:2; background-image: url("../images/nimg30_right.png"); }*/ .indexPart5{ position: relative; } .indexPart5 .swiper-slide { min-height: 4.5rem; position: relative; } .indexPart5 .swiper-slide .img { width: 10rem; position: relative; margin: 0 auto; opacity: .8; } .indexPart5 .swiper-slide .img img{ width: 100%; } .indexPart5 .swiper-slide .ico{ position:absolute; left:50%; top:50%; margin-left:-32px; margin-top:-32px; width:64px; height:64px; z-index:222;} @media screen and (min-width: 800px) { .indexPart5 a.arrow { display: block; width: 30px; height: 30px; position: absolute; z-index: 10; left: auto; right: auto; top: 50%; bottom: auto; margin-top: -15px; background: center no-repeat; } .indexPart5 a.arrow.prev { /*left: 80px;*/ top: 91%;left: 10%; background-image: url("../images/nimg30_left.png"); } .indexPart5 a.arrow.next { /*right: 80px;*/ top: 91%;right: 10%; background-image: url("../images/nimg30_right.png"); } .indexPart5 .list { width: 24rem; position: relative; left: 50%; margin-left: -12rem; } .indexPart5 .swiper-slide img { position: relative; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }*/ .indexPart5 .swiper-slide-active{} .indexPart5 .swiper-slide-active .img {width: 12rem; position:absolute; left:50%; margin-left:-6rem; opacity:1; z-index:22; top:-0.4rem;} .indexPart5 .swiper-slide-active .img img { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); } .indexPart5 .swiper-slide-active .container { opacity: 1; visibility: visible; transition-delay: .5s; -webkit-transition-delay: .5s; -moz-transition-delay: .5s; transition-duration: 1.5s; -webkit-transition-duration: 1.5s; -moz-transition-duration: 1.5s; } } .indexPart5 a.arrow.prev:hover{ background-image: url("../images/nimg30_lefton.png");} .indexPart5 a.arrow.next:hover { background-image: url("../images/nimg30_righton.png"); } .indexVideo{ padding:15px 10px;} .videoX{ position:relative;} .videoX .slick{ position:relative;} .videoX .slick .img img{ width:100%;} .videoX .slick .ico{ position:absolute; left:50%; top:50%; margin-left:-25px; margin-top:-25px; width:50px; height:50px; z-index:222;} .videoX .slick .ico img{ width: 50px;} .videoX .slick-prev { position:absolute; left: 10px; display:block; width:30px; height:30px; top:50%; margin-top:-15px; z-index:2; background-image: url("../images/nimg30_left.png"); } .videoX .slick-next { position:absolute; right: 10px; display:block; width:30px; height:30px; top:50%; margin-top:-15px; z-index:2; background-image: url("../images/nimg30_right.png"); }