.produtsort {max-width:150px;height:150px;overflow:hidden;} .produtsort img {width:100%;} .product-img {border:1px solid #f00!important;padding:5px;} .productimg {padding:5px;text-align:center;min-width:100%;min-height:100px;display:block;} .productimg img {max-width:100%;max-height:200px;width:auto;height:auto;margin:auto;} .pname {font-size:80%;} .footleft2 {padding:20px 0px;} .footleft2_1 {margin-top:35px;width:100%;border-bottom:1px solid #000;padding-bottom:20px;display:block;height:65px;} .footleft2_2 {display:block;padding-top:10px;} .footright2 {padding:20px 0px;} .footright2_1 {width:100%;border-bottom:1px solid #000;padding-bottom:20px;display:block;text-align:center;height:100px;} .footright2_2 {display:block;text-align:center;padding-top:10px;} /* .images-cover img{padding: 4%;} */ .f-11{font-size:11px;} /*========= Bootstrap===========*/ .bg-red {background-color:#e51225 !important;} .text-red {color:#e51225 !important;} .text-black {color:#000!important;} a.text-black:hover {color:#e51225!important;} .rounded-10 {-webkit-border-radius:10px!important;-moz-border-radius:10px!important;border-radius:10px!important;} .border-red {border:1px solid #e51225;} /*========= Navigation===========*/ .navbar-light .navbar-text {color:#c91121;} .dropdown-toggle::after {content:none;} .navbar-nav {height:75px;} .navbar-nav .dropdown:hover {background:#e51225;text-align:left;} .navbar-nav .dropdown .dropdown-toggle {padding-top:25px;margin-top:0;color:#212529;} .navbar-nav .dropdown-menu {border-bottom-left-radius:5px !important;position:relative;background:#e51225;} .navbar-nav .dropdown-menu .dropdown-item {height:50px;line-height:50px;color:#fff;transition:all .3s;} .navbar-nav .dropdown-menu .dropdown-item:hover {color:#212529;} .navbar-nav .border {height:16px;border-color:#212529 !important;} .navbar-collapse .head-link:hover {color:#e51225 !important;} .dropdown-toggle:hover {color:#fff !important;} .child-menu {display:none;width:880px;height:566px;background:#fff;border:1px solid #e51225;position:absolute;top:0;left:100%;border-top-left-radius:0 !important;border-left:transparent;overflow:auto;} .child-menu .card {border:1px solid #e51225;} .child-menu .card a {background:#e51225;color:#fff;} .child-menu .card a:hover {color:#000;} .child-menu .main-product-more {color:#e51225;position:absolute;bottom:15px;right:45px;} .form-inline {border-bottom:75px solid #e51225;border-left:100px solid transparent;width:471px;position:relative;transform:translateX(16px);position:absolute;right:16px;} .form-inline input {border-radius:20px 0 0 20px;position:absolute;top:18px;right:149px;} .form-inline button {border-radius:0 20px 20px 0;background:#dbdbdb;color:#e51225;position:absolute;top:18px;right:77px;} .form-inline input:focus,.form-inline button:focus {box-shadow:none;border-color:#dbdbdb;} .navbar-toggler {outline:0 !important;position:relative;} .dropdown {width:116px;} /*.dropdown:hover {*/ /*text-align:left;*//*} */.navbar-toggler .dropdown-menu {position:absolute;left:-140px;background:#e51225;width:180px;} .navbar-toggler .mobile-link {color:#fff;} .navbar-toggler .dropdown-menu:before {content:'';position:absolute;top:-10px;right:15px;height:0;width:10px;border-bottom:10px solid #e51225;border-left:10px solid transparent;border-right:10px solid transparent;} .navbar-toggler .icon-icon_search,.navbar-toggler .icon-icon_threeline_fill-copy{font-size:23px;} /*========= Banner===========*/ .carousel-indicators li {height:10px;width:10px;border-radius:50%;} .carousel-indicators .active {background:#e51225;background-clip:padding-box;} .carousel-indicators {margin:0 auto;} /*========= Contact Us===========*/ .contact-top {margin-top:80px;margin-bottom:85px;} .contact-top p:before {border-top:5px solid #e51225;display:block;content:' ';width:3.3em;height:15px;line-height:15px;} .contact-left p:first-child {margin-bottom:55px;} .contact-left .contact-qr {margin-top:55px;} .contact-left p:last-child {margin-top:20px;} .contact-right #descr {resize:none;} .contact-right input,.contact-right textarea {border-radius:0px;} .contact-right label {padding-right:0;font-weight:normal;text-align:right;} .contact-right .contact-btn {margin-left:46px;margin-top:20px;width:80px;background-color:#eb0000;border-radius:0px;} /*========= MAIN-ABOUT===========*/ .main-about .card {background-color:#000;max-width:500px;} .info-about .about-title:before,.main-about .card .card-body .card-title:before {content:' ';display:block;border:2px solid #e51225;max-width:6rem;margin-bottom:15px;} .info-about .card .eng-text:after {content:' ';display:block;border:2px solid #e51225;max-width:6rem;margin:10px auto 120px;} .info-about .eng-text:after {content:' ';display:block;border:2px solid #e51225;max-width:6rem;margin:10px auto 60px;} .info-about .card-img{height: 342px;} .descrimg img {max-width:100%;height:auto;} .descrimg table {width:100%;height:auto;} .about-vision-info {color:#fff;} .about-vision-child {height:450px;background:#e51225;padding:70px 10px 0;margin-top:20px;} .about-vision-child .child-p2 {font-size:13px;} .diagonal-div {width:145px;height:145px;margin:40px auto;line-height:145px;position:relative;} .diagonal-div:before {content:"";position:absolute;left:-35px;top:0;width:100%;height:73px;box-sizing:border-box;border-bottom:1px solid #fff;transform:rotateZ(-45deg) scale(1.4);} .roundness-div {width:145px;height:145px;background-color:transparent;border-radius:65px;overflow:hidden;position:absolute;z-index:999;} .my-lg-0 input::-webkit-input-placeholder {font-size:15px;} /*========= MAIN-SCHEME===========*/ .main-scheme {background:#f5f5f5;position:relative;} .main-scheme .scheme-title {margin-top:250px;} .scheme-show .scheme-show-title:before,.scheme-index .card-body .card-title:before,.main-scheme .scheme-title:before {content:' ';display:block;border:2px solid #e51225;max-width:6rem;margin-bottom:15px;background:#e51225; } .main-scheme .card-img {height:390px;width:100%;} .main-scheme .card-body {border:2px solid #7d7d7d;height:390px;position:relative;} .main-scheme .card-body button {position:absolute;bottom:50px;left:auto;right:auto;transform:translateX(-45px);} .main-scheme #scheme-carousel {position:relative;} .main-scheme #scheme-carousel .scheme-carousel-prev {position:absolute;left:-111px;bottom:240px;padding:0 12px;border:2px solid #e51225;border-radius:50%;} .main-scheme #scheme-carousel .scheme-carousel-prev span {font-size:40px;} .main-scheme #scheme-carousel .scheme-carousel-next {position:absolute;right:-111px;bottom:240px;padding:0 12px;border:2px solid #e51225;border-radius:50%;} .main-scheme #scheme-carousel .scheme-carousel-next span {font-size:40px;} .main-scheme .scheme-red-block {position:absolute;width:95px;background:#e51225;right:0;top:0;bottom:0;z-index:21;} .main-scheme .scheme-white-block1 {position:absolute;width:100%;height:170px;z-index:20;top:0;background:#fff;} .main-scheme .scheme-white-block2 {position:absolute;width:40px;background:#fff;left:95px;top:0;bottom:0;z-index:21;} /*========= MAIN-NEWS===========*/ .main-news {position:relative;} .main-news div {border-color:#959595!important;} .main-news .news-title:before {content:' ';display:block;border:2px solid #e51225;max-width:6rem;margin-bottom:15px;} .main-news .news-more {position:absolute;top:60px;right:110px;} .news-show .news-title:before {content:' ';display:block;border:2px solid #e51225;max-width:6rem;margin-bottom:15px;} /*========= Footer===========*/ .footer {padding:0 200px;position:relative;background:#eeeeef;} .footer .footer-contact {border-bottom:1px solid #000;} .footer .foot-nav a {color:#000;} .footer .foot-nav a:hover {color:#e51225;} .footer .foot-nav a:not(:last-child) {border-right:2px solid #000;} .footer .foot-nav img {margin-right:150px;} .footer .footer-other {border-top:1px solid #000;} .footer .footer-other span:last-child {margin-right:100px;} .footer .footer-red-block {position:absolute;width:95px;background:#e51225;right:0;top:0;bottom:0;} .footer .mobile-footer-search form {width:100%;} .footer .mobile-footer-search input {width:90%;border-radius:0;} .footer .mobile-footer-search button {width:10%;background:#f6f6f6;border:1px solid #9d9c9d;border-radius:0;transform:translate(-2px,-2px);} .footer .mobile-footer-other {position:relative;color:#595757;} .footer .mobile-footer-other>span:after {content:'';display:inline-block;height:1px;width:77%;background-color:#9e9e9f;position:absolute;top:30px;right:0;} /*在线客服*/ .kefu {position:fixed;width:171px;height:168px;right:-235px;bottom:194px;background:#fff;border-radius:8%;z-index:110;text-align:center;box-shadow:-1px 5px 23px #888888;transition: all 0.5s} .kefu p:first-child {background:#e51225;padding:15px 0;border-radius:8% 8% 0 0;font-size:25px;color:#ffffff;} .kefu2{position: fixed;right: 0;bottom: 194px;background:#e51225;width:25px;text-align: center;border-radius: 5%;color: #fff;z-index:110;} .mobile-kefu {position:fixed;width:42px;height:150px;right:19px;bottom:7px;background:#fff;border-radius:8%;z-index:110;text-align:center;box-shadow:1px 1px 1px #808080;display:none;} .mobile-kefu p {background:#e51225;font-size:14px;border-radius:5px 5px 0 0;color:#ffffff;} #qq a {text-decoration:none;color:black;} #pc-ewm {position:fixed;width:173px;height:200px;right:300px;bottom:194px;background:#e51225;border-radius:8%;z-index:110;text-align:center;color:#fff;box-shadow:1px 5px 24px #888888;display:none;} #mobile-ewm {position:fixed;width:150px;height:190px;right:30%;top:50%;background:#e51225;border-radius:8%;z-index:110;color:#fff;text-align:center;box-shadow:1px 5px 5px #808080;display:none;} /*分页*/ .pagination .active span {margin-left:5px;border:none;background:#e51225;padding:5px 10px;} .pagination .active span:hover {background:#e51225;} .pagination li a {margin-left:5px;color:#fff;background:#535353;border:none;padding:5px 10px;} .pagination li a:hover {background:#e51225;color:#fff;text-decoration:none;} .pagination .disabled span {display:none;} /*========= Product===========*/ .product-sort .card-img {height:190px;} .product-sort .card-center2 {height:188px;transform:translateY(25%);} .product-sort .card-search2 .card-title {border-left:7px solid #e51225;} .product-sort .card-search2 .card-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/select.png") right no-repeat; background-size: 40px 45px; transform: translateX(-7px); } .product-sort .card-search2 {height:188px;transform:translateY(10%);} /*产品中心*/ .product-title {margin-top:80px;} .product-title p {font-weight:bold;} .product-title p:before {border-top:5px solid #e51225;display:block;content:' ';width:3.3em;height:15px;line-height:15px;} .product-crumb {color:#e51225;margin:40px 0 45px 0;} .product-crumb a {color:#e51225;letter-spacing:2px;} .product-crumb span:last-child {color:#282828;letter-spacing:2px;} .product-content-left a {border:1px solid #282828;margin-bottom:6px;border-radius:unset;height:60px;line-height:45px;text-align:left;} .product-content-left a:hover {color:#fff;background:#e51225;text-decoration:none;cursor:pointer;} .product-content-left span:first-child {margin:0 5px 0 15px;} .product-content-left span:last-child {float:right;margin-right:15px;} .product-content-left .active {color:#fff !important;background:#e51225;} .related-product {border-left:5px solid #e51225;padding-left:5px;font-size:20px;font-weight:bold;} .dashed-product {border-bottom:1px solid #d0d0d0;} /*分页*/ .pagination .active span {margin-left:5px;border:none;background:#e51225;} .pagination .active span:hover {background:#e51225;} .pagination li a {margin-left:5px;color:#fff;background:#535353;border:none;} .pagination li a:hover {background:#e51225;color:#fff;} .pagination .disabled span {display:none;} .product-desc .title,.product-desc .cz1,.product-desc .cz2,.product-desc .cz3 {font-weight:bold;color:#535353;font-size:20px;border-bottom:1px dashed #8b8b8b;padding-bottom:10px;} .product-desc .title span,.product-desc .cz1 span,.product-desc .cz2 span,.product-desc .cz3 span {font-weight:lighter;} .product-desc .right-text {float:left;margin-top:70px;} .product-desc .right-text .h4 {border-left:5px solid #e51225;padding-left:5px;} .product-desc .right-text p:nth-child(2) {padding-left:10px;} .product-desc .right-text2 {float:left;} .product-desc .right-text2 select {width:185px;float:left;border:1px solid #282828;border-radius:unset;margin-right:20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/select.png") right no-repeat; background-size: 40px 45px; transform: translateX(-7px); } .product-desc .right-text2 input {float:left;width:125px;border:1px solid #282828;border-radius:unset;} .product-desc .right-text2 button {background-color:#e51225;float:left;width:60px;border-radius:unset;border:1px solid #282828;color:#fff;} .product-desc .query {margin-top:60px;background:#a2a2a2;border:1px solid #000;color:#fff;padding:1px 10px;} .product-desc .desc {background:#e51225;width:100px;height:45px;line-height:45px;color:#fff;text-align:center;margin-bottom:0;} .product-desc .desc + p {border-bottom:1px solid #d0d0d0;} .overflow {overflow:hidden;margin-top:5%;} .marquee {height:247px;display:flex;display:inline-block;text-align:center;list-style:none;margin-left:-34px;} .marquee .marquee-img {width:150px;height:150px;border:1px solid #000000;border-radius:50%;padding:21px;padding-top:36px;} .marquee img {width:100%;height:auto;} .myleft,.myright {width:51px;background:#e51225;font-size:38px;color:#fff;margin-top:40px;padding-top:10px;} .myleft .iconfont, .myright .iconfont{font-size: 50px;} .myleft {float:left;} .navMenu{width: 0%;height: 100%;position: fixed;top: 0;right:0;color: #0C0C0C;background: rgba(0,0,0,0.8);z-index: 12000;text-align: left;font-size: 15px;transition: width .7s;} .navMenu li{list-style: none;} .navMenu-1{width: 0%;height: 100%;position: fixed;top: 0;right:-26px;color: #0C0C0C;background: #EA4147;z-index: 12222;font-size: 15px;transition: width .7s;} .navMenu-1 li{list-style: none;} #product-zx .active{color: #e51225;} .mobile-nav-search{position:fixed;top:-20%; left:15%;right:0;width:350px;z-index:999;transition: all 0.7s;} .mobile-nav-search .icon-icon_search{font-size: 16px;margin-left:-15px;margin-bottom:1px;color: #e51225;} #pform .card-title{font-size: 0.8rem !important;} .product-line{border-top:10px solid #ccc; margin:55px 0;height:20px;} .product-card{border-bottom: 1px solid #ccc;min-height:100px;} @media screen and (max-width: 1640px) { .main-about .card-img {height:656px;} .my-lg-0 input::-webkit-input-placeholder {font-size:13px;} .form-inline {width:380px;} .form-inline .form-control {width:180px;} .form-inline input {right:117px;} .form-inline button {right:45px;} .ml-5 {margin-left:0 !important;} .dropdown {width:111px;} .navbar-nav {font-size:15px;} .child-menu {width:770px;} } @media screen and (max-width: 1624px) { .container {max-width:1100px;} .main-scheme .card-body button {bottom:9px;} .my-md {padding-bottom:0;} .main-scheme .scheme-white-block2,.main-scheme .scheme-red-block {background:transparent;} } @media screen and (max-width: 1570px){ .form-inline {width:282px;} .form-inline button {right:19px;} .myfont {font-size:12px;} .iconfont {font-size:12px;} .form-inline input {right:62px;} .form-inline .form-control {width:128px;height:32px;} .ml-xl-5,.mx-xl-5 {margin-left:2rem !important;} .child-menu {width:814px;} .footer .foot-nav img {margin-right:138px !important;} } @media screen and (max-width: 1199px) { .info-about .card .eng-text:after {margin-bottom:20px;} .main-about .card-img {height:329px;} .main-scheme .scheme-title {margin-top:90px;} .main-scheme #scheme-carousel {max-width:600px;margin:0 auto;} .main-scheme #scheme-carousel .scheme-carousel-prev,.main-scheme #scheme-carousel .scheme-carousel-next {bottom:430px;} .footer {padding:0;background:#eeeeef;} .product-sort .card-center {border-right:1px solid #343a40!important;border-bottom:0!important;} .product-sort .card-search {border-left:1px solid #343a40!important;} .kefu {display:none;} .mobile-kefu {display:block} .product-desc .right-text2 {margin-bottom:70px;} .navMenu .icon-icon-test1{font-size: 24px; float: right;padding-right: 0;color: rgba(255,255,255,0.4) !important;} .navMenu .nav-item{border-bottom:1px solid rgba(255,255,255,0.1);padding: 20px 20px!important;} .navMenu .nav-item:first-child{border-bottom:transparent;} .navMenu .icon-guanbi{font-size: 15px !important;} #keyword1{height: 38px !important;} .news-biaoti{padding-top: 0 !important;} .product-desc .right-text2 select{width: 226px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/select.png") right no-repeat; background-size: 62px; transform: translateX(-7px); } .product-sort .card-search2 .card-select{width: 226px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("../images/select.png") right no-repeat; background-size: 62px; transform: translateX(-7px); } .product-desc .right-text2 input{width: 164px;} option{font-size: 11px;} } @media screen and (max-width:1199px) {.contact-right label {text-align:left;} .contact-right .contact-btn {margin:30px auto 0;} } @media screen and (min-width:1200px){ .product-page {width:400px;margin-left:330px;} .news-page {width:400px;margin:0 auto;padding-left:130px;} } @media screen and (max-width: 1024px) { .mobile-footer-contact {padding-left: 235px;} .magnifier{margin: 0 auto !important;} } @media screen and (min-width:992px) and (max-width: 1199px){ .product-page {width: 400px;margin-left: 250px;} .news-page {width: 400px;margin: 0 auto;padding-left: 130px;} } @media screen and (min-width:768px) and (max-width: 991px){ .product-page {width:400px;margin:0 auto;margin-left:120px;} .news-page {width:400px;margin:0 auto;padding-left:100px;} .product-desc .carousel-product-img {transform:translateX(25%);} } @media screen and (max-width: 991px) { .main-about .card .card-body .card-title {font-size:20px;} .main-about .card .card-body .card-title:before {width:4rem;margin-bottom:2px;} .main-about .card .card-body .card-text {font-size:12px;} .main-about .card .card-body button {font-size:12px;} .product-sort .card-img {height:300px;} .main-scheme #scheme-carousel {max-width:500px;} .myform {margin-left:56px;} .product-sort .card-search {height:215px;} .product-sort .card-search2 .card-button {padding-left:0px;padding-right:0px;transform:translateX(42px);} .product-sort .card-search2 .card-input {transform:translateX(42px);} #pform .card-title{font-size: 0.5rem !important;} .product-title {margin-top: 42px;} .product-sort{padding-top:0 !important; } .card-search2 .card-title{font-size: 1.25rem !important;} .card-search2 .card-text{font-size: 12px;} .card-select{font-size: 12px;} /* .images-cover img{padding: 20%;} */ .main-about .card-img {height:255px;} } @media (min-width:575px) and (max-width: 991px){ .product-sort .card-img {height: 300px !important;} } @media screen and (max-width: 767px) { .main-scheme #scheme-carousel {max-width:400px;} .main-scheme #scheme-carousel .scheme-carousel-prev {left:-110px;} .main-scheme #scheme-carousel .scheme-carousel-next {right:-110px;} .main-scheme #scheme-carousel .card-body {height:auto;} .main-scheme .card-body button {bottom:10px;} .myform {margin-left:41px;} .mobile-footer-contact {padding-left:0;} .product-sort .card-search2 .card-button {transform:translateX(25px);border: transparent;} .product-sort .card-search2 .card-input {transform:translateX(26px);} .magnifier {margin-right:30px;} .product-desc .right-text select {margin-left:70px;} .product-desc .right-text input {margin-top:5px;margin-left:70px;} .product-desc .right-text button {margin-top:5px;} .product-page {width:450px;margin-left:75px;} .news-page {width:400px;margin:0 auto;padding-left:110px;} .product-list {margin-left:70px;} .myright {margin-left:-19px;} .marquee {margin-left:-32px !important;height: 129px;} .chanping{font-size:22px;} .chanping-1{font-size: 16px;} .chanping-2{font-size: 20px;} .marquee .marquee-img{width:60px;height: 60px;padding: 7px;} .marquee img{width: 40px; height:40px;} .myleft, .myright{width: 28px;margin-top: 12px;height: 57px;padding-top: 0;outline: none;} .myleft .iconfont, .myright .iconfont{font-size:35px;} .product-name{font-size: small} .info-about .card-img{height: 157px;} .info-about .card-title{margin-top: 0 !important;} .info-about .card-text{font-size: 15px;} .main-news .news-more {right: 24px;} } @media screen and (max-width: 575px) { .main-about .card .card-body {padding:31px!important;} .main-about .card .card-body .card-title {font-size:16px;} .main-about .card .card-body .card-title:before {width:3rem;} .main-about .card-img {height:289px;} .main-about .card .card-body button {margin-top:5px;padding:3px;} .navbar .ml-4 {margin-left:.5rem !important;margin-right:0;} .navbar-light .navbar-brand img {width:45px;height:45px;} .navbar-light .navbar-text {font-size:14px;} .navbar-light .navbar-text span {font-size:12px;} .main-scheme #scheme-carousel {max-width:262px;} .main-scheme #scheme-carousel .scheme-carousel-prev {left:-110px;} .main-scheme #scheme-carousel .scheme-carousel-next {right:-110px;} .main-scheme #scheme-carousel .card-body {display:none;} .main-scheme #scheme-carousel .card-img {height:203px;} .main-scheme #scheme-carousel .scheme-carousel-next span {font-size:10px;} .main-scheme #scheme-carousel .scheme-carousel-prev span {font-size:10px;} .main-scheme #scheme-carousel .scheme-carousel-prev {left:-39px;padding:0 7px;bottom:170px;} .main-scheme #scheme-carousel .scheme-carousel-next {right:-39px;padding:0 7px;bottom:170px;} .myform {margin-left:31px;} .footer {padding:0 10px;margin-top:30px;} .footer .mobile-footer-contact,.footer .mobile-footer-other {font-size:12px;} .footer .mobile-footer-contact img {margin-top:10px;width:76px;height:76px;} .footer .mobile-footer-other>span:after {width:60%;top:25px;} .mobile-footer-contact {padding-left:0;} .product-sort .card-search2 .card-button {transform:translateX(30px);font-size: 12px;} .product-sort .card-search2 .card-input {transform:translateX(30px);} .product-crumb a {letter-spacing:1px;font-size:12px;} .product-crumb span {letter-spacing:1px;font-size:12px;} } @media screen and (max-width: 414px) { .product-sort .card-search2 .card-button, .product-sort .card-search2 .card-input {transform: translateX(17px);} } @media screen and (max-width: 390px) { .product-sort .card-search2 .card-button, .product-sort .card-search2 .card-input {transform: translateX(13px);} .myform{margin-left:28px;} } @media screen and (max-width: 360px) { .main-scheme #scheme-carousel {max-width: 230px;} } @media screen and (max-width: 320px) { .product-sort .card-search2 .card-button, .product-sort .card-search2 .card-input {transform: translateX(8px);} .product-sort .card-search {height: 235px;} }