/* 前端白明明 */ *{ margin:0; padding:0;} body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0 auto;overflow-x:hidden; max-width: 1920px; min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #333;font-family:微软雅黑,Microsoft YaHei,arial; font-size:14px; line-height:1;background: #fff;} ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; } .clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;} .clearfix { *zoom:1; } a{display: block; text-decoration:none; cursor:pointer; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;color: #333;outline: none;-moz-outline-style: none;} textarea,select{ outline:none; color:#666; font-size:14px; width:100%;} img{border:none;transform: translateZ(0);-webkit-transform: translateZ(0);} img[src=""]{opacity: 0;} body::-webkit-scrollbar{ width:8px;height: 1px;} body::-webkit-scrollbar-thumb{ background:#000;outline-offset: -2px;outline: 2px solid #fff;-webkit-border-radius: 4px;border: 2px solid #fff;} body::-webkit-scrollbar-track{ background:#fff;} .f_16{ font-size:16px; } .f_18{ font-size:18px; } .f_20{ font-size:20px; } .f_22{font-size: 22px;} .f_24{ font-size:24px; } .f_26{ font-size:26px; } .f_28{ font-size:28px; } .f_30{ font-size:30px; } .f_32{ font-size:32px; } .f_34{ font-size:34px; } .f_36{ font-size:36px; } .f_38{ font-size:38px; } .f_40{font-size: 40px;} .f_45{ font-size:45px;} .be{font-family: arial;} /*分页*/ .BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;} .a_dw{position: relative;top: -120px;} .box {max-width:1400px;min-width: 1200px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;box-sizing: border-box;overflow: hidden;} .page{padding: 25px 0;background: #f2f2f2;border-top: 1px solid #ddd;} .page1{clear:both; text-align:center;font-size:16px; line-height: 50px;height: 50px;overflow: hidden; margin: 0;position: relative;z-index: 5;} .page1 span a{display: inline-block; color:#333;padding:0 5px; text-decoration:none;margin: 0 5px;} .page1 span a:hover,.page1 span.current a{ color:#e62129;} .page1 span{margin:2px;} .page1 .pagefirst a{padding-left: 20px;background: url(../images/jtl1.png) center left no-repeat;} .page1 .pageend a{padding-right: 20px;background: url(../images/jtr1.png) center right no-repeat;} .page1 .pageback a{padding-left: 20px;background: url(../images/jtl2.png) center left no-repeat;} .page1 .pagenext a{padding-right: 20px;background: url(../images/jtr2.png) center right no-repeat;} .page2{width: 120px;height: 40px;background: #b71a35;text-align: center; color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;text-align: center;} /* 头部 */ .head{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;box-sizing: border-box;padding: 0 60px;position: relative;position: fixed;width: 100%;top: 0;left: 0;z-index: 11;} .head:before{content: ' ';display: block;width: 100%;height: 0%;position: absolute;top: 0;left: 0;z-index: -1;background: #fff;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .head .logo{float: left;width: 240px;height: 110px;background: url(../images/logo.png)left center no-repeat;} .head .menu{width: 25px;height: 110px;float: right;} .head .menu *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .head .menu .mebox{width: 25px;height: 25px;margin: 46px auto 0;} .head .menu .mebox s{display: block;width: 25px;height: 2px;background: #fff;margin-bottom: 5px;position: relative;top: 0;} .head .menu.act .mebox s:nth-child(1){transform: rotate(45deg);-webkit-transform: rotate(45deg);top: 8px;} .head .menu.act .mebox s:nth-child(2){opacity: 0;} .head .menu.act .mebox s:nth-child(3){transform: rotate(-45deg);-webkit-transform: rotate(-45deg);top: -5px;} .head .hrt{float: right;overflow: hidden;box-sizing: border-box;} .head .hrt .hrtbox{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative;left: 0;} .head .wl{width: 60px;height: 110px;float: right;background: url(../images/1_21_1.png) center no-repeat;} .head .abtn{float: right;} .head .abtn a{float: left;margin: 0 25px;position: relative;line-height: 110px;font-size: 16px;font-weight: bold;color: #fff;} .head .abtn a:nth-child(1){margin-left: 0;} .head .abtn a:after{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;content: '';display: block;position: absolute;display: block;width: 0%;height: 2px ;background: #e62129;left: 50%;bottom: 0;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .head.act2,.head.act,.head:hover{/* background: #fff; */-moz-box-shadow:0px 2px 2px #ddd; -webkit-box-shadow:0px 2px 2px #ddd; box-shadow:0px 2px 2px #ddd;} .head.act2:before,.head.act:before,.head:hover:before{height: 100%;} .head.act3 .logo,.head.act2 .logo,.head.act .logo,.head:hover .logo{background: url(../images/logo2.png) left center no-repeat;} .head.act3 .abtn a,.head.act2 .abtn a,.head.act .abtn a,.head:hover .abtn a{color: #333;} .head.act3 .menu s,.head.act2 .menu s,.head.act .menu s,.head:hover .menu s{background: #555;} .head.act3 .wl,.head.act2 .wl,.head.act .wl,.head:hover .wl{background: url(../images/1_21.png) center no-repeat;} .head .hrt .hrtbox.act{left: 70%;opacity: 0;} .head:hover .abtn a:hover{color: #e62129;} .head:hover .abtn a:hover:after{width: 100%;} .head:hover .wl:hover{background: url(../images/1_21_2.png) center no-repeat;} .head:hover .menu:hover .mebox s{background: #e62129;} .head.act4 .logo,.head.act4 .menu,.head.act4 .wl{height: 50px;} .head.act4 .logo{height: 40px;margin-top: 5px;background-size: 70%;} .head.act4:hover .logo{background-size: 70%;} .head.act4 .abtn a{line-height: 50px;} .head.act4 .menu .mebox{margin-top: 15px;} .nav.act4,.head2.act4{top: 50px;} .head2{display: none;position: fixed;top: 110px;left: 0;width: 100%;background: #fff;height: 345px;box-sizing: border-box;background: #fff;z-index: 10;overflow: hidden;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;} .head2 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .head2 li{position: absolute;width: 1200px;top: -460px;left: 50%;margin-left: -600px;text-align: center;overflow: hidden;max-height: 305px;background: #fff;} .head2 li .llt{width: 760px;float: left;box-sizing: border-box;border-right: 1px solid #ddd;} .head2 li .llt .lclt{width: 340px;float: left;} .head2 li .llt .lclt2{margin-left: 40px;} .head2 li .llt .lclt3{width: 720px;} .head2 li .llt .lclt4{width: 170px;margin-right: 10px;float: left;} .head2 li .tt{font-size: 16px;color: #555;position: relative;margin-bottom: 10px;text-align: center;} .head2 li .tt s{display: inline-block;width: 20px;height: 1px;background: #999;position: relative;top: -6px;margin-right: 20px;} .head2 li .tt s:nth-child(2){margin:0 0 0 20px;} .head2 li .img,.head2 li img{overflow: hidden;width: 100%;display: block;} .head2 li .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} .head2 li .lrt{width:400px;float: right; } .head2 li .lrt .tc{line-height: 1.8;color: #555;text-align: justify;margin: 5px 0 10px;height: 50px;overflow: hidden;} .head2 li .lrt .amore{text-align: right;} .head2 li .lrt .amore a{color: #999;font-size: 12px;display: inline-block;border-bottom: 1px solid #999;padding: 10px 0 5px;} .head2 li .lrt .amore a:hover{color: #e62129;border-bottom: 1px solid #e62129;} .head2 li.li2 .tt2{margin-top: 12px;} .head2 li.act{top: 20px;} .head2 li .ahove:hover .tt{color: #e62129;} .head2 li .lrt .amore2{margin-top: -10px;} .head2 li .lrt .amore2 a{padding-top: 0;} /* 首页 */ .i1{display: block; width: 100%;position: relative;overflow: hidden;} .i1{position: relative;overflow: hidden;z-index: 3;} .i1 .baise{position: absolute;width: 100%;height: 100%;background: #fff;top: 0;left: 0;z-index: 10;} .i1 .baise .xianbox{width: 200px;height: 200px;position: absolute;top: 50%;left: 50%;margin-top: -100px;margin-left: -100px;} .i1 .baise .xianbox s{display: block;position: absolute;-webkit-transition: all .5s linear; -moz-transition: all .5s linear; transition: all .5s linear;background: #e62129;} .i1 .baise .xianbox s:nth-child(1){width: 0%;top: 0;left: 50%;transform: translateX(-50%);height: 4px;} .i1 .baise .xianbox s:nth-child(2){width: 4px;top: 50%;right: 0;transform: translateY(-50%);height: 0%;} .i1 .baise .xianbox s:nth-child(3){width: 0%;bottom: 0;left: 50%;transform: translateX(-50%);height: 4px;} .i1 .baise .xianbox s:nth-child(4){width: 4px;top: 50%;left: 0;transform: translateY(-50%);height: 0%;} .i1 .baise .xianbox.act s:nth-child(1),.i1 .baise .xianbox.act s:nth-child(3){width: 100%;} .i1 .baise .xianbox.act s:nth-child(2),.i1 .baise .xianbox.act s:nth-child(4){height: 100%;} .i1 .baise .yuan{width:100px;height: 100px;transform: scale(0.01);-webkit-transform: scale(0.01);position: absolute;left: 50%;top: 50%;margin-left: -50px;margin-top: -50px; background: #000;z-index: 12;border-radius: 50%;} .i1 .baise .yuan.act{transform: scale(23);-webkit-transform: scale(23);-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;transition-delay: .8s;-webkit-transition-delay: .8s;} .swiper1 img{display: block;width: 100%;} .swiper1 .swiper-slide a{display: block;position: relative;} .swiper1 .swiper-slide a *{-webkit-transition: all .8s; -moz-transition: all .8s; transition: all .8s;} .swiper1 .swiper-slide a .txt{position: absolute;left: 15%;bottom: 50%;} .swiper1 .swiper-slide a .txt .ttp{color: #fff;height: 70px;overflow: hidden;padding-top: 70px;box-sizing: border-box;} .swiper1 .swiper-slide a .txt .ttp span{display: block;margin-bottom: 30px;} .swiper1 .swiper-slide a .txt .tbt{color: #fff;height: 128px;overflow: hidden;box-sizing: border-box;} .swiper1 .swiper-slide a .txt .tbt .tx{margin-top: -140px;} .swiper1 .swiper-slide a .txt .tbt span{width: 175px;height: 50px;box-sizing: border-box;display: block;border:2px solid #9b9da3;text-align: center;line-height: 50px;margin-top: 70px;position: relative;z-index: 2;overflow: hidden;} .swiper1 .swiper-slide a .txt .tbt span s{display: block;width: 200px;height: 200px;position: absolute;top:50%; left: 50%;margin-left: -100px;margin-top: -100px; background: #e62129;z-index: -1;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;opacity: .3;} .swiper1 .swiper-slide a .txt .tbt span:hover{border:2px solid #e62129;} .swiper1 .swiper-slide a .txt .tbt span:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .swiper1 .swiper-slide a .txt .xian{width: 580px;overflow: hidden;margin-top: -130px;} .swiper1 .swiper-slide a .txt .xian s{display: block;width: 380px;margin-left: -100%; height: 4px;background: #fff;-webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;transition-delay: 0s;-webkit-transition-delay: 0s;} .swiper1 .swiper-slide-active a .txt .ttp{padding-top: 0;transition-delay: .5s;-webkit-transition-delay: .5s;} .swiper1 .swiper-slide-active a .txt .tbt .tx{margin-top: -10px;transition-delay: .5s;-webkit-transition-delay: .5s;} .swiper1 .swiper-slide-active a .txt .xian s{margin-left: 100%;transition-delay: .5s !important;-webkit-transition-delay: .5s !important;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .i1 .swiper1 .pagination1{bottom: 20px;} .i1 .swiper1 .pagination1 span{width: 40px;height: 2px; border-radius: 0;opacity: .5;background: #fff;} .i1 .swiper1 .pagination1 .swiper-pagination-bullet-active{opacity: 1;height: 5px;} .swiper1 .swiper-slide a .mimg{display: none;} .i2{position: relative;z-index: 3;overflow: hidden;height: 340px;background: url(../images/1_2.jpg) center no-repeat; background-size: cover;} .i2 .ilt{width: 420px;float: left;color: #fff;padding-top: 80px;} .i2 .ilt .tt img{display: block;height: 30px;} .i2 .ilt .tc{line-height: 2;margin: 20px 0 30px;text-align: justify;} .more{position: relative;overflow: hidden;width: 175px;line-height: 50px;box-sizing: border-box;border:2px solid #d7d9db;color: #fff;text-align: center;} .more s{display: block;width: 200px;height: 200px;position: absolute;top:50%; ;left: 50%;margin-left: -100px;margin-top: -100px; background: #e62129;z-index: -1;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;opacity: .3;} .more:hover{border:2px solid #e62129;} .more:hover s{transform: scale(1);-webkit-transform: scale(1);opacity: 1;} .i2 .irt{width: 880px;float: right;} .i2 .irt *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .i2 .irt span{display: block;width: 220px;height: 340px; float: left;background: url(../images/1_2.png) center no-repeat;position: relative;overflow: hidden;text-align: center;cursor: pointer;} .i2 .irt span .txt{font-weight: bold;color: #fff;margin-top: 80px;} .i2 .irt span .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .i2 .irt span .img img{display: block;width: 100%;} .i2 .irt span .img img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;} .i2 .irt span.act{background: url(../images/1_3.jpg) center no-repeat;} .i2 .irt span.act .txt{color: #000;} .i2 .irt span.act .img img{opacity: 0;} .i2 .irt span.act .img img:nth-child(2){opacity: 1;} .i2 .irt span a{display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .i3{position: relative;height: 700px;} .ivideo{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;overflow: hidden;z-index: 1;} .ivideo video{display: block;width: 100%;} .i4{height: 740px;background: url(../images/1_4.jpg) center no-repeat;position: relative;z-index: 2;overflow: hidden;} .i4 .box{overflow:visible; } .i4 .ilt{width: 280px;float: left;} .i4 .ilt .tt{font-weight: bold;margin-top: 255px;color: #484848;} .i4 .ilt .xian{margin: 40px 0 80px;width: 40px;height: 4px;background: #cacccf;} .i4 .ilt .en span{color: #e62129;} .i4 .ilt .tc{font-family: 宋体;margin: 25px 0 65px;} .i4 .ilt .more{border:2px solid #a2a2a3;color: #666;} .i4 .ilt .more:hover{border:2px solid #e62129;color: #fff;} .i4 .irt{display: none;} .i4 .srt{width: 900px;height: 740px;position: absolute;top: 50px;right: 0;} .i4 .srt > img{display: block;position: absolute;top: 0;left: 0;width: 100%;-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;transition-delay: .3s;-webkit-transition-delay: .3s;} .i4 .srt .im01{left: 28.3%;} .i4 .srt .im02{left: 17%;} .i4 .srt .im03{left: 8%;} .i4 .srt .im04{opacity: 0;} .i4 .srt .im05{left: -17%;} .i4 .srt .im06{left: -10%;opacity: 0;} .i4 .srt .im07{left: -35%;} .i4 .srt.wow1 > img{left: 0;opacity: 1;} .i4 .slt{padding: 180px 0 0 12.5%;color: #fff;} .i4 .slt .tt{font-size: 48px;} .i4 .slt .ul1{margin-top: 150px;} .i4 .srt .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .i4 .slt .ul1 li{margin-bottom: 35px;font-size: 20px;line-height: 30px;} .i4 .slt .ul1 li span{width: 30px;line-height: 30px;border-radius: 50%;background: #d40710;float: left;margin-right: 10px;text-align: center;} .i4 .srt .ul1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .i4 .srt .ul1 li{width: 80px;height: 80px;position: absolute;top: 0;left: 0;} .i4 .srt .ul1 li .img{display: block;width: 80px;height: 80px;background: url(../images/zt9.png) center no-repeat;cursor: pointer;position: relative;z-index: 2;animation:zhuan 2s linear infinite;-webkit-animation:zhuan 2s linear infinite;} .i4 .srt .ul1 li .txt{display: block;width: 0px;height: 150px;position: absolute;right: 40px;top: -30px;overflow:hidden;cursor: pointer;} .i4 .srt .ul1 li .txt .tbox{position: absolute;top: 0;right: 0; width: 500px;height: 150px;background: url(../images/zt8.png) top left no-repeat;color: #000;} .i4 .srt .ul1 li .txt .tbox .tc{padding:40px 20px;font-size: 20px;color: #fff;} .i4 .srt .ul1 li .txt .tbox .tc s{display: block;width: 20px;height: 3px;background: #fff;margin: 20px 0;} .i4 .srt .ul1 li:nth-child(1) .txt{right: auto;left: 40px;} .i4 .srt .ul1 li:nth-child(1) .txt .tbox{right: auto;left: 0;background: url(../images/zt8_2.png) top left no-repeat;box-sizing: border-box;padding-left: 200px;} .i4 .srt .ul1 li:nth-child(1){top: 30%;left: 0;} .i4 .srt .ul1 li:nth-child(2){top: 20%;left: 73%;} .i4 .srt .ul1 li:nth-child(3){top: 30%;left: 20%;} .i4 .srt .ul1 li:nth-child(4){top: 20%;left: 40%;} .i4 .srt .ul1 li:nth-child(5){top: 32%;left: 56%;} .i4 .srt .ul1 li:nth-child(6){top: 50%;left: 90%;} .i4 .srt .ul1 li.act .img{background: url(../images/zt10.png) center no-repeat;} .i4 .srt .ul1 li.act .txt{width: 500px;} .i5{height: 780px;position: relative;z-index: 2;overflow: hidden;text-align: center;} .i5 video{display: block;position: absolute;height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: -1;} .i5 .ibox{position: absolute;width: 100%;height: 100%; top: 0;left: 0;background: rgba(0,0,0,0.7);z-index: 2;} .i5 .ibox .tt{color: #e62129;margin: 80px auto 30px;font-weight: bold;} .i5 .ibox .xian{width: 40px;height: 4px;background: #333;margin: 0 auto 30px;} .i5 .ibox .tc{color: #fff;width: 845px;margin: 0 auto ;line-height: 2;} .i5 .ibox .bf{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;width: 100px;margin: 60px auto;cursor: pointer;} .i5 .ibox .bf:hover{transform: scale(.9);-webkit-transform: scale(.9);} .i5 .ibox .bf img{display: block;width: 100%;} .i5 .ibox .ul1{} .i5 .ibox .ul1 li{width: 25%;float: left;min-height: 106px;background: url(../images/1_9.png) right top no-repeat;} .i5 .ibox .ul1 li:last-child{background: transparent;} .i5 .ibox .ul1 li .num{font-weight: bold;color: #f3f2f7;font-size: 48px;opacity: .6;} .i5 .ibox .ul1 li .num span{font-family: arial;} .i5 .ibox .ul1 li .tx{line-height: 1.8;color: #999;margin-top: 15px;} .i5 .ibox .more{margin: 70px auto;color: #d7d9db;border:2px solid #292929;} .i5 .ibox .more:hover{border:2px solid #e62129;color: #fff;} /* 视频弹窗 */ .v_tanchuang,.v_tanchuang2{display: none; position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99;background: rgba(0,0,0,0.7);} .v_tanchuang .video,.v_tanchuang2 .video{width: 1000px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .v_tanchuang .video video,.v_tanchuang2 .video video{display: block;width: 100%;} .v_tanchuang .video .out,.v_tanchuang2 .video .out{width: 50px;height: 50px;background: url(../images/out.png) center no-repeat; position: absolute;top: 0;right: -60px;cursor: pointer;} .i6{position: relative;z-index: 2;background: url(../images/1_6.jpg) center no-repeat;background-size: cover;padding: 80px 0;text-align: center;} .i6 .box{overflow: visible;} .i6 .tt{font-weight: bold;color: #484848;} .i6 .xian{width: 40px;height: 4px;background: #999;margin: 25px auto 60px;} .i6 .ul1{} .i6 .ul1 *{ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .i6 .ul1 li{width: 31%;float: left;box-sizing: border-box;padding: 2.8%;background: #fff;margin-right: 3.5%;} .i6 .ul1 li:last-child{margin-right: 0;} .i6 .ul1 li .day{font-family: arial;color: #666;padding-bottom: 36px;background: url(../images/1_11.png) center bottom no-repeat;} .i6 .ul1 li .year{font-family: arial;color: #666;} .i6 .ul1 li .zhixian{width: 15px;height: 3px;background: #bdbdbd;margin: 25px auto ;} .i6 .ul1 li .img,.i6 .ul1 li .img img{overflow:hidden;display: block;width: 100%; } .i6 .ul1 li .img img{transform: scale(1.01);-webkit-transform: scale(1.01);} .i6 .ul1 li .tc{line-height: 1.8;text-align: justify;width: 93%;margin: 20px 0;height: 56px;overflow: hidden;} .i6 .ul1 li .lmore{ width: 136px;height: 12px;font-size: 12px;color: #999;background: url(../images/1_10.png) center right no-repeat;text-align: justify;position: relative;} .i6 .ul1 li .lmore span{display: block;position: absolute;width: 0%;height: 100%;top: 0;left: 0;overflow: hidden;} .i6 .ul1 li .lmore span s{display: block;width: 136px;height: 12px;background: url(../images/1_10_1.png) center right no-repeat;} .i6 .ul1 li:hover{-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;} .i6 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} .i6 .ul1 li:hover .day{background: url(../images/1_11_1.png) center bottom no-repeat;color: #e62129;} .i6 .ul1 li:hover .lmore span{width: 100%;} .i6 .more{margin: 30px auto 0;border:2px solid #a2a2a3;color: #666;} .i6 .more:hover{border:2px solid #e62129;color: #fff;} .i7{height: 650px;position: relative;z-index: 2;text-align: center;color: #fff;} .i7 .imgbg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 1;background: #fff; } .i7 .imgbg img{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scale(1.05);-webkit-transform: scale(1.05);opacity: 0;-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;z-index: 1;} .i7 .imgbg img.act{transform: scale(1.001);-webkit-transform: scale(1.001);opacity: 1;z-index: 2;} .i7 .ul1{position: relative;width: 100%;height: 100%;overflow: hidden;z-index: 2;} .i7 .ul1 *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .i7 .ul1 li{width: 33.33%;float: left;position: absolute;height: 100%;top: 0;left: 0;border-left: 1px solid #fff;border-right: 1px solid rgba(255,255,255,0);box-sizing: border-box;overflow: hidden;z-index: 2;} .i7 .ul1 li:nth-child(1){border-left: 1px solid rgba(255,255,255,0);} .i7 .ul1 li:nth-child(2){left: 33.33%;} .i7 .ul1 li:nth-child(3){left: 66.66%;} .i7 .ul1 li .more{margin: 20px auto 0;opacity: 0;} .i7 .ul1 li .out{width: 38px;height: 38px;background: url(../images/1_12.png) center no-repeat;margin: 30px auto;cursor: pointer;opacity: 0;} .i7 .ul1 li .out:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .i7 .ul1 li .tt{font-size: 20px;} .i7 .ul1 li .xian{ width: 40px;height: 4px;background: #fff;opacity: .3;margin: 25px auto 30px;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;} .i7 .ul1 li .tc{width: 685px;margin: 0 auto 60px;line-height: 2;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;} .i7 .ul1 li .dl1{width: 1080px;margin: 0 auto;transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0;} .i7 .ul1 li .dl1 dd{width: 23%;margin-right: 2.66%; float: left;background: rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.5);border-radius: 5px;box-sizing: border-box;padding: 3%;text-align: justify;} .i7 .ul1 li .dl1 dd .num{font-weight: bold;margin: 15px 0 20px;} .i7 .ul1 li .dl1 dd .dt2{line-height: 1.8;min-height: 50px;} .i7 .ul1 li .dl1 dd:last-child{margin-right: 0;} .i7 .ul1.act li{width: 140px;} .i7 .ul1.act li .tt{width: 20px;margin: 0 auto; } .i7 .ul1.act1 li:nth-child(2){left: calc(100% - 280px);} .i7 .ul1.act1 li:nth-child(3){left: calc(100% - 140px);} .i7 .ul1.act2 li:nth-child(1){border-right: 1px solid #fff;} .i7 .ul1.act2 li:nth-child(2){left: 0;border-left: 1px solid rgba(255,255,255,0);} .i7 .ul1.act2 li:nth-child(3){left: calc(100% - 140px);} .i7 .ul1.act3 li:nth-child(2){left: 140px;border-right: 1px solid #fff;} .i7 .ul1.act3 li:nth-child(3){left: 0;border-left: 1px solid rgba(255,255,255,0);} .i7 .ul1 li.act .more{opacity: 1;} .i7 .ul1 li.act{position: absolute;width: 100%;z-index: 1;} .i7 .ul1 li.act .tt{font-size: 30px;font-weight: bold;width: 100%;} .i7 .ul1 li.act .out{background: url(../images/1_12_1.png) center no-repeat;} .i7 .ul1 li.act .xian{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;} .i7 .ul1 li.act .tc{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;} .i7 .ul1 li.act .dl1{transform: translateY(0px);-webkit-transform: translateY(0px);opacity: 1;transition-delay: .4s;-webkit-transition-delay: .4s;margin: 0 auto;} .i8{height: 260px;background: url(../images/1_11.jpg) center no-repeat;background-size: cover;position: relative;z-index: 2;} .i8 .ilt{float: left;} .i8 .ilt .tt{font-weight: bold;margin: 100px 0 25px;color: #484848;} .i8 .ilt .xian{width: 40px;height: 4px;background: #999;} .i8 .irt{float: right;padding-top: 30px;} .i8 .irt a{display: block;height: 200px;float: left;padding: 40px 110px 0;border-right: 1px solid #ddd;box-sizing: border-box;font-size: 16px;color: #666;text-align: center;} .i8 .irt a img{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;margin: 0 auto 25px;position: relative;top: 0;} .i8 .irt a:hover img{top: -5px;} .i8 .irt a:nth-child(1){padding-left: 0;} .i8 .irt a:nth-child(4){padding-right: 0;border-right: none;} /* 底部 */ .footer1{position: relative;z-index: 2;background: #fff;padding: 45px 0;border-top: 1px solid #ddd;} .footer1 .flt{float: left;width: calc(100% - 230px);} .footer1 .flogo {width: 185px;} .footer1 .flogo img{display: block;} .footer1 .fdz{float: right;} .footer1 .fdz div {color: #999;padding-bottom: 10px;} .footer1 .fdz div img{display: block;float: left;} .footer1 .fdz .ewm{padding: 0;margin-top: 35px;width: 230px;text-align: center;} .footer1 .fdz .ewm .img{width: 45%;float: left;} .footer1 .fdz .ewm .img img{display: block;width: 100%;margin-bottom: 10px;} .footer1 .fdz .ewm .img:nth-child(2){float: right;} .footer1 .flt .ul1{margin-top: 45px;} .footer1 .flt .ul1 li{width: 14.285%;float: left;} .footer1 .flt .ul1 li .ltp a{font-size: 16px;color: #555;margin-bottom: 20px;} .footer1 .flt .ul1 li .lbt a{color: #888;font-size: 12px;margin-bottom: 10px;} .footer1 .flt .ul1 li .lbt a:hover,.footer1 .flt .ul1 li .ltp :hover{color: #9f2224;} .footer2{position: relative;z-index: 2;background: #fff;padding: 30px 0;border-top: 1px solid #ddd;} .footer2 .flt{float: left;} .footer2 .flt .abox a{display: block;float: left;color: #666;font-size: 12px;margin-right: 35px;} .footer2 .flt .abox a:hover{color: #9f2224;} .footer2 .flt .flbt{color: #bdbdbd;font-size: 12px;margin-top: 20px;} .footer2 .frt{float: right;} .footer2 .frt select{appearance:none;-moz-appearance:none;-webkit-appearance:none;color: #666;font-size: 12px;text-align: center; width: 135px;height: 20px;box-sizing: border-box;padding:0 20px 0 15px;background: #dbdbdb url(../images/1_19.png) center right no-repeat;border-radius: 2px;} .footer2 .frt .other{color: #bdbdbd;font-size: 12px;text-align: right;padding-top: 15px;} .footer2 .frt .other a{display: inline-block;color: #bdbdbd;font-size: 12px;} .top{overflow: hidden; position: fixed;z-index: 8;width: 55px;height: 55px;background: #888 ;right: 60px;bottom: 260px;display: none;} .top:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border-radius: 50%;background: #e62129;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .top img{display: block;width: 100%;position: relative;z-index: 3;} .top:hover:before{transform: scale(1.5);-webkit-transform: scale(1.5);} /* banner */ .nav{position: fixed;top: 120px;left: 0;top: 110px; z-index: 9;width: 100%;box-sizing: border-box;padding: 10px 60px;-webkit-transition: all .7s; -moz-transition: all .7s; transition: all .7s;} .nav.act{background: #333;} .nav a{float: left;padding-right: 20px;color: #fff;font-size: 12px;background: url(../images/2_1.png) center right no-repeat;margin-right: 20px;} .nav a:last-child{background: transparent;} .nav a:hover{color: #e62129;} .banner{position: relative;overflow: hidden;} .banner *{-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .banner img{display: block;width: 100%;display: none;} .banner img.pimg{display: block; position: relative;width: 1920px;left: 50%;margin-left: -960px;} .banner video{position: absolute;top: 0;left: 50%;height: 100%;transform: translateX(-50%);-webkit-transform: translateX(-50%);} .banner .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;color: #fff;} .banner .txt .tt{font-size: 48px;margin: 200px 0 30px;} .banner .txt .tt s{display: inline-block;width: 60px;height: 1px;background: #fff;position: relative;top: -16px;margin: 0 30px;opacity: .5;} .banner .txt .en{letter-spacing:15px;} .banner .nav2{position: absolute;width: 100%;left: 0;bottom: 0;height: 60px;background: rgba(0,0,0,0.5);z-index: 5;} .banner .nav2.act{position: fixed;bottom: auto;top: 80px;background: rgba(0,0,0,1);height: 50px;} .banner .nav2.act .nbox a{line-height:50px;} .banner .nav2 .nbox{width: 810px;margin: 0 auto;} .banner .nav2 .nbox a{float: left;width: 270px;box-sizing: border-box;color: #fff;text-align: center;position: relative;line-height: 60px;border-right: 1px solid rgba(255,255,255,.3);overflow: hidden;z-index: 3;font-weight: bold;font-size: 16px;} .banner .nav2 .nbox a:last-child{border-right: rgba(0,0,0,0);} .banner .nav2 .nbox a span{display: inline-block;position: relative;width: 0px; height: 1px;margin: 0 15px;top: -5px;overflow: hidden;} .banner .nav2 .nbox a span s{display: block;width: 100%;height: 1px;background: #fff;top: 0;right: 0;} .banner .nav2 .nbox a span.srt s{right: auto;left: 0;} .banner .nav2 .nbox a .yuan{position: absolute;width: 270px;height: 270px;top: 50%;left: 50%;margin-left: -135px;margin-top: -135px; background: #e62129;border-radius: 50%;z-index: -1;transform: scale(0);-webkit-transform: scale(0);opacity: 0.3;} .banner .nav2 .nbox a:hover,.banner .nav2 .nbox a.act{border-right: 1px solid #e62129;} .banner .nav2 .nbox a:hover span,.banner .nav2 .nbox a.act span{width: 30px;} .banner .nav2 .nbox a:hover .yuan,.banner .nav2 .nbox a.act .yuan{transform: scale(1.5);-webkit-transform: scale(1.5);opacity: 1;} /* 品牌 */ .br1{height: 360px;text-align: center;background: url(../images/2_2.jpg) center right no-repeat;} .br1 .tt{font-size: 40px;color: #e62129;padding: 100px 0 30px;} .br1 .tt span{display: inline-block;padding-right: 55px;background: url(../images/2_2.png) center right no-repeat;} .br1 .tc{width: 1140px;text-align: center;line-height: 1.8;color: #555;margin: 0 auto;} .br2{position: relative;overflow: hidden;z-index: 3;height: 780px;} .br2 video{display: block;position: absolute;height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: -1;} .br2 .bbox{width: 100%;height: 100%;background: rgba(0,0,0,0.7);color: #fff;text-align: center;} .br2 .bbox .tt{padding: 340px 0 20px;} .br2 .bbox .tc{opacity: .8;} .br2 .bbox .bf{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;position: relative;width: 220px;overflow: hidden;line-height: 38px;box-sizing: border-box;margin: 25px auto;border:1px solid #fff;cursor: pointer;z-index: 3;} .br2 .bbox .bf s{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;display: block;position: absolute;width: 220px;height: 220px;background: #e62129;border-radius: 50%;top: 50%;left: 50%;margin-top: -110px;margin-left: -110px;z-index: -1;transform: scale(0);-webkit-transform: scale(0);} .br2 .bbox .bf:hover{border:1px solid #e62129;} .br2 .bbox .bf:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .br3{padding: 100px 0;background: url(../images/2_3.jpg) bottom right no-repeat;} .br3 .blt{width: 500px;float: left;} .br3 .blt .en{padding:100px 0 30px 150px;color: #999;} .br3 .blt .en s{display: inline-block;width: 80px;height: 1px;background: #999;position: relative;top: -5px;margin-right: 40px;} .br3 .blt .tt{font-size: 42px;padding-left: 240px;} .br3 .blt .img{margin-top: 90px;padding: 40px 0 0 60px;position: relative;z-index: 3;} .br3 .blt .img img{display: block;width: 100%;} .br3 .blt .img span{position: absolute;width: 200px;height: 380px;background: #bdbdbd;top: 0;left: 0;z-index: -1;} .br3 .brt{width: calc(100% - 600px);float: right;} .br3 .brt .tt{font-size: 42px;font-weight: bold;line-height: 55px;margin-bottom: 60px;} .br3 .brt .tt span{color: #e62129;font-style: italic;padding-right: 20px;letter-spacing:3px;} .br3 .brt .tc{line-height: 2;color: #555;} .br3 .brt .tc .fbd{font-weight: bold;color: #333;margin: 30px 0;} /* 历史 */ .hi1{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 100;overflow: hidden;background: #fff;} .hi1 *{-webkit-transition: all .7s ease-in-out; -moz-transition: all .7s ease-in-out; transition: all .7s ease-in-out;} .hi1 .hlt{position: relative;left: 0; width: 50%;height: 100vh;float: left;position: relative;background: url(../images/2_6.jpg) center right no-repeat;background-size: cover;} .hi1 .hlt img{display: block;width: 100%;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .hi1 .hrt{position: relative;left: 0; width: 50%;height: 100vh;float: right;position: relative;background: url(../images/2_7.jpg) center left no-repeat;background-size: cover;} .hi1 .imlogo{position: absolute;width: 160px;top: 20px;left: 50%;margin-left: -80px;} .hi1 .ct{width: 680px;height: 680px;position: absolute;top: 50%;left: 50%;margin-top: -340px;margin-left: -340px;} .hi1 .ct .cimg{display: block;width: 100%; animation:dx 2s linear .3s ;-webkit-animation:dx 2s linear .3s ; } .hi1 .ct .cimg img{display: block;width: 100%;animation:zhuan 2s linear infinite;-webkit-animation:zhuan 2s linear infinite;} .hi1 .ct .en{width: 485px;height: 70px;position: absolute;overflow: hidden;top: 295px;left: 95px;z-index: 5;} .hi1 .ct .en img{display: block;width: 485px;height: 70px;} .hi1 .ct .en span{display: block;position: absolute;top: 0;left: 0;max-height: 0;overflow: hidden;} .hi1 .ct .en.act span{max-height: 70px;transition-delay: .3s;-webkit-transition-delay: .3s;} .hi1 .ct .en.act > img{opacity: 0;transition-delay: 1s;-webkit-transition-delay: 1s;} .hi1 .ct .tx{width: 100%;color: #fff;position: absolute;top: 400px;left: 0;text-align: center;} .hi1 .ct .year{font-size: 250px;position: absolute;width: 100%;top: 190px;left: 0;text-align: center;color: #fff;opacity: .2;} .hi1.act {background: rgb(0,0,0,0);} .hi1.act .hlt{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;left: -100%;transition-delay: .3s;-webkit-transition-delay: .3s;} .hi1.act .hrt{-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out;left: 100%;transition-delay: .3s;-webkit-transition-delay: .3s;} .hi1.act .imlogo,.hi1.act .ct{opacity: 0;} @-webkit-keyframes dx { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(.7); -webkit-transform: scale(.7); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes dx { 0% { transform: scale(1); -webkit-transform: scale(1); } 50% { transform: scale(.7); -webkit-transform: scale(.7); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes zhuan { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } @keyframes zhuan { 0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); } 100% { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); } } .hi2{position: relative;width: 100%;height: 100vh;overflow: hidden;background: url(../images/2_8.jpg) center left no-repeat;background-size: cover;cursor:url(../images/2_6.ico),zoom-in;} .hi2 .swiper2{width: 100%;height: 100vh;position: relative;} .hi2 .swiper2 .swiper-slide *{} .hi2 .swiper2 .swiper-slide .sbox{position: relative;width: 70%; height: 680px;left: 15%; top: 50%;margin-top: -340px;min-width: 1000px;} .hi2 .swiper2 .swiper-slide .sbox .slt{width: 340px;float: left;padding-top: 250px;} .hi2 .swiper2 .swiper-slide .sbox .slt .num{color: #e62129;font-family: arial;font-size: 100px;} .hi2 .swiper2 .swiper-slide .sbox .slt .tt{margin: 30px 0 ;} .hi2 .swiper2 .swiper-slide .sbox .slt .tc{line-height:1.8;color: #555; } .hi2 .swiper2 .swiper-slide .sbox .srt{width: calc(100% - 400px);float: right;position: relative;overflow: hidden;} .hi2 .swiper2 .swiper-slide .sbox .srt img{display: block;height: 100%;position: relative;left: 50%;margin-left: -480px;} .hi2 .swiper2 .tyear{position: absolute;top: 50%;width: 100%;text-align: center;font-size: 240px;font-family: arial;color: #fff;margin-top: -120px;opacity: .6;} .prev2{ display: block;position: absolute;top: 50%;cursor: pointer; -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;width: 50px;height: 50px;left: auto; right: 10px;background: #fff url(../images/2_9.png) center no-repeat;-moz-box-shadow: 0px 2px 5px #999;-webkit-box-shadow: 0px 2px 5px #999;box-shadow: 0px 2px 5px #999;border-radius: 50%;z-index: 3;display: none;} .yrae2{display: flex;width: 100%;height: 35px;position: fixed;left: 0;bottom: 0;z-index: 5;text-align: center;} .yrae2 span{ -webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;flex: 1;display: block;line-height: 20px;border-bottom: 10px solid #fff;font-size: 16px;font-weight: bold;cursor: pointer;} .yrae2 span.act{border-bottom: 10px solid #e62129;color: #e62129;} /* 荣誉 */ .ho1{padding: 100px 0 50px;position: relative;text-align: center;} .ho1 .box{overflow: visible;} .ho1 .swiper3{} .ho1 .swiper3 .swiper-slide *{ -webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ; } .ho1 .swiper3 .swiper-slide .ul1{} .ho1 .swiper3 .swiper-slide .ul1 li{width: 18.7%;float: left;position: relative;float: left;margin-right: 1.625%;margin-bottom: 1.625%;cursor: pointer;} .ho1 .swiper3 .swiper-slide .ul1 li:nth-child(5n){margin-right: 0;} .ho1 .swiper3 .swiper-slide .ul1 li .img,.ho1 .swiper3 .swiper-slide .ul1 li .img img{display: block;position: relative;overflow: hidden;width: 100%;} .ho1 .swiper3 .swiper-slide .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;width: 80%;top: 10%;left: 10%;} .ho1 .swiper3 .swiper-slide .ul1 li:hover .img img:nth-child(2){transform: scale(1.03);-webkit-transform: scale(1.03);} .ho1 .swiper3 .swiper-slide .ul1 li .txt{color: #555;margin: 10px 0;line-height: 1.5;height: 30px;overflow: hidden;} .ho1 .swiper3 .swiper-slide .ul2{display: none;} .ho1 .box .prev3{ -webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 50px;height: 50px;left: -110px;background: #fff url(../images/2_9.png) center no-repeat;-moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;border-radius: 50%;z-index: 3;} .ho1 .box .next3{ -webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 50px;height: 50px;right: -110px;background: #fff url(../images/2_10.png) center no-repeat;-moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;border-radius: 50%;z-index: 3;} .ho1 .box .prev3:hover{margin-left: -5px;transform: scale(1.03);-webkit-transform: scale(1.03);} .ho1 .box .next3:hover{margin-right: -5px;transform: scale(1.03);-webkit-transform: scale(1.03);} .ho1 .swiper3 > .swiper-scrollbar{width: 100%;left: 0;background:url(../images/2_11.png) center repeat-x;bottom: 0;height: 6px;border-radius: 0;} .ho1 .swiper3 > .swiper-scrollbar .swiper-scrollbar-drag{border-radius: 0;box-sizing: border-box;height: 6px;background: #e62129;} .img_tanchuang{position: fixed;width: 100%;height: 100%;z-index: 99;background: rgba(0,0,0,0.7);top: 0;left: 0;display: none;} .img_tanchuang .ibox{position: absolute;width: 800px;height: 800px;background: #fff;border-radius: 5px;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%); overflow: hidden;text-align: center;} .img_tanchuang .ibox .out{width: 30px;height: 30px;position: absolute; top: 0;right: 0;cursor: pointer;background: url(../images/out2.png) center no-repeat;transform: rotate(0deg);-webkit-transform: rotate(0deg);-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .img_tanchuang .ibox .out:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);} .img_tanchuang .ibox img{display: block;margin: 25px auto;width: 560px;} .img_tanchuang .ibox .tx{padding: 55px 0 20px;border-top: 1px solid #ddd;color: #e62129; display: none;} .img_tanchuang .ibox .xian{width: 20px;height: 3px;background: #e62129;margin: 0 auto;display: none;} /* 产品 */ .pr1{height: 340px;background: url(../images/3_2.jpg) center no-repeat;background-size: cover;overflow: hidden;} .pr1 .pbox{width: 1040px;margin: 0 auto;} .pr1 .pbox *{ -webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .pr1 .pbox a{display: block;position: relative;width: 260px;height: 340px;float: left;text-align: center; background: url(../images/3_0.png) center no-repeat;position: relative;overflow: hidden;} .pr1 .pbox a .txt{font-size: 16px;font-weight: bold; color: #fff;margin-top: 60px;} .pr1 .pbox a .img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden; } .pr1 .pbox a .img img{display: block;width: 100%;position: relative;top: -40px;} .pr1 .pbox a .img img:nth-child(2){position: absolute;top: -40px;left: 0;opacity: 0;} .pr1 .pbox a.act,.pr1 .pbox a:hover{background: url(../images/3_3.jpg) center no-repeat;} .pr1 .pbox a.act .txt,.pr1 .pbox a:hover .txt{color: #000;} .pr1 .pbox a.act .img img,.pr1 .pbox a:hover .img img{opacity: 0;} .pr1 .pbox a.act .img img:nth-child(2),.pr1 .pbox a:hover .img img:nth-child(2){opacity: 1;} .pr2{padding: 100px 0;background: #f5f5f5;} .pr2 .ul1{background: #fff;text-align: center;} .pr2 .ul1 *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .pr2 .ul1 li{width: 33.33%;float: left;box-sizing: border-box;border:6px solid #fff;position: relative;} .pr2 .ul1 li .img,.pr2 .ul1 li .img img{display: block;width: 100%;overflow: hidden;} .pr2 .ul1 li .lco{width: 40px;position: absolute;top: 35px;right: 35px;} .pr2 .ul1 li .lco span{display: block;width: 40px;height: 40px;border:1px solid #fff;border-radius: 50%;cursor: pointer;margin-bottom: 5px;} .pr2 .ul1 li .lco span img{display: block;width: 30px;margin: 5px;border-radius: 50%;} .pr2 .ul1 li .ltc{line-height: 1.5;font-size: 12px;color: #555;margin: 15px 0;} .pr2 .ul1 li .lmore{width: 120px;margin: 35px auto 60px;line-height: 45px;background: #e62129;color: #fff;} .pr2 .ul1 li:hover{border:6px solid #c7ccd0;} .pr2 .ul1 li:hover .lmore{background: #999;} .pr2 .ul1 li .lco span.act{border:1px solid #c7ccd0;} .pr2 .pmore{width: 280px;line-height: 70px;box-sizing: border-box;border:1px solid #e62129;text-align: center;color: #e62129;font-weight: bold;margin: 60px auto 0;position: relative;overflow: hidden;z-index: 3;} .pr2 .pmore s{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;display: block;position: absolute;width: 280px;height: 280px;top: 50%;left: 50%;margin-top: -140px;margin-left: -140px;background: #e62129;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);z-index: -1;} .pr2 .pmore:hover{color: #fff;} .pr2 .pmore:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .pr3{} .pr3 .swiper4{background: #000;} .pr3 .swiper4 .swiper-slide{} .pr3 .swiper4 .swiper-slide img{display: block;width: 100%;} .pr3 .swiper4 .swiper-slide *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .pr3 .swiper4 .swiper-slide .sbox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .pr3 .swiper4 .swiper-slide .sbox .box{height: 100%;} .pr3 .swiper4 .swiper-slide .sbox .slt{width: 50%;height: 100%; overflow: hidden;float: left;margin-left: -50%;opacity: 0;} .pr3 .swiper4 .swiper-slide .sbox .slt img{height: 100%;} .pr3 .swiper4 .swiper-slide .sbox .srt{width: 50%; box-sizing: border-box;padding: 0 5%;position: relative;float: right; color: #fff;top: 50%;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-right: -50%;opacity: 0;} .pr3 .swiper4 .swiper-slide .sbox .srt .stt1 s{display: inline-block;width: 40px;height: 1px ;background: #fff;position: relative;top: -8px;margin-right: 20px;} .pr3 .swiper4 .swiper-slide .sbox .srt .stt2{font-size: 42px;margin: 30px 0;line-height: 1.5;} .pr3 .swiper4 .swiper-slide .sbox .srt .stc{line-height: 1.8;text-align: justify;margin-bottom: 50px;} .pr3 .swiper4 .swiper-slide .sbox .srt .smore{width: 200px;line-height: 48px;text-align: center;color: #fff;background: transparent;box-sizing: border-box;border:1px solid #e62129;position: relative;overflow: hidden;z-index: 3;} .pr3 .swiper4 .swiper-slide .sbox .srt .smore s{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;display: block;position: absolute;width: 280px;height: 280px;top: 50%;left: 50%;margin-top: -140px;margin-left: -140px;background: #e62129;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);z-index: -1;} .pr3 .swiper4 .swiper-slide .sbox .srt .smore:hover{color: #fff;} .pr3 .swiper4 .swiper-slide .sbox .srt .smore:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .pr3 .swiper4 .swiper-slide-active .sbox .slt,.pr3 .swiper4 .swiper-slide-active .sbox .srt{margin: 0;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;} .pr3 .swiper4 .pagination4 span{width: 40px;height: 2px; border-radius: 0;opacity: .5;background: #fff;} .pr3 .swiper4 .pagination4 .swiper-pagination-bullet-active{opacity: 1;height: 5px;} /*产品详情*/ .banner .nav2 .prbox{width: 1080px;} .prc1{padding: 100px 0;} .prc1 .ptp{padding: 0 60px;margin-bottom: 45px;} .prc1 .ptp .alt{float: left;padding-left: 30px;color: #555;background: url(../images/3_7.png) center left no-repeat;} .prc1 .ptp .art{float: right;padding-right: 30px;color: #555;background: url(../images/3_8.png) center right no-repeat;} .prc1 .ptp a:hover{color: #e62129;} .prc1 .pbt {} .prc1 .pbt .plt{width: 65.625%;float: left;} .prc1 .pbt .plt .swiper5{display: none;} .prc1 .pbt .plt .swiper5:nth-child(1){display: block;} .prc1 .pbt .plt .swiper5 img{display: block;width: 100%;} .prc1 .pbt .plt .swiper5 .prev5{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;left: 50px; background: url(../images/3_9.png) center no-repeat;} .prc1 .pbt .plt .swiper5 .next5{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;right: 50px; background: url(../images/3_10.png) center no-repeat;} .prc1 .pbt .plt .swiper5 .prev5:hover{margin-left: -5px;transform: scale(1.03);-webkit-transform: scale(1.03);} .prc1 .pbt .plt .swiper5 .next5:hover{margin-right: -5px;transform: scale(1.03);-webkit-transform: scale(1.03);} .prc1 .pbt .plt .swiper5 .pagination5 span{background: #000;border:1px solid #000; opacity: 1;} .prc1 .pbt .plt .swiper5 .pagination5 .swiper-pagination-bullet-active{background: transparent;} .prc1 .pbt .prt{width: 27%;float: left;margin-left: 3%;color: #555;} .prc1 .pbt .prt p{line-height: 1.8;font-size: 16px;} .prc1 .pbt .prt{padding-top: 55px;} .prc1 .pbt .prt .tt1{} .prc1 .pbt .prt .en{font-style: italic;font-weight: bold;margin: 15px 0 80px;} .prc1 .pbt .prt .tt2{font-weight: bold;} .prc1 .pbt .prt .tc{padding-bottom: 40px;margin-bottom: 40px;} .prc1 .pbt .prt .tc .tc_d1{margin-top: 30px;position: relative;font-size: 16px;padding-left: 20px;} .prc1 .pbt .prt .tc .tc_d1 s{display: inline-block;position: absolute;width: 8px;height: 2px;background: #555;top: 50%;left: 0;} .prc1 .pbt .prt .pco{border-top: 1px dashed #555;padding-top: 20px;} .prc1 .pbt .prt .pcom{display: none;} .prc1 .pbt .prt .pco li{width: 60px;float: left;text-align: center;cursor: pointer;} .prc1 .pbt .prt .pco li .img{width: 40px;height: 40px;border:1px solid #fff;border-radius: 50%;overflow: hidden;margin: 0 auto 10px;} .prc1 .pbt .prt .pco li .img img{display: block;width: 30px;margin: 5px;} .prc1 .pbt .prt .pco li.act .img{border:1px solid #c7ccd0;} .prc1 .pbt .prt .pmore{position: relative;width: 100%;overflow: hidden;text-align: center;line-height: 50px;font-weight: bold;color: #fff;background: #555;margin-top: 100px;z-index: 3;} .prc1 .pbt .prt .pmore *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .prc1 .pbt .prt .pmore div{width: 100%;height: 100%;position: relative;z-index: 5;} .prc1 .pbt .prt .pmore img{display: block;width: 50px;position: absolute;top: 0;right: 0;z-index: 5;} .prc1 .pbt .prt .pmore s{display:block;width: 600px;height: 600px;background: #e62129;position: absolute;top: 50%;left: 50%;margin-top: -300px;margin-left: -300px;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);} .prc1 .pbt .prt .pmore:hover img{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);} .prc1 .pbt .prt .pmore:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .prc2{color: #555;} .prc2 .tb_tp{padding: 0 80px;background: #e5e5e5;line-height: 80px;border-radius: 5px 5px 0 0;} .prc2 table{box-sizing: border-box;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;width: 100% !important;margin-bottom: 60px;} .prc2 table tr td{line-height: 1.8;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;box-sizing: border-box;padding: 20px;} .prc2 .ptt{margin: 70px 0 30px;position: relative;border-bottom: 1px solid #ddd;} .prc2 .ptt span{padding-bottom: 20px;border-bottom: 4px solid #555;display: inline-block;} .prc2 .ptc{line-height: 2;padding-bottom: 100px;} .prc3{padding: 100px 0;background: #f9f9f9;text-align: center;} .prc3 .tt{color: #e62129;} .prc3 .tc{line-height: 2;max-width: 730px;margin: 40px auto 60px;color: #555;} .prc3 .swiper6{padding-bottom: 80px;width: 1080px;margin: 0 auto;} .prc3 .swiper6 .swiper-slide{} .prc3 .swiper6 .swiper-slide *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .prc3 .swiper6 .swiper-slide .sbox img{display: block;margin: 0 auto;transform: scale(.8);-webkit-transform: scale(.8);max-width: 100%;} .prc3 .swiper6 .swiper-slide .sbox .stt{position: relative;top: 20px;opacity: 0; margin: 10px auto;} .prc3 .swiper6 .swiper-slide .sbox .stc{position: relative;top: 20px;opacity: 0; font-size: 12px;color: #555;} .prc3 .swiper6 .swiper-slide-active .sbox img{transform: scale(1);-webkit-transform: scale(1);} .prc3 .swiper6 .swiper-slide-active .sbox .stt{opacity: 1;top: 0;transition-delay: .3s;-webkit-transition-delay: .3s;} .prc3 .swiper6 .swiper-slide-active .sbox .stc{opacity: 1;top: 0;transition-delay: .3s;-webkit-transition-delay: .3s;} .prc3 .stbox{position: relative;} .prc3 .stbox .prev6{ -webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 50px;height: 50px;left: 10px;background: #fff url(../images/2_9.png) center no-repeat;-moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;border-radius: 50%;z-index: 3;} .prc3 .stbox .next6{ -webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;width: 50px;height: 50px;right: 10px;background: #fff url(../images/2_10.png) center no-repeat;-moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;border-radius: 50%;z-index: 3;} .prc3 .stbox .prev6:hover{margin-left: -5px;transform: scale(1.03);-webkit-transform: scale(1.03);} .prc3 .stbox .next6:hover{margin-right: -5px;transform: scale(1.03);-webkit-transform: scale(1.03);} .prc3 .swiper6 > .swiper-scrollbar{width: 60%;left: 20%;background:rgba(0,0,0,0.1);bottom: 0;height: 6px;border-radius: 0;} .prc3 .swiper6 > .swiper-scrollbar .swiper-scrollbar-drag{border-radius: 0;box-sizing: border-box;height: 6px;background: #e62129;} /* 服务 */ .se1{padding: 100px 0;} .se1 .abtn{text-align: center;} .se1 .abtn span{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;display: inline-block;width: 180px;line-height: 50px;box-sizing: border-box;border:1px solid #ddd;border-radius: 5px;cursor: pointer;font-weight: bold;font-size: 16px;margin: 0 40px;} .se1 .abtn span:hover,.se1 .abtn span.act{border:1px solid #e62129;color: #e62129;} .se1 .ul1{margin-top: 50px;} .se1 .ul1 li{text-align: center;display: none;} .se1 .ul1 li:nth-child(1){display: block;} .se1 .ul1 li *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .se1 .ul1 li .bf{width: 32.5%;float: left;box-sizing: border-box;border:1px solid #ddd;margin-right: 1.25%;overflow: hidden;position: relative;margin-bottom: 20px;} .se1 .ul1 li .bf2{pointer-events:none;border:1px solid rgba(0,0,0,0);} .se1 .ul1 li .bf .xian{width: 100%;height: 0px;background: #e62129;position: absolute;left: 0;bottom: 0;} .se1 .ul1 li .bf .img,.se1 .ul1 li .bf .img img{position: relative;display: block;width: 100%;overflow: hidden;cursor: pointer;} .se1 .ul1 li .bf .img img:nth-child(2){position: absolute;top: 0;left: 0;} .se1 .ul1 li .bf:nth-child(3n){margin-right: 0;} .se1 .ul1 li .bf .txt{line-height: 100px;font-weight: bold;font-size: 16px;letter-spacing:5px;} .se1 .ul1 li .bf .txt s{display: inline-block;position: relative;width: 30px;height: 1px;background: #555;position: relative;top: -5px;margin: 0 20px;} .se1 .ul1 li .bf:hover .xian{height: 4px;} .se1 .ul1 li .bf:hover .txt{color: #e62129;} .se1 .ul1 li .bf:hover .txt s{background: #e62129;} /* 常见问题 */ .qa1{padding: 100px 0;} .qa1 .qtp{background: #fbfbfb; width: 100%;height: 80px;border:1px solid #ddd;box-sizing: border-box;padding-left: 40px;overflow: hidden;} .qa1 .qtp input{background: #fbfbfb; display: block;width: calc(100% - 80px);float: left;height: 80px;border:none;outline: none;font-size: 24px;font-weight: bold;color: #555;} .qa1 .qtp a{display: block;width: 80px;height: 80px;float: right;background: #fff url(../images/4_2.png) center no-repeat;background-size: cover;border-left: 1px solid #ddd;box-sizing: border-box;} .qa1 .qbt{padding-top: 80px;} .qa1 .qbt .qlt{width: 360px;float: left;} .qa1 .qbt .qlt .abtn{padding-bottom: 30px;margin-bottom: 50px;border-bottom: 1px solid #ddd;} .qa1 .qbt .qlt .abtn a{font-size: 16px;color: #555;margin-bottom: 20px;} .qa1 .qbt .qlt .abtn a:hover{color: #e62129;} .qa1 .qbt .qlt .qtt{color: #555;font-weight: bold;} .qa1 .qbt .qlt .qtc{margin: 10px 0 40px;line-height: 1.5;} .qa1 .qbt .qlt .qpho{width: 320px;height: 50px;background: #e62129 url(../images/4_5.jpg) center left no-repeat;color: #fff;box-sizing: border-box;padding-left: 50px;} .qa1 .qbt .qlt .qpho span{display: block;width: 50%;line-height: 24px;float: left;text-align: center;margin-top: 15px;box-sizing: border-box;} .qa1 .qbt .qlt .qpho span:nth-child(1){border-right: 1px solid #fff;} .qa1 .qbt .qrt{width: calc(100% - 430px);float: right;} .qa1 .qbt .qrt dl{margin-bottom: 90px;} .qa1 .qbt .qrt dl:last-child{margin-bottom: 0px;} .qa1 .qbt .qrt dl *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .qa1 .qbt .qrt dl dt{font-size: 20px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #e62129;margin-bottom: 16px;} .qa1 .qbt .qrt dl dd{padding-right: 20px;background: url(../images/4_3.png) center right no-repeat;border-bottom: 1px solid #ddd;} .qa1 .qbt .qrt dl dd a{line-height: 70px;font-size: 16px;color: #555;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .qa1 .qbt .qrt dl dd:hover {background: url(../images/4_4.png) center right no-repeat;} .qa1 .qbt .qrt dl dd:hover a{color: #e62129;} /* 保养 */ .ke1{padding: 100px 0;} .ke1 .klt{width: 50%;float: left;} .ke1 .klt img{display: block;width: 100%;} .ke1 .krt {width: calc(50% - 50px);float: right;color: #555;line-height: 1.8;padding-top: 100px;} /* 下载 */ .dw1{height: 80px;background: #e5e5e5;text-align: center;overflow: hidden;} .dw1 .dox{width: 660px;margin: 0 auto;} .dw1 .dox *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .dw1 .dox span{display: block;width: 220px;position: relative;float: left;line-height: 80px;font-size: 16px;font-weight: bold;cursor: pointer;} .dw1 .dox span s{display: block;width: 20px;height: 0px;background: #e62129;position: absolute;bottom: 0;left: 50%;margin-left: -10px;} .dw1 .dox span:hover,.dw1 .dox span.act{color: #e62129;} .dw1 .dox span.act s,.dw1 .dox span:hover s{height: 4px;} .dw2{padding: 80px 0;} .dw2 .ul1{} .dw2 .ul1 li{display: none;} .dw2 .ul1 li:nth-child(1){display: block;} .dw2 .ul1 li *{-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .dw2 .ul1 li a{margin-bottom: 30px;} .dw2 .ul1 li a:last-child{margin-bottom: 0;} .dw2 .ul1 li a .alt{line-height: 45px;width: calc(100% - 250px);float: left;box-sizing: border-box;border:1px solid #999;color: #555;padding-left: 50px;background: url(../images/4_7.jpg) center left no-repeat;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;position: relative;} .dw2 .ul1 li a .alt s{display: block;width: 4px;height: 0%;position: absolute;top: 0;left: 0;background: #e62129;} .dw2 .ul1 li a .art{width: 240px;line-height: 45px;float: right;border:1px solid #999;text-align: center;color: #555;position: relative;overflow: hidden;z-index: 3;} .dw2 .ul1 li a .art s{display: block;position: absolute; width: 240px;height: 240px;background: #e62129;top: 50%;left: 50%;margin-top: -120px;margin-left: -120px;border-radius: 50%;z-index: -1;transform: scale(0);-webkit-transform: scale(0);} .dw2 .ul1 li a:hover .art s{transform: scale(1.2);-webkit-transform: scale(1.2);} .dw2 .ul1 li a:hover .art{color: #fff;border:1px solid #e62129 ;} .dw2 .ul1 li a:hover .alt{border-left: 1px solid #e62129;} .dw2 .ul1 li a:hover .alt s{height: 100%;} /* 加盟 */ .fbd{font-weight: bold;} .banner .nav2 .jbox{width: 100%;} .banner .nav2 .jbox a{width: 16.66%;} .banner .nav2 .jbox a s{} .jo1{padding: 100px 0;} .jo1 .jotp{margin: 70px 0 100px;} .jo1 .jotp .jlt{width: 55.7%;float: left;position: relative;} .jo1 .jotp .jlt img{display: block;width: 100%;} .jo1 .jotp .jlt span{display: block;width: 200px;height: 72%;background: #bdbdbd;top: -13%;left: 0;position: absolute;z-index: 2;display: none;} .jo1 .jotp .jrt{width: 40%;float: right;padding-top: 40px;} .jo1 .jotp .jrt .jtt{color: #e62129;} .jo1 .jotp .jrt .jen{color: #888;margin: 15px 0 30px;} .jo1 .jotp .jrt .xian{width: 40px;height: 2px;background: #555;} .jo1 .jotp .jrt .jtc{line-height: 2;margin-top: 40px;color: #555;} .jo1 .jobt{} .jo1 .jobt .jlt{width: 38.6%;float: right;margin-top: -200px;} .jo1 .jobt .jlt img{display: block;width: 100%;} .jo1 .jobt .jrt{width: 55.7%;float: left;} .jo1 .jobt .jrt .jtt{color: #e62129;} .jo1 .jobt .jrt .jen{color: #888;margin: 15px 0 30px;} .jo1 .jobt .jrt .xian{width: 40px;height: 2px;background: #555;} .jo1 .jobt .jrt .jtc {padding-top: 40px;} .jo1 .jobt .jrt .jtc .tc_d1{margin-bottom: 10px;} .jo1 .jobt .jrt .jtc .tc_d1 .tlt{display: block;float: left;width: 25px;background: #e62129;color: #fff;text-align: center;font-size: 12px;line-height: 16px;margin-top: 7px;} .jo1 .jobt .jrt .jtc .tc_d1 .trt{width: calc(100% - 30px);float: right;line-height: 2;color: #555;} .jo2{height: 640px;box-sizing: border-box;background: url(../images/5_4.jpg) center no-repeat;background-size: cover;padding-top: 120px;color: #fff;text-align: center;} .jo2 .en{margin: 15px 0 30px;} .jo2 .xian{width: 40px;height: 2px;margin: 0 auto 80px;background: #adadae;} .jo2 .ul1{} .jo2 .ul1 li{width: 25%;float: left;height: 280px;box-sizing: border-box;border-right: 1px solid #adadae;padding-top: 40px;} .jo2 .ul1 li:last-child{border:none;} .jo2 .ul1 li img{display: block;margin: 0 auto 30px;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);} .jo2 .ul1 li .tx{line-height: 2;width: 230px;margin: 0 auto;} .jo2 .ul1 li:hover img{-webkit-transition: all 1s ; -moz-transition: all 1s ; transition: all 1s ;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);} .jo3{padding: 100px 0;} .jo3 .jlt{width: 38.5%;float: left;background: #f7f7f7;height: 830px;text-align: center;box-sizing: border-box;padding-top: 100px;} .jo3 .jlt .tt{color: #e62129;} .jo3 .jlt .en{color: #888;margin: 15px 0 30px;} .jo3 .jlt .xian{width: 40px;height: 2px;background: #555;margin: 0 auto 50px;} .jo3 .jlt .ul1{} .jo3 .jlt .ul1 li{width: 320px;height: 150px;box-sizing: border-box;margin:0 auto 30px;border:1px solid #ddd;border-radius: 5px;color: #555;} .jo3 .jlt .ul1 li img{display: block;margin: 25px auto;transform: rotateY(0deg);-webkit-transform: rotateY(0deg);} .jo3 .jlt .ul1 li:hover img{-webkit-transition: all 1s ; -moz-transition: all 1s ; transition: all 1s ;transform: rotateY(360deg);-webkit-transform: rotateY(360deg);} .jo3 .jct{width: 30.7%;float: left;height: 830px;overflow: hidden;} .jo3 .jct img{display: block;height: 100%;width: 100%;} .jo3 .jrt{width: 30%;float: right;height: 830px;overflow: hidden;position: relative;} .jo3 .jrt img{display: block;height: 42.15%;width: 100%;} .jo3 .jrt img:nth-child(2){height: 56.65%;position: absolute;left: 0;bottom: 0;} .jo4{} .jo4 a{display: block;width: 33.33%;float: left;position: relative;overflow: hidden;text-align: center;color: #fff;} .jo4 a img{-webkit-transition: all 1s ; -moz-transition: all 1s ; transition: all 1s ;display: block;width: 100%;transform: scale(1.01);-webkit-transform: scale(1.01);} .jo4 a .txt{position: absolute;left: 0;bottom: 45px;width: 100%;} .jo4 a .txt .tt s{display: inline-block;width: 40px;height: 1px;background: #fff;position: relative;top: -8px;margin: 0 20px;} .jo4 a .txt .en{margin-top: 20px;} .jo4 a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);} .tx_tacnhuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.8);z-index: 99;display: none;} .tx_tacnhuang .tbox{width: 90%;height: 90%;position: relative;top: 5%;left: 5%;} .tx_tacnhuang .tbox .out{width: 40px;height: 40px;position: absolute;top: 0;right: -50px;background: url(../images/out.png) center no-repeat; cursor: pointer;background-size: cover;} .tx_tacnhuang .tbox .dl1{width: 100%;height: 100%;background: #fff;text-align: center;position: relative;} .tx_tacnhuang .tbox .dl1 dd{display: none;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .tt{padding: 50px 0;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .tc{width: 60%;margin: 0 auto 80px; line-height: 2;color: #555;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1{margin-bottom: 50px;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr td{width: 44.8%;box-sizing: border-box;padding: 20px ;font-size: 16px;line-height: 2;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr td:nth-child(2){width: 10.4%;border-top: 1px solid #ddd;font-size: 18px;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr td:nth-child(1){background: #c21b21;color: #fff;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr td:nth-child(3){background: #f9f9f9;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr:nth-child(2n) td:nth-child(1){background: #b81a1f;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr:nth-child(1) td:nth-child(2){font-weight: bold;} .tx_tacnhuang .tbox .dl1 .dl_dd1 .table1 tr:nth-child(2n) td:nth-child(3){background: #ebebeb;} .tx_tacnhuang .tbox .dl1 dd::-webkit-scrollbar{ width:8px;height: 1px;} .tx_tacnhuang .tbox .dl1 dd::-webkit-scrollbar-thumb{ background:#e62129;border-radius: 4px;} .tx_tacnhuang .tbox .dl1 dd::-webkit-scrollbar-track{ background:#000;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .tt{padding: 50px 0 ;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .dbox{width: 80%;margin: 0 auto 50px;max-width: 1400px;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1{border-top: 1px solid #ddd;border-left: 1px solid #ddd;box-sizing: border-box;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1 td,.tx_tacnhuang .tbox .dl1 .dl_dd2 .table1 th{line-height: 2;padding: 20px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;font-size: 16px;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1 tr th{font-weight: bold;background: #ebebeb;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1 tr th:nth-child(1){font-size: 18px;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1 tr th .xian{display: inline-block;width: 8px;height: 4px;background: #999;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1 tr td .xian2{display: inline-block;width: 8px;height: 2px;background: #999;} .jo5{height: 755px;box-sizing: border-box;background: url(../images/5_11.jpg) center no-repeat; background-size: cover;text-align: center;color: #fff;padding-top: 100px;} .jo5 .en{margin: 15px 0 30px;} .jo5 .xian{width: 40px;height: 2px;background: rgba(255,255,255,0.6);margin: 0 auto 60px;} .jo5 .j_d1{width: 820px;margin: 0 auto;} .jo5 .j_d1 input{font-family: arial;width: 380px;float: left;margin-bottom: 20px;box-sizing: border-box;border:1px solid rgba(255,255,255,0.3);padding: 0 20px;color: #ffff;border-radius: 5px; outline: none;background: transparent;height: 40px;} .jo5 .j_d1 input:nth-child(2n){float: right;} .jo5 .j_d1 textarea{width: 100%;height: 200px;box-sizing: border-box;padding: 20px;color: #fff;border:1px solid rgba(255,255,255,0.3);border-radius: 5px;background: transparent;font-size: ;font-family: arial; resize: none;} .jo5 .j_d1 input::-webkit-input-placeholder,.jo5 .j_d1 textarea::-webkit-input-placeholder {color: rgba(255,255,255,0.6);} .jo5 .abtn{margin-top: 50px;color: #fff;} .jo5 .abtn a{display: inline-block;width: 180px;line-height: 40px;color: #fff;background: #999;border-radius: 5px;margin: 0 20px;position: relative;overflow: hidden;z-index: 3;} .jo5 .abtn a s{display: block;width: 180px;height: 180px;position: absolute;top: 50%;left: 50%;margin-top: -90px;margin-left: -90px;background: #ba1f21;z-index: -1;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .jo5 .abtn a#cjBtn s{background: #666;} .jo5 .abtn a:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .jo5 .abtn a#tjBtn {background: #e62129;} /*新闻*/ .ne1{padding: 100px 0 50px;} .ne1 .box{overflow: visible;} .ne1 .ul1{text-align: center;} .ne1 .ul1 *{ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .ne1 .ul1 li{width: 31%;float: left;box-sizing: border-box;padding: 2.8%;background: #fff;margin-right: 3.5%;border:1px solid #ddd;margin-bottom: 3.5%;} .ne1 .ul1 li:nth-child(3n){margin-right: 0;} .ne1 .ul1 li .day{font-family: be;color: #666;padding-bottom: 36px;background: url(../images/1_11.png) center bottom no-repeat;} .ne1 .ul1 li .year{font-family: be;color: #666;} .ne1 .ul1 li .zhixian{width: 15px;height: 3px;background: #bdbdbd;margin: 25px auto ;} .ne1 .ul1 li .img,.ne1 .ul1 li .img img{overflow:hidden;display: block;width: 100%; } .ne1 .ul1 li .img img{transform: scale(1.01);-webkit-transform: scale(1.01);} .ne1 .ul1 li .tc{line-height: 1.8;text-align: justify;width: 93%;margin: 20px 0;height: 56px;overflow: hidden;} .ne1 .ul1 li .lmore{ width: 136px;height: 12px;font-size: 12px;color: #999;background: url(../images/1_10.png) center right no-repeat;text-align: justify;position: relative;} .ne1 .ul1 li .lmore span{display: block;position: absolute;width: 0%;height: 100%;top: 0;left: 0;overflow: hidden;} .ne1 .ul1 li .lmore span s{display: block;width: 136px;height: 12px;background: url(../images/1_10_1.png) center right no-repeat;} .ne1 .ul1 li:hover{-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; box-shadow:0px 0px 10px #ccc;} .ne1 .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);} .ne1 .ul1 li:hover .day{background: url(../images/1_11_1.png) center bottom no-repeat;color: #e62129;} .ne1 .ul1 li:hover .lmore span{width: 100%;} /*详情*/ .nec1{padding: 100px 0;} .nec1 .clt{width: calc(100% - 400px);float: left;padding: 80px 100px;background:#f6f6f6;box-sizing: border-box; color: #555;} .nec1 .clt .tt{line-height: 1.5;color: #e62129;} .nec1 .clt .tt2{text-align: center;padding: 50px 0 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .nec1 .clt .tc{line-height: 34px;} .nec1 .clt .tc img{display: block;max-width: 100%;margin: 0 auto;height: auto !important;} .nec1 .clt .abtn{margin-top: 50px;position: relative;} .nec1 .clt .abtn a{display: block;margin-bottom: 20px;color: #555;} .nec1 .clt .abtn a *{ -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .nec1 .clt .abtn a span{display: block;float: left;width: 60px;} .nec1 .clt .abtn a div{float: left;width: calc(100% - 60px);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .nec1 .clt .abtn a:hover div{color: #e62129;} .nec1 .clt .abtn a.fh{position: absolute;top: 0;right: 0;width: 100px;line-height: 40px;background: #999;text-align: center;color: #fff;border-radius: 5px;overflow: hidden;z-index: 2;} .nec1 .clt .abtn a.fh div{width: 100%;background: url(../images/6_1.png) center left no-repeat;box-sizing: border-box;padding-left: 10px;position: relative;z-index: 2;} .nec1 .clt .abtn a.fh s{display: block;width: 180px;height: 180px;position: absolute;top: 50%;left: 50%;margin-top: -90px;margin-left: -90px;background: #e62129;z-index: -1;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .nec1 .clt .abtn a.fh:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .nec1 .clt .abtn a.fh:hover div{color: #fff;} .nec1 .crt{width: 375px;float: right;box-sizing: border-box;border:1px solid #ddd;padding: 0 30px;} .nec1 .crt .tt{padding: 35px 0 30px;border-bottom: 1px solid #ddd;margin-bottom: 10px;} .nec1 .crt .tt a{float: right;font-weight: normal;font-size: 16px;padding-right: 20px;background: url(../images/3_8.png) center right no-repeat;background-size: 30%;color: #555;line-height: 24px;} .nec1 .crt .tt a:hover{color: #e62129;} .nec1 .crt .abtn a{ padding: 30px 0;border-bottom: 1px solid #ddd; } .nec1 .crt .abtn a:last-child{border:0;} .nec1 .crt .abtn a *{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .nec1 .crt .abtn a .img,.nec1 .crt .abtn a .img img{display: block;width: 100%;overflow: hidden;} .nec1 .crt .abtn a .img img{transform: scale(1.01);-webkit-transform: scale(1.01);} .nec1 .crt .abtn a:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);} .nec1 .crt .abtn a .day{margin: 20px 0;color: #999;} .nec1 .crt .abtn a .att{line-height: 1.5;} .nec1 .crt .abtn a:hover .att{color: #e62129;} /* 案例 */ .ca1{padding: 100px 0 0;} .ca1 .ul1{} .ca1 .ul1 li{width: 46.5%;float: left;margin-bottom: 100px;} .ca1 .ul1 li:nth-child(2n){float: right;} .ca1 .ul1 li .img,.ca1 .ul1 li .img img{display: block;width: 100%;} .ca1 .ul1 li .ltt{padding: 50px 0 30px;border-bottom: 1px solid #ddd;margin-bottom: 30px;} .ca1 .ul1 li .ltt span{position: relative;display: inline-block;} .ca1 .ul1 li .ltt span s{display: block;width: 100%;height: 4px;background: #555;position: absolute;left: 0;bottom: -33px;} .ca1 .ul1 li .ltc{line-height: 30px;color: #555;height:60px;overflow: hidden; } /* 专卖店 */ .sh1{padding: 60px 0 0;text-align: center;} .sh1 .xian{width: 40px;height: 1px;background: #999;margin: 0 auto 40px;} .sh1 .abtn{width: 520px;margin: 50px auto ;} .sh1 .abtn select{display: block;float: left;width: 250px;height: 40px;border:1px solid #999;box-sizing: border-box;text-align: center;} .sh1 .abtn select:nth-child(2){float: right;} .map{position: relative;height: 660px;background: #3f3f3f;} .map #map{width: 100%;height: 100%;background: #3f3f3f;} .map .container1{position: absolute;width: 480px;height: 550px;overflow: auto;top: 60px;left: 8.33%;z-index: 3;background: #fff;} .map .container1 .mtt{margin: 30px 0 20px;} .map .container1 .mxian{width: 40px;height: 1px;background: #999;margin: 0 auto 30px;} .map .container1 dl{} .map .container1 dl dd .h3{display: none;} .map .container1 dl dd{text-align: justify;border-top: 1px solid #ddd;padding: 30px ;cursor: pointer;} .map .container1 dl dd .dtc{line-height: 1.5;margin: 5px 0;} .map .container1 dl dd .ddz{padding-left: 30px;background: url(../images/8_2.jpg) left center no-repeat;margin-top: 5px;line-height: 24px;} .map .container1 dl dd .ddz:hover{color: #e62129;background: url(../images/8_2.png) left center no-repeat;} .map .container1 dl dd .dtt{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .map .container1 dl dd:hover .dtt{color: #e62129;} /* 联系我们 */ .co1{height: 680px;box-sizing: border-box;padding-top: 100px;text-align: center;color: #555;background: url(../images/2_3.jpg) right bottom no-repeat;} .co1 .tt{color: #e62129;} .co1 .tc{line-height: 1.5;margin: 30px 0 80px;} .co1 .ul1{margin: 45px auto 0;width: 1040px;} .co1 .ul1 li{width:500px;float: left;box-sizing: border-box;border:1px solid #ddd;line-height: 60px; margin-bottom: 30px;font-size: 16px;background: #fff;} .co1 .ul1 li:nth-child(2n){float: right;} .co1 .ul1 li .sp1{width: 120px;float: left;color: #fff;background: #4a4a4a;font-weight: bold;} .co1 .ul1 li .sp2{float: left;width: 145px;white-space: nowrap;position: relative;} .co1 .ul1 li .sp2 s{display: block;width: 1px;height: 20px;position: absolute;right: 0;top: 20px;background: #999;} .co1 .ul1 li .sp3{display: block;float: left;width: 230px;} .co1 .ul1 li .sp4{display: block;float: left;width: 220px;} .co2{display: block;} .co2 img{display: block;width: 1920px;position: relative;left: 50%;margin-left: -960px;} .co2 .mimg{display: none;} /* 加入我们 */ .add1{height: 465px;box-sizing: border-box;background: url(../images/8_4.jpg) right bottom no-repeat;padding-top: 70px;} .add1 .tc{color: #505050;line-height: 1.5;font-size: 16px;} .add1 .ad2{margin-top: 100px;} .add1 .ad2 a{position: relative;overflow: hidden;line-height:46px;width: 160px;border:1px solid #000;text-align: center;margin-top: 25px;font-size: 16px;} .add1 .ad2 a s{display: block;width: 180px;height: 180px;position: absolute;top: 50%;left: 50%;margin-top: -90px;margin-left: -90px;background: #e62129;z-index: -1;border-radius: 50%;transform: scale(0);-webkit-transform: scale(0);-webkit-transition: all .3s ; -moz-transition: all .3s ; transition: all .3s ;} .add1 .ad2 a:hover{border:1px solid #e62129;color: #fff;} .add1 .ad2 a:hover s{transform: scale(1.2);-webkit-transform: scale(1.2);} .add2{height: 400px;background: url(../images/8_5.jpg) center no-repeat fixed;text-align: center;color: #fff;} .add2 .tt{padding: 180px 0 60px;background: url(../images/6_2.png) center bottom no-repeat;} .add3{padding: 100px 0;background: url(../images/8_6.jpg) center no-repeat fixed;background-size: cover;} .add3 .box{background: rgba(0,0,0,0.2);color: #fff;padding: 0 40px 40px;} .add3 .box .atp{font-weight: bold;padding: 0 40px;} .add3 .box .atp span{display: block;width: 16.66%;float: left;box-sizing: border-box;line-height: 76px;} .add3 .box .atp span:nth-child(6){text-align: center;} .add3 .box .ul1{} .add3 .box .ul1 li{background: rgba(0,0,0,0.5);margin-bottom: 6px;} .add3 .box .ul1 li .ltp{-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;cursor: pointer;padding: 0 40px;} .add3 .box .ul1 li.act .ltp{background: #e62129;} .add3 .box .ul1 li .ltp span{display: block;width: 16.66%;float: left;box-sizing: border-box;line-height: 60px;} .add3 .box .ul1 li .ltp span:nth-child(6){text-align: center;} .add3 .box .ul1 li .lbt{padding: 40px 40px 70px;line-height: 34px;display: none;} .add3 .box .ul1 li .lbt .ts{border-top: 1px solid rgba(255,255,255,0.1);padding-top: 30px;margin-top: 30px;} .add3 .box .ul1 li:nth-child(1) .lbt{display: block;} /* 专题 */ .spec1{position: relative;overflow: hidden;} .spec1 img{display: block;width: 100%;} .spec1 .img,.spec1 .img2{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden; } .spec1 .img img,.spec1 .img2 img{display: block;width: 100%;position: absolute;top: 0;left: 0;} .spec1 .img img.ac{opacity: 0;} .spec1 .img img.act{animation:liang 1s linear infinite alternate;-webkit-animation:liang 1s linear infinite alternate;} .spec1 .img2 img{height: 950px;} .spec1 .img2 {max-height: 0px;-webkit-transition: all 2s linear; -moz-transition: all 2s linear; transition: all 2s linear;} .spec1 .img2 .txt{position: absolute;top: 360px;color: #fff; left: 12.5%;} .spec1 .img2 .txt .en{font-size: 48px;font-family: arial;} .spec1 .img2 .txt .tt{font-size: 48px;margin: 20px 0;} .spec1 .img2.wow1{max-height: 950px;} .spec1 .txt2{position: absolute;top: 470px;color: #fff; left: 71.35%;line-height: 2;} @-webkit-keyframes liang { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes liang { 0% { opacity: 0; } 100% { opacity: 1; } } .spec2{position: relative;} .spec2 img{display: block;width: 100%;} .spec2 .sbox{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .spec2 .sbox .slt{} .spec2 .sbox .slt *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .spec2 .sbox .slt .tt{font-size: 48px;margin: 180px 0 130px;} .spec2 .sbox .slt .tt span{font-weight: bold;color: #d40710;} .spec2 .sbox .slt .tc{overflow:hidden;max-height: 0px;position: relative;-webkit-transition: all .7s linear; -moz-transition: all .7s linear; transition: all .7s linear; } .spec2 .sbox .slt .tc.wow1{max-height: 390px;transition-delay: .3s;-webkit-transition-delay: .3s;} .spec2 .sbox .slt .tc .tbox{padding-left: 110px;height: 390px;box-sizing: border-box;border-left: 6px solid #d40710; } .spec2 .sbox .slt .tc .tbox .tx{width: 490px;text-align: justify;line-height: 1.8;} .spec2 .sbox .slt .tc .tbox .ul1{width: 490px;margin-top: 80px;} .spec2 .sbox .slt .tc .tbox .ul1 li{width: 100px;line-height: 80px;position: relative;border:1px solid #d2d3d5;border-radius: 5px;z-index: 2;float: left;text-align: center;margin-right: 30px;margin-bottom: 30px;box-sizing: border-box;font-size: 16px;} .spec2 .sbox .slt .tc .tbox .ul1 li:nth-child(4n){margin-right: 0;} .spec2 .sbox .slt .tc .tbox .ul1 li s{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 5px;background: #d40710;opacity: 0;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;} .spec2 .sbox .slt .tc .tbox .ul1 li:hover {background: #d40710;color: #fff;border:1px solid #d40710;} .spec2 .sbox .slt .tc .tbox .ul1 li:hover s{top: 5px;left: 5px;opacity: 0.16;} .spec3{position: relative;} .spec3 img{display: block;width: 100%;} .spec3 .img{display: block;width: 50%; position: absolute;top: 0;left: 0;} .spec3 .tx{width: 100%;position: absolute;top: 0;left: 0;box-sizing: border-box;padding-left: 50%;} .spec3 .tx .tt{position: relative;max-width: 700px;font-size: 48px;margin: 230px 0 200px;color: #fff;} .spec3 .tx .tt s{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;display: inline-block;width: 0px;height: 4px;background: #636363;position: relative;margin-right: 70px;position: relative;top: -15px;} .spec3 .tx .tc{max-width: 700px;line-height: 1.8;color: #fff;width: 70%;} .spec3 .tx .tt s.wow1{width: 180px;} .spec4{position: relative;height: 945px;overflow: hidden;z-index: 3;color: #fff;text-align: center;} .spec4 .ul1{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #333;} .spec4 .ul1 li:nth-child(1){z-index: 3;} .spec4 .ul1 li:nth-child(2){z-index: 1;} .spec4 .ul1 li:nth-child(3){z-index: 1;} .spec4 .ul1 li{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;} .spec4 .ul1 li *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .spec4 .ul1 li img{display: block;width: 100%;} .spec4 .ul1 li .llt{position: absolute;width: 50%;overflow: hidden; top: 0;left: 0%;} .spec4 .ul1 li .lrt{position: absolute;width: 50%;overflow: hidden; top: 0;right: 0%;} .spec4 .ul1 li.act .llt{left: -50%;} .spec4 .ul1 li.act .lrt{right: -50%;} .spec4 .tt{font-size: 48px;margin-top: 180px;} .spec4 .abtn{width: 100%;position: absolute;left: 0;bottom: 100px;} .spec4 .abtn span{display: inline-block;cursor: pointer;margin: 0 25px; } .spec4 .abtn span img{display: block;margin-bottom: 20px;} .spec5{position: relative;height: 950px;overflow: hidden;background: url(../images/zt11.jpg) center no-repeat;background-size: cover;} .spec5 .srt{width: 1240px;height: 950px;position: absolute;top: 0;right: 0;} .spec5 .srt > img{display: block;position: absolute;top: 0;left: 0;width: 100%;-webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; transition: all .5s ease-in;transition-delay: .3s;-webkit-transition-delay: .3s;} .spec5 .srt .im01{left: 28.3%;} .spec5 .srt .im02{left: 17%;} .spec5 .srt .im03{left: 8%;} .spec5 .srt .im04{opacity: 0;} .spec5 .srt .im05{left: -17%;} .spec5 .srt .im06{left: -10%;opacity: 0;} .spec5 .srt .im07{left: -35%;} .spec5 .srt.wow1 > img{left: 0;opacity: 1;} .spec5 .slt{padding: 180px 0 0 12.5%;color: #fff;} .spec5 .slt .tt{font-size: 48px;} .spec5 .slt .ul1{margin-top: 150px;} .spec5 .srt .ul1 *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .spec5 .slt .ul1 li{margin-bottom: 35px;font-size: 20px;line-height: 30px;} .spec5 .slt .ul1 li span{width: 30px;line-height: 30px;border-radius: 50%;background: #d40710;float: left;margin-right: 10px;text-align: center;} .spec5 .srt .ul1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .spec5 .srt .ul1 li{width: 80px;height: 80px;position: absolute;top: 0;left: 0;} .spec5 .srt .ul1 li .img{display: block;width: 80px;height: 80px;background: url(../images/zt9.png) center no-repeat;cursor: pointer;position: relative;z-index: 2;animation:zhuan 2s linear infinite;-webkit-animation:zhuan 2s linear infinite;} .spec5 .srt .ul1 li .txt{display: block;width: 0px;height: 150px;position: absolute;right: 40px;top: -30px;overflow:hidden; cursor: pointer;} .spec5 .srt .ul1 li .txt .tbox{position: absolute;top: 0;right: 0; width: 500px;height: 150px;background: url(../images/zt8_3.png) top left no-repeat;color: #fff;} .spec5 .srt .ul1 li .txt .tbox .tc{padding:40px 20px;font-size: 20px;} .spec5 .srt .ul1 li .txt .tbox .tc s{display: block;width: 20px;height: 3px;background: #d3d3d3;margin: 20px 0;} .spec5 .srt .ul1 li:nth-child(1) .txt{right: auto;left: 40px;} .spec5 .srt .ul1 li:nth-child(1) .txt .tbox{right: auto;left: 0;background: url(../images/zt8_4.png) top left no-repeat;box-sizing: border-box;padding-left: 200px;} .spec5 .srt .ul1 li:nth-child(1){top: 35%;left: 0;} .spec5 .srt .ul1 li:nth-child(2){top: 23%;left: 73%;} .spec5 .srt .ul1 li:nth-child(3){top: 32%;left: 20%;} .spec5 .srt .ul1 li:nth-child(4){top: 25%;left: 40%;} .spec5 .srt .ul1 li:nth-child(5){top: 36%;left: 56%;} .spec5 .srt .ul1 li:nth-child(6){top: 55%;left: 90%;} .spec5 .srt .ul1 li.act .img{background: url(../images/zt10.png) center no-repeat;} .spec5 .srt .ul1 li.act .txt{width: 500px;} .spec6{position: relative;text-align: center;color: #fff;height: 950px;background: #000;box-sizing: border-box;padding-top:8%;z-index: 3;} .spec6 .tt{font-size: 48px;} .spec6 .tt span{font-weight: bold;color: #d40710;} .spec6 .tc img{display: block;margin: 40px auto 0;} .spec6 .ul1{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;} .spec6 .ul1 li{width: 33.33%;float: left;position: relative;overflow: hidden;height: 100%;} .spec6 .ul1 li *{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;} .spec6 .ul1 li img{display: block;height: 100%;} .spec6 .ul1 li video{display: block;opacity: 0; position: absolute;top: 0;left: 0;height: 100%;} .spec6 .ul1 li .txt{position: absolute;width: 100%;top:50%;} .spec6 .ul1 li .txt s{display: block;width: 40px;height: 3px;background: #fff;margin: 30px auto 0;opacity: .6;} .spec6 .ul1 li:hover img{opacity: 0;} .spec6 .ul1 li:hover video{opacity: 1;} .spec7{padding: 140px 0 125px;background: url(../images/zt15.jpg) center no-repeat;background-size: cover;color: #fff;text-align: center;} .spec7 .tt{font-size: 48px;} .spec7 .tc{margin: 40px 0 105px;} .spec7 .ul1{border-top: 1px solid rgba(255,255,255,0.1);} .spec7 .ul1 li{width: 33.33%;float: left;box-sizing: border-box;height: 235px;padding-top: 75px;border-bottom: 1px solid rgba(255,255,255,0.1);border-right: 1px solid rgba(255,255,255,0.1);} .spec7 .ul1 li .ltc{margin-top: 20px;line-height: 1.5;} .spec7 .ul1 li:nth-child(3n){border-right: none;} .spec7 .ul1 li:nth-child(2n){background: rgba(255,255,255,0.1);} .spec8{padding: 185px 0 205px;background: url(../images/zt16.jpg) center no-repeat;background-size: cover;color: #fff;} .spec8 .tt{font-size: 48px;} .spec8 .xian{width: 80px;height: 4px;background:rgba(255,255,255,0.3); margin: 50px 0 40px;} .spec8 .tc{width: 485px;line-height: 1.8;margin-bottom: 60px;} .spec8 .img img{display: block;max-width: 80%;} .spec8 .img .mimg{display: none;} @media (min-width: 1680px){.prc2 table{width: 1400px !important;}} @media (max-width: 1680px) { .i2 .ilt{width: 300px;} .i3{position: relative;height: 500px;} .i7 .ul1 li.act .dl1{transform: scale(.9);-webkit-transform: scale(.9);} .top{right: 60px;} .head .abtn a{margin: 0 15px;} .prc1 .pbt .prt{padding-top: 20px;} .prc1 .pbt .prt .en{margin-bottom: 20px;} .prc1 .pbt .prt .tc{padding-bottom: 20px;margin-bottom: 20px;} .prc1 .pbt .prt .tc .tc_d1{margin-top: 20px;} .nec1 .clt{padding: 50px;} .map .container1{width: 400px;left: 5%;} .hi1 .hlt,.hi1 .hrt{background-size: auto;} .i8 .irt a{padding: 40px 80px 0;} .spec1 .img2 img{height: 825px;} .spec2 .img2 .txt{top: 260px;} .spec2 .sbox .slt .tc .tbox{padding-left: 50px;} .spec2 .sbox .slt .tt{margin: 150px 0 100px;} .spec3 .tx .tt{margin: 200px 0 100px;} .spec5{height: 766px;} .spec5 .srt{width: 1000px;height: 766px;} .spec5 .slt{padding-top: 100px;} .spec5 .slt .ul1{margin-top: 50px;} } @media (max-width: 1440px) { .i7 .ul1 li.act .dl1{transform: scale(.7);-webkit-transform: scale(.7);} .ho1 .box .prev3{left: 0;} .ho1 .box .next3{right: 0;} .jo3 .jlt{padding-top: 40px;height: 640px;} .jo3 .jlt .en,.jo3 .jlt .xian,.jo3 .jlt .ul1 li{margin-bottom: 15px;} .jo3 .jct,.jo3 .jrt{height: 640px;} .i8 .irt a{padding: 40px 85px 0;} .hi2 .swiper2 .swiper-slide .sbox .srt img{height: 500px;margin-top: 15%;} .hi1 .ct{transform: scale(.8);-webkit-transform: scale(.8);top: 55%;} .head{padding: 0 40px;} .head .logo,.head .menu,.head .wl{height: 50px;} .head .logo{height: 40px;margin-top: 5px;background-size: 70%;} .head.act3 .logo,.head.act2 .logo,.head.act .logo,.head:hover .logo{background-size: 70%;} .head .abtn a{line-height: 50px;} .head .menu .mebox{margin-top: 15px;} .nav,.head2{top: 40px;} /* .head .logo,.head.act3 .logo, .head.act2 .logo, .head.act .logo, .head:hover .logo{background-size: 90%;} */ .spec1 .img2 img{height: 709px;} .spec1 .img2 .txt{top: 260px;} .spec1 .img2 .txt{left: 8%;} .spec1 .img2 .txt .en,.spec1 .img2 .txt .tt,.spec3 .tx .tt,.spec5 .slt .tt{font-size: 30px;} .spec2 .sbox .slt .tc .tbox{padding-left: 50px;} .spec2 .sbox .slt .tt{margin: 100px 0 50px;font-size: 30px;} .spec3 .tx .tt s{top: -5px;} .spec4{height: 708px;} .spec5{height: 613px;} .spec5 .srt{width: 800px;height: 613px;} .spec5 .slt{padding-top: 80px;} .spec5 .slt .ul1{margin-top: 80px;} .spec5 .slt .ul1 li{margin-bottom: 20px;} .spec4 .tt{margin-top: 80px;font-size: 30px;} .spec4 .abtn{bottom: 50px;} .spec3 .tx .tc{font-size: 18px;} .spec5 .srt .ul1 li {transform: scale(.8);-webkit-transform: scale(.8);} .spec5 .srt .ul1 li:nth-child(6){top: 53%;left: 87%;} .spec6{height: 750px;} .spec6 .tt,.spec7 .tt,.spec8 .tt{font-size: 30px;} .spec6 .ul1 li .txt{font-size: 20px;} .spec7 {padding: 100px 0;} .spec7 .tc{margin: 30px 0 50px;} .spec7 .ul1 li .ltt{font-size: 30px;} .spec7 .ul1 li .ltc{font-size: 16px;} .spec7 .ul1 li{height: 150px;padding-top: 40px;} .spec8 {padding: 100px 0;} .spec8 .tc{font-size: 16px;margin-bottom: 30px;} .spec8 .xian{margin: 30px 0;} } @media (max-width: 1366px){ .spec1 .img2 img{height: 672px;} .spec1 .img2 .txt{top: 260px;} .spec1 .img2 .txt{left: 5%;} .spec1 .img2 .txt .en,.spec1 .img2 .txt .tt{font-size: 30px;} .spec1 .img2 .txt2{top: 360px;} .spec5 .slt{padding-left: 5%;} .spec4{height: 670px;} } @media (max-width: 1280px){ .hi2 .swiper2 .swiper-slide .sbox .srt{overflow:visible;width: calc(100% - 340px); } .hi2 .swiper2 .swiper-slide .sbox .srt img{left: 0;margin: 0;height: 100%;transform: scale(.7);-webkit-transform: scale(.7);} .spec4{height: 630px;} } .m_head,.m_nav,.specm1,.specm2,.specm3,.specm4,.specm5,.specm6,.specm7{display: none;} @media (max-width: 1024px){ body{min-width: 200px;padding: 0;padding-top: 50px;} .f_16{ font-size:14px; } .f_18{ font-size:16px; } .f_20{ font-size:18px; } .f_22{font-size: 20px;} .f_24{ font-size:20px; } .f_26{ font-size:22px; } .f_28{ font-size:22px; } .f_30{ font-size:24px; } .f_32{ font-size:24px; } .f_34{ font-size:24px; } .f_36{ font-size:24px; } .f_40{font-size: 24px;} .f_48{font-size: 30px;} .head{display: none;} .m_head{display: block;height: 50px;overflow: hidden;padding: 0 5%;position: fixed;top: 0;left: 0;width: 100%;box-sizing: border-box;z-index: 10;background: #000;} .m_head .mlt{display: block;float: left;} .m_head .mlt img{display: block;height: 25px;margin-top: 12px;} .m_head .img{width: 50px;float: right;} .m_head .img img{display: block;width: 100%;} .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;} .m_nav.act{right: 0;} .m_out{ width: 15%;float: left; } .m_out img{display: block;width: 100%;} .m_nav{display: block; position: fixed;z-index: 199;width: 100%;height: 100%;background: rgba(0,0,0,0.5);top:0;right: -100%;-webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s;overflow: hidden;box-sizing: border-box;} .m_nav.act{right: 0;} .m_out{ width: 15%;float: left; max-width: 50px;} .m_out img{display: block;width: 100%;} .wow{opacity: 1;} .m_navbox{width: 80%;box-sizing: border-box;float: right;background: #111;height: 100%;box-sizing: border-box;padding: 10px 5% ;overflow: auto; box-sizing: border-box;} .m_navbox div,.m_navbox a{color: #fff;display: block;} .m_navbox a{font-size: 16px;line-height: 20px;padding: 10px 0;} .m_navbox div,.m_navbox a.ltp{font-size: 20px;line-height: 30px;border-bottom: 1px solid #1f1e1e;padding: 10px 0;display: block;} .m_navbox li>div:nth-child(1){background: url(../images/plus.png) center right no-repeat;} .m_navbox li.act>div:nth-child(1){background: url(../images/reduce.jpg) center right no-repeat;} .m_navbox div.lbt{padding: 5px 0;display: none;} .m_navbox .lange{text-align: center;} .m_navbox .lange a{display: inline-block;margin: 0 10px;} .m_navbox li.lang {padding-top: 20px;} .m_navbox li.lang a{display: block;float: left;text-align: center;width: 50%;font-size: 20px;} .box{padding: 0 5%;min-width: 200px;width: 100%;} .head,.head2{display: none;} .ivideo{display: none;}{display: none;} .swiper1 .swiper-slide-active a .txt .tbt .tx{} .swiper1 .swiper-slide-active a .txt .ttp{padding-top: 5px;} .swiper1 .swiper-slide a .txt{left: 5%;} .a_dw{top: -60px;} .i2 .ilt{width: 200px;padding-top: 45px;} .i2 .irt{width: calc(100% - 230px);} .i2 .irt span{width: 25%;position: relative;} .i2 .irt span a{width: 100%;height: 100%;top: 0;left: 0;z-index: 5;position: absolute;} .i2 .irt span.act{background: #eaeaea;} .i3{display: none;} .v_tanchuang .video,.v_tanchuang2 .video{width: 90%;} .v_tanchuang .video .out,.v_tanchuang2 .video .out{width: 40px;height: 40px;background-size: cover; top: -50px;right: 0;} .i4 .ilt .tt{margin-top: 100px;} .i4 .ilt .xian{margin-bottom: 40px;} .i4{height: 500px;} .i5 .ibox .ul1 li .num{font-size: 40px;} .i7 .ul1.act li{width: 60px;} .i7 .ul1.act li .tt{width: 20px;margin: 0 auto; } .i7 .ul1.act1 li:nth-child(2){left: calc(100% - 120px);} .i7 .ul1.act1 li:nth-child(3){left: calc(100% - 60px);} .i7 .ul1.act2 li:nth-child(1){border-right: 1px solid #fff;} .i7 .ul1.act2 li:nth-child(2){left: 0;border-left: 1px solid rgba(255,255,255,0);} .i7 .ul1.act2 li:nth-child(3){left: calc(100% - 60px);} .i7 .ul1.act3 li:nth-child(2){left: 60px;border-right: 1px solid #fff;} .i7 .ul1.act3 li:nth-child(3){left: 0;border-left: 1px solid rgba(255,255,255,0);} .i7 .ul1 li.act{width: 100%;} .i7 .ul1.act li.act .tt{width:100%;} .i7 .ul1 li .dl1{width: 860px; } .i7 .ul1 li.act .dl1{ transform: scale(1); -webkit-transform: scale(1);} .i7 .ul1 li .dl1 dd .dt2{height: 75px;} .i8 .irt a{padding: 40px 60px 0;} .footer1{display: none;} .banner video{display: none;} .nav{top: 50px;padding: 10px 5%;} .pr1 .pbox{width: 90%;} .pr1 .pbox a{width: 25%;} .pr1 .pbox a.act, .pr1 .pbox a:hover{background: #eaeaea;} .pr2{padding: 50px 0;} .pr3 .swiper4 .swiper-slide .sbox .srt .stt2{font-size: 30px;margin: 20px 0;} .pr3 .swiper4 .swiper-slide .sbox .srt .stc{margin-bottom: 30px;} .banner img.pimg{width: 100%;left: 0;margin: 0;} .banner .txt .tt{margin: 90px 0 20px;font-size: 40px;} .banner .txt .tt s{top: -13px;} .banner .nav2{display: none;} .prc1,.prc3{padding: 50px 0;} .prc1 .ptp{padding: 0 5%;line-height: 30px;margin-bottom: 30px;} .prc1 .pbt .prt{padding: 0;} .prc1 .pbt .prt .tc .tc_d1{margin-top: 10px;} .prc1 .pbt .prt .tt2{margin-bottom: 20px;} .prc1 .pbt .prt .pmore{margin-top: 50px;} .prc2 .ptt{margin-top: 50px;} .prc2 .ptc{padding-bottom: 50px;} .prc3 .swiper6{width: 90%;} .br1 .tc{width: 70%;} .br2{height: 500px;} .br2 .bbox .tt{padding-top: 200px;} .i5 .ibox .bf{width: 80px;} .br3{padding: 50px 0;} .br3 .blt{width: 400px;} .br3 .blt .en{padding: 50px 0 30px 50px;} .br3 .blt .tt{font-size: 34px;padding-left: 150px;} .br3 .brt{width: calc(100% - 450px);} .br3 .brt .tt{font-size: 34px; margin-bottom: 30px;} .hi2 .swiper2,.hi2{height: calc(100vh - 50px);} .hi2 .swiper2 .swiper-slide .sbox{width: 900px;left: 62px;min-width: 900px;} .hi2 .swiper2 .tyear{box-sizing: border-box;padding-right: 350px;font-size: 180px;} .hi2 .swiper2 .swiper-slide .sbox .slt{width: 400px;} .ho1,.se1,.qa1,.ke1,.dw2{padding: 50px 0;} .ho1 .swiper3 .swiper-slide .ul1 li .txt{height: 50px;} .img_tanchuang .ibox{width: 90%;height: 90%;} .img_tanchuang .ibox img{margin: 50px auto;max-width: 80%;height: auto;} .img_tanchuang .ibox .tx{padding: 50px 0 ;font-size: 16px;} .footer2{padding: 20px 0;} .footer2 .flt{float: none;width: 100%;} .footer2 .flt .abox {display: none;} .footer1{display: none;} .footer2 .flt .flbt{margin-top: 0;text-align: center;} .footer2 .frt{width: 100%;float: none;} .footer2 .frt select{display: none;} .footer2 .frt .other{text-align: center;padding-top: 10px;} .qa1 .qbt{padding-top: 50px;} .a_dw{top: -100px;} .qa1 .qbt .qrt dl{margin-bottom: 50px;} .ke1 .krt{padding-top: 0;} .jo1,.jo3{padding: 50px 0;} .jo1 .jotp{margin-bottom: 50px;} .jo1 .jobt .jlt{margin-top: 0px;} .jo2{padding-top: 80px;} .jo2 .ul1 li .tx{width: 80%;} .jo2 .ul1 li img{width: 80px;} .ne1,.nec1{padding: 50px 0;} .nec1 .crt {width: 300px;} .nec1 .clt{width: calc(100% - 320px);} .ca1{padding-top: 50px;} .ca1 .ul1 li{margin-bottom: 50px;} .co1{padding: 50px 0;} .co1 .ul1{width: 1000px;} .co1 .ul1 li{margin-bottom: 10px;transform: scale(.9);-webkit-transform: scale(.9);} .co1 .tc{margin-bottom: 30px;} .co1{height: 500px;} .add3{padding: 50px 0;} .hi2 .swiper2 .swiper-slide .sbox .srt img{height: 100%;margin-top: 0%;transform: scale(.7);-webkit-transform: scale(.7);} .i7 .ul1 li.act .dl1 {transform: scale(.9);-webkit-transform: scale(.9);} .hi2 .swiper2 .swiper-slide .sbox .slt{width: 300px;} .hi2 .swiper2 .swiper-slide .sbox .srt{width: calc(100% - 300px);top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);} .hi2 .swiper2 .swiper-slide .sbox .srt img{ transform: scale(1); -webkit-transform: scale(1);width: 100%;height: auto;} .ho1 .box .prev3{left: 5%;} .ho1 .box .next3{right: 5%;} .ho1 .swiper3 .swiper-slide .ul1 li{width: 24%;margin-right: 1.33%;margin-bottom: 0;} .ho1 .swiper3 .swiper-slide .ul1 li:nth-child(4n){margin-right: 0;} .pr1 {height: 300px;} .yrae2{display: none;} .swiper2 .pagination2 .swiper-pagination-bullet-active{background: #e62129;} .spec1 .txt2{top: 300px;left: 68%;} .spec1 .img2{max-height: 506px;} .spec1 .img2 img{height: 506px;} .spec1 .img2 .txt{top: 205px;} .spec2 .sbox .slt .tc .tbox{padding-left: 30px;} .spec2 .sbox .slt .tc{max-height: 310px;} .spec2 .sbox .slt .tt{margin: 30px 0;} .spec2 .sbox .slt .tc .tbox .tx{width: 345px;font-size: 16px;} .spec2 .sbox .slt .tc .tbox .ul1{width: 345px;margin-top: 50px;} .spec2 .sbox .slt .tc .tbox .ul1 li{width: 75px;margin-right: 10px;margin-bottom: 10px; line-height: 70px;font-size: 16px;} .spec3 .tx .tt{margin: 150px 0 50px;} .spec3 .tx .tt s{width: 80px;margin-right: 30px;} .spec3 .tx .tc{font-size: 16px;} .spec4 .tt{margin-top: 50px;} .spec4{height: 505px;} .spec4 .abtn{bottom: 30px;} .spec4 .abtn span{margin: 0 15px;} .spec4 .abtn span img{width: 60px;} .spec5 .srt.wow > img{left: 0;opacity: 1;} .spec5 .srt{transform: scale(.7);-webkit-transform: scale(.7);} .spec5 .slt .ul1{margin-top: 50px;} .spec5 .slt .ul1 li{font-size: 16px;margin-bottom: 20px;} .i4 .srt.wow > img{left: 0;opacity: 1;} .i4 .srt{width: 650px;top: 0;height: 500px;} .i4 .box{height: 500px;} .i4 .srt .ul1 li{transform: scale(.8);-webkit-transform: scale(.8);} .i4 .srt .ul1 li:nth-child(3){left: 17%;} .i4 .srt .ul1 li:nth-child(5){top: 35%;left: 53%;} .i4 .srt .ul1 li:nth-child(6){top: 51%;left: 85%;} .i4 .srt .ul1 li:nth-child(2){left: 72%;} } .pr1m{display: none;} @media (max-width: 960px){ .f_30{font-size: 22px;} .swiper1 .swiper-slide a .pimg{display: none;} .swiper1 .swiper-slide a .mimg{display: block;} .swiper1 .swiper-slide a .txt .tbt span{width: 120px;line-height: 40px;height: 40px; margin-top: 30px;} .i2{height: auto;background-size: cover;} .i2 .ilt{width: 100%;float: none;padding-top: 30px;} .i2 .ilt .tc{margin: 20px 0;} .more{width: 120px;line-height: 40px;} .i2 .irt{width: 100%;float: none;margin: 20px 0;background: url(../images/xbg.png) center no-repeat;background-size: cover;} .i2 .irt span{width: 50%;height: 180px; background: transparent;} .i2 .irt span .txt{margin-top: 40px;} .i2 .irt span.act{background: transparent;} .i2 .irt span .img img{width: auto;height: 100%;margin: 0 auto;} .i2 .irt span.act .img img{opacity: 1;} .i2 .irt span .img img:nth-child(2){display: none;} .i2 .irt span.act .txt{color: #fff;} .i3{display: none;} .i4{background-size: cover;height: auto;} .i4 .ilt{width: 100%;float: none;} .i4 .ilt .tt{margin-top: 30px;} .i4 .ilt .xian,.i4 .ilt .tc{margin: 20px 0 30px;} .i4 .irt{width: 100%;float: none;margin-top: 30px;} .i5{height: auto;z-index: 2;} .i5 .ibox{position: static;background: #222 url(../images/2_6_1.png) center left no-repeat;background-size: cover;} .i5 video{display: none;} .i5 .ibox .tt{margin: 30px auto 20px;} .i5 .ibox .xian{margin-bottom: 20px;} .i5 .ibox .tc{width: 100%;} .i5 .ibox .bf{width: 50px;margin: 30px auto;} .i5 .ibox .ul1 li{width: 50%;background: transparent;} .i5 .ibox .ul1 li .num{font-size: 30px;} .i5 .ibox .ul1 li .tx br{display: none;} .i5 .ibox .ul1 li .tx{padding: 0 5%;} .i5 .ibox .ul1 li .tx{min-height: 50px;} .i5 .ibox .more{margin: 30px auto;} .i6{padding: 30px 0;} .i6 .xian{margin: 20px auto 30px;} .i6 .ul1 li{width: 100%;float: none;margin-bottom: 20px;padding: 5%;} .i6 .ul1 li .day{padding-bottom: 30px;} .i6 .ul1 li .zhixian{margin: 15px auto;} .i7{height: auto;background-size: cover;} .i7 .ul1 li{position: static;width: 100%;} .i8{height: auto;background-size: cover;} .footer2{padding: 20px 0;} .footer2 .flt{float: none;width: 100%;} .footer2 .flt .abox {display: none;} .footer1{display: none;} .footer2 .flt .flbt{margin-top: 0;text-align: center;line-height: 2;} .footer2 .frt{width: 100%;float: none;} .footer2 .frt select{display: none;} .footer2 .frt .other{text-align: center;padding-top: 10px;} .i7 .ul1 li{border-bottom: 1px solid rgba(255,255,255,0.3);} .i7 .ul1 li .out{margin: 30px auto 20px;opacity: 1;} .i7 .ul1 li .out a{width: 100%;height: 100%;} .i7 .ul1 li .tc,.i7 .ul1 li .box{display: none;} .i7 .ul1 li .tt{padding-top: 0px;padding-bottom: 30px;} .i7 .ul1 li .xian{display: none;} .i7 .ul1 li .tc{width: 90% ;margin: 0 auto 30px; opacity: 1 ; transform: translateY(0px);-webkit-transform: translateY(0px);} .i7 .ul1 li .dl1{width: 90% ;margin: 0 auto 30px; opacity: 1 ; transform: translateY(0px);-webkit-transform: translateY(0px);} .i7 .ul1 li .dl1 dd{width: 100%;float: none;margin: 0 0 20px 0;} .i8 .ilt{float: none;} .i8 .ilt .tt{margin: 30px 0 20px;} .i8 .irt{width: 100%;float: none;} .i8 .irt a{width: 50%;padding: 0;border-bottom: 1px solid #ddd;height: auto;padding: 30px 0;} .i8 .irt a:nth-child(4),.i8 .irt a:nth-child(3){border-bottom: none;} .i8 .irt a:nth-child(2){border-right: none;} .i8 .irt a img{width: 65px;margin: 0 auto 15px;} .banner img.pimg{display: none;} .banner img.mimg{display: block;} .nav{display: none;} .banner .nav2{display: none;} .banner .txt .tt{font-size: 26px;margin: 15% 0 20px;} .banner .txt .tt s{display: none;} .banner .txt .en{letter-spacing:2px;} .br1{height: auto;background-size: cover;} .br1 .tt{font-size: 22px;padding: 30px 0 20px;} .br1 .tc{width: 90%;font-size: 14px;padding-bottom: 30px;} .br2{height: auto;} .br2 .bbox .tt{padding: 0;margin-bottom: 20px;} .br2 .bbox{padding: 50px 0;} .br3{padding: 30px 0;} .br3 .blt{width: 100%;float: none;} .br3 .blt .en{padding: 0;text-align: center;} .br3 .blt .en s{display: none;} .br3 .blt .tt{font-size: 22px;text-align: center;padding: 20px 0 0;} .br3 .blt .img{margin-top: 30px;padding: 0;} .br3 .blt .img span{display: none;} .br3 .brt{width: 100%;float: none;margin-top: 30px;} .br3 .brt .tt{font-size: 22px;line-height: 1.5;text-align: center;margin-bottom: 20px;} .hi1{display: none;} .hi2{height: calc(100vh - 50px);overflow: hidden;} .hi2 .swiper2{height: calc(100vh - 50px);} .hi2 .swiper2 .swiper-slide .sbox .slt{width: 100%;float: none;padding-top: 15vh;} .hi2 .swiper2 .swiper-slide .sbox{width: 90%;height: auto;left: 5%;margin-left: 0;min-width: 100px;} .hi2 .swiper2 .swiper-slide .sbox .slt .num{font-size: 40px;} .hi2 .swiper2 .swiper-slide .sbox .slt .tt{margin: 20px 0;} .hi2 .swiper2 .swiper-slide .sbox .srt{width: 100%;float: none;margin-top: 30px;transform: translateY(0%); -webkit-transform: translateY(0%); } .hi2 .swiper2 .swiper-slide .sbox .srt img{width: 100%;height: auto;} .hi2 .swiper2 .tyear{font-size: 100px;top: 100%;} .ho1{padding: 30px 0;} .ho1 .box .prev3,.ho1 .box .next3{display: none;} .ho1 .swiper3 .swiper-slide .ul1{display: block;} .ho1 .swiper3 .swiper-slide .ul1 li{width: 47%;margin: 0 3% 10px 0;} .ho1 .swiper3 .swiper-slide .ul1 li:nth-child(2n){float: right;} .ho1 .swiper3 .swiper-slide .ul1 li:nth-child(4){margin-right: 3%;} .ho1 .swiper3 .swiper-slide .ul1 li .txt{height: 50px;} .img_tanchuang .ibox{width: 90%;height: auto;} .img_tanchuang .ibox img{margin: 50px auto;width: 80%;height: auto;} .img_tanchuang .ibox .tx{padding: 30px 0 20px;font-size: 16px;} .banner video{display: none;} .pr1{height: auto;} .pr1 .pbox{width: 100%;float: none;} .pr1 .pbox a{width: 50%;height: 240px;} .pr1 .pbox a .txt{margin-top: 40px;} .pr1 .pbox a.act, .pr1 .pbox a:hover{background: #eaeaea;} .pr2{padding: 30px 0;} .pr2 .ul1 li{width: 100%;float: none;margin: 0 0 20px;background: #fff;} .pr2 .ul1{background: transparent;} .pr2 .pmore{margin-top: 30px;line-height: 50px} .pr3 .swiper4 .swiper-slide .sbox{position: static;background: url(../images/3_13.jpg) center no-repeat;background-size: cover;} .pr3 .swiper4 .swiper-slide > img{display: none;} .pr3 .swiper4 .swiper-slide .sbox .slt{width: 60%;position: static;float: none;margin: 0 auto;opacity: 1;} .pr3 .swiper4 .swiper-slide .sbox .srt{width: 100%;float: none;padding: 0;position: static;transform: translateY(0%);-webkit-transform: translateY(0%);margin-top: 30px;opacity: 1;} .pr3 .swiper4 .swiper-slide-active .sbox .slt{margin: 0 auto;} .pr3 .swiper4 .swiper-slide-active .sbox .srt{margin-left: 0;} .pr3 .swiper4 .swiper-slide .sbox .srt .stt2{font-size: 24px;margin: 10px 0;} .pr3 .swiper4 .swiper-slide .sbox .srt .stc{margin-bottom: 20px;} .pr3 .swiper4 .swiper-slide .sbox .slt img{height: auto;} .pr3 .swiper4 .swiper-slide .sbox .srt .smore{line-height: 40px;margin-bottom: 30px;} .prc1{padding: 30px 0;} .prc1 .ptp{padding:0 5%;margin-bottom: 20px;} .prc1 .ptp a{line-height: 30px;} .prc1 .pbt .plt{width: 100%;float: none;} .prc1 .pbt .prt{width: 100%;float: none;box-sizing: border-box;margin: 0;padding: 5%;} .prc1 .pbt .plt .swiper5 .prev5,.prc1 .pbt .plt .swiper5 .next5{display: none;} .prc1 .pbt .prt .pmore{margin-top: 30px;} .prc2 .tb_tp{padding: 0 5%;} .prc2 .ptt{margin: 30px 0 20px;} .prc2 .ptc{padding-bottom: 30px;} .prc3{padding: 30px 0;} .prc3 .tc{margin: 30px 0;} .prc3 .swiper6{width: 100%;padding-bottom: 30px;} .prc3 .stbox .prev6,.prc3 .stbox .next6{display: none;} .se1{padding: 30px 0;} .se1 .abtn span{width: 33.33%;float: left;display: block;margin: 0;font-size: 14px;border:none;background: #555;color: #fff;border-radius: 0;height: 50px;overflow: hidden;} .se1 .abtn span.act{border:none;background: #e62129;color: #fff;} .se1 .ul1 li .bf{width: 100%;float: none;margin: 0 0 20px;} .qa1{padding: 30px 0;} .qa1 .qtp{padding-left: 20px;height: 50px;} .qa1 .qtp input{width: calc(100% - 50px);height: 50px;font-size: 16px;} .qa1 .qtp a{width: 50px;height: 50px;} .qa1 .qbt{padding-top: 30px;} .qa1 .qbt .qlt .abtn{margin-bottom: 30px;padding-bottom: 0;} .qa1 .qbt .qlt{width: 100%;float: none;} .qa1 .qbt .qlt .qtc{margin: 10px 0 20px;} .qa1 .qbt .qrt{width: 100%;float: none;margin-top: 30px;} .qa1 .qbt .qrt dl dt{font-size: 18px;line-height: 1.5;} .qa1 .qbt .qrt dl dd a{font-size: 14px;font-weight: bold;line-height: 50px;} .qa1 .qbt .qrt dl{margin-bottom: 30px;} .qa1 .qbt .qrt dl dt{margin-bottom: 0;} .ke1{padding: 30px 0;} .ke1 .klt{width: 100%;float: none;} .ke1 .krt{width: 100%;float: none;padding-top: 30px;} .dw1 .dox{width: 100%;} .dw1 .dox span{width: 33.33%;} .dw2{padding: 30px 0;} .dw2 .ul1 li a .alt{width: calc(100% - 90px);} .dw2 .ul1 li a .art{width: 80px;} .jo1{padding: 30px 0;} .jo1 .jotp{margin: 0;} .jo1 .jotp .jlt {width: 100%;float: none;} .jo1 .jotp .jlt span{display: none;} .jo1 .jotp .jrt{width: 100%;padding-top: 20px;} .jo1 .jotp .jrt .jen,.jo2 .en,.jo5 .en{margin: 15px 0 20px;} .jo1 .jotp .jrt .jtc{margin-top: 20px;margin-bottom: 30px;} .jo1 .jobt .jlt{width: 100%;float: none;margin-top: 0;} .jo1 .jobt .jrt{width: 100%;float: none;margin-top: 20px;} .jo2{padding: 30px 0 ;height: auto;background-size: cover;} .jo2 .xian{margin-bottom: 30px;} .jo2 .ul1 li{width: 50%;border:none;box-sizing: border-box;} .jo2 .ul1 li .tx{width: 90%;} .jo3{padding: 30px 0;} .jo3 .jlt{width: 100%;height: auto;padding: 30px 0;} .jo3 .jlt .ul1 li{width: 90%;} .jo3 .jct, .jo3 .jrt{display: none;} .jo4 a{width: 100%;} .tx_tacnhuang .tbox .dl1 .dl_dd2 .table1{width: 1200px;} .tx_tacnhuang .tbox{height: calc(100vh - 100px);top: 70px;} .tx_tacnhuang .tbox .out{top: -50px;right: 0;} .jo5{padding: 30px 0;height: auto;} .jo5 .xian{margin-bottom: 30px;} .jo5 .j_d1{width: 100%;} .jo5 .j_d1 input{width: 48%;} .jo5 .abtn{margin-top: 30px;} .jo5 .abtn a{width: 120px;margin: 0 10px;} .ne1{padding: 30px 0;} .ne1 .ul1 li{width: 100%;float: none;margin: 0 0 20px;padding: 5%;} .ne1 .ul1 li .day{padding-bottom: 30px;} .ne1 .ul1 li .zhixian{margin: 20px auto;} .page1{display: none;} .page2{display: block;} .nec1{padding: 30px 0;} .nec1 .clt{padding: 5%;width: 100%;float: none;} .nec1 .clt .tt{font-size: 20px;} .nec1 .clt .tt2{padding: 20px 0;line-height: 1.5;} .nec1 .clt .abtn a.fh{position: relative;margin: 0 auto;top: 0;right: 0;} .nec1 .crt{width: 100%;float: none;margin-top: 20px;} .nec1 .crt .tt{padding: 30px 0;} .nec1 .crt .abtn a{padding: 15px 0;} .nec1 .crt .abtn a .day{margin: 10px 0;} .ca1{padding: 30px 0;} .ca1 .ul1 li{width: 100%;float: none;margin: 0 0 30px;} .ca1 .ul1 li .ltt{padding: 20px 0;font-size: 18px;margin-bottom: 20px;} .ca1 .ul1 li .ltt span s{bottom: -25px;} .sh1{padding-top: 30px;} .sh1 .xian{margin-bottom: 20px;} .sh1 .tt{font-size: 18px;} .sh1 .abtn{width: 90%;margin: 20px auto;} .sh1 .abtn select{width: 49%;} .map{height: auto;background: #fff;} .map .container1{position: static;width: 90%;margin: 0 auto 20px;height: 200px;border:1px solid #ddd;} .map #map{width: 100%;height: 300px;position: static;} .map .container1 .mtt{margin: 15px 0;} .map .container1 .mxian{margin-bottom: 15px;} .map .container1 dl dd{padding: 5%;} .co1{padding: 30px 0;} .co1 .tc{margin: 20px 0;padding: 0 5%;} .co1 .ul1{margin-top: 30px;width: 90%;} .co1 .ul1 li{width: 100%;} .co1 .ul1 li .sp1{text-align: center; width: 100%;float: none;display: block;} .co1 .ul1 li .sp2,.co1 .ul1 li .sp3,.co1 .ul1 li .sp4{text-align: center; width: 100%;float: none;display: block;} .co1 .ul1 li .sp3{border-top: 1px solid #ddd;} .co1 .ul1 li .sp2 s{display: none;} .add1{height: auto;padding: 30px 0;background-size: cover;} .add1 .ad2{margin-top: 40px;} .add2{background: url(../images/8_5.jpg) center no-repeat ;background-size: cover;} .add3{padding: 30px 0;} .add3 .box{padding: 0 5% 30px;} .add3 .box .atp,.add3 .box .ul1 li .ltp{padding: 0;text-align: center;} .add3 .box .atp span,.add3 .box .ul1 li .ltp span{width: 33.33%;line-height: 50px;} .add3 .box .atp span:nth-child(2),.add3 .box .atp span:nth-child(4),.add3 .box .atp span:nth-child(6){display: none;} .add3 .box .ul1 li .ltp span:nth-child(2),.add3 .box .ul1 li .ltp span:nth-child(4),.add3 .box .ul1 li .ltp span:nth-child(6){display: none;} .add3 .box .ul1 li .lbt{padding: 30px 5%;} .co2 img{display: block;width: 100%;position: relative;left: 0%;margin-left: 0px;} .co1 .ul1 li{ transform: scale(1); -webkit-transform: scale(1);} .hi2 .swiper2 .swiper-slide .sbox .srt img{left: 0;margin-left: 0; transform: scale(1);-webkit-transform: scale(1);} .swiper1 .swiper-slide a .txt .tbt .tx{opacity: 0;} .swiper1 .swiper-slide a .txt .ttp span{margin-bottom: 20px;} .i2 .more{display: none;} .i4 .ilt .tc,.i4 .ilt .en{display: none;} .i4 .ilt .more{position: absolute;top: 30px;right: 5%;} .i7 .ul1 li{border-left: none;} .i7 .ul1 li .more{display: none;} .se1 .ul1 li .bf .txt{line-height: 66px;} .add2{height: 200px;} .add2 .tt{padding-top: 60px;} .pr1{display: none;} .pr1m{display: block;margin-top: 30px;} .pr1m a{width: 50%;line-height: 50px;float: left;background: #555;color: #fff;text-align: center;} .pr1m a.act{background: #e62129;} .prc1 .pbt .prt .pco{display: none;} .prc1 .pbt .prt .pcom{display: block;margin-bottom: 20px;} .swiper1 .swiper-slide a .txt{width: 90%;display: none;} .i7 .ul1{background: url(../images/1_10.jpg) center no-repeat;background-size: cover;} .se1 .ul1 li .bf2{display: none;} .spec1,.spec2,.spec3,.spec4,.spec5,.spec6{display: none;} .specm1,.specm2{display: block;position: relative;} .specm1 > img{display: block;width: 100%;} .specm1 .sbox{width: 35%;position: absolute;top: 50px;left: 5%;color: #fff;} .specm1 .sbox .ntt2{margin: 10px 0 20px;} .specm1 .sbox .ntc{line-height: 1.5;} .specm2{background: #e6eaed;padding: 30px 0;} .specm2 .tt span{color: #d40710;font-weight: bold;} .specm2 .tc{line-height: 1.5;margin: 10px 0 20px;text-align: justify;} .specm2 .ul1{} .specm2 .ul1 li{width: 22%;float: left;margin-right: 4%;margin-bottom: 4%;line-height: 40px;text-align: center;box-sizing: border-box;border:1px solid #666;} .specm2 .ul1 li:nth-child(4n){margin-right: 0;} .specm2 .img img{display: block;width: 100%;margin-top: 10px;} .specm3{display: block;padding: 30px 0;background: url(../images/zt3.jpg) center no-repeat;background-size: cover;color: #fff;} .specm3 .tc{line-height: 1.5;margin: 10px 0 0;} .specm3 .img img{display: block;width: 100%;margin-top: 10px;} .specm4{display: block;text-align: center;background: #333;color: #fff;padding: 30px 0;} .specm4 .img0{display: block;width: 100%;position: relative;overflow: hidden;margin: 20px 0 30px;} .specm4 .img0 img{display: block;width: 100%;position: absolute;top: 0;left: 0;transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 0;-webkit-transition: all .5s ; -moz-transition: all .5s ; transition: all .5s ;} .specm4 .img0 img.act{transform: scale(1.01);-webkit-transform: scale(1.01);opacity: 1;} .specm4 .img0 img:nth-child(1){position: static;} .specm4 .abtn{} .specm4 .abtn span{display: inline-block;width: 60px;margin: 0 10px;} .specm4 .abtn span img{display: block;width: 100%;margin-bottom: 10px;} .specm5{display: block;padding: 30px 0;background: url(../images/zt3.jpg) center no-repeat;background-size: cover;color: #fff;} .specm5 .ul1{margin-top: 20px;} .specm5 .ul1 li{margin-bottom: 10px;line-height: 20px; width: 50%;float: left;} .specm5 .ul1 li span{display: block;float: left; width: 20px;line-height: 20px;background: #d40710;border-radius: 50%;text-align: center;margin-right: 10px;} .specm5 .img img{display: block;width: 100%;margin-top: 10px;} .specm6{display: block;padding: 30px 0;background: url(../images/zt3.jpg) center no-repeat;background-size: cover;color: #fff;text-align: center;} .specm6 .tt span{color: #d40710;font-weight: bold;} .specm6 .tc img{display: block;width: 90%;margin: 20px auto 30px;} .swiper_zt1{} .swiper_zt1 img{display: block;width: 100%;} .swiper_zt1 .txt{position: absolute;width: 80%;top: 50%;left: 10%;font-size: 16px;} .swiper_zt1 .txt s{display: block;width: 30px;height: 2px;background: #fff;opacity: .6;margin: 20px auto 0;} .swiper_zt1 .paginationzt1 span{opacity: 1;background: #fff;} .swiper_zt1 .paginationzt1 .swiper-pagination-bullet-active{background: #d40710;} .spec7,.spec8{padding: 30px 0;} .spec7 .tt,.spec8 .tt{font-size: 20px;line-height: 1.5;} .spec7 .tc{margin: 20px 0;line-height: 1.5;font-size: 16px;} .spec7 .ul1 li .ltt{font-size: 18px;} .spec7 .ul1 li .ltc{font-size: 14px;line-height: 1.5;} .spec8 .xian{margin: 20px 0;} .spec8 .tc{width: 100%;font-size: 14px;margin-bottom: 10px;} .spec8 .img img{display: none;max-width: 100%;} .spec8 .img .mimg{display: block;} .i4 .irt{display: block;} .i4 .srt{display: none;} .i4 .irt img{display: block;width: 100%;} .i4 .box{height: auto;} .co2 .pimg{display: none;} .co2 .mimg{display: block;} .prc2 table tr td{padding: 5px ;} }