*{margin:0;padding:0;list-style:none;text-decoration:none} a{color: #333;} blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;} fieldset,img{border:0;} :focus{outline:0;} address,cite,code,ctoolion,dfn,em,optgroup,strong,th,var{font-weight:400;font-style:normal;} h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%;} abbr,acronym{border:0;font-variant:normal;} button,input,optgroup,option,select,textarea{font-weight:inherit;font-style:inherit;font-size:inherit;font-family:inherit;} code,kbd,samp,tt{font-size:100%;} body,html{line-height:1.5;font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;} ol,ul{list-style:none;} table{border-collapse:collapse;border-spacing:0;} ctoolion,th{text-align:left;} sub,sup{vertical-align:baseline;font-size:100%;} :link,:visited,ins{text-decoration:none;} blockquote,q{quotes:none;} blockquote:after,blockquote:before,q:after,q:before{content:'';content:none;} img{vertical-align: top;} .w1200{width:1200px;margin:0 auto;} .w1440{width:1440px;margin:0 auto;} .width100 {width:100%;} .flex{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;position: relative;} .flexTop{align-items: flex-start;} .flexBetween{justify-content: space-between;} .fl{float:left;} .fr{float:right;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{*+height:1%;} .indexPart2 .imgtext{max-width: 1560px;margin: 0 auto;justify-content: space-between;padding-top: 140px;} .header{background: url(../image/header-bg.png)no-repeat;width: 100%;height: 80px;} .head{width: 1200px;margin: 0 auto;align-items: stretch;height: 80px;justify-content: space-between;} .head .logo img{width: 100%;display: block;} .head .nav ul li a{padding: 0px 25px;font-size:16px;color:#333333;} .head .lang ul li{padding: 0px 10px;position: relative;} .head .lang ul li .layer{position: absolute;left: -18px;top: 50px;visibility:hidden} .head .lang ul .on .layer{visibility: visible;} .head .lang ul li .topSearch{position: relative;} .head .lang ul .li01{width: 38px;height: 38px;} .header .head .navIco{display: none;} .navLayer{display: none;} .head .lang ul li .topSearch input{border-radius: 24px;display: none;padding: 0 15px; height: 35px; line-height: 35px; background: #fff; width: 115px; font-size: 14px; position: absolute; right: 0px; top: 0px;} .header .topSearch .btn{ width: 35px; height: 35px; position: absolute; right: 1px; top: 2px;} .box2{width: 1200px;margin: 0 auto;} .indexPart1{background: url(../image/indexbg1.jpg) no-repeat;background-size: cover;padding: 8.5% 0%;} .indexPart1 .wa1{width: 1200px;margin: 0 auto;justify-content: space-between;flex-wrap:wrap;} .indexPart1 .wa1 .wa1-left{color: #fff;width: 47%;} .indexPart1 .wa1 .wa1-right{width: 47%;} .indexPart1 .wa1 .wa1-left .p1{font-size: 36px;line-height: 60px;} .indexPart1 .wa1 .wa1-left .p3{font-size: 16px;line-height: 36px;margin-top: 48px;} .indexPart1 .wa1 .more{background: url(../image/more.png)no-repeat left center;display: inline-block;height: 58px;color: #fff;font-size: 18px;line-height: 58px;padding-left: 4%;margin-top: 48px;} .indexPart1 .wa1 .wa1-right img{width: 100%;} .indexPart2{background: url(../image/indexPart2.jpg)no-repeat;} .indexPart2{background-size:cover;height: 795px;} .indexPart2 .text03 .p01{font-size: 30px;color: #fff;background-size:100% 100%;} .indexPart2 .text03 .p02{font-size: 18px;color: #fff;} .indexPart2 .text03 .lunbo p{text-align: center;} .indexPart2 .text03 .lunbo .bofang{text-align: center;} .indexPart2 .text03 .lunbo .bofang a{display:inline-block;padding-left: 25px;} .indexPart2 .text03 .lunbo .more{display: block;background: url(404.png)no-repeat 40% center;height: 60px;line-height: 60px;color: #fff;font-size: 18px;padding-left: 40%;margin-top: 60px;} .indexPart2 .productimg{align-items: center;width: 67%;} .indexPart2 .productimg ul{justify-content: space-between;} .indexPart2 .productimg ul li{position: relative;width: 45%;} .indexPart2 .productimg ul li img{width: 100%;height: auto;} .indexPart2 .productimg ul li .text06{position:absolute;bottom: 28px;left: 0;width: 100%;color: #fff;} .indexPart2 .productimg ul li .text06 h2{font-size: 22px;font-weight: bold;text-align: center;} .indexPart2 .productimg ul li .text06 p{font-size: 16px;text-align: center;} .indexPart2 .imgtext .productimg{ flex-basis: calc(67% - 38px);} .indexPart3{background: url(../image/video-bg.jpg)no-repeat;background-size:cover;} .indexPart3 .title{text-align: center;color: #fff;position: relative;} .indexPart3 .title .cntitle{position:absolute;left: 0;right:0;bottom: 20%;} .indexPart3 .title .cntitle .p0{font-size: 30px;} .indexPart3 .title .cntitle .p2{font-size: 18px;} .indexPart3 .title .entitle{font-size: 160px;font-weight: bold;color: #363636;} .box .video-a{padding-top: 20px;align-items: stretch;} .video-a .video-left{width: 52%;} .video-a .video-left img{width: 100%;display: block;} .video-a .video-right{width: 43%;flex: 1;padding-left: 4%;} .video-a .video-right .p5{font-size: 26px;color: #fff;line-height: 48px;} .video-a .video-right .p6{font-size: 18px;color: #fff;line-height: 48px;padding-top: 24px;} .video-a .video-right .more{color: #0085ca;font-size: 16px;margin-top: 47px;display: block;} .video-a .video-right .img2{padding-top: 13px;justify-content: space-between;} .video-a .video-right .img2 a{display: inline-block;width: 33.333%;} .video-a .video-right .img2 a img{width: 100%;} .product-img{justify-content: space-between;padding-top: 115px;} .product-img .text03{width: 25%;} .footer-nav{background: #222222;width: 100%;} .footer-copy{background: #1d1d1d;width: 100%;height: 50px;} .box1{margin: 0 auto;max-width: 1200px;} .box1 .box1-text{justify-content: space-between;padding-top: 40px;} .box1 .box1-text .nav ul li .f2{font-size: 16px;font-weight: bold;color: #ffff;display: block;margin-bottom: 15px;} .box1 .box1-text .nav ul li a{color: #fff;font-size: 14px;display: block;} .box1 .box1-text .nav ul{font-size: 14px;font-weight: 400;justify-content: space-between; align-items: flex-start;} .box1 .box1-text .nav ul li .f3{color: #e21521;} .box1 .box1-text .nav ul li a:hover{color: #e21521;} .box1 .box1-text .nav{width: 45%;} .box1 .box1-text .code{justify-content: space-between;width: 22%;} .box1 .box1-text .code img{width: 100%;} .box1 .box1-text .code p{text-align: center;color: #bababa;font-size: 14px;padding-top: 15px;} .box1 .mess{color: #fff;} .box1 .mess .hot{font-size: 24px;line-height: 60px;} .box1 .mess .add{font-size: 14px;} .footer-copy {font-size: 14px;color: #fff;height: 45px;line-height: 45px;text-align: center;} .footer-copy .copy-text {width: 100%;} .footer-copy .copy-text{justify-content: space-between;} .footer-copy .copy-text .copy{width: 13%;justify-content: space-between;} .footer-copy .copy-text .copy img{width: 100%;} .footer-copy *{color:#ffffff!important;font-size:12px;} .pageTitleTel{ height:50px; background:#ddd; position:relative; font-size:14px; display:none;} .sideTitleTel{ width:100%; height:50px;position: relative; } .sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative; padding-right:10px;} .sideTitleTel .con a{ color: #fff; display:block; height:50px; padding-left:15px; background:url(../image/ico5.png) right center no-repeat; background-size: 16px;} .sideTitleTel .con.on a{ background:url(../image/ico5on.png) right center no-repeat; background-size:16px;} .sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#faf9f9; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);} .sideTitleNav li{ height:43px;} .sideTitleNav li a{ display:block; height:42px; line-height:42px; padding-left:15px; color:#666; border-bottom:#e2e2e2 solid 1px; background:#faf9f9;} .sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;} .wal{width: 1200px;margin: 0 auto;} .page-top{border-bottom: #ececec solid 1px;height: 60px;} .page-top .page-text{height: 60px;margin: 0 auto;width: 1200px;} .page-top .page-text .page-left{padding-left:30px; height: 60px; line-height: 60px; color: #a2a2a2; overflow: hidden; background: url(../image/nimg17.jpg) left center no-repeat;font-size: 14px;color: #333333;} .page-top .page-text .page-left em{color: #0085ca;} .page-top .page-text .page-right{height: 60px;position:absolute;right: 0;top: 0;} .page-top .page-text .page-right ul li{height: 60px;} .page-top .page-text .page-right ul li a{height: 60px;line-height: 60px;display: block;padding:0px 15px;} .page-top .page-text .page-right ul li a:hover,.page-top .page-text .page-right ul li .aNow{color: #fff;background: #0085ca;} .pageTitleTel{ height:50px; background:#ddd; position:relative; font-size:14px; display:none;} .sideTitleTel{ width:100%; height:50px;position: relative; } .sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative; padding-right:10px;} .sideTitleTel .con a{ color: #fff; display:block; height:50px; padding-left:15px; background:url(../image/ico5.png) right center no-repeat; background-size: 16px;} .sideTitleTel .con.on a{ background:url(../image/ico5on.png) right center no-repeat; background-size:16px;} .sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#faf9f9; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);} .sideTitleNav li{ height:43px;} .sideTitleNav li a{ display:block; height:42px; line-height:42px; padding-left:15px; color:#666; border-bottom:#e2e2e2 solid 1px; background:#faf9f9;} .sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;} .pageTitleTel{ height:50px; background:#ddd; position:relative; font-size:14px; display:none;} .sideTitleTel{ width:100%; height:50px;position: relative; } .sideTitleTel .con{ font-size:16px; height:50px; line-height:50px; position:relative; padding-right:10px;} .sideTitleTel .con a{ color: #fff; display:block; height:50px; padding-left:15px; background:url(../image/ico5.png) right center no-repeat; background-size: 16px;} .sideTitleTel .con.on a{ background:url(../image/ico5on.png) right center no-repeat; background-size:16px;} .sideTitleNav{ position:absolute; top:50px; z-index:10; width:100%; background:#faf9f9; display:none; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);} .sideTitleNav li{ height:43px;} .sideTitleNav li a{ display:block; height:42px; line-height:42px; padding-left:15px; color:#666; border-bottom:#e2e2e2 solid 1px; background:#faf9f9;} .sideTitleTel .con em{ display:block; color:#fff; padding-left: 15px;} .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;} .mySwiper02 .swiper-slide {background-size: cover;background-position: center;} .mySwiper20 {margin: 0 auto;width: 1200px;margin-top: 50px;height: 100%;} .mySwiper02 {height: 20%;box-sizing: border-box;padding: 10px 0;width: 1200px;margin: 0 auto;} .mySwiper02 .swiper-slide {width: 33.33% !important;height: 100%;opacity: 0.4;} .mySwiper02 .swiper-slide-thumb-active {opacity: 1;} .mySwiper02 .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;} .mySwiper02 .swiper-slide{display:inline-block;} .product{background:#f5f5f5;} .product .box2{width: 1200px;margin: 0 auto;} .product{padding: 50px 0px;} .product .box2 .box-small ul{justify-content: space-between;flex-wrap: wrap;} .product .box2 .box-small ul li{width: 18%;background: #fff;padding: 20px 0px;justify-content: center;} .product .box2 .box-small ul li p{width: 33%;padding-left: 15px;font-size: 18px;font-weight: bold;color: #333333;} .product .box2 .box-small ul li .img-a img{width: 100%;} .product .box2 .box-big{margin: 60px 0px;} .product .box2 .box-big li{width: 47%;background: #fff;padding: 20px 0px;margin-bottom: 48px;} .product .box2 .box-big ul{justify-content: space-between;flex-wrap: wrap;} .product .box2 .box-big li .text08{justify-content: space-evenly;} .product .box2 .box-big li .text08 .text-img img{width: 100%;} .product .box2 .box-big li .text08 .text08a .t1{font-size:30px;} .product .box2 .box-big li .text08 .text08a .t2{font-size:24px;} .product .box2 .box-big li .text08 .text08a .t3{color: #999999;font-size: 16px;margin-top: 50px;} .product{background:#f5f5f5;} .product .box2{width: 1200px;margin: 0 auto;} .product{padding: 50px 0px;} .product .box2 .box-small ul{justify-content: space-between;flex-wrap: wrap;} .product .box2 .box-small ul li{width: 18%;background: #fff;padding: 20px 0px;justify-content: center;} .product .box2 .box-small ul li p{width: 33%;padding-left: 15px;font-size: 18px;font-weight: bold;color: #333333;} .product .box2 .box-small ul li .img-a img{width: 100%;} .product .box2 .box-big{margin: 60px 0px;} .product .box2 .box-big li{width: 47%;background: #fff;padding: 20px 0px;margin-bottom: 48px;} .product .box2 .box-big ul{justify-content: space-between;flex-wrap: wrap;} .product .box2 .box-big li .text08{justify-content: space-evenly;} .product .box2 .box-big li .text08 .text-img img{width: 100%;} .product .box2 .box-big li .text08 .text08a .t1{font-size:30px;} .product .box2 .box-big li .text08 .text08a .t2{font-size:24px;} .product .box2 .box-big li .text08 .text08a .t3{color: #999999;font-size: 16px;margin-top: 50px;} .product{background:#f5f5f5;} .product .box2{width: 1200px;margin: 0 auto;} .product{padding: 50px 0px;} .about{justify-content: space-between;} .about .about-left{width: 41%;} .about .about-left .txt1{font-size: 24px;color: #333333;} .about .about-left .txt2{font-size: 48px;color: #333333;} .about .about-left .content{color: #666666;font-size: 14px;padding-top: 40px;} .about .about-left .content p{text-indent: 2em;line-height:24px;} .about .about-rigt{width: 56%;} .about .about-rigt .aboutimg{position: relative;} .about .about-rigt .aboutimg .arrow:hover{background: url(../image/nimg62_lefton.jpg)no-repeat center;} .about .about-rigt .aboutimg .arrow{position: absolute;left: -62px;bottom: 0px;width: 62px;height: 62px;background: url(../image/nimg62_left.png)no-repeat center;display: block;} .mySwiper09{width: 582px;height: 582px;padding: 50px;} .mySwiper09 .swiper-slide { background-position: center; background-size: cover; width: 598px;height: 582px;} .mySwiper09 .swiper-slide img {display: block;width: 100%;object-fit: inherit;} .mySwiper09{padding-left: 63px;} .swiper-rtl .swiper-button-next{left: 0px;} .swiper-rtl .swiper-button-prev{left: -72%;} .mySwiper55 {height: auto;overflow: hidden;position: relative;margin-top:80px;} .header{position: fixed;left: 0px;top:0px;width: 100%;z-index:9999;background: rgba(255, 255, 255, .84);} .mySwiper55 .swiper-slide a{display: block;width: 100%;height: 100%;} .mySwiper55 .swiper-slide img{width: 100%;height: 100%;overflow: auto;} .mySwiper55 .swiper-button-next, .mySwiper55 .swiper-button-prev{padding:20px 5px;top:50%;transform: translate(0, -50%);} .mySwiper55 .swiper-button-next:after, .mySwiper55 .swiper-button-prev:after{color:#ffffff;} .nbanner {overflow: hidden;position: relative;} .nbanner img{width: 100%;height:100%;object-fit: cover;} .p-box-bg{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);} .p-box{position: absolute;top:55%;width: 100%;left:0px;transform: translate(0, -50%);color:#fff;z-index:998;text-align: center;} .p-box .p1{font-size: 60px;color: #fff;opacity: 0.4;padding-bottom: 10px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;} .p-box .p2{ font-weight: bold;font-size: 24px;color: #fff;position: relative;height: 60px;} .p-box .p2::after{content:" ";position: absolute;left: 50%;display: block;width: 34px;height: 4px;margin-left: -17px;bottom: 0px;background: #0085ca;} .pageBox{ padding: 50px 0 50px; } .about .leftCon{ width: 520px; } .about .txt1{ font-size: 24px; color: #29292c; padding: 20px 0 10px;} .about .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 40px; } .about .content{ font-size: 16px; color: #a0a3a8; line-height: 30px;text-align: justify;} .about .rightDiv{ width: 600px; } .aboutPic{ position: relative; } .aboutPic .imgDiv img{ width: 100%; } .aboutPic .slick-prev{ position: absolute; left: -62px; bottom: 0px; display: block; width: 62px; height: 62px; background: url(../image/nimg62_left.png) no-repeat center; z-index: 3;} .aboutPic .slick-next{ position: absolute; left: 0px; bottom: 0px; display: block; width: 62px; height: 62px; background: url(../image/nimg62_right.png) no-repeat center; z-index: 3;} .aboutPic .slick-prev:hover{ background: url(../image/nimg62_lefton.jpg) no-repeat center;} .aboutPic .slick-next:hover{ background: url(../image/nimg62_righton.jpg) no-repeat center;} .honor{ padding-bottom: 70px; } .honor .txt1{ font-size: 24px; color: #29292c; padding-bottom: 10px;} .honor .txt2{ font-size: 48px; color: #29292c; text-transform: uppercase; padding-bottom: 20px; } .honor .msg{ font-size: 16px; color: #777b80; padding-bottom: 70px; } .honor .list{ padding: 0 130px 75px; } .honor .list li{ float: left; width: 33.33%; text-align: center; } .honor .list li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; } .honor .list2 li{ float: left; width: 25%; text-align: center; } .honor .list2 li .name{ padding-top: 15px; color: #a0a3a8; font-size: 14px; } .honor2{ background: #f7f7f7; padding: 100px 0;width: 100%;overflow: hidden; } .honorPic{min-height:500px; position:relative;} .honorPic .list{padding:56px 0 0; width:1200px; margin:0 auto;} .honorPic li{float:left; width:380px; margin:0 10px; margin-bottom:30px; box-shadow: 0 5px 20px #e7e7e7;}.honorPic li .box{ background: #fcfcfc; } .honorPic li .imgDiv{ padding: 25px 20px 0;} .honorPic li img{ width:100%;} .honorPic li .name{ height: 60px; line-height: 60px; color: #868686; text-align:center; font-size:16px;} .honorPic .prev{display:block; background:url(../image/nimg34_left.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; left:-72px; top:50%; margin-top:-17px;} .honorPic .next{display:block; background:url(../image/nimg34_right.png) center no-repeat; width:34px; height:34px; position:absolute; z-index:50; right:-72px; top:50%; margin-top:-17px;} .honorPic .prev:hover{ background:url(../image/nimg34_lefton.png) center no-repeat;} .honorPic .next:hover{ background:url(../image/nimg34_righton.png) center no-repeat;} .honorLayer{position:absolute; z-index:20; left:50%; top:0px; width:578px; margin-left:-289px; height: 484px;} .honorLayer .imgDiv{ padding: 35px 30px 0; background: #fff;-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);} .honorLayer .imgDiv img{ width: 100%; } .honorLayer .name{ display:block; text-align:center; height: 70px; line-height: 70px; font-size: 16px; background: #fff; color: #868686;-webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2);} .h_banner{padding: 0 86px;position: relative;} .h_banner .swiper-slide {width:30%; background:#fff; padding-bottom:15px;} .h_banner .swiper-slide .img{ padding:25px;} .h_banner .swiper-slide img{width: 100%;} .h_banner .swiper-slide p{font-size: 16px;text-align: center; height:48px; line-height:48px;} .h_banner .swiper-slide-active p{ font-size:16px;} .h_banner .swiper-button-prev{width: 34px;height: 34px;margin-top:-17px;left: 0px;background: url("../image/nimg34_left.png") no-repeat left; z-index:5;} .h_banner .swiper-button-next{width: 34px;height: 34px;margin-top:-17px;right: 0px;background: url("../image/nimg34_right.png") no-repeat right; z-index:5;} .h_banner .swiper-button-prev:hover{background-image:url("../image/nimg34_lefton.png"); } .h_banner .swiper-button-next:hover{background-image:url("../image/nimg34_righton.png"); } .clear_f {clear: both;height: 0px;padding: 0px;margin: 0px;display: block;_display: inherit;} .wal{width:1200px; margin:0px auto;} .wal2{width:1200px; margin:0px auto;} .productBox{ background: #f5f5f5; padding: 30px 0 85px;} .product .tab2{ padding-bottom: 35px; } .product .tab2 ul{ margin-right:-25px;} .product .tab2 li{ width:25%; float:left;margin-bottom:25px;} .product .tab2 li .box{ margin-right:25px; height:160px; background:#fff; position:relative; padding-left:124px;} .product .tab2 li .limg{ position:absolute; left:0px; top:0px;} .product .tab2 li .name1{ font-size:19px; color:#333; font-weight:bold; line-height:160px;} .product .tab2 li .name2{ font-size:14px; color:#999; padding-top:15px;} .product .list ul{ margin-right: -30px; } .product .list li{ float: left; width: 50%; margin-bottom: 30px; } .product .list li .box{ margin-right: 30px; background: #fff; position: relative; height: 350px; overflow: hidden; transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;} .product .list li a{ position: relative; display: block; width: 100%; height: 100%; } .product .list li .imgDiv{ position: absolute; right: 32px; top: 0px;max-width: 45%;height: 100%;text-align: right;} .product .list li .imgDiv img{ transition:2s;-moz-transition:2s;-webkit-transition:2s;-o-transition:2s;width: 100%;height: 100%;object-fit: contain;} .product .list li .name{ padding: 65px 0 0 40px; font-size: 36px; color: #000; } .product .list li .msg{ padding: 10px 0 0 40px; font-size: 24px; color: #000; display: flex;flex-wrap: wrap;width: 238px;} .product .list li .content{ color: #777; font-size: 14px; line-height: 24px; padding: 30px 0 0 40px; width: 230px; } .product .list li:hover .box{ -webkit-box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); box-shadow: 0 17px 40px 0 hsla(230,9%,48%,.2); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);} .product .list li:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);} .product .list li .price{ font-size:14px; padding-top:15px; padding-left:40px; color:#777;} .product .list li .price b{ color:#f00; font-size:18px;} .proMsg{ height: 58px; background: #1a1a1a; } .proMsg .name{ color: #fff; line-height: 58px; font-size: 30px; font-weight: bold; } .proMsg .list li{ float: left; margin-left: 58px; line-height: 58px; font-size: 16px;} .proMsg .list li a{ color: #777b80; } .proMsg .list .liNow{ color:#fff;} .proMsg .list li a:hover, .proMsg .list li .aNow{ color: #fff;} .proMsg .list li .btn1{ margin-top: 12px; display: block; width: 102px; height: 34px; background: #37c3e3; border-radius: 4px; -moz-border-radius: 4px; line-height: 34px; text-align: center; color: #fff; } .tabContent2{ display:none;} .tab2 li { cursor: pointer; } .video{ padding-bottom: 80px; } .videoPic .agentlist{ margin:0 -12px;} .videoPic .agentlist .slick-slide{float:left; margin:0 12px;} .videoPic .slick-slide .ico{ opacity: .5;} .videoPic .slick-slide .name{ padding-top:20px; font-size:18px; text-align:center;} .videoPic .slick-slide img{ width:100%;} .videoPic .agentlist .slick-current .ico{ opacity: 1;} .videoPic .agentlist .slick-current .name{ color:#37c3e3;} .videoPic .slick-prev{ cursor:pointer;position:absolute; background:url(../image/nimg48_left2.png) no-repeat left center; width:48px; height:48px; top:50%; margin-top:-24px; left:-65px; z-index:22} .videoPic .slick-next{ cursor:pointer;background: url(../image/nimg48_right2.png) no-repeat right center; width: 48px; height: 48px; position: absolute; top:48%; margin-top:-24px; right: -65px; z-index:22} .videoPic .slick-prev:hover{ background:url(../image/nimg48_left2on.png) no-repeat left center;} .videoPic .slick-next:hover{ background:url(../image/nimg48_right2on.png) no-repeat left center;} .videoPic .slider-for .box{ position:relative; padding-bottom:44px;} .videoPic .slider-for .imgDiv{ text-align:center; width:1200px; margin:0 auto;} .videoPic .slider-for video{width:1200px;height:759px;} .videoPic .slider-for .title{ text-align: center; font-size: 26px; color: #29292c; padding-bottom: 15px; } .videoPic .slider-for .time{ font-size: 14px; color: #9c9c9c; padding-bottom: 40px; text-align: center; } .joinPart3{ padding: 60px 0; overflow: hidden;} .joinPart3 .leftImg{ width: 590px; } .joinPart3 .rightCon{ width: 415px; } .joinPart3 .title{ color: #29292c; font-size: 36px; position: relative; padding: 38px 0 32px; } .joinPart3 .title em{ position: absolute; left: 0; bottom: 0px; width: 26px; height: 3px; display: block; background: #37c3e3;} .joinPart3 .list{ padding-top: 46px; } .joinPart3 .list li{ margin-bottom: 20px; padding-left: 72px; height: 49px; line-height: 49px; font-size: 16px; color: #777b80; position: relative;} .joinPart3 .list li .num{ font-size: 18px; position: absolute; left: 0px; top: 0px; width: 49px; height: 49px; background: #edeef0; text-align: center; line-height: 49px; border-radius: 4px; -moz-border-radius: 4px; } .joinPart4{ padding-top: 40px; overflow: hidden; height: 780px; background: url(../image/joinPart4.jpg) center no-repeat; background-size: cover;} .joinPart4 .title{ margin-bottom: 46px; text-align: center; color: #ffffff; font-size: 36px; position: relative; padding-bottom: 32px; } .joinPart4 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #37c3e3;} .joinPart4 .listBox{ width: 1200px; height: 603px; background: url(404.png) repeat; border-radius: 8px; -moz-border-radius: 8px;} .joinPart4 .list{ padding: 55px 105px 0; background: url(../image/nimg991Bg.png) center 55px no-repeat; } .joinPart4 .list li{ float: left; width: 25%; height: 246px;box-sizing: border-box;} .joinPart4 .list li{border-bottom:1px solid #ffffff;border-right:1px solid #fff;} .joinPart4 .list li:last-child, .joinPart4 .list li:nth-last-child(2), .joinPart4 .list li:nth-last-child(3), .joinPart4 .list li:nth-last-child(4) { border-bottom:0px solid #ffffff; } .joinPart4 .list li:nth-child(4n){border-right:0px;} .joinPart4 .list li .box{ padding: 0 22px; } .joinPart4 .list li .ico{ text-align: center; padding: 32px 0 18px; } .joinPart4 .list li .name{ text-align: center; color: #fff; font-weight: bold; font-size: 16px; padding-bottom: 5px;} .joinPart4 .list li .msg{ color: #fff; opacity: 0.6; font-size: 14px; line-height: 22px; } .joinPart5{ padding: 80px 0 50px; } .joinPart5 .title{ text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; } .joinPart5 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #37c3e3;} .joinPart5 .list{ padding-top: 46px; } .joinPart5 .list ul{ margin-right: -40px; } .joinPart5 .list li{ float: left; width: 33.33%; margin-bottom: 38px;} .joinPart5 .list li .box{ border-radius: 6px; -moz-border-radius: 6px; margin-right: 40px; height: 242px; box-shadow: 0px 0px 14px #ddd; -moz-box-shadow: 0px 0px 14px #ddd; } .joinPart5 .list li .name1{ padding: 48px 0 0 35px; font-weight: bold; color: #484848; font-size: 32px; } .joinPart5 .list li .name2{ padding: 10px 0 23px 35px; position: relative; font-size: 18px; color: #484848;} .joinPart5 .list li .name2 em{ position: absolute; left: 35px; bottom: 0px; width: 20px; height: 3px; background: #37c3e3; display: block; } .joinPart5 .list li .msg{ padding: 28px 0 0 35px; font-size: 14px; color: #a0a3a8; } .joinPart6{ background: url(../image/joinPart6.jpg) center no-repeat; background-size: cover; padding-bottom: 140px;padding-top:60px;;} .joinPart6 .title{ margin-bottom: 45px; text-align: center; color: #29292c; font-size: 36px; position: relative; padding-bottom: 32px; } .joinPart6 .title em{ position: absolute; left: 50%; bottom: 0px; width: 26px; height: 3px; display: block; margin-left: -13px; background: #37c3e3;} .joinPart6 .form{padding: 44px 50px 112px;background: #f4f4f4;} .joinPart6 .list ul{ margin-right: -62px;} .joinPart6 .list{ background:url(../image/line2.png) repeat-x bottom;} .joinPart6 .form li{ width: 33.33%; float: left; } .joinPart6 .form li .box{height:62px; padding-left: 94px;position:relative;margin-right:62px;} .joinPart6 .form li img{ position:absolute; left:0px;top:5px;} .joinPart6 .form li em{width: 77px;display:block;left:15px;text-align:right;top:5px;position:absolute;font-size:12px;} .joinPart6 .form li i{ color:#ff0000;} .joinPart6 .form li .input1{width: 210px;height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9;} .joinPart6 .form li select{width: 230px;height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9;} .joinPart6 .form dl{ margin-right:-10px;} .joinPart6 .form dd{ float:left; width:33.33%;} .joinPart6 .form dd .lbox{ margin-right:10px;} .joinPart6 .form dd select{ width:100%; height:28px;border:#dbdbdb solid 1px;line-height:28px;background: #fff;padding: 0 10px;color: #a9a9a9; box-sizing:border-box;font-size:12px;} .joinPart6 .textarea{ padding-top:30px;} .joinPart6 .textarea .title2{ position:relative; height:40px;} .joinPart6 .textarea .title2 img{ position:absolute; left:0px;top:5px;} .joinPart6 .textarea .title2 em{ width:70px; display:block; left:25px; text-align:right; top:5px; position:absolute;font-size:12px;} .joinPart6 .textarea textarea{width: 1078px;height: 125px;border:#dbdbdb solid 1px;resize: none;background: #fff;padding: 10px;color: #a9a9a9;font-size:12px;} .joinPart6 .btnDiv{ padding-top:35px;} .joinPart6 .btnDiv input{border:0px;} .joinPart6 .btnDiv .btn1{float:left;width:120px;height:36px;color:#fff;font-size:14px;cursor:pointer;text-align:center;line-height:36px;background: #37c3e3;margin-right:20px;border-radius: 50px;} .joinPart6 .btnDiv .btn2{ background:#cccccc;} .joinPart6 textarea::-webkit-input-placeholder{color: #a9a9a9;} .joinPart6 textarea:-moz-placeholder{color: #a9a9a9; } .joinPart6 textarea::-moz-placeholder{color: #a9a9a9; } .joinPart6 textarea:-ms-input-placeholder{color: #a9a9a9; } .news{ padding-bottom: 80px; } .news .list ul{ margin-right: -72px; } .news .list li{ float: left; margin-bottom: 85px;} .news .list li .box{ width: 352px; margin-right: 72px; height: 498px; border-bottom: #959595 solid 1px; -webkit-transition: all .2s linear; transition: all .2s linear;} .news .list .li01 .box{ width: 776px; } .news .list li .imgDiv{ position: relative; } .news .list li .imgDiv a{ position: relative; display: block;width: 100%;height: 248px;overflow: hidden;} .news .list li .imgDiv img{ width: 100%;object-fit: cover; } .news .list li .name{ padding-top: 40px; height: 38px; line-height: 38px; font-size: 16px; font-weight: bold; overflow: hidden;} .news .list li .name a{ color: #353535; } .news .list li .name a:hover{ text-decoration: underline; } .news .list li .content{ padding-top: 20px; line-height: 28px; height: 56px; overflow: hidden; } .news .list li .content a{ color: #949494; } .news .list li .botDiv{ padding-top: 25px; position: relative;} .news .list li .time a{ color: #bfbfbf; } .news .list li .add{ position: absolute; right: 0px; top: 25px; width: 11px; height: 11px;} .news .list li .imgDiv2{ position: relative;height: 430px;overflow: hidden;} .news .list li .imgDiv2 img{ width: 100%;height: 100%;object-fit: cover; } .news .list li .wen{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 52px; background: url(404.png) repeat; } .news .list li .name2{ padding-left: 38px; height: 52px; line-height: 52px; overflow: hidden; font-size: 16px; color: #fff; font-weight: bold; } .news .list li .time2{ position: absolute; right: 40px; top: 0px; line-height: 52px; color: #fff; } .news .list li:hover .box{ -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .w237{ width:237px; overflow:hidden;} .w903{ width:903px; border-right: #f3f3f3 solid 1px; overflow:hidden;} .newShow{ width: 845px; } .newShow .name{ font-size: 24px; color: #000; font-weight: bold; padding-bottom: 15px; } .newShow .time{ color: #bfbfbf; padding-bottom: 40px; border-bottom: #f3f3f3 solid 1px;} .newShow .content{ padding: 30px 0 60px; font-size: 14px; line-height: 36px; color: #999; } .newShow .content img {max-width: 100%;} .newShow .imgDiv{ padding: 35px 0; } .newShow .imgDiv img{ width: 845px; } .sideNews li{ border-bottom: #959595 solid 1px; padding-bottom: 20px; margin-bottom: 50px;} .sideNews li .imgDiv img{ width: 100%; } .sideNews li .name{ padding-top: 20px; line-height: 24px; height: 48px; font-weight: bold; color: #333; overflow: hidden; font-size: 14px;} .sideNews li .time{ color: #bfbfbf; padding-top: 10px;} .pageDown{height:150px; position:relative;} .pageDown .box{ border-top:#f3f3f3 dashed 1px; padding-top:45px;} .pageDown .btn{position:absolute; display:block; top:58px; right:0px; width:128px; height:40px; background:#37c3e3; text-align: center; line-height:40px; color:#fff; font-size:14px; border-radius: 24px; -moz-border-radius: 24px;} .pageDown li{ height:32px; line-height:32px; overflow:hidden; position:relative; font-size:14px;} .pageDown li b{ color:#333;} .pageNum{height:50px; text-align:center;} .pageNum a,.pageNum span{margin:0 8px; display:inline-block; height:36px; line-height:36px; font-size:14px; color:#bdbdbd; width:36px; border-radius: 4px; -moz-border-radius: 4px;} .pageNum a:hover, .pageNum span{ color:#fff; background:#37c3e3;} .pageNum .prev{ font-family:"宋体";} .pageNum .next{ font-family:"宋体";} .pageMore{ display:none;} .pageMore a{ font-size:14px; display:block; width:100%; text-align:center; height:45px; line-height:45px; background:#37c3e3; color:#fff; font-size:16px;} .liuyan{margin-bottom: 60px;} .liuyan-title{} .liuyan-title i{border-top: 5px solid #0085ca;display: block;width: 5%;} .liuyan-title .tit02{color: #333333;font-size: 42px;font-weight: bold;} .liuyan-box{flex-wrap: wrap;justify-content: space-between;} .liuyan-box input{width: 47%;height: 58px;padding: 0px 10px;background: #fafafa;border-radius: 5px; margin-top: 1rem;border: none;} .liuyan-box textarea{width: 100%;padding: 10px;border-radius: 5px;margin-top: 1rem;height: 130px;background: #fafafa;border: none;} .liuyan-ym input{width: 182px;padding:10px;border: 1px solid #b5b5b5;border-radius: 5px;margin-top: 2.5rem;height:45px;} .liuyan-ym img{width: 182px;border-radius: 5px;margin-top: 2.5rem;height:45px;margin-left: 15px;} .liu-btn input{width: 150px;margin-top: 2.5rem;height:50px;margin-right: 15px;background: #0085ca;color:#fff;border: none;} .liu-btn input.sub{width: 150px;margin-top: 2.5rem;height:50px;margin-right: 15px;background: #b8b8b8;color:#fff;} .contact{ padding-bottom: 80px; } .contact .midDiv{ padding-top: 55px; height: 220px; background: #f4f4f4; overflow:hidden;} .contact .midDiv .logo{ width: 379px; border-right: #ddd solid 1px; height: 160px; text-align: center; line-height: 160px;display: flex;align-items: center;justify-content: center;} .contact .midDiv .lie{ padding-left: 52px; } .contact .midDiv .lie li{ font-size: 14px; padding-left: 26px; position: relative; margin-bottom: 15px;} .contact .midDiv .lie li img{ position: absolute; left: 0px; top: 4px; } .contact .list{ padding-top: 70px; } .contact .list ul{ margin-right: -28px; } .contact .list li{ float: left; width: 25%;padding-top: 25px; } .contact .list li .box{ margin-right: 28px; border-bottom: #dedede solid 1px; padding-bottom: 15px;} .contact .list li .name{ font-size: 18px; color: #333; height: 40px;} .contact .list li .msg{ font-size: 14px; line-height: 30px; color: #777b80; } .contact .mapDiv{ width:1200px;height:489px;} .indexTitle{ text-align: center; } .indexTitle .title1{ font-weight: bold; font-size: 40px; line-height: 40px; color: #fff;} .indexTitle .title2{ padding-top: 20px; font-size: 24px; color: #ffffff; text-transform: uppercase;} .indexPart1{ padding-top: 85px; background-size: cover;} .indexPart1 .msg{ text-align: center; font-size: 16px; color: #ffffff; padding: 24px 0 36px;} .indexPart1Pic{ position: relative; } .indexPart1Pic .slick .box{ margin: 0 6px; height: 465px; background: url(../image/nimg390Bg.jpg) no-repeat center; background-size: 100% 100%;} .indexPart1Pic .slick .box2{ background: url(404.png) no-repeat center; background-size: 100% 100%;} .indexPart1Pic .slick .box3{ background: url(404.png) no-repeat center; background-size: 100% 100%;} .indexPart1Pic .slick a{ display: block; width: 100%; height: 100%; } .indexPart1Pic .slick .imgDiv{ text-align: center; padding: 40px 0 10px;height:330px; } .indexPart1Pic .slick .imgDiv img{width: 100%;height: 100%;object-fit: contain;} .indexPart1Pic .slick .name{ text-align: center; font-size: 24px; color: #fff; font-weight: bold; height: 32px; line-height: 32px; overflow: hidden;} .indexPart1Pic .slick .wen{ font-size: 16px; color: #fff; text-align: center; } .indexPart1Pic .slick-prev{ display: block; position: absolute; left: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(../image/nimg48_left.png) no-repeat center; z-index: 5;} .indexPart1Pic .slick-next{ display: block; position: absolute; right: -80px; top: 50%; margin-top: -24px; width: 48px; height: 48px; background: url(../image/nimg48_right.png) no-repeat center; z-index: 5;} .indexPart1Pic .slick-prev:hover{ background: url(../image/nimg48_lefton.png) no-repeat center; } .indexPart1Pic .slick-next:hover{ background: url(../image/nimg48_righton.png) no-repeat center; } .indexPart3 .box{width: 1200px;margin:0 auto;} .indexPart3 .video-left video{width: 100%;height: 367px;} .video-a .video-right .img2 a{width: 33%;} .indexPart4 *{box-sizing: border-box;} .indexPart4{background: url(../image/joinPart4.jpg)no-repeat;background-size:cover;height: 785px;} .indexPart4 .title{text-align: center;color: #fff;position: relative;} .indexPart4 .title .cntitle{position:absolute;left: 0;right:0;bottom: 20%;} .indexPart4 .title .cntitle .p0{font-size: 30px;} .indexPart4 .title .cntitle .p2{font-size: 18px;} .indexPart4 .title .entitle{font-size: 160px;font-weight: bold;color: #363636;} .indexPart4 .box{width: 1200px;margin:0 auto;} .indexPart4 .box .nexs-a{justify-content: space-between;width: 100%;align-items: stretch;} .indexPart4 .box .news-item{width: 23%;} .indexPart4 .box .nexs-a .pic{width: 100%;padding-top:60%;position: relative;} .indexPart4 .box .nexs-a .pic img{width: 100%;position: absolute;height: 100%;left: 0;top: 0;object-fit: cover;} .indexPart4 .box .nexs-a .info-txt{padding:15px;width: 100%;background: #ffffff;} .indexPart4 .box .nexs-a .info-txt .tit a{display: block;width: 100%;font-size:16px;color:#111111;height: 48px;line-height: 24px;overflow: hidden;} .indexPart4 .box .nexs-a .info-txt .ttime{font-size:14px;color:#a9a9a9;margin-top:10px;} .indexPart4 .box .nexs-a .info-txt .tdesc{font-size:12px;color:#666666;margin-top:10px;height: 46px;line-height: 23px;overflow: hidden;} .indexPart4 .box .nexs-a .info-txt .more{margin-top:10px;width: 100%;text-align: center;} .indexPart4 .box .nexs-a .info-txt .more a{font-size:14px;color:#0085ca;} .indexPart4 .box .nexs-a .info-txt .ttime img{margin-right:8px;} @media screen and (max-width: 1200px){ .header .head,.box1{max-width: 97%;margin: 0 auto;} .indexPart1 .wa1{width: 97%;margin: 0 auto;} .video-a .video-right .p5{font-size: 18px;line-height: 25px;} .video-a .video-right .p6{line-height: 25px;} .video-a .video-right .img2{margin-top: 54px;} .page-top .page-text,.product .box2{width: 100%;} .product{padding:50px 5px;} .box-text{width: 100%;} .liuyan-title,.liuyan{padding: 0px 10px;} } @media screen and (max-width: 1024px) { .header{height: 50px;}.header .head {height: 50px;width: 100%;}.header .head .nav,.head .lang ul .li01,.head .lang ul .li02{display:none;}.header .head .logo img{width: 155px;}.header .head .navIco{display: flex;}.navLayer{display: block;} .navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:99998; right:-100%; top:0px;} .navLayer .close{ position: absolute; right: 0px; top: 15px; height: 50px; width: 50px; line-height: 50px; text-align: center;} .navLayer .close img{ width: 24px; } .navLayer .box{ height: 43px; padding: 7px 60px 0 10px; background: #000;} .navLayer .box .form{ width:100%; border-radius:20px; -moz-border-radius:20px; border:#333 solid 1px; height:36px; position:relative;} .navLayer .form .input1{ width:180px; border:none; height:36px; line-height:36px; padding-left:10px; color:#a8a8a8;background: none;} .navLayer .form .btn1{ position:absolute; right:15px; top:7px; background:url(../image/nimg22_1.png) no-repeat; width:22px; height:23px; cursor:pointer;border: none;} .navLayer .bg{overflow-x: auto;position:relative; background:#2c2c2c; height:100%; width:100%;} .sideNav{ padding-top: 15px; } .subNav{cursor:pointer; display:block; height:40px; line-height:40px; position:relative; font-size:14px; color:#333; } .subNav1{ background:url(404.png) right center no-repeat; background-size: 26px; color: #fff;} .subNav .name{ text-indent: 10px; text-align:left; position:relative;} .subNav a{ color:#fff; display: block;} .currentDt{background:url(404.png) right center no-repeat; background-size: 26px; color:#8e8e8e} .navContent{display: none;} .navContent a{display:block; height:35px; line-height:35px; color:#fff; padding-left:20px; font-size:13px;} .indexPart1 .wa1 .wa1-left .p1{font-size: 20px;} .indexPart1 .wa1 .wa1-left .p3{font-size: 14px;} .indexPart3 .title .entitle{font-size: 80px;} .indexPart3 .title .cntitle .p0{font-size: 18px;} .indexPart3 .title .cntitle .p2{font-size: 16px;} .video-a .video-right .p5{font-size: 14px;line-height: 25px;} .video-a .video-right .p6{font-size: 12px;line-height: 25px;} .video-a .video-right .more{font-size: 12px;} .page-top{display: none;} .pageTitleTel{display: block;} .videoPic .slider-for .imgDiv video{width: 100%;height: auto;} .videoPic .slick-slide .name{padding-top:10px; font-size:14px; height: 44px; line-height: 22px; overflow: hidden;} .videoPic .slider-for .time{font-size: 12px;padding-bottom: 20px;} .wal{width: 100%;} .video{padding: 0px 20px;} .video .p8 ,.video .p2{display: none;} .product .box2 .box-small ul li{width: 48%;margin-bottom: 15px;} .product .box2{width: 100%;} .liuyan-title i{width: 10%;} .liuyan-title .tit02{font-size:24px} .liuyan-box input{height: 48px;} .liuyan-ym input{margin-top:20px;height: 28px;} .liuyan-ym img{margin-top:20px;width: auto;} .contact{ padding-bottom: 10px; } .contact .mapDiv { width: 100%;height:220px; } .contact .mapDiv img{ width: 100%; } .contact .midDiv{ padding: 25px 10px; height: auto;} .contact .midDiv .logo{ float: none; width: 100%; border-right: none; height: 60px; line-height: 60px;} .contact .midDiv .lie{ float: none; padding-left: 0px; padding-top: 15px;} .contact .midDiv .lie li{ line-height: 24px;} .contact .list{ padding-top:35px; } .contact .list ul{ margin-right: 0px; } .contact .list li{ float: none; width: 100%; margin-bottom: 25px;} .contact .list li .box{ margin-right: 0px;} .liuyan-title{margin-top:30px;} .mySwiper55 {margin-top:50px;} } @media screen and (max-width: 1004px){ .pageBox{padding-top:20px;padding-left:10px;padding-right:10px;} .about{ padding-bottom: 20px; } .about .leftCon{ width: 100%; } .about .txt1{ font-size: 18px; padding: 0px 0 10px;} .about .txt2{ font-size: 26px; padding-bottom: 25px; } .about .content{ font-size: 14px; line-height: 26px; } .about .rightDiv{ width: 100%; padding-top: 25px;} .aboutPic .slick-prev{ left: 0px; width: 50px; height: 50px; background-size: 50px;} .aboutPic .slick-next{ left: 50px; width: 50px; height: 50px; background-size: 50px;} .aboutPic .slick-prev:hover{ background-size: 50px;} .aboutPic .slick-next:hover{ background-size: 50px;} .about .content img{width: 100%;} .nbanner {height:280px;} .p-box .p1{font-size: 24px;} .p-box .p2{font-size: 18px;height:45px;} .p-box .p2::after{width: 34px;height: 3px;} .honor{ padding-bottom: 10px; } .honor .txt1{ font-size: 18px;} .honor .txt2{ font-size: 26px; } .honor .msg{ font-size: 14px; padding-bottom: 40px; } .honor .list{ padding: 0; } .honor .list li{ width: 50%; margin-bottom: 25px; } .honor .list .li01{ width: 100%; } .honor .list li img{ width: 130px; } .honor .list2 li{ width: 50%; margin-bottom: 25px;} .honor .list2 li img{ width: 130px; } .honor2{ padding: 40px 10px; } .h_banner {padding: 0 40px; } .h_banner .swiper-slide {width: 100%; } .h_banner .swiper-slide .img{ padding:10px;} .h_banner .swiper-slide p{font-size: 12px;height:28px; line-height:28px;} .productBox,.product{ padding: 20px 0 45px;} .product .tab2{ padding-bottom: 30px; padding-left:10px; padding-right:10px;} .product .tab2 ul{ margin-right:-10px;} .product .tab2 li{ width:50%; margin-bottom:10px;} .product .tab2 li .box{ margin-right:10px; height:88px; padding-left:68px;} .product .tab2 li .limg img{ width:68px;} .product .tab2 li .name1{ font-size:16px; line-height:88px;} .product .list{ padding: 0 10px; } .product .list ul{ margin-right: 0px; } .product .list li{ float: none; width: 100%; margin-bottom: 15px; } .product .list li .box{ margin-right: 0px; height:150px;display: flex;justify-content: space-between; } .product .list li .imgDiv{ right: 20px;width: 30%; } .product .list li .imgDiv img{ height: 150px;} .product .list li .name{ padding: 15px 0 0 15px; font-size: 18px;} .product .list li .msg{ padding: 5px 0 0 15px; height: 26px; line-height: 26px; font-size: 16px; } .product .list li .content{ font-size: 13px; line-height: 20px; padding: 10px 0 0 15px; height: 40px; width: auto; } .product .list li .price{ font-size:14px; padding-left:15px; color:#777;padding-top:0px;} .product .list li .price b{ color:#f00; font-size:18px;} .proMsg{ height: auto; padding: 10px; } .proMsg .name{ line-height: 26px; font-size: 20px; float: none;} .proMsg .list{ float: none; } .proMsg .list li{ margin-left: 0px; margin-right: 25px; line-height:32px; font-size: 14px;} .proMsg .list li .btn1{ margin-top: 0px; } .video{ padding-bottom: 30px; } .videoPic .agentlist{ margin:0 -6px;width:auto; padding-bottom: 80px; height:auto;} .videoPic .agentlist .slick-slide{float:left; margin:0 6px;} .videoPic .slick-slide .name{ padding-top:10px; font-size:14px; height: 44px; line-height: 22px; overflow: hidden;} .videoPic .slick-prev{ top:auto; bottom:15px; margin-top:0px; left:50%; margin-left:-55px;} .videoPic .slick-next{ top:auto; bottom:15px; margin-top:0px; right:50%; margin-right:-55px;} .videoPic .slider-for .box{ padding-bottom:10px;} .videoPic .slider-for .imgDiv{ width:100%;} .videoPic .slider-for .imgDiv img{ width:100%;} .videoPic .slider-for .imgDiv video{ width:100%;height:auto;} .videoPic .slider-for .title{ font-size: 16px;} .videoPic .slider-for .time{ font-size: 12px; padding-bottom: 20px; } .joinPart2 .list li .name{ padding-top: 12px; font-size: 14px;} .joinPart3{ padding: 40px 10px;} .joinPart3 .leftImg{ width: 100%; } .joinPart3 .leftImg img{ width: 100%; } .joinPart3 .rightCon{ width: 100%; } .joinPart3 .title{ font-size: 20px; padding: 24px 0 22px; } .joinPart3 .list{ padding-top: 25px; } .joinPart3 .list li{ padding-left: 65px; height: 49px; line-height: 24px; font-size: 14px;} .joinPart3 .list li .num{ font-size: 16px; } .joinPart4{ padding: 40px 10px; height: auto;} .joinPart4 .title{ margin-bottom: 23px; font-size: 20px; position: relative; padding-bottom: 22px; } .joinPart4 .listBox{ width: 100%; height: auto; } .joinPart4 .list{ padding: 25px 0; background: none; } .joinPart4 .list li{ width: 50%; height: 246px;} .joinPart4 .list li{border-bottom:1px solid #ffffff;border-right:1px solid #fff;} .joinPart4 .list li:last-child, .joinPart4 .list li:nth-last-child(2), .joinPart4 .list li:nth-last-child(3), .joinPart4 .list li:nth-last-child(4) { border-bottom:1px solid #ffffff; } .joinPart4 .list li:last-child, .joinPart4 .list li:nth-last-child(2) { border-bottom:0px solid #ffffff; } .joinPart4 .list li:nth-child(2n){border-right:0px;} .joinPart4 .list li .box{ padding: 0 10px; } .joinPart4 .list li .ico{ padding: 25px 0 12px; } .joinPart4 .list li .name{ font-size: 15px; padding-bottom: 5px;} .joinPart4 .list li .msg{ font-size: 12px; line-height: 20px; } .joinPart5{ padding: 40px 10px 30px; } .joinPart5 .title{ font-size: 20px; padding-bottom: 22px; } .joinPart5 .list{ padding-top: 25px; } .joinPart5 .list ul{ margin-right: 0px; } .joinPart5 .list li{ float: none; width: 100%; margin-bottom: 18px;} .joinPart5 .list li .box{ margin-right: 0px; height: 172px; } .joinPart5 .list li .name1{ padding: 25px 0 0 20px; font-size: 20px; } .joinPart5 .list li .name2{ padding: 10px 0 15px 20px; font-size: 16px;} .joinPart5 .list li .name2 em{ left: 20px; } .joinPart5 .list li .msg{ padding: 20px 10px 0 20px; } .joinPart6{ background: none; padding: 25px 10px 40px;} .joinPart6 .title{ margin-bottom: 25px; font-size: 20px; padding-bottom: 22px; } .joinPart6 .form {padding: 20px 15px 90px; } .joinPart6 .form ul{ margin-right: 0px; } .joinPart6 .form li{ float: none; width: 100%; } .joinPart6 .form li .box{height: 43px; padding-left: 90px; margin-right: 0; width: auto; } .joinPart6 .form li em {width: 80px; left: 6px; } .joinPart6 .form li .input1 {width: 100%; padding: 0 5%; box-sizing: border-box;} .joinPart6 .form li select{width: 100%;padding: 0 5%; box-sizing: border-box;} .joinPart6 .textarea {padding-top: 10px; } .joinPart6 .textarea textarea {width: 100%; height: 115px; padding: 10px 5%; box-sizing: border-box; } .joinPart6 .btnDiv .btn1{margin-right:10px;} .news .list li .imgDiv2{height: 250px;} .news .list li .imgDiv a{height:250px} .news{ padding-bottom: 40px; } .news .list{ padding-bottom: 30px; } .news .list ul{ margin-right: 0px; } .news .list li{ float: none; margin-bottom: 25px;} .news .list li .box{ width: 100%; margin-right: 0px; height: auto; padding-bottom: 25px;} .news .list .li01 .box{ width: 100%; } .news .list li .name{ padding-top: 20px; height: 30px; line-height: 30px;} .news .list li .content{ padding-top: 15px; line-height: 24px; height: 48px;} .news .list li .botDiv{ padding-top: 15px;} .news .list li .add{ top: 15px;} .news .list li .wen{ height: 42px; } .news .list li .name2{ padding:0 15px; height: 42px; line-height: 42px; font-size: 14px; } .news .list li .time2{ display: none; } .newShow{ width: 100%; } .newShow .name{ font-size: 18px; padding-bottom: 10px; } .newShow .time{ padding-bottom: 20px;} .newShow .content{ padding: 20px 0 40px; line-height: 30px; } .newShow .imgDiv{ padding: 25px 0; } .newShow .imgDiv img{ width: 100%; } .pageDown{height:auto; padding-bottom: 25px;} .pageDown .box{ padding-top:25px;} .pageDown .btn{position:relative; top:0px; margin-top: 25px; } .pageDown li{ height:30px; line-height:30px; } .w903{ width: 100%; border-right: none; } .w237{display: none;} .mySwiper55{height: auto;} .indexPart1{ padding: 55px 10px 35px; height: auto; background-size: 100% 100%;} .indexPart1 .msg{ font-size: 14px; padding: 16px 0 30px;} .indexPart1Pic{ padding-bottom: 65px; } .indexPart1Pic .slick .box{ margin: 0; height: 395px;} .indexPart1Pic .slick a{ display: block; width: 100%; height: 100%; } .indexPart1Pic .slick .imgDiv{ padding: 30px 0 10px; } .indexPart1Pic .slick .imgDiv img{ width:240px; } .indexPart1Pic .slick .name{ font-size: 20px; height: 28px; line-height: 28px;} .indexPart1Pic .slick .wen{ font-size: 14px; } .indexPart1Pic .slick-prev{ left: 50%; margin-left: -60px; bottom: 0px; top: auto; margin-top: 0px; width: 38px; height: 38px; background-size: 38px;} .indexPart1Pic .slick-next{ right: 50%; margin-right: -60px; bottom: 0px; top: auto; margin-top: 0px; width: 38px; height: 38px; background-size: 38px;} .indexPart1Pic .slick-prev:hover{ background-size: 38px; } .indexPart1Pic .slick-next:hover{ background-size: 38px; } .indexPart3 .box{width: calc(100% - 20px);padding:0px 10px;} .video-a .video-right{padding:0px;} .video-a .video-right{margin-top:15px;font-size:14px} .video-a .video-right .p6{padding-top: 15px;font-size:14px} .video-a .video-right .more{margin-top:15px;padding-top:5px;} .video-a .video-right .img2{margin-top:25px;} .indexPart4 .box{width: 100%;padding:0px 10px} .indexPart4 .title .entitle{font-size: 80px;} .indexPart4 .title .cntitle .p0{font-size: 18px;} .indexPart4 .title .cntitle .p2{font-size: 16px;} .indexPart4 .box .nexs-a{flex-wrap: wrap;} .indexPart4 .box .news-item{width: 48%;} .indexPart4 .box .nexs-a .info-txt .tdesc{display: none;} .indexPart4{height: auto;padding-bottom:25px;} .indexPart4 .box .news-item{margin-bottom:25px;} } .honor6{padding-top: 0;padding-bottom:0;} .honor6 .swiper-container { width: 100%; height: auto; padding: 60px 0 90px; margin-left: auto; margin-right: auto;} .honor6 .swiper-slide img{max-width:100%;max-height:100%;} .honor6 .swiper-slide p{color: #fff;font-size: 20px;margin: 20px 0px;} .honor6 .swiper-container{width:100%;position: relative;} .honor6 .bg{ width: 203px;height: 287px;border-radius: 4px;overflow: hidden;display: block;position: relative; user-select: none;} .honor6 .bg .bgimg,.honor6 .bg .bgimg img{width: 100%;height: 100%;display: block;} @media only screen and (max-width: 640px){ .indexPart1 .wa1 .wa1-left{width: 100%;overflow: hidden;} .indexPart1 .wa1 .wa1-right{margin-top: 10%;width: 100%;} .box .video-a{flex-direction: column;} .video-a .video-left{width: 100%;} .video-a .video-right{width: 100%;} .product .box2 .box-small ul li{width: 100%;} .product .box2 .box-big li{width: 100%;} .liuyan-box input{width: 100%;} .mySwiper55{width: 100%;height: auto;overflow: hidden;} .mySwiper55 .swiper-slide img{height: auto;width: 100%;} .mySwiper55 .swiper-button-next:after, .mySwiper55 .swiper-button-prev:after {font-size: 30px;} .mySwiper55 .swiper-button-next,.mySwiper55 .swiper-button-prev{margin-top:0px;} .indexPart1{padding: 30px 10px 30px;} .indexPart1 .wa1 .wa1-left .p3{margin-top:5px;} .indexPart1 .wa1 .wa1-left .p1{line-height:40px} body{overflow-x:hidden;} .head .lang ul .shop img{width: 75%;display: block;} .indexPart1 .msg{ padding: 16px 0 50px;} .indexPart1{background-size: cover;} .honor6{padding:0px 15px} .honor6 .swiper-slide p{color: #fff;font-size: 16px;margin: 15px 0px;} .joinPart3 .leftImg{display: none;} .joinPart3{padding-top:0;} } @media only screen and (max-width: 800px){ .indexPart2 .productimg ul li{width: 100%;} .wal .box1-text{flex-direction: column;} .wal .box1-text .nav{width: 85%;} .wal .box1-text .code{width: 50%;padding-top: 5%;} .wal .mess{padding: 5% 0;} .box1 .box-nav{display: none;} .contact .conleft{border-right: none;} .contact{flex-direction: column;} .contact .conright{width: 100%;padding-left: 5px;} } .indexPart5{background: url(../image/honor_bg.jpg)no-repeat;background-size:cover;height: 785px;} .indexPart5 .title .entitle{font-size: 160px;font-weight: bold;color: #363636;} .indexPart5 .box{width: 1200px;margin: 0 auto;} .indexPart5 .title{text-align: center;color: #fff;position: relative;} .indexPart5 .title .cntitle{ position: absolute;left: 0;right: 0;bottom: 20%;} .indexPart5 .title .cntitle .p0{font-size: 30px;} .indexPart5 .title .cntitle .p2{font-size: 18px;} .cont h2 a{display: block;font-size: 20px;color: #fff;padding: 20px 0px;text-align: center;} .btn{text-align: center;} .btn img{display: inline-block;margin-right: 20px;margin-bottom: 20px;} .honor6 .swiper-container{padding-bottom: 30px;} .honor6 .swiper-slide { -webkit-transform: scale(.5); -ms-transform: scale(.5); transform: scale(.5); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: center } .honor6 .swiper-slide-active { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1) } @media screen and (max-width: 800px){ .indexPart5{height: auto;} .indexPart5 .box{width: 100%;} .indexPart5 .title .entitle{font-size: 80px;} .indexPart5 .title .cntitle .p0{font-size: 18px;} .indexPart5 .title .cntitle .p2{font-size: 16px;} .honor6 .swiper-container{padding-top: 0px;} .honor6 .swiper-container00{width: 85%;margin:0 auto;} .honor6 .swiper-slide{width: 10%;} } .honor .list2 li .imgDiv img,.honor .list li .imgDiv img{width: 100%;display: block;}