.p-banner {background: center no-repeat;background-size: cover;height: 580px;text-align: center;color: #fff;padding-top: 280px;} .product_banner_show{padding-top: 100px; background-color: #f2f2f2;background: top no-repeat;} .p-banner .container{ position: relative; } .p-banner h3 {font-size: 72px;color: rgba(255,255,255,0.15);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight: bold; position: relative;} .p-banner h2 {font-size: 36px;color: #bc1b20;margin-bottom: 5px; position: absolute; top: 38px; left: 45%; text-align: center;} .page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea; background: #f1f1f1;} .page_nav .crumb{float: right;} .page_nav .crumb li{float: left;font-size: 16px;color: #666;} .page_nav .crumb a{color: #666; margin-right: 8px; margin-left: 8px; } .page_nav .crumb li:last-child{ color:#bc1b20 ;} .page_nav .r_sec{float: left;} .page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 20px; margin:0 10px 0 0;} .page_nav .r_sec li:first-child:after{display:none;} .page_nav .r_sec li:hover a, .page_nav .r_sec li.cur a{color:#bc1b20;} .page_nav .r_sec li a{color:#666666;} .page_nav .fa {margin:22px 8px 0; font-size:15px;} .page_nav a:hover{color:#bc1b20;} @media (max-width: 1440px){ .p-banner {height: 452px;padding-top: 170px;} .p-banner h3 {font-size: 52px} .p-banner h2 {font-size: 30px;} } @media (max-width: 1336px){ .p-banner {height: 430px;} .page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 5px; margin:0 5px;} .page_nav .crumb a {margin: 0;} } @media (max-width: 1280px){ .p-banner {height: 400px;} .product_banner_show{padding-top: 70px;} } @media (max-width: 1200px){ .p-banner {height: 375px;} .p-banner h2 {font-size: 28px;} } @media only screen and (max-width: 992px){ .page_nav .crumb{display: none;} } @media (max-width: 768px){ .p-banner {height: 245px;padding-top: 100px;} .p-banner h2 {font-size:26px; line-height: 30px;top: 30px; left: 42%; } .page_nav{line-height:50px; height:50px;} .page_nav .r_sec li:after{left:-7px; } .page_nav {height: auto; line-height: 30px; padding: 10px 0;} } @media (max-width:668px){ .page_nav .r_sec li{padding:0 8px; margin:0 8px;} .p-banner { padding-top: 120px;} .p-banner h3 {font-size: 42px} .p-banner h2 {font-size:22px;top: 28px; left: 38%; } } @media only screen and (max-width: 425px){ .page_nav .container{padding-right: 0px;padding-left:1px;} .page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; } } @media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; } } .page_nav_show{height: 70px;line-height: 70px;color: #fff;} .page_nav_show .crumb li{float: left;font-size: 16px;color: #fff;} .page_nav_show .crumb a{color: #fff; margin-right: 8px; margin-left: 8px; } .page_nav_show .crumb li:last-child{ color:#fff ;} .page_nav_show .fa {margin:22px 8px 0; font-size:15px;} .page_nav_show a:hover{color:#fff;} @media (max-width: 768px){ .page_nav_show{line-height:30px; height:60px;} .page_nav_show .fa {margin:0px 8px 0;} } @media (max-width:668px){ .page_nav_show .crumb li{font-size: 14px;} } @media only screen and (max-width: 425px){ .page_nav_show{ display: none; } } .page-section{ padding:80px 0;} .page-tit { text-align: center; margin-bottom: 50px;} .page-tit h3{ font-size: 30px; padding-bottom: 20px; width: 400px; margin: 0 auto 20px; position: relative;} .page-tit h3:after{ content: ""; left: 42%; bottom: 0px; width: 55px; height: 3px; background-color: #bc1b20; position: absolute;} .page-tit p{ font-size: 16px; line-height: 30px; color: #666; margin: 0 auto;} @media (max-width:1366px) { .page-section{ padding:60px 0;} .page-tit h3{ font-size: 26px; } .page-tit p{ font-size: 15px; } } @media (max-width:1024px) { .page-section{ padding:40px 0;} .page-tit {margin-bottom: 30px;} .page-tit h3{ font-size: 26px; margin-bottom: 10px;} } @media (max-width:768px) { .page-tit h3{ font-size: 22px; margin-bottom: 15px; padding-bottom: 15px;} .page-tit h3:after{width: 38px;left: 45%;} } @media (max-width:668px) { .page-tit h3{ width: 100%;} .page_title h3 { font-size: 18px;} .page-tit h3:after{width: 35px; height: 2px;} } .about-page1 .page-tit { text-align: left; } .about-page1 .page-tit h3{ margin-left: 0px; } .about-page1 .page-tit h3:after{left: 0px; } .about-page1 .page-tit p{ margin-left: 0px; } .about-page1 .desc{ font-size: 16px; line-height: 32px; color: #666;} .about-page1 .aboutrightimg { width: 96%; float: right;} .about-page1 .about-page-ul { padding:1px 10px; text-align: center;} .about-page1 .about-page-ul li { position: relative; border-top: 1px solid #ccc; padding: 28px 0;} .about-page1 .about-page-ul li .shu-div1 {line-height: 1.5;} .about-page1 .about-page-ul li .shu-div2 {font-size: 18px;color: #333; line-height: 40px;} .about-page1 .about-page-ul li:last-child{ border-bottom: 1px solid #ccc; } .development li {position: relative; width: 50%;margin-top: 0;cursor: pointer; padding-bottom: 20px;} .development li.r {left: -1.6px;text-align: left;padding-left: 35px;margin-left: 50%;border-left: 2px solid #bc1b20;} .development li.l {text-align: right;padding-right: 35px;border-right: 2px solid #bc1b20;} .development li .deve-t {line-height: 50px; font-size: 22px; color: #000000} .development li .circle {position: absolute;width: 50px; height: 50px; line-height: 48px; border: 2px solid #bc1b20; border-radius: 50%; background: #FFFFFF; color: #bc1b20; text-align: center; font-family: Arial; font-weight: bold;} .development li.r .circle {left: -26px;} .development li.l .circle {right: -26px;} .development li:hover .circle {color: #FFFFFF; background: #bc1b20} .development .jshu {width: 50px; height: 50px;border: 2px solid #bc1b20; border-radius: 50%; background: #FFFFFF; margin: 0 auto;} .development .jshu em {width: 20px; height: 20px; border-radius: 50%; background: #bc1b20; display: block; margin: 12px auto 0 auto;} .culture {padding-top: 50px;} .culture .cul {float: left;width: 18%;height: 220px;-webkit-box-shadow: #c3c3c3 0px 0px 10px;-moz-box-shadow: #c3c3c3 0px 0px 12px;box-shadow: #c3c3c3 0px 0px 10px;position: relative; margin:0 1%;} .culture .cul em {background: url(../images/index_about.png);background-size: cover;width: 70px;height: 70px;margin-right: 10px;-webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;transition: all .5s; display: block;position: absolute;left: 50%;margin-left: -35px;top: -35px;} .culture .cul:hover em {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg)} .culture .cul em.em2 {background-position: -73px 0;} .culture .cul em.em3 {background-position: -146px 0;} .culture .cul em.em4 {background-position: -218px 0;} .culture .cul em.em5 {background-position: -291px 0;} .culture .cul .cul-t {text-align: center; font-size: 20px; padding-top: 50px; color: #000000 } .culture .cul p {padding: 0 30px; text-align: center;} @media (max-width:1600px){ .about-page1 .about-page-ul { padding:20px 50px;} .about-page1 .about-page-ul li { padding: 22px 0;} } @media (max-width:1480px){ .about-page1 .page-tit h3{ font-size: 26px;} .about-page1 .about-page-ul { padding:17px 50px;} .about-page1 .about-page-ul li { padding: 22px 0;} } @media(max-width:1366px) { .about-page1 .desc{line-height: 30px;} .about-page1 .about-page-ul { padding:17px 20px;} .about-page1 .list_box ul li{padding: 16px 20px;} } @media(max-width:1280px) { .about-page1 .about-page-ul { padding:10px 20px;} .about-page1 .list_box ul li{padding: 18px 0px;} .about-page1 .aboutrightimg { width: 100%; float: right;} } @media (max-width: 1200px){ .about-page1 .page-tit h3{ font-size: 22px;} .about-page1 .desc{ width: 90%; } .about-page1 .aboutrightimg { width: 110%;} .about-page1 .about-page-ul li{ width: 33.33333337%; float: left; border-top: 0px ; border-right: 1px solid #ccc; } .about-page1 .list_box{width:100%; height: 100%; } .about-page1 .about-page-ul li:last-child{ border-bottom: 0px; } } @media(max-width:1124px) { .about-page1 .aboutrightimg { width: 123%;} } @media(max-width:992px) { .about-page1 .list_box .list_box{width:35%;} .about-page1 .desc{ width: 100%; } .culture {padding-top: 0px;} .culture .cul {width: 31%;margin:60px 1.15% 0 1.15%;} .culture .cul .cul-t {font-size: 18px;} } @media (max-width: 768px){ .about-page1 .about-page-ul { padding:20px 5px; } .about-page1 .about-page-ul li .shu-div2 {font-size: 16px; line-height: 25px; } } @media(max-width:768px) { .about-page1 .list_box ul li{padding: 20px 10px 0;} } @media(max-width:600px) { .about-page1 .list_box .list_box{width:50%;} .about-page1 .list_box ul li{padding: 20px 5px;} .about-page1 .list_box p{font-size: 14px; } .development li {position: relative; width: 95%; margin-top: 0;cursor: pointer; padding-bottom: 20px; padding-left: 35px;} .development li.r {left: 0px;margin-left: 5%;border-left: 2px solid #bc1b20;} .development li.l {text-align: left; margin-left: 5%; padding-right: 0; border-right: none;border-left: 2px solid #bc1b20;} .development li.l .circle {left: -26px;} .development li .deve-t {font-size: 18px;} .development .jshu { border-radius: 50%; background: #FFFFFF; margin: 0 0 0 -6px;} .culture .cul {width: 48%;margin:60px 1% 0 1%;} .culture .cul .cul-t {font-size: 18px;} .culture .cul p {padding: 0 15px;} } @media(max-width:400px) { .about-page1 .list_box p{ height: 60px; } } .about-page2{ width: 100%; padding-bottom: 120px; background: url(../images/about_bg2.jpg) no-repeat repeat center; z-index: 1;} .about-page2 .page-tit h3{ color: #fff;} .about-page2 .page-tit h3:after{color: #fff;} .about-page2 .brand_lsit .box{ width: 16.666667%; float: left; height: 320px; text-align: center; color: #fff; position: relative;z-index: 1;} .about-page2 .brand_lsit .box .con{position: absolute; left: 50%; top: 50%; width:85%; font-size: 16px; line-height: 32px; transform: translate(-50%,-50%);} .about-page2 .brand_lsit h3{ font-size:24px; margin: 20px 0;} .about-page2 .brand_lsit .img{ display: block;} .about-page2 .brand_lsit .img1{ display: none;} .about-page2 .brand_lsit .box:hover .img{ display: none;} .about-page2 .brand_lsit .box:hover .img1{ display: block;} @media screen and (max-width:1366px){ .about-page2 .brand_lsit h3{ font-size:22px;} .about-page2 .brand_lsit .box .con{ width: 90%; font-size: 15px; } } @media screen and (max-width:1280px){ .about-page2 .brand_lsit h3{ font-size:20px;} } @media screen and (max-width:1200px){ .about-page2 .brand_lsit h3{ font-size:18px;} .about-page2 .brand_lsit .box .con{ width:100%; font-size: 14px; line-height: 28px;} } @media screen and (max-width:1024px){ .about-page2 .top_text { padding: 30px 0; color: #fff;z-index: 9; width: 50%; margin:0 auto;} .about-page2 .top_text h3{font-size: 20px; margin-bottom: 10px; text-align:center;} .about-page2 .top_text p{ font-size:16px;line-height: 24px; text-align:center;} .about-page2 .brand_lsit .box{ width:33.3333337%; height: 240px;} .about-page2 .brand_lsit .box .con{ width:93%;} } @media screen and (max-width:590px){ .about-page2{ padding-bottom: 60px;} .about-page2 .brand_lsit .box{ width:50%; height: 180px;} .about-page2 .brand_lsit .box .con{ width:98%; } .about-page2 .brand_lsit h3{ font-size:16px; margin: 10px 0;} .about-page2 .brand_lsit .img img{ width: 30%; margin: 0 auto;} } .about-page3 .about-page3-top{ padding-bottom:50px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5;} .about-page3 h2 { font-size: 24px; color: #333; margin-bottom: 20px;} .about-page3 .desc{ font-size: 16px; line-height: 32px; color: #666;} .about-page3 .about-page3-mid .con{ border: 4px solid #e5e5e5; padding:40px 20px; margin-bottom:30px;} .about-page3 .about-page3-mid .con h2{ font-size:24px; color:#bc1b20; margin-bottom:30px; text-align: center; } .about-page3 .about-page3-mid .con p{ color:#666; font-size:16px; line-height: 30px; margin-top:10px; text-align: center; } @media (max-width:1280px) { .about-page3 .about-page3-top{ padding-bottom:30px; margin-bottom: 30px; } .about-page3 h2 { font-size: 22px;} .about-page3 .about-page3-mid .con{padding:30px 15px; } .about-page3 .about-page3-mid .con h2{ font-size:20px; margin-bottom:20px;} } @media (max-width:1024px) { .about-page3 .about-page3-mid .con h2{ font-size:18px; } .about-page3 h2 { font-size: 20px;} .about-page3 .desc{ line-height: 28px; } } @media (max-width:992px) { .about-page3 .about-page3-mid .con{padding:20px 15px; } } @media (max-width:425px) { .about-page3 .about-page3-mid .con{padding:20px 1% 20px 1%; margin-bottom:20px; height:160px;} .about-page3 .about-page3-mid .con h2{ font-size:18px;} } .rmt_dl dd{display:block;clear:both;overflow:hidden; background:#FFF; margin-bottom:20px;} .rmt_dl dd .div1{clear:both;height:78px;background:#f5f5f5;padding:0 10px;overflow:hidden;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .rmt_dl dd .div1 span{display:inline; height:78px;line-height:78px;color:#333333; } .rmt_dl dd .div1 span h3{ height:78px;line-height:78px; font-size:20px; } .rmt_dl dd .div1 span.span8{cursor:pointer;text-align:center; background:url(../images/jia.png) no-repeat center center;} .rmt_dl dd .div2{clear:both;overflow:hidden;color:#666666; padding:30px 25px;line-height:30px;text-align:left;display:none;background: #fafafa} .rmt_dl dd .div2 b{ color: #333; font-size:16px; line-height:34px;} .rmt_dl dd:hover .div1 span h3{color: #bc1b20;} .rmt_dl dd:hover .div1 span.span8{ background:url(../images/jia2.png) no-repeat center center;} .rmt_dl dd .div1 span.span8.jian{ background:url(../images/jia2.png) no-repeat center center;} @media only screen and (max-width:768px){ .job ul{ font-size:16px;} .rmt_dl dd .div1{ padding-left: 0px;} .rmt_dl dd .div2{padding:10px; line-height:24px; } .rmt_dl dd .div1 span.span8{background:url(../images/jia.png) no-repeat center center;background-size:85% 38%;} .rmt_dl dd:hover .div1 span.span8{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;} .rmt_dl dd .div1 span.span8.jian{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;} } @media only screen and (max-width:425px){ .rmt_dl dd .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd:hover .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd .div1 span.span8.jian{ background-size:40% 30%;} } .morbann{margin-top:78px;} .morbann a{display:block;width:60px;height:60px;border:1px solid #fff;text-align: center;line-height: 60px;overflow: hidden;position:relative;transition:all .3s ease-out 0s;} .morbann span{transform:translateX(-66px);display:inline-block;transition:all .3s ease-out 0s;font-size:16px;font-family:"微软雅黑";color:#fff;} .morbann a img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .morbannng a{border-color:#666666;} .morbannng a span{color:#666666;} .morbann a:hover{width:140px;text-align: right; padding-right:10px;} .morbann a:hover span{transform: translateX(-50%);} .morbann a:hover img{left:85%;} .neirongleft{width: calc(100% - 920px);padding-top:160px;animation: fadeInUp 1.5s;} .neirongright{width:50%;animation: fadeInUp 1.5s;} .neirongbr .more a {display: block;width: 56px;height: 56px;border: 1px solid #666666;background: url(../images/xiangxiab.png) no-repeat center!important;} .b1_neirong{width:100%;padding: 166px 127px 185px;} .neirongbr{ } .nebt h3{color:#ededed;font-size:130px;text-transform: uppercase;font-weight: bold;transform: translateY(60PX)} .neirongbr h2{color:#bc1b20;font-size:36px;font-family:"Arial";font-weight:bold;position:relative;margin-bottom:30px;} .neirongbr h2::after{position:absolute;content: "";width:110px;height:1px;background:#bc1b20;left:0;bottom:-42px;} .neirongbr p{color:#333333;font-size:16px;font-family:"微软雅黑";line-height: 30px;padding-left:120px;position:relative;} .neirongbr .more{margin-left:123px;} .neirongatwo{margin:100px 0;} .neirongatwo .b1pic {position: absolute;right: inherit;bottom: 65px;left:0;} .ditu{position:absolute;bottom:0;} .neirongatwo .ditu{transform: translateX(71px);} @media screen and (max-width: 1680px){ .b1_neirong {width: 100%;padding:0;} .neironga { width:1200px;margin:0 auto 70px;} .neirongleft {width: 50%;padding-top: 79px;} .neirongright {position: relative;width: 50%;overflow:hidden; } .nebt{width:1200px;margin:0 auto;} .neirongbr h2 {font-size: 50px;margin-bottom: 32px;} .nebt h3 {font-size: 116px;transform: translateY(60PX);} .neirongatwo .neirongbr{padding-left:53px; padding-right:17px;} } @media screen and (max-width: 1200px){ .neirongleft{width:100%;padding-top:0;} .neirongbr {width: 100%;padding:0 15px;} .neirongright{width:100%;padding:0 15px;margin-bottom:20px;} .neirongbr h2 {font-size: 20px;margin-bottom: 8px;} .neirongbr p {color: #333333;font-size: 16px;padding-left: 0; } .neirongbr h2::after {width: 27px;bottom: -23px;display:none;} .nebt{width:100%;padding:0 15px;margin:36px 0 15px;} .neirongbr .more {margin-left: 0;margin-top: 13px;} .neirongbr .more a {width: 44px;height: 44px;} .neironga {width: 100%;} .neironga {margin: 0 auto 72px;} .neirongatwo .neirongbr {padding-left: 15px;padding-right: 15px;} } @media screen and (max-width: 768px){ .neirongright img{ width: 100%;} .morbann{margin-top:48px;} .morbann a{display:block;width:40px;height:40px; line-height: 40px;} } @media screen and (max-width: 568px){ .morbann a{ width:34px;height:34px; line-height: 34px;} .morbann a img{ width: 30%;} } .p-sort .ps-t {font-size: 36px;margin-top: 55px;margin-bottom: 30px;color: #333;} .p-sort {text-align: center;} .p-sort .de {font-size: 16px;color: #666;text-align: center;line-height: 30px; padding: 0 15%} .p-sort .tit-pic{display: block;overflow: hidden;position: relative;margin-top: 30px;} .p-sort .tit-pic img{max-width: 60%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;} .p-sort .tit-pic:hover img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .p-sort .tit-pic a {display: block;width: 180px;height: 50px;text-align: center;line-height: 50px;color: #fff;background-color: #bc1b20;border-radius: 30px;position: absolute;bottom: 15px;right: 22%;} .product_list {} .product_list .product_top {font-size: 36px;color: #bc1b20;line-height: 175px; padding-left:3%;} .product_list .product_box {padding: 20px 0;margin-bottom: 60px;} .product_list .product_box .pic {width: 38%;overflow: hidden;float: left;position: relative;} .product_list .product_box .pic img {width: 100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;} .product_list .product_box .font {float: left;width: 62%;box-sizing: border-box;padding:0 3%;} .product_list .product_box .font .ti {font-size: 30px;margin-bottom: 20px;color: #333333;} .product_list .product_box .font .dt {width: 30%; float: left} .product_list .product_box .font .dt span {display: block; background: #bc1b20; margin-bottom: 10px; color: #FFFFFF; font-size: 18px; padding: 5px;} .product_list .product_box .font .de {width: 65%; float: right;font-size: 16px;color: #666;line-height: 25px;} .product_list .product_box:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1);} .product_list .product_box:nth-child(even) {background-color: #f5f5f5;} .product_list .product_box:nth-child(even) .pic {float: right;} @media only screen and (max-device-width: 1760px){ } @media only screen and (max-device-width: 1460px){ } @media only screen and (max-device-width: 1366px){ } @media only screen and (max-device-width: 1300px){ } @media only screen and (max-device-width: 1220px){ } @media only screen and (max-device-width: 1200px){ } @media only screen and (max-device-width: 1180px){ .p-sort .de {padding: 0 15%} } @media only screen and (max-device-width: 1030px){ } @media only screen and (max-device-width: 992px){ .product_list .product_box .font .dt,.product_list .product_box .font .de {width: 100%; float: none} .product_list .product_box .font .ti {margin-bottom: 20px} .product_list .product_box .font .dt span {width: 50%; display: inline-block; font-size: 16px;} .product_list .product_box .font .de {font-size: 14px;} .p-sort .de {padding: 0 10%} .p-sort .tit-pic img{max-width: 100%;} } @media only screen and (max-device-width: 870px){ } @media only screen and (max-device-width: 768px){ } @media only screen and (max-device-width: 640px){ .p-sort .ps-t {font-size: 22px;margin-bottom: 15px; margin-top: 30px} .p-sort .tit-pic a {width: 100px;bottom: 10px;right: 10px;height: 30px;line-height: 30px;} .p-sort .de {font-size: 14px;padding: 0 3%; line-height: 25px;} .p-sort .tit-pic {margin-top: 15px;} .product_list .product_top {text-align: center; padding: 0px; font-size: 22px; line-height: 80px;} .product_list .product_box {margin-bottom: 20px;} .product_list .product_box .font,.product_list .product_box .pic {width: 100%; float: none;padding:0;} .product_list .product_box .font .ti {font-size: 20px;margin: 15px 0;} .product_list .product_box .font .dt span {font-size: 15px;} } @media only screen and (max-device-width: 560px){ } @media only screen and (max-device-width: 460px){ } @media only screen and (max-device-width: 400px){ } .section-content-bottom{ margin-top:70px; margin-bottom: 70px; border-top: 12px solid #bc1b20; } .section-content-bottom .pro_info_1_2 ul li{float:left; } .section-content-bottom .pro_info_1_2 ul li a{ font-size:24px; padding-left: 3.5em; display:block; } .section-content-bottom .pro_info_1_2{ border-bottom:1px #e5e5e5 solid; padding:30px 0; overflow:hidden} .section-content-bottom .pro_info_1_2 .title { font-size: 30px; font-weight: bold;} .section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{ color: #bc1b20;} .pro_info_2_1_t{ margin-top:55px;font-size:36px; font-weight: bold; color:#333; } .pro_info_2_1_t span{ font-size: 36px; text-transform: uppercase;} .pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#333; line-height:2; font-size: 18px;} .pro_info_2_mid{overflow:hidden;} .nav-wrap { float: right;} .nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;} .nav-wrap .container{padding-left:0; padding-right:0} .nav-wrap.navFix .container{padding-left:1em; padding-right:1em;} @media only screen and (max-device-width: 1440px){ .pro_info_2_1_t{ margin-top:35px;font-size:30px;} .section-content-bottom .pro_info_1_2 .title { font-size: 26px;} .section-content-bottom .pro_info_1_2 ul li a{ font-size:20px;} } @media only screen and (max-device-width: 1366px){ .pro_info_2_1_t{ font-size:26px;} .section-content-bottom .pro_info_1_2 .title { font-size: 24px;} } @media only screen and (max-device-width: 1280px){ .pro_info_2_1_t{ margin-top:25px;font-size:22px;} .pro_info_2_3_t{margin-top:1.5em; } .section-content-bottom .pro_info_1_2 .title { font-size: 22px;} } @media only screen and (max-device-width: 1200px){ .section-content-bottom .pro_info_1_2{padding:20px 0;} .section-content-bottom .pro_info_1_2 .title { margin-bottom: 15px;} .nav-wrap { float: left;} .section-content-bottom .pro_info_1_2 ul li a{ font-size:18px; padding-left: 0px; } .pro_info_2_1_t{ font-size:20px;} .pro_info_2_3_t{font-size: 16px; margin-top: 1em;} } @media only screen and (max-device-width: 768px){ .section-content-bottom .pro_info_1_2 ul li{ margin-right: 0px;} .section-content-bottom .pro_info_1_2 ul li a{ padding-right: 2em; } .pro_info_2_1_t{ font-size:18px;} .section-content-bottom .pro_info_1_2 .title { font-size: 20px;} .pro-show-info { padding: 10px;} .pro_info_2_3_t{ line-height: 1.7;} .pro_info_2_3_t table tr{ height: 48px;} .pro_info_2_3_t table tr td{ padding-left: 10px; font-size: 15px; } } @media only screen and (max-device-width: 460px){ .section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding-right: 0.8em; } .section-content-bottom{ margin-top:40px; } .section-content-bottom .pro_info_1_2 .title { font-size: 18px;} .pro_info_2_1_t{ font-size:17px;} .products_show .pro-show-info .procontact span a{ font-size:17px; } .products_show .pro-show-info .procontact { margin: 10px 0 5px; padding-bottom: 10px;border-bottom: 1px solid #dcdcdc;} } .news_list li {overflow:hidden; border-bottom: 1px solid #ddd; padding:30px 0px; } .news_list li:first-child{ border-top: 1px solid #ddd;} .news_list li a{display:block;} .news_list li ._img{ width: 17%; overflow: hidden; float: left;} .news_list li ._img img{ width: 100%; } .news_list li ._intro { width:85%; float: left; margin-left: 5%; margin-right: 2%; overflow:hidden; cursor:pointer; margin-top: 15px; color:#6d6d6d;} .news_list li ._title {display:block;line-height:32px; font-size:20px; margin-bottom:10px; color:#000; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .news_list li ._info { display: none; line-height:30px; color:#999999;margin-bottom:10px; } .news_list li ._text {line-height:26px; overflow:hidden; font-size:16px; color:#606060; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_list li:hover ._title {color:#bc1b20;} .news_list .list_time{ color:#bc1b20;width:8%; float:left;text-align: right; margin-top: 15px; } .news_list .list_time_day{display:block;font-size:18px;line-height:34px; } .news_list .list_time_year{ font-size:34px; line-height:40px;} .news_list li .job_tit {width: 20%; float: left} .news_list li .job_tit p {color:#bc1b20} .news_list li .job_con {width: 70%; float: left} .news_list li .job_apply {width: 10%; float: right} .news_list li .job_apply a {padding: 10px 20px; color: #FFFFFF; display: inline-block; background:#bc1b20; border-radius: 50px; text-align: center;} .news_list li .job_tit h2,.news_list li .job_con h2{font-size: 22px; margin-bottom: 10px; color: #000000} .news_list .ckgd a {display: block; width: 180px;height: 50px;text-align: center;line-height: 50px;color: #fff;background-color: #bc1b20;border-radius: 30px; margin: 20px auto 0 auto; margin-bottom: 50px;} @media only screen and (max-width:1366px){ .news_list li { padding:20px 0px;} .news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; } .news_list li ._text { font-size:15px; } .news_list li ._intro {margin-top: 0px; } .news_list .list_time{ margin-top: 0px; } } @media only screen and (max-width:1280px){ .news_list li ._intro {margin-left: 3%; margin-right: 3%;} .news_list .list_time{ width: 12%; } } @media only screen and (max-width:992px){ .news_list .list_time_year{ font-size:30px; line-height:40px;} } @media only screen and (max-width:768px){ .news_list li { padding:20px 0px;} .news_list li ._img{ width: 25%; } .news_list li ._intro { width:72%; margin-left:0; margin-right: 3%;} .news_list li ._text { height: 0px; margin-bottom: 0px; display: none; } .news_list li ._title { margin-bottom:0px; font-size:17px;} .news_list li ._info { margin-bottom:0px; display: block; } .news_list .list_time{display: none; width: 0px; } .news_list li .job_tit,.news_list li .job_con,.news_list li .job_apply {float: none; width: auto} .news_list li .job_tit,.news_list li .job_con {padding-bottom: 15px;} .news_list li .job_tit h2,.news_list li .job_con h2 {font-size: 18px;} .news_list .ckgd a {display: block; width: 120px;height: 40px;line-height: 40px;} } @media only screen and (max-width:425px){ .news_list li { padding:15px 0px;} .news_list li ._title { line-height:26px; font-size:16px; margin-bottom:0px;} .news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news_list li ._img{ width: 34%; } .news_list li ._intro { width:62%;} .news_list .ckgd a {display: block; width: 100px;height: 30px;line-height: 30px;} .news_list .ckgd a {margin-bottom: 30px} } .news_show .news_show_left { width: 71%; float: left;} .news_show .news_show_right { width: 24%; float: right;} .news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; } .news_show p,.news_show div { line-height: 30px;color: #666; font-size: 16px; margin-bottom: 10px;} .news_show .param-tit{font-size: 30px;padding-bottom:20px; color: #333; } .news_show .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_show .jb_tit {width: 30%; float: left} .news_show .jb_tit h2,.news_show .jb_con h2 {font-size: 22px; color: #000000; background: #F0F0F0; padding: 10px;} .news_show .jb_tit p {font-size: 20px; color:#bc1b20; padding: 10px; } .news_show .jb_con {width: 70%; float: right} .news_show .jb_con .jb_txt {padding: 10px;} .news_show .jb_sq {width: 100%; float: none} .news_show .apply_sq {} .news_show .apply_sq li {padding: 10px 0;} .news_show .apply_sq li.zhus {padding-left: 3.6%;} .news_show .apply_sq label {float: left; padding:0 10px; color: #7F7F7F; line-height: 36px; width: 10%; text-align: center; margin-bottom: 0px;} .news_show .apply_sq li span {color: #EF5C5E} .news_show .apply_sq input {border: 1px solid #DDDDDD; height: 40px; float: left; width: 22%; color: #000000; padding: 0 10px;} .news_show .apply_sq .codeimg {float: left; margin: 3px 0 0 5px; cursor: pointer;} .news_show .apply_sq .job_tex { border: 1px solid #DDDDDD; padding: 5px 10px; width: 86%; height: 100px; float: left; color: #000000 } .news_show .apply_sq .btn-submit { background: #bc1b20; padding: 6px 0;width: 200px; color: #FFFFFF; border-radius: 5px; margin: 0 auto; display: block; } .news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; } .news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; } .news_show .param-img{ margin-bottom: 20px; } .news_show_right .list>div{border:1px solid #e5e5e5; margin-bottom:25px;} .news_show_right .list .box{padding:25px 30px;} .news_show_right .list .box .t{font-size:24px; color:#3c3c3c; line-height:24px; position:relative; margin-bottom:15px} .news_show_right .list .box .t:after{content:''; position:absolute; width:68%; height:1px; background:#e5e5e5; left:30%; top:12px;} .news_show_right .list .box .d{font-size:15px; color:#999;} .news_show_right .list .box .d i{margin-right:5px} .news_show_right .list .box .tit{font-size:16px; color:#696969; line-height:28px; height:50px; overflow:hidden; transition:all .3s ease; text-overflow: ellipsis; margin-top:15px; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*} .news_show_right .hot_news{ background-color: #fcfcfc;} .news_show_right .hot_news .hot_box{padding:0 20px;} .news_show_right .hot_news .infor .box{padding:25px 0 0;} .news_show_right .hot_news .infor .tit{float:left; font-size:24px;color:#444; line-height:26px;} .news_show_right .hot_news .infor .more{font-size:16px; color:#999; float:right; line-height:26px;} .news_show_right .hot_news .con .item .t{font-size:16px; color:rgba(124, 123, 123); line-height:24px; overflow:hidden; transition:all .3s ease;} .news_show_right .hot_news .con .item .d{font-size:15px; color:#727272;} .news_show_right .hot_news .con .box{padding:25px 0 0px;} .news_show_right .hot_news .con .item .t:hover{color:#bc1b20;} .news_show_right .list .box:hover .tit{color:#bc1b20;} @media(max-width:1366px) { .news_show .news_show_left { width: 71%; } .news_show .news_show_right { width: 27%; } .news_show img{ width: 100%;} .news_show img.codeimg{width:auto} } @media(max-width:1280px) { .news_show .news_show_left { width: 68%; } .news_show .news_show_right { width: 30%; } .news_show .param-t{font-size: 20px;padding-bottom:20px; } .news_show .param-tit{font-size: 20px; } .news_show .param-c { padding-top: 20px;} .news_show_right .list .box .t{font-size:22px; } .news_show_right .list .box .t:after{ width:66%; left:32%;} } @media(max-width:1200px) { .news_show { padding-right: 0px;} } @media(max-width:992px) { .news_show { padding-right: 0px;} .news_show .param-tit{font-size: 18px;padding-bottom: 5px; } .news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;} .news_show .param-c { padding-top: 10px;} .news_show p,.news_show div { line-height: 28px;} .news_show .news_show_left { width:100%; float: none;} .news_show .news_show_right { width: 0; float: none;} } @media only screen and (max-width:768px){ .news_show .apply_sq li {padding:0;} .news_show .apply_sq label { width: 100%; text-align: left; float: none; margin: } .news_show .apply_sq input { width: 100%; float: none;} .news_show .apply_sq .job_tex { width: 100%;} .news_show .apply_sq li.zhus {padding-left: 10px;} } @media(max-width:680px) { .news_show .param-t{font-size: 18px; padding-bottom:10px;} .news_show .param-c p{ font-size: 15px;line-height:26px;} .news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; } .news_show .param-c { padding-top: 0px;} .news_show .jb_tit,.news_show .jb_con {width: 100%; float: none} .news_show .jb_tit h2,.news_show .jb_con h2 {font-size: 18px; } .news_show .jb_tit p {font-size: 14px;} .news_show p,.news_show div {font-size: 14px;} } .service .pt1 {} .service .pt1 li {width: 9%; text-align: center; float: left; margin: 5px 0.5%} .service .pt1 li .tit-pic{display: block;border: 1px solid #E5E5E5;} .service .pt1 li .tit-pic img{width:100%;/*-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;*/} .service .pt1 li:hover .tit-pic img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);} @media screen and (max-width: 1400px){ } @media screen and (max-width: 1366px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 1160px){ } @media screen and (max-width: 1024px){ } @media screen and (max-width: 992px){ .service .pt1 li {width: 11.5%;} } @media screen and (max-width: 650px){ .service .pt1 li {width: 19%;} } @media screen and (max-width: 450px){ .service .pt1 li {width: 24%;} } /*常见问题*/ .problem_list .problem-item {line-height: 36px;cursor: pointer;padding: 12px 1rem; } .problem_list .problem-item.cur .problem-h5 {background: url(../images/jian3.png) no-repeat right 32px center; } .problem_list .problem-h5 {position: relative;padding: 18px 0px 10px 40px;font-size: 18px;color: #333;font-weight: bold;background: url(../images/jian3on.png) no-repeat right 32px center; } .problem_list .problem-h5:before {content: "";display: block;width: 28px;height: 28px;top: 25px;left: 0;position: absolute;background: url(../images/wen1.jpg) no-repeat center; } .problem_list .problem-detail { padding: 0px 0px 0 40px; height:52px; overflow:hidden; line-height:26px; color: #666; } .problem_list .problem-h5 a:hover{ color: #bc1b20;} .down_list dt { border-bottom: 1px solid #e1e2e2;font-weight:normal;height:90px;line-height:90px; } .down_list dt .con .name {width:60%; float: left; color:#555; font-size: 18px; overflow:hidden; text-align:left;} .down_list dt .con .fa{ font-size:28px;float: left; margin-right: 12px; margin-top:10px; line-height: 70px; color: #bc1b20;} .down_list dt .con .date { float: right; color:#777;} @media (max-width:992px){ .down_list dt {height:50px;line-height:50px; margin-top:15px;} .down_list dt .name {width:90%; font-size: 16px;} .down_list dt .con .fa{ font-size:20px; margin-top:10px; line-height: 40px; } } @media (max-width:768px){ .down_list dt .con .fa{ margin-right: 5px; margin-top: 5px;} .problem_list .problem-h5 {position: relative;padding: 18px 0px 5px 40px;font-size: 16px; line-height:36px; font-weight:normal; color:#222; } .down_list dt .con .name {width:75%; font-size: 17px; } } @media(max-width:435px) { .problem_list .problem-item {line-height:26px;cursor: pointer;padding: 0px 1rem; } .down_list dt .con .date { display: none;} } /*行业应用*/ .application li{ margin-bottom:30px;} .application ul li .tit-pic{display: block;overflow: hidden;} .application ul li .tit-pic img{width:100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;} .application ul li:hover .tit-pic img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .application ul li .tit-font{display: block;color:#333;height:60px;line-height:60px;overflow: hidden; padding:5px; white-space: nowrap;text-overflow: ellipsis;text-align:center; font-size:24px; font-weight:600;} .application ul li:hover .tit-font{ color:#208741;} @media (max-width:768px){ .application li{ margin-bottom:0px;} .application ul li .tit-font{ height:40px;line-height:40px; font-size:16px; font-weight: normal; padding:0px;} } /*联系方式*/ .page-contact {background: #f8f8f8} .page-contact .left{width:50%; float:left; /*background: url(../images/contact.jpg) no-repeat;*/} .page-contact .lx_tit {padding: 30px 0; border-bottom: 1px solid #E9E9E9; margin: 0 30px;} .page-contact .left .box{padding: 30px; line-height: 30px; font-size: 18px;} .page-contact .left .box2 {padding: 50px} .page-contact .right{width:50%; float:right;} .page-contact .map_box{overflow:hidden; text-align: center;} .page-contact .map_box img{max-width:100%; display: block;} @media only screen and (max-width:1280px) { .page-contact .left .box{padding: 55px; } } @media only screen and (max-width:992px) { .page-contact .left .box{padding:55px 30px; } .page-contact .left .box .infor .tit{font-size:20px; } } @media only screen and (max-width:768px) { .page-contact .right{width:100%; float: none;} .page-contact .left{width:100%; float: none; margin-bottom: 20px;} .page-contact .left .box{padding: 30px;} } @media(max-width:528px) { .page-contact .left .box{padding: 15px;} .page-contact .lx_tit {padding: 15px 0;margin: 0 15px;} .page-contact .lx_tit h2 {font-size: 20px;} .page-contact .left .box {font-size: 14px;} } .message-main .form-item {margin-bottom: 20px;} .message-main form .button {text-align: center; } .message-main form .button button {padding: 22px 70px;background-color: #bc1b20;color: #fff;} .message-main .form-item {border-bottom: 1px solid #dcdcdc;line-height: 60px; height: 60px; } .message-main .form-item span{ width:4%; float: left;} .message-main .form-item input {width: 93%;border: 0; float: left;font-size: 16px; line-height: 58px; } .message-main .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px;} .message-main .form-area textarea { width: 98%; float: left; height: 148px; border: 0;font-size: 16px; } .message-main .form-area span{ width:2%; float: right;} .message-main .form-bottom {margin-top: 60px;} .message-main .form-bottom span {display: inline-block;color: #999;margin-right: 30px;} .message-main .form-bottom #code {width: 285px;height: 65px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;} .message-main button{ border: 0px;} .d-inline {display: inline-block;} @media(max-width:992px) { .message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; } .message-main .form-area span{ width:4%; float: left;} .message-main .form-main {padding-top: 0px;} } @media(max-width:768px) { .message-main .form-bottom #code {width: 185px; height: 55px; } .message-main form .button button {padding: 25px 30px; margin-top: 10px;} } @media(max-width:528px) { .message-main .form-bottom span { display: none;} .message-main form .fr{ float: left;} .message-main form .button button {padding: 15px 40px; } } .message-main .red{ color: #ff0000; font-size: 20px;} .policy strong { font-weight: bold; margin-bottom: 20px;} .policy{ line-height: 32px;} .news_show .param-tit{ text-align:center;} #maximg img{ max-width:100% !important; height:auto !important} .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0}