.button_box { position: absolute; top: 77px; width: 100%; } .button_box a { font-size: 18px; color: #1598d9; background-color: #fff; border: 1px solid #1598d9; cursor: pointer; transition: all 0.3s; padding: 10px 10px; border-radius: 30px; display: inline-block; position: absolute; z-index: 2; } .button_box a:hover { } .button_box a.icon_ar_left { right: 20px; } .button_box a.icon_ar_right { right: 0px; } .page_banner { width: 100%; position: relative; background-repeat: no-repeat; background-position: center center; height: 330px; background-size: cover; overflow: hidden; } .page_banner .main_box { position: relative; } .page_tit{text-align: center;} .page_tit .p1 {padding: 50px 0 20px 0;} .page_tit .page_tit1 {font-size: 26px; margin-bottom: 20px;} .page_tit .page_tit1 .point {font-size: 40px; margin: 0 10px;} .page_tit .page_tit1 .bold {font-weight: bold;} .page_tit .bbar { width: 70px; height: 3px; background-color: #fd992c;margin-top: -2px;} .page_tit .line { width: 630px; border-top: 1px solid #ccc; margin: auto; } .page_tit .page_tit3 { margin-top: 25px; color: #adadad; } .page_des{padding: 30px 5%;/* width: 970px; */margin: 0 auto;line-height: 30px;} .bdsharebuttonbox { margin-top: 30px; } .header_top { line-height: 35px; background-color: #e1e1e1; } .header_top .main_box { position: relative; } .header_top .right_box { position: absolute; right: 0; top: 0; } .header_top .right_box a { margin-left: 25px; } .tel_box { display: inline-block; vertical-align: middle; float: right; margin-top: 29px; } .tel_box .p1 { color: #797979; font-size: 16px; } .tel_box .p2 { color: #e8373c; font-size: 23px; font-weight: bold; line-height: 28px; } .search_box { float: right; /* margin-right: 20px; */ width: 207px; margin-top: 12px; height: 30px; line-height: 30px; background-color: #ededed; border-radius: 11px; } .search_box .search-input { width: 165px; line-height: 30px; padding-left: 10px; } .search_box .search_submit { width: 33px; height: 30px; margin-top: 5px; background: url('../images/search_btn.jpg') no-repeat; } .row_title { padding: 44px 0; text-align: center; line-height: 40px; } .row_title .left { line-height: 40px; } .row_title img { /* float: left; */ /* margin-top: 7px; */ } .row_title p { display: inline-block; line-height: 40px; font-size: 28px; vertical-align: middle; border-left: 1px solid #bfbfbf; padding-left: 30px; text-transform:uppercase; margin-left: 15px; } .index_product_title { padding: 30px 0; } .index_product_title .left { padding-left: 70px; } .btn_more { background-color: #e6e7e9; border-radius: 20px; padding: 2px 30px; } .tel_box .p1 { margin-bottom: 0; } .tel_box .p1 img { margin-right: 10px; } .product_box { margin-bottom: 70px; } .product_cate { line-height: 60px; margin-top: 15px; color: #757575; background-color: #e5e5e5; } .product_cate a { display: inline-block; text-align: center; font-size: 16px; color: #757575; margin: 0 10px; width: 170px; } .product_cate a.on { color: #e8373c; } .product_top_cate { color: #757575; text-align: center; } .product_top_cate a { display: inline-block; text-align: center; font-size: 15px; border-radius: 20px; padding: 10px 20px; color: #757575; margin: 5px 10px; background-color: #e5e5e5; } .product_top_cate a.active { color: #fff; background-color: #0095d9; } .product_list { margin-top: 54px; display: none; } .product_list.active { display: block; } .product_list .product_item { width: 290px; height: 365px; float: left; position: relative; margin-right: 40px; text-align: center; } .product_list .product_item .p_img { height: 300px; } .product_list .product_item:nth-child(4n+0) { margin-right: 0; } .product_list .product_item .top { position: absolute; height: 260px; width: 100%; background-color: #e6e7e9; z-index: -1; } .product_list .product_item .buttom { height: 105px; background-color: #d6d6d6; width: 100%; position: absolute; top: 260px; z-index: -1; } .product_list .product_item:hover .buttom { background-color: #0095d9; } .product_list .product_item:hover p { color: #fff; padding: 0 26px; } .product_list .product_item p { text-align: center; line-height: 55px; overflow: hidden; text-overflow: ellipsis; padding: 0 31px; white-space: nowrap; } .product_list .product_item p img { margin-right: 8px; } .service_box { height: 662px; padding-top: 2px; background: url('../images/service_bg.jpg') center no-repeat; } .service_box .left { margin-left: 20px; } .service_box .right { margin-top: 40px; } .service_list { margin-left: 25px; margin-top: 0px; } .service_item { height: 75px; position: relative; margin-bottom: 41px; } .service_item img { position: absolute; } .service_item .service_content { margin-left: 135px; width: 445px; } .service_item .service_content .p1 { font-size: 20px; font-weight: bold; line-height: 41px; } .about_box { padding: 70px 0 40px 0; } .about_box .left{ position: absolute; z-index: -1; } .about_box .right { margin-top: 70px; } .about_box .right .about_content { margin-left: 195px; margin-top: 30px; color: #636363; line-height: 40px; width: 660px; } .brand_list { display: flex; justify-content: space-between; margin-top: 75px; } .brand_list .brand_item { width: 298px; } .brand_list .brand_item p{ text-align: center; color: #636363; line-height: 65px; } .case_box { background: url('../images/case_box_bg.png') repeat-y center; padding: 70px 0; } .case_box .left { width: 615px; padding-top: 30px; } .case_box .tab { width: 50%; float: left; line-height: 55px; background-color: #fff; text-align: center; color: #585858; cursor:pointer; } .case_box .tab.on { background-color: #e8373c; color: #fff; } .case_box .tab.on a { color: #fff; } .case_box .tab_content { margin-top: 50px; display: flex; justify-content: space-between; } .case_box .tab_content p { line-height: 40px; margin-top: 9px; color: #fff; text-align: left; font-weight: bold; } .case_box .right { /* float: none; */ position: relative; } .case_box .right .video_title { right: 0; position: absolute; } .case_box .right .video_title { top: 320px; right: -68px; } .new_box { padding-bottom: 30px; padding-top: 5px; } .new_main { margin-top: 6px; } .new_main .left { width: 550px; } .new_main .left .f_news_img { width: 550px; height: 360px; position: relative; } .new_main .left .f_news_img img { height: 100%; } .new_main .left .f_news_date { width: 143px; height: 46px; background: url('../images/f_img_date.jpg') no-repeat; position: absolute; right: 0; bottom: 0; line-height: 46px; text-align: center; font-size: 18px; font-family: 'Impact'; color: #fff; } .f_news_content { padding: 20px 50px; background-color: #f2f2f2; } .f_news_content .p1 { font-size: 16px; overflow: hidden; line-height: 35px; } .f_news_content .p2 { line-height: 27px; height: 60px; overflow: hidden; font-size: 14px; color: #7f7f7f; } .new_main .right { width: 700px; } .s_news_main { display: flex; justify-content: space-between; } .s_news_item img { width: 344px; height: 218px; } .s_news_content { padding: 10px 35px 15px 35px; } .s_news_content .p1 { line-height: 35px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 300px; } .s_news_content .p2 { font-size: 14px; color: #7f7f7f; } .news_item { /* line-height: 70px; */ padding: 0 35px; border-top: 1px solid #e5e5e5; } .news_item a{ display: inline-block; width: 500px; overflow: hidden; text-overflow: ellipsis; line-height: 67px; white-space: nowrap; font-size: 15px; color: #555555; } .news_item span { float: right; line-height: 70px; font-size: 14px; display: inline-block; color: #7f7f7f; } .page_title { text-align: center; } .page_title .row_title img { float: none; } .f_nav li .line { margin-top: 15px; width: 25px; border-top: 2px solid #00a0ea; margin-bottom: 15px; } .f_nav .right { } .f_nav .tel_box { margin-top: -10px; } .f_nav .tel_box .p1 { color: #fff; } .f_nav .tel_box .p3 { text-align: center; } .f_nav .tel_box .p4 { color: #7c7c7c; padding: 20px 0 20px 0; text-align: center; } .page_content { padding: 43px 0 50px 0; } .position { height: 56px; line-height: 55px; color: #757575; background-color: #e5e5e5; border-bottom: 1px solid #e5e5e5; } .position .right a { color: #757575; } .page_content .product_list { display: block; margin-top: 0; } .page_content .product_list .product_item { margin-bottom: 50px; } .page_content .product_list .product_item:nth-child(3n+0) { margin-right: 0; } .page_content .product_list .product_item:nth-child(4n+0) { margin-right: 40px; } .page_cate_list .am-dropdown { margin-left: 45px; line-height: 55px; } .page_cate_list a { display: inline-block; padding: 0 10px; } .page_cate_list a.active { border-bottom: 2px solid #e8373c; } .product_left { background: url('../images/product_left_bg.jpg') no-repeat; width: 257px; float: left; } .product_left_top { height: 245px; text-align: center; color: #fff; } .product_left_top span { font-size: 17px; display: inline-block; font-weight: bold; color: #fff; border: 1px solid #fff; margin-top: 90px; padding: 10px 20px; } .product_left_top p { margin-top: 20px; font-size: 14px; } .product_right { width: 953px; } .product_right .top { background-color: #f6f6f6; padding: 40px 67px; } .product_right .img_box { width: 360px; text-align: center; background-color: #e6e7e9; padding-bottom: 20px; } .product_right .img_box img { height: 350px; } .product_right .intro_box { padding-top: 70px; width: 380px; } .product_right .intro_box .params { line-height: 30px; } .product_right .intro_box .p1 { line-height: 70px; font-size: 19px; } .prodcut_content { padding-top: 30px; margin-top: 50px; background-color: #f6f6f6; } .prodcut_content h1 { padding-left: 80px; font-weight: normal; margin-bottom: 30px; } .prodcut_content .des { text-align: center; padding-bottom: 30px; } .intro_page { padding-bottom: 35px; padding-top: 0; } .intro_page .main_box { margin: 0 auto; } .intro_page h1 { color: #01a57f; margin-top: 55px; font-size: 24px; margin-bottom: 40px; } .intro_page .content { font-size: 15px; line-height: 36px; width: 600px; } .intro_box { width: 1160px; } .intro_content p{ line-height: 38px !important; color: rgb(127, 127, 127); } .factory_box { padding-bottom: 20px; background: url(../images/case_box_bg.png) repeat-y center; } .factory_box .row_title p { color: #fff; } .img_list { width: 1160px; display: flex; justify-content: space-between; flex-wrap: wrap;; } .img_list img { margin-bottom: 40px; width: 273px; } .brand_box { width: 1160px; padding-top: 30px; } .brand_box .brand_list { margin-top: 10px; flex-wrap: wrap; } .brand_box .brand_list img { width: 367px; height: 263px; } .brand_box .brand_list .brand_item{ width: 367px; } .case_page { padding-top: 0; margin-top: 10px; } .case_list .case_item { float: left; width: 298px; margin-right: 18px; text-align: center; margin-bottom: 45px; position: relative; } .case_list .case_item .video_icon { position: absolute; top: 30%; left: 45%; } .case_list .case_item p { text-align: center; line-height: 70px; background-color: #eeeeee; color: #4e4653; padding: 0 25px; } .case_detail { width: 960px; padding: 60px 100px; background-color: #f3f3f3; margin-bottom: 90px; border: 1px solid #e8e8e8; } .page_left { width: 250px; float: left; } .news_page { margin-top: -40px; padding-bottom: 40px; } .cate { background-color: #f5f5f5; padding-bottom: 20px; } .top_cate { background-color: #2b398c; text-align: center; line-height: 90px; height: 90px; font-size: 18px; color: #fff; margin-bottom: 25px; } .top_cate img { margin-right: 20px; } .left_cate_item { } .left_cate_item li { line-height: 70px; padding-left: 80px; background-color: #eee; border-bottom: 1px solid #c9c9c9; } .left_cate_item li:last-child { border: none; } .left_cate_item li a { color: #000; font-size: 15px; } .left_cate_item li:hover a, .left_cate_item li.active a { color: #000; font-weight: bold; } .left_cate_item li .circle { } .sub_menu { display: none; line-height: 35px; margin-top: -20px; font-weight: normal; padding-left: 10px; /* background-color: #fde6e6; */ } .left_cate_item .sub_menu.active { display: block; } .left_cate_item li .sub_menu { line-height: 30px; padding-bottom: 20px; } .left_cate_item li .sub_menu a { font-weight: normal; font-size: 14px; color: #676363; } .left_cate_item li .sub_menu a.on { color: #e8373c; } .page_right { width: 890px; float: right; } .page_right_content { padding-top: 40px; } .n_list .row:nth-child(even) { background-color: #f2f2f2; } .n_item { padding: 45px 50px; /* border-bottom: 1px solid #e6e6e6; */ } .n_item .news_img { width: 470px; } .n_item .btn_more { /*padding: 10px 40px;*/ padding: 0; } .n_title { font-size: 17px; color: #000; margin-bottom: 30px; } .n_title span { float: right;font-size: 14px; color: #504f54; } .n_desc { font-size: 15px; color: #504f54; margin-bottom: 30px; } .n_content { width: 640px; padding-top: 70px; } .page_service { background: none; } .contact_page { width: 1190px; padding-top: 0; } .contact_main { display: flex; justify-content: space-between; align-items: center; margin-bottom: 70px; width: 100%; } .contact_info { width: 514px; } .contact_info h1 { font-weight: normal; font-size: 26px; margin-bottom: 30px; padding-left: 80px; color: #0095d9; letter-spacing: 2px; } .contact_info li { padding: 20px 0; padding-left: 80px; padding-right: 12px; background-color: #f5f5f5; margin-bottom: 20px; font-size: 16px; color: #555257; position: relative; } .contact_info li img { margin-right: 20px; position: absolute; top: 20px; } .contact_info li p { /* margin-left: 42px; */ } .contact_info li div {font-size: 15px;position: relative;} .contact_info li div span { position: absolute; } .contact_info li div p {margin-left: 45px;} .contact_info li:nth-child(1) div p { margin-left: 65px; } .contact_info li:nth-child(2) div p { margin-left: 75px; } .join_form { padding: 35px 70px; background: #f5f5f5; } .join_tit { margin-bottom: 30px; text-transform: capitalize; } .join_tit .loc2 { width: 9px; height: 47px; background: #e2aa23; display: inline-block; vertical-align: middle; } .join_tit .p1 { margin-bottom: 10px; color: #000; font-size: 23px; text-align: left; line-height: normal; } .join_tit .p1 img { margin-right: 10px; } .join_tit .p2 { font-size: 14px; color: #757575; line-height: normal; padding-left: 50px; } .join_post { margin: auto; box-sizing: border-box; } .join_post label { font-size: 13px; /* margin: 0 30px; */ color: #757575; width: 80px; font-weight: normal; } .join_post .text_input { width: 421px; height: 40px; font-size: 14px; border: none; background-color: #fff; margin-right: 15px; } .join_post li { padding: 10px 0 35px 0; font-size: 16px; box-sizing: border-box; display: inline-block; } .join_post .title { color: #000; display: inline-block; vertical-align: middle; font-size: 12px; } .text_input { border: 1px #e1e1e1 solid; background: #fff; line-height: 23px; padding: 5px; box-sizing: border-box; } .textarea_input { height: 145px; background: #fff; width: 940px; vertical-align: middle; padding: 10px; box-sizing: border-box; font-size: 14px; border-color: #fff; } .join_form_submit { background: -moz-linear-gradient(right, #0076bf 0%, #00b2ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(right, #0076bf 0%,#00b2ee 100%); background: -o-linear-gradient(right, #0076bf 0%,#00b2ee 100%); background: -ms-linear-gradient(right, #0076bf 0%,#00b2ee 100%); background: linear-gradient(to left, #0076bf 0%,#00b2ee 100%); margin-right: 100px; } .join_form_reset { background-color: #919191; } .map { width: 636px; height: 415px; } .news_detail { /* padding-top: 40px; */ background-color: #f5f5f5; margin: 45px auto; } .link_box { line-height: 70px; background: url('../images/link_bg.jpg') no-repeat; background-color: #e4e4e4; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 125px; margin-bottom: 35px; } .link_box a { padding: 0 35px; font-size: 15px; color: #7c7c7c; } .color_page { background-color: #f4f4f4; } .color_img {margin: 0 auto;text-align: center;} .color_name { line-height: 31px; font-size: 16px; text-align: center; } .color_title { line-height: 40px; color: #fff; padding-left: 30px; background: -moz-linear-gradient(right, #0072bc 0%, #00b2ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(right, #0072bc 0%,#00b2ee 100%); background: -o-linear-gradient(right, #0072bc 0%,#00b2ee 100%); background: -ms-linear-gradient(right, #0072bc 0%,#00b2ee 100%); background: linear-gradient(to left, #0072bc 0%,#00b2ee 100%); } .color_title.on { color: #000; background: -moz-linear-gradient(right, #d6d6d6 0%, #d6d6d6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(right, #d6d6d6 0%,#d6d6d6 100%); background: -o-linear-gradient(right, #d6d6d6 0%,#d6d6d6 100%); background: -ms-linear-gradient(right, #d6d6d6 0%,#d6d6d6 100%); background: linear-gradient(to left, #d6d6d6 0%,#d6d6d6 100%); } .color_title img { float: right; margin-top: 10px; margin-right: 20px; } .color_content { background-color: #fff; padding: 8px 11px; } .brand .color_content { /* display: flex; justify-content: space-between; flex-wrap: wrap;*/ } .brand .color_content a { display: inline-block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 33.333%; float: left; line-height: 26px; } .brand .color_content a.on { color: #e8373c; } .model .color_content a { width: 25%; } .color_box .color_content { } .color_box .color_content .color_item { display: inline-block; text-align: center; width: 25%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .color_box .color_content .color_item .color_div { width: 90%; margin: 0 auto; border: 1px solid #e8e8e8; height: 30px; } .color_box .color_content .color_item a { text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12px; line-height: 35px; } .color_box .color_content .color_item.on a { color: #e8373c; } .color_t{ text-align: center; margin-bottom: 1rem; } .list_box table thead { background-color: #eaeaea; } .list_box table td{ width: 33.33%; text-align: center; line-height: 30px; } .color_icon1 { display: none; } .footer_menu { display: flex; justify-content: space-between; } .footer_menu li { width: 33.33%; text-align: center; background-color: #009bdc; color: #fff; font-size: 16px; padding: 10px 0; } .footer_menu li img { height: 3rem; } .footer_menu li a { color: #fff; } .login_box { padding: 40px; background: url('../images/login_bg.jpg') no-repeat center 100%; padding-bottom: 400px; padding-top: 150px; } .layui-form-item:after { content: '\20'; clear: both; *zoom: 1; display: block; height: 0; } .fly-panel-user { background-color: #fff; } .layui-this { line-height: 50px; text-align: center; font-size: 18px; } .layui-form-pane .layui-form-label { width: 90px; padding: 2px 5px; height: 38px; line-height: 20px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; float: left; } .layui-form-item .layui-input-inline { display: inline-block; vertical-align: middle; float: left; width: 190px; border: 1px solid #e8e8e8; } .layui-btn { display: inline-block; height: 38px; line-height: 38px; padding: 0 18px; background-color: #000; margin-left: 90px; color: #fff; white-space: nowrap; text-align: center; font-size: 14px; border: none; border-radius: 2px; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .edui-upload-video { width: 1160px; height: 400px; } .case-video { width: 100%; } .pc_about_text { line-height: 60px; color:#fff; margin-top: -60px; font-size: 20px; font-weight: bold; padding-left: 200px; position: relative; text-transform: uppercase; } .pc_about_text a { color: #fff; z-index: 999; position: absolute; right: 45px; line-height: 15px; text-align: center; font-size: 14px; font-weight: normal; top: 16px; } .coupon_page { padding-top: 0; padding-bottom: 3rem; } .coupon_item .p1{ font-weight: bold; font-size: 19px; padding: 20px 30px 10px 30px; } .coupon_item .p2 { padding: 0 30px 30px 30px; } .coupon_detail h2 { text-align: center; font-size: 20px; margin-bottom: 20px; } .search_result .product_list{ margin-top: 0; } .search_result .product_list .product_item { margin-bottom: 40px; } .fload_box{ position: fixed; right: 0; top: 30%; z-index: 999; } .fload_box dt, .fload_box dd { width: 88px; height: 88px; text-align: center; margin-bottom: } .fload_box dt { margin-bottom: 8px; padding-top: 20px; color: #fff; font-weight: normal; background-color: #0081c8; } .fload_box dt a{ color: #fff; font-size: 20px; } .fload_box dd { margin-bottom: 5px; border: 1px solid #e2e2e2; background-color: #f0f0f0; padding-top: 20px; color: #747474; } .color_search_box { display: flex; justify-content: space-between; margin-top: 2rem; margin-bottom: 1rem; height: 40px; } .color_search_box .keywords_input { width: 75%; border: 1px solid #e0e0e0; background-color: #fff; line-height: 40px; } .color_search_box .submit_btn { width: 25%; background-color: #0072bc; border: none; text-align: center; } .search_result { background-color: #fff; padding-bottom: 30px; } .search_result thead th{ background-color: #e0e0e0; text-align: center; } .search_result tbody td{ text-align: center; line-height: 30px; border-bottom: 1px solid #e0e0e0; } #ewm { position: relative; } #ewm img.ewm { display: none; position: absolute; left: -89px; top: 2px; } #ewm:hover img.ewm { display: inline-block; }