.swiper-pagination-bullet-active{background-color:#a63300!important;height: 4px;width:25px;border-radius:0;margin: 0 1px;} .swiper-container-h>.swiper-next-banner{background: url("../IMAGES/xright.png") no-repeat;width: 12px;right:75px;height: 22px;opacity: 0.5} .swiper-container-h>.swiper-prev-banner{background: url("../IMAGES/xleft.png") no-repeat;width: 12px;left:75px;height: 22px;opacity: 0.5} .swiper-container-h>.swiper-next-banner:hover,.swiper-container-h>.swiper-prev-banner:hover{opacity: 1} /*banner图居中*/ .banner-border{width:100%; height:auto; margin:0 auto;overflow: hidden; } .banner-border>.border-conter{width:100%; height:auto; position:relative; top:auto; left:50%; display: grid;} .banner-border>.border-conter>img{ width:100%; height:auto; position:relative; left:-50%; top:auto;} .banner-border>.border-conter>.ban_2{display:none} .swiper-container-h{height: auto;} .swiper-container-h2{display:none} .swiper-container-h>div>div>.banner-border>.border-conter{position: relative; } .swiper-container-h>div>div>.banner-border>.border-conter>.pin{position: absolute;top:25%;left: 150px;width: 600px;text-align: left;font-size: 34.37px;color:#fff;font-weight: 600;cursor:default;font-size: 60px;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin>span{font-size: 16px;background: #353638; border-radius: 10px; padding: 8px 14px 8px 14px;margin-bottom: 30px;display: inline-block;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin:nth-child(3){position: absolute;top:48%;font-size: 12px;font-weight: 500} .swiper-container-h>div>div>.banner-border>.border-conter>.pin:nth-child(3)>span{width: 80px;height:4px;display: block;background-color: rgb(240,130,0)} .swiper-container-h>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{transition: all 0.3s linear;font-size: 16px;line-height: 16px;padding:13px 41px;border:2px solid rgb(120,120,120);margin-top:20px;display: inline-block;font-style:initial;font-weight: 500} .swiper-container-h>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a:hover{border:2px solid rgb(240,130,0);color: rgb(240,130,0);} .inborder{width:100%;height:680px;position: relative} .inAbout>.bor-content{width:100%;height:470px;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right: 0;text-align:center;} .inAbout>.bor-content>div{width:33.33%;height:100%;float: left;position:relative;background: #403e3b;} .inAbout>.bor-content>div:nth-child(2){background:url(../IMAGES/img_03.jpg) no-repeat;background-size:100% 100% ;} .inAbout>.bor-content>div:nth-child(3){background:url(../IMAGES/img_03.jpg) no-repeat;background-size:100% 100% ;} .inAbout>.bor-content>div>img{width:100%;height:100%;} .inAbout>.bor-content>div>.bg{width:100%;height:100%;position: absolute;top:0;opacity:0;background-color:rgb(41, 41, 41);transition: all 0.3s linear} .inAbout>.bor-content>div>.txt{width:100%;height:100%;position: absolute;top:0;} .inAbout>.bor-content>div>.txt>div{width:100%;height:161px;margin:auto 0;position: absolute;top:0;bottom: 0;color:rgb(255,255,255);} .inAbout>.bor-content>div>.txt>div>h2{font-family: 宋体;margin: 0;font-size: 48px;} .inAbout>.bor-content>div:first-of-type>.txt>div>span{font-size: 20px;margin:15px 0 12px 0;display: block} .inAbout>.bor-content>div>.txt>div>span{font-size: 20px;margin: 10px 0;display: block} .inAbout>.bor-content>div>.txt>div>p{font-size: 14px;line-height:26px;margin-top: 20px;} .inAbout>.bor-content>div>.txt>div>a{font-size: 14px;line-height:14px;color: #fff;padding: 15px 36px;border: 2px solid rgb(255,255,255);margin-top: 30px;display: inline-block;transition: all 0.3s linear} .inAbout>.bor-content>div>.txt>div>a:hover{background-color:#211c18;border: 2px solid #211c18;} .inAbout>.bor-content>div:first-of-type>.txt>div{width:100%;height:285px;margin:auto 0;position: absolute;top:0;bottom: 0;} .inAbout>.bor-content>div:hover>.bg{width:100%;height:100%;position: absolute;opacity: 0.7;} body>h1{margin:0;color: #211c18;text-align: center;font-family: 宋体;font-size: 48px;} body>h1>span{display:block;color: #211c18;font-family:微软雅黑;font-size: 14px;line-height: 14px;margin-top:10px;} .inRecs{height:1830px;} .inRecs>.bor-content{width:100%;height:1620px;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right: 0;text-align:center;} .inRecs>.bor-content>div{width:50%;height:100%;float: left;position:relative;} .inRecs>.bor-content>div>.mos{width:50%;height:auto;float: left;position:relative;overflow:hidden;background-color: #0a246a} .inRecs>.bor-content>div>.mos>a>img{width:100%;height:540px;transition: all 0.3s linear} .inRecs>.bor-content>div>.mos>a:hover>img{-webkit-transform:scale(1.05)} .swiper-container-Rec1,.swiper-container-Rec2{height:1080px;} .swiper-container-Rec1>div>div>.banner-border,.swiper-container-Rec2>div>div>.banner-border{width:100%; height:100%; margin:0 auto;overflow: hidden} .swiper-container-Rec1>div>div>.banner-border>.border-conter,.swiper-container-Rec2>div>div>.banner-border>.border-conter{width:960px; height:100%; position:relative; top:auto; left:50%;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>img,.swiper-container-Rec2>div>div>.banner-border>.border-conter>img{ width:960px; height:100%; position:relative; left:-50%; top:auto;} .swiper-container-Rec1>div>div>.banner-border>.border-conter,.swiper-container-Rec2>div>div>.banner-border>.border-conter{position: relative; } .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin,.swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin{position: absolute;font-family:宋体;top:13%;right:50.5%;width: 450px;text-align: center;font-size: 48px;color:rgb(255,255,255);font-weight: 500;cursor:default} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3),.swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3){font-family:微软雅黑;position: absolute;top:24%;font-size: 20px;font-weight: 500} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a,.swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{transition: all 0.3s linear;font-size: 16px;line-height: 16px;padding:13px 41px;color:rgb(255,255,255);border:2px solid rgb(255,255,255);margin-top:20px;display: inline-block;font-style:initial;font-weight: 500} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a:hover,.swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a:hover{border:2px solid rgb(240,130,0);color: rgb(240,130,0);} .swiper-container-Rec1>.swiper-pagination-Rec1{text-align: right;padding-right: 1.5%;width: 98.5%} .swiper-container-Rec2>.swiper-pagination-Rec2{text-align: left;padding-left: 1.5%;width: 98.5%} .swiper-container-Rec1>.swiper-pagination-Rec1>.swiper-pagination-bullet,.swiper-container-Rec2>.swiper-pagination-Rec2>.swiper-pagination-bullet{background-color: #fff;color: #fff;opacity:0.8;height:8px;width:8px;border-radius: 5px;margin: 2px!important;} .swiper-container-Rec1>.swiper-pagination-Rec1>.swiper-pagination-bullet-active,.swiper-container-Rec2>.swiper-pagination-Rec2>.swiper-pagination-bullet-active{background-color:rgb(240,130,0);height: 8px;width:8px;border-radius:5px;margin: 0 1px;} .inVideo{height:640px;margin-top: 105px;} .inVideo>.bor-content{width:100%;height:640px;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right: 0;text-align:center;} .inVideo>.bor-content>video{width:100%;height:100%;} .inVideo>.bor-content>a{display:block;margin: auto;position: absolute;top:0;bottom: 0;left:0;right:0;width: 81px;height: 81px;z-index:10;background:url("../IMAGES/bf.png") no-repeat 50% 50%;} .inTheme{height:420px;background-color: rgb(249,249,249)} .inTheme>.bor-content{width:100%;height:330px;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right: 0;text-align:center;} .inTheme>.bor-content>div{width: 82%;height: 100%;margin:auto;position: absolute;top:0;bottom: 0;right: 0;left:auto;} .inTheme>.bor-content>div>.swiper-container-Theme{width: 88%;height: 100%;margin:auto;position: absolute;top:0;bottom: 0;right: 0;left:0;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div{text-align: left;width:100%} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>span{font-size: 12px;color:rgb(186,186,186);} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>a>img{width: 100%;height:300px;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>p{font-size: 14px;color:rgb(86,86,86);text-align: left;margin:10px 0px 5px 0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>p>a{font-size: 14px;color:rgb(86,86,86);transition: all 0.3s linear} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>p>a:hover{font-size: 14px;color:rgb(240,130,0);} .inTheme>.bor-content>div>.swiper-prev-Theme{left:25px;width:37px;height:71px;background:url("../IMAGES/dleft.png") no-repeat 50% 50%;background-size:37px 71px;transition: all 0.3s linear} .inTheme>.bor-content>div>.swiper-prev-Theme:hover{background:url("../IMAGES/dleft-.png") no-repeat 50% 50%;background-size:37px 71px;} .inTheme>.bor-content>div>.swiper-next-Theme{right:25px;width:37px;height:71px;background:url("../IMAGES/dright.png") no-repeat 50% 50%;background-size:37px 71px;transition: all 0.3s linear} .inTheme>.bor-content>div>.swiper-next-Theme:hover{background:url("../IMAGES/dright-.png") no-repeat 50% 50%;background-size:37px 71px;} .inTheme>.bor-content>div:first-of-type{width:18%;height:100%;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right:auto;text-align:center;} .inTheme>.bor-content>div:first-of-type>div{height:45%;width:70%;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right: 0;text-align: left;} .inTheme>.bor-content>div:first-of-type>div>h1{font-size: 48px;font-family: 宋体;color: #211c18;margin:0;text-align: left} .inTheme>.bor-content>div:first-of-type>div>h1>span{font-size: 14px;line-height:14px;margin-top:10px;font-family: 微软雅黑;color: rgb(160,160,160);display: block} .inTheme>.bor-content>div:first-of-type>div>h1>.span-{margin-top:30px;width: 80px;height:2px;display: block;background-color: rgb(153,153,153)} .inTheme>.bor-content>div:first-of-type>div>a{line-height: 18px;display:block;margin-top:37px;width:56px;feont-size:16px;padding-right:25px;color: rgb(153,153,153);background: url("../IMAGES/gd.png") no-repeat 100% 0;transition: all 0.3s linear} .inTheme>.bor-content>div:first-of-type>div>a:hover{color: #211c18;background: url("../IMAGES/gd-.png") no-repeat 100% 0} .inBottom{height:280px;background-color: rgb(245,245,245)} .inBottom>.bor-content{width:100%;height:278px;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right: 0;text-align:center;} .inBottom>.bor-content>div{width:67.9%;height:100%;margin:auto;position: absolute;top:0;bottom: 0;left: 0;right:auto;text-align:center;text-align: center;background-color:rgb(255,255,255)} .inBottom>.bor-content>div>div{width: 100%;height: 80%;margin:auto;position: absolute;top:0;bottom: 0;right: 0;left:0;} .inBottom>.bor-content>div>div>span{display: inline-block;width:110px;height:100%;margin: auto 57px;text-align: left;font-size: 18px;color:rgb(86,86,86);position: relative ;top:0;bottom: 0;float: left;} .inBottom>.bor-content>div>div>span>a:first-of-type,.inBottom>.bor-content>div>div>span>select{margin-top: 20px;display:block;width: 100%} .inBottom>.bor-content>div>div>span>select{height:31px;font-size:14px;outline: none;-webkit-appearance: none;appearance:none;-moz-appearance:none;border:1px solid rgb(240,130,0);padding-left: 90px;color: rgb(176,176,176);background: url("../IMAGES/address.jpg") no-repeat 0 0;background-size:79px 31px;} .inBottom>.bor-content>div>div>span>select>option{width: 100%;font-size:14px;} /*.inBottom>.bor-content>div>div>span:last-of-type{width:420px;} .inBottom>.bor-content>div>div>span:last-of-type>a:first-of-type{margin-top: 0px;}*/ .inBottom>.bor-content>div>div>span>a{display:block;font-size: 14px;color:rgb(153,153,153);line-height:30px;height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative;} .inBottom>.bor-content>div>div>span>a:hover{color:#211C18;} .inBottom>.bor-content>div>div>span>a>img{max-height:30px;max-width: 110px;margin: auto;position: absolute;top: 0px;bottom: 0;left: 0;right: auto;} .inBottom>.bor-content>div:first-of-type{width:32%;height:100%;margin:auto;position: absolute;top:0;bottom: 0;left: auto;right:0;text-align:center;background-color:rgb(255,255,255)} .inBottom>.bor-content>div:first-of-type>div{width: 80%;height: 80%;margin:auto;position: absolute;top:0;bottom: 0;right: 0;left:0;} .inBottom>.bor-content>div:first-of-type>div>div{font-size: 14px;color: rgb(153,153,153);margin:auto;position: absolute;top:0;bottom: 0;left: 0;right:auto;text-align: left;max-width: 237px;} .inBottom>.bor-content>div:first-of-type>div>div>a{display: inline-block;width: 44px;height: 44px;margin-top: 20px;margin-right: 20px;} .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(5){background: url("../IMAGES/tm.png") no-repeat 50% 50%;background-size:44px 44px; } .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(6){background: url("../IMAGES/jd.png") no-repeat 50% 50%;background-size:44px 44px; } .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(7){background: url("../IMAGES/wb.png") no-repeat 50% 50%;background-size:44px 44px; } .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(8){background: url("../IMAGES/bwx.png") no-repeat 50% 50%;background-size:44px 44px; } .inBottom>.bor-content>div:first-of-type>div>div>h3{margin:0;font-weight: 500;font-size: 20px;color:rgb(86,86,86);text-align: left;margin-bottom: 25px;} .inBottom>.bor-content>div:first-of-type>div>div>p{margin:0;font-size: 14px;color:rgb(161,161,161);line-height: 30px;text-align: left;} .inBottom>.bor-content>div:first-of-type>div>div:first-of-type{width:120px;font-size: 14px;color: rgb(153,153,153);margin:auto;position: absolute;top:0;bottom: 0;left: auto;right:0;text-align: center;} .inBottom>.bor-content>div:first-of-type>div>div:first-of-type>img{width:120px;height:120px;margin-bottom: 25px;} .inFooter{line-height:60px; padding-left:60px;font-size:14px;color:#666666} @media only screen and (max-width: 1366px) { .inFooter{line-height:45px; padding-left:60px;font-size:12px;color:rgb(153,153,153)} .inBottom{height: 240px} .inBottom>.bor-content{height: 238px} .inBottom>.bor-content>div>div>span{width:90px;font-size: 16px;} .inBottom>.bor-content>div>div>span>a:first-of-type{margin-top: 15px;} /*.inBottom>.bor-content>div>div>span:last-of-type{width:270px;}*/ .inBottom>.bor-content>div>div>span>select{margin-bottom:1px;line-height:25px;height:25px;font-size: 12px;background-size:60px 25px;padding-left: 70px;} .inBottom>.bor-content>div>div>span>select>option{width: 100%;font-size:12px;} .inBottom>.bor-content>div>div>span{margin: 0 10px;} .inBottom>.bor-content>div>div>span>a{font-size: 12px;} .inBottom>.bor-content>div:first-of-type>div>div>h3{font-size: 16px;margin-bottom: 20px;} .inBottom>.bor-content>div:first-of-type>div>div>p{font-size: 12px;line-height: 25px;} .inBottom>.bor-content>div:first-of-type>div>div:first-of-type{display: none;} .inBottom>.bor-content>div:first-of-type>div>div>a{margin-top: 30px;} .inTheme{height: 285px;} .inTheme>.bor-content{height: 235px;} .inTheme>.bor-content>div>.swiper-prev-Theme{left:20px;width:30px;height:64px;background:url("../IMAGES/dleft.png") no-repeat 50% 50%;background-size:30px 64px;} .inTheme>.bor-content>div>.swiper-prev-Theme:hover{background:url("../IMAGES/dleft-.png") no-repeat 50% 50%;background-size:30px 64px;} .inTheme>.bor-content>div>.swiper-next-Theme{right:20px;width:30px;height:64px;background:url("../IMAGES/dright.png") no-repeat 50% 50%;background-size:30px 64px;} .inTheme>.bor-content>div>.swiper-next-Theme:hover{background:url("../IMAGES/dright-.png") no-repeat 50% 50%;background-size:30px 64px;} .inTheme>.bor-content>div:first-of-type>div>h1{font-size: 38px;} .inTheme>.bor-content>div:first-of-type>div>h1>span{font-size: 12px;margin-top: 5px;} .inTheme>.bor-content>div:first-of-type>div>h1>.span-{width: 60px;height: 2px;margin-top: 15px;} .inTheme>.bor-content>div:first-of-type>div>a{margin-top: 20px;} .inTheme>.bor-content>div>.swiper-container-Theme{width: 88%} .inVideo{ margin-top: 65px;} .inRecs{height: 1239px;} .inRecs>.bor-content{height: 1109px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin{font-size: 38px;width: 350px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3), .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3){font-size: 16px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{font-size: 14px;line-height: 14px;padding: 10px 30px;} .swiper-container-Rec1,.swiper-container-Rec2{height:740px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter,.swiper-container-Rec2>div>div>.banner-border>.border-conter{width:100%; height:100%; position:relative; top:auto; left:50%;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>img,.swiper-container-Rec2>div>div>.banner-border>.border-conter>img{ width:100%; height:100%; position:relative; left:-50%; top:auto;} .inRecs>.bor-content>div>.mos>a>img{height: 369px;} .inAbout{height:452px;} .inAbout>.bor-content{height:322px;} .swiper-container-h>.swiper-next-banner{background: url("../IMAGES/xright.png") no-repeat;width: 12px;right:45px;height: 22px;opacity: 0.5} .swiper-container-h>.swiper-prev-banner{background: url("../IMAGES/xleft.png") no-repeat;width: 12px;left:45px;height: 22px;opacity: 0.5} .swiper-container-h>.swiper-next-banner:hover,.swiper-container-h>.swiper-prev-banner:hover{opacity: 1} .swiper-container-h{height: auto;} .banner-border{height: auto;} .banner-border>.border-conter{width: 100%;height: auto;} .banner-border>.border-conter img{width: 100%;height: auto;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin{left: 100px; font-size: 51px;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin>span{margin-bottom: 13px;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>a>img{ height: 100%;} } @media only screen and (max-width: 1200px) { /* .swiper-container-h{margin-top: 80px!important;} */ .swiper-container-h>.swiper-next-banner,.swiper-container-h>.swiper-prev-banner{display:none;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin{left: 7%;font-size: 43.37px;width: 600px;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin:nth-child(3){font-size: 24px;top: 53%;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{font-size: 25px;line-height: 25px;} .inAbout {height: 2380px;} .inAbout>.bor-content {height: 2250px;} .inAbout>.bor-content>div {width: 100%;height: 33.33%;float: none;position: relative; } .inAbout>.bor-content>div:first-of-type>.txt>div{height: 370px;} .inAbout>.bor-content>div>.txt>div>p{font-size: 32px;line-height: 50px;} .inAbout>.bor-content>div>.txt>div{height: 290px;} .inAbout>.bor-content>div>.txt>div>h2{font-size: 100px;} .inAbout>.bor-content>div>.txt>div>h2>img{width:60px;} .inAbout>.bor-content>div>.txt>div>span,.inAbout>.bor-content>div:first-of-type>.txt>div>span{font-size: 46px;} .inAbout>.bor-content>div>.txt>div>a{font-size: 46px;line-height: 46px;} body>h1{font-size: 60px;} body>h1>span{font-size: 20px;line-height: 20px;} .inRecs {height: 3440px;} .inRecs>.bor-content {height: 3310px;} .inRecs>.bor-content>div{width: 100%;height: 50%;float: none;} .swiper-container-Rec1, .swiper-container-Rec2{height: 1103px} .swiper-container-Rec1>div>div>.banner-border>.border-conter, .swiper-container-Rec2>div>div>.banner-border>.border-conter{width: 980px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>img, .swiper-container-Rec2>div>div>.banner-border>.border-conter>img{width: 980px;} .inRecs>.bor-content>div>.mos>a>img{height: 552px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin{font-size: 70px;width: 600px;top: 22%;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3), .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3){font-size: 38px;top: 38%;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{font-size: 46px;line-height: 46px;} .inTheme{height: 400px;} .inTheme>.bor-content {height: 350px;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>p>a{font-size: 28px;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>span{font-size: 20px;} .inTheme>.bor-content>div:first-of-type>div>h1{font-size: 60px;} .inTheme>.bor-content>div:first-of-type>div>h1>span{ font-size: 20px;margin-top: 10px;} .inTheme>.bor-content>div:first-of-type>div{height: 50%;} .inTheme>.bor-content>div:first-of-type>div>a{line-height: 30px;padding-right: 40px;font-size: 24px;width: 100px;color: rgb(153,153,153);background: url(../IMAGES/gd.png) no-repeat 100% 0;background-size: 30px 30px} .inBottom>.bor-content>div>div>span:nth-child(1){display: none} .inBottom>.bor-content>div>div>span:nth-child(2){display: none} .inBottom>.bor-content>div>div>span:nth-child(3){display: none} .inBottom>.bor-content>div>div>span:nth-child(4){display: none} .inBottom{height: auto;} .inBottom>.bor-content{height: auto;position: relative;} .inBottom>.bor-content>div{width: 100%;height: 49.9%;bottom: 0;top:auto;} .inBottom>.bor-content>div:nth-child(2){display: none;} .inBottom>.bor-content>div>div>span{ width: 20%;font-size: 36px;} .inBottom>.bor-content>div:first-of-type>div{width: 96%;position: relative;padding: 20px 0;height: auto;} .inBottom>.bor-content>div:first-of-type>div>div{height: auto;position: relative;max-width: 100%;} /*.inBottom>.bor-content>div>div>span:last-of-type{width: 62%;}*/ .inBottom>.bor-content>div:first-of-type{width: 100%;height: auto;position: relative} .inBottom>.bor-content>div>div>span>a{font-size: 28px; line-height: 45px; height: 45px;} .inBottom>.bor-content>div>div>span>a>img{max-width: 100%; height: 100%} .inBottom>.bor-content>div:first-of-type>div>div>h3{font-size: 36px;} .inBottom>.bor-content>div:first-of-type>div>div>p {font-size: 28px;line-height: 52px;} .inBottom>.bor-content>div:first-of-type>div>div>a{width: 100px;height: 100px;margin-right: 50px;} .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(5){background: url("../IMAGES/tm.png") no-repeat 50% 50%;background-size:100px 100px; } .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(6){background: url("../IMAGES/jd.png") no-repeat 50% 50%;background-size:100px 100px; } .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(7){background: url("../IMAGES/wb.png") no-repeat 50% 50%;background-size:100px 100px; } .inBottom>.bor-content>div:first-of-type>div>div>a:nth-child(8){background: url("../IMAGES/bwx.png") no-repeat 50% 50%;background-size:100px 100px; } .inBottom>.bor-content>div>div>span>select {margin-bottom: 1px;line-height: 25px;height: 40px;font-size: 26px;background-size: 75px 40px;padding-left: 90px;} .inFooter{font-size: 14px;line-height:75px;padding-left: 80px;color: #666666;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>a>img{ height: 300px;} } @media only screen and (max-width: 640px){ .swiper-container-h2{display:block} .swiper-container-h1{display:none} .banner-border>.border-conter>.ban_1{display:none} .banner-border>.border-conter>.ban_2{display:block} .inAbout>.bor-content>div>.txt>div>h2{font-size: 56px;line-height: 117px;} .inTheme>.bor-content>div>.swiper-container-Theme{width: 96%;height:100%;overflow:hidden;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>a>img{ width:100%;height: auto;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin{font-size: 18px;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin>span{font-size: 12px;} /*首页*/ .inAbout{height: auto;} .inAbout>.bor-content{margin: 10px 0; height: auto; position: relative;} .inAbout>.bor-content>div{position: relative; padding: 40px 0;height: auto;} .inAbout>.bor-content>div>.txt{height: auto; position: relative;} .inAbout>.bor-content>div:first-of-type>.txt>div{height: auto;position: relative;} .inAbout>.bor-content>div>.txt>div{position: relative;} .inAbout>.bor-content>div>.txt>div>h2>img{ width: 28px;} .inAbout>.bor-content>div>.txt>div>span, .inAbout>.bor-content>div:first-of-type>.txt>div>span{font-size: 28px;} .inAbout>.bor-content>div>.txt>div>p{ font-size: 4vw; line-height: 20px;} .inAbout>.bor-content>div>.txt>div>a{ font-size: 22px; line-height: 22px;padding: 10px 30px;} body>h1{font-size: 34px;} body>h1>span{ font-size: 12px; line-height: 12px;margin-top: 5px;} .inRecs{ height: auto;} .inRecs>.bor-content{margin: 10px 0; height: auto; position: relative} .inRecs>.bor-content>div{ height: auto;} .swiper-container-Rec1, .swiper-container-Rec2{height: auto;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>img, .swiper-container-Rec2>div>div>.banner-border>.border-conter>img{width: 100%;height: auto;} .swiper-container-Rec1>div>div>.banner-border>.border-conter, .swiper-container-Rec2>div>div>.banner-border>.border-conter{width: 100%;height: auto;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin{font-size: 5vw; width: 100%;} .swiper-container-Rec1>div>div>.banner-border, .swiper-container-Rec2>div>div>.banner-border{height: auto;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3), .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3){ font-size: 4vw; top: 35%;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{ font-size: 4vw;line-height: 20px;} .inRecs>.bor-content>div>.mos>a>img{height: auto;} .mosclear{clear: both;} .inVideo{margin-top: 20px;height: 320px;} .inVideo>.bor-content{height: 320px;} .inTheme>.bor-content>div:first-of-type>div>h1{font-size: 7vw;} .inTheme>.bor-content>div:first-of-type>div>a{font-size: 3.5vw; background: url(../IMAGES/gd.png) no-repeat 100% 50%; background-size: 20px 20px;padding-right: 0;} .inTheme>.bor-content>div:first-of-type>div>h1>span{font-size: 3vw;margin-top:5px} .inTheme>.bor-content>div:first-of-type>div>h1>.span-{width: 60px;height: 2px;margin-top: 8px;} .inTheme>.bor-content>div>.swiper-container-Theme>div>div>p>a{font-size: 4vw;} .inBottom>.bor-content>div:first-of-type>div>div>h3{font-size: 25px; margin-bottom: 7px;} .inBottom>.bor-content>div:first-of-type>div>div>p{ font-size: 14px; line-height: 28px;} .inFrdad{text-align: center;} .inFooter{padding:10px 0; width: auto; display: inline-block; height: auto; text-align: left;line-height: 20px;padding-left:10px} } @media only screen and (max-width: 500px){ .inFooter{margin-top: -30px;} } @media only screen and (max-width: 320px){ /*首页*/ .swiper-container-h>div>div>.banner-border>.border-conter>.pin{ font-size: 12px;left: 0%; top: 12%;} .swiper-container-h>div>div>.banner-border>.border-conter>.pin>span{ font-size: 12px; padding: 4px 5px 4px 5px;} .inAbout>.bor-content>div{padding: 20px 0;} .inAbout>.bor-content>div>.txt>div>span, .inAbout>.bor-content>div:first-of-type>.txt>div>span{font-size: 18px; margin: 8px 0 4px 0;} .inAbout>.bor-content>div>.txt>div>p{ font-size: 12px;margin-top: 7px; line-height: 16px;} .inAbout>.bor-content>div>.txt>div>a{ font-size: 14px; line-height: 12px;margin-top: 6px; padding: 12px 25px;} .inAbout>.bor-content>div>.txt>div{ height: auto;} .inAbout>.bor-content>div>.txt>div>h2{ font-size: 50px;} body>h1 { font-size: 26px;} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin{} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3), .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3){} .swiper-container-Rec1>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a, .swiper-container-Rec2>div>div>.banner-border>.border-conter>.pin:nth-child(3)>a{ line-height: 20px;margin-top: 15px; padding: 10px 25px;} .inBottom>.bor-content>div:first-of-type>div{width: 90%;} .inBottom>.bor-content>div:first-of-type>div>div>h3{ font-size: 20px;} .inBottom>.bor-content>div:first-of-type>div>div>p{font-size: 16px; line-height: 25px;} .inVideo{margin-top: 20px;height: 200px;} .inVideo>.bor-content{height: 200px;} }