.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;padding-top:5px;} .topLink .k2{color:#333;font-size:30px;font-family:"寰蒋闆呴粦";line-height: 57px;height:127px} .yyzz{width: 60px; height: 60px; margin: 0 auto} .yyzz img{width: 100%!important;} /*鍒濆鍖栨牱寮?/ html{margin:0;padding:0;border:0;} body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img, dl,dt,dd,ol,ul,li,fieldset,form,label,footer, header,hgroup,navs,section {margin:0;padding:0;border:0;} body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;} a{text-decoration:none;outline:none;} a:hover,a:active,a:focus{text-decoration:none;outline:none;} input{padding:0;margin:0;font-family:'Microsoft YaHei';} img{border:none;background:none;vertical-align:middle;} ul,ol,li{list-style-type:none;} select,input,img,select{vertical-align:middle;} table{border-collapse:collapse;border-spacing:0} table, th, td {vertical-align: middle} .clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;} .clearfix{zoom:1} .clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;} h1,h2{font-size:12px;font-weight:bold;} hr {border: 0;border-top:1px solid #ccc;height:0;} p{margin:0;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*婊氬姩*/ #demo{overflow:hidden;width:100%;margin:0 auto;} #indemo {float: left;width:800%!important;} #demo1 {float: left;} #demo2 {float: left;} #m_demo{overflow:hidden;width:92%;margin:0 auto;} #m_indemo {float: left;width:800%!important;} #m_demo1 {float: left;} #m_demo2 {float: left;} .pos{position: relative;width:1920px;left:50%;margin-left:-960px;} .wh{width:1200px;margin:0 auto;} .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;} .com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);} .roll_product {float: left;} /*澶撮儴鏍峰紡*/ .top1{background:#e6e6e6;color:#595959;height:27px;line-height:27px;overflow:hidden;font-size:14px;} .top1 a{color:#595959;} .top2{height:143px;overflow:hidden;} .logo{float:left;line-height:143px;} .k2{margin-top: 5px;font-size:14px;color:#333333;line-height:35px;background: url(../images/t.png) no-repeat left center;padding-left:54px;} .k2 p:nth-child(2){color:#2459a9;font-size:27px;} .product_list1{margin-top:38px;} .product_list1 li{float:left;margin-right:57px;margin-bottom:28px;} .product_list1 li:nth-child(4n){margin-right:0;} .product_list1 li img{width:257px;height:293px;} .product_list1 li h3{text-align:center;font-weight:normal;color:#3f3f3f;font-size:20px;} /*涓讳綋鏍峰紡*/ .ssddds{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xyin-case-sort li:hover, .xyin-case-sort li.on { background: #3c486d; position: relative; color: #fff; cursor: pointer; } .xyin-case-sort li:hover a, .xyin-case-sort li.on a { color: #fff; } .aby_hh li:hover .aby_hh_img img{ filter: invert(49%) sepia(93%) saturate(369%) hue-rotate(900deg) brightness(60%) contrast(93%); } .hmore{ display: inline-block; padding: 0 10px; margin-top: 5px; background-image: linear-gradient(54deg, #027890 0%, #03bac5 100%), linear-gradient(#03bac5, #03bac5); background-blend-mode: normal, normal; border-radius: 22px; font-size: 20px; font-weight: normal; line-height: 2.2; color: #ffffff; } /*椤甸潰搴曢儴*/ .foot{background:#333;} .f_nav{width:826px;margin-top:40px;} .f_nav dl{float:left;width:136px;height:186px;overflow:hidden;} .f_nav dt{margin-bottom:8px;font-size:19px;color:#333;font-weight:normal;} .f_nav dd a{font-size:12px;color:#333;line-height:20px;} .copyright{text-align:center;line-height:24px;} /*鍐呴〉宸︿晶鏍峰紡*/ .page-product-inquiry a{color: #fff;} /* 涓讳綋瀹藉害 */ .max1500{ max-width: 1530px; margin: 0 auto; padding: 0 15px; } .flexcon{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } @media(max-width: 991px){ body{ padding-top: 60px; } } @media(max-width: 768px){ body{ padding-bottom: 50px; } } /* 澶撮儴 */ .x-top { background: rgba(2, 120, 144, 0.1); font-size: 14px; height: 42px; line-height: 42px; color: #6f716f; } .hyz { color: #6f716f; } .hyr a { color: #6f716f; } .x-top2 { height: 130px; line-height: 130px; } .x-top2 .dlogo { height: 130px; line-height: 130px; width: 21.6%; padding-right: 1%; } .x-top2 .dlogo img{ max-width: 100%; } .x-top2 .logowz{ font-size: 0; /* width: 19%; */ margin-right: 2.6%; } .x-top2 .logowz .logowzcon{ display: inline-block; line-height: 130px; vertical-align: middle; } .x-top2 .logowz p{ font-size: 1.2rem; font-weight: bold; line-height: 1; color: #027890; } .x-top2 .logowz p:nth-child(2){ font-size: 16px; font-weight: normal; line-height: 1; color: #222222; margin-top: 14px; } .x-top2 .logowzl{ font-size: 0; /* margin-left: 2.3rem; */ } .x-top2 .logowzl li{ display: inline-block; width: 79px; height: 75px; background-color: #027890; border-radius: 50%; text-align: center; position: relative; margin: 0 .3rem; vertical-align: middle; } .x-top2 .logowzl li::before{ content: ''; width: 100%; height: 100%; background-color: #eeeeee; border-radius: 50%; position: absolute; top: -6px; left: 0; z-index: -1; } .x-top2 .logowzl li h3{ font-size: 16px; font-weight: normal; line-height: 1; color: #ffffff; padding-top: 22px; padding-bottom: 20px; } .x-top2 .logowzl li h3 span{ display: block; font-size: 12px; line-height: 1; color: #03bac5; margin-top: 4px; } .x-top2 .tdh{ font-size: 0; } .x-top2 .tdhcon{ padding-right: 71px; background: url(../images/tel.png) no-repeat right center; display: inline-block; vertical-align: middle; text-align: right; } .x-top2 .tdh h3{ font-size: 16px; font-weight: normal; line-height: 1; color: #7c7f80; width: 100%; } .x-top2 .tdh h4{ font-family: Arial; font-size: 23px; font-weight: bold; line-height: 1; color: #03bac5; margin-top: 12px; width: 100%; } @media(max-width:1200px){ .x-top2 .dlogo{ width: 18%; padding-right: 3%; } .x-top2 .logowz h3{ font-size: 18px; } .x-top2 .logowz h4{ margin-top: 6px; } .tdhcon{ padding-right: 60px; } } @media(max-width:1199px){ .x-top2 .logowzl{ display: none; } } /* 瀵艰埅 */ .nnav{ background: url(../images/4e8ac43c8c9bcc28a58f8e352a8edfd88b701462.jpg) no-repeat center; background-size: cover; } /* 鎼滅储 */ .rtss{ padding: 17px 0; } .rtss .rtss_fl{ width: 60%; font-size: 14px; line-height: 46px; color: #232222; font-weight: bold; padding-left: 37px; background: url(../images/e5a9fbd547d4bace833ae7de795152a655328b19.png) no-repeat left center; } .rtss .rtss_fl a{ color:#615f5f; padding: 0 4px; font-weight: normal; } .rtss .rtss_fr{ width: 34%; background-color: #e9fafb; border-radius: 4px; } .rtss .rtss_fr input{ font-size: 16px; line-height: 46px; height: 46px; color: #999999; background: none; border: 0; padding-left: 7.255%; outline: none; } .rtss .rtss_fr #keyword::-webkit-input-placeholder{ color: #999999; } .rtss .rtss_fr #keyword{ width: 82%; background: url(../images/f1b59dba93aecc1405436500e4175cc1e8963d8e.png) no-repeat right center; } .rtss .rtss_fr #s_btn{ width: 18%; background: url(../images/8b6b8f985284436eca45da7b079f433394418d46.png) no-repeat center; } @media(max-width: 991px){ .rtss{ display: none; } } /* 鏍囬 */ .sytitle{ text-align: center; position: relative; } .sytitle h3{ font-family: Arial; font-size: 4rem; font-weight: bold; line-height: 1; color: rgba(3, 186, 197, .1); position: absolute; width: 100%; left: 0; top: 0; z-index:2; } .sytitlex{ padding-top: 1.25rem; position: relative; z-index: 5; } .sytitle h4{ font-size: 2.4rem; font-weight: bold; line-height: 1.33333333; color: #03bac5; } .sytitle h4 span{ color: #222222; } .sytitle h5{ font-size: .9rem; font-weight: normal; line-height: 1.3333; color: #666666; margin-top: 1%; margin-bottom: 1.4%; } @media(max-width: 1200px){ .sytitle h5{ font-size: 16px; } } @media(max-width: 991px){ .sytitle h3{ font-size: 46px; } .sytitlex{ padding-top: 12px; } .sytitle h4{ font-size: 28px; } .sytitle h5{ font-size: 16px; } .sytitle h5{ margin-top: 5px; margin-bottom: 5px; } } /* 浜у搧涓績 */ .cpzx{ padding: 5.3% 0 5.7%; background: rgba(204, 204, 204, 0.2); } .cpzx .cpzx_fc{ margin-top: 3.2%; } .cpzx .cpzx_fc .cpzx_fcyj{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; position: relative; } .cpzx .cpzx_fc .cpzx_fcyj li{ width: 23.95%; background: url(../images/6ee103b65ef453e1fb1988de7499f48c49e0d16a.png) no-repeat center; background-size: 100% 100%; border-radius: 8px; } .cpzx .cpzx_fc .cpzx_fcyj li:nth-child(2n){ background: url(../images/4b4aa0b402f696a6f1c307e16642f42ecaf861ca.png) no-repeat center; background-size: 100% 100%; } .cpzx .cpzx_fc .cpzx_fcyj li >a{ display: flex; display: -webkit-flex; /* flex-wrap: wrap; */ justify-content: center; padding: 5.57% 0; align-items: center; height: 100%; } .cpzx .cpzx_fc .cpzx_fcyj li >a .cpflyjwz{ font-size: 1.2rem; line-height: 1; color: #ffffff; margin-left: 1.25rem; } .cpzx .cpzx_fc .cpzx_fcyj li >a .cpflyjwz span{ display: block; font-size: .8rem; line-height: 1.5; color: rgba(255, 255, 255, .6); } .cpzx .cpzx_fc .cpejfl{ display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; display: none; border-bottom: solid 1px #cccccc; } .cpzx .cpzx_fc .cpejfl:nth-child(1){ display: flex; } .cpzx .cpzx_fc .cpejfl li{ width: 14%; max-width: 220px; padding: 2.267% 0 1.4%; text-align: center; } .cpzx .cpzx_fc .cpejfl li a{ display: block; font-size: 1rem; line-height: 1.2; color: #666666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpzx .cpzx_fc .cpejfl li a::before{ content: ''; display: inline-block; vertical-align: middle; width: 11px; height: 11px; border: solid 1px #666666; border-radius: 50%; margin-right: 10px; } .cpzx .cpzx_fb{ margin-top: 12px; } .cpzx .cpzx_fb ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .cpzx .cpzx_fb ul li{ width: 23.47%; margin-top: 1.667%; text-align: center; background-color: #ffffff; border: 4px solid #fff; position: relative; } .cpzx .cpzx_fb ul li img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .cpzx .cpzx_fb ul li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .cpzx .cpzx_fb ul li h3{ font-size: 18px; font-weight: normal; line-height: 1.33333; color: #666666; margin-top: 6.107%; margin-bottom: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpzx .cpzx_fb ul li h4{ width: 82%; margin: 0 auto; font-size: 14px; font-weight: normal; line-height: 1.428571; color: rgba(34,34,34,0.4); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .cpzx .cpzx_fb ul li .img{ position: relative; overflow: hidden; } .cpzx .cpzx_fb ul li .img::before{ position: absolute; z-index: 2; content: ''; width: 100%; height: 100%; background: rgba(1, 55, 66, 0.4) url(../images/07ecfbc88abe96da45b3a5b560638d548ab95899.png) no-repeat center; display: none; } .cpzx .cpzx_fb ul li a{ display: block; padding-bottom: 6.395%; } .cpzx .cpzx_fb ul li a::before{ position: absolute; z-index: 2; content: ''; width: 100%; height: 100%; left: 0; top:0; background: rgba(1, 55, 66, 0.4); display: none; } .cpzx .cpzx_fb ul li:hover{ border: 4px solid rgba(1, 55, 66, 0.4); background-color: #02c0ca; } .cpzx .cpzx_fb ul li:hover .img::before{ display: block; } .cpzx .cpzx_fb ul li:hover h3{ color: #fff; } .cpzx .cpzx_fb ul li:hover a::before{ display: block; } .cpzx .cpzx_fb ul li:hover h4{ color: #fff; } .cpzx .cpckgdw{ margin-top: 2.4%; text-align: center; } .cpzx .cpckgdw .cpckgd{ display: inline-block; font-size: 18px; line-height: 1; color: #ffffff; background-image: linear-gradient(90deg, #03bac5 0%, #027890 100%); border-radius: 8px; padding: 1.35rem 5.6rem; } @media(max-width: 1200px){ .cpzx .cpzx_fc .cpzx_fcyj li >a .cpflyjwz{ font-size: 16px; margin-left: 10px; } .cpzx .cpzx_fc .cpzx_fcyj li >a .cpflyjwz span{ font-size: 12px; } .cpzx .cpzx_fc .cpejfl li a{ font-size: 15px; } .cpzx .cpzx_fb ul li h3{ font-size: 16px; } .cpzx .cpckgdw .cpckgd{ font-size: 16px } } @media(max-width: 991px){ .cpzx .cpzx_fc .cpzx_fcyj li >a{ padding: 10px 0; } .cpzx .cpzx_fc .cpzx_fcyj li >a .cpflyjtp img{ max-width: 50px; } .cpzx .cpzx_fb ul li h3{ margin: 15px 0 10px; } .cpzx .cpzx_fb ul li a{ padding-bottom: 10px; } .cpzx .cpckgdw .cpckgd{ padding: 15px 60px; } } @media(max-width:768px){ .cpzx .cpzx_fc .cpzx_fcyj li{ width: 49%; margin: 5px 0; } .cpzx .cpzx_fc .cpzx_fcyj li{ background-image: linear-gradient(90deg, #03bac5 0%, #027890 100%); } .cpzx .cpzx_fc .cpzx_fcyj li:nth-child(2n){ background-image: linear-gradient(90deg, #03bac5 0%, #027890 100%); } .cpzx .cpzx_fc .cpejfl{ justify-content: flex-start; } .cpzx .cpzx_fc .cpejfl li{ width: 33.333%; padding: 15px 0; text-align:left; } .cpzx .cpzx_fb ul li{ width: 49%; margin-top: 15px; } .cpzx .cpckgdw{ margin-top: 15px; } } @media(max-width:468px){ .cpzx{ padding: 25px 0; } .cpzx .cpzx_fc{ margin-top: 15px; } .cpzx .cpzx_fc .cpejfl li{ width: 48%; } .cpzx .cpzx_fb ul li{ /*width: 100%;*/ } } /* 绂诲瀷鏉愭枡 */ .clzx{ margin: 0 0 5.7%; padding: 5.3% 0 0; } .clzx .clzx_fb{ margin-top: 2.667%; } .clzx .clzx_fb ul{ overflow: hidden; } .clzx .clzx_fb li{ width: 56.133%; float: left; position: relative; overflow: hidden; } .clzx .clzx_fb li img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .clzx .clzx_fb li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .clzx .clzx_fb li .clzx_fbwz{ width: 38.241%; position: absolute; right: 0; bottom: 0; background-color: #e9fafb; text-align: center; height: 100%; padding:2% 3%; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; } .clzx .clzx_fb li .img{ width: 61.759%; float: right; overflow: hidden; } .clzx .clzx_fb li:nth-child(1){ width: 43.867%; } .clzx .clzx_fb li:nth-child(1) .clzx_fbwz{ width: 48.634%; background-image: linear-gradient(54deg, #027890 0%, #03bac5 100%), linear-gradient(#03bac5, #03bac5); background-blend-mode: normal, normal; padding: 2% 4%; height: 50%; } .clzx .clzx_fb li:nth-child(1) .img{ width: 100%; } .clzx .clzx_fb li:nth-child(3) .img{ float: left; } .clzx .clzx_fb li:nth-child(2) .clzx_fbwz{ left: 0; right: auto; } .clzx .clzx_fb li .clzx_fbwz h3{ font-size: 1.2rem; font-weight: normal; line-height: 1; color: #222222; } .clzx .clzx_fb li .clzx_fbwz h4{ font-size: .8rem; font-weight: normal; line-height: 1.875; color: #666666; margin: 5.615% 0 7.485%; } .clzx .clzx_fb li .clzx_fbwz h5{ font-size: .8rem; font-weight: normal; line-height: 1.25; color: #666666; border-radius: 4px; border: solid 1px rgba(153, 153, 153, 0.4); padding: 9px 0; width: 152px; margin: 0 auto; } .clzx .clzx_fb li:nth-child(1) .clzx_fbwz h3{ color: #ffffff; } .clzx .clzx_fb li:nth-child(1) .clzx_fbwz h4{ color: rgba(255, 255, 255, 0.6); } .clzx .clzx_fb li:nth-child(1) .clzx_fbwz h5{ border: solid 1px rgba(255, 255, 255, 0.4); color: #fffefe; } @media(max-width: 991px){ .clzx .clzx_fb li{ width: 100%; } .clzx .clzx_fb li:nth-child(1){ width: 100%; } .clzx .clzx_fb li .clzx_fbwz h3{ font-size: 18px; } .clzx .clzx_fb li .clzx_fbwz h4{ font-size: 14px; } .clzx .clzx_fb li .clzx_fbwz h5{ font-size: 14px; } } @media(max-width:768px){ .clzx .clzx_fb li .img{ width: 100%; } .clzx .clzx_fb li:nth-child(1) .clzx_fbwz{ width: 100%; padding: 5%; } .clzx .clzx_fb li .clzx_fbwz{ width: 100%; position: static; padding: 5%; } .clzx .clzx_fb li .clzx_fbwz .clzx_fbwznr{ width: 100%; } .clzx .clzx_fb li .clzx_fbwz h4{ margin: 15px 0; } } @media(max-width:468px){ .clzx{ padding: 25px 0 0; margin: 0 0 25px; } .clzx .clzx_fb{ margin-top: 15px; } .clzx .clzx_fb li:nth-child(1) .clzx_fbwz{ padding: 15px; } .clzx .clzx_fb li .clzx_fbwz{ padding: 15px; } } /* 16骞磋€曡€ */ .slngy{ background-color: #f5f5f5; padding:5.377% 0 6.022%; } .slngy_fc{ padding-top: 2.267%; } .slngy_fc .slngy_fc_con{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .slngy_fc li{ width: 23%; } .slngy_fc li .img{ overflow: hidden; } .slngy_fc li .img img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .slngy_fc li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .slngy_fc li h3{ font-size: 1rem; font-weight: normal; line-height: 1.5; color: #222222; margin-top: 6.67%; } .slngy_fc li h4{ font-size: 14px; font-weight: normal; line-height: 1.285714; color: #999999; margin-top: 3px; } .slngy_fb{ width: 62%; margin: 0 auto; margin-top: 4%; padding: 3.134% 0 2.867%; background-color: #ffffff; box-shadow: 0px 3px 20px 4px rgba(0, 0, 0, 0.08); border-radius: 110px; text-align: center; } .slngy_fb h3{ font-size: 18px; font-weight: normal; line-height: 1.33; color: #666666; } .slngy_fb h4 span{ color: #03bac5; } .slngy_fb h4{ font-size: 1.4rem; font-weight: bold; line-height: 1.25; color: #222222; margin: 10px 0 12px; } .slngy_fb h5{ width: 72%; margin: 0 auto; background-image: linear-gradient(54deg, #027890 0%, #03bac5 100%), linear-gradient(#03bac5, #03bac5); background-blend-mode: normal, normal; border-radius: 22px; font-size: 20px; font-weight: normal; line-height: 2.2; color: #ffffff; } @media(max-width:1280px){ .slngy_fc li h3{ font-size: 16px; } .slngy_fb h5{ font-size: 16px; } } @media(max-width:991px){ .slngy_fb{ width: 90%; } .slngy_fb h4{ font-size: 18px; } } @media(max-width:768px){ .slngy_fc{ padding-top: 15px; } .slngy_fc li{ width: 48%; margin: 5px 0; } .slngy_fb{ width:100%; } .slngy_fb h5{ width: 80%; } .slngy_fb h3{ font-size: 16px; margin-top: 10px; } .slngy_fb h4{ font-size: 16px; } } @media(max-width:468px){ .slngy{ padding: 25px 0; } .slngy_fc li{ width: 100%; } .slngy_fb{ background: none; box-shadow: 0px 3px 20px 4px rgb(0,0,0,0); margin-top: 15px; padding: 0; } .slngy_fb h5{ width: 100%; font-size: 14px; } } /* 妗堜緥灞曠ず */ .alzs{ padding:5.209% 0 5.7292%; background: url(../images/576cbacf554156a59ab8e373d8c3bf043ae3f9bc.jpg) no-repeat center; background-size: cover; } .alzs .sytitle h3{ color: #439aa1; } .alzs .sytitle h4{ color: #ffffff; } .alzs .sytitle h4 span{ color: #ffffff; } .alzs .sytitle h5{ color: rgba(255, 255, 255, .6); } .alzs .alzs_fb{ background-color: #ffffff; padding: 4.467% 4.267% 6.2%; margin-top: 2.934%; } .alzs_fc_con{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .alzs .alzs_fb li{ width: 31.5%; padding: 1.094%; background-color: rgba(245, 245, 245, 0.6); } .alzs .alzs_fb li:nth-child(4){ display: none; } .alzs .alzs_fb li img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .alzs .alzs_fb li .img{ overflow: hidden; } .alzs .alzs_fb li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .alzs .alzs_fb li h3{ font-size: 1rem; font-weight: normal; line-height: 1.2; color: #222222; margin-top: 6.22%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .alzs .alzs_fb li h4{ font-size: 14px; font-weight: normal; line-height: 24px; color: #666666; margin: 6.965% 0 6.715%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .alzs .alzs_fb li h5{ font-size: 1.2rem; font-weight: normal; line-height: 1; color: #ffffff; padding:7.46% 2% 6.965%; background: url(../images/f15dba8ce0863f28fc12e56887918a149c10e5b5.jpg) no-repeat center; background-size: cover; text-align: center; } .alzs .alzs_fb li h5 span{ display: block; font-size: .7rem; height: 78px; overflow: hidden; line-height: 1.33333; color: #ffffff; margin-top: 8px; } @media(max-width: 1280px){ .alzs .alzs_fb li h3{ font-size: 16px; } } @media(max-width: 991px){ .alzs .alzs_fb li h5{ font-size: 16px; } .alzs .alzs_fb li h5 span{ font-size: 15px; } .alzs .alzs_fb li{ width: 32.5%; } } @media(max-width: 768px){ .alzs .alzs_fb li{ width: 49%; padding: 5px; } .alzs .alzs_fb li:nth-child(4){ display: block; } .alzs .alzs_fb li h3{ margin-top: 15px; } .alzs .alzs_fb li h4{ margin: 10px 0; } .alzs .alzs_fb li h5{ padding: 15px 2%; } } @media(max-width: 468px){ .alzs{ padding: 25px 0; } .alzs .alzs_fb{ padding: 15px; margin-top: 15px; } .alzs .alzs_fb li{ width: 100%; } .alzs .alzs_fb li h5 span{height:auto;} } /* 鍥涘ぇ浼樺娍 */ .sdys{ padding: 2.969% 0 5.7292%; background: url(../images/7719a7520892baa52c5b944a42cb7d2a0f46a038.jpg) no-repeat center; background-size: cover; } .sdys_fc{ margin-top: 3.2%; } .sdys_fc ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; border: solid 1px #eaeaea; } .sdys_fc li{ width: 25%; border-right: solid 1px #eaeaea; text-align: center; padding: 2.671% 2% 1.87%; position: relative; cursor: pointer; } .sdys_fc li::before{ content: ''; position: absolute; z-index: 5; left: 50%; top: -11px; transform: translateX(-50%); width: 22px; height: 22px; border: 4px solid rgba(178,219, 199, 0.2); border-radius: 50%; } .sdys_fc li::after{ content: ''; position: absolute; z-index: 5; left: 50%; top: -7px; transform: translateX(-50%); width: 14px; height: 14px; background-color: #ffffff; border: solid 4px #b2dbc7; border-radius: 50%; } .sdys_fc li:nth-child(4n){ border-right:solid 1px rgb(0,0,0,0); } .sdys_fc li h3{ font-family: Impact; font-size: 3.2rem; font-weight: normal; line-height: 1; color: #2cc1cb; } .sdys_fc li h4{ font-size: 1.4rem; font-weight: normal; line-height: 1.2142857; color: #666666; margin: 8px 0 5px; } .sdys_fc li h5{ font-family: arial; font-size: 14px; font-weight: normal; line-height: 1.428571; color: #2ac0c9; } .sdys_fc li.on{ background-color: #027890; } .sdys_fc li.on h3{ color: #ffffff; } .sdys_fc li.on h4{ color: #ffffff; } .sdys_fc li.on h5{ color: #2bc0c9; } .sdys_flex{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .sdys_fb{ margin-top: 3.2%; padding: 3.2%; background-color: #ffffff; box-shadow: 0px 6px 14px 2px rgba(0, 0, 0, 0.08); } .sdys_fb li .img{ width: 43.66%; overflow: hidden; cursor: pointer; } .sdys_fb li .img img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .sdys_fb li .img:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .sdys_fb li .yswz{ width: 53%; } .sdys_fb li .yswz h3{ font-size: 1.2rem; font-weight: normal; line-height: 1; color: #999999; } .sdys_fb li .yswz h4{ font-size: 1.8rem; font-weight: normal; line-height: 1; color: #222222; margin-top: 2.017%; } .sdys_fb li .yswz h4::after{ content: ''; display: block; width: 57px; height: 3px; background-color: #027890; margin-top: 1.614%; } .sdys_fb li .yswz h5{ font-size: .9rem; font-weight: normal; line-height: 2; color: #666666; margin: 4.974% 0 5.78%; } .sdys_fb li .yswz .yslijx{ display: inline-block; font-size: .9rem; padding: .9rem 2.9rem; line-height: 1; color: #ffffff; background-image: linear-gradient(50deg, #027890 0%, #2bc0c9 100%), linear-gradient(#027890, #027890); background-blend-mode: normal, normal; border-radius: 4px; } @media(max-width: 1280px){ .sdys_fb li .yswz h3{ font-size: 16px; } .sdys_fb li .yswz h5{ font-size: 14px; } .sdys_fb li .yswz .yslijx{ font-size: 14px; } } @media(max-width: 991px){ .sdys_fb li .img{ width: 100%; } .sdys_fb li .yswz{ width: 100%; margin-top: 15px; } .sdys_fb li .yswz h4{ font-size: 20px; margin-top: 15px; } .sdys_fb li .yswz h4::after{ margin-top: 10px; } .sdys_fb li .yswz h5{ margin: 10px 0; } .sdys_fb li .yswz .yslijx{ padding: 12px 25px; } .sdys_fc li h3{ font-size: 40px; } .sdys_fc li h4{ font-size: 16px; } } @media(max-width:768px){ .sdys_fc li{ width: 50%; padding: 15px 2%; border-bottom: solid 1px #eaeaea; } .sdys_fc li:nth-last-child(-n+2){ border-bottom: solid 1px rgb(0,0,0,0); } } @media(max-width:468px){ .sdys{ padding: 25px 0; } .sdys_fc{ margin-top: 15px; } .sdys_fb{ margin-top: 15px; padding: 15px; } } /* 妯浘1 */ .ht1{ background-image: linear-gradient(50deg, #027890 0%, #2bc0c9 100%), linear-gradient(#027890, #027890); background-blend-mode: normal, normal; padding-top: 3.594%; } .ht1nr{ position: relative; } .ht1 .ht1_fl{ padding-top: 1.2%; padding-bottom: 5.8%; } .ht1 .ht1_fl h3{ font-size: 3.2rem; font-weight: bold; line-height: 1; color: #ffffff; } .ht1 .ht1_fl h4{ display: inline-block; background-image: linear-gradient(50deg, #2bc0c9 0%, #027890 100%), linear-gradient(#2cc1cb, #2cc1cb); background-blend-mode: normal, normal; border-radius: 6px; font-size: 0.8rem; font-weight: normal; line-height: 1.6; padding: .75rem 5.2rem; color: #ffffff; margin-top: 6.798%; } .ht1 .ht1_fr{ position: absolute; right: 0; top: 0; width: 24%; } .ht1 .ht1_fr img{ width: 100%; } @media(max-width: 991px){ .ht1 .ht1_fl h4{ font-size: 16px; padding: 10px 60px; } } @media(max-width: 768px){ .ht1{ display: none; } .ht1 .ht1_fl{ width: 100%; text-align: center; } .ht1 .ht1_fl h3{ font-size: 30px; } .ht1 .ht1_fl h4{ margin-top: 15px; line-height: 1.4; padding: 10px 25px; } .ht1 .ht1_fr{ display: none; } } @media(max-width: 468px){ .ht1{ padding: 20px 0; } .ht1 .ht1_fl{ padding: 0; } .ht1 .ht1_fl h3{ font-size: 22px; } .ht1 .ht1_fl h4{ } } /* 鏍囧噯鍖栨湇鍔 */ .bzhfw{ padding: 5.209% 0 5.7292%; background: url(../images/b07d090d21a72909d0ba6b43a6ad75d1220e90e6.png) no-repeat center; background-size: cover; } .bzhfw_fb{ margin-top: 3.2%; } .bzhfw_fbnr{ display: flex; display: -webkit-flex; justify-content: space-between; flex-wrap: wrap; } .bzhfw_fb li{ width: 16.666666%; padding-top: 2.8%; padding-bottom: 4.4%; text-align: center; cursor: pointer; display: flex; flex-wrap: wrap; flex-direction: column; } .bzhfw_fb li .yswz{ display: flex; flex-flow: column; flex-grow: 1; flex-direction: column; justify-content: space-between; align-items: center; } .bzhfw_fb li .img{ width: 112px; margin: 0 auto; line-height: 110px; border: solid 1px #cccccc; text-align: center; border-radius: 50%; position: relative; top: 0; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .bzhfw_fb li .img2{ display: none; } .bzhfw_fb li h3{ font-size: 1.2rem; font-weight: normal; font-stretch: normal; line-height: 1.25; color: #222222; margin-top: 15px; } .bzhfw_fb li h4{ font-size: 16px; font-weight: normal; line-height: 1.5; color: rgba(34,34,34,0.4); margin: 9px 0 1.5rem; padding:0 5px; } .bzhfw_fb li .bzhfwlj{ display: inline-block; font-size: 14px; line-height: 1; color: #666666; border-radius: 18px; border: solid 1px #cccccc; width: 103px; padding: 11px 0; } .bzhfw_fb li:hover{ background-color: #04b9c4; } .bzhfw_fb li:hover .img2{ display: inline; } .bzhfw_fb li:hover .img1{ display: none; } .bzhfw_fb li:hover .img{ background-color: #ffffff; border: solid 1px #ffffff; top: -10px; } .bzhfw_fb li:hover h3{ color: #fefefe; } .bzhfw_fb li:hover h4{ color: #fefefe; } .bzhfw_fb li:hover .bzhfwlj{ background-color: #ffffff; border: solid 1px #ffffff; color: #04b9c4; } @media(max-width: 1200px){ .bzhfw_fb li h3{ font-size: 18px; margin-top: 10px; } .bzhfw_fb li h4{ font-size: 14px; margin: 10px 0; } } @media(max-width: 991px){ .bzhfw_fb li{ width: 33.333%; padding: 25px 0; } } @media(max-width: 768px){ .bzhfw_fb li{ width: 50%; } } @media(max-width: 468px){ .bzhfw_fb{ margin-top: 15px; } } /* 鍏充簬 */ .gywm{ padding: 5.209% 0 0; } .gywm .sytitle h3{ color:#e5f2f4; } .gywm .gywm_fc{ margin-top: 3.2%; padding: 3.2% 3.2% 0; background-color: #ffffff; box-shadow: 0px 6px 14px 2px rgba(0, 0, 0, 0.08); display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .gywm .gywm_fc .gywm_fcl{ width: 44.73%; overflow: hidden; cursor: pointer; } .gywm .gywm_fc .gywm_fcl img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .gywm .gywm_fc .gywm_fcl:hover img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .gywm .gywm_fc .gywm_fcr{ width: 52.28%; } .gywm .gywm_fc .gywm_fcr h3{ font-size: .8rem; font-weight: normal; line-height: 2; color: #666666; margin: .4rem 0 3.25rem; } .gywm .gywm_fc .gywm_fcr li:nth-child(1) a{ background-image: linear-gradient(50deg, #027890 0%, #2bc0c9 100%), linear-gradient(#027890, #027890); background-blend-mode: normal, normal; border-radius: 4px 0px 0px 4px; color: #ffffff; } .gywm .gywm_fc .gywm_fcr li a{ display: inline-block; font-size: .9rem; line-height: 1; padding: .9rem 3.75rem; color: #222222; background-color: #ebebeb; border-radius: 0px 4px 4px 0px; } .gywm .gywm_fb{ background-color: #027890; } .bsbj{ padding: 3.2% 0 0; width: 100%; background: #fff; } .gywm .gywm_fb ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; padding-top: 3.734%; padding-bottom: 5.334%; } .gywm .gywm_fb li{ width: 25%; padding: 0 5px; text-align: center; } .gywm .gywm_fb li .suzi{ font-size: 3.2rem; font-weight: normal; line-height: 1; color: #ffffff; } .gywm .gywm_fb li .suzi1{ display: inline-block; width: 22px; background-color: #ffffff; font-size: 18px; font-weight: normal; line-height: 22px; color: #027890; border-radius: 50%; text-align: center; vertical-align: top; margin-left: 5px; } .gywm .gywm_fb li h4{ font-size: 18px; font-weight: normal; line-height: 1.25; color: #ffffff; margin-top: 2.935%; } @media(max-width: 1366px){ .gywm .gywm_fc .gywm_fcr h3{ font-size: 14px; } .gywm .gywm_fb li h4{ font-size: 16px; } } @media(max-width: 1280px){ .gywm .gywm_fc .gywm_fcr li a{ font-size: 15px; } } @media(max-width: 991px){ .gywm .gywm_fb li h4{ font-size: 14px; margin-top: 10px; } .gywm .gywm_fc .gywm_fcl{ width: 100%; } .gywm .gywm_fc .gywm_fcr{ width: 100%; margin-top: 15px; } .gywm .gywm_fc .gywm_fcr h3{ margin: 0 0 15px; } .gywm .gywm_fc .gywm_fcr li a{ padding: 12px 40px; } } @media(max-width: 768px){ .gywm .gywm_fb li{ width: 50%; margin: 5px 0; } } @media(max-width: 468px){ .gywm{ padding-top: 25px; } .gywm .gywm_fc{ margin-top: 15px; padding: 15px 15px 0; } .bsbj{ padding: 15px 0 0; } .gywm .gywm_fb ul{ padding: 15px 0; } .gywm .gywm_fc .gywm_fcr li{ width: 50%; text-align: center; } .gywm .gywm_fc .gywm_fcr li a{ display: block; padding: 15px 30px; } .gywm .gywm_fb li .suzi1{ font-size: 14px; } } /* 杞﹂棿灞曠ず */ .cjzs{ padding:4.584% 0 5.7292%; } .max1710{ max-width: 1740px; padding: 0 15px; margin: 0 auto; } .cjzs .cjzsnr{ overflow: hidden; } .cjzs li{ text-align: center; } .cjzs li img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .cjzs li .img{ overflow: hidden; } .cjzs li:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .cjzs li h3{ font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 1.5; color: #222222; background-color: #ebebeb; padding: 14px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media(max-width: 768px){ .cjzs li h3{ padding: 10px 0; } } /* 鏂伴椈涓績 */ .xwzx{ padding: 3.2292% 0 5.7292%; background-color: #ebebeb; } .xwzx .xwzx_fc{ margin-top: 3.2%; margin-bottom: 3%; } .xwzx .xwzx_fc ul{ display: flex; display: -webkit-flex; justify-content: center; } .xwzx .xwzx_fc li{ padding: 0 10px; text-align: center; max-width: 220px; width: 33.333%; } .xwzx .xwzx_fc li a{ display: block; font-size: 16px; line-height: 1.5; color: #ffffff; padding: .9rem 0; background-color: #027890; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwzx .xwzx_fc li.on a{ background-color: #2bc0c9; } .xwzx .xwzx_fb{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; } .xwzx .xwzx_fb .xwzx_fbl{ background-color: #ffffff; width: 39%; padding: 2.867% 2% 2%; } .xwzx .xwzx_fb .xwzx_fbl h3{ font-size: 18px; font-weight: normal; line-height: 1; color: #2bc0c9; overflow: hidden; } .xwzx .xwzx_fb .xwzx_fbl h3 span{ font-size: 2.4rem; font-weight: bold; line-height: 1; color: #2bc0c9; padding-right: 25px; background: url(../images/d3db792c6513d8703fe2a4b9d013729db379a116.png) no-repeat right center; } .xwzx .xwzx_fb .xwzx_fbl h4{ font-size: 1.2rem; font-weight: normal; line-height: 1.25; color: #222222; margin: 2.86% 0 2.86%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwzx .xwzx_fb .xwzx_fbl h5{ font-size: 14px; font-weight: normal; line-height: 1.857142; color: #666666; margin-bottom: 4.955%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .xwzx .xwzx_fb .xwzx_fbl img{ width: 100%; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; } .xwzx .xwzx_fb .xwzx_fbl .img{ overflow: hidden; } .xwzx .xwzx_fb .xwzx_fbl:hover .img img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1); } .xwzx .xwzx_fb .xwzx_fbr{ width: 56%; } .xwzx .xwzx_fb .xwzx_fbr li{ margin-bottom: 6.5478%; } .xwzx .xwzx_fb .xwzx_fbr li:last-child{ margin-bottom: 0; } .xwzx .xwzx_fb .xwzx_fbr li a{ display: flex; display: -webkit-flex; justify-content: space-between; } .xwzx .xwzx_fb .xwzx_fbr li .xwrq{ background-color: #ffffff; text-align: center; padding:2% 0; display: flex; display: -webkit-flex; flex-direction: column; justify-content: center; width: 17.5%; } .xwzx .xwzx_fb .xwzx_fbr li .xwrq h3{ font-size: 2.4rem; font-weight: normal; line-height: 1; color: #222222; } .xwzx .xwzx_fb .xwzx_fbr li .xwrq h4{ font-size: 16px; font-weight: normal; line-height: 1; color: #666666; margin-top: 4px; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz{ width: 78.3%; padding: 0.45rem 0; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz h3{ font-size: 18px; font-weight: normal; line-height: 1.3333; color: #222222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz h4{ font-size: 14px; font-weight: normal; line-height: 1.857142; color: #666666; margin:2.585% 0 3.345%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz h5{ font-size: 14px; font-weight: normal; line-height: 1; color: #666666; position: relative; margin-left: -16px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz h5::before{ display: inline-block; vertical-align: top; content: ''; width: 0; height: 14px; margin-right: 16px; background:url(../images/17edc899fcecb8ff80cb5ea50c199ca0ef820c87.png) no-repeat right center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwwz h5::before{ width: 127px; } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwwz h5{ margin-left: 0; } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwrq{ background-color: #027890; } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwrq h3{ color: #ffffff; } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwrq h4{ color: rgba(255, 255, 255, .4); } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwwz h5{ color: #027890; } @media(max-width: 1366px){ .xwzx .xwzx_fb .xwzx_fbr li .xwwz h4{ margin: 1.5% 0; } } @media(max-width: 1280px){ .xwzx .xwzx_fb .xwzx_fbl h4{ font-size: 18px; } } @media(max-width: 991px){ .xwzx .xwzx_fb .xwzx_fbl{ width: 100%; } .xwzx .xwzx_fb .xwzx_fbr{ width: 100%; margin-top: 15px; } .xwzx .xwzx_fb .xwzx_fbr li{ margin-bottom: 15px; } .xwzx .xwzx_fc li a{ padding: 10px 0; } .xwzx .xwzx_fb .xwzx_fbl h3{ font-size: 16px; } .xwzx .xwzx_fb .xwzx_fbl h3 span{ font-size: 24px; } .xwzx .xwzx_fb .xwzx_fbl h4{ margin: 15px 0; } .xwzx .xwzx_fb .xwzx_fbl h5{ margin-bottom: 15px; } } @media(max-width: 768px){ .xwzx .xwzx_fb .xwzx_fbl{ padding: 15px; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz{ padding: 0 0; } .xwzx .xwzx_fb .xwzx_fbr li .xwrq h3{ font-size: 28px; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz h3{ font-size: 16px; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz h4{ margin: 5px 0; } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwwz h5::before{ width: 80px; } .xwzx .xwzx_fc li{ padding: 0 5px; } } @media(max-width: 468px){ .xwzx .xwzx_fb .xwzx_fbr li .xwrq{ width: 100px; } .xwzx .xwzx_fb .xwzx_fbr li .xwwz{ width: calc(100% - 120px); } .xwzx .xwzx_fb .xwzx_fbr li:hover .xwwz h5::before{ width: 50px; } .xwzx .xwzx_fc{ margin: 15px 0; } .xwzx .xwzx_fc li a{ font-size: 14px; } } /* foot1 */ .foot1{ background-color: #000000; padding-top: 5%; padding-bottom: 2.0835%; } .foot1 .foot1_fl{ width: 53%; } .foot1 .foot1_fl .foot_nav li{ width: 25%; text-align: left; float: left; } .foot1 .foot1_fl .foot_nav li a{ font-size: 18px; font-weight: normal; line-height: 1; color: #ffffff; } .foot1 .foot1_fl .foot_nav li .x-nav-menu{ margin-top: 1.3rem; } .foot1 .foot1_fl .foot_nav li .x-nav-menu a{ font-size: 16px; line-height: 2.625; color: rgba(255, 255, 255, 0.4); } .foot1 .foot1_fc{ width: 27%; } .foot1 .foot1_fc h3{ font-size: 18px; font-weight: normal; line-height: 18px; color: #ffffff; } .foot1 .foot1_fc h4{ margin: 1.85rem 0 2px; padding-left: 36px; background: url(../images/384636a64949b5cecccc7d545f9e244ec2973d32.png) no-repeat left center; font-size: 30px; line-height: 1; color: rgba(255, 255, 255, 0.4); font-weight: bold; } .foot1 .foot1_fc h5{ font-size: 16px; line-height: 42px; color: rgba(255, 255, 255, 0.4); } .foot1 .foot1_fr{ max-width: 20%; width: 20%; } .foot1 .foot1_fr h3{ font-size: 18px; font-weight: normal; line-height: 18px; color: #ffffff; } .foot1 .foot1_fr ul{ display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.95rem; } .foot1 .foot1_fr ul li{ max-width: 45%; text-align: center; font-size: 16px; line-height: 3.25; color: rgba(255, 255, 255, 0.4); } .foot1 .foot1_fr ul li img{ width: 100%; max-width: 110px; } /* foot1 */ .foot2{ background-color: #000000; font-size: 16px; line-height: 1.625; color: rgba(255, 255, 255, 0.6); text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.6); padding: 25px 0 27px; } .foot2 a{ color: rgba(255, 255, 255, 0.6); } @media(max-width: 1200px){ .foot1 .foot1_fl .foot_nav li a{ font-size: 16px; } .foot1 .foot1_fc h3{ font-size: 16px; } .foot1 .foot1_fr h3{ font-size: 16px; } .foot1 .foot1_fc h4{ font-size: 26px; } .foot1 .foot1_fl .foot_nav li .x-nav-menu a{ font-size: 14px; } .foot1 .foot1_fc h5{ font-size: 14px; } .foot1 .foot1_fr ul li h3{ font-size: 14px; } .foot2{ font-size: 14px; } } @media(max-width:991px){ .foot1 .foot1_fl{ display: none; } .foot1 .foot1_fc{ width: 55%; } .foot1 .foot1_fr{ max-width: 40%; width: 40%; } } @media(max-width:768px){ .foot1{ padding: 25px 0; } .foot1 .foot1_fc{ width: 100%; float: none; } .foot1 .foot1_fr{ max-width: 100%; width: 100%; float: left; margin-top: 15px; } .foot1 .foot1_fc h4{ margin-top: 20px; } .foot1 .foot1_fr ul{ margin-top: 20px; } .foot2{ padding: 20px 0; } } /*涓讳綋鏍峰紡*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*棣栭〉鏂伴椈*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .news_company .content{padding:5px;} /*棣栭〉宸︿晶鑱旂郴鎴戜滑*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*宸ョ▼妗堜緥*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*浜у搧鎺ㄨ崘*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦";background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} /*鍝佺墝鍒楄〃*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*鍓嶅彴澶氶〉绛?/ .news{width:1200px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:16px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:16px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*鍙嬫儏閾炬帴*/ .f_link{width:1200px;margin:0 auto;margin-top:15px;line-height:30px;line-height:30px;background-color:#ececec;text-indent:20px;} /*椤甸潰搴曢儴*/ #footer{position:relative;width:1200px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;font-size:16px;} #footer a{color:#666;} #footer a:hover{color:#e87518;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#666;} .copyright{text-align:center;line-height:24px;} /*------------鍐呴〉-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:16px;color:#000;font-size:21px;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .left{width:225px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:960px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:16px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .sort_album{margin-top: 15px;} /* 鍙嬫儏閾炬帴 */ .c-link { padding: 24px 0; font-size: 16px; color: #2a333c; line-height: 27px; } .c-link .con { display: flex; flex-wrap: wrap; display: -webkit-flex; justify-content: space-between; position: relative; } .c-link .button { cursor: pointer; display: flex; display: -webkit-flex; flex-wrap: wrap; align-items: center; font-size: 16px; font-weight: normal; line-height: 1; color: #222222; padding-top: 3px; border-right: 2px solid #ebebeb; width: 119px; } .c-link .button span{ display: block; font-size: 32px; font-weight: bold; line-height: 1; color: #cccccc; margin-top: 3px; } .c-link dd { width: calc(100% - 125px) } .c-link .sec { display: none; position: absolute; bottom: 100%; left: 0; background: rgba(255, 255, 255, .6); padding: 10px; min-width: 120px; z-index: 999; } .c-link a { padding: 0 4px; font-size: 16px; color: #2a333c; line-height: 27px; } /*鎵嬫満搴曢儴*/ @media(max-width: 1200px){ .xypg-right-content{overflow: hidden;} .xypg-right-content p img{ max-width: 100%; width: auto !important; height: auto !important; } .float-kf{display: none!important;} } @media (max-width:768px){ .db{display:block!important;} .allcontent >div{width: 100%;float: none!important;} .product_detail .list{width: 100%;float: none;} .product_detail .img{float: none;} .c-link{display:none;} } /* 椤佃剼 */ .footer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 999; background: #151515; } .footer ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer ul li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #ffffff; line-height: 30px;padding:10px 0; font-size: 0; } .footer ul li.active { background: #da251c; } .footer ul li a { display: block;color:#fff; } .footer ul li .iconfont { font-size: 18px; display: inline-block; vertical-align: middle; margin-right: 5px; } .footer ul li span { display: inline-block; vertical-align: middle; font-size: 16px;color:#fff; } .n_banner img{width: 100%;} .footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;} .footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;} .footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;} .footer li .icon-phone:before{font-size:0;} .footer ul li a{border-left:1px solid rgba(255,255,255,.5);} @media(max-width: 1203px){ .news_detail h3.title_bar,.share{float: none;width: 100%;margin: 0;height: auto;} .share{width: 160px;margin: 0 auto;} .news_list li span{position: static;} }