@charset "utf-8"; /* CSS Document */ #theme-popover-mask{z-index:9999;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;background-size:100% 100%;display:none;} .textEll { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .tc { text-align: center; } /*margin*/ .m0 { margin: 0; } .mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .ml5 { margin-left: 5px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml30 { margin-left: 30px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr5 { margin-right: 5px; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } /*padding*/ .p0 { padding: 0; } .pt0 { padding-top: 0; } .p5 { padding: 5px; } .p10 { padding: 10px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt24 { padding-top: 24px; } .pt30 { padding-top: 30px; } .p10_0 { padding: 10px 0; } .p15_0 { padding: 15px 0; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .p0_10 { padding: 0 10px; } .p0_15 { padding: 0 15px; } .p15_0 { padding: 15px 0; } .p20_0 { padding: 20px 0; } .p25_0 { padding: 25px 0; } .pl0 { padding-left: 0; } .pr0 { padding-right: 0; } .pb0 { padding-bottom: 0; } /*border*/ .bor_bt { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .bor_b { border-bottom: 1px solid #c8c8c8; } .b0 { border: 0; } .bt0 { border-top: 0; } .bl0 { border-left: 0; } .br0 { border-right: 0; } .bb0 { border-bottom: 0; } /**/ .footer-bottom:after, .know-ul:after, .prev-next-ul:after, .img-text-conns:after, .blog-text:after, .recuruit-ul:after, .img-text-slides:after { content: ""; display: block; clear: both; } .services .owl-controls, .news .owl-controls { top: -40px; } .slides-tab { margin: 0; padding-bottom: 0; } .homepage-6 .img-text-conns { background: #ffffff; } .homepage-6 .img-text-conns img { padding: 5px; } .homepage-6 .slides-tab figure { width: 40%; } .homepage-6 .slides-text p { max-height: 100px; overflow: hidden; } .homepage-6 .services { padding: 70px 0 40px 0; } /*index-footer*/ ul { list-style: none; } .homepage7-header .main-header { margin: 20px 0; } .call-us ul li a { font-size: 12px; } .bannercontainer { max-height: 450px !important; } .homepage7-header .secondary-header, .homepage7-banner .shipping-type li, .navigation, .secondary-header:after { background: #002f5e !important; } .navigation > li { border-left: 1.5px solid #000; box-shadow: 1px 0 1px rgba(0, 0, 0, 0.5); } .navigation > li.search-li { border-left: 0; box-shadow: inherit; } .navigation > li:hover { background: #dadada; } .navigation > li.search-li:hover { background: none; } .img-thumb:hover img, .img-thumb:focus img, .zoom:hover img { transform: scale(1) !important; } .index-footer { background: #333344; width: 100%; clear: both; position: relative; } .footer-bottom { width: 1175px; margin: 0 auto; padding-top: 30px; } .know-ul-li { float: left;height:184px; border-right: 1px solid #333344; color: #fff; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.3); width: 180px;margin:0 14px 0 0; } .know-ul-li h3 { color: #fe8f00; font-size: 18px; margin-bottom: 10px; padding-left: 0 !important; position:relative; padding-left: 37px; } .know-ul-li h3:after{ width:17px; content:""; display:block; height:2px; background:#fe8f00; position:absolute; left:12px; top:10px; } .know-ul .know-ul-li:last-child { border-right: 0; box-shadow: inherit; } .li-ul li { font-size: 12px; color: #d5d5d5; line-height: 22px; text-align: left; /*padding-left: 18px;*/ padding-right: 10px; } .li-ul li a { color: #d5d5d5; display: block; font-size:14px;white-space: nowrap; } .li-ul li a:hover { color: #e6e6e6; text-decoration: underline; } .footer-text-span a{ color:#fff; } .footer-text-span { color: #d5d5d5; display: block; padding-right:5px; margin-top: 50px; } .footer-end { text-align: center; } .footer-end span { color: #d5d5d5; display: inline-block; text-align: center; margin: 15px 0; } .footer-end span img { height: 16px; display: inline-block; margin-right: 5px; } .call-us ul li { font-weight: 100; } .call-us ul li:first-child:after { background: none; } .heading span { float: right; font-weight: 100; } .heading span a { color: #8e8e8e; } .text-content { padding-bottom: 3px; border-bottom: 1px dashed #dadada; } .text-content h6 { padding-left: 10px; } .text-content h6:after { background: #428bca !important; content: ""; display: block; position: absolute; width: 3px; height: 16px; left: 0; top: 5px; } .news-list { margin: 15px; } .news-list li { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 30px; } .news-list li a { color: #333; display: block; float: left; overflow: hidden; text-overflow: ellipsis; width: 74%; } .news-list li a:hover { color: #428bca; } .fa-circle { margin-right: 10px; font-size: 10px; color: #d52020;float: left;margin-top: 10px; } .list-content { background: #ffffff; padding: 50px 20px; } .prev-article { float: left; } .next-article { float: right; } .blog-header { text-align: center; } .blog-header h5 { margin: 13px 0; font-size: 16px; color: #000; font-family:"新宋体" !important; font-weight:700; } .blog-header p { font-size: 12px; margin-bottom: 10px; color: #787878; background: #f3f3f3; padding: 5px 0; } .blog-banner { margin-bottom: 40px; } .recuruit-table { width: 70%; float: left; } .recuruit-table th { background: #dedede; text-align: center; color: #333; font-size: 15px; padding: 8px 0; } .recuruit-table th:nth-child(1) { width: 30%; } .recuruit-table th:nth-child(2) { width: 25%; } .recuruit-table th:nth-child(3) { width: 20%; } .recuruit-table th:nth-child(4) { width: 25%; } .recuruit-table td { text-align: center; height: 38px; background: #f6f6f6; border-bottom: 1px solid #fff; font-size: 1.2em; color: #454545; } .recuruit-ul { width: 27%; margin-left: 3%; float: right; background: #f3f3f3; padding: 12px 0 7px 0 !important; } .recuruit-ul li { width: 100%; } .recuruit-ul h1 { color: #c9061a; font-size: 16px; padding: 0 0 12px 15px; border-bottom: 1px solid #c8c8c8; width: 100%; } .recuruit-ul li a { margin-left: 15px !important; font-weight: 100; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 7px; line-height: 25px; } .sp-list { position: relative; } .sp-list .col-sm-3 { text-align: center; } .sp-list img { display: inline-block; width:180px; height:130px; } .sp-list .text-conns { max-height: 128px; overflow: hidden; } .sp-list .text-conns h5 { margin-bottom: 10px; } .sp-list .text-conns p { line-height: 23px; } .sp-list .more-btn { display: block; position: absolute; right: 0; bottom: -9px; font-size: 14px; font-family: "微软雅黑"; } .index-4-conns { position: relative; } .homepage-6 .services { padding-top: 50px !important; } .index-4-conns .col-sm-3 { padding: 0; } .index-4-conns figure{ width: 45%; float: left; height:156px; overflow:hidden; } .index-4-conns .slides-text { padding: 11px; } .index-4-conns .slides-text h4 { margin-bottom: 7px; line-height: 0.8; } .index-4-conns .slides-text h4 a { font-size: 14px; } .index-4-conns .slides-text p { margin-bottom: 15px; font-size: 12px; height: 77px; max-height: 77px; letter-spacing: 0.6px; } .img-text-slides { position: relative; } .img-text-slides img { width:210px; height:155px; } .index-4-conns .slides-text { position: absolute; top: 0; left: 45%; display: none; } .index-4-conns .slides-text:first-child { display: block; } .prev-btn-container { position: absolute; right: 7px; bottom: 5px; } .prev-btn-container a { float: left; font-size: 20px; letter-spacing: 10px; } .aside ul dl { padding: 0 17px; margin: 0 auto; padding-top: 10px; display: none; } .aside ul dl a { display: block; width: 95%; padding-left: 10px;font-size: 14px; margin-bottom: 10px; } .aside ul dl a:hover{ color: #FFE404 !important;text-decoration: underline; } .aside ul dl a.selected { background: #898989; color: #fff; height: 30px; line-height: 30px; } .video-container embed { width: 100%; height: 220px; margin-top: 20px; } @media (max-width: 960px) { .goods-photo dd img{width: 29%!important;} .logo img{width: 85%;} .text-content{height: 76px;} .user-blog pre{text-align: center;} .footer-text-span { margin-left: 10px; } .user-blog pre img{display: block; width: 95%;margin: 0 auto } .homepage-6 .slides-tab figure { width: inherit; } .homepage-6 .slides-text { width: inherit; } .footer-bottom { width: 100%; } .know-ul-li { width: 50%; float: left; margin-bottom: 30px;margin-left: 25%; /*text-align: center;*/ } .li-ul li { /*text-align: center;*/ font-size: 14px; } .text-content { margin-top: 40px; } .common-page .banner { margin-top:43px; height: 130px !important; } .common-page .banner img{ height: 130px !important; } .search-box { margin: 0 0 0 10px; width: 160px; } .recuruit-table { width: 100%; } .recuruit-ul { width: 100%; margin-left: 0px; margin-top: 20px; } .sp-list { padding-bottom: 30px !important; } .sp-list .text-conns { max-height: 165px; } .sp-list .text-conns h5 { margin-top: 15px; text-align: center; } .footer-end span.span_sec{display: block;text-align: center;margin: 0;} } @media (max-width: 780px) { .goods-photo dd img{width: 29%!important;} .logo img{width: 85%;} .text-content{height: 76px;} .footer-text-span { margin-left: 10px; } .user-blog pre{text-align: center;} .user-blog pre img{display: block; width: 95%;margin: 0 auto } .wzdt{margin-top:50px !important} .search-li{ position: relative !important; right: 0!important; top: 0!important; } .search-box { margin: 0 auto; width:100% !important; } .secondary-header .navigation { display: block !important; margin-top:37px; } .secondary-header .navigation li { width: 33.33%; float: left; } .secondary-header .navigation li a { font-size: 12px !important; padding: 18px 20px 18px 20px !important; } .secondary-header .navigation li.search-li { width: 100%; } .search-box { width: 100%; } .homepage7-header .nav-icon { display: none; } .index-4-conns figure, .index-4-conns figure img { width: 100%; height:200px; } .index-4-conns .slides-text h4 a { font-size: 16px; } .index-4-conns .slides-text p { font-size: 14px; height: 88px; max-height: 88px; } .index-4-conns .slides-text { min-height: 140px; } .img-text-slides { margin-bottom: 30px; overflow:hidden; } .index-4-conns .slides-text { position: inherit; } .heading span { float: right; font-weight: 100; margin-top: 20px; margin-bottom: 30px; margin-left: -10px; } .next-article{ float:none; margin-top:10px; clear: both; } .blog-text{padding:42px 0;} .footer-end span.span_sec{display: block;text-align: center;margin: 0;} } .header-select-conns{position: absolute;right: 0;bottom: 10px;} .index-footer .footer-select{width:130px;color:#333;margin-left:5px;margin-right: 66px;float: right;} .footer-imgEwm{position:absolute;right:6%;top:60px;width:115px;height:136px;display:inline-block;} .footer-end span span{display: block;text-align: center;} @media (max-width: 475px) { .goods-photo dd img{width: 29%!important;} .logo img{width: 85%;} .footer-text-span { margin-left: 10px; } .text-content{height: 76px;} .user-blog pre{text-align: center;} .user-blog pre img{display: block; width: 95%;margin: 0 auto } .homepage-6 .services{padding-top:20px !important} .list-content { padding: 10px 20px; } .know-ul-li { width: 100%; height: auto !important; } .index-footer .footer-select{float:none;margin-top:10px;margin-right: 0;} .footer-imgEwm{position:initial;margin-bottom:15px;} .header-select-conns{right: 15px;top: 10px;} .footer-end span.span_sec{display: block;text-align: center;margin: 0;} .goods-photo dt{float: none!important;} } @media (max-width: 375px) { .goods-photo dd img{width: 29%!important;} .logo img{width: 85%;} .footer-text-span { margin-left: 10px; .text-content{height: 76px;} .user-blog pre{text-align: center;} .user-blog pre img{display: block; width: 95%; margin: 0 auto} .footer-bottom { width: 100%; } .footer-end span.span_sec{display: block;text-align: center;margin: 0;} .goods-photo dt{float: none!important;} .index-footer .footer-select{float:none;margin-top:10px;margin-right: 0;} } .categories ul li a:hover, .aside ul li:hover{ color: #fe8f00 !important; border-color:#fe8f00 !important; }