/* CSS Document */ @import url("style/base.css"); /*header*/ .head-fixed{width:100%;position:relative;left:0;top:0;z-index:999;background:#fff;transition:all 0.4s;padding:0 0px;} #header{ height:auto;background:#fff; overflow:visible; position:relative;} #header .w1200{ overflow:visible; position:relative; z-index:10;justify-content:space-between;} #header .logo{width:100%; margin:0; position:relative; text-align:center;} #header .logo a{padding:20px 0;} #header .logo img{ max-width:100%; height:auto; vertical-align:middle;} #header .logo span{ padding-left:15px; font-size:32px; line-height:1; color:#333; font-weight:600; text-align:left; letter-spacing:6px;} #header .logo span i{ display:block; font-size:15px; color:#888; padding:10px 0 0; font-weight:normal; font-style:normal; letter-spacing:0px;} .top-box{ display:none;} @media(max-width:767px){ #header .logo a{padding:15px 10px;} #header .logo img{ max-height:60px; height:auto;} #header .logo span{ padding-left:12px; font-size:1.6rem;letter-spacing:6px;} #header .logo span i{ font-size:.8rem; padding:10px 0 0; letter-spacing:0px;} } .menu{width:100%;transition:all 0.4s;} .menu .nav{ width:calc(100% - 330px); height:auto; padding:0;justify-content: flex-end; background:#e60013;} .menu li{position:relative;z-index:10; width:33.333%; text-align:center;} .menu li .svb{display:flex;align-items:center;padding:0;height:auto;position:relative;z-index:0; height:48px;} .menu li .svb a{font-size:20px;color:#fff; display:block; width:100%;} .menu li .svb i{font-size:12px;color:#fff;margin-left:6px;} .menu li.active .svb,.menu li:hover .svb{ background:#f90f22;} .menu li.active .svb i,.menu li:hover .svb i{transform:rotate(180deg);color:#00479d;} .menu .menuBox{padding:10px 10px;width:max-content;position:absolute;top:100%;left:50%;transform:translate(-50%, 50px);z-index:10;background:#fff;opacity:0;pointer-events:none;transition:all 0.4s;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.06);border-top:3px solid #00479d; width:100%;} /*.menu li:nth-child(4) .menuBox{ width:125%;}*/ .menu .menuBox.on{opacity:1;pointer-events:auto;transform:translate(-50%, 0);} .menu .menuBox a{font-size:14px;display:block;line-height:24px;padding:10px 5px;border-bottom:1px solid #dbdbdb;text-align:center;} .menu .menuBox a:last-child{border:none;} .menu .menuBox a:hover{color:#00479d;} @media(max-width:767px){ .menu .nav{ width:100%;} .menu li .svb{ height:46px;} .menu li .svb a{font-size:18px;} } .pcright{ width:320px; color:#333; padding-right:0px;} .pcright .search{position:relative;background:#fff;} .pcright .search .search-icon{cursor:pointer;background:inherit;position:relative;} .pcright .search .search-icon i{cursor:pointer;background:inherit;margin-right:10px;z-index:-1;} .pcright .search .search-icon i.c-icon{position:absolute;left:0;top:0;} .pcright .search.active .search-icon i.c-icon{z-index:1 !important;} .pcright .search.active span{color:#00479d;} .pcright .search span{font-size:14px;cursor:pointer;} .search span:hover{color:#00479d;} .search01{width:100%;height:auto;background-color:#fff;border-radius:0px;margin-top:1px;border:1px solid #e60013;} .search01 .sidebar-search{display:flex;justify-content:space-between;} .search02 input.search03{width:210px;font-size:14px;color:#333;line-height:46px;border:none;outline:none;background-color:transparent; padding:0 10px;} .search01 input.search04{width:18px;height:28px;float:right;background-image:url(/images/index_icon02.png);border:none;background-repeat: no-repeat;background-position:center;outline:none;background-color:transparent;cursor:pointer;margin-right:10px;} .search01 .search-btn{display:flex;align-items:center;justify-content:center;width:110px;height:46px;cursor:pointer;font-size:14px;color:#fff; border:none; padding:0; background:#e60013;margin-right:0; line-height:46px;} .search01 .search-btn svg{ width:18px; height:18px;fill:#fff; margin-right:5px;} .search01 input::placeholder{ color:#999;} @media(max-width:767px){ .pcright{ width:90%; margin:15px 5%} .search02{ width:calc(100% - 110px);} .search02 input.search03{ width:100%;} } .search-box{width:100%;position:fixed;z-index:999;right:0;top:136px;background:#fff;padding:30px 50px 40px;display:none;border-top:1px solid #dbdbdb;box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.05);} .search-box form{width:70%;margin:0 auto;display:flex;align-items:center;border-bottom:1px solid #dbdbdb;} .search-box form input{line-height:60px;font-size:15px;width:calc(100% - 30px); border:none; outline:none;} .search-box form button{display:flex;align-items:center;justify-content:center;width:30px;height:60px;cursor:pointer;font-size:18px;color:#00479d; border:none; padding:0; background:none;} .banner{ text-align:center; border-bottom:0px solid #ddd; border-top:0px solid #ddd; padding:10px 0 0; color:#333; margin-bottom:15px; display:flex;align-items:center;} .banner .img img{ width:260px; height:auto; vertical-align:middle;} .banner .txt{ width:600px; position:relative; padding:0 30px; text-align:left;} .banner span{ display:block; font-size:15px; line-height:1.8; padding-bottom:5px; text-indent:0;} .banner h5{ font-size:20px; line-height:1.6; padding-bottom:5px; font-weight:bold;} .banner p{ font-size:18px; line-height:1.8; color:#9d0000; font-weight:600;} @media(max-width:767px){ .banner{flex-wrap: wrap; border-bottom:0px solid #ddd; border-top:5px solid #ddd; padding:0;} .banner .img{ width:100%; text-align:center; display:none;} .banner .img img{ max-width:100%; height:auto; width:auto;} .banner .txt{ width:100%; padding:15px 10px 0;} .banner h2{ font-size:.9rem; padding-bottom:8px;} .banner h5{ font-size:1.2rem; padding-bottom:8px;} .banner span{ font-size:.9rem; padding-bottom:8px;} .banner p{ font-size:1rem;} } .banB{ background-color:#ffe4e6; font-size:18px; line-height:50px; padding-left:15px; color:#000; margin-bottom:15px;} .bread{height:auto;color: #000;font-size: 18px;justify-content:flex-start;} .bread i {line-height:24px;margin-right:4px;font-size: 18px;transform: translateY(1px);color: inherit;} .bread span {padding-right: 4px;color: inherit;} .bread em {padding: 0 4px;} .bread a {color: inherit;} .bread span,.bread a:hover{color:#E43939;} @media(max-width:767px){ .banB{ line-height:46px; font-size:1rem; padding:0 10px;} .bread{ font-size:1rem;} .bread i{ font-size:1rem;} } /*main*/ .mTitle{ width:100%;} .mTitle h4{font-size:16px;line-height:1.5;} .mTitle h2{font-size:34px;margin-top:15px;line-height:1.5; font-weight:bold;} .mTitle p{line-height:2;margin-top:15px;color:#808080;text-align-last:center; font-size:14px;} @media only screen and (max-width:1440px){ .mTitle p{line-height:26px;margin-top:16px;} } @media only screen and (max-width:1200px){ .mTitle h4{font-size:14px;} .mTitle h2{font-size:36px;} .mTitle p{line-height:24px;margin-top:12px;} } @media only screen and (max-width:900px){ .mTitle h2{font-size:32px;margin-top:16px;} } @media(max-width:767px){ .mTitle h4{font-size:13px;} .mTitle h2{font-size:22px;margin-top:10px;} } .main1{padding:0 0 30px 0;} .main1 ul li{ float:left; width:calc((100% - 30px)/4); margin:0 10px 10px 0;} .main1 ul li:nth-child(4n){ margin-right:0;} .main1 ul li .pic{ width:100%; height:auto;} .main1 ul li .pic img{ max-width:100%; height:auto;} .main1 ul li .txt{ padding:0 10px;} .main1 ul li .txt h5{ padding:5px 0 0;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;font-size:16px;color:#000000;text-align:left; line-height:1.5; height:29px; margin-bottom:8px;} .main1 ul li .txt .price{ font-size:22px; line-height:1.2; color:#E43939; font-weight:bold; margin-bottom:5px;} .main1 ul li .txt p{color:#3d85c6; font-size:14px; line-height:1.8;} .main1 ul li:hover .txt{color:#E43939;} @media(max-width:767px){ .main1{padding:0 10px 10px;} .main1 ul li{ float:left; width:calc((100% - 10px)/2);} .main1 ul li:nth-child(2n){ margin-right:0;} .main1 ul li .txt h5{font-size:15px; height:50px;} .main1 ul li .txt .price{ font-size:20px;} .main1 ul li .txt p{ line-height:1.7;} } .main2{ padding:0 15px;} .main2 ul{ padding:0 0 50px;} .main2 ul li{width:100%;display:block;border-bottom:1px dashed #9C9C9C;padding:17px 0;} .main2 ul li a{display:block;} .main2 h2{font-weight:normal;font-size:22px;color:#232323; padding-bottom:10px;} .main2 p{line-height:1.8;color:#787878; font-size:15px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .main2 ul li:hover h2{color:#E43939;} @media(max-width:767px){ .main2{ min-height:100px; padding:0 10px;} .main2 ul{ padding:0 0 20px;} .main2 ul li{padding:12px 0;} .main2 h2{font-size:17px; padding-bottom:5px; line-height:1.5;} .main2 p{font-size:14px;} } /*footer*/ .footer{background:#efefef;padding:15px 15px;text-align:center;} .footer .copy{justify-content: space-between;} .footer .copy .code{ width:95px; height:70px;display:flex;justify-content:space-between;align-items:center;} .footer .copy .code img{ width:70px; height:70px; padding:3px; background:#FFF;} .footer .copy .code em{ font-style:normal; width:16px; line-height:1.3;} .footer .fcopy{ width:calc(100% - 95px); padding:0;} .footer .fcopy p{color:#444; font-size:14px; line-height:1.8; padding-bottom:5px;} .footer .fcopy p span{ margin-right:8px;} .footer .fcopy p a{color:#444; font-size:14px;} .footer .fcopy a:hover{color:#E43939;} /*版权信息*/ .footer .copy{} .flink{ width:100%; padding:0 0 0 95px;font-size: 14px;line-height: 24px;color:#666;} .flink a{color:#666; margin:0 8px 0 0;} .flink a:hover{color: #E43939;} /*侧边栏留言表单*/ .sidequotebtn,.sidequotebtn1{position: fixed;right: 0;bottom: 0;z-index: 9999;} .sidequotebtn1{ display:none;} .circle dl,.circle dd{width: 90px !important;height: 90px !important;} .sidequotebtn dt,.sidequotebtn1 dt{width: 50px !important;height: 50px !important;} .sidequote{width:360px;position: fixed;z-index: 9999999;bottom: 10px;right: 10px;border-radius: 10px;background: #fff;background-size: cover;box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);padding: 30px;transform-origin: bottom right;transform: scale(0);transition: all 0.3s;} .sidequote .close_btn{font-size: 24px;position: absolute;right: 20px;top: 20px;color: #00479d;cursor: pointer;} .sidequote .summary h2{font-size:20px;text-transform: capitalize;line-height: 1;margin-bottom: 10px;color: #1a1a1a;} .sidequote .summary p{font-size: 14px;line-height: 22px;} .sidequote form{display: block;} .sidequote form dl dd{margin-top: 16px;} .sidequote form dl dd span{display: block;font-size: 14px;margin-bottom: 10px;} .sidequote form dl dd span i{color: #ff232e;font-size: 14px;padding-left: 4px;} .sidequote form dl dd input{display: block;background: #f5f5f5;border: 1px solid #dbdbdb;width: 100%;line-height: 40px;color: #333;padding: 0 12px;border-radius: 4px;font-size: 14px;} .sidequote form dl dd textarea{display: block;width: 100%;background: #f5f5f5;border: 1px solid #dbdbdb;height: 100px;border-radius: 4px;padding: 10px 12px;font-size: 14px;line-height: 22px;} .sidequote form dl dd input:focus,.sidequote form dl dd textarea:focus{border-color: #00479d;} .sidequote form dl dt{margin-top: 20px;} .sidequote form dl dt button{display: block;width: 100%;color: #FFFFFF;line-height: 42px;cursor: pointer; border:none;} .sidequote.show{transform: scale(1);} .sidebar .top-back{transition: all 0.4s;} .sidebar.show {opacity: 1;} .index_foot{ display:none;} @media(max-width:767px){ .footer .fcopy{ width:100%; padding:0px 0 0;} .footer .copy .left{width: 100%;} .footer .copy .left span{display: inline;} .footer .copy .right{margin-top: 0;} .footer{padding:15px 10px;} .footer .copy .code{ width:100%; height:auto;display:block; text-align:center; display:none;} .footer .copy .code img{ width:120px; height:120px;} .footer .copy .code em{ display:block; width:100%; line-height:1.5;} .flink{ display:none;} /*侧边栏留言表单*/ .sidequote{width: 100%;right: 0;bottom: 0;border-radius: 10px 10px 0 0;} .sidequotebtn{ display:none;} .sidequotebtn1{ display:block;} .sidequotebtn dt,.sidequotebtn1 dt{width: 44px !important;height: 44px !important;} .sidequotebtn dt svg{width: 20px !important;height: 20px !important;} .sidequotebtn1 dt img{width:18px !important;height: 18px !important;} .index_foot{ width:100%; height:auto;display:block; overflow:hidden;max-width:640px; margin:0 auto; margin-top:12%;} .app_con{ height:auto;max-width:640px;margin:0 auto; overflow:hidden;width:100%; display:block;} #fixed-foot{position:fixed; z-index:1000;bottom:0;width:100%; max-width:640px; height:auto; margin:0 auto;display:inline-block;background:#fff;-webkit-box-shadow:0 0 10px 0 rgba(12,36,134,.1); box-shadow:0 0 10px 0 rgba(12,36,134,.1); padding:5px;} #fixed-foot .btn1{width:100%; max-width:640px; margin:0 auto;display:block;text-align:center; } #fixed-foot .btn1 a{ cursor:pointer; display:block; color:#FFFFFF;float:left; text-align:center;width:100%; background-color:#00479d; border-radius:8px; line-height:40px; text-align:center; font-size:0;} #fixed-foot .btn1 a:nth-child(1){ border-left:none; margin-right:0%;} #fixed-foot .btn1 a img{ display:inline-block; margin:0 8px 0 0; vertical-align:middle; width:20px; height:auto;} #fixed-foot .btn1 a span{ display:inline-block;font-size:15px; vertical-align:middle;} } .inBan{height:360px;background-attachment:fixed !important;position: relative;z-index: 0;background-size:100% !important;margin-top:136px;} .inBan:before{content:"";width:100%; height:100%;position:absolute;left:0;bottom:0;z-index:-1;background: url(/images/bot.png) repeat center;opacity: 0.1;} .bancontent{height: 100%;} .bancontent .summary h2{font-size: 42px;color: #fff;line-height: 1;margin-bottom: 16px;text-transform: capitalize;} .bancontent .summary p{font-size: 16px;color: #fff;line-height:30px;} .bancontent .linkbtn{margin: 50px 0 10px;} .inBan .sitebtn3{padding:0 28px;} .inBan .sitebtn3 h5{color:#fff;font-size:14px;line-height:52px;} .inBan .sitebtn3 i svg path{fill:#ffffff;} @media(max-width:767px){ .inBan{height:260px;margin-top:80px;} .bancontent{padding: 35px 15px;} .bancontent .summary h2{font-size:26px;margin-bottom:13px;} .bancontent .summary p{ line-height:24px;} .bancontent .linkbtn {margin:20px 0 5px;} .inBan .sitebtn3 {padding: 0 16px;} .inBan .sitebtn3 h5 {line-height:38px;} } .par80{ padding-right:80px;} .pal80{ padding-left:80px;} /*content*/ .contentBox{position:relative;} .side_rc{ width:100%; height:auto; padding:0;} @media(max-width:767px){ .side_r{ width:100%;float:none;} .side_rt{ display:none;} } /*图文展示*/ .productList{ padding:0 0 35px;} .productList ul{ margin:0;} .productList ul li{ float:left; width:calc((100% - 30px)/4); margin:0 10px 10px 0;} .productList ul li:nth-child(4n){ margin-right:0;} .productList ul li .pic{ width:100%; height:auto;} .productList ul li .pic img{ max-width:100%; height:auto;} .productList ul li .txt{ padding:0 10px;} .productList ul li .txt h5{ padding:5px 0 0;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;font-size:16px;color:#000000;text-align:left; line-height:1.5; height:29px; margin-bottom:8px;} .productList ul li .txt .price{ font-size:22px; line-height:1.2; color:#E43939; font-weight:bold; margin-bottom:5px;} .productList ul li .txt p{color:#3d85c6; font-size:14px; line-height:1.8;} .productList ul li:hover .txt{color:#E43939;} @media(max-width:767px){ .productList ul {margin:0; padding:0 10px;} .productList ul li{ width:calc((100% - 10px)/2);} .productList ul li:nth-child(2n){ margin-right:0;} .productList ul li .txt .price{ font-size:20px;} .productList ul li .txt p{ line-height:1.7;} } /*简介*/ .side_rc .infor,.side_rc .contact{ min-height:500px; font-size:16px; line-height:2; padding:25px 15px 35px} .side_rc .infor img{ max-width:98%; height:auto;} .side_rc .contact img{ max-width:inherit;} .side_rc .contact .map *{ box-sizing:content-box !important;} .side_rc .infor table{ border-color:#ccc;} .side_rc .infor table tr,.side_rc .infor table td{ border-color:#ccc;} .side_rc .infor table td{ line-height:1.5; padding:10px 5px;} .side_rc .infor br{ line-height:normal;} @media(max-width:767px){ .side_rc .infor,.side_rc .contact{ min-height:200px; padding:5px 10px 35px} } /*新闻*/ .news_list{padding:0 15px 35px;} .news_list ul li{width:100%;display:block;border-bottom:1px dashed #9C9C9C;padding:17px 0;} .news_list ul li a{display:block;} .news_list h2{font-weight:normal;font-size:22px;color:#232323;display:flex;justify-content:space-between;align-items: center; padding-bottom:10px;} .news_list h2 span{ display:block; max-width:80%;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;} .news_list h2 span:last-child{color:#787878; font-size:16px;} .news_list p{line-height:1.8;color:#787878; font-size:15px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .news_list ul li:hover h2{color:#E43939;} @media(max-width:767px){ .news_list{padding:0 10px 35px;} .news_list ul li{padding:12px 0;} .news_list h2{font-size:17px; padding-bottom:5px;} .news_list h2 span{ max-width:72%;} .news_list h2 span:last-child{ font-size:14px;} .news_list p{} } /*page*/ #page{ height:auto; margin:30px 0 0;overflow:hidden; width:100%; text-align:center;} #page a.active{color:#fff; cursor:pointer; background:#e60013; border:2px solid #e60013;} #page a{ display:inline-block; padding:0; margin:0 3px; border:1px solid #ededed; line-height:38px; text-align:center; color:#1a1a1a; font-size:15px;border:2px solid #ccc; width:46px; height:42px;display:flex;align-items: center;justify-content: center;border-radius:4px;} #page a.home{border-radius:32px 0 0 32px;} #page a.end{border-radius:0 32px 32px 0;} #page a:nth-of-type(1){ margin:0 3px 0 0;} #page a:hover{ color:#fff; cursor:pointer; background:#e60013; border:1px solid #e60013;} #page a:hover svg path{fill:#ffffff;} #page a.next1{overflow:hidden;} #page a.prev1{overflow:hidden;transform:rotateY(180deg);} #page .none{ display:none;} #page1{ display:none;} @media(max-width:767px){ #page{ display:none;} #page1{display:flex;flex-wrap: wrap;align-items: center;justify-content: center; width:100%; height:auto; overflow:hidden;padding-top:5px;margin:20px 0 0;} #page1 a{ display:inline-block; margin-right:1px; width:40px; height:40px; font-size:14px;border-radius: 2px;border:2px solid #ccc; color:#1a1a1a;display:flex;align-items: center;justify-content: center;} #page1 a.num{ text-decoration:underline; color:#278a2f; font-weight:bold;} #page1 span{ display:inline-block;font-size:15px; color:#333; background:none; padding:4px 12px;} #page1 a:first-child{transform: rotateY(180deg);} } /*详情页*/ .nyDetail{margin-top:0;} .detailWarper{ padding:10px 0 35px;} .detail_con{ width:100%; height:auto; font-size:14px;} .detail_contop{margin-bottom:30px;padding:0 15px;} .detail_title{ font-size:24px; font-weight:700; color:#333; line-height:1.5;text-align:center;} .detail_title.line{ padding-bottom:0; margin-bottom:12px; text-align:center;} .detail_time{padding:15px 0 0; font-size:14px; color:#808080; text-align:center;} .detail_time i{ display:inline-block; font-style:normal;} .detail_time em{ display:inline-block; font-style:normal; margin:0 5px;} .dis_img{ text-align:center; margin-bottom:0;} .dis_img img{ max-width:98%; height:auto;} .dis_desc{ text-align:left; font-size:18px; color:#333; padding-bottom:10px;} .dis_desc p font{ color:#f00;} .dis_desc p:nth-child(2){ color:#888;} .details_info{padding:10px 0 0; width:100%; line-height:2; min-height:420px; color:#444;border-radius:0 0 4px 4px;background: #fff;} .details_info img{ max-width:98%; height:auto;} hr{ margin:5px 0;} .cInfo p{ text-indent:2em;} .details_video{ width:85%; height:auto; overflow:hidden; margin:0 auto 15px; border:5px solid #000; background:#000;} .details_video .video-js.vjs-fluid{ height:auto; max-height:520px; width:100%;} .smBox{ color:#999; font-size:14px; line-height:2; padding:15px 0 0;} .proSummary{ padding: 0 0 80px;} .proSummary .proDpic{position: sticky;width:30%;top: 120px;} .proSummary .proDpic img{ width:100%; height:auto;} .proSummary .proDpic .swiper-container{background: #FFFFFF;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);} .proSummary .proDpic .swiper-pagination{position: unset;display: none;font-size: 0;margin-top: 30px;} .proSummary .proDpic .swiper-pagination span{width: 10px;height: 10px;border: 1px solid #dbdbdb;background: none;opacity: 1;margin: 0 10px !important; position: relative;} .proSummary .proDpic .swiper-pagination span:before{content: "";width: 4px;height: 4px;border-radius: 50%;background: #d6222b;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);} .proSummary .proDpic .swiper-pagination span.swiper-pagination-bullet-active{border-color: #d6222b;} .proSummary .proDpic .swiper-pagination span.swiper-pagination-bullet-active:before{transform: translate(-50%,-50%) scale(1);} .proSummary .proDes{padding-left:60px;width:70%;} .proSummary .proDes .proTitle{font-size:32px;line-height: 45px; font-weight:bold;} .proSummary .proDes .proDetails{margin-top:20px; line-height:2; font-size:16px;} .proSummary .proDes .proDetails table{width: 100%;} .proSummary .proDes .proDetails table td{border:1px solid #dbdbdb;text-align: center;vertical-align: middle;line-height:1.6;padding:8px 10px;/*background: #f5f5f5;*/color:#333;word-break:break-all; } /*.proSummary .proDes .proDetails table tr:nth-child(2n) td {background:#f5f5f5;}*/ .proSummary .proDes .proDetails table table td{border:none;} .proSummary .proBtn{margin:35px 0;} .proSummary .proDes .proInfo{padding-bottom:24px;border-bottom: 1px solid #dbdbdb;margin-bottom:30px;} .proSummary .proDes .proInfo dd{margin-bottom:12px;line-height: 24px;} .proSummary .proDes .proInfo dd:last-child{margin-bottom: 0;} .proSummary .proDes .proInfo dd h4{width:100px;font-size: 16px;} .proSummary .proDes .proInfo dd h4 i{padding-left: 32px;} .proSummary .proDes .proInfo dd h5{width: calc(100% - 100px);font-size: 16px;} .proSummary .proDes .proInfo dd h5 a{color: #808080;} .proSummary .proDes .proInfo dd h5 a:hover{color: #00479d;} /*内页 产品详情询盘*/ .proInquiry .inquiry {background: url(/images/messageBg.jpg) no-repeat center bottom #fff;border-radius: 4px;box-shadow: 0 0 80px 0 rgba(0,0,0,0.06);padding:60px 40px;} .proInquiry .inquiry h2{font-size:40px;line-height: 1;margin-bottom:40px; font-weight:bold;} .proInquiry .inquiry dl dd{width: calc((100% - 60px) / 3);margin-bottom: 30px;} .proInquiry .inquiry dl dd input{display: block;width: 100%;line-height: 60px;padding: 0 20px;font-size: 15px;color: #333;background: #f5f5f5;border-radius: 4px; border:none; outline:none;} .proInquiry .inquiry dl dd.textarea{width:100%;} .proInquiry .inquiry dl dd.textarea textarea{display: block;width: 100%;padding: 15px 20px;font-size: 16px;line-height: 28px;height: 180px;color: #333;background: #f5f5f5;border-radius: 4px; border:none; outline:none; font-family:"微软雅黑";} .proInquiry .inquiry dl dt{width: 180px;} .proInquiry .inquiry dl dt button{display: block;width: 100%;line-height: 60px;font-size: 16px;cursor: pointer; border:none; outline:none;} @media only screen and (max-width: 1200px) { .proSummary .proDes{padding-left: 60px;} .proSummary .proDes .pro-title{font-size: 28px;line-height: 40px; } .proSummary .proDes .proDetails{margin-top: 15px;} .proSummary .proDes .proDetails table td {line-height: 25px;font-size: 13px;} .proSummary .proBtn{margin: 30px 0;} .proSummary .proDes .info{padding-bottom: 20px;} .proSummary .proDes .info dd{margin-bottom: 10px;} .proSummary .proDes .info dd h4{font-size: 14px;width: 80px;} .proSummary .proDes .info dd h4 i {padding-left: 28px;} .proSummary .proDes .info dd h5{font-size: 14px;width: calc(100% - 80px);} .proInquiry .inquiry {padding: 50px 40px;} .proInquiry .inquiry h2{font-size: 36px;margin-bottom: 35px;} .proInquiry .inquiry dl dd input{line-height: 52px;padding: 0 12px;} .proInquiry .inquiry dl dd.textarea textarea{padding: 12px;line-height: 24px;} .proInquiry .inquiry dl dt button{line-height: 52px;} } @media only screen and (max-width: 900px) { .nyDetail{margin-top:;} .proSummary{padding:0 0 50px;} .proSummary .proDpic {width: 100%;position: unset;} .proSummary .proDes{width: 100%;padding-left: 0;margin-top: 30px;} .proSummary .proDes .proDetails table td {line-height: 28px;font-size: 14px;} .proInquiry .inquiry {padding: 40px 30px;} .proInquiry .inquiry h2{font-size: 32px;margin-bottom: 30px;} .proInquiry .inquiry dl dd:first-child{width: 100%;} .proInquiry .inquiry dl dd {width: calc((100% - 20px) / 2);margin-bottom: 20px;} } @media(max-width:767px){ .nyDetail{margin-top:0; border-top:5px solid #ddd;} .nyDetailNews{border-top:none; margin-top:-15px;} .detail_title{ font-size:1.2rem;} .detail_contop{padding:20px 0 15px;} .dis_desc{ font-size:16px;} .proSummary{padding:0 0 40px;} .proSummary .proDpic .swiper-pagination{margin-top: 20px;} .proSummary .proDes{margin-top: 15px;} .proSummary .proDes .proTitle {font-size: 24px;line-height: 36px;} .proSummary .proBtn {margin: 25px 0 20px;} .proSummary .proDes .proDetails table td {padding: 6px 10px;line-height: 22px;font-size: 12px;} .proSummary .proDes .info dd h4 {width: 70px;} .proSummary .proDes .info dd h5 {width: calc(100% - 70px);} .proSummary .proDes .info {margin-bottom: 20px;} .proInquiry .inquiry {padding: 0;background: none;box-shadow: none;} .proInquiry .inquiry h2{font-size: 28px;margin-bottom: 25px;} .proInquiry .inquiry dl dd {width: 100%;margin-bottom: 12px;} .proInquiry .inquiry dl dd input {line-height: 46px;border: 1px solid #e5e5e5;border-radius: 2px;font-size: 14px;} .proInquiry .inquiry dl dd.textarea textarea {padding: 12px;line-height: 24px;border: 1px solid #e5e5e5;height: 140px;border-radius: 2px;font-size: 14px;} .proInquiry .inquiry dl dt{width: 100%;} .proInquiry .inquiry dl dt button {line-height: 48px;} .proInquiry .inquiry dl dd input:focus, .proInquiry .inquiry dl dd.textarea textarea:focus{border-color: #00479d;} } /*内页 产品详情热门*/ .recommend{padding:0px 0 0;} .recommend .title{font-size:18px;line-height:50px; font-weight:500; background:#ffe4e6; margin-bottom:20px; color:#000; padding-left:15px;} .recommend ul{ padding:0 15px;} .recommend ul li{ float:left; width:calc((100% - 30px)/4); margin:0 10px 10px 0;} .recommend ul li:nth-child(4n){ margin-right:0;} .recommend ul li .pic{ width:100%; height:auto;} .recommend ul li .pic img{ max-width:100%; height:auto;} .recommend ul li .txt{ padding:0 10px;} .recommend ul li .txt h5{ padding:5px 0 0;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;font-size:16px;color:#000000;text-align:left; line-height:1.5; height:29px; margin-bottom:8px;} .recommend ul li .txt .price{ font-size:22px; line-height:1.2; color:#E43939; font-weight:bold; margin-bottom:5px;} .recommend ul li .txt p{color:#3d85c6; font-size:14px; line-height:1.8;} .recommend ul li:hover .txt{color:#E43939;} @media(max-width:767px){ .productList ul {margin:0; padding:0 10px;} .productList ul li{ width:calc((100% - 10px)/2);} .productList ul li:nth-child(2n){ margin-right:0;} .productList ul li .txt .price{ font-size:20px;} .productList ul li .txt p{ line-height:1.7;} } /*内页 新闻详情最新*/ .hotNews{ padding:0;} .hotNews .title{font-size:18px;line-height:50px; font-weight:500; background:#ffe4e6; margin-bottom:3px; color:#000; padding-left:15px;} .hotNews ul{ padding:0 15px;} .hotNews ul li{width:100%;display:block;border-bottom:1px dashed #9C9C9C;padding:17px 0;} .hotNews ul li a{display:block;} .hotNews h2{font-weight:normal;font-size:22px;color:#232323; padding-bottom:10px;} .hotNews p{line-height:1.8;color:#787878; font-size:15px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .hotNews ul li:hover h2{color:#E43939;} @media(max-width:767px){ .hotNews{ min-height:100px; padding:0 10px;} .hotNews ul{ padding:0 0 20px;} .hotNews ul li{padding:12px 0;} .hotNews h2{font-size:17px; padding-bottom:5px; line-height:1.5;} .hotNews p{font-size:14px;} } .detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden;} .detail_fenye .npagerlist a{display: flex;align-items: center;} .detail_fenye .npagerlist:first-child i{transform: rotateY(180deg);margin-right: 20px;} .detail_fenye .npagerlist:last-child i{margin-left: 20px;} .detail_fenye .npagerlist i{display: flex;align-items: center;justify-content: center;width: 48px;line-height: 44px;height: 48px;border-radius: 4px;border: 2px solid #dbdbdb;} .detail_fenye .npagerlist p{display: block;font-size: 16px;color: #1a1a1a;} .detail_fenye .npagerlist a:hover i{background: #2095d3;border-color: #2095d3;} .detail_fenye .npagerlist a:hover i svg path{fill: #ffffff;} .detail_fenye .npagerlist a:hover p{color: #2095d3;} @media(max-width:767px){ } .serachkey{margin-top:136px;padding:80px 0;background: url(/images/searchBan.jpg) no-repeat center;} .serachkey .ny-container{display: flex;align-items: center;justify-content: center;} .serachkey span{display: block;font-size:36px;max-width: 1000px; line-height:1.8;} .searchlist{ padding:0 0 50px;} .searchlist ul{margin:-5px 0 -15px;} .searchlist ul li{width:100%;padding:15px;display:flex;} .searchlist ul li .pic{display:block;background: #f5f5f5;border-radius: 4px;overflow: hidden; width:240px; margin-right:10px;flex:0 0 13%;} .searchlist ul li .pic img{mix-blend-mode: darken;object-fit: cover;width: auto;height:125px;margin: 0 auto;display:block;} .searchlist ul li .pic:hover img{transform: scale(1.1);} .searchlist ul li .info{padding: 0 10px;} .searchlist ul li .info h3{font-size:16px;line-height: 1;margin-top:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1 ;-webkit-box-orient:vertical;} .searchlist ul li .info h3 a{color: #1a1a1a;} .searchlist ul li .info p{line-height:26px;font-size: 14px;color: #999;margin:12px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .searchlist ul li .info h4{display: block;color: #808080;font-size: 14px;line-height: 24px;} .searchlist ul li .info h4 a{color: #1a1a1a;} .searchlist ul li .info h4 a:hover{color:#f58809;} .searchlist ul li .info h3 a:hover{color:#f58809;} @media only screen and (max-width: 1200px) { .serachkey{padding: 50px 0;} .serachkey span {font-size: 32px;line-height: 42px;max-width: 800px;} .searchlist ul {margin: -12px -10px;} .searchlist ul li {padding: 12px 10px;} .searchlist ul li .pic img {height: 200px;} .searchlist ul li .info {padding: 0px 10px;} .searchlist ul li .info h3 {margin-top: 20px;} .searchlist ul li .info p {line-height: 24px;} } @media only screen and (max-width: 900px) { .serachkey{margin-top: 70px;padding: 40px 0;} .serachkey span {font-size: 28px;line-height: 32px;max-width: 100%;} .searchlist ul li{width:50%;} .searchlist ul li .pic img{height: 220px;} } @media only screen and (max-width: 767px) { .serachkey {margin-top: 60px;padding: 30px 0;} .serachkey span {font-size: 20px;line-height: 24px;} .searchlist ul {margin: -8px -6px;} .searchlist ul li {padding: 8px 6px;} .searchlist ul li .pic {border-radius: 2px;} .searchlist ul li .pic img {height: 130px;} .searchlist ul li .info {padding: 0 6px;} .searchlist ul li .info h3 {font-size: 14px;line-height: 24px;margin-top: 10px;-webkit-line-clamp:1;} .searchlist ul li .info p {line-height: 20px;margin: 6px 0 8px;font-size: 12px;} .searchlist ul li .info h4 {font-size: 12px;line-height: 20px;} } @keyframes bounce{ 0%,20%,53%,80%,to{ animation-timing-function:cubic-bezier(.215,.61,.355,1); transform:translateZ(0) } 40%,43%{ animation-timing-function:cubic-bezier(.755,.05,.855,.06); transform:translate3d(0,-14px,0) } 70%{ animation-timing-function:cubic-bezier(.755,.05,.855,.06); transform:translate3d(0,-7px,0) } 90%{ transform:translate3d(0,0,0) } } @-webkit-keyframes shake{ from,to{-webkit-transform:translate3d(0, 0, 0);} 20%,60%{-webkit-transform:translate3d(-10px, 0, 0);} 40%,80%{-webkit-transform:translate3d(10px, 0, 0);} } @keyframes shake{ from,to{transform:translate3d(0, 0, 0);} 20%,60%{transform:translate3d(-10px, 0, 0);} 40%,80%{transform:translate3d(10px, 0, 0);} } /*图标抖动*/ @keyframes jitter{ from, to{ -webkit-transform:scale(1, 1); transform:scale(1, 1); } 25%{ -webkit-transform:scale(0.9, 1.1); transform:scale(0.9, 1.1); } 50%{ -webkit-transform:scale(1.1, 0.9); transform:scale(1.1, 0.9); } 75%{ -webkit-transform:scale(0.95, 1.05); transform:scale(0.95, 1.05); } } @-webkit-keyframes jitter{ from, to{ -webkit-transform:scale(1, 1); transform:scale(1, 1); } 25%{ -webkit-transform:scale(0.9, 1.1); transform:scale(0.9, 1.1); } 50%{ -webkit-transform:scale(1.1, 0.9); transform:scale(1.1, 0.9); } 75%{ -webkit-transform:scale(0.95, 1.05); transform:scale(0.95, 1.05); } } [class*=am-icon-]{display:inline-block;font-style:normal} [class*=am-icon-]:before{display:inline-block;font:normal normal normal 1.6rem/1 FontAwesome,sans-serif;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)} @font-face{font-family:FontAwesome;src:url(/style/font/fontawesome-webfont.eot?v=4.6.3);src:url(/style/font/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(/style/font/fontawesome-webfont.ttf?v=4.6.3) format('truetype');font-weight:400;font-style:normal}