@charset "utf-8";/* CSS Document*//*h1,h2,h3,h4,h5,h6{*//*margin-bottom:.5rem;*//*font-family:inherit;*//*font-weight:500;*//*line-height:1.2;*//*color:inherit;*//*}*//*.h1,h1{*//*font-size:2.5rem*//*}*//*.h2,h2{*//*font-size:2rem*//*}*//*.h3,h3{*//*font-size:1.75rem;*//*!* font-size: 42px;*!*//*}*//*.h4,h4{*//*font-size:1.5rem*//*}*//*.h5,h5{*//*font-size:1.25rem*//*}*//*.h6,h6{*//*font-size:1rem*//*}*/textarea,input{font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;} img{display:block;border: none;} .clear:after{content:"";display: block;clear:both;} input[type=button], input[type=submit], input[type=file], input[type=reset], button{cursor: pointer;-webkit-appearance: none;} ol,ul{margin: 0;padding:0;list-style: none;font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;} button{font:normal normal 0.28rem/1.5 Microsoft YaHei,tahoma,arial,Hiragino Sans GB,\\5b8b\4f53,sans-serif;} a{color:inherit;text-decoration: none;} .i100{overflow:hidden;} .i100>img{width: 100%;} .i200{overflow: hidden;} .i200>img{height: 100%;} a>img{width: auto;} .to1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .a1{position: relative;} .a1>a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} input{border: 0;display: block;outline: none;background: none;box-sizing: border-box;} select{border: 0;display: block;outline: none;background: none;box-sizing: border-box;} button{border: 0;display: block;outline: none;background: none;box-sizing: border-box;} textarea{border: 0;display: block;outline: none;background: none;box-sizing: border-box;resize: none;} /*{#cqr-kc-nav}*/ @media only screen and (min-width: 1480px){ #cqr-kc-nav .hd1-a1{width: 100%;height: 204px;position: relative;z-index: 10;background: #fff;} #cqr-kc-nav .hd1-a2{width: 110px;position: absolute;top: 38px;left: calc(50% - 110px/2);} #cqr-kc-nav .hd1-a2:hover img{transform: rotateY(360deg);transition: 0.8s;} #cqr-kc-nav .hd1-a3{position: absolute;top: 52px;right: calc(50% - 1440px/2);} #cqr-kc-nav .hd1-a3>.i200{height: 20px;cursor: pointer;position: relative;float: left;margin-left: 24px;} #cqr-kc-nav .hd1-a7{display: none;} #cqr-kc-nav .hd1-b1{width: 400px;height: 40px;position: absolute;top: calc(52px - 10px);left: calc(50% - 1440px/2);display: none;} #cqr-kc-nav .hd1-b2{height: 20px;position: absolute;top: calc(50% - 20px/2);left: 0;cursor: pointer;} #cqr-kc-nav .hd1-b2 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;} #cqr-kc-nav .hd1-b1>form>input{width: 360px;height: 20px;position: absolute;top: calc(50% - 20px/2);right: 0;font-size: 16px;line-height: 20px;color: #222222;} #cqr-kc-nav .hd1-b1 b{display: block;width: 360px;height: 1px;background: #efe6d1;position: absolute;top: calc(50% + 20px/2 + 4px);right: 0;} #cqr-kc-nav .hd1-c0{width: 100%;text-align: center;position: absolute;top: 140px;left: 0;} #cqr-kc-nav .hd1-c1{display: inline-block;margin: 0 40px;position: relative;} #cqr-kc-nav .hd1-c2{font-size: 16px;line-height: 16px;color: #222222;position: relative;opacity: 1;transition: 0.5s;} #cqr-kc-nav .hd1-c3{position: absolute;top: 0;font-size: 16px;line-height: 16px;color: #c09d57;text-transform: uppercase;text-align: center;white-space: nowrap;opacity: 0;transition: 0.5s;} #cqr-kc-nav .hd1-c3 b{display: block;position: absolute;top: calc(100% + 15px);left: 50%;height: 4px;width: 0;background: #dfcc9c;transition: 0.5s;} #cqr-kc-nav .hd1-c3 i{width: 0;height: 35px;background: none;display: block;position: absolute;top: 0;left: 50%;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c2{opacity: 0;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c3{opacity: 1;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c3 b{width: 100%;left: 0;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c3 i{width: 100%;left: 0;transition: 0.5s;} #cqr-kc-nav .hd1-con1 .hd1-c2{opacity: 0;} #cqr-kc-nav .hd1-con1 .hd1-c3{opacity: 1;} #cqr-kc-nav .hd1-con1 .hd1-c3 b{width: 100%;left: 0;} #cqr-kc-nav .hd1-con1 .hd1-c3 i{width: 100%;left: 0;} #cqr-kc-nav .hd1-con2 .hd1-c2{opacity: 0;} #cqr-kc-nav .hd1-con2 .hd1-c3{opacity: 1;} #cqr-kc-nav .hd1-con2 .hd1-c3 b{width: 100%;left: 0;} #cqr-kc-nav .hd1-con2 .hd1-c3 i{width: 100%;left: 0;} #cqr-kc-nav .hd1-c4{width: 100%;height: 1px;background: #efe6d1;position: absolute;top: 178px;left: 0;} #cqr-kc-nav .hd1-bu1{display: none;} #cqr-kc-nav .hd1-e1{display: none;} #cqr-kc-nav .me1-a1{width: 1920px;position: absolute;top: 35px;height: 228px;background: #fff;overflow: hidden;display: none;} #cqr-kc-nav .me1-a2{width: calc(1440px/2);height: 100%;position: absolute;top: 0;} #cqr-kc-nav .me1-a2:nth-child(1){left: calc(50% - 1440px/2);} #cqr-kc-nav .me1-a2:nth-child(2){right: calc(50% - 1440px/2);} #cqr-kc-nav .me1-a3{width: 278px;height: 150px;position: absolute;top: calc(50% - 150px/2);left: 80px;} #cqr-kc-nav .me1-a3 img{min-height: 100%;transition: 0.8s;} #cqr-kc-nav .me1-a3:hover img{transform: scale(1.1);transition: 0.8s;} #cqr-kc-nav .me1-a4{font-size: 15px;line-height: 15px;color: #454545;position: absolute;top: 68px;left: 430px;} #cqr-kc-nav .me1-a5{width: calc(118px*2);position: absolute;top: 96px;left: 430px;} #cqr-kc-nav .me1-a6{width: 50%;font-size: 14px;line-height: 36px;color: #727272;text-align: left;float: left;transition: 0.8s;} #cqr-kc-nav .me1-a6:hover{color: #999999;transition: 0.8s;} #cqr-kc-nav .me1-b1{width: 1920px;position: absolute;top: 35px;height: 410px;background: #fff;overflow: hidden;display: none;} #cqr-kc-nav .me1-b2{width: 252px;height: 336px;position: absolute;top: calc(50% - 336px/2);left: calc(50% - 650px);} #cqr-kc-nav .me1-b2 img{min-height: 100%;transition: 0.8s;} #cqr-kc-nav .me1-b2:hover img{transform: scale(1.1);transition: 0.8s;} #cqr-kc-nav .me1-b3{width: 1px;height: 300px;background: #d9d9d9;position: absolute;top: calc(50% - 300px/2);left: calc(50% - 328px);} #cqr-kc-nav .me1-b4{position: absolute;top: 76px;left: calc(50% - 260px);} #cqr-kc-nav .me1-b5{float: left;margin-right: 70px;} #cqr-kc-nav .me1-b5:last-child{margin-right: 0;} #cqr-kc-nav .me1-b5 div{font-size: 14px;line-height: 36px;color: #727272;text-align: left;transition: 0.8s;} #cqr-kc-nav .me1-b5 div:first-child{font-size: 15px;line-height: 15px;color: #454545;margin-bottom: 16px;transition: 0.8s;} #cqr-kc-nav .me1-b5 div:hover{color: #999999;transition: 0.8s;} #cqr-kc-nav .me1-c1{width: 1920px;position: absolute;top: 35px;height: 396px;background: #f1f1f1;overflow: hidden;display: none;} #cqr-kc-nav .me1-c2{font-size: 15px;line-height: 15px;color: #454545;position: absolute;top: 50px;left: calc(50% - 644px);} #cqr-kc-nav .me1-c3{width: 180px;position: absolute;top: 88px;left: calc(50% - 644px);} #cqr-kc-nav .me1-c4{width: 1px;height: 150px;background: #d9d9d9;position: absolute;top: 35px;left: 50%;} #cqr-kc-nav .me1-c5{width: calc(118px*2);position: absolute;top: 96px;left: calc(50% - 288px);} #cqr-kc-nav .me1-c5 div{width: 50%;font-size: 14px;line-height: 36px;color: #727272;text-align: left;float: left;transition: 0.8s;} #cqr-kc-nav .me1-c5 div:hover{color: #999999;transition: 0.8s;} #cqr-kc-nav .me1-d1{width: 1920px;position: absolute;top: 35px;height: 410px;background: #fff;overflow: hidden;display: none;} #cqr-kc-nav .me1-d2{width: calc(330px*4);height: 100%;position: absolute;top: 0;left: calc(50% - 330px*2);} #cqr-kc-nav .me1-d3{width: 330px;height: 100%;position: relative;float: left;} #cqr-kc-nav .me1-d4{width: 280px;font-size: 15px;line-height: 15px;color: #454545;text-align: left;position: absolute;top: 50px;left: calc(50% - 280px/2);} #cqr-kc-nav .me1-d5{width: 280px;height: 150px;position: absolute;top: 80px;left: calc(50% - 280px/2);} #cqr-kc-nav .me1-d5 img{min-height: 100%;transition: 0.8s;} #cqr-kc-nav .me1-d5:hover img{transform: scale(1.1);transition: 0.8s;} #cqr-kc-nav .me1-d6{width: 280px;height: calc(24px*2);font-size: 14px;line-height: 24px;color: #717171;text-align: left;position: absolute;top: 244px;left: calc(50% - 280px/2);} #cqr-kc-nav .me1-d6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} #cqr-kc-nav .me1-d7{font-size: 14px;line-height: 14px;color: #717171;padding-bottom: 13px;border-bottom: 1px solid #cacaca;transition: 0.8s;position: absolute;top: 312px;left: calc(50% - 280px/2);} #cqr-kc-nav .me1-d7:hover{border-bottom: 1px solid #c9a966;transition: 0.8s;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-kc-nav .hd1-a1{width: 100%;height: 180px;position: relative;z-index: 10;background: #fff;} #cqr-kc-nav .hd1-a2{width: 90px;position: absolute;top: 30px;left: calc(50% - 90px/2);} #cqr-kc-nav .hd1-a2:hover img{transform: rotateY(360deg);transition: 0.8s;} #cqr-kc-nav .hd1-a3{position: absolute;top: 42px;right: calc(50% - 960px/2);} #cqr-kc-nav .hd1-a3>.i200{height: 20px;cursor: pointer;position: relative;float: left;margin-left: 24px;} #cqr-kc-nav .hd1-a7{display: none;} #cqr-kc-nav .hd1-b1{width: 300px;height: 40px;position: absolute;top: calc(42px - 10px);left: calc(50% - 960px/2);display: none;} #cqr-kc-nav .hd1-b2{height: 20px;position: absolute;top: calc(50% - 20px/2);left: 0;cursor: pointer;} #cqr-kc-nav .hd1-b2 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;} #cqr-kc-nav .hd1-b1>form>input{width: 260px;height: 20px;position: absolute;top: calc(50% - 20px/2);right: 0;font-size: 12px;line-height: 20px;color: #222222;} #cqr-kc-nav .hd1-b1 b{display: block;width: 260px;height: 1px;background: #efe6d1;position: absolute;top: calc(50% + 20px/2 + 4px);right: 0;} #cqr-kc-nav .hd1-c0{width: 100%;text-align: center;position: absolute;top: 100px;left: 0;} #cqr-kc-nav .hd1-c1{display: inline-block;margin: 0 30px;position: relative;} #cqr-kc-nav .hd1-c2{font-size: 12px;line-height: 12px;color: #222222;position: relative;opacity: 1;transition: 0.5s;} #cqr-kc-nav .hd1-c3{position: absolute;top: 0;font-size: 12px;line-height: 12px;color: #c09d57;text-transform: uppercase;text-align: center;white-space: nowrap;opacity: 0;transition: 0.5s;} #cqr-kc-nav .hd1-c3 b{display: block;position: absolute;top: calc(100% + 9px);left: 50%;height: 4px;width: 0;background: #dfcc9c;transition: 0.5s;} #cqr-kc-nav .hd1-c3 i{width: 0;height: 25px;background: none;display: block;position: absolute;top: 0;left: 50%;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c2{opacity: 0;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c3{opacity: 1;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c3 b{width: 100%;left: 0;transition: 0.5s;} #cqr-kc-nav .hd1-c1:hover .hd1-c3 i{width: 100%;left: 0;transition: 0.5s;} #cqr-kc-nav .hd1-con1 .hd1-c2{opacity: 0;} #cqr-kc-nav .hd1-con1 .hd1-c3{opacity: 1;} #cqr-kc-nav .hd1-con1 .hd1-c3 b{width: 100%;left: 0;} #cqr-kc-nav .hd1-con1 .hd1-c3 i{width: 100%;left: 0;} #cqr-kc-nav .hd1-con2 .hd1-c2{opacity: 0;} #cqr-kc-nav .hd1-con2 .hd1-c3{opacity: 1;} #cqr-kc-nav .hd1-con2 .hd1-c3 b{width: 100%;left: 0;} #cqr-kc-nav .hd1-con2 .hd1-c3 i{width: 100%;left: 0;} #cqr-kc-nav .hd1-c4{width: 100%;height: 1px;background: #efe6d1;position: absolute;top: 129px;left: 0;} #cqr-kc-nav .hd1-bu1{display: none;} #cqr-kc-nav .hd1-e1{display: none;} #cqr-kc-nav .me1-a1{width: 1480px;position: absolute;top: 23px;height: 160px;background: #fff;overflow: hidden;display: none;} #cqr-kc-nav .me1-a2{width: calc(960px/2);height: 100%;position: absolute;top: 0;} #cqr-kc-nav .me1-a2:nth-child(1){left: calc(50% - 960px/2);} #cqr-kc-nav .me1-a2:nth-child(2){right: calc(50% - 960px/2);} #cqr-kc-nav .me1-a3{width: 180px;height: 98px;position: absolute;top: calc(50% - 98px/2);left: 30px;} #cqr-kc-nav .me1-a3 img{min-height: 100%;transition: 0.8s;} #cqr-kc-nav .me1-a3:hover img{transform: scale(1.1);transition: 0.8s;} #cqr-kc-nav .me1-a4{font-size: 14px;line-height: 14px;color: #454545;position: absolute;top: 40px;left: 240px;} #cqr-kc-nav .me1-a5{width: calc(100px*2);position: absolute;top: 56px;left: 240px;} #cqr-kc-nav .me1-a6{width: 50%;font-size: 12px;line-height: 28px;color: #727272;text-align: left;float: left;transition: 0.8s;} #cqr-kc-nav .me1-a6:hover{color: #999999;transition: 0.8s;} #cqr-kc-nav .me1-b1{width: 1480px;position: absolute;top: 23px;height: 340px;background: #fff;overflow: hidden;display: none;} #cqr-kc-nav .me1-b2{width: 210px;height: 280px;position: absolute;top: calc(50% - 280px/2);left: calc(50% - 480px);} #cqr-kc-nav .me1-b2 img{min-height: 100%;transition: 0.8s;} #cqr-kc-nav .me1-b2:hover img{transform: scale(1.1);transition: 0.8s;} #cqr-kc-nav .me1-b3{width: 1px;height: 240px;background: #d9d9d9;position: absolute;top: calc(50% - 240px/2);left: calc(50% - 240px);} #cqr-kc-nav .me1-b4{position: absolute;top: 60px;left: calc(50% - 210px);} #cqr-kc-nav .me1-b5{float: left;margin-right: 50px;} #cqr-kc-nav .me1-b5:last-child{margin-right: 0;} #cqr-kc-nav .me1-b5 div{font-size: 12px;line-height: 28px;color: #727272;text-align: left;transition: 0.8s;} #cqr-kc-nav .me1-b5 div:first-child{font-size: 14px;line-height: 14px;color: #454545;margin-bottom: 14px;transition: 0.8s;} #cqr-kc-nav .me1-b5 div:hover{color: #999999;transition: 0.8s;} #cqr-kc-nav .me1-c1{width: 1480px;position: absolute;top: 23px;height: 300px;background: #f1f1f1;overflow: hidden;display: none;} #cqr-kc-nav .me1-c2{font-size: 14px;line-height: 14px;color: #454545;position: absolute;top: 30px;left: calc(50% - 480px);} #cqr-kc-nav .me1-c3{width: 140px;position: absolute;top: 60px;left: calc(50% - 480px);} #cqr-kc-nav .me1-c4{width: 1px;height: 120px;background: #d9d9d9;position: absolute;top: 50px;left: 50%;} #cqr-kc-nav .me1-c5{width: calc(100px*2);position: absolute;top: 80px;left: calc(50% - 260px);} #cqr-kc-nav .me1-c5 div{width: 50%;font-size: 12px;line-height: 28px;color: #727272;text-align: left;float: left;transition: 0.8s;} #cqr-kc-nav .me1-c5 div:hover{color: #999999;transition: 0.8s;} #cqr-kc-nav .me1-d1{width: 1480px;position: absolute;top: 23px;height: 300px;background: #fff;overflow: hidden;display: none;} #cqr-kc-nav .me1-d2{width: calc(240px*4);height: 100%;position: absolute;top: 0;left: calc(50% - 240px*2);} #cqr-kc-nav .me1-d3{width: 240px;height: 100%;position: relative;float: left;} #cqr-kc-nav .me1-d4{width: 200px;font-size: 14px;line-height: 14px;color: #454545;text-align: left;position: absolute;top: 30px;left: calc(50% - 200px/2);} #cqr-kc-nav .me1-d5{width: 200px;height: 106px;position: absolute;top: 60px;left: calc(50% - 200px/2);} #cqr-kc-nav .me1-d5 img{min-height: 100%;transition: 0.8s;} #cqr-kc-nav .me1-d5:hover img{transform: scale(1.1);transition: 0.8s;} #cqr-kc-nav .me1-d6{width: 200px;height: calc(22px*2);font-size: 12px;line-height: 22px;color: #717171;text-align: left;position: absolute;top: 180px;left: calc(50% - 200px/2);} #cqr-kc-nav .me1-d6{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} #cqr-kc-nav .me1-d7{font-size: 12px;line-height: 12px;color: #717171;padding-bottom: 11px;border-bottom: 1px solid #cacaca;transition: 0.8s;position: absolute;top: 240px;left: calc(50% - 200px/2);} #cqr-kc-nav .me1-d7:hover{border-bottom: 1px solid #c9a966;transition: 0.8s;} } @media only screen and (max-width: 1023px){ #cqr-kc-nav .hd1-a1{width: 100%;height: 1rem;position: fixed;top: 0;left: 0;z-index: 10;overflow: hidden;background: #fff;box-shadow: 0 0 0.2rem rgba(63,32,83,0.2);} #cqr-kc-nav .hd1-a2{width: 1.1rem;position: absolute;top: calc(50% - 0.62rem/2);left: calc(50% - 1.1rem/2);} #cqr-kc-nav .hd1-a3{position: absolute;top: calc(50% - 0.34rem/2);right: 0.2rem;} #cqr-kc-nav .hd1-a3>.i200{height: 0.34rem;cursor: pointer;position: relative;float: left;margin-left: 0.36rem;} #cqr-kc-nav .hd1-a7{width: 0.32rem;height: 0.28rem;position: absolute;top: calc(50% - 0.28rem/2);left: 0.2rem;cursor: pointer;} #cqr-kc-nav .hd1-a7 div{display: block;height: 2px;background: #3f2053;position: absolute;left: 0;transform-origin: 50% 50%;} #cqr-kc-nav .hd1-a7 div:nth-child(1){width: 100%;top: 0;transform: rotate(0deg);transition: 0.8s;} #cqr-kc-nav .hd1-a7 div:nth-child(2){width: 0.24rem;top: calc(50% - 1px);transition: 0.8s;} #cqr-kc-nav .hd1-a7 div:nth-child(3){width: 100%;top: calc(100% - 2px);transform: rotate(0deg);transition: 0.8s;} #cqr-kc-nav .hd1-aon1 div:nth-child(1){top: 50%;transform: rotate(405deg);transition: 0.8s;} #cqr-kc-nav .hd1-aon1 div:nth-child(2){width: 0;transition: 0.8s;} #cqr-kc-nav .hd1-aon1 div:nth-child(3){top: 50%;transform: rotate(-405deg);transition: 0.8s;} #cqr-kc-nav .hd1-b1{width: calc(50% - 0.6rem - 1.1rem/2 - 0.1rem);height: 0.6rem;position: absolute;top: calc(50% - 0.6rem/2);left: 0.6rem;display: none;} #cqr-kc-nav .hd1-b2{height: 0.34rem;position: absolute;top: calc(50% - 0.34rem/2);left: 0;cursor: pointer;} #cqr-kc-nav .hd1-b2 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;cursor: pointer;} #cqr-kc-nav .hd1-b1>form>input{width: calc(100% - 0.4rem);height: 0.34rem;position: absolute;top: calc(50% - 0.34rem/2);right: 0;font-size: 0.24rem;line-height: 0.34rem;color: #222222;} #cqr-kc-nav .hd1-b1 b{display: block;width: calc(100% - 0.4rem);height: 1px;background: #efe6d1;position: absolute;top: calc(50% + 0.34rem/2 + 0.04rem);right: 0;} #cqr-kc-nav .hd1-c0{display: none;} #cqr-kc-nav .hd1-c4{display: none;} #cqr-kc-nav .hd1-bu1{width: 100%;height: 1rem;position: relative;} #cqr-kc-nav .hd1-e1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 8;background: #3f2053;display: none;padding: 1rem 0.2rem;box-sizing: border-box;} #cqr-kc-nav .hd1-e2{width: 100%;height: 1rem;font-size: 0.32rem;line-height: 1rem;color: #fff;text-align: center;cursor: pointer;} #cqr-kc-nav .me1-a1,.me1-b1,.me1-c1,.me1-d1{display: none;} } /*导航2*/ @media only screen and (min-width: 1024px){ .cqr-nav2 .z-hd1{display: none;} .cqr-nav2 .z-hd-bu1{display: none;} .cqr-nav2 .z-mu1-d1{display: none;} } @media only screen and (max-width: 1023px){ .cqr-nav2 .z-hd1{width: 100%;height: 1.4rem;position: fixed;top: 0;left: 0;padding: 0 0.2rem;box-sizing: border-box;overflow: hidden;box-shadow: 0 0 0.1rem rgba(67,151,115,0.5);background: #FFFFFF;z-index: 1001;} .cqr-nav2 .z-hd-i1{width: 1.9rem;position: absolute;top: 0.1rem;left: 0.2rem;} .cqr-nav2 .z-hd-p1{height: 0.45rem;font-size: 0.26rem;line-height: 0.45rem;color: #1d4d37;font-family: "qxyb";position: absolute;bottom: 0.3rem;left: 2.7rem;} .cqr-nav2 .z-hd-i2{width: 0.38rem;height: 0.38rem;position: absolute;top: 0.54rem;right: 1.06rem;} .cqr-nav2 .z-hd-d1{width: 0.45rem;height: 0.52rem;position: absolute;top: 0.5rem;right: 0.2rem;} .cqr-nav2 .z-hd-d1 span:nth-child(1){width: 0.38rem;height: 0.03rem;display: block;background: #019970;border: 0;border-radius: 0.02rem;position: absolute;top: 0;left: 0;transition: 0.5s;} .cqr-nav2 .z-hd-d1 span:nth-child(2){width: 0.28rem;height: 0.03rem;display: block;background: #019970;border: 0;border-radius: 0.02rem;position: absolute;top: 0.2rem;left: 0;transition: 0.5s;} .cqr-nav2 .z-hd-d1s1{transform: rotate(405deg) translateY(0.14rem)!important;transition: 0.5s!important;} .cqr-nav2 .z-hd-d1s2{width: 0.38rem!important;transform: rotate(-405deg) translateY(-0.14rem)!important;transition: 0.5s!important;} .cqr-nav2 .z-hd-d1 .z-hd-i3{width: 0.45rem;position: absolute;bottom: 0;left: 0;transition: 0.5s;opacity: 1;} .cqr-nav2 .z-hd-i3on{opacity: 0!important;transform: rotate(360deg)!important;transition: 0.5s!important;} .cqr-nav2 .z-hd-bu1{width: 100%;height: 1.4rem;background: #FFFFFF;} .cqr-nav2 .z-mu1-d1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;padding-top: 1.4rem;padding-bottom: 1rem;box-sizing: border-box;background: #FFFFFF;display: none;} .cqr-nav2 .z-mu1-d2{border-bottom: 0.01rem dashed #1d4d37;width: 100%;padding: 0 0.2rem;box-sizing: border-box;} .cqr-nav2 .z-mu1-p1{font-size: 0.4rem;line-height: 0.8rem;text-align: center;color: #1d4d37;} .cqr-nav2 .z-mu1-d2{width: 100%;text-align: center;} .cqr-nav2 .z-mu1-d2 span{display: inline-block;padding: 0 0.2rem;font-size: 0.24rem;line-height: 0.6rem;color: #1d4d37;} } @media only screen and (min-width: 1550px){ .cqr-nav2 .z-head1{width: 100%;height: 148px;background: #ffffff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 999;box-shadow: 0 0 10px rgba(67,151,115,0.5);} .cqr-nav2 .z-head-i1{width: 202px;padding-top: 12px;float: left;margin-left: 1.5%;transform: translateY(50%);} .cqr-nav2 .z-head2{width: 45px;height: 100%;position: relative;float: right;margin-right: 2%;margin-left: 1.5%;} .cqr-nav2 .z-head2>div:first-child span:first-child{width: 38px;height: 3px;background: #439773;border: 0;border-radius: 2px;display: block;position: absolute;top: 54px;left: 0;} .cqr-nav2 .z-head2>div:first-child span:last-child{width: 28px;height: 3px;background: #439773;border: 0;border-radius: 2px;display: block;position: absolute;top: 73px;left: 0;} .cqr-nav2 .z-head2>div:last-child{width: 100%;position: absolute;top: 80px;left: 0;} .cqr-nav2 .z-head3{float: right;} .cqr-nav2 .z-head-i2{width: 35px;padding-top: 63px;float: right;margin-right: 18px;} .cqr-nav2 .z-head-p1{float: right;padding-top: 34px;} .cqr-nav2 .z-head-p1 span:first-child{font-size: 16px;line-height: 40px;color: #2a4c39;display: block;} .cqr-nav2 .z-head-p1 span:last-child{font-size: 32px;line-height: 40px;color: #2a4c39;font-family: "din";display: block;} .cqr-nav2 .z-head4{float: left;width: 53.96%;height: 100%;margin-left: 6.09%;} .cqr-nav2 .z-head5{float: left;width: 14.28%;height: 100%;position: relative;max-width: 1180px;} .cqr-nav2 .z-head-i3{width: 84.74%;position: absolute;top: -25px;left: calc(50% - 42.37%);transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-i3{top: 0;transition: 0.5s;} .cqr-nav2 .z-head-p2{width: 100%;height: 44px;border-right: 1px solid #dddddd;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .cqr-nav2 .z-head5:first-child .z-head-p2{border-left: 1px solid #dddddd;} .cqr-nav2 .z-head-p2 span:first-child{width: 100%;font-size: 18px;line-height: 36px;color: #2a4c39;text-align: center;display: block;transition: 0.5s;margin-top: -10px;} .cqr-nav2 .z-head-p2 span:last-child{width: 100%;font-size: 12px;line-height: 22px;color: #89968e;text-align: center;display: block;transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-p2 span:first-child{color: #439773;transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-p2 span:last-child{color: #439773;transition: 0.5s;} .cqr-nav2 .z-head-i3on{top: 0!important;transition: 0.5s!important;} .cqr-nav2 .z-head-p2on{color: #439773!important;transition: 0.5s!important;} .cqr-nav2 .z-head5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} .cqr-nav2 .z-head-bu1{width: 100%;height: 148px;} } @media only screen and (max-width: 1549px) and (min-width: 1260px){ .cqr-nav2 .z-head1{width: 100%;height: 120px;background: #ffffff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 999;box-shadow: 0 0 10px rgba(67,151,115,0.5);} .cqr-nav2 .z-head-i1{width: 100px;padding-top: 13px;float: left;margin-left: 1%;transform: translateY(50%);} .cqr-nav2 .z-head2{width: 30px;height: 100%;position: relative;float: right;margin-right: 1%;margin-left: 1%;} .cqr-nav2 .z-head2>div:first-child span:first-child{width: 25px;height: 2px;background: #439773;border: 0;border-radius: 1px;display: block;position: absolute;top: 36px;left: 0;} .cqr-nav2 .z-head2>div:first-child span:last-child{width: 18px;height: 2px;background: #439773;border: 0;border-radius: 1px;display: block;position: absolute;top: 52px;left: 0;} .cqr-nav2 .z-head2>div:last-child{width: 100%;position: absolute;top: 66px;left: 0;} .cqr-nav2 .z-head3{float: right;} .cqr-nav2 .z-head-i2{width: 24px;padding-top: 50px;float: right;margin-right: 12px;} .cqr-nav2 .z-head-p1{float: right;padding-top: 30px;} .cqr-nav2 .z-head-p1 span:first-child{font-size: 14px;line-height: 30px;color: #2a4c39;display: block;} .cqr-nav2 .z-head-p1 span:last-child{font-size: 25px;line-height: 30px;color: #2a4c39;display: block;} .cqr-nav2 .z-head4{float: left;width: 69%;height: 100%;margin-left: 1.12%;} .cqr-nav2 .z-head5{float: left;width: 14.28%;height: 100%;position: relative;max-width: 1180px;} .cqr-nav2 .z-head-i3{width: 84.74%;position: absolute;top: -25px;left: calc(50% - 42.37%);transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-i3{top: 0;transition: 0.5s;} .cqr-nav2 .z-head-p2{width: 100%;height: 44px;border-right: 1px solid #dddddd;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .cqr-nav2 .z-head5:first-child .z-head-p2{border-left: 1px solid #dddddd;} .cqr-nav2 .z-head-p2 span:first-child{width: 100%;font-size: 16px;line-height: 36px;color: #2a4c39;text-align: center;display: block;transition: 0.5s;margin-top: -10px;} .cqr-nav2 .z-head-p2 span:last-child{width: 100%;font-size: 12px;line-height: 22px;color: #89968e;text-align: center;display: block;transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-p2 span:first-child{color: #439773;transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-p2 span:last-child{color: #439773;transition: 0.5s;} .cqr-nav2 .z-head-i3on{top: 0!important;transition: 0.5s!important;} .cqr-nav2 .z-head-p2on{color: #439773!important;transition: 0.5s!important;} .cqr-nav2 .z-head5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} .cqr-nav2 .z-head-bu1{width: 100%;height: 120px;} } @media only screen and (max-width: 1259px) and (min-width: 1024px){ .cqr-nav2 .z-head1{width: 100%;height: 100px;background: #ffffff;overflow: hidden;position: fixed;top: 0;left: 0;z-index: 999;box-shadow: 0 0 10px rgba(67,151,115,0.5);} .cqr-nav2 .z-head-i1{width: 80px;padding-top: 25px;float: left;margin-left: 1%;transform: translateY(50%);} .cqr-nav2 .z-head2{width: 30px;height: 100%;position: relative;float: right;margin-right: 1%;margin-left: 1%;} .cqr-nav2 .z-head2>div:first-child span:first-child{width: 25px;height: 2px;background: #439773;border: 0;border-radius: 1px;display: block;position: absolute;top: 34px;left: 0;} .cqr-nav2 .z-head2>div:first-child span:last-child{width: 18px;height: 2px;background: #439773;border: 0;border-radius: 1px;display: block;position: absolute;top: 44px;left: 0;} .cqr-nav2 .z-head2>div:last-child{width: 100%;position: absolute;top: 52px;left: 0;} .cqr-nav2 .z-head3{float: right;} .cqr-nav2 .z-head-i2{width: 20px;padding-top: 40px;float: right;margin-right: 10px;} .cqr-nav2 .z-head-p1{float: right;padding-top: 26px;} .cqr-nav2 .z-head-p1 span:first-child{font-size: 12px;line-height: 24px;color: #2a4c39;display: block;} .cqr-nav2 .z-head-p1 span:last-child{font-size: 18px;line-height: 24px;color: #2a4c39;font-family: "din";display: block;} .cqr-nav2 .z-head4{float: left;width: 71%;height: 100%;margin-left: 1.12%;} .cqr-nav2 .z-head5{float: left;width: 14.28%;height: 100%;position: relative;max-width: 1180px;} .cqr-nav2 .z-head-i3{width: 84.74%;position: absolute;top: -25px;left: calc(50% - 42.37%);transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-i3{top: 0;transition: 0.5s;} .cqr-nav2 .z-head-p2{width: 100%;height: 44px;border-right: 1px solid #dddddd;box-sizing: border-box;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;} .cqr-nav2 .z-head5:first-child .z-head-p2{border-left: 1px solid #dddddd;} .cqr-nav2 .z-head-p2 span:first-child{width: 100%;font-size: 14px;line-height: 36px;color: #2a4c39;text-align: center;display: block;transition: 0.5s;margin-top: -10px;} .cqr-nav2 .z-head-p2 span:last-child{width: 100%;font-size: 10px;line-height: 22px;color: #89968e;text-align: center;display: block;transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-p2 span:first-child{color: #439773;transition: 0.5s;} .cqr-nav2 .z-head5:hover .z-head-p2 span:last-child{color: #439773;transition: 0.5s;} .cqr-nav2 .z-head-i3on{top: 0!important;transition: 0.5s!important;} .cqr-nav2 .z-head-p2on{color: #439773!important;transition: 0.5s!important;} .cqr-nav2 .z-head5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} .cqr-nav2 .z-head-bu1{width: 100%;height: 100px;} } @media only screen and (max-width: 1023px){ .cqr-nav2 .z-head1{display: none;} } /*{id="cqr-ck-footer"}*/ @media only screen and (min-width: 1480px){ #cqr-ck-footer .ft1-a1{width: 100%;height: 564px;background: #fff;position: relative;overflow: hidden;} #cqr-ck-footer .ft1-a2{width: 282px;position: absolute;top: 56px;left: calc(50% - 282px/2);} #cqr-ck-footer .ft1-a3{width: 1440px;height: 1px;background: #e9ddc2;position: absolute;top: 188px;left: calc(50% - 1440px/2);} #cqr-ck-footer .ft1-b1{position: absolute;top: 244px;left: calc(50% - 1440px/2);} #cqr-ck-footer .ft1-b2{width: 142px;float: left;} #cqr-ck-footer .ft1-b2>div{position: relative;font-size: 14px;line-height: 36px;text-transform: uppercase;white-space: nowrap;} #cqr-ck-footer .ft1-b2>div:first-child{font-size: 16px;line-height: 16px;margin-bottom: 20px;} #cqr-ck-footer .ft1-b2>div span:nth-child(1){opacity: 1;color: #454545;transition: 0.8s;} #cqr-ck-footer .ft1-b2>div:first-child span:nth-child(1){color: #222222;} #cqr-ck-footer .ft1-b2>div span:nth-child(2){opacity: 0;font-size: 12px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;} #cqr-ck-footer .ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;} #cqr-ck-footer .ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;} #cqr-ck-footer .ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;} #cqr-ck-footer .ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;} #cqr-ck-footer .ft1-c1{display: none;} #cqr-ck-footer .ft1-d1{position: absolute;top: 240px;right: calc(50% - 1440px/2);} #cqr-ck-footer .ft1-d2{font-size: 24px;line-height: 24px;color: #454545;margin-bottom: 20px;} #cqr-ck-footer .ft1-d3{font-size: 16px;line-height: 36px;color: #454545;max-width: 270px;margin-bottom: 30px;} #cqr-ck-footer .ft1-d5{font-size: 14px;line-height: 20px;color: #454545;float: left;} #cqr-ck-footer .ft1-d6{height: 20px;position: relative;margin-left: 30px;float: left;} #cqr-ck-footer .ft1-d6>img{height: 100%;position: relative;} #cqr-ck-footer .ft1-d6 div{width: 100px;position: absolute;top: -110px;left: calc(50% - 100px/2);display: none;background: #fff;} #cqr-ck-footer .ft1-d6:hover div{display: block;} #cqr-ck-footer .ft1-e1{width: 1440px;position: absolute;bottom: 0;left: calc(50% - 1440px/2);font-size: 14px;line-height: 64px;color: #757575;text-align: center;} #cqr-ck-footer .ft1-f1{display: none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-footer .ft1-a1{width: 100%;height: 420px;background: #fff;position: relative;overflow: hidden;} #cqr-ck-footer .ft1-a2{width: 220px;position: absolute;top: 40px;left: calc(50% - 220px/2);} #cqr-ck-footer .ft1-a3{width: 960px;height: 1px;background: #e9ddc2;position: absolute;top: 150px;left: calc(50% - 960px/2);} #cqr-ck-footer .ft1-b1{position: absolute;top: 200px;left: calc(50% - 960px/2);} #cqr-ck-footer .ft1-b2{width: 100px;float: left;} #cqr-ck-footer .ft1-b2>div{position: relative;font-size: 12px;line-height: 28px;text-transform: uppercase;white-space: nowrap;} #cqr-ck-footer .ft1-b2>div:first-child{font-size: 14px;line-height: 14px;margin-bottom: 16px;} #cqr-ck-footer .ft1-b2>div span:nth-child(1){opacity: 1;color: #454545;transition: 0.8s;} #cqr-ck-footer .ft1-b2>div:first-child span:nth-child(1){color: #222222;} #cqr-ck-footer .ft1-b2>div span:nth-child(2){opacity: 0;font-size: 12px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;} #cqr-ck-footer .ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;} #cqr-ck-footer .ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;} #cqr-ck-footer .ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;} #cqr-ck-footer .ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;} #cqr-ck-footer .ft1-c1{display: none;} #cqr-ck-footer .ft1-d1{position: absolute;top: 200px;right: calc(50% - 960px/2);} #cqr-ck-footer .ft1-d2{font-size: 20px;line-height: 20px;color: #454545;margin-bottom: 16px;} #cqr-ck-footer .ft1-d3{font-size: 12px;line-height: 28px;color: #454545;max-width: 270px;margin-bottom: 24px;} #cqr-ck-footer .ft1-d5{font-size: 12px;line-height: 20px;color: #454545;float: left;} #cqr-ck-footer .ft1-d6{height: 20px;position: relative;margin-left: 20px;float: left;} #cqr-ck-footer .ft1-d6>img{height: 100%;position: relative;} #cqr-ck-footer .ft1-d6 div{width: 90px;position: absolute;top: -100px;left: calc(50% - 90px/2);display: none;background: #fff;} #cqr-ck-footer .ft1-d6:hover div{display: block;} #cqr-ck-footer .ft1-e1{width: 960px;position: absolute;bottom: 0;left: calc(50% - 960px/2);font-size: 12px;line-height: 50px;color: #757575;text-align: center;} #cqr-ck-footer .ft1-f1{display: none;} } @media only screen and (max-width: 1023px){ #cqr-ck-footer .ft1-a1{width: 100%;height: 7.74rem;background: #fff;position: relative;overflow: hidden;} #cqr-ck-footer .ft1-a2{width: 3.44rem;position: absolute;top: 0.48rem;left: calc(50% - 3.44rem/2);} #cqr-ck-footer .ft1-a3{width: calc(100% - 0.2rem*2);height: 1px;background: #e9ddc2;position: absolute;top: 2rem;left: 0.2rem;} #cqr-ck-footer .ft1-b1{display: none;} #cqr-ck-footer .ft1-c1{width: 100%;height: 1rem;position: absolute;top: 2.1rem;left: 0;overflow: hidden;overflow-x: auto;} #cqr-ck-footer .ft1-c2{height: 100%;position: relative;padding: 0 0.24rem;box-sizing: border-box;} #cqr-ck-footer .ft1-c3{font-size: 0.26rem;line-height: 1rem;color: #222222;white-space: nowrap;height: 100%;padding: 0 0.06rem;box-sizing: border-box;margin-right: 0.7rem;float: left;} #cqr-ck-footer .ft1-c3:last-child{margin-right: 0;} #cqr-ck-footer .ft1-con1{border-bottom: 1px solid #e5d5b4;} #cqr-ck-footer .ft1-d1{position: absolute;top: 3.52rem;right: 0.2rem;width: calc(100% - 0.2rem*2);} #cqr-ck-footer .ft1-d2{font-size: 0.36rem;line-height: 0.36rem;color: #454545;margin-bottom: 0.2rem;text-align: center;} #cqr-ck-footer .ft1-d3{font-size: 0.24rem;line-height: 0.6rem;color: #454545;text-align: center;margin-bottom: 0.3rem;} #cqr-ck-footer .ft1-d4{text-align: center;} #cqr-ck-footer .ft1-d5{font-size: 0.24rem;line-height: 0.4rem;color: #454545;display: inline-block;position: relative;top: -0.1rem;} #cqr-ck-footer .ft1-d6{height: 0.4rem;position: relative;margin-left: 0.14rem;display: inline-block;} #cqr-ck-footer .ft1-d6>img{height: 100%;position: relative;} #cqr-ck-footer .ft1-d6 div{width: 1.1rem;position: absolute;top: -1.2rem;left: calc(50% - 1.1rem/2);display: none;background: #fff;} #cqr-ck-footer .ft1-e1{width: 100%;position: absolute;bottom: 0;left: 0;font-size: 0.24rem;line-height: 0.44rem;color: #757575;text-align: center;border-top: 1px solid #e5d5b4;padding: 0.3rem 0.2rem;box-sizing: border-box;} #cqr-ck-footer .ft1-a1{width: 100%;height: auto;position: relative;background: #fff;overflow: hidden;padding-top: 2rem;} #cqr-ck-footer .ft1-a3{display: none;} #cqr-ck-footer .ft1-c1{display: none;} #cqr-ck-footer .ft1-d1{display: none;} #cqr-ck-footer .ft1-a2{width: 3.44rem;position: relative;margin: 0 auto;margin-bottom: 0.38rem;top: 0;left: 0;} #cqr-ck-footer .ft1-f1{width: 100%;} #cqr-ck-footer .ft1-f2{width: 100%;position: relative;border-top: 1px solid #e9ddc2;} #cqr-ck-footer .ft1-f3{width: 100%;height: 0.98rem;position: relative;} #cqr-ck-footer .ft1-f4{width: 0.24rem;height: 0.24rem;position: absolute;top: calc(50% - 0.24rem/2);right: 0.36rem;} #cqr-ck-footer .ft1-f4>div:nth-child(1){width: 100%;height: 2px;background: #3f2053;position: absolute;top: calc(50% - 1px);left: 0;} #cqr-ck-footer .ft1-f4>div:nth-child(2){width: 2px;height: 100%;background: #3f2053;position: absolute;top: 0;left: calc(50% - 1px);} #cqr-ck-footer .ft1-f5{width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} #cqr-ck-footer .ft1-f6{font-size: 0.26rem;line-height: 0.98rem;color: #222222;position: absolute;top: 0;left: 0.36rem;} #cqr-ck-footer .ft1-f7{width: 100%;height: 1.38rem;border-top: 1px solid #e9ddc2;padding: 0.82rem 0.36rem 0 0.36rem;box-sizing: border-box;position: relative;} #cqr-ck-footer .ft1-f8{font-size: 0.26rem;line-height: 0.26rem;color: #222222;position: absolute;top: 0.26rem;left: 0.36rem;} #cqr-ck-footer .ft1-f9{height: 0.2rem;float: left;margin-right: 0.6rem;position: relative;} #cqr-ck-footer .ft1-g1{width: 100%;display: none;} #cqr-ck-footer .ft1-g2{width: 100%;height: 0.98rem;font-size: 0.26rem;line-height: 0.98rem;color: #222222;text-indent: 0.5rem;position: relative;border-bottom: 1px solid #e9ddc2;} #cqr-ck-footer .ft1-g2:last-child{border-bottom: 0;} #cqr-ck-footer .ft1-e1{position: relative;} } /*{id="cqr-ck-return"}*/ @media only screen and (min-width: 1480px){ #cqr-ck-return .up1-a1{width: 70px;position: fixed;right: 52px;bottom: 82px;cursor: pointer;display: none;z-index: 6;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-return .up1-a1{width: 60px;position: fixed;right: 40px;bottom: 64px;cursor: pointer;display: none;z-index: 6;} } @media only screen and (max-width: 1023px){ #cqr-ck-return .up1-a1{width: 0.8rem;position: fixed;right: 0.2rem;bottom: 2rem;cursor: pointer;display: none;z-index: 6;} } /*{.cqr-ck-banner}*/ @media only screen and (min-width: 1480px){ .cqr-ck-banner .ind1-a1{width: 100%;height: 930px;position: relative;overflow: hidden;} .cqr-ck-banner .index11{width: 1920px!important;height: 100%;position: relative;margin-left: calc(50% - 1920px/2);} .cqr-ck-banner .index11 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;} .cqr-ck-banner .ind1-a2{width: 100%;height: 100%;position: relative;} .cqr-ck-banner .ind1-a3{width: 100%;height: 720px;position: relative;margin-bottom: 38px;} .cqr-ck-banner .ind1-a3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner .ind1-a3 img:nth-child(1){display: block;} .cqr-ck-banner .ind1-a3 img:nth-child(2){display: none;} .cqr-ck-banner .ind1-a3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner .ind1-a4{width: 1000px;position: relative;;margin: 0 auto;font-size: 30px;line-height: 36px;color: #222222;text-align: center;margin-bottom: 10px;} .cqr-ck-banner .ind1-a4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cqr-ck-banner .ind1-a5{width: 1000px;position: relative;;margin: 0 auto;font-size: 20px;line-height: 34px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 26px;} .cqr-ck-banner .ind1-a2 .b1-a1{margin: 0 auto;} .cqr-ck-banner .index12{position: absolute;bottom: 160px;right: calc(50% - 1440px/2);} .cqr-ck-banner .index12 .swiper-pagination-bullet{width: 10px;height: 10px;background: #c9a966;border: 0;border-radius: 50%;opacity: 1;margin-left: 15px;position: relative;top: -1px;transition: 0.8s;} .cqr-ck-banner .index12 .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #3f2053;top: 0;transition: 0.8s;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-banner .ind1-a1{width: 100%;height: 720px;position: relative;overflow: hidden;} .cqr-ck-banner .index11{width: 1480px!important;height: 100%;position: relative;margin-left: calc(50% - 1480px/2);} .cqr-ck-banner .index11 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;} .cqr-ck-banner .ind1-a2{width: 100%;height: 100%;position: relative;} .cqr-ck-banner .ind1-a3{width: 100%;height: 555px;position: relative;margin-bottom: 28px;} .cqr-ck-banner .ind1-a3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner .ind1-a3 img:nth-child(1){display: block;} .cqr-ck-banner .ind1-a3 img:nth-child(2){display: none;} .cqr-ck-banner .ind1-a3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner .ind1-a4{width: 700px;position: relative;;margin: 0 auto;font-size: 24px;line-height: 30px;color: #222222;text-align: center;margin-bottom: 10px;} .cqr-ck-banner .ind1-a4{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cqr-ck-banner .ind1-a5{width: 700px;position: relative;;margin: 0 auto;font-size: 16px;line-height: 24px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 20px;} .cqr-ck-banner .ind1-a2 .b1-a1{margin: 0 auto;} .cqr-ck-banner .index12{position: absolute;bottom: 105px;right: calc(50% - 960px/2);} .cqr-ck-banner .index12 .swiper-pagination-bullet{width: 10px;height: 10px;background: #c9a966;border: 0;border-radius: 50%;opacity: 1;margin-left: 10px;position: relative;top: -1px;transition: 0.8s;} .cqr-ck-banner .index12 .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #3f2053;top: 0;transition: 0.8s;} } @media only screen and (max-width: 1023px){ .cqr-ck-banner .ind1-a1{width: 100%;height: 9.54rem;position: relative;overflow: hidden;} .cqr-ck-banner .index11{width: calc((100% - 0.42rem*2)*3)!important;height: 100%;position: relative;margin-left: calc(50% - (100% - 0.42rem*2)*3/2);} .cqr-ck-banner .index11 .swiper-slide{width: calc(100%/3)!important;height: 100%!important;position: relative;} .cqr-ck-banner .ind1-a2{width: calc(100% - 0.42rem*2);height: 9rem;position: absolute;top: 0.56rem;left: 0.42rem;background: #fff;box-shadow: 0 0 0.4rem rgba(235,235,235,0.8);overflow: hidden;transition: 0.8s;} .cqr-ck-banner .swiper-slide-prev .ind1-a2{height: 7.56rem;top: 0.74rem;left: 0.84rem;transition: 0.8s;} .cqr-ck-banner .swiper-slide-next .ind1-a2{height: 7.56rem;top: 0.74rem;left: 0;transition: 0.8s;} .cqr-ck-banner .swiper-slide-active .ind1-a2{height: 8rem;top: 0.56rem;left: 0.42rem;transition: 0.8s;} .cqr-ck-banner .ind1-a3{width: 100%;height: 5.66rem;position: relative;margin-bottom: 0.46rem;} .cqr-ck-banner .ind1-a3 img{min-height: 100%;} .cqr-ck-banner .ind1-a3 img:nth-child(1){display: none;} .cqr-ck-banner .ind1-a3 img:nth-child(2){display: block;} .cqr-ck-banner .ind1-a4{width: calc(100% - 0.5rem*2);max-height: calc(0.5rem*2);position: relative;margin: 0 auto;font-size: 0.34rem;line-height: 0.5rem;color: #222222;text-align: center;margin-bottom: 0.16rem;} .cqr-ck-banner .ind1-a4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} .cqr-ck-banner .ind1-a5{width: calc(100% - 0.5rem*2);position: relative;margin: 0 auto;font-size: 0.2rem;line-height: 0.28rem;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 0.3rem;} .cqr-ck-banner .ind1-a2 .b1-a1{margin: 0 auto;} .cqr-ck-banner .index12{width: 100%;position: absolute;bottom: 0.2rem;left: 0;} .cqr-ck-banner .index12 .swiper-pagination-bullet{width: 0.12rem;height: 0.12rem;background: #c9a966;border: 0;border-radius: 50%;opacity: 1;margin: 0 0.1rem;position: relative;top: -0.03rem;transition: 0.8s;} .cqr-ck-banner .index12 .swiper-pagination-bullet-active{width: 0.18rem;height: 0.18rem;background: #3f2053;top: 0;transition: 0.8s;} } /*产品列表1*/ @media only screen and (min-width: 1480px){.cqr-ck-product-list1{margin:50px 0;} .cqr-ck-product-list1 .ind2-a1{width: 100%;position: relative;margin: 0 auto;margin-bottom: 48px;text-align:center;} /*1*/ .cqr-ck-product-list1 .ind2-a1-1 .ind2-a2{width: 60%;position: relative;margin:0.5% auto;display:block;} .cqr-ck-product-list1 .ind2-a1-1 .ind2-a3{width: 100%;height: 550px;position: relative;margin-bottom: 36px;} /*2*/ .cqr-ck-product-list1 .ind2-a1-2 .ind2-a2{width: 48%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-2 .ind2-a3{width: 100%;height: 480px;position: relative;margin-bottom: 36px;} /*3*/ .cqr-ck-product-list1 .ind2-a1-3 .ind2-a2{width: 32%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-3 .ind2-a3{width: 100%;height: 400px;position: relative;margin-bottom: 36px;} /*4*/ .cqr-ck-product-list1 .ind2-a1-4 .ind2-a2{width: 23%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-4 .ind2-a3{width: 100%;height: 450px;position: relative;margin-bottom: 36px;} .cqr-ck-product-list1 .ind2-a3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4{width: 100%;margin-bottom: 34px;position: relative;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(1){width: 100%;font-size: 24px;line-height: 30px;color: #333333;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(2){width: 100%;font-size: 22px;line-height: 30px;color: #333333;text-align: center;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5{width: 60px;height: calc(14px + 13px);position: relative;margin: 0 auto;border-bottom: 1px solid #c9a966;margin-bottom: 20px;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(1){width: 100%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(2){width: 200%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;text-transform: uppercase;position: absolute;top: 0;left: -50%;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(2){opacity: 1;transition: 0.8s;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-product-list1{margin:50px 0;} .cqr-ck-product-list1 .ind2-a1{width: 100%;position: relative;margin: 0 auto;margin-bottom: 40px;text-align:center;} /*1*/ .cqr-ck-product-list1 .ind2-a1-1 .ind2-a2{width: 60%;position: relative;margin:0.5% auto;display:block;} .cqr-ck-product-list1 .ind2-a1-1 .ind2-a3{width: 100%;height: 600px;position: relative;margin-bottom: 36px;} /*2*/ .cqr-ck-product-list1 .ind2-a1-2 .ind2-a2{width: 48%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-2 .ind2-a3{width: 100%;height: 550px;position: relative;margin-bottom: 36px;} /*3*/ .cqr-ck-product-list1 .ind2-a1-3 .ind2-a2{width: 32%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-3 .ind2-a3{width: 100%;height: 360px;position: relative;margin-bottom: 36px;} /*4*/ .cqr-ck-product-list1 .ind2-a1-4 .ind2-a2{width: 32%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-4 .ind2-a3{width: 100%;height: 360px;position: relative;margin-bottom: 36px;} .cqr-ck-product-list1 .ind2-a3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4{width: 100%;margin-bottom: 16px;position: relative;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(1){width: 100%;font-size: 20px;line-height: 24px;color: #333333;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(2){width: 100%;font-size: 18px;line-height: 24px;color: #333333;text-align: center;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5{width: 60px;height: calc(14px + 7px);position: relative;margin: 0 auto;border-bottom: 1px solid #c9a966;margin-bottom: 16px;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(1){width: 100%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(2){width: 200%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;text-transform: uppercase;position: absolute;top: 0;left: -50%;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(2){opacity: 1;transition: 0.8s;} } @media only screen and (min-width: 991px) and (max-width:1023px){ .cqr-ck-product-list1{margin:50px 0;} .cqr-ck-product-list1 .ind2-a1{width: 100%;position: relative;margin: 0 auto;margin-bottom: 40px;text-align:center;} /*1*/ .cqr-ck-product-list1 .ind2-a1-1 .ind2-a2{width: 80%;position: relative;margin:0.5% auto;display:block;} .cqr-ck-product-list1 .ind2-a1-1 .ind2-a3{width: 100%;height: 350px;position: relative;margin-bottom: 36px;} /*2*/ .cqr-ck-product-list1 .ind2-a1-2 .ind2-a2{width: 48%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-2 .ind2-a3{width: 100%;height: 230px;position: relative;margin-bottom: 36px;} /*3*/ .cqr-ck-product-list1 .ind2-a1-3 .ind2-a2{width: 48%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-3 .ind2-a3{width: 100%;height: 230px;position: relative;margin-bottom: 36px;} /*4*/ .cqr-ck-product-list1 .ind2-a1-4 .ind2-a2{width: 48%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-4 .ind2-a3{width: 100%;height: 230px;position: relative;margin-bottom: 36px;} .cqr-ck-product-list1 .ind2-a3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4{width: 100%;margin-bottom: 16px;position: relative;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(1){width: 100%;font-size: 20px;line-height: 24px;color: #333333;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(2){width: 100%;font-size: 18px;line-height: 24px;color: #333333;text-align: center;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5{width: 60px;height: calc(14px + 7px);position: relative;margin: 0 auto;border-bottom: 1px solid #c9a966;margin-bottom: 16px;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(1){width: 100%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(2){width: 200%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;text-transform: uppercase;position: absolute;top: 0;left: -50%;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(2){opacity: 1;transition: 0.8s;} } @media only screen and (max-width: 990px){ .cqr-ck-product-list1{margin:50px 0;} .cqr-ck-product-list1 .ind2-a1{width: 100%;position: relative;margin: 0 auto;margin-bottom: 40px;text-align:center;} /*1*/ .cqr-ck-product-list1 .ind2-a1-1 .ind2-a2{width: 80%;position: relative;margin:0.5% auto;display:block;} .cqr-ck-product-list1 .ind2-a1-1 .ind2-a3{width: 100%;height: 300px;position: relative;margin-bottom: 36px;} /*2*/ .cqr-ck-product-list1 .ind2-a1-2 .ind2-a2{width: 80%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-2 .ind2-a3{width: 100%;height: 300px;position: relative;margin-bottom: 36px;} /*3*/ .cqr-ck-product-list1 .ind2-a1-3 .ind2-a2{width: 80%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-3 .ind2-a3{width: 100%;height: 300px;position: relative;margin-bottom: 36px;} /*4*/ .cqr-ck-product-list1 .ind2-a1-4 .ind2-a2{width: 80%;position: relative;margin:0.5%;display:inline-block;} .cqr-ck-product-list1 .ind2-a1-4 .ind2-a3{width: 100%;height: 300px;position: relative;margin-bottom: 36px;} .cqr-ck-product-list1 .ind2-a3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4{width: 100%;margin-bottom: 16px;position: relative;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(1){width: 100%;font-size: 20px;line-height: 24px;color: #333333;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a4 div:nth-child(2){width: 100%;font-size: 18px;line-height: 24px;color: #333333;text-align: center;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a4 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5{width: 60px;height: calc(14px + 7px);position: relative;margin: 0 auto;border-bottom: 1px solid #c9a966;margin-bottom: 16px;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(1){width: 100%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a5 div:nth-child(2){width: 200%;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;text-transform: uppercase;position: absolute;top: 0;left: -50%;opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-product-list1 .ind2-a2:hover .ind2-a5 div:nth-child(2){opacity: 1;transition: 0.8s;} } /*.cqr-ck-product-list2*/ @media only screen and (min-width: 1480px){.cqr-ck-product-list2{margin:50px 0;} .cqr-ck-product-list2 .ind3-a1{width: 100%;position: relative;margin: 0 auto;text-align:center} /*1*/ .cqr-ck-product-list2 .ind3-a1-1 .ind3-a2{width: 60%;height: 650px;position: relative;display:block;margin:0.8% auto;background: #000;} /*2*/ .cqr-ck-product-list2 .ind3-a1-2 .ind3-a2{width: 48%;height: 600px;position: relative;display:inline-block;margin:0.8%;background: #000;} /*3*/ .cqr-ck-product-list2 .ind3-a1-3 .ind3-a2{width: 31%;height: 580px;position: relative;display:inline-block;margin:0.8%;background: #000;} /*4*/ .cqr-ck-product-list2 .ind3-a1-4 .ind3-a2{width: 23%;height: 472px;position: relative;display:inline-block;margin:0.8%;background: #000;} .cqr-ck-product-list2 .ind3-a2 img{min-height: 100%;opacity: 0.5;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover img{transform: scale(1.08);opacity: 1;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3{width: calc(100% - 7px*2);height: calc(100% - 7px*2);position: absolute;top: 7px;left: 7px;} .cqr-ck-product-list2 .ind3-a3 div{background: #46204f;opacity: 0.3;position: absolute;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(1){width: 1px;height: 0;top: 0;left: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(2){width: 0;height: 1px;bottom: 0;left: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(3){width: 1px;height: 0;bottom: 0;right: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(4){width: 0;height: 1px;top: 0;right: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(1){height: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(2){width: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(3){height: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(4){width: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a4{width: 150px;height: 48px;background: rgba(63,36,83,0.76);font-size: 16px;line-height: 48px;color: #fff;text-align: center;font-weight: lighter;cursor: pointer;position: absolute;bottom: -50px;left: calc(50% - 150px/2);transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a4{bottom: 44px;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a4:hover{background: rgba(63,36,83,1);transition: 0.8s;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){.cqr-ck-product-list2{margin:50px 0;} .cqr-ck-product-list2 .ind3-a1{width: 100%;position: relative;margin: 0 auto;text-align:center} /*1*/ .cqr-ck-product-list2 .ind3-a1-1 .ind3-a2{width: 60%;height: 500px;position: relative;display:block;margin:0.8% auto;background: #000;} /*2*/ .cqr-ck-product-list2 .ind3-a1-2 .ind3-a2{width: 48%;height: 450px;position: relative;display:inline-block;margin:0.8%;background: #000;} /*3*/ .cqr-ck-product-list2 .ind3-a1-3 .ind3-a2{width: 31%;height: 400px;position: relative;display:inline-block;margin:0.8%;background: #000;} /*4*/ .cqr-ck-product-list2 .ind3-a1-4 .ind3-a2{width: 23%;height: 350px;position: relative;display:inline-block;margin:0.8%;background: #000;} .cqr-ck-product-list2 .ind3-a2 img{min-height: 100%;opacity: 0.5;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover img{transform: scale(1.08);opacity: 1;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3{width: calc(100% - 7px*2);height: calc(100% - 7px*2);position: absolute;top: 7px;left: 7px;} .cqr-ck-product-list2 .ind3-a3 div{background: #46204f;opacity: 0.3;position: absolute;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(1){width: 1px;height: 0;top: 0;left: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(2){width: 0;height: 1px;bottom: 0;left: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(3){width: 1px;height: 0;bottom: 0;right: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a3 div:nth-child(4){width: 0;height: 1px;top: 0;right: 0;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(1){height: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(2){width: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(3){height: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a3 div:nth-child(4){width: 100%;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a4{width: 120px;height: 40px;background: rgba(63,36,83,0.76);font-size: 14px;line-height: 40px;color: #fff;text-align: center;font-weight: lighter;cursor: pointer;position: absolute;bottom: -50px;left: calc(50% - 120px/2);transition: 0.8s;} .cqr-ck-product-list2 .ind3-a2:hover .ind3-a4{bottom: 40px;transition: 0.8s;} .cqr-ck-product-list2 .ind3-a4:hover{background: rgba(63,36,83,1);transition: 0.8s;} } @media only screen and (max-width: 1023px){ .cqr-ck-product-list2{margin:50px 0;} .cqr-ck-product-list2 .ind3-a1{width: 100%;position: relative;margin: 0 auto;text-align:center} /*1*/ .cqr-ck-product-list2 .ind3-a1-1 .ind3-a2{width: 60%;height: 400px;position: relative;display:block;margin:0.8% auto;background: #000;} /*2*/ .cqr-ck-product-list2 .ind3-a1-2 .ind3-a2{width: 48%;height: 350px;position: relative;display:inline-block;margin:0.8%;background: #000;} /*3*/ .cqr-ck-product-list2 .ind3-a1-3 .ind3-a2{width: 48%;height: 350px;position: relative;display:inline-block;margin:0.8%;background: #000;} /*4*/ .cqr-ck-product-list2 .ind3-a1-4 .ind3-a2{width: 48%;height: 350px;position: relative;display:inline-block;margin:0.8%;background: #000;} .cqr-ck-product-list2 .ind3-a2{width: calc(50% - 0.2rem/2);height: 4.62rem;position: relative;margin-bottom: 0.2rem;} .cqr-ck-product-list2 .ind3-a2:nth-child(odd){float: left;} .cqr-ck-product-list2 .ind3-a2:nth-child(even){float: right;} .cqr-ck-product-list2 .ind3-a2 img{min-height: 100%;} .cqr-ck-product-list2 .ind3-a3{display: none;} .cqr-ck-product-list2 .ind3-a4{display: none;} } /*.cqr-ck-product-list3*/ @media only screen and (min-width: 1480px){ .cqr-ck-product-list3{margin:50px 0} .cqr-ck-product-list3 .ind4-a1{width:100%;max-width:1440px;position: relative;margin: 0 auto;} .cqr-ck-product-list3 .ind4-a2{width: 65%;float: left;position: relative;} .cqr-ck-product-list3 .ind4-a3{width: 100%;height: 440px;position: relative;margin-bottom: 32px;cursor: pointer;} .cqr-ck-product-list3 .ind4-a3>img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list3 .ind4-a3>img:nth-child(1){display: block;} .cqr-ck-product-list3 .ind4-a3>img:nth-child(2){display: none;} .cqr-ck-product-list3 .ind4-a3:hover>img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list3 .ind4-a4{font-size: 24px;line-height: 30px;color: #333333;width: 60%;margin-bottom: 16px;} .cqr-ck-product-list3 .ind4-a5{font-size: 14px;line-height: 20px;color: #454545;width: 60%;} .cqr-ck-product-list3 .ind4-a6{width: 66px;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;padding-bottom: 12px;border-bottom: 1px solid #c9a966;margin: 0 auto;margin-bottom: 20px;transition: 0.5s;position: absolute;bottom: 15px;right: 4px;} .cqr-ck-product-list3 .ind4-a6 a{color: #46204f;transition: 0.8s;} .cqr-ck-product-list3 .ind4-a6 a:hover{color: #c9a966;transition: 0.8s;} .cqr-ck-product-list3 .ind4-a7{width: 80px;height: 80px;position: absolute;top: calc(50% - 80px/2);left: calc(50% - 80px/2);} .cqr-ck-product-list3 .ind4-a8{display: none;} .cqr-ck-product-list3 .ind4-b1{width: 33%;float: right;position: relative;} .cqr-ck-product-list3 .ind4-b2{width: 100%;height: 440px;position: relative;margin-bottom: 32px;} .cqr-ck-product-list3 .ind4-b2>img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list3 .ind4-b2>img:nth-child(1){display: block;} .cqr-ck-product-list3 .ind4-b2>img:nth-child(2){display: none;} .cqr-ck-product-list3 .ind4-b2:hover>img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list3 .ind4-b3{font-size: 24px;line-height: 30px;color: #333333;width: 60%;margin-bottom: 16px;} .cqr-ck-product-list3 .ind4-b4{font-size: 14px;line-height: 20px;color: #454545;width: 60%;} .cqr-ck-product-list3 .ind4-b5{width: 66px;font-size: 14px;line-height: 14px;color: #46204f;text-align: center;padding-bottom: 12px;border-bottom: 1px solid #c9a966;margin: 0 auto;margin-bottom: 20px;transition: 0.5s;position: absolute;bottom: 15px;right: 4px;} .cqr-ck-product-list3 .ind4-b5 a{color: #46204f;transition: 0.8s;} .cqr-ck-product-list3 .ind4-b5 a:hover{color: #c9a966;transition: 0.8s;} .cqr-ck-product-list3 .ind4-c1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;z-index: 12;display: none;} .cqr-ck-product-list3 .ind4-c2{width: 800px;height: 450px;position: absolute;top: calc(50% - 450px/2);left: calc(50% - 800px/2);} .cqr-ck-product-list3 .ind4-c2 video{width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;} .cqr-ck-product-list3 .ind4-c3{width: 26px;position: absolute;top: calc(50% - 450px/2 - 50px);left: calc(50% + 800px/2 + 50px);cursor: pointer;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-product-list3{margin:50px 0} .cqr-ck-product-list3 .ind4-a1{width: 90%;position: relative;margin: 0 auto;} .cqr-ck-product-list3 .ind4-a2{width: 65%;float: left;position: relative;} .cqr-ck-product-list3 .ind4-a3{width: 100%;height: 294px;position: relative;margin-bottom: 16px;} .cqr-ck-product-list3 .ind4-a3>img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list3 .ind4-a3>img:nth-child(1){display: block;} .cqr-ck-product-list3 .ind4-a3>img:nth-child(2){display: none;} .cqr-ck-product-list3 .ind4-a3:hover>img{transform: scale(1.1);transition: 0.8s;} .cqr-ck-product-list3 .ind4-a7{width: 60px;height: 60px;position: absolute;top: calc(50% - 60px/2);left: calc(50% - 60px/2);} .cqr-ck-product-list3 .ind4-a7:hover{transform: rotateY(360deg);transition: 0.8s;} .cqr-ck-product-list3 .ind4-a4{font-size: 16px;line-height: 20px;color: #333333;width: 60%;margin-bottom: 10px;} .cqr-ck-product-list3 .ind4-a5{font-size: 12px;line-height: 14px;color: #454545;width: 60%;} .cqr-ck-product-list3 .ind4-a6{width: 50px;font-size: 12px;line-height: 12px;color: #46204f;text-align: center;padding-bottom: 8px;border-bottom: 1px solid #c9a966;margin: 0 auto;margin-bottom: 16px;transition: 0.5s;position: absolute;bottom: -4px;right: 4px;} .cqr-ck-product-list3 .ind4-a6 a{color: #46204f;transition: 0.8s;} .cqr-ck-product-list3 .ind4-a6 a:hover{color: #c9a966;transition: 0.8s;} .cqr-ck-product-list3 .ind4-b1{width: 33%;float: right;position: relative;} .cqr-ck-product-list3 .ind4-b2{width: 100%;height: 294px;position: relative;margin-bottom: 16px;} .cqr-ck-product-list3 .ind4-b2>img{min-height: 100%;transition: 0.8s;} .cqr-ck-product-list3 .ind4-b2>img:nth-child(1){display: block;} .cqr-ck-product-list3 .ind4-b2>img:nth-child(2){display: none;} .cqr-ck-product-list3 .ind4-b2:hover>img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-product-list3 .ind4-b3{font-size: 16px;line-height: 20px;color: #333333;width: 60%;margin-bottom: 10px;} .cqr-ck-product-list3 .ind4-b4{font-size: 12px;line-height: 14px;color: #454545;width: 60%;} .cqr-ck-product-list3 .ind4-b5{width: 50px;font-size: 12px;line-height: 12px;color: #46204f;text-align: center;padding-bottom: 8px;border-bottom: 1px solid #c9a966;margin: 0 auto;margin-bottom: 16px;transition: 0.5s;position: absolute;bottom: -4px;right: 4px;} .cqr-ck-product-list3 .ind4-b5 a{color: #46204f;transition: 0.8s;} .cqr-ck-product-list3 .ind4-b5 a:hover{color: #c9a966;transition: 0.8s;} .cqr-ck-product-list3 .ind4-c1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;z-index: 12;display: none;} .cqr-ck-product-list3 .ind4-c2{width: 800px;height: 450px;position: absolute;top: calc(50% - 450px/2);left: calc(50% - 800px/2);} .cqr-ck-product-list3 .ind4-c2 video{width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;} .cqr-ck-product-list3 .ind4-c3{width: 26px;position: absolute;top: calc(50% - 450px/2 - 50px);left: calc(50% + 800px/2 + 50px);cursor: pointer;} } @media only screen and (max-width: 1023px){ .cqr-ck-product-list3{margin:50px 0} .cqr-ck-product-list3 .ind4-a1{width: calc(100% - 0.2rem*2);position: relative;margin: 0 auto;} .cqr-ck-product-list3 .ind4-a2{width: 100%;position: relative;} .cqr-ck-product-list3 .ind4-a3{width: 100%;height: 4.4rem;position: relative;margin-bottom: 0.4rem;} .cqr-ck-product-list3 .ind4-a3>img{min-height: 100%;} .cqr-ck-product-list3 .ind4-a3>img:nth-child(1){display: none;} .cqr-ck-product-list3 .ind4-a3>img:nth-child(2){display: block;} .cqr-ck-product-list3 .ind4-a7{width: 1.06rem;height: 1.06rem;position: absolute;top: calc(50% - 1.06rem/2);left: calc(50% - 1.06rem/2);} .cqr-ck-product-list3 .ind4-a4{font-size: 0.3rem;line-height: 0.36rem;color: #333333;width: 60%;margin-bottom: 0.1rem;} .cqr-ck-product-list3 .ind4-a5{font-size: 0.22rem;line-height: 0.26rem;color: #5c5c5c;width: 60%;margin-bottom: 0.5rem;} .cqr-ck-product-list3 .ind4-a6{font-size: 0.24rem;line-height: 0.24rem;color: #46204f;text-align: center;white-space: nowrap;padding-bottom: 0.16rem;border-bottom: 1px solid #c9a966;margin: 0 auto;margin-bottom: 16px;transition: 0.5s;position: absolute;bottom: -4px;right: 4px;} .cqr-ck-product-list3 .ind4-a6 a{color: #46204f;} .cqr-ck-product-list3 .ind4-b1{width: 100%;position: relative;} .cqr-ck-product-list3 .ind4-b2{width: 100%;height: 4.4rem;position: relative;margin-bottom: 0.4rem;} .cqr-ck-product-list3 .ind4-b2>img{min-height: 100%;;} .cqr-ck-product-list3 .ind4-b2>img:nth-child(1){display: none;} .cqr-ck-product-list3 .ind4-b2>img:nth-child(2){display: block;} .cqr-ck-product-list3 .ind4-b3{font-size: 0.3rem;line-height: 0.36rem;color: #333333;width: 60%;margin-bottom: 0.1rem;} .cqr-ck-product-list3 .ind4-b4{font-size: 0.22rem;line-height: 0.26rem;color: #5c5c5c;width: 60%;} .cqr-ck-product-list3 .ind4-b5{font-size: 0.24rem;line-height: 0.24rem;color: #46204f;text-align: center;white-space: nowrap;padding-bottom: 0.16rem;border-bottom: 1px solid #c9a966;margin: 0 auto;margin-bottom: 16px;transition: 0.5s;position: absolute;bottom: -4px;right: 4px;} .cqr-ck-product-list3 .ind4-b5 a{color: #46204f;} .cqr-ck-product-list3 .ind4-c1{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #000;z-index: 12;display: none;} .cqr-ck-product-list3 .ind4-c2{width: calc(100% - 0.2rem*2);height: 4rem;position: absolute;top: calc(50% - 2rem);left: 0.2rem;} .cqr-ck-product-list3 .ind4-c2 video{width: 100%!important;height: 100%!important;position: absolute;top: 0;left: 0;} .cqr-ck-product-list3 .ind4-c3{width: 0.4rem;position: absolute;top: 25%;right: 0.2rem;cursor: pointer;} } /*id="cqr-ck-introduce"*/ @media only screen and (min-width: 1480px){ #cqr-ck-introduce .t1-a1{width: 100%;position: relative;padding: 50px 0;} #cqr-ck-introduce .t1-a2{width: 100%;font-size: 42px;line-height: 42px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 24px;} #cqr-ck-introduce .t1-a3{width: 100%;font-size: 24px;line-height: 18px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-introduce .t1-a4{width: 100%;font-size: 22px;line-height: 24px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 36px;} #cqr-ck-introduce .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-introduce .t1-a1{width: 100%;position: relative;padding: 32px 0;} #cqr-ck-introduce .t1-a2{width: 100%;font-size: 32px;line-height: 32px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 20px;} #cqr-ck-introduce .t1-a3{width: 100%;font-size: 16px;line-height: 12px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-introduce .t1-a4{width: 100%;font-size: 16px;line-height: 12px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 28px;} #cqr-ck-introduce .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (max-width: 1023px){ #cqr-ck-introduce .t1-a1{width: 100%;position: relative;padding: 0.48rem 0;} #cqr-ck-introduce .t1-a2{width: 100%;font-size: 0.42rem;line-height: 0.42rem;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 0.2rem;} #cqr-ck-introduce .t1-a3{width: 100%;font-size: 0.24rem;line-height: 0.18rem;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-introduce .t1-a4{width: 100%;font-size: 0.24rem;line-height: 0.24rem;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 0.4rem;} #cqr-ck-introduce .t1-a5{width: 1.2rem;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1480px){ #cqr-ck-introduce .ind5-a1{width: 100%;padding: 74px 0;position: relative;background: url(../img/b09.jpg) repeat-y #f6f6f6;background-size: 1920px auto;} #cqr-ck-introduce .ind5-a2{width: 680px;position: relative;margin-left: calc(50% + 1440px/2 - 680px);} #cqr-ck-introduce .ind5-a2 img{transition: 0.8s;} #cqr-ck-introduce .ind5-a2:hover img{transition: scale(1.08);transition: 0.8s;} #cqr-ck-introduce .ind5-a3{width: 838px;height: 324px;background: #fff;position: absolute;top: calc(50% - 324px/2);left: calc(50% - 1440px/2);} #cqr-ck-introduce .ind5-a4{width: calc(100% - 56px*2);height: calc(32px*2);font-size: 16px;line-height: 32px;color: #454545;position: absolute;top: 60px;left: 56px;} #cqr-ck-introduce .ind5-a4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} #cqr-ck-introduce .ind5-a5{width: calc(100% - 56px*2);height: calc(24px*2);font-size: 14px;line-height: 24px;color: #454545;font-family: 'Arial';position: absolute;top: 144px;left: 56px;} #cqr-ck-introduce .ind5-a5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} #cqr-ck-introduce .ind5-a3 .b1-a1{position: absolute;top: 222px;left: 56px;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-introduce .ind5-a1{width: 100%;padding: 50px 0;position: relative;background: url(../img/b09.jpg) repeat-y #f6f6f6;background-size: 1440px auto;} #cqr-ck-introduce .ind5-a2{width: 460px;position: relative;margin-left: calc(50% + 960px/2 - 460px);} #cqr-ck-introduce .ind5-a2 img{transition: 0.8s;} #cqr-ck-introduce .ind5-a2:hover img{transition: scale(1.08);transition: 0.8s;} #cqr-ck-introduce .ind5-a3{width: 600px;height: 240px;background: #fff;position: absolute;top: calc(50% - 240px/2);left: calc(50% - 960px/2);} #cqr-ck-introduce .ind5-a4{width: calc(100% - 40px*2);height: calc(28px*2);font-size: 14px;line-height: 28px;color: #454545;position: absolute;top: 36px;left: 40px;} #cqr-ck-introduce .ind5-a4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} #cqr-ck-introduce .ind5-a5{width: calc(100% - 40px*2);height: calc(20px*2);font-size: 12px;line-height: 20px;color: #454545;font-family: 'Arial';position: absolute;top: 100px;left: 40px;} #cqr-ck-introduce .ind5-a5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} #cqr-ck-introduce .ind5-a3 .b1-a1{position: absolute;top: 160px;left: 40px;} } @media only screen and (max-width: 1023px){ #cqr-ck-introduce .ind5-a1{width: 100%;position: relative;} #cqr-ck-introduce .ind5-a2{width: calc(100% - 0.2rem*2);height: 4.44rem;position: relative;margin: 0 auto;margin-bottom: 0.2rem;} #cqr-ck-introduce .ind5-a2 img{min-height: 100%;} #cqr-ck-introduce .ind5-a3{width: calc(100% - 0.2rem*2);background: #fff;position: relative;margin: 0 auto;padding: 0.54rem 0.4rem 0.64rem 0.4rem;box-sizing: border-box;box-shadow: 0 0 0.34rem rgba(229,229,229,0.4);} #cqr-ck-introduce .ind5-a4{width: 100%;max-height: calc(0.4rem*4);font-size: 0.24rem;line-height: 0.4rem;color: #454545;position: relative;margin-bottom: 0.22rem;} #cqr-ck-introduce .ind5-a4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;white-space: normal;} #cqr-ck-introduce .ind5-a5{width: 100%;max-height: calc(0.36rem*5);font-size: 0.22rem;line-height: 0.36rem;color: #454545;font-family: 'Arial';font-weight: lighter;position: relative;margin-bottom: 0.4rem;} #cqr-ck-introduce .ind5-a5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;white-space: normal;} #cqr-ck-introduce .ind5-a3 .b1-a1{position: relative;margin: 0 auto;} } /*id="cqr-ck-news-list1"*/ @media only screen and (min-width: 1480px){ .cqr-ck-news-list1 .ind6-a1{width: 100%;position: relative;margin: 0 auto;text-align:center;overflow:hidden;} /*1*/ .cqr-ck-news-list1 .ind6-a1-1 .ind6-a2{float: left;width: 51%;height: 368px;position: relative;top: 40px;background: #f6f6f6;display:block ;margin:0.5% auto;overflow: hidden;transition: 0.8s;margin-bottom: 20px;} /*2*/ .cqr-ck-news-list1 .ind6-a1-2 .ind6-a2{float: left;width: 49%;height: 368px;position: relative;top: 40px;background: #f6f6f6;display:block;margin:0.5%;overflow: hidden;transition: 0.8s;margin-bottom: 20px;} /*3*/ .cqr-ck-news-list1 .ind6-a1-3 .ind6-a2{float: left;width: 32%;height: 368px;position: relative;top: 40px;background: #f6f6f6;display:block;margin:0.5%;overflow: hidden;transition: 0.8s;margin-bottom: 20px;} /*4*/ .cqr-ck-news-list1 .ind6-a1-4 .ind6-a2{float: left;width: 24%;height: 368px;position: relative;top: 40px;background: #f6f6f6;display:block;margin:0.5%;overflow: hidden;transition: 0.8s;margin-bottom: 20px;} /*5*/ .cqr-ck-news-list1 .ind6-a1-5 .ind6-a2{float: left;width: 19%;height: 368px;position: relative;top: 40px;background: #f6f6f6;display:block;margin:0.5%;overflow: hidden;transition: 0.8s;margin-bottom: 20px;} .cqr-ck-news-list1 .ind6-a2:hover{top: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a3{width: 100%;height: 260px;position: absolute;bottom: 100%;left: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a3{bottom: calc(100% - 260px);transition: 0.8s;} .cqr-ck-news-list1 .ind6-a3 img{min-height: 100%;} .cqr-ck-news-list1 .ind6-a4{width: calc(100% - 40px*2);position: absolute;top: 66px;left: 40px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a4{top: 320px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(1){font-size: 16px;line-height: 20px;color: #8d8d8d;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(2){font-size: 16px;line-height: 20px;color: #8d8d8d;font-weight: lighter;text-transform: uppercase;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;width:100%;text-align:center} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a4 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a4 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a5{width: calc(100% - 20px*2);position: absolute;top: 110px;left: 20px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a5{top: 365px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(1){font-size: 20px;line-height: 24px;color: #333333;position: relative;opacity: 1;transition: 0.8s;width: 100%;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(2){font-size: 20px;line-height: 24px;color: #333333;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;height: 24px;width: 100%;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a5 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a5 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a6{font-size: 16px;line-height: 16px;color: #8d8d8d;font-weight: lighter;position: absolute;top: 142px;transition: 0.8s;width:100%;text-align:center} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a6{top: 395px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a7{width: calc(100% - 20px*2);height: calc(26px*2);font-size: 16px;line-height: 26px;color: #666666;font-weight: lighter;position: absolute;top: 190px;left: 20px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a7{top: 100%;transition: 0.8s;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-news-list1 .ind6-a1{width: 100%;position: relative;margin: 0 auto;text-align:center;} /*1*/ .cqr-ck-news-list1 .ind6-a1-1 .ind6-a2{width: 51%;height: 280px;position: relative;top: 20px;background: #f6f6f6;display:inline-block ;margin:0.5% auto;overflow: hidden;transition: 0.8s;} /*2*/ .cqr-ck-news-list1 .ind6-a1-2 .ind6-a2{width: 49%;height: 280px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} /*3*/ .cqr-ck-news-list1 .ind6-a1-3 .ind6-a2{width: 32%;height: 280px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} /*4*/ .cqr-ck-news-list1 .ind6-a1-4 .ind6-a2{width: 24%;height: 280px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} /*5*/ .cqr-ck-news-list1 .ind6-a1-5 .ind6-a2{width: 19%;height: 280px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover{top: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a3{width: 100%;height: 194px;position: absolute;bottom: 100%;left: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a3{bottom: calc(100% - 194px);transition: 0.8s;} .cqr-ck-news-list1 .ind6-a3 img{min-height: 100%;} .cqr-ck-news-list1 .ind6-a4{width: calc(100% - 20px*2);position: absolute;top: 50px;left: 20px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a4{top: 220px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(1){font-size: 14px;line-height: 20px;color: #8d8d8d;position: relative;opacity: 1;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(2){font-size: 14px;line-height: 20px;color: #8d8d8d;font-weight: lighter;text-transform: uppercase;position: absolute;top: 0;opacity: 0;transition: 0.8s;width:100%;text-align:center;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a4 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a4 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a5{width: calc(100% - 10px*2);position: absolute;top: 100px;left: 10px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a5{top: 260px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(1){font-size: 16px;line-height: 20px;color: #333333;position: relative;opacity: 1;transition: 0.8s;width: 100%;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(2){font-size: 16px;line-height: 20px;color: #333333;position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;height: 24px;width: 100%;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a5 div:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a5 div:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a6{font-size: 12px;line-height: 12px;color: #8d8d8d;font-weight: lighter;position: absolute;top: 130px;transition: 0.8s;width:100%;text-align:center} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a6{top: 290px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a7{width: calc(100% - 10px*2);height: calc(24px*2);font-size: 12px;line-height: 24px;color: #666666;font-weight: lighter;position: absolute;top: 170px;left: 10px;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;} .cqr-ck-news-list1 .ind6-a2:hover .ind6-a7{top: 100%;transition: 0.8s;} } @media only screen and (min-width: 991px) and (max-width: 1023px){ .cqr-ck-news-list1 .ind6-a1{width: 100%;position: relative;margin: 0 auto;text-align:center;} /*1*/ .cqr-ck-news-list1 .ind6-a1-1 .ind6-a2{width: 88%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block ;margin:0.5% auto;overflow: hidden;} /*2*/ .cqr-ck-news-list1 .ind6-a1-2 .ind6-a2{width: 49%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} /*3*/ .cqr-ck-news-list1 .ind6-a1-3 .ind6-a2{width: 49%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} /*4*/ .cqr-ck-news-list1 .ind6-a1-4 .ind6-a2{width: 49%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} /*5*/ .cqr-ck-news-list1 .ind6-a1-5 .ind6-a2{width: 49%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5%;overflow: hidden;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a3{width: 100%;height: 194px;position: absolute;bottom: calc(100% - 194px);left: 0;} .cqr-ck-news-list1 .ind6-a3 img{min-height: 100%;} .cqr-ck-news-list1 .ind6-a4{width: calc(100% - 20px*2);position: absolute;top: 220px;left: 20px;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(1){font-size: 16px;line-height: 20px;color: #8d8d8d;position: relative;opacity: 1;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(2){display:none;} .cqr-ck-news-list1 .ind6-a5{width: calc(100% - 20px*2);position: absolute;top: 260px;left: 20px;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(1){font-size: 18px;line-height: 20px;color: #333333;position: relative;opacity: 1;transition: 0.8s;width: 100%;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(2){display:none;} .cqr-ck-news-list1 .ind6-a6{font-size: 16px;line-height: 12px;color: #8d8d8d;font-weight: lighter;position: absolute;top: 290px;width:100%;text-align:center} .cqr-ck-news-list1 .ind6-a7{width: calc(100% - 20px*2);height: calc(24px*2);font-size: 16px;line-height: 24px;color: #666666;font-weight: lighter;position: absolute;top: 310px;left: 20px;} .cqr-ck-news-list1 .ind6-a7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;line-height:24px;height:48px;} } @media only screen and (max-width: 990px){ .cqr-ck-news-list1 .ind6-a1{width: 100%;position: relative;margin: 0 auto;text-align:center;} /*1*/ .cqr-ck-news-list1 .ind6-a1-1 .ind6-a2{width: 88%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block ;margin:0.5% auto;overflow: hidden;} /*2*/ .cqr-ck-news-list1 .ind6-a1-2 .ind6-a2{width: 88%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5% auto;overflow: hidden;transition: 0.8s;} /*3*/ .cqr-ck-news-list1 .ind6-a1-3 .ind6-a2{width: 88%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5% auto;overflow: hidden;transition: 0.8s;} /*4*/ .cqr-ck-news-list1 .ind6-a1-4 .ind6-a2{width: 88%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5% auto;overflow: hidden;transition: 0.8s;} /*5*/ .cqr-ck-news-list1 .ind6-a1-5 .ind6-a2{width: 88%;height: 380px;position: relative;top: 20px;background: #f6f6f6;display:inline-block;margin:0.5% auto;overflow: hidden;transition: 0.8s;} .cqr-ck-news-list1 .ind6-a3{width: 100%;height: 194px;position: absolute;bottom: calc(100% - 194px);left: 0;} .cqr-ck-news-list1 .ind6-a3 img{min-height: 100%;} .cqr-ck-news-list1 .ind6-a4{width: calc(100% - 20px*2);position: absolute;top: 220px;left: 20px;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(1){font-size: 16px;line-height: 20px;color: #8d8d8d;position: relative;opacity: 1;} .cqr-ck-news-list1 .ind6-a4 div:nth-child(2){display:none;} .cqr-ck-news-list1 .ind6-a5{width: calc(100% - 20px*2);position: absolute;top: 260px;left: 20px;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(1){font-size: 18px;line-height: 20px;color: #333333;position: relative;opacity: 1;transition: 0.8s;width: 100%;} .cqr-ck-news-list1 .ind6-a5 div:nth-child(2){display:none;} .cqr-ck-news-list1 .ind6-a6{font-size: 16px;line-height: 12px;color: #8d8d8d;font-weight: lighter;position: absolute;top: 290px;width:100%;text-align:center} .cqr-ck-news-list1 .ind6-a7{width: calc(100% - 20px*2);height: calc(24px*2);font-size: 16px;line-height: 24px;color: #666666;font-weight: lighter;position: absolute;top: 310px;left: 20px;} .cqr-ck-news-list1 .ind6-a7{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;line-height:24px;height:48px;} } /*id="cqr-ck-product-list4"*/ @media only screen and (min-width: 1480px){ #cqr-ck-product-list4 .t1-a1{width: 100%;position: relative;padding: 50px 0;} #cqr-ck-product-list4 .t1-a2{width: 100%;font-size: 42px;line-height: 42px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 24px;} #cqr-ck-product-list4 .t1-a3{width: 100%;font-size: 24px;line-height: 18px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list4 .t1-a4{width: 100%;font-size: 22px;line-height: 24px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 36px;} #cqr-ck-product-list4 .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-product-list4 .t1-a1{width: 100%;position: relative;padding: 32px 0;} #cqr-ck-product-list4 .t1-a2{width: 100%;font-size: 32px;line-height: 32px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 20px;} #cqr-ck-product-list4 .t1-a3{width: 100%;font-size: 16px;line-height: 12px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list4 .t1-a4{width: 100%;font-size: 16px;line-height: 12px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 28px;} #cqr-ck-product-list4 .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (max-width: 1023px){ #cqr-ck-product-list4 .t1-a1{width: 100%;position: relative;padding: 0.48rem 0;} #cqr-ck-product-list4 .t1-a2{width: 100%;font-size: 0.42rem;line-height: 0.42rem;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 0.2rem;} #cqr-ck-product-list4 .t1-a3{width: 100%;font-size: 0.24rem;line-height: 0.18rem;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list4 .t1-a4{width: 100%;font-size: 0.24rem;line-height: 0.24rem;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 0.4rem;} #cqr-ck-product-list4 .t1-a5{width: 1.2rem;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1480px){ #cqr-ck-product-list4 .ind7-a1{width: 1440px;position: relative;margin: 0 auto;margin-bottom: 80px;} #cqr-ck-product-list4 .ind7-a2{width: 710px;position: relative;} #cqr-ck-product-list4 .ind7-a2:nth-child(odd){float: left;} #cqr-ck-product-list4 .ind7-a2:nth-child(even){float: right;} #cqr-ck-product-list4 .ind7-a3{width: 100%;height: 358px;position: relative;margin-bottom: 22px;} #cqr-ck-product-list4 .ind7-a3 img{min-height: 100%;transition: 0.8s;} #cqr-ck-product-list4 .ind7-a3:hover img{transform: scale(1.08);transition: 0.8s;} #cqr-ck-product-list4 .ind7-a4{width: 100%;height: 30px;font-size: 24px;line-height: 30px;color: #222222;text-align: center;margin-bottom: 10px;} #cqr-ck-product-list4 .ind7-a5{width: 100%;height: 20px;font-size: 16px;line-height: 20px;color: #333333;text-align: center;text-transform: uppercase;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-product-list4 .ind7-a1{width: 960px;position: relative;margin: 0 auto;margin-bottom: 40px;} #cqr-ck-product-list4 .ind7-a2{width: 470px;position: relative;} #cqr-ck-product-list4 .ind7-a2:nth-child(odd){float: left;} #cqr-ck-product-list4 .ind7-a2:nth-child(even){float: right;} #cqr-ck-product-list4 .ind7-a3{width: 100%;height: 237px;position: relative;margin-bottom: 20px;} #cqr-ck-product-list4 .ind7-a3 img{min-height: 100%;transition: 0.8s;} #cqr-ck-product-list4 .ind7-a3:hover img{transform: scale(1.08);transition: 0.8s;} #cqr-ck-product-list4 .ind7-a4{width: 100%;height: 24px;font-size: 20px;line-height: 24px;color: #222222;text-align: center;margin-bottom: 10px;} #cqr-ck-product-list4 .ind7-a5{width: 100%;height: 16px;font-size: 12px;line-height: 16px;color: #333333;text-align: center;text-transform: uppercase;} } @media only screen and (max-width: 1023px){ #cqr-ck-product-list4 .ind7-a1{width: calc(100% - 0.2rem*2);position: relative;margin: 0 auto;} #cqr-ck-product-list4 .ind7-a2{width: 100%;position: relative;margin-bottom: 0.48rem;} #cqr-ck-product-list4 .ind7-a3{width: 100%;height: 3.58rem;position: relative;margin-bottom: 0.44rem;} #cqr-ck-product-list4 .ind7-a3 img{min-height: 100%;} #cqr-ck-product-list4 .ind7-a4{width: 100%;height: 0.36rem;font-size: 0.3rem;line-height: 0.36rem;color: #222222;text-align: center;margin-bottom: 0.15rem;} #cqr-ck-product-list4 .ind7-a5{width: 100%;height: 0.26rem;font-size: 0.22rem;line-height: 0.26rem;color: #333333;text-align: center;text-transform: uppercase;} } /*id="cqr-ck-search"*/ @media only screen and (min-width: 1480px){#cqr-ck-search .ind8-a1{width: 100%;height: 219px;position: relative;overflow: hidden;} #cqr-ck-search .ind8-a2{width: 1920px;height: 100%;position: relative;margin-left: calc(50% - 1920px/2);} #cqr-ck-search .ind8-a2 img{min-height: 100%;} #cqr-ck-search .ind8-a2 img:nth-child(1){display: block;} #cqr-ck-search .ind8-a2 img:nth-child(2){display: none;} #cqr-ck-search .ind8-a3{width: 100%;font-size: 36px;line-height: 36px;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 46px;left: 0;} #cqr-ck-search .ind8-a4{width: 100%;font-size: 18px;line-height: 18px;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 106px;left: 0;} #cqr-ck-search .ind8-a5{width: 100%;font-size: 30px;line-height: 36px;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 142px;left: 0;} #cqr-ck-search .ind8-b1{width: 100%;padding: 48px 0 56px 0;background: #efede8;position: relative;overflow: hidden;} #cqr-ck-search .ind8-b2{width: 754px;position: relative;margin: 0 auto;margin-bottom: 48px;z-index: 1;} #cqr-ck-search .ind8-b3{width: 368px;height: 50px;position: relative;} #cqr-ck-search .ind8-b3:nth-child(1){float: left;} #cqr-ck-search .ind8-b3:nth-child(2){float: right;} #cqr-ck-search .ind8-b4{width: 100%;height: 100%;border: 1px solid #e8e0d0;background: #fff;box-sizing: border-box;position: relative;} #cqr-ck-search .ind8-b5{width: 100%;height: 100%;font-size: 16px;line-height: 50px;color: #454545;padding: 0 20px;box-sizing: border-box;position: absolute;top: 0;left: 0;} #cqr-ck-search .ind8-b6{width: 0;height: 0;border-top: 8px solid #3f2053;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 22px;right: 20px;transition: 0.8s;} #cqr-ck-search .ind8-bon1 .ind8-b6{transform: rotateX(180deg);transition: 0.8s;} #cqr-ck-search .ind8-b7{width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} #cqr-ck-search .ind8-b3 ul{width: 100%;max-height: calc(40px*3 + 1px);border: 1px solid #e8e0d0;border-top: 0;box-sizing: border-box;position: absolute;top: 100%;left: 0;overflow: hidden;overflow-y: auto;background: #fff;display: none;} #cqr-ck-search .ind8-b3 ul li{width: 100%;height: 40px;font-size: 16px;line-height: 40px;color: #454545;border-bottom: 1px solid #e8e0d0;padding: 0 18px;box-sizing: border-box;cursor: pointer;} #cqr-ck-search .ind8-b8{width: 336px;height: 46px;background: #3f2053;font-size: 16px;line-height: 46px;color: #fff;text-align: center;position: relative;margin: 0 auto;} #cqr-ck-search .ind8-b8 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-search .ind8-a1{width: 100%;height: 169px;position: relative;overflow: hidden;} #cqr-ck-search .ind8-a2{width: 1480px;height: 100%;position: relative;margin-left: calc(50% - 1480px/2);} #cqr-ck-search .ind8-a2 img{min-height: 100%;} #cqr-ck-search .ind8-a2 img:nth-child(1){display: block;} #cqr-ck-search .ind8-a2 img:nth-child(2){display: none;} #cqr-ck-search .ind8-a3{width: 100%;font-size: 28px;line-height: 28px;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 36px;left: 0;} #cqr-ck-search .ind8-a4{width: 100%;font-size: 14px;line-height: 14px;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 80px;left: 0;} #cqr-ck-search .ind8-a5{width: 100%;font-size: 24px;line-height: 28px;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 112px;left: 0;} #cqr-ck-search .ind8-b1{width: 100%;padding: 40px 0 40px 0;background: #efede8;position: relative;overflow: hidden;} #cqr-ck-search .ind8-b2{width: 754px;position: relative;margin: 0 auto;margin-bottom: 40px;z-index: 1;} #cqr-ck-search .ind8-b3{width: 368px;height: 50px;position: relative;} #cqr-ck-search .ind8-b3:nth-child(1){float: left;} #cqr-ck-search .ind8-b3:nth-child(2){float: right;} #cqr-ck-search .ind8-b4{width: 100%;height: 100%;border: 1px solid #e8e0d0;background: #fff;box-sizing: border-box;position: relative;} #cqr-ck-search .ind8-b5{width: 100%;height: 100%;font-size: 16px;line-height: 50px;color: #454545;padding: 0 20px;box-sizing: border-box;position: absolute;top: 0;left: 0;} #cqr-ck-search .ind8-b6{width: 0;height: 0;border-top: 8px solid #3f2053;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;top: 22px;right: 20px;transition: 0.8s;} #cqr-ck-search .ind8-bon1 .ind8-b6{transform: rotateX(180deg);transition: 0.8s;} #cqr-ck-search .ind8-b7{width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} #cqr-ck-search .ind8-b3 ul{width: 100%;max-height: calc(36px*3 + 1px);border: 1px solid #e8e0d0;border-top: 0;box-sizing: border-box;position: absolute;top: 100%;left: 0;overflow: hidden;overflow-y: auto;background: #fff;display: none;} #cqr-ck-search .ind8-b3 ul li{width: 100%;height: 36px;font-size: 16px;line-height: 36px;color: #454545;border-bottom: 1px solid #e8e0d0;padding: 0 18px;box-sizing: border-box;cursor: pointer;} #cqr-ck-search .ind8-b8{width: 336px;height: 46px;background: #3f2053;font-size: 16px;line-height: 46px;color: #fff;text-align: center;position: relative;margin: 0 auto;} #cqr-ck-search .ind8-b8 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} } @media only screen and (max-width: 1023px){ #cqr-ck-search .ind8-a1{width: 100%;height: 2.6rem;position: relative;overflow: hidden;} #cqr-ck-search .ind8-a2{width: 100%;height: 100%;position: relative;} #cqr-ck-search .ind8-a2 img{min-height: 100%;} #cqr-ck-search .ind8-a2 img:nth-child(1){display: none;} #cqr-ck-search .ind8-a2 img:nth-child(2){display: block;} #cqr-ck-search .ind8-a3{width: 100%;font-size: 0.36rem;line-height: 0.36rem;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 0.7rem;left: 0;} #cqr-ck-search .ind8-a4{width: 100%;font-size: 0.22rem;line-height: 0.22rem;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 1.25rem;left: 0;} #cqr-ck-search .ind8-a5{width: 100%;font-size: 0.3rem;line-height: 0.3rem;color: #fff;text-align: center;font-weight: lighter;position: absolute;top: 1.66rem;left: 0;} #cqr-ck-search .ind8-b1{width: 100%;padding: 0.48rem 0.4rem 0.56rem 0.4rem;background: #efede8;position: relative;overflow: hidden;box-sizing: border-box;} #cqr-ck-search .ind8-b2{width: 100%;position: relative;margin: 0 auto;z-index: 1;} #cqr-ck-search .ind8-b3{width: 100%;height: 0.9rem;position: relative;margin-bottom: 0.26rem;} #cqr-ck-search .ind8-bon1{z-index: 1;} #cqr-ck-search .ind8-b4{width: 100%;height: 100%;border: 1px solid #e8e0d0;background: #fff;box-sizing: border-box;position: relative;} #cqr-ck-search .ind8-b5{width: 100%;height: 100%;font-size: 0.24rem;line-height: 0.9rem;color: #454545;padding: 0 0.28rem;box-sizing: border-box;position: absolute;top: 0;left: 0;} #cqr-ck-search .ind8-b6{width: 0;height: 0;border-top: 0.12rem solid #3f2053;border-left: 0.07rem solid transparent;border-right: 0.07rem solid transparent;position: absolute;top: 0.39rem;right: 0.22rem;transition: 0.8s;} #cqr-ck-search .ind8-bon1 .ind8-b6{transform: rotateX(180deg);transition: 0.8s;} #cqr-ck-search .ind8-b7{width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} #cqr-ck-search .ind8-b3 ul{width: 100%;max-height: calc(0.5rem*3 + 1px);border: 1px solid #e8e0d0;border-top: 0;box-sizing: border-box;position: absolute;top: 100%;left: 0;overflow: hidden;overflow-y: auto;background: #fff;display: none;} #cqr-ck-search .ind8-b3 ul li{width: 100%;height: 0.5rem;font-size: 0.24rem;line-height: 0.5rem;color: #454545;border-bottom: 1px solid #e8e0d0;padding: 0 0.25rem;box-sizing: border-box;cursor: pointer;} #cqr-ck-search .ind8-b8{width: 100%;height: 0.86rem;background: #3f2053;font-size: 0.24rem;line-height: 0.86rem;color: #fff;text-align: center;position: relative;margin: 0 auto;} #cqr-ck-search .ind8-b8 input{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} } /*id="cqr-ck-Inside-banner1"*/ @media only screen and (min-width: 1480px){#cqr-ck-Inside-banner1 .activity1-d1{width: 100%;height: 830px;overflow: hidden;position: relative;} #cqr-ck-Inside-banner1 .activity1-d2{width: 1920px;height: 100%;position: relative;margin-left: calc(50% - 1920px/2);} #cqr-ck-Inside-banner1 .activity1-d2 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d2 img:nth-child(1){display: block;} #cqr-ck-Inside-banner1 .activity1-d2 img:nth-child(2){display: none;} #cqr-ck-Inside-banner1 .activity1-d3{width: 1920px;height: 100%;position: absolute;top: 0;left: calc(50% - 1920px/2);transition: 0.8s;opacity: 1;} #cqr-ck-Inside-banner1 .activity1-don1{transform: scale(5);opacity: 0;transition: 0.8s;} #cqr-ck-Inside-banner1 .activity1-d4{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #cqr-ck-Inside-banner1 .activity1-d4 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d5{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #cqr-ck-Inside-banner1 .activity1-d5 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d6{width: 594px;position: absolute;top: 634px;left: calc(50% - 594px/2);} #cqr-ck-Inside-banner1 .activity1-d6 div{position: absolute;top: 0;left: 0;width: 100%;font-size: 44px;line-height: 78px;color: #fdf0d6;text-align: center;font-weight: lighter;} #cqr-ck-Inside-banner1 .activity1-d7{position: absolute;top: 740px;left: 0;width: 100%;font-size: 24px;line-height: 24px;color: #fdf0d6;text-align: center;} #cqr-ck-Inside-banner1 .activity1-d8{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-Inside-banner1 .activity1-d1{width: 100%;height: 640px;overflow: hidden;position: relative;} #cqr-ck-Inside-banner1 .activity1-d2{width: 1480px;height: 100%;position: relative;margin-left: calc(50% - 1480px/2);} #cqr-ck-Inside-banner1 .activity1-d2 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d2 img:nth-child(1){display: block;} #cqr-ck-Inside-banner1 .activity1-d2 img:nth-child(2){display: none;} #cqr-ck-Inside-banner1 .activity1-d3{width: 1480px;height: 100%;position: absolute;top: 0;left: calc(50% - 1480px/2);transition: 0.8s;opacity: 1;} #cqr-ck-Inside-banner1 .activity1-don1{transform: scale(5);opacity: 0;transition: 0.8s;} #cqr-ck-Inside-banner1 .activity1-d4{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #cqr-ck-Inside-banner1 .activity1-d4 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d5{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} #cqr-ck-Inside-banner1 .activity1-d5 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d6{width: 400px;position: absolute;top: 500px;left: calc(50% - 400px/2);} #cqr-ck-Inside-banner1 .activity1-d6 div{position: absolute;top: 0;left: 0;width: 100%;font-size: 28px;line-height: 52px;color: #fdf0d6;text-align: center;font-weight: lighter;} #cqr-ck-Inside-banner1 .activity1-d7{position: absolute;top: 580px;left: 0;width: 100%;font-size: 20px;line-height: 20px;color: #fdf0d6;text-align: center;} #cqr-ck-Inside-banner1 .activity1-d8{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} } @media only screen and (max-width: 1023px){ #cqr-ck-Inside-banner1 .activity1-d1{width: 100%;height: 11.2rem;overflow: hidden;position: relative;} #cqr-ck-Inside-banner1 .activity1-d2{width: 100%;height: 100%;position: relative;} #cqr-ck-Inside-banner1 .activity1-d2 img{min-height: 100%;} #cqr-ck-Inside-banner1 .activity1-d2 img:nth-child(1){display: none;} #cqr-ck-Inside-banner1 .activity1-d2 img:nth-child(2){display: block;} #cqr-ck-Inside-banner1 .activity1-d3{display: none;} #cqr-ck-Inside-banner1 .activity1-d6{width: 5.94rem;position: absolute;top: 8.22rem;left: calc(50% - 5.94rem/2);} #cqr-ck-Inside-banner1 .activity1-d6 div{position: absolute;top: 0;left: 0;width: 100%;font-size: 0.44rem;line-height: 0.8rem;color: #fdf0d6;text-align: center;font-weight: lighter;} #cqr-ck-Inside-banner1 .activity1-d7{position: absolute;top: 9.36rem;left: 0;width: 100%;font-size: 0.28rem;line-height: 0.28rem;color: #fdf0d6;text-align: center;} #cqr-ck-Inside-banner1 .activity1-d8{width: 100%;height: 100%;position: absolute;top: 0;left: 0;} } /*id="cqr-ck-product-list5"*/ @media only screen and (min-width: 1480px){#cqr-ck-product-list5 .t1-a1{width: 100%;position: relative;padding: 50px 0;} #cqr-ck-product-list5 .t1-a2{width: 100%;font-size: 42px;line-height: 42px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 24px;} #cqr-ck-product-list5 .t1-a3{width: 100%;font-size: 24px;line-height: 18px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list5 .t1-a4{width: 100%;font-size: 22px;line-height: 24px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 36px;} #cqr-ck-product-list5 .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-product-list5 .t1-a1{width: 100%;position: relative;padding: 32px 0;} #cqr-ck-product-list5 .t1-a2{width: 100%;font-size: 32px;line-height: 32px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 20px;} #cqr-ck-product-list5 .t1-a3{width: 100%;font-size: 16px;line-height: 12px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list5 .t1-a4{width: 100%;font-size: 16px;line-height: 12px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 28px;} #cqr-ck-product-list5 .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (max-width: 1023px){ #cqr-ck-product-list5 .t1-a1{width: 100%;position: relative;padding: 0.48rem 0;} #cqr-ck-product-list5 .t1-a2{width: 100%;font-size: 0.42rem;line-height: 0.42rem;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 0.2rem;} #cqr-ck-product-list5 .t1-a3{width: 100%;font-size: 0.24rem;line-height: 0.18rem;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list5 .t1-a4{width: 100%;font-size: 0.24rem;line-height: 0.24rem;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 0.4rem;} #cqr-ck-product-list5 .t1-a5{width: 1.2rem;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1480px){ #cqr-ck-product-list5 .activity1-c1{width: 1440px;position: relative;margin: 0 auto;margin-bottom: 72px;} #cqr-ck-product-list5 .activity1-c2{width: calc(50% - 16px);position: relative;} #cqr-ck-product-list5 .activity1-c2:nth-child(1){float: left;} #cqr-ck-product-list5 .activity1-c2:nth-child(2){float: right;} #cqr-ck-product-list5 .activity1-c3{width: 100%;height: 364px;position: relative;margin-bottom: 44px;} #cqr-ck-product-list5 .activity1-c3 img{min-height: 100%;transition: 0.8s;} #cqr-ck-product-list5 .activity1-c3:hover img{transform: scale(1.08);transition: 0.8s;} #cqr-ck-product-list5 .activity1-c4{width: 100%;font-size: 28px;line-height: 28px;color: #222222;text-align: center;} #cqr-ck-product-list5 .activity1-c2:nth-child(1) .activity1-c4{margin-bottom: 28px;} #cqr-ck-product-list5 .activity1-c2:nth-child(2) .activity1-c4{margin-bottom: 24px;} #cqr-ck-product-list5 .activity1-c5{width: 100%;font-size: 18px;line-height: 18px;color: #222222;text-align: center;margin-bottom: 12px;} #cqr-ck-product-list5 .activity1-c6{font-size: 16px;line-height: 26px;color: #454545;text-align: center;margin: 0 auto;} #cqr-ck-product-list5 .activity1-c2:nth-child(1) .activity1-c6{width: calc(100% - 120px*2);} #cqr-ck-product-list5 .activity1-c2:nth-child(2) .activity1-c6{width: calc(100% - 34px*2);} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-product-list5 .activity1-c1{width: 960px;position: relative;margin: 0 auto;margin-bottom: 44px;} #cqr-ck-product-list5 .activity1-c2{width: calc(50% - 10px);position: relative;} #cqr-ck-product-list5 .activity1-c2:nth-child(1){float: left;} #cqr-ck-product-list5 .activity1-c2:nth-child(2){float: right;} #cqr-ck-product-list5 .activity1-c3{width: 100%;height: 242px;position: relative;margin-bottom: 30px;} #cqr-ck-product-list5 .activity1-c3 img{min-height: 100%;transition: 0.8s;} #cqr-ck-product-list5 .activity1-c3:hover img{transform: scale(1.08);transition: 0.8s;} #cqr-ck-product-list5 .activity1-c4{width: 100%;font-size: 24px;line-height: 24px;color: #222222;text-align: center;} #cqr-ck-product-list5 .activity1-c2:nth-child(1) .activity1-c4{margin-bottom: 16px;} #cqr-ck-product-list5 .activity1-c2:nth-child(2) .activity1-c4{margin-bottom: 20px;} #cqr-ck-product-list5 .activity1-c5{width: 100%;font-size: 16px;line-height: 16px;color: #222222;text-align: center;margin-bottom: 10px;} #cqr-ck-product-list5 .activity1-c6{font-size: 14px;line-height: 24px;color: #454545;text-align: center;margin: 0 auto;} #cqr-ck-product-list5 .activity1-c2:nth-child(1) .activity1-c6{width: calc(100% - 60px*2);} #cqr-ck-product-list5 .activity1-c2:nth-child(2) .activity1-c6{width: calc(100% - 10px*2);} } @media only screen and (max-width: 1023px){ #cqr-ck-product-list5 .activity1-c1{width: calc(100% - 0.2rem*2);position: relative;margin: 0 auto;} #cqr-ck-product-list5 .activity1-c2{width: 100%;position: relative;} #cqr-ck-product-list5 .activity1-c2:nth-child(1){margin-bottom: 0.38rem;} #cqr-ck-product-list5 .activity1-c2:nth-child(2){margin-bottom: 0.72rem;} #cqr-ck-product-list5 .activity1-c3{width: 100%;height: 3.64rem;position: relative;margin-bottom: 0.42rem;} #cqr-ck-product-list5 .activity1-c3 img{min-height: 100%;} #cqr-ck-product-list5 .activity1-c4{width: 100%;font-size: 0.32rem;line-height: 0.32rem;color: #222222;text-align: center;} #cqr-ck-product-list5 .activity1-c2:nth-child(1) .activity1-c4{margin-bottom: 0.18rem;} #cqr-ck-product-list5 .activity1-c2:nth-child(2) .activity1-c4{margin-bottom: 0.3rem;} #cqr-ck-product-list5 .activity1-c5{width: 100%;font-size: 0.26rem;line-height: 0.26rem;color: #222222;text-align: center;margin-bottom: 0.18rem;} #cqr-ck-product-list5 .activity1-c6{font-size: 0.24rem;line-height: 0.36rem;color: #454545;text-align: center;margin: 0 auto;} } /*id="cqr-ck-product-list6"*/ @media only screen and (min-width: 1480px){ #cqr-ck-product-list6 .t1-a1{width: 100%;position: relative;padding: 50px 0;} #cqr-ck-product-list6 .t1-a2{width: 100%;font-size: 42px;line-height: 42px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 24px;} #cqr-ck-product-list6 .t1-a3{width: 100%;font-size: 24px;line-height: 18px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list6 .t1-a4{width: 100%;font-size: 22px;line-height: 24px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 36px;} #cqr-ck-product-list6 .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-product-list6 .t1-a1{width: 100%;position: relative;padding: 32px 0;} #cqr-ck-product-list6 .t1-a2{width: 100%;font-size: 32px;line-height: 32px;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 20px;} #cqr-ck-product-list6 .t1-a3{width: 100%;font-size: 16px;line-height: 12px;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list6 .t1-a4{width: 100%;font-size: 16px;line-height: 12px;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 28px;} #cqr-ck-product-list6 .t1-a5{width: 72px;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (max-width: 1023px){ #cqr-ck-product-list6 .t1-a1{width: 100%;position: relative;padding: 0.48rem 0;} #cqr-ck-product-list6 .t1-a2{width: 100%;font-size: 0.42rem;line-height: 0.42rem;color: #222222;text-align: center;font-weight: lighter;margin-bottom: 0.2rem;} #cqr-ck-product-list6 .t1-a3{width: 100%;font-size: 0.24rem;line-height: 0.18rem;color: #69616c;text-align: center;font-weight: lighter;text-transform: uppercase;} #cqr-ck-product-list6 .t1-a4{width: 100%;font-size: 0.24rem;line-height: 0.24rem;color: #454545;text-align: center;font-weight: lighter;margin-bottom: 0.4rem;} #cqr-ck-product-list6 .t1-a5{width: 1.2rem;height: 1px;background: #c09d57;margin: 0 auto;} } @media only screen and (min-width: 1480px){ #cqr-ck-product-list6 .activity1-a1{width: 1440px;position: relative;margin: 0 auto;overflow: hidden;display: flex;justify-content: space-between;} #cqr-ck-product-list6 .activity1-a2{width: calc((100% - 10px*3)/4);height: 670px;position: relative;} #cqr-ck-product-list6 .activity1-a3{width: 100%;font-size: 24px;line-height: 36px;color: #333333;text-align: center;position: absolute;left: 0;} #cqr-ck-product-list6 .activity1-a2:nth-child(odd) .activity1-a3{top: 20px;} #cqr-ck-product-list6 .activity1-a2:nth-child(even) .activity1-a3{bottom: 18px;} #cqr-ck-product-list6 .activity1-a4{width: 100%;height: 584px;position: absolute;left: 0;padding: 56px 34px 0 34px;box-sizing: border-box;} #cqr-ck-product-list6 .activity1-a2:hover .activity1-a4{transform: rotateY(360deg);transition: 0.8s;} #cqr-ck-product-list6 .activity1-a2:nth-child(odd) .activity1-a4{bottom: 0;} #cqr-ck-product-list6 .activity1-a2:nth-child(even) .activity1-a4{top: 0;} #cqr-ck-product-list6 .activity1-a2:nth-child(1) .activity1-a4{background: #550003;} #cqr-ck-product-list6 .activity1-a2:nth-child(2) .activity1-a4{background: #3b0001;} #cqr-ck-product-list6 .activity1-a2:nth-child(3) .activity1-a4{background: #c40924;} #cqr-ck-product-list6 .activity1-a2:nth-child(4) .activity1-a4{background: #7a0011;} #cqr-ck-product-list6 .activity1-a5{width: 100%;height: 45px;position: relative;margin-bottom: 36px;} #cqr-ck-product-list6 .activity1-a5 img{margin: 0 auto;} #cqr-ck-product-list6 .activity1-a6{width: 100%;position: relative;border-top: 1px dashed rgba(255,255,255,0.15);} #cqr-ck-product-list6 .activity1-a6>div{width: 100%;height: 58px;border-bottom: 1px dashed rgba(255,255,255,0.15);font-size: 16px;line-height: 58px;color: #fff;text-indent: 62px;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ #cqr-ck-product-list6 .activity1-a1{width: 960px;position: relative;margin: 0 auto;overflow: hidden;display: flex;justify-content: space-between;} #cqr-ck-product-list6 .activity1-a2{width: calc((100% - 8px*3)/4);height: 480px;position: relative;} #cqr-ck-product-list6 .activity1-a3{width: 100%;font-size: 18px;line-height: 24px;color: #333333;text-align: center;position: absolute;left: 0;} #cqr-ck-product-list6 .activity1-a2:nth-child(odd) .activity1-a3{top: 12px;} #cqr-ck-product-list6 .activity1-a2:nth-child(even) .activity1-a3{bottom: 12px;} #cqr-ck-product-list6 .activity1-a4{width: 100%;height: 420px;position: absolute;left: 0;padding: 40px 20px 0 20px;box-sizing: border-box;} #cqr-ck-product-list6 .activity1-a2:hover .activity1-a4{transform: rotateY(360deg);transition: 0.8s;} #cqr-ck-product-list6 .activity1-a2:nth-child(odd) .activity1-a4{bottom: 0;} #cqr-ck-product-list6 .activity1-a2:nth-child(even) .activity1-a4{top: 0;} #cqr-ck-product-list6 .activity1-a2:nth-child(1) .activity1-a4{background: #550003;} #cqr-ck-product-list6 .activity1-a2:nth-child(2) .activity1-a4{background: #3b0001;} #cqr-ck-product-list6 .activity1-a2:nth-child(3) .activity1-a4{background: #c40924;} #cqr-ck-product-list6 .activity1-a2:nth-child(4) .activity1-a4{background: #7a0011;} #cqr-ck-product-list6 .activity1-a5{width: 100%;height: 36px;position: relative;margin-bottom: 28px;} #cqr-ck-product-list6 .activity1-a5 img{margin: 0 auto;} #cqr-ck-product-list6 .activity1-a6{width: 100%;position: relative;border-top: 1px dashed rgba(255,255,255,0.15);} #cqr-ck-product-list6 .activity1-a6>div{width: 100%;height: 42px;border-bottom: 1px dashed rgba(255,255,255,0.15);font-size: 12px;line-height: 42px;color: #fff;text-indent: 20px;} } @media only screen and (max-width: 1023px){ #cqr-ck-product-list6 .activity1-a1{width: 100%;height: 12.52rem;position: relative;margin: 0 auto;overflow: hidden;cursor: pointer;} #cqr-ck-product-list6 .activity1-a2{width: calc(100% - 0.9rem*2);height: calc(100% - 0.34rem);position: absolute;top: 0.34rem;left: 0.9rem;z-index: 1;transition: 0.8s;} #cqr-ck-product-list6 .activity1-aon1{width: calc(100% - 0.9rem*2);top: 0.34rem;left: 0.9rem;z-index: 2;transition: 0.8s;} #cqr-ck-product-list6 .activity1-aon2{width: calc(100% - 0.7rem*2);top: 0.18rem;left: 0.7rem;z-index: 3;transition: 0.8s;} #cqr-ck-product-list6 .activity1-aon3{width: calc(100% - 0.45rem*2);top: 0;left: 0.45rem;z-index: 4;transition: 0.8s;} #cqr-ck-product-list6 .activity1-aon4{animation: activity1 0.5s linear;} @keyframes activity1{0%{top: 0rem;left: 0.45rem;z-index: 5;width: calc(100% - 0.45rem*2);} 50%{top: 0rem;left: calc(0.45rem*3 - 100%);z-index: 5;width: calc(100% - 0.45rem*2);} 100%{top: 0.34rem;left: 0.9rem;z-index: 1;width: calc(100% - 0.9rem*2);}}.activity1-aon5{animation: activity2 0.5s linear;} @keyframes activity2{0%{top: 0rem;left: 0.45rem;z-index: 5;width: calc(100% - 0.45rem*2);} 50%{top: 0rem;left: calc(100% - 0.45rem);z-index: 5;width: calc(100% - 0.45rem*2);} 100%{top: 0.34rem;left: 0.9rem;z-index: 1;width: calc(100% - 0.9rem*2);}}#cqr-ck-product-list6 .activity1-a3{width: 100%;height: 1.28rem;font-size: 0.32rem;line-height: 1.28rem;color: #333333;text-align: center;position: relative;background: #fff;} #cqr-ck-product-list6 .activity1-a4{width: 100%;height: calc(100% - 1.28rem);position: relative;padding: 0.86rem 0.64rem 0 0.64rem;box-sizing: border-box;} #cqr-ck-product-list6 .activity1-a2:nth-child(1) .activity1-a4{background: #550003;} #cqr-ck-product-list6 .activity1-a2:nth-child(2) .activity1-a4{background: #3b0001;} #cqr-ck-product-list6 .activity1-a2:nth-child(3) .activity1-a4{background: #c40924;} #cqr-ck-product-list6 .activity1-a2:nth-child(4) .activity1-a4{background: #7a0011;} #cqr-ck-product-list6 .activity1-a5{width: 100%;height: 0.84rem;position: relative;margin-bottom: 0.9rem;} #cqr-ck-product-list6 .activity1-a5 img{margin: 0 auto;} #cqr-ck-product-list6 .activity1-a6{width: 100%;position: relative;border-top: 1px dashed rgba(255,255,255,0.15);} #cqr-ck-product-list6 .activity1-a6>div{width: 100%;height: 1.1rem;border-bottom: 1px dashed rgba(255,255,255,0.15);font-size: 0.28rem;line-height: 1.1rem;color: #fff;text-indent: 0.7rem;} } /*id="cqr-ck-banner1"*/ @media only screen and (min-width: 1480px){ .cqr-ck-banner1 .culturefood1-b1{width: 100%;height: 700px;position: relative;overflow: hidden;} .cqr-ck-banner1 .culturefood1{width: calc((1194px + 120px)*3)!important;height: 100%!important;position: absolute;top: 0;left: calc(50% - (1194px + 120px)*3/2);} .cqr-ck-banner1 .culturefood1 .swiper-slide{width: calc(1194px + 120px)!important;height: 100%!important;position: relative;} .cqr-ck-banner1 .culturefood1-b2{width: 1194px;height: 562px;position: relative;margin: 0 auto;margin-bottom: 40px;} .cqr-ck-banner1 .culturefood1-b2 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner1 .culturefood1-b2:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner1 .culturefood1-b3{width: 1194px;font-size: 28px;line-height: 32px;color: #222222;text-align: center;margin: 0 auto;margin-bottom: 10px;} .cqr-ck-banner1 .culturefood1-b4{width: 1194px;font-size: 16px;line-height: 20px;color: #222222;text-align: center;font-weight: lighter;text-decoration: uppercase;margin: 0 auto;} .cqr-ck-banner1 .culturefood2{width: 42px;height: 42px;position: absolute;top: calc(562px/2 - 42px/2);left: calc(50% - 1280px/2 - 42px);background: none;padding: 0;margin: 0;} .cqr-ck-banner1 .culturefood3{width: 42px;height: 42px;position: absolute;top: calc(562px/2 - 42px/2);right: calc(50% - 1280px/2 - 42px);background: none;padding: 0;margin: 0;} .cqr-ck-banner1 .culturefood1-c1{display: none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-banner1 .culturefood1-b1{width: 100%;height: 460px;position: relative;overflow: hidden;} .cqr-ck-banner1 .culturefood1{width: calc((800px + 80px)*3)!important;height: 100%!important;position: absolute;top: 0;left: calc(50% - (800px + 80px)*3/2);} .cqr-ck-banner1 .culturefood1 .swiper-slide{width: calc(800px + 80px)!important;height: 100%!important;position: relative;} .cqr-ck-banner1 .culturefood1-b2{width: 800px;height: 376px;position: relative;margin: 0 auto;margin-bottom: 24px;} .cqr-ck-banner1 .culturefood1-b2 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner1 .culturefood1-b2:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner1 .culturefood1-b3{width: 800px;font-size: 24px;line-height: 28px;color: #222222;text-align: center;margin: 0 auto;margin-bottom: 10px;} .cqr-ck-banner1 .culturefood1-b4{width: 800px;font-size: 12px;line-height: 16px;color: #222222;text-align: center;font-weight: lighter;text-decoration: uppercase;margin: 0 auto;} .cqr-ck-banner1 .culturefood2{width: 32px;height: 32px;position: absolute;top: calc(376px/2 - 32px/2);left: calc(50% - 830px/2 - 32px);background: none;padding: 0;margin: 0;} .cqr-ck-banner1 .culturefood3{width: 32px;height: 32px;position: absolute;top: calc(376px/2 - 32px/2);right: calc(50% - 830px/2 - 32px);background: none;padding: 0;margin: 0;} .cqr-ck-banner1 .culturefood1-c1{display: none;} } @media only screen and (max-width: 1023px){ .cqr-ck-banner1 .culturefood1-b1{display: none;} .cqr-ck-banner1 .culturefood1-c1{width: 100%;height: 4.3rem;position: relative;margin: 0 auto;overflow: hidden;} .cqr-ck-banner1 .culturefood1-c2{width: calc(100% - 0.36rem*2);height: 3.88rem;position: relative;margin: 0 auto;z-index: 1;} .cqr-ck-banner1 .culturefood1-c3{width: calc(100% - 0.44rem*2);height: calc(3.88rem/100%*(100% - 0.44rem*2));position: absolute;top: 0;left: 0.44rem;z-index: 1;transition: 0.5s;} .cqr-ck-banner1 .culturefood1-c3 img{min-height: 100%;} .cqr-ck-banner1 .culturefood1-c4{width: 100%;height: 3.88rem;position: absolute;top: 0;left: 0;cursor: pointer;z-index: 2;} .cqr-ck-banner1 .culturefood1-c5{width: 0.82rem;position: absolute;bottom: 0;left: calc(50% - 0.82rem/2);z-index: 3;} .cqr-ck-banner1 .culturefood1-c5 img{position: relative;} .cqr-ck-banner1 .culturefood1-c6{width: 50%;height: 100%;cursor: pointer;position: absolute;top: 0;left: 0;} .cqr-ck-banner1 .culturefood1-c7{width: 50%;height: 100%;cursor: pointer;position: absolute;top: 0;right: 0;} .cqr-ck-banner1 .culturefood1-con1{z-index: 2;} .cqr-ck-banner1 .culturefood1-con2{width: calc(100% - 0.2rem*2);height: calc(3.88rem/100%*(100% - 0.2rem*2));top: 0.18rem;left: 0.2rem;z-index: 3;transition: 0.5s;} .cqr-ck-banner1 .culturefood1-con3{width: 100%;height: 3.5rem;top: calc(100% - 3.5rem);left: 0;z-index: 4;transition: 0.5s;} .cqr-ck-banner1 .culturefood1-con4{animation: culturefood1 0.5s linear;} @keyframes culturefood1{0%{top: calc(100% - 3.5rem);left: 0;z-index: 5;width: 100%;height: 3.5rem;top: calc(100% - 3.5rem);} 50%{top: calc(100% - 3.5rem);left: -100%;z-index: 5;} 100%{top: 0;left: 0.44rem;z-index: 1;width: calc(100% - 0.44rem*2);height: calc(3.88rem/100%*(100% - 0.44rem*2));}}.cqr-ck-banner1 .culturefood1-con5{animation: culturefood2 0.5s linear;} @keyframes culturefood2{0%{top: calc(100% - 3.5rem);left: 0;z-index: 5;width: 100%;height: 3.5rem;top: calc(100% - 3.5rem);} 50%{top: calc(100% - 3.5rem);left: 100%;z-index: 5;} 100%{top: 0;left: 0.44rem;z-index: 1;width: calc(100% - 0.44rem*2);height: calc(3.88rem/100%*(100% - 0.44rem*2));}} } /*id="cqr-ck-banner2"*/ @media only screen and (min-width: 1480px){ .cqr-ck-banner2{margin:50px 0;} .cqr-ck-banner2 .kopenhagen1-c1{width: 100%;height: 630px;position: relative;margin: 0 auto;overflow: hidden;} .cqr-ck-banner2 .kopenhagen1-c2{width: 100%;position: relative;height: 580px;overflow: hidden;} .cqr-ck-banner2 .kopenhagen1{width: calc(((1920px - 634px*3)/2 + 634px)*3)!important;height: 100%!important;position: relative;margin-left: calc(50% - (((1920px - 634px*3)/2 + 634px)*3)/2);} .cqr-ck-banner2 .kopenhagen1 .swiper-slide{width: calc(100%/3)!important;height: 100%!important;position: relative;} .cqr-ck-banner2 .kopenhagen1-c3{width: 634px;height: 476px;position: relative;margin: 0 auto;margin-bottom: 26px;} .cqr-ck-banner2 .kopenhagen1-c3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-c3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-c4{width: 634px;font-size: 20px;line-height: 24px;color: #333333;text-align: center;margin: 0 auto;margin-bottom: 12px;} .cqr-ck-banner2 .kopenhagen1-c5{width: 634px;font-size: 16px;line-height: 20px;color: #333333;text-align: center;margin: 0 auto;} .cqr-ck-banner2 .kopenhagen2{width: 110px;height: 32px;position: absolute;top: auto;bottom: 0;left: calc(50% - 115px);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner2 .kopenhagen3{width: 110px;height: 32px;position: absolute;top: auto;bottom: 0;right: calc(50% - 115px);left: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner2 .kopenhagen2 img,.kopenhagen3 img{height: 100%;} .cqr-ck-banner2 .kopenhagen2 img:nth-child(1){position: relative;} .cqr-ck-banner2 .kopenhagen2 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen2:hover img:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen3 img:nth-child(1){position: relative;} .cqr-ck-banner2 .kopenhagen3 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen3:hover img:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-d1{display: none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-banner2{margin:50px 0;} .cqr-ck-banner2 .kopenhagen1-c1{width: 100%;height: 500px;position: relative;margin: 0 auto;overflow: hidden;} .cqr-ck-banner2 .kopenhagen1-c2{width: 100%;position: relative;height: 440px;overflow: hidden;} .cqr-ck-banner2 .kopenhagen1{width: calc(((1480px - 480px*3)/2 + 480px)*3)!important;height: 100%!important;position: relative;margin-left: calc(50% - (((1480px - 480px*3)/2 + 480px)*3)/2);} .cqr-ck-banner2 .kopenhagen1 .swiper-slide{width: calc(100%/3)!important;height: 100%!important;position: relative;} .cqr-ck-banner2 .kopenhagen1-c3{width: 480px;height: 360px;position: relative;margin: 0 auto;margin-bottom: 20px;} .cqr-ck-banner2 .kopenhagen1-c3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-c3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-c4{width: 480px;font-size: 16px;line-height: 20px;color: #333333;text-align: center;margin: 0 auto;margin-bottom: 10px;} .cqr-ck-banner2 .kopenhagen1-c5{width: 480px;font-size: 12px;line-height: 16px;color: #333333;text-align: center;margin: 0 auto;} .cqr-ck-banner2 .kopenhagen2{width: 110px;height: 32px;position: absolute;top: auto;bottom: 0;left: calc(50% - 115px);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner2 .kopenhagen3{width: 110px;height: 32px;position: absolute;top: auto;bottom: 0;right: calc(50% - 115px);left: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner2 .kopenhagen2 img,.kopenhagen3 img{height: 100%;} .cqr-ck-banner2 .kopenhagen2 img:nth-child(1){position: relative;} .cqr-ck-banner2 .kopenhagen2 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen2:hover img:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen3 img:nth-child(1){position: relative;} .cqr-ck-banner2 .kopenhagen3 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen3:hover img:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-d1{display: none;} } @media only screen and (max-width: 1023px){ .cqr-ck-banner2{margin:50px 0;} .cqr-ck-banner2 .kopenhagen1-c1{display: none;} .cqr-ck-banner2 .kopenhagen1-c3{width: 100%;height: 4.44rem;position: relative;margin: 0 auto;margin-bottom: 0.32rem;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-don1 .kopenhagen1-c3{height: 4.44rem;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-don2 .kopenhagen1-c3{height: 4.44rem;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-don3 .kopenhagen1-c3{height: 4.76rem;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-don4 .kopenhagen1-c3{height: 5.1rem;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-c3 img{min-height: 100%;} .cqr-ck-banner2 .kopenhagen1-c4{width: 100%;font-size: 0.24rem;line-height: 0.28rem;color: #333333;text-align: center;margin: 0 auto;margin-bottom: 0.12rem;opacity: 0;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-c5{width: 100%;font-size: 0.24rem;line-height: 0.28rem;color: #333333;text-align: center;font-weight: lighter;;margin: 0 auto;opacity: 0;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-don3 .kopenhagen1-c4{opacity: 1;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-don3 .kopenhagen1-c5{opacity: 1;transition: 0.8s;} .cqr-ck-banner2 .kopenhagen1-d1{width: 100%;height: 7.34rem;position: relative;overflow: hidden;} .cqr-ck-banner2 .kopenhagen1-d2{width: calc(100% - 0.36rem*2);height: 6.9rem;position: relative;margin: 0 auto;z-index: 1;} .cqr-ck-banner2 .kopenhagen1-d3{width: calc(100% - 0.44rem*2);position: absolute;top: 0;left: 0.44rem;z-index: 1;transition: 0.5s;} .cqr-ck-banner2 .kopenhagen1-don1{z-index: 2;} .cqr-ck-banner2 .kopenhagen1-don2{width: calc(100% - 0.2rem*2);top: 0.2rem;left: 0.2rem;z-index: 3;transition: 0.5s;} .cqr-ck-banner2 .kopenhagen1-don3{width: 100%;top: 0.4rem;left: 0;z-index: 4;transition: 0.5s;} .cqr-ck-banner2 .kopenhagen1-don4{animation: kopenhagen1 0.5s linear;} @keyframes kopenhagen1{0%{top: 0.4rem;left: 0;z-index: 5;width: 100%;} 50%{top: 0.4rem;left: -100%;z-index: 5;} 100%{top: 0;left: 0.44rem;z-index: 1;width: calc(100% - 0.44rem*2);height: 4.44rem;}}.cqr-ck-banner2 .kopenhagen1-don5{animation: saga2 0.5s linear;} @keyframes saga2{0%{top: 0.4rem;left: 0;z-index: 5;width: 100%;} 50%{top: 0.4rem;left: 100%;z-index: 5;} 100%{top: 0;left: 0.44rem;z-index: 1;width: calc(100% - 0.44rem*2);height: 4.44rem;}}.cqr-ck-banner2 .kopenhagen1-d4{width: 1.2rem;height: 0.44rem;position: absolute;bottom: 0;left: calc(50% - 1.35rem);cursor: pointer;z-index: 2;} .cqr-ck-banner2 .kopenhagen1-d5{width: 1.2rem;height: 0.44rem;position: absolute;bottom: 0;right: calc(50% - 1.35rem);cursor: pointer;z-index: 2;} .cqr-ck-banner2 .kopenhagen1-d4 img,.kopenhagen1-d5 img{min-height: 100%;} } /*id="cqr-ck-banner3"*/ @media only screen and (min-width: 1480px){ .cqr-ck-banner3{margin:50px 0;} .cqr-ck-banner3 .story1-b1{width: 100%;height: 542px;position: relative;overflow: hidden;} .cqr-ck-banner3 .story1{width: calc(1680px*2)!important;height: 100%!important;position: relative;margin-left: calc(50% - 1920px/2);} .cqr-ck-banner3 .story1 .swiper-slide{width: 50%!important;height: 100%!important;position: relative;} .cqr-ck-banner3 .story1-b2{width: 100%;height: 100%;position: relative;} .cqr-ck-banner3 .story1-b3{width: 1024px;height: 100%;position: relative;} .cqr-ck-banner3 .story1-b3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner3 .story1-b3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner3 .story1-b4{width: calc(100% - 1024px - 70px - 80px);font-size: 28px;line-height: 32px;color: #222222;position: absolute;top: 52px;right: 80px;} .cqr-ck-banner3 .story1-b5{width: calc(100% - 1024px - 70px - 80px);font-size: 16px;line-height: 32px;color: #7a7a7a;position: absolute;top: 116px;right: 80px;} .cqr-ck-banner3 .story2{width: 110px;height: 32px;position: absolute;top: auto;bottom: 46px;left: calc(50% + 130px);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner3 .story3{width: 110px;height: 32px;position: absolute;top: auto;bottom: 46px;left: calc(50% + 250px);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner3 .story2 img,.story3 img{height: 100%;} .cqr-ck-banner3 .story2 img:nth-child(1){position: relative;} .cqr-ck-banner3 .story2 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner3 .story2:hover img:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-banner3 .story3 img:nth-child(1){position: relative;} .cqr-ck-banner3 .story3 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner3 .story3:hover img:nth-child(2){opacity: 1;transition: 0.8s;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-ck-banner3{margin:50px 0;} .cqr-ck-banner3 .story1-b1{width: 100%;height: 406px;position: relative;overflow: hidden;} .cqr-ck-banner3 .story1{width: calc(1260px*2)!important;height: 100%!important;position: relative;margin-left: calc(50% - 1480px/2);} .cqr-ck-banner3 .story1 .swiper-slide{width: 50%!important;height: 100%!important;position: relative;} .cqr-ck-banner3 .story1-b2{width: 100%;height: 100%;position: relative;} .cqr-ck-banner3 .story1-b3{width: 768px;height: 100%;position: relative;} .cqr-ck-banner3 .story1-b3 img{min-height: 100%;transition: 0.8s;} .cqr-ck-banner3 .story1-b3:hover img{transform: scale(1.08);transition: 0.8s;} .cqr-ck-banner3 .story1-b4{width: calc(100% - 768px - 30px - 40px);font-size: 24px;line-height: 28px;color: #222222;position: absolute;top: 24px;right: 40px;} .cqr-ck-banner3 .story1-b5{width: calc(100% - 768px - 30px - 40px);font-size: 14px;line-height: 28px;color: #7a7a7a;position: absolute;top: 80px;right: 40px;} .cqr-ck-banner3 .story2{width: 110px;height: 32px;position: absolute;top: auto;bottom: 20px;left: calc(50% + 60px);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner3 .story3{width: 110px;height: 32px;position: absolute;top: auto;bottom: 20px;left: calc(50% + 190px);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner3 .story2 img,.story3 img{height: 100%;} .cqr-ck-banner3 .story2 img:nth-child(1){position: relative;} .cqr-ck-banner3 .story2 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner3 .story2:hover img:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-ck-banner3 .story3 img:nth-child(1){position: relative;} .cqr-ck-banner3 .story3 img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;transition: 0.8s;} .cqr-ck-banner3 .story3:hover img:nth-child(2){opacity: 1;transition: 0.8s;} } @media only screen and (max-width: 1023px){ .cqr-ck-banner3{margin:50px 0;} .cqr-ck-banner3 .story1-b1{width: 100%;height: 8.74rem;position: relative;overflow: hidden;} .cqr-ck-banner3 .story1{width: calc(100% - 0.36rem*2)!important;height: 7.95rem!important;position: relative;margin-left: 0.36rem;box-shadow: 0 0.25rem 0.9rem rgba(229,229,229,0.3);} .cqr-ck-banner3 .story1 .swiper-slide{width: 100%!important;height: 100%!important;position: relative;} .cqr-ck-banner3 .story1-b2{width: 100%;height: 100%;position: relative;background: #fff;} .cqr-ck-banner3 .story1-b3{width: 100%;height: 3.6rem;position: relative;} .cqr-ck-banner3 .story1-b3 img{min-height: 100%;} .cqr-ck-banner3 .story1-b4{width: calc(100% - 0.32rem*2);font-size: 0.32rem;line-height: 0.36rem;color: #222222;position: absolute;top: 4.06rem;right: 0.32rem;} .cqr-ck-banner3 .story1-b5{width: calc(100% - 0.32rem*2);font-size: 0.24rem;line-height: 0.36rem;color: #7a7a7a;position: absolute;top: 4.66rem;right: 0.32rem;} .cqr-ck-banner3 .story2{width: 1.4rem;height: 0.44rem;position: absolute;top: auto;bottom: 0;left: calc(50% - 1.5rem);right: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner3 .story3{width: 1.4rem;height: 0.44rem;position: absolute;top: auto;bottom: 0;right: calc(50% - 1.5rem);left: auto;background: none;margin: 0;padding: 0;} .cqr-ck-banner3 .story2 img,.story3 img{height: 100%;} .cqr-ck-banner3 .story2 img:nth-child(1){position: relative;} .cqr-ck-banner3 .story2 img:nth-child(2){display: none;} .cqr-ck-banner3 .story3 img:nth-child(1){position: relative;} .cqr-ck-banner3 .story3 img:nth-child(2){display: none;} } /*新闻列表2*/ @media only screen and (min-width: 1550px){ .cqr-news-list2 .z-sy7-d1{width: 97.08%;margin: 0 auto;} .cqr-news-list2 .z-sy7-d2{width: 100%;height: 0;padding-bottom: 20.17%;position: relative;overflow: hidden;margin: 0 auto;background: #f3f1ed;margin-bottom: 0.75%;} .cqr-news-list2 .z-sy7-i1{width: 48.6%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;} .cqr-news-list2 .z-sy7-i1 img{width: 100%;height: 100%;transition: 0.5s;} .cqr-news-list2 .z-sy7-i1:hover img{transform: scale(1.1);transition: 0.5s;} .cqr-news-list2 .z-sy7-p1{width: 44.52%;height: 36px;font-size: 24px;line-height: 36px;color: #2a4c39;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;top: 13.29%;left: 52.03%;} .cqr-news-list2 .z-sy7-p2{width: 44.52%;height: 72px;font-size: 16px;line-height: 36px;color: #6c8276;position: absolute;top: 29.25%;left: 52.03%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-bt1{width: 182px;height: 56px;border: 1px solid #439773;border-radius: 28px;box-sizing: border-box;overflow: hidden;position: absolute;top: 69.14%;left: 52.03%;} .cqr-news-list2 .z-sy7-d3{width: 240px;height: 240px;border: 0;border-top-left-radius: 120px;border-top-right-radius: 120px;background: #439773;position: absolute;top: 54px;left: calc(90px - 120px);transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover .z-sy7-d3{top: -54px;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1 span{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;font-size: 18px;line-height: 54px;color: #439773;text-align: center;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover span{color: #FFFFFF;transition: 0.5s;} .cqr-news-list2 .z-sy7-d4{width: 100%;} .cqr-news-list2 .z-sy7-d5{width: 48.55%;height: 210px;border-bottom: 1px solid #d4d3d3;box-sizing: border-box;position: relative;overflow: hidden;} .cqr-news-list2 .z-sy7-d5:nth-child(odd){float: left;} .cqr-news-list2 .z-sy7-d5:nth-child(even){float: right;} .cqr-news-list2 .z-sy7-p3{padding-left: 0.11%;position: absolute;top: 68px;left: 0;} .cqr-news-list2 .z-sy7-p3 span:first-child{font-size: 40px;line-height: 72px;color: #439773;font-family: "din";display: block;transition: 0.5s;} .cqr-news-list2 .z-sy7-p3 span:last-child{font-size: 16px;line-height: 26px;color: #439773;font-family: "din";display: block;} .cqr-news-list2 .z-sy7-p4{width: 70.71%;border-left: 1px solid #d4d3d3;padding-left: 3.75%;position: absolute;top: 68px;left: 14.58%;} .cqr-news-list2 .z-sy7-p4 span:first-child{width: 100%;height: 36px;font-size: 20px;line-height: 36px;color: #2a4c39;display: block;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.5s;} .cqr-news-list2 .z-sy7-p4 span:last-child{width: 100%;height: 72px;font-size: 16px;line-height: 36px;color: #8aa396;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-d5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} .cqr-news-list2 .z-sy7-d5:hover .z-sy7-p3 span:first-child{transform: translateY(-6px);transition: 0.5s;} .cqr-news-list2 .z-sy7-d5:hover .z-sy7-p4 span:first-child{transform: translateY(-6px);transition: 0.5s;} } @media only screen and (max-width: 1549px) and (min-width: 1260px){ .cqr-news-list2 .z-sy7-d1{width: 97.08%;margin: 0 auto;} .cqr-news-list2 .z-sy7-d2{width: 100%;height: 0;padding-bottom: 20.17%;position: relative;overflow: hidden;margin: 0 auto;background: #f3f1ed;margin-bottom: 0.75%;} .cqr-news-list2 .z-sy7-i1{width: 48.6%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;} .cqr-news-list2 .z-sy7-i1 img{width: 100%;height: 100%;transition: 0.5s;} .cqr-news-list2 .z-sy7-i1:hover img{transform: scale(1.1);transition: 0.5s;} .cqr-news-list2 .z-sy7-p1{width: 44.52%;height: 30px;font-size: 20px;line-height: 30px;color: #2a4c39;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;top: 9.29%;left: 52.03%;} .cqr-news-list2 .z-sy7-p2{width: 44.52%;height: 60px;font-size: 14px;line-height: 30px;color: #6c8276;position: absolute;top: 25.25%;left: 52.03%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-bt1{width: 142px;height: 40px;border: 1px solid #439773;border-radius: 20px;box-sizing: border-box;overflow: hidden;position: absolute;top: 69.14%;left: 52.03%;} .cqr-news-list2 .z-sy7-d3{width: 240px;height: 240px;border: 0;border-top-left-radius: 120px;border-top-right-radius: 120px;background: #439773;position: absolute;top: 54px;left: calc(70px - 120px);transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover .z-sy7-d3{top: -54px;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1 span{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;font-size: 16px;line-height: 38px;color: #439773;text-align: center;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover span{color: #FFFFFF;transition: 0.5s;} .cqr-news-list2 .z-sy7-d4{width: 100%;} .cqr-news-list2 .z-sy7-d5{width: 48.55%;height: 160px;border-bottom: 1px solid #d4d3d3;box-sizing: border-box;position: relative;overflow: hidden;} .cqr-news-list2 .z-sy7-d5:nth-child(odd){float: left;} .cqr-news-list2 .z-sy7-d5:nth-child(even){float: right;} .cqr-news-list2 .z-sy7-p3{padding-left: 0.11%;position: absolute;top: 35px;left: 0;} .cqr-news-list2 .z-sy7-p3 span:first-child{font-size: 36px;line-height: 60px;color: #439773;font-family: "din";display: block;transition: 0.5s;} .cqr-news-list2 .z-sy7-p3 span:last-child{font-size: 16px;line-height: 20px;color: #439773;font-family: "din";display: block;} .cqr-news-list2 .z-sy7-p4{width: 70.71%;border-left: 1px solid #d4d3d3;padding-left: 3.75%;position: absolute;top: 35px;left: 14.58%;} .cqr-news-list2 .z-sy7-p4 span:first-child{width: 100%;height: 30px;font-size: 18px;line-height: 30px;color: #2a4c39;display: block;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: 0.5s;} .cqr-news-list2 .z-sy7-p4 span:last-child{width: 100%;height: 56px;font-size: 14px;line-height: 28px;color: #8aa396;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-d5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} .cqr-news-list2 .z-sy7-d5:hover .z-sy7-p3 span:first-child{transform: translateY(-6px);transition: 0.5s;} .cqr-news-list2 .z-sy7-d5:hover .z-sy7-p4 span:first-child{transform: translateY(-6px);transition: 0.5s;} } @media only screen and (max-width: 1259px) and (min-width: 1024px){ .cqr-news-list2 .z-sy7-d1{width: 97.08%;margin: 0 auto;} .cqr-news-list2 .z-sy7-d2{width: 100%;height: 0;padding-bottom: 20.17%;position: relative;overflow: hidden;margin: 0 auto;background: #f3f1ed;margin-bottom: 0.75%;} .cqr-news-list2 .z-sy7-i1{width: 48.6%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;} .cqr-news-list2 .z-sy7-i1 img{width: 100%;height: 100%;transition: 0.5s;} .cqr-news-list2 .z-sy7-i1:hover img{transform: scale(1.1);transition: 0.5s;} .cqr-news-list2 .z-sy7-p1{width: 44.52%;height: 24px;font-size: 16px;line-height: 24px;color: #2a4c39;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;top: 10.29%;left: 52.03%;} .cqr-news-list2 .z-sy7-p2{width: 44.52%;height: 48px;font-size: 14px;line-height: 24px;color: #6c8276;position: absolute;top: 27.25%;left: 52.03%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-bt1{width: 102px;height: 30px;border: 1px solid #439773;border-radius: 15px;box-sizing: border-box;overflow: hidden;position: absolute;top: 69.14%;left: 52.03%;} .cqr-news-list2 .z-sy7-d3{width: 240px;height: 240px;border: 0;border-top-left-radius: 120px;border-top-right-radius: 120px;background: #439773;position: absolute;top: 54px;left: calc(55px - 120px);transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover .z-sy7-d3{top: -54px;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1 span{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;font-size: 12px;line-height: 28px;color: #439773;text-align: center;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover span{color: #FFFFFF;transition: 0.5s;} .cqr-news-list2 .z-sy7-d4{width: 100%;} .cqr-news-list2 .z-sy7-d5{width: 48.55%;height: 120px;border-bottom: 1px solid #d4d3d3;box-sizing: border-box;position: relative;overflow: hidden;} .cqr-news-list2 .z-sy7-d5:nth-child(odd){float: left;} .cqr-news-list2 .z-sy7-d5:nth-child(even){float: right;} .cqr-news-list2 .z-sy7-p3{padding-left: 0.11%;position: absolute;top: 20px;left: 0;} .cqr-news-list2 .z-sy7-p3 span:first-child{font-size: 26px;line-height: 48px;color: #439773;font-family: "din";display: block;/*transition: 0.5s;*/} .cqr-news-list2 .z-sy7-p3 span:last-child{font-size: 14px;line-height: 16px;color: #439773;font-family: "din";display: block;} .cqr-news-list2 .z-sy7-p4{width: 70.71%;border-left: 1px solid #d4d3d3;padding-left: 3.75%;position: absolute;top: 20px;left: 14.58%;} .cqr-news-list2 .z-sy7-p4 span:first-child{width: 100%;height: 24px;font-size: 16px;line-height: 24px;color: #2a4c39;display: block;margin-bottom: 6px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/*transition: 0.5s;*/} .cqr-news-list2 .z-sy7-p4 span:last-child{width: 100%;height: 48px;font-size: 12px;line-height: 24px;color: #8aa396;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-d5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} /*.z-sy7-d5:hover .z-sy7-p3 span:first-child{transform: translateY(-6px);transition: 0.5s;} .z-sy7-d5:hover .z-sy7-p4 span:first-child{transform: translateY(-6px);transition: 0.5s;}*/ } @media only screen and (max-width: 1023px){ .cqr-news-list2 .z-sy7-d1{width: 97.08%;margin: 0 auto;} .cqr-news-list2 .z-sy7-d2{width: 100%;height: 0;padding-bottom: 25.17%;position: relative;overflow: hidden;margin: 0 auto;background: #f3f1ed;margin-bottom: 0.75%;} .cqr-news-list2 .z-sy7-i1{width: 48.6%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;} .cqr-news-list2 .z-sy7-i1 img{width: 100%;height: 100%;transition: 0.5s;} .cqr-news-list2 .z-sy7-i1:hover img{transform: scale(1.1);transition: 0.5s;} .cqr-news-list2 .z-sy7-p1{width: 44.52%;height: 24px;font-size: 16px;line-height: 24px;color: #2a4c39;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: absolute;top: 10.29%;left: 52.03%;} .cqr-news-list2 .z-sy7-p2{width: 44.52%;height: 30px;font-size: 14px;line-height: 30px;color: #6c8276;position: absolute;top: 34.25%;left: 52.03%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-bt1{width: 90px;height: 26px;border: 1px solid #439773;border-radius: 15px;box-sizing: border-box;overflow: hidden;position: absolute;top: 72.14%;left: 52.03%;} .cqr-news-list2 .z-sy7-d3{width: 240px;height: 240px;border: 0;border-top-left-radius: 120px;border-top-right-radius: 120px;background: #439773;position: absolute;top: 54px;left: calc(55px - 120px);transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover .z-sy7-d3{top: -54px;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1 span{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;font-size: 12px;line-height: 24px;color: #439773;text-align: center;transition: 0.5s;} .cqr-news-list2 .z-sy7-bt1:hover span{color: #FFFFFF;transition: 0.5s;} .cqr-news-list2 .z-sy7-d4{width: 100%;} .cqr-news-list2 .z-sy7-d5{width: 100%;height: 1.74rem;border-bottom: 0.01rem solid #d4d3d3;box-sizing: border-box;position: relative;overflow: hidden;} /*.z-sy7-d5:nth-child(odd){float: left;} .z-sy7-d5:nth-child(even){float: right;}*/ .cqr-news-list2 .z-sy7-p3{padding-left: 0.11%;position: absolute;top: 0.33rem;left: 0;} .cqr-news-list2 .z-sy7-p3 span:first-child{font-size: 0.82rem;line-height: 0.82rem;color: #019970;font-family: "din";display: block;/*transition: 0.5s;*/} .cqr-news-list2 .z-sy7-p3 span:last-child{font-size: 0.26rem;line-height: 0.26rem;color: #019970;font-family: "din";display: block;} .cqr-news-list2 .z-sy7-p4{width: 70.71%;border-left: 0.01rem solid #d4d3d3;padding-left: 3.75%;position: absolute;top: 0.33rem;left: 14.58%;} .cqr-news-list2 .z-sy7-p4 span:first-child{width: 100%;height: 0.36rem;font-size: 0.24rem;line-height: 0.36rem;color: #1d4d37;display: block;margin-bottom: 0.1rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;/*transition: 0.5s;*/} .cqr-news-list2 .z-sy7-p4 span:last-child{width: 100%;height: 0.72rem;font-size: 0.18rem;line-height: 0.36rem;color: #84a495;display: block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cqr-news-list2 .z-sy7-d5 a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: block;} /*.z-sy7-d5:hover .z-sy7-p3 span:first-child{transform: translateY(-6px);transition: 0.5s;} .z-sy7-d5:hover .z-sy7-p4 span:first-child{transform: translateY(-6px);transition: 0.5s;}*/ } /*新闻列表3*/ @media only screen and (min-width: 1480px){ .cqr-news-list3{width:100%;padding:50px 0;} .cqr-news-list3 .cqr-news-ul{width:100%;overflow:hidden;clear:both;display:table;text-align:center;} /*1*/ .cqr-news-list3 .cqr-news-ul-1 li{display:inline-block;width:60%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*2*/ .cqr-news-list3 .cqr-news-ul-2 li{display:inline-block;width:49%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*3*/ .cqr-news-list3 .cqr-news-ul-3 li{display:inline-block;width:33%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*4*/ .cqr-news-list3 .cqr-news-ul-4 li{display:inline-block;width:24%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*5*/ .cqr-news-list3 .cqr-news-ul-5 li{display:inline-block;width:19.5%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} .cqr-news-list3 .cqr-news-ul li:before{content: "";width: 0px;height: 2px;background: #00b8ff;top: 0;left: 0;position: absolute;z-index: 999;transition: 1s;} .cqr-news-list3 .cqr-news-ul li .info{position: absolute;top: 80px;width: 100%;left: 0;transition: 0.5s;} .cqr-news-list3 .cqr-news-ul li .info .img{width: 100%;height: 130px;} .cqr-news-list3 .cqr-news-ul li .info .img img{margin:0 auto;display:block;height:130px;} .cqr-news-list3 .cqr-news-ul li .info h3{width:90%;height:70px;overflow:hidden;font-weight: normal;color: #333;padding-top: 25px;padding-bottom: 15px;font-size: 24px;text-align: center;} .cqr-news-list3 .cqr-news-ul li .info p{width: 80%;height: 120px;line-height: 30px;margin: 0 auto;color: #73747b;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .cqr-news-list3 .cqr-news-ul li a.btn{padding:0;margin:0 auto;position: absolute;width: 120px;height: 40px;line-height: 40px;display: block;left: 50%;margin-left: -60px;bottom: 15px;color: #fff;background: #00b8ff;opacity: 0;border-radius: 2px;transition: 0.5s;font-size: 16px;text-align: center;} .cqr-news-list3 .cqr-news-ul li:hover{box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);} .cqr-news-list3 .cqr-news-ul li:hover:before{width: 100%;height: 2px;} .cqr-news-list3 .cqr-news-ul li:hover .info{top: 40px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;} .cqr-news-list3 .cqr-news-ul li:hover a.btn{opacity: 1;} } @media only screen and (max-width: 1479px) and (min-width: 1024px){ .cqr-news-list3{width:100%;padding:50px 0;} .cqr-news-list3 .cqr-news-ul{width:100%;overflow:hidden;clear:both;display:table;text-align:center;} .cqr-news-list3 .cqr-news-ul li{display:inline-block;width:33%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*1*/ .cqr-news-list3 .cqr-news-ul-1 li{display:inline-block;width:60%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*2*/ .cqr-news-list3 .cqr-news-ul-2 li{display:inline-block;width:49%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*3*/ .cqr-news-list3 .cqr-news-ul-3 li{display:inline-block;width:33%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*4*/ .cqr-news-list3 .cqr-news-ul-4 li{display:inline-block;width:24%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*5*/ .cqr-news-list3 .cqr-news-ul-5 li{display:inline-block;width:19.5%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} .cqr-news-list3 .cqr-news-ul li:before{content: "";width: 0px;height: 2px;background: #00b8ff;top: 0;left: 0;position: absolute;z-index: 999;transition: 1s;} .cqr-news-list3 .cqr-news-ul li .info{position: absolute;top: 80px;width: 100%;left: 0;transition: 0.5s;} .cqr-news-list3 .cqr-news-ul li .info .img{width: 100%;height: 130px;} .cqr-news-list3 .cqr-news-ul li .info .img img{margin:0 auto;display:block;height:130px;} .cqr-news-list3 .cqr-news-ul li .info h3{width:90%;height:70px;overflow:hidden;font-weight: normal;color: #333;padding-top: 20px;padding-bottom: 15px;font-size: 24px;text-align: center;} .cqr-news-list3 .cqr-news-ul li .info p{width: 80%;height: 120px;line-height: 30px;margin: 0 auto;color: #73747b;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .cqr-news-list3 .cqr-news-ul li a.btn{padding:0;margin:0 auto;position: absolute;width: 120px;height: 40px;line-height: 40px;display: block;left: 50%;margin-left: -60px;bottom: 20px;color: #fff;background: #00b8ff;opacity: 0;border-radius: 2px;transition: 0.5s;font-size: 16px;text-align: center;} .cqr-news-list3 .cqr-news-ul li:hover{box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);} .cqr-news-list3 .cqr-news-ul li:hover:before{width: 100%;height: 2px;} .cqr-news-list3 .cqr-news-ul li:hover .info{top: 40px;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;} .cqr-news-list3 .cqr-news-ul li:hover a.btn{opacity: 1;} } @media only screen and (max-width: 1023px) and (min-width: 991px){ .cqr-news-list3{width:100%;padding:50px 0;} .cqr-news-list3 .cqr-news-ul{width:100%;overflow:hidden;clear:both;display:table;text-align:center;} .cqr-news-list3 .cqr-news-ul li{display:inline-block;width:49.5%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*1*/ .cqr-news-list3 .cqr-news-ul-1 li{display:inline-block;width:88%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*2*/ .cqr-news-list3 .cqr-news-ul-2 li{display:inline-block;width:49%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*3*/ .cqr-news-list3 .cqr-news-ul-3 li{display:inline-block;width:49%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*4*/ .cqr-news-list3 .cqr-news-ul-4 li{display:inline-block;width:49%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*5*/ .cqr-news-list3 .cqr-news-ul-5 li{display:inline-block;width:49%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} .cqr-news-list3 .cqr-news-ul li:before{content: "";width: 0px;height: 2px;background: #00b8ff;top: 0;left: 0;position: absolute;z-index: 999;transition: 1s;} .cqr-news-list3 .cqr-news-ul li .info{position: absolute;top: 30px;width: 100%;left: 0;} .cqr-news-list3 .cqr-news-ul li .info .img{width: 100%;height: 130px;} .cqr-news-list3 .cqr-news-ul li .info .img img{margin:0 auto;display:block;height:130px;} .cqr-news-list3 .cqr-news-ul li .info h3{width:90%;height:70px;overflow:hidden;font-weight: normal;color: #333;padding-top: 20px;padding-bottom:15px;font-size: 24px;text-align: center;} .cqr-news-list3 .cqr-news-ul li .info p{width: 80%;height: 120px;line-height: 30px;margin: 0 auto;color: #73747b;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .cqr-news-list3 .cqr-news-ul li a.btn{padding:0;margin:0 auto;position: absolute;width: 120px;height: 40px;line-height: 40px;display: block;left: 50%;margin-left: -60px;bottom: 30px;color: #fff;background: #00b8ff;opacity: 1;border-radius: 2px;font-size: 16px;text-align: center;} .cqr-news-list3 .cqr-news-ul li:hover{box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);} .cqr-news-list3 .cqr-news-ul li:hover:before{width: 100%;height: 2px;} } @media only screen and (max-width: 990px){ .cqr-news-list3{width:100%;padding:50px 0;} .cqr-news-list3 .cqr-news-ul{width:100%;overflow:hidden;clear:both;display:table;text-align:center;} /*1*/ .cqr-news-list3 .cqr-news-ul-1 li{display:inline-block;width:88%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*2*/ .cqr-news-list3 .cqr-news-ul-2 li{display:inline-block;width:88%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*3*/ .cqr-news-list3 .cqr-news-ul-3 li{display:inline-block;width:88%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*4*/ .cqr-news-list3 .cqr-news-ul-4 li{display:inline-block;width:88%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} /*5*/ .cqr-news-list3 .cqr-news-ul-5 li{display:inline-block;width:88%;position: relative;height: 428px;border: 1px solid #e7e7e7;margin-left: -1px;z-index: 10;} .cqr-news-list3 .cqr-news-ul li:before{content: "";width: 0px;height: 2px;background: #00b8ff;top: 0;left: 0;position: absolute;z-index: 999;transition: 1s;} .cqr-news-list3 .cqr-news-ul li .info{position: absolute;top: 30px;width: 100%;left: 0;} .cqr-news-list3 .cqr-news-ul li .info .img{width: 100%;height: 130px;} .cqr-news-list3 .cqr-news-ul li .info .img img{margin:0 auto;display:block;height:130px;} .cqr-news-list3 .cqr-news-ul li .info h3{width:90%;height:50px;overflow:hidden;font-weight: normal;color: #333;padding-top: 20px;padding-bottom:15px;font-size: 24px;text-align: center;} .cqr-news-list3 .cqr-news-ul li .info p{width: 80%;height: 120px;line-height: 30px;margin: 0 auto;color: #73747b;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;} .cqr-news-list3 .cqr-news-ul li a.btn{padding:0;margin:0 auto;position: absolute;width: 120px;height: 40px;line-height: 40px;display: block;left: 50%;margin-left: -60px;bottom: 30px;color: #fff;background: #00b8ff;opacity: 1;border-radius: 2px;font-size: 16px;text-align: center;} .cqr-news-list3 .cqr-news-ul li:hover{box-shadow: 0 2px 20px rgba(175, 175, 175, 0.3);} .cqr-news-list3 .cqr-news-ul li:hover:before{width: 100%;height: 2px;} } /*{cqr-head-nav3}*//*{cqr-head-nav3}*/ @media only screen and (min-width: 1480px){ .cqr-head-nav3{background:#fff;} .cqr-head-nav3 .logo{width:30%;float:left;} .cqr-head-nav3 .logo img{height:90px;margin:0 auto;} .cqr-head-nav3 .daohang{width:66%;float:left;padding:0 2%;} .cqr-head-nav3 .nav1{height:90px;} .cqr-head-nav3 .nav1 li{float:left;font-size:18px;height:45px;width:11%;margin-left:1.5%;margin-top:24px;text-align:center;position:relative;} .cqr-head-nav3 .nav1 li:hover{border-bottom:4px solid #3b79c6;} .cqr-head-nav3 .nav1 li:hover>a{color:#3b79c6;} .cqr-head-nav3 .nav1 .active1{border-bottom:4px solid #3b79c6;} .cqr-head-nav3 .nav1 .active1 a{color:#3b79c6;} .cqr-head-nav3 .nav1 .index-nav-center{background: #fff;opacity: 0;height:0;position: absolute;top:46px;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4*/-o-transition: all 0.5s;/* Opera*/} .cqr-head-nav3 .nav1 .index-nav-center li{background: #fff;width:100%;height:30px;border-bottom:2px solid #fff;} .cqr-head-nav3 .nav1 .index-nav-center li a{font-size:16px;} .cqr-head-nav3 .nav1 .index-nav-center li:hover{border-bottom:2px solid #3b79c6;} .cqr-head-nav3 .nav1 li:hover .index-nav-center{opacity: 1;height:auto;} .cqr-head-nav3 .heng{display:none;} .cqr-head-nav3 #xiala{display:none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-head-nav3{background:#fff;} .cqr-head-nav3 .logo{width:30%;float:left;} .cqr-head-nav3 .logo img{height:90px;margin:0 auto;} .cqr-head-nav3 .daohang{width:66%;float:left;padding:0 2%;} .cqr-head-nav3 .nav1{height:90px;} .cqr-head-nav3 .nav1 li{float:left;font-size:18px;height:45px;width:11%;margin-left:1.5%;margin-top:24px;text-align:center;position:relative;} .cqr-head-nav3 .nav1 li:hover{border-bottom:4px solid #3b79c6;} .cqr-head-nav3 .nav1 li:hover>a{color:#3b79c6;} .cqr-head-nav3 .nav1 .active1{border-bottom:4px solid #3b79c6;} .cqr-head-nav3 .nav1 .active1 a{color:#3b79c6;} .cqr-head-nav3 .nav1 .index-nav-center{background: #fff;opacity: 0;height:0;position: absolute;top:46px;overflow: hidden;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;/* Firefox 4*/-o-transition: all 0.5s;/* Opera*/} .cqr-head-nav3 .nav1 .index-nav-center li{background: #fff;width:100%;height:30px;border-bottom:2px solid #fff;} .cqr-head-nav3 .nav1 .index-nav-center li a{font-size:16px;} .cqr-head-nav3 .nav1 .index-nav-center li:hover{border-bottom:2px solid #3b79c6;} .cqr-head-nav3 .nav1 li:hover .index-nav-center{opacity: 1;height:auto;} .cqr-head-nav3 .heng{display:none;} .cqr-head-nav3 #xiala{display:none;} } @media only screen and (max-width: 1023px){ .cqr-head-nav3{background:#fff;border-bottom:1px solid #ccc;} .cqr-head-nav3 .logo{width:70%;float:left;} .cqr-head-nav3 .logo img{height:50px;margin-left:2%} .cqr-head-nav3 .daohang{display:none;} .cqr-head-nav3 .heng{display:block;height:50px;float:right;position:relative;z-index:99;padding-right:20px;} .cqr-head-nav3 .heng img{display:block;height:30px;margin:10px;} .cqr-head-nav3 .nav{width:100%;background:#3b79c6;height:auto;padding:5% 0;z-index: 999} .cqr-head-nav3 #xiala{position:relative;} .cqr-head-nav3 .menu_list{position: absolute;right: 0px;top: 51px;z-index: 9999;background: rgba(255,255,255,1);background-color: #fff;filter: alpha(opacity=80)\9;*background-color:#fff \9;*filter:alpha(opacity=80)\9;box-shadow: 0 0 3px rgba(255, 255, 255, 1);min-width: 100%;margin-left: 0px;margin-left: 0px;list-style: none!important;margin-bottom: 0px;} .cqr-head-nav3 .menu_head{height: 47px;line-height: 47px;padding-left: 20px;font-size: 18px;color: #000;cursor: pointer;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;position: relative;margin: 0px 0px;font-weight: 300;background: #fff url(../img/zh_jia.png) center right no-repeat;} .cqr-head-nav3 .menu_list .current{background: #f8f8f8 url(../img/zh_jian.png) center right no-repeat;} .cqr-head-nav3 .menu_body{line-height: 38px;border-left: 1px solid #e1e1e1;background: #fff;border-right: 1px solid #e1e1e1;} .cqr-head-nav3 .menu_body a{display: block;height: 38px;line-height: 38px;padding-left: 38px;color: #000;background: #fff;text-decoration: none;} .cqr-head-nav3 .menu_body a:hover{text-decoration: none;} .cqr-head-nav3 .zh_gou{width:50%;float:left;background:#fff;text-align:center;border-bottom: 1px solid #e1e1e1;padding:15px 0;} .cqr-head-nav3 .zh_gou img{width:20%;} } /* 端午加班区块 css*//*{6.25 导航1}*//*cqr-dwNav-daohang1*/ @media only screen and (min-width: 1480px) { .cqr-dwNav-daohang1{background-color: #999; color: #ffffff;height: 60px; width:100%;position: relative;} .cqr-dwNav-daohang1>div.logo{float:left; width:35%; height:60px !important;} .cqr-dwNav-daohang1>div.logo img{height:100%; margin:0 auto; display:block;} .cqr-dwNav-daohang1 a{display: block; text-decoration: none;} .cqr-dwNav-daohang1 .nav_list{position:relative; z-index: 2; padding: 0; list-style: none; height: 60px;float:left;padding:0;margin:0;width:65%;} .cqr-dwNav-daohang1 .nav_list>li{padding: 0; float: left; margin: 0; width: 12%; text-align: center; height: 60px; overflow: hidden; transition: height 0.3s;} .cqr-dwNav-daohang1 .nav_list>li:hover{ background:#333;} .cqr-dwNav-daohang1 .nav_list>li.active{ background:#333;} .cqr-dwNav-daohang1 .nav_list>li ul{ list-style:none; padding:0; margin:0;} .cqr-dwNav-daohang1 .nav_head{ height: 60px; line-height: 60px; color: #ffffff; font-size: 16px; position: relative;} .cqr-dwNav-daohang1 .nav_body{ background:#999;display: block; font-size: 16px; height: 40px; line-height: 40px; color: #fff; position: relative; border-left: #999 solid 2px; border-right: #999 solid 2px;} /*.cqr-dwNav-daohang1 .nav_body:hover{ background:#666;}*/ .cqr-dwNav-daohang1 .nav_list>li:hover{ height: auto;} .cqr-dwNav-daohang1 .nav_body:after{content: ''; display: block; height: 0; position: absolute; bottom: -1px; width: 60%; left: 20%; border-bottom: #999 dashed 1px;} .cqr-dwNav-daohang1 .mobile-inner-header{ display:none;} .cqr-dwNav-daohang1 .menu_list{ display:none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px) { .cqr-dwNav-daohang1{background-color: #999; color: #ffffff;height: 60px;width:100%; position: relative;} .cqr-dwNav-daohang1>.logo{float:left; width:20%; height:60px !important;} .cqr-dwNav-daohang1>.logo img{height:100%; margin:0 auto; display:block;} .cqr-dwNav-daohang1 a{display: block; text-decoration: none;} .cqr-dwNav-daohang1 .nav_list{position:relative; z-index: 2; padding: 0; list-style: none; height: 60px;float:left;padding:0;margin:0;width:80%;} .cqr-dwNav-daohang1 .nav_list>li{padding: 0; float: left; margin: 0; width: 12%; text-align: center; height: 60px; overflow: hidden; transition: height 0.3s;} .cqr-dwNav-daohang1 .nav_list>li:hover{ background:#333;} .cqr-dwNav-daohang1 .nav_list>li.active{ background:#333;} .cqr-dwNav-daohang1 .nav_list>li ul{ list-style:none; padding:0; margin:0;} .cqr-dwNav-daohang1 .nav_head{ height: 60px; line-height: 60px; color: #ffffff; font-size: 16px; position: relative;} /* .cqr-dwNav-daohang1 .nav_body{ background:#999;display: block; font-size: 16px; height: 40px; line-height: 40px; color: #fff; position: relative; border-left: #999 solid 2px; border-right: #999 solid 2px;} */ .cqr-dwNav-daohang1 .nav_body{display: block; font-size: 16px; height: 40px; line-height: 40px; color: #fff; position: relative;} /*.cqr-dwNav-daohang1 .nav_body:hover{ background:#666;}*/ .cqr-dwNav-daohang1 .nav_list>li:hover{ height: auto;} .cqr-dwNav-daohang1 .nav_body:after{content: ''; display: block; height: 0; position: absolute; bottom: -1px; width: 60%; left: 20%; border-bottom: #999 dashed 1px;} .cqr-dwNav-daohang1 .mobile-inner-header{ display:none;} .cqr-dwNav-daohang1 .menu_list{ display:none;} } @media only screen and (max-width: 1023px) { .cqr-dwNav-daohang1{background-color: #999; color: #ffffff;height: 60px; position: relative;} .cqr-dwNav-daohang1>.logo{float:left; width:60%;} .cqr-dwNav-daohang1>.logo img{display:block;} .cqr-dwNav-daohang1 .nav_list{ display:none;} .cqr-dwNav-daohang1 .mobile-inner-header{width: 100%;height: 60px; line-height:60px; color:#5b8400; font-size:18px; text-align:center} .cqr-dwNav-daohang1 .mobile-inner-header-icon{height: 40px;font-size:25px;text-align: center;width: 40px;position: absolute;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; top:-2px; right:0%} .cqr-dwNav-daohang1 .mobile-inner-header-icon:hover{cursor: pointer;} .cqr-dwNav-daohang1 .mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.8);width:25px;height: 2px;background-color: #fff;} .cqr-dwNav-daohang1 .mobile-inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);} .cqr-dwNav-daohang1 .mobile-inner-header-icon span:nth-child(2){transform: translateY(0px) rotate(0deg);} .cqr-dwNav-daohang1 .mobile-inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);} .cqr-dwNav-daohang1 .mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;} .cqr-dwNav-daohang1 .mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;} .cqr-dwNav-daohang1 .mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicklast;} @keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);}100%{transform: translateY(0) rotate(45deg);}} @-webkit-keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);}100%{transform: translateY(0) rotate(45deg);}} @-moz-keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);}100%{transform: translateY(0) rotate(45deg);}} @keyframes clicksecond{0%{opacity:1;}100%{opacity:0;}} @-webkit-keyframes clicksecond{0%{opacity:1;}100%{opacity:0;}} @-moz-keyframes clicksecond{0%{opacity:1;}100%{opacity:0;}} @keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);}100%{transform: translateY(0) rotate(-45deg);}} @-webkit-keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);}100%{transform: translateY(0) rotate(-45deg);}} @-moz-keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);}100%{transform: translateY(0) rotate(-45deg);}} .cqr-dwNav-daohang1 .mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;} .cqr-dwNav-daohang1 .mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;} .cqr-dwNav-daohang1 .mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outlast;} @keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);}100%{transform: translateY(-4px) rotate(0deg);}} @keyframes outsecond{0%{transform: translateY(0);opacity:0;}100%{transform: translateY(4px);opacity:1}} @keyframes outlast{0%{transform: translateY(0) rotate(45deg);}100%{transform: translateY(12px) rotate(0deg);}} .cqr-dwNav-daohang1 .mobile-inner-nav a{position: relative;display: block;overflow: hidden;border: none !important;} .cqr-dwNav-daohang1 .mobile-inner-nav a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;z-index: 1;background-color: rgba(255,255,255,0.2);-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: ReturnToNormal;animation-name: ReturnToNormal;} @-webkit-keyframes ReturnToNormal{0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);} 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}} @keyframes ReturnToNormal{0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);} 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}} .cqr-dwNav-daohang1 .mobile-inner-nav{background-color: rgba(0,0,0,0.8);width: 100%;position:absolute;z-index: 99999;top: 50px;left: 0px;padding-bottom:100%;display: none;} /*.mobile-inner-nav a{font-size: 14px;display: inline-block;line-height: 40px;text-align: center;text-decoration: none;width: 80%;margin-left: 10%;color: #5b8400;border-bottom: solid 1px rgba(255,255,255,0.8);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;} .mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);} */ .cqr-dwNav-daohang1 .menu_list{z-index: 9999;background: rgba(255,255,255,1);background-color: #fff;filter: alpha(opacity=80)\9; *background-color:#fff \9; *filter:alpha(opacity=80)\9;box-shadow: 0 0 3px rgba(255, 255, 255, 1);min-width: 100%;margin-left: 0px;margin-left: 0px;list-style: none!important;margin-bottom: 0px;} .cqr-dwNav-daohang1 .menu_head{height: 47px;line-height: 47px;padding-left: 20px;font-size: 18px;color: #000;cursor: pointer;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;position: relative;margin: 0px 0px;font-weight: 300;background: #fff url(../img/zh_jia.png) center right no-repeat;} .cqr-dwNav-daohang1 .menu_list .current{background: #f8f8f8 url(../img/zh_jian.png) center right no-repeat;} .cqr-dwNav-daohang1 .menu_body{line-height: 38px;border-left: 1px solid #e1e1e1;background: #fff;border-right: 1px solid #e1e1e1;} .cqr-dwNav-daohang1 .mobile-inner-nav .menu_list h3 a{ display:inline-block; text-decoration: none; color:#000;} .cqr-dwNav-daohang1 .menu_body a{display: block;height: 38px;line-height: 38px;padding-left: 38px;color: #000;background: #fff;text-decoration: none;} .cqr-dwNav-daohang1 .menu_body a:hover{text-decoration: none; text-decoration: none; color:#333;} .cqr-dwNav-daohang1 .zh_gou{width:50%; float:left; background:#fff; text-align:center;border-bottom: 1px solid #e1e1e1; padding:15px 0;} .cqr-dwNav-daohang1 .zh_gou img{width:20%;} } /*{6.25 导航2}*//*cqr-dwNav-daohang2*/ @media only screen and (min-width: 1480px) { .cqr-dwNav-daohang2 {background-color: #fff; position: relative; color: #ffffff; width: 100%; height: 60px;} .cqr-dwNav-daohang2 .logo{float:left; width:35%;} .cqr-dwNav-daohang2 .logo img{height:64px; margin:0 auto; display:block;} .cqr-dwNav-daohang2 a{display: block; text-decoration: none;} .cqr-dwNav-daohang2 .nav_list{z-index: 2;padding: 0;list-style: none;width:65%;overflow: hidden;height: 60px;float: left;margin: 0;} .cqr-dwNav-daohang2 .nav_list>li{padding: 0; float: left; margin: 0; width: 14%; text-align: center; height: auto; background:#ccc; color:#fff;} .cqr-dwNav-daohang2 .nav_head{height: 60px; line-height: 60px; color: #ffffff; font-size: 16px; } .cqr-dwNav-daohang2 ul{ list-style:none; padding:0; margin:0;} .cqr-dwNav-daohang2 .item{height: 40px; line-height: 40px; color: #fff; position: relative; font-size: 16px;} /*.cqr-dwNav-daohang2 .item:hover{ background:#999;}*/ .cqr-dwNav-daohang2 .nav_list:hover{height: auto; transition: height 0.3s;} /*.cqr-dwNav-daohang2 .nav_list>li:hover .nav_head,.hl_nav .nav_list>li.active .nav_head{background-color: #999; border-bottom:1px solid #000;}*/ .cqr-dwNav-daohang2 .mobile-inner-header{ display:none;} .cqr-dwNav-daohang2 .menu_list{ display:none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px) { .cqr-dwNav-daohang2 {background-color: #fff; position: relative; color: #ffffff; width: 100%; height: 60px;} .cqr-dwNav-daohang2 .logo{float:left; width:25%;} .cqr-dwNav-daohang2 .logo img{height:64px; margin:0 auto; display:block;} .cqr-dwNav-daohang2 a{display: block; text-decoration: none;} .cqr-dwNav-daohang2 .nav_list{z-index: 2;padding: 0;list-style: none;width:75%;overflow: hidden;height: 60px;float: left;margin: 0;} .cqr-dwNav-daohang2 .nav_list>li{padding: 0; float: left; margin: 0; width: 14%; text-align: center; height: auto; background:#ccc; color:#fff;} .cqr-dwNav-daohang2 .nav_head{height: 64px; line-height: 64px; color: #ffffff; font-size: 16px;} .cqr-dwNav-daohang2 ul{ list-style:none; padding:0; margin:0;} .cqr-dwNav-daohang2 .item{height: 40px; line-height: 40px; color: #fff; position: relative; font-size: 16px;} /*.cqr-dwNav-daohang2 .item:hover{ background:#999;}*/ .cqr-dwNav-daohang2 .nav_list:hover{height: auto; transition: height 0.3s;} /*.cqr-dwNav-daohang2 .nav_list>li:hover .nav_head,.hl_nav .nav_list>li.active .nav_head{background-color: #EA0D04;}*/ .cqr-dwNav-daohang2 .mobile-inner-header{ display:none;} .cqr-dwNav-daohang2 .menu_list{ display:none;} } @media only screen and (max-width: 1023px) { .cqr-dwNav-daohang2 {background-color: #ccc; width: 100%; height: 60px; position: relative;} .cqr-dwNav-daohang2 .logo{float:left; width:60%;} .cqr-dwNav-daohang2 .logo img{height:64px; display:block;} .cqr-dwNav-daohang2 .nav_list{ display:none;} .cqr-dwNav-daohang2 .mobile-inner-header{width: 100%;height: 64px; line-height:64px; font-size:18px; text-align:center} .cqr-dwNav-daohang2 .mobile-inner-header-icon{height: 40px;font-size:25px;text-align: center;width: 40px;position: absolute;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s; top:2px; right:0%} .cqr-dwNav-daohang2 .mobile-inner-header-icon:hover{cursor: pointer;} .cqr-dwNav-daohang2 .mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.8);width:25px;height: 2px;background-color: #fff;} .cqr-dwNav-daohang2 .mobile-inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);} .cqr-dwNav-daohang2 .mobile-inner-header-icon span:nth-child(2){transform: translateY(0px) rotate(0deg);} .cqr-dwNav-daohang2 .mobile-inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);} .cqr-dwNav-daohang2 .mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;} .cqr-dwNav-daohang2 .mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;} .cqr-dwNav-daohang2 .mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicklast;} @keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);}100%{transform: translateY(0) rotate(45deg);}} @-webkit-keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);}100%{transform: translateY(0) rotate(45deg);}} @-moz-keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);}100%{transform: translateY(0) rotate(45deg);}} @keyframes clicksecond{0%{opacity:1;}100%{opacity:0;}} @-webkit-keyframes clicksecond{0%{opacity:1;}100%{opacity:0;}} @-moz-keyframes clicksecond{0%{opacity:1;}100%{opacity:0;}} @keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);}100%{transform: translateY(0) rotate(-45deg);}} @-webkit-keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);}100%{transform: translateY(0) rotate(-45deg);}} @-moz-keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);}100%{transform: translateY(0) rotate(-45deg);}} .cqr-dwNav-daohang2 .mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;} .cqr-dwNav-daohang2 .mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;} .cqr-dwNav-daohang2 .mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outlast;} @keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);}100%{transform: translateY(-4px) rotate(0deg);}} @keyframes outsecond{0%{transform: translateY(0);opacity:0;}100%{transform: translateY(4px);opacity:1}} @keyframes outlast{0%{transform: translateY(0) rotate(45deg);}100%{transform: translateY(12px) rotate(0deg);}} .cqr-dwNav-daohang2 .mobile-inner-nav a{position: relative;display: block;overflow: hidden;border: none !important;} .cqr-dwNav-daohang2 .mobile-inner-nav a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;z-index: 1;background-color: rgba(255,255,255,0.2);-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: ReturnToNormal;animation-name: ReturnToNormal;} @-webkit-keyframes ReturnToNormal{0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);} 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}} @keyframes ReturnToNormal{0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);} 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}} .mobile-inner-nav{background-color: rgba(0,0,0,0.8);width: 100%;position:absolute;z-index: 99999;top:64px;left: 0px;padding-bottom:100%;display: none;} /*.mobile-inner-nav a{font-size: 14px;display: inline-block;line-height: 40px;text-align: center;text-decoration: none;width: 80%;margin-left: 10%;color: #5b8400;border-bottom: solid 1px rgba(255,255,255,0.8);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;} .mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);} */ .cqr-dwNav-daohang2 .menu_list{z-index: 9999;background: rgba(255,255,255,1);background-color: #fff;filter: alpha(opacity=80)\9; *background-color:#fff \9; *filter:alpha(opacity=80)\9;box-shadow: 0 0 3px rgba(255, 255, 255, 1);min-width: 100%;margin-left: 0px;margin-left: 0px;list-style: none!important;margin-bottom: 0px;} .cqr-dwNav-daohang2 .menu_head{height: 47px;line-height: 47px;padding-left: 20px;font-size: 18px;color: #000;cursor: pointer;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;position: relative;margin: 0px 0px;font-weight: 300;background: #fff url(../img/zh_jia.png) center right no-repeat;} .cqr-dwNav-daohang2 .menu_list .current{background: #f8f8f8 url(../img/zh_jian.png) center right no-repeat;} .cqr-dwNav-daohang2 .menu_body{line-height: 38px;border-left: 1px solid #e1e1e1;background: #fff;border-right: 1px solid #e1e1e1;} .cqr-dwNav-daohang2 .mobile-inner-nav .menu_list h3 a{ display:inline-block; text-decoration: none; color:#000;} .cqr-dwNav-daohang2 .menu_body a{display: block;height: 38px;line-height: 38px;padding-left: 38px;color: #000;background: #fff;text-decoration: none;} .cqr-dwNav-daohang2 .menu_body a:hover{text-decoration: none; text-decoration: none; color:#333;} .cqr-dwNav-daohang2 .zh_gou{width:50%; float:left; background:#fff; text-align:center;border-bottom: 1px solid #e1e1e1; padding:15px 0;} .cqr-dwNav-daohang2 .zh_gou img{width:20%;} } /*{6.25 导航3}*//*cqr-dwNav-daohang3*/ @media only screen and (min-width: 1480px){ .cqr-dwNav-daohang3 .head{height:100px;background:#fff;padding:15px 0;} .cqr-dwNav-daohang3 .head img{display:block;margin:0 auto;width: auto;} /*nav*/.cqr-dwNav-daohang3 .nav{height:56px;background-color:#333;width:100%;border-bottom:1px solid #dcdcdc;z-index:30;} .cqr-dwNav-daohang3 .nav>ul{width:100%;} .nav>ul>li{display:inline-block;width:12%;text-align:center;line-height:56px;color:#333;} .cqr-dwNav-daohang3 .nav>ul>li>a:hover{background:#999;} .cqr-dwNav-daohang3 .nav>ul>li.active>a{background:#e0bf7a;} .cqr-dwNav-daohang3 .nav>ul{text-align:center;margin:0 auto;} .cqr-dwNav-daohang3 .nav>ul>li>a{color:#fff;font-size:16px;display:block;} .cqr-dwNav-daohang3 .nav-xia{background: rgba(0,0,0,0.8);width: 100%;position: absolute;left: 0;height: 224px;z-index:30;display:none;text-align:center;} .cqr-dwNav-daohang3 .nav-xia .a-img{display:block;height:150px;margin:28px 25px;display:inline-block;vertical-align: middle;} .cqr-dwNav-daohang3 .nav-ul{width:38%;display:inline-block;vertical-align: middle;} .cqr-dwNav-daohang3 .nav-ul li{float:left;width:170px;padding-left:20px;background:url(../img/y-jian.png) no-repeat center left;text-align:left;height:40px;line-height:40px;} .cqr-dwNav-daohang3 .nav-ul li a{color:#fff;font-size:15px;} .cqr-dwNav-daohang3 .nav-xia div{width:540px;height:150px;border-left:1px dashed #424242;margin:37px 0;padding:39px 50px;} .cqr-dwNav-daohang3 .nav-xia div a{display:block;height:72px;line-height:24px;color:#262626;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align:left;font-size:14px;} .cqr-dwNav-daohang3 .mobile-inner-header{display:none;} .cqr-dwNav-daohang3 .menu_list{display:none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwNav-daohang3 .head{height:100px;background:#fff;padding:15px 0;} .cqr-dwNav-daohang3 .head img{display:block;margin:0 auto;width: auto;} /*nav*/.cqr-dwNav-daohang3 .nav{height:56px;background-color:#333;width:100%;border-bottom:1px solid #dcdcdc;z-index:30;width:100%;} .cqr-dwNav-daohang3 .nav>ul{width:100%;} .cqr-dwNav-daohang3 .nav>ul>li{display:inline-block;width:12%;text-align:center;line-height:56px;color:#333;} .cqr-dwNav-daohang3 .nav>ul>li>a:hover{background:#999;} .cqr-dwNav-daohang3 .nav>ul>li.active>a{background:#e0bf7a;} .cqr-dwNav-daohang3 .nav>ul{text-align:center;margin:0 auto;} .cqr-dwNav-daohang3 .nav>ul>li>a{color:#fff;font-size:16px;display:block;} .cqr-dwNav-daohang3 .nav-xia{background: rgba(0,0,0,0.8);width: 100%;position: absolute;left: 0;height: 224px;z-index:30;display:none;text-align:center;} .cqr-dwNav-daohang3 .nav-xia .a-img{display:block;height:150px;margin:28px 25px;display:inline-block;vertical-align: middle;} .cqr-dwNav-daohang3 .nav-ul{width:50%;display:inline-block;vertical-align: middle;} .cqr-dwNav-daohang3 .nav-ul li{float:left;width:170px;padding-left:20px;background:url(../img/y-jian.png) no-repeat center left;text-align:left;height:40px;line-height:40px;} .cqr-dwNav-daohang3 .nav-ul li a{color:#fff;font-size:15px;} .cqr-dwNav-daohang3 .nav-xia div{width:540px;height:150px;border-left:1px dashed #424242;margin:37px 0;padding:39px 50px;} .cqr-dwNav-daohang3 .nav-xia div a{display:block;height:72px;line-height:24px;color:#262626;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-align:left;font-size:14px;} .cqr-dwNav-daohang3 .mobile-inner-header{display:none;} .cqr-dwNav-daohang3 .menu_list{display:none;} } @media only screen and (min-width: 1361px) and (max-width: 1479px){ .cqr-dwNav-daohang3 .nav-ul{width:37%;display:inline-block;vertical-align: middle;} } @media only screen and (max-width: 1023px){ .cqr-dwNav-daohang3 .nav{display:none;} .cqr-dwNav-daohang3 .head{background:#fff;height:70px;position:relative;border-top: 1px solid #7a0011;border-bottom: 1px solid #7a0011;} .cqr-dwNav-daohang3 .head img{display:block;margin-left:2%;height:70px;width: auto;} .cqr-dwNav-daohang3 .mobile-inner-header{width: 100%;height: 64px;line-height:64px;font-size:18px;text-align:center} .cqr-dwNav-daohang3 .mobile-inner-header-icon{height: 40px;font-size:25px;text-align: center;width: 40px;position: absolute;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;top:8px;right:0%} .cqr-dwNav-daohang3 .mobile-inner-header-icon:hover{cursor: pointer;} .cqr-dwNav-daohang3 .mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 1.8);width:25px;height: 2px;background-color: #111;} .cqr-dwNav-daohang3 .mobile-inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);} .cqr-dwNav-daohang3 .mobile-inner-header-icon span:nth-child(2){transform: translateY(0px) rotate(0deg);} .cqr-dwNav-daohang3 .mobile-inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);} .cqr-dwNav-daohang3 .mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;} .cqr-dwNav-daohang3 .mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;} .cqr-dwNav-daohang3 .mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicklast;} @keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);} 100%{transform: translateY(0) rotate(45deg);}}@-webkit-keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);} 100%{transform: translateY(0) rotate(45deg);}}@-moz-keyframes clickfirst{0%{transform: translateY(6px) rotate(0deg);} 100%{transform: translateY(0) rotate(45deg);}}@keyframes clicksecond{0%{opacity:1;} 100%{opacity:0;}}@-webkit-keyframes clicksecond{0%{opacity:1;} 100%{opacity:0;}}@-moz-keyframes clicksecond{0%{opacity:1;} 100%{opacity:0;}}@keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);} 100%{transform: translateY(0) rotate(-45deg);}}@-webkit-keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);} 100%{transform: translateY(0) rotate(-45deg);}}@-moz-keyframes clicklast{0%{transform: translateY(-6px) rotate(0deg);} 100%{transform: translateY(0) rotate(-45deg);}}.cqr-dwNav-daohang3 .mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;} .cqr-dwNav-daohang3 .mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;} .cqr-dwNav-daohang3 .mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outlast;} @keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);} 100%{transform: translateY(-4px) rotate(0deg);}}@keyframes outsecond{0%{transform: translateY(0);opacity:0;} 100%{transform: translateY(4px);opacity:1}}@keyframes outlast{0%{transform: translateY(0) rotate(45deg);} 100%{transform: translateY(12px) rotate(0deg);}}.cqr-dwNav-daohang3 .mobile-inner-nav a{position: relative;display: block;overflow: hidden;border: none !important;} .cqr-dwNav-daohang3 .mobile-inner-nav a:after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;z-index: 1;background-color: rgba(255,255,255,0.2);-webkit-animation-duration: 0.7s;animation-duration: 0.7s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: ReturnToNormal;animation-name: ReturnToNormal;} @-webkit-keyframes ReturnToNormal{0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);} 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}}@keyframes ReturnToNormal{0%{-webkit-transform: scale(0.1,1);-ms-transform: scale(0.1,1);transform: translate: scale(0.1,1);} 100%{-webkit-transform: scaleX(1,1);-ms-transform: scale(1,1);transform: translate: scaleX(1,1);}}.mobile-inner-nav{background-color: rgba(0,0,0,0.8);width: 100%;position:absolute;z-index: 99999;top:72px;left: 0px;padding-bottom:100%;display: none;} /*.mobile-inner-nav a{font-size: 14px;display: inline-block;line-height: 40px;text-align: center;text-decoration: none;width: 80%;margin-left: 10%;color: #5b8400;border-bottom: solid 1px rgba(255,255,255,0.8);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;} .mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}*/.cqr-dwNav-daohang3 .menu_list{z-index: 9999;background: rgba(255,255,255,1);background-color: #fff;filter: alpha(opacity=80)\9;*background-color:#fff \9;*filter:alpha(opacity=80)\9;box-shadow: 0 0 3px rgba(255, 255, 255, 1);min-width: 100%;margin-left: 0px;margin-left: 0px;list-style: none!important;margin-bottom: 0px;} .cqr-dwNav-daohang3 .menu_head{height: 47px;line-height: 47px;padding-left: 20px;font-size: 18px;color: #000;cursor: pointer;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;position: relative;margin: 0px 0px;font-weight: 300;background: #fff url(../img/zh_jia.png) center right no-repeat;} .cqr-dwNav-daohang3 .menu_list .current{background: #f8f8f8 url(../img/zh_jian.png) center right no-repeat;} .cqr-dwNav-daohang3 .menu_body{line-height: 38px;border-left: 1px solid #e1e1e1;background: #fff;border-right: 1px solid #e1e1e1;} .cqr-dwNav-daohang3 .mobile-inner-nav .menu_list h3 a{display:inline-block;text-decoration: none;color:#000;} .cqr-dwNav-daohang3 .menu_body a{display: block;height: 38px;line-height: 38px;padding-left: 38px;color: #000;background: #fff;text-decoration: none;} .cqr-dwNav-daohang3 .menu_body a:hover{text-decoration: none;text-decoration: none;color:#333;} .cqr-dwNav-daohang3 .zh_gou{width:50%;float:left;background:#fff;text-align:center;border-bottom: 1px solid #e1e1e1;padding:15px 0;} .cqr-dwNav-daohang3 .zh_gou img{width:20%;} } /*{6.25 图片列表1}*/@media only screen and (min-width: 1480px){ .cqr-dwlist-imglist1{width: 100%;margin: 0 auto;} .cqr-dwlist-imglist1 .cols{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .cqr-dwlist-imglist1 .col{width: calc(25% - 2%);margin: 1%;cursor: pointer;} .cqr-dwlist-imglist1 .container{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;} .cqr-dwlist-imglist1 .front,.cqr-dwlist-imglist1 .back{background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center;min-height: 280px;height: auto;border-radius: 10px;color: #fff;font-size: 15px;} .cqr-dwlist-imglist1 .back{background: #cedce7;background: -webkit-linear-gradient(45deg, #cedce7 0%,#596a72 100%);background: -o-linear-gradient(45deg, #cedce7 0%,#596a72 100%);background: linear-gradient(45deg, #cedce7 0%,#596a72 100%);} .cqr-dwlist-imglist1 .front:after{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: '';display: block;opacity: .3;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;} .cqr-dwlist-imglist1 .container:hover .front,.cqr-dwlist-imglist1 .container:hover .back{-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);} .cqr-dwlist-imglist1 .back{position: absolute;top: 0;left: 0;width: 100%;} .cqr-dwlist-imglist1 .inner{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top: 50%;position: absolute;left: 0;width: 100%;padding: 6%;font-size: 18px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;} .cqr-dwlist-imglist1 .inner p{font-size: 18px;} .cqr-dwlist-imglist1 .container .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container:hover .front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .front .inner p{font-size: 40px;margin-bottom: 30px;position: relative;} .cqr-dwlist-imglist1 .front .inner p:after{content: '';width: 25%;height: 2px;position: absolute;background: #C6D4DF;display: block;left: 0;right: 0;margin: 0 auto;bottom: -17px;} .cqr-dwlist-imglist1 .front .inner span{color: rgba(255,255,255,1);font-family: 'Montserrat';font-weight: 300;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwlist-imglist1{width: 100%;margin: 0 auto;} .cqr-dwlist-imglist1 .cols{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .cqr-dwlist-imglist1 .col{width: calc(33.33% - 2%);margin: 1%;cursor: pointer;} .cqr-dwlist-imglist1 .container{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;} .cqr-dwlist-imglist1 .front,.cqr-dwlist-imglist1 .back{background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center;min-height: 280px;height: auto;border-radius: 10px;color: #fff;font-size: 15px;} .cqr-dwlist-imglist1 .back{background: #cedce7;background: -webkit-linear-gradient(45deg, #cedce7 0%,#596a72 100%);background: -o-linear-gradient(45deg, #cedce7 0%,#596a72 100%);background: linear-gradient(45deg, #cedce7 0%,#596a72 100%);} .cqr-dwlist-imglist1 .front:after{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: '';display: block;opacity: .3;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;} .cqr-dwlist-imglist1 .container:hover .front,.cqr-dwlist-imglist1 .container:hover .back{-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);} .cqr-dwlist-imglist1 .back{position: absolute;top: 0;left: 0;width: 100%;} .cqr-dwlist-imglist1 .inner{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top: 50%;position: absolute;left: 0;width: 100%;padding: 6%;font-size: 18px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;} .cqr-dwlist-imglist1 .inner p{font-size: 18px;} .cqr-dwlist-imglist1 .container .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container:hover .front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .front .inner p{font-size: 40px;margin-bottom: 30px;position: relative;} .cqr-dwlist-imglist1 .front .inner p:after{content: '';width: 25%;height: 2px;position: absolute;background: #C6D4DF;display: block;left: 0;right: 0;margin: 0 auto;bottom: -17px;} .cqr-dwlist-imglist1 .front .inner span{color: rgba(255,255,255,1);font-family: 'Montserrat';font-weight: 300;} } @media only screen and (max-width: 1023px){ .cqr-dwlist-imglist1{width: 100%;margin: 0 auto;} .cqr-dwlist-imglist1 .cols{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;} .cqr-dwlist-imglist1 .col{width: calc(50% - 2%);margin: 1%;cursor: pointer;} .cqr-dwlist-imglist1 .container{-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-perspective: 1000px;perspective: 1000px;} .cqr-dwlist-imglist1 .front,.cqr-dwlist-imglist1 .back{background-size: cover;background-position: center;-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-webkit-backface-visibility: hidden;backface-visibility: hidden;text-align: center;min-height: 280px;height: auto;border-radius: 10px;color: #fff;font-size: 15px;} .cqr-dwlist-imglist1 .back{background: #cedce7;background: -webkit-linear-gradient(45deg, #cedce7 0%,#596a72 100%);background: -o-linear-gradient(45deg, #cedce7 0%,#596a72 100%);background: linear-gradient(45deg, #cedce7 0%,#596a72 100%);} .cqr-dwlist-imglist1 .front:after{position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;content: '';display: block;opacity: .6;background-color: #000;-webkit-backface-visibility: hidden;backface-visibility: hidden;border-radius: 10px;} .cqr-dwlist-imglist1 .container:hover .front,.cqr-dwlist-imglist1 .container:hover .back{-webkit-transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);-o-transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);} .cqr-dwlist-imglist1 .back{position: absolute;top: 0;left: 0;width: 100%;} .cqr-dwlist-imglist1 .inner{-webkit-transform: translateY(-50%) translateZ(60px) scale(0.94);transform: translateY(-50%) translateZ(60px) scale(0.94);top: 50%;position: absolute;left: 0;width: 100%;padding: 6%;font-size: 18px;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 1px solid transparent;-webkit-perspective: inherit;perspective: inherit;z-index: 2;} .cqr-dwlist-imglist1 .inner p{font-size: 18px;} .cqr-dwlist-imglist1 .container .back{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container .front{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container:hover .back{-webkit-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .container:hover .front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;} .cqr-dwlist-imglist1 .front .inner p{font-size: 30px;margin-bottom: 25px;position: relative;} .cqr-dwlist-imglist1 .front .inner p:after{content: '';width: 25%;height: 2px;position: absolute;background: #C6D4DF;display: block;left: 0;right: 0;margin: 0 auto;bottom: -17px;} .cqr-dwlist-imglist1 .front .inner span{color: rgba(255,255,255,1);font-family: 'Montserrat';font-weight: 300;} } /*{6.25 图片列表2}*/ @media only screen and (min-width: 1480px){.cqr-dwlist-imglist2{padding: 80px 0;box-sizing: border-box;background-repeat: no-repeat;background-position: center;background-color: #252525;} .cqr-dwlist-imglist2 .app-store-head h2{position: relative;font-weight: normal;text-align: center;font-size: 38px;color: #fff;z-index: 50;} .cqr-dwlist-imglist2 .app-store-wrap{width: 100%;position: relative;margin: 0 auto;text-align:center;} .cqr-dwlist-imglist2 .app-store-list{margin: 30px 0;text-align: justify;text-align:center;} .cqr-dwlist-imglist2 .app-store-item{position: relative;display:inline-block;margin: 0 10px;width: 17.5%;background: #fff;text-align: center;overflow: hidden;font-size: 0;border-radius: 10px;} .cqr-dwlist-imglist2 .app-store-item:hover{box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);-webkit-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);-moz-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);} .cqr-dwlist-imglist2 .app-store-item:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;} .cqr-dwlist-imglist2 .app-store-item img{vertical-align: middle;width: 100%;} .cqr-dwlist-imglist2 .app-store-info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .cqr-dwlist-imglist2 .app-store-info h3{position: absolute;line-height:7;width: 100%;text-align: center;font-size: 16px;font-weight: normal;color: #fff;z-index: 30;} .cqr-dwlist-imglist2 .app-store-tag{position: absolute;top:0;left: 50%;width: 120px;height: 120px;margin: 0 0 0 -60px;background: #333;opacity: .9;border-radius: 50%;z-index: 10;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .cqr-dwlist-imglist2 .item01 .app-store-tag{background: #6bddd7;} .cqr-dwlist-imglist2 .item02 .app-store-tag{background: #56de7f;} .cqr-dwlist-imglist2 .item03 .app-store-tag{background: #818181;} .cqr-dwlist-imglist2 .item04 .app-store-tag{background: #0087fa;} .cqr-dwlist-imglist2 .item05 .app-store-tag{background: #fcc300;} .cqr-dwlist-imglist2 .app-store-list .app-store-item:hover .app-store-tag{-webkit-transform: scale(3.7, 3.7);-moz-transform: scale(3.7, 3.7);transform: scale(3.7, 3.7);} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwlist-imglist2{padding: 80px 0;box-sizing: border-box;background-repeat: no-repeat;background-position: center;background-color: #252525;} .cqr-dwlist-imglist2 .app-store-head h2{position: relative;font-weight: normal;text-align: center;font-size: 38px;color: #fff;z-index: 50;} .cqr-dwlist-imglist2 .app-store-wrap{width: 100%;position: relative;margin: 0 auto;text-align:center;} .cqr-dwlist-imglist2 .app-store-list{margin: 30px 0;text-align: justify;text-align:center;} .cqr-dwlist-imglist2 .app-store-item{position: relative;display:inline-block;margin: 0 10px;width: 17.5%;background: #fff;text-align: center;overflow: hidden;font-size: 0;border-radius: 10px;} .cqr-dwlist-imglist2 .app-store-item:hover{box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);-webkit-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);-moz-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);} .cqr-dwlist-imglist2 .app-store-item:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;} .cqr-dwlist-imglist2 .app-store-item img{vertical-align: middle;} .cqr-dwlist-imglist2 .app-store-info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .cqr-dwlist-imglist2 .app-store-info h3{position: absolute;line-height:7;width: 100%;text-align: center;font-size: 16px;font-weight: normal;color: #fff;z-index: 30;} .cqr-dwlist-imglist2 .app-store-tag{position: absolute;top: 0;left: 50%;width: 110px;height: 110px;margin: 0 0 0 -50px;background: #333;opacity: .9;border-radius: 50%;z-index: 10;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .cqr-dwlist-imglist2 .item01 .app-store-tag{background: #6bddd7;} .cqr-dwlist-imglist2 .item02 .app-store-tag{background: #56de7f;} .cqr-dwlist-imglist2 .item03 .app-store-tag{background: #818181;} .cqr-dwlist-imglist2 .item04 .app-store-tag{background: #0087fa;} .cqr-dwlist-imglist2 .item05 .app-store-tag{background: #fcc300;} .cqr-dwlist-imglist2 .app-store-list .app-store-item:hover .app-store-tag{-webkit-transform: scale(3.7, 3.7);-moz-transform: scale(3.7, 3.7);transform: scale(3.7, 3.7);} } @media only screen and (max-width: 1023px){ .cqr-dwlist-imglist2{padding: 80px 0;box-sizing: border-box;background-repeat: no-repeat;background-position: center;background-color: #252525;} .cqr-dwlist-imglist2 .app-store-head h2{position: relative;font-weight: normal;text-align: center;font-size: 38px;color: #fff;z-index: 50;} .cqr-dwlist-imglist2 .app-store-wrap{width: 100%;position: relative;margin: 0 auto;text-align:center;} .cqr-dwlist-imglist2 .app-store-list{margin: 30px 0;text-align: justify;text-align:center;} .cqr-dwlist-imglist2 .app-store-item{position: relative;display:inline-block;margin: 0 1%;width: 45.5%;background: #fff;text-align: center;overflow: hidden;font-size: 0;border-radius: 10px;} .cqr-dwlist-imglist2 .app-store-item:hover{box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);-webkit-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);-moz-box-shadow: 0px 1px 17px 5px rgba(156,244,255,0.3);} .cqr-dwlist-imglist2 .app-store-item:after{content: "";display: inline-block;width: 0;height: 100%;vertical-align: middle;} .cqr-dwlist-imglist2 .app-store-item img{vertical-align: middle;width: 100%;} .cqr-dwlist-imglist2 .app-store-info{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .cqr-dwlist-imglist2 .app-store-info h3{position: absolute;line-height:11.6;width: 100%;text-align: center;font-size: 16px;font-weight: normal;color: #fff;z-index: 30;} .cqr-dwlist-imglist2 .app-store-tag{position: absolute;top: 20%;left: 50%;width: 120px;height: 120px;margin: 0 0 0 -60px;background: #333;opacity: .9;border-radius: 50%;z-index: 10;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} .cqr-dwlist-imglist2 .item01 .app-store-tag{background: #6bddd7;} .cqr-dwlist-imglist2 .item02 .app-store-tag{background: #56de7f;} .cqr-dwlist-imglist2 .item03 .app-store-tag{background: #818181;} .cqr-dwlist-imglist2 .item04 .app-store-tag{background: #0087fa;} .cqr-dwlist-imglist2 .item05 .app-store-tag{background: #fcc300;} .cqr-dwlist-imglist2 .app-store-list .app-store-item:hover .app-store-tag{-webkit-transform: scale(3.7, 3.7);-moz-transform: scale(3.7, 3.7);transform: scale(3.7, 3.7);} .cqr-dwlist-imglist2 .item05{display: none;} .cqr-dwlist-imglist2 .item04{display: none;} .cqr-dwlist-imglist2 .item03{display: none;} } @media only screen and (max-width: 768px){ .cqr-dwlist-imglist2 .app-store-info h3{position: absolute;line-height:8.7;width: 100%;text-align: center;font-size: 16px;font-weight: normal;color: #fff;z-index: 30;} .cqr-dwlist-imglist2 .app-store-tag{position: absolute;top: 6%;left: 50%;width: 120px;height: 120px;margin: 0 0 0 -60px;background: #333;opacity: .9;border-radius: 50%;z-index: 10;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);transform: scale(1, 1);-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;} } /*{6.25 图片列表3 }*/@media only screen and (min-width: 1480px){ .cqr-dwlist-imglist3{padding: 30px 0;} .cqr-dwlist-imglist3 .trade-title{font-size: 24px;color: #333;text-align: center;margin: 50px 0;position: relative;} .cqr-dwlist-imglist3 .trade-title:before{content: "";position: absolute;width: 0;height: 0;bottom: -19px;left: 50%;transform: translateX(-50%);border: 6px solid;border-color: #20B09F transparent transparent;} .cqr-dwlist-imglist3 .trade-title:after{content: "";position: absolute;width: 52px;height: 3px;background-color: #20B09F;bottom: -8px;left: 50%;transform: translateX(-50%);} .cqr-dwlist-imglist3 .trade-box{width:100%;margin: 0 auto;position: relative;transition: all .3s ease;} .cqr-dwlist-imglist3 .trade-box-list{width:100%;display:table;text-align:center;} /*1*/ .cqr-dwlist-imglist3 .trade-box-1 .trade-box-item{display:inline-block;width:60%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*2*/ .cqr-dwlist-imglist3 .trade-box-2 .trade-box-item{display:inline-block;width:50%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*3*/ .cqr-dwlist-imglist3 .trade-box-3 .trade-box-item{display:inline-block;width:33%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*4*/ .cqr-dwlist-imglist3 .trade-box-4 .trade-box-item{display:inline-block;width:25%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*5*/ .cqr-dwlist-imglist3 .trade-box-5 .trade-box-item{display:inline-block;width:20%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.6);transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .trade-box-item a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} a, button, input, textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;} .cqr-dwlist-imglist3 .item-logo{margin: 0 auto;display: block;} .cqr-dwlist-imglist3 .trade-box-item .item-logo{position: relative;margin-top: 120px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-logo img{display: block;margin: 0 auto;max-width: 100%;} .cqr-dwlist-imglist3 .item-title{font-size: 20px;font-weight: bold;color: #fff;padding: 20px 0;position: relative;} .cqr-dwlist-imglist3 .item-title:before{content: "";position: relative;display: block;width: 20px;border-bottom: 2px solid #fff;margin: 0 auto 20px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-text{position: relative;transition: all .4s cubic-bezier(.4, 0, .2, 1);opacity: 0;margin-top: 10px;} .cqr-dwlist-imglist3 .item-text p{color: #fff;font-size: 16px;margin-bottom: 5px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-text{display: block;opacity: 1;margin-top: 0;} .cqr-dwlist-imglist3 .trade-box-item:hover:before{background-color: rgba(32, 176, 159, .9);} .cqr-dwlist-imglist3 .trade-box-item:hover .item-logo{margin-top: 80px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-title:before{opacity: 0;margin-bottom: 0;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwlist-imglist3{padding: 30px 0;} .cqr-dwlist-imglist3 .trade-title{font-size: 24px;color: #333;text-align: center;margin: 50px 0;position: relative;} .cqr-dwlist-imglist3 .trade-title:before{content: "";position: absolute;width: 0;height: 0;bottom: -19px;left: 50%;transform: translateX(-50%);border: 6px solid;border-color: #20B09F transparent transparent;} .cqr-dwlist-imglist3 .trade-title:after{content: "";position: absolute;width: 52px;height: 3px;background-color: #20B09F;bottom: -8px;left: 50%;transform: translateX(-50%);} .cqr-dwlist-imglist3 .trade-box{width:100%;margin: 0 auto;position: relative;transition: all .3s ease;} .cqr-dwlist-imglist3 .trade-box-list{width:100%;display:table;text-align:center;} /*1*/ .cqr-dwlist-imglist3 .trade-box-1 .trade-box-item{display:inline-block;width:60%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*2*/ .cqr-dwlist-imglist3 .trade-box-2 .trade-box-item{display:inline-block;width:50%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*3*/ .cqr-dwlist-imglist3 .trade-box-3 .trade-box-item{display:inline-block;width:33%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*4*/ .cqr-dwlist-imglist3 .trade-box-4 .trade-box-item{display:inline-block;width:25%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*5*/ .cqr-dwlist-imglist3 .trade-box-5 .trade-box-item{display:inline-block;width:20%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item{flex: 1;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.6);transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .trade-box-item a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} a, button, input, textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;} .cqr-dwlist-imglist3 .item-logo{margin: 0 auto;display: block;} .cqr-dwlist-imglist3 .trade-box-item .item-logo{position: relative;margin-top: 120px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-logo img{display: block;margin: 0 auto;max-width: 100%;} .cqr-dwlist-imglist3 .item-title{font-size: 20px;font-weight: bold;color: #fff;padding: 20px 0;position: relative;} .cqr-dwlist-imglist3 .item-title:before{content: "";position: relative;display: block;width: 20px;border-bottom: 2px solid #fff;margin: 0 auto 20px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-text{position: relative;transition: all .4s cubic-bezier(.4, 0, .2, 1);opacity: 0;margin-top: 10px;} .cqr-dwlist-imglist3 .item-text p{color: #fff;font-size: 16px;margin-bottom: 5px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-text{display: block;opacity: 1;margin-top: 0;} .cqr-dwlist-imglist3 .trade-box-item:hover:before{background-color: rgba(32, 176, 159, .9);} .cqr-dwlist-imglist3 .trade-box-item:hover .item-logo{margin-top: 80px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-title:before{opacity: 0;margin-bottom: 0;} } @media only screen and (min-width: 991px) and (max-width: 1023px){ .cqr-dwlist-imglist3{padding: 30px 0;} .cqr-dwlist-imglist3 .trade-black{ text-align:center;} .cqr-dwlist-imglist3 .trade-title{font-size: 24px;color: #333;text-align: center;margin: 50px 0;position: relative;} .cqr-dwlist-imglist3 .trade-title:before{content: "";position: absolute;width: 0;height: 0;bottom: -19px;left: 50%;transform: translateX(-50%);border: 6px solid;border-color: #20B09F transparent transparent;} .cqr-dwlist-imglist3 .trade-title:after{content: "";position: absolute;width: 52px;height: 3px;background-color: #20B09F;bottom: -8px;left: 50%;transform: translateX(-50%);} .cqr-dwlist-imglist3 .trade-box{width:100%;margin: 0 auto;position: relative;transition: all .3s ease;} .cqr-dwlist-imglist3 .trade-box-list{width:100%;display:table;text-align:center;} /*1*/ .cqr-dwlist-imglist3 .trade-box-1 .trade-box-item{display:inline-block;width:60%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*2*/ .cqr-dwlist-imglist3 .trade-box-2 .trade-box-item{display:inline-block;width:50%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*3*/ .cqr-dwlist-imglist3 .trade-box-3 .trade-box-item{display:inline-block;width:50%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*4*/ .cqr-dwlist-imglist3 .trade-box-4 .trade-box-item{display:inline-block;width:50%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*5*/ .cqr-dwlist-imglist3 .trade-box-5 .trade-box-item{display:inline-block;width:50%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item{flex: 1;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.6);transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .trade-box-item a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} a, button, input, textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;} .cqr-dwlist-imglist3 .item-logo{margin: 0 auto;display: block;} .cqr-dwlist-imglist3 .trade-box-item .item-logo{position: relative;margin-top: 120px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-logo img{display: block;margin: 0 auto;max-width: 100%;} .cqr-dwlist-imglist3 .item-title{font-size: 20px;font-weight: bold;color: #fff;padding: 20px 0;position: relative;} .cqr-dwlist-imglist3 .item-title:before{content: "";position: relative;display: block;width: 20px;border-bottom: 2px solid #fff;margin: 0 auto 20px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-text{position: relative;transition: all .4s cubic-bezier(.4, 0, .2, 1);opacity: 0;margin-top: 10px;} .cqr-dwlist-imglist3 .item-text p{color: #fff;font-size: 16px;margin-bottom: 5px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-text{display: block;opacity: 1;margin-top: 0;} .cqr-dwlist-imglist3 .trade-box-item:hover:before{background-color: rgba(32, 176, 159, .9);} .cqr-dwlist-imglist3 .trade-box-item:hover .item-logo{margin-top: 80px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-title:before{opacity: 0;margin-bottom: 0;} .cqr-dwlist-imglist3 .trade-box-item:nth-child(5){display: none;} } @media only screen and (max-width: 990px){ .cqr-dwlist-imglist3{padding: 30px 0;} .cqr-dwlist-imglist3 .trade-black{ text-align:center;} .cqr-dwlist-imglist3 .trade-title{font-size: 24px;color: #333;text-align: center;margin: 50px 0;position: relative;} .cqr-dwlist-imglist3 .trade-title:before{content: "";position: absolute;width: 0;height: 0;bottom: -19px;left: 50%;transform: translateX(-50%);border: 6px solid;border-color: #20B09F transparent transparent;} .cqr-dwlist-imglist3 .trade-title:after{content: "";position: absolute;width: 52px;height: 3px;background-color: #20B09F;bottom: -8px;left: 50%;transform: translateX(-50%);} .cqr-dwlist-imglist3 .trade-box{width:100%;margin: 0 auto;position: relative;transition: all .3s ease;} .cqr-dwlist-imglist3 .trade-box-list{width:100%;display:table;text-align:center;} /*1*/ .cqr-dwlist-imglist3 .trade-box-1 .trade-box-item{display:inline-block;width:80%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*2*/ .cqr-dwlist-imglist3 .trade-box-2 .trade-box-item{display:inline-block;width:80%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*3*/ .cqr-dwlist-imglist3 .trade-box-3 .trade-box-item{display:inline-block;width:80%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*4*/ .cqr-dwlist-imglist3 .trade-box-4 .trade-box-item{display:inline-block;width:80%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} /*5*/ .cqr-dwlist-imglist3 .trade-box-5 .trade-box-item{display:inline-block;width:80%;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item{flex: 1;text-align: center;position: relative;height: 400px;background: no-repeat center;background-size: 100% auto;} .cqr-dwlist-imglist3 .trade-box-item:before{content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.6);transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .trade-box-item a{position: absolute;width: 100%;height: 100%;left: 0;top: 0;} a, button, input, textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;} .cqr-dwlist-imglist3 .item-logo{margin: 0 auto;display: block;} .cqr-dwlist-imglist3 .trade-box-item .item-logo{position: relative;margin-top: 120px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-logo img{display: block;margin: 0 auto;max-width: 100%;} .cqr-dwlist-imglist3 .item-title{font-size: 20px;font-weight: bold;color: #fff;padding: 20px 0;position: relative;} .cqr-dwlist-imglist3 .item-title:before{content: "";position: relative;display: block;width: 20px;border-bottom: 2px solid #fff;margin: 0 auto 20px;transition: all .4s cubic-bezier(.4, 0, .2, 1);} .cqr-dwlist-imglist3 .item-text{position: relative;transition: all .4s cubic-bezier(.4, 0, .2, 1);opacity: 0;margin-top: 10px;} .cqr-dwlist-imglist3 .item-text p{color: #fff;font-size: 16px;margin-bottom: 5px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-text{display: block;opacity: 1;margin-top: 0;} .cqr-dwlist-imglist3 .trade-box-item:hover:before{background-color: rgba(32, 176, 159, .9);} .cqr-dwlist-imglist3 .trade-box-item:hover .item-logo{margin-top: 80px;} .cqr-dwlist-imglist3 .trade-box-item:hover .item-title:before{opacity: 0;margin-bottom: 0;} .cqr-dwlist-imglist3 .trade-box-item:nth-child(5){display: none;} } /*{6.25 图片列表4}*/@media only screen and (min-width: 1480px){.cqr-dwlist-imglist4{width: 100%;margin: 30px auto 0;position: relative;} .cqr-dwlist-imglist4 .picBox{margin: 0 auto;height: 100%;overflow: hidden;position: relative;text-align:center} .cqr-dwlist-imglist4 .picBox .roll{position: relative;margin-right: 24px;cursor: pointer;display:inline-block;} .cqr-dwlist-imglist4 .picBox li .bg{width: 100%;height: 65px;background: #000;opacity: 0.8;filter:alpha(opacity=80);position: absolute;left: 0;bottom: 0;} .cqr-dwlist-imglist4 .picBox li h3{position: absolute;left: 0;bottom: 0;width: 100%;height: 65px;text-align: left;padding-left: 13px;} .cqr-dwlist-imglist4 .picBox li .tName{font-size: 18px;color: #fff;padding-top: 13px;margin-bottom: 5px;} .cqr-dwlist-imglist4 .picBox li .tTitle{font-size: 12px;color: #b4b4b4;} .cqr-dwlist-imglist4 .roll .box-content{width: 100%;height: 480px;position: absolute;top: 0;left: 0;background: #000;opacity: 0.8;filter:alpha(opacity=80);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;} .cqr-dwlist-imglist4 .roll .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;height:auto !important;} .cqr-dwlist-imglist4 .roll:hover .box-img{transform: rotateY(-90deg);} .cqr-dwlist-imglist4 .roll:hover .box-content{transform: rotateY(0);} .cqr-dwlist-imglist4 .roll .box-content .t1,.roll .box-content2 .t1{font-size: 20px;font-weight: bold;color: #fff;padding-top: 50px;text-align:center} .cqr-dwlist-imglist4 .roll .box-content .t2,.roll .box-content2 .t2{font-size: 16px;color: #fff;padding-top: 12px;text-align:center} .cqr-dwlist-imglist4 .roll .box-content .t3,.roll .box-content2 .t3{width: 190px;height: 1px ;background: #fff;margin: 20px auto 0;} .cqr-dwlist-imglist4 .roll .box-content .t4,.roll .box-content2 .t4{font-size: 14px;width: 182px;text-align: justify;color: #fff;margin: 20px auto 0;display:none} .cqr-dwlist-imglist4 .box-content2{position: absolute;left: 0px;top: -470px;width: 100%;height: 100%;background: #000;opacity: 0.7;filter:alpha(opacity=70);color: #fff;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){.cqr-dwlist-imglist4{width: 100%;margin: 30px auto 0;position: relative;} .cqr-dwlist-imglist4 .picBox{margin: 0 auto;height: 100%;overflow: hidden;position: relative;text-align:center} .cqr-dwlist-imglist4 .picBox .roll{position: relative;margin-right: 24px;cursor: pointer;display:inline-block;} .cqr-dwlist-imglist4 .picBox li .bg{width: 100%;height: 65px;background: #000;opacity: 0.8;filter:alpha(opacity=80);position: absolute;left: 0;bottom: 0;} .cqr-dwlist-imglist4 .picBox li h3{position: absolute;left: 0;bottom: 0;width: 100%;height: 65px;text-align: left;padding-left: 13px;} .cqr-dwlist-imglist4 .picBox li .tName{font-size: 18px;color: #fff;padding-top: 13px;margin-bottom: 5px;} .cqr-dwlist-imglist4 .picBox li .tTitle{font-size: 12px;color: #b4b4b4;} .cqr-dwlist-imglist4 .roll .box-content{width: 100%;height: 480px;position: absolute;top: 0;left: 0;background: #000;opacity: 0.8;filter:alpha(opacity=80);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;} .cqr-dwlist-imglist4 .roll .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;height:auto !important;} .cqr-dwlist-imglist4 .roll:hover .box-img{transform: rotateY(-90deg);} .cqr-dwlist-imglist4 .roll:hover .box-content{transform: rotateY(0);} .cqr-dwlist-imglist4 .roll .box-content .t1,.roll .box-content2 .t1{font-size: 20px;font-weight: bold;color: #fff;padding-top: 50px;text-align:center} .cqr-dwlist-imglist4 .roll .box-content .t2,.roll .box-content2 .t2{font-size: 16px;color: #fff;padding-top: 12px;text-align:center} .cqr-dwlist-imglist4 .roll .box-content .t3,.roll .box-content2 .t3{width: 190px;height: 1px ;background: #fff;margin: 20px auto 0;} .cqr-dwlist-imglist4 .roll .box-content .t4,.roll .box-content2 .t4{font-size: 14px;width: 182px;text-align: justify;color: #fff;margin: 20px auto 0;display:none} .cqr-dwlist-imglist4 .box-content2{position: absolute;left: 0px;top: -470px;width: 100%;height: 100%;background: #000;opacity: 0.7;filter:alpha(opacity=70);color: #fff;} } @media only screen and (max-width: 1023px){.cqr-dwlist-imglist4{width: 100%;margin: 30px auto 0;position: relative;} .cqr-dwlist-imglist4 .picBox{margin: 0 auto;height: 100%;overflow: hidden;position: relative;text-align:center} .cqr-dwlist-imglist4 .picBox .roll{position: relative;margin-right: 14px;cursor: pointer;display:inline-block;} .cqr-dwlist-imglist4 .picBox li .bg{width: 100%;height: 65px;background: #000;opacity: 0.8;filter:alpha(opacity=80);position: absolute;left: 0;bottom: 0;} .cqr-dwlist-imglist4 .picBox li h3{position: absolute;left: 0;bottom: 0;width: 100%;height: 65px;text-align: left;padding-left: 13px;} .cqr-dwlist-imglist4 .picBox li .tName{font-size: 18px;color: #fff;padding-top: 13px;margin-bottom: 5px;} .cqr-dwlist-imglist4 .picBox li .tTitle{font-size: 12px;color: #b4b4b4;} .cqr-dwlist-imglist4 .roll .box-content{width: 100%;height: 480px;position: absolute;top: 0;left: 0;background: #000;opacity: 0.8;filter:alpha(opacity=80);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;overflow: hidden;} .cqr-dwlist-imglist4 .roll .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;height:auto !important;} .cqr-dwlist-imglist4 .roll:hover .box-img{transform: rotateY(-90deg);} .cqr-dwlist-imglist4 .roll:hover .box-content{transform: rotateY(0);} .cqr-dwlist-imglist4 .roll .box-content .t1,.roll .box-content2 .t1{font-size: 20px;font-weight: bold;color: #fff;padding-top: 50px;text-align:center} .cqr-dwlist-imglist4 .roll .box-content .t2,.roll .box-content2 .t2{font-size: 16px;color: #fff;padding-top: 12px;text-align:center} .cqr-dwlist-imglist4 .roll .box-content .t3,.roll .box-content2 .t3{width: 190px;height: 1px ;background: #fff;margin: 20px auto 0;} .cqr-dwlist-imglist4 .roll .box-content .t4,.roll .box-content2 .t4{font-size: 14px;width: 182px;text-align: justify;color: #fff;margin: 20px auto 0;display:none} .cqr-dwlist-imglist4 .box-content2{position: absolute;left: 0px;top: -470px;width: 100%;height: 100%;background: #000;opacity: 0.7;filter:alpha(opacity=70);color: #fff;}} /*{6.25 图片列表5}*/@media only screen and (min-width: 1480px){.cqr-dwlist-imglist5{padding: 80px 0;} .cqr-dwlist-imglist5 .cloud-header{margin: 0 auto;position: relative;} .cqr-dwlist-imglist5 .cloud-header h3{font-weight: normal;text-align: center;margin-bottom: 40px;color: #333;} .cqr-dwlist-imglist5 .cloud-header h3 em{display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;} .cqr-dwlist-imglist5 .cloud-header h3 span{font-size: 16px;opacity: .6;} .cqr-dwlist-imglist5 .cloud-wrapper{overflow: hidden;clear: both;text-align:center;display:table;width: 100%} /*1*/.cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(67.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card-image{height: 500px;overflow: hidden;position: relative;} /*2*/.cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(47.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card-image{height: 380px;overflow: hidden;position: relative;} /*3*/.cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(30.8% - -3px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card-image{height: 235px;overflow: hidden;position: relative;} /*4*/.cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(22.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card-image{height: 200px;overflow: hidden;position: relative;} /*5*/.cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(17.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card-image{height: 150px;overflow: hidden;position: relative;} /*.cqr-dwlist-imglist5 .cloud-card-image{height: 200px;overflow: hidden;position: relative;}*/.cqr-dwlist-imglist5 .cloud-card-text{margin-top: 10px;text-align:justify;color: #666;font-size: 16px;line-height:30px;height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .cqr-dwlist-imglist5 .cloud-card-image-back{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease,-webkit-transform .5s ease;} .cqr-dwlist-imglist5 .cloud-card-image-back img{width:100%;} .cqr-dwlist-imglist5 .cloud-card-image .cloud-card-image-back{z-index: 0;position: absolute;} .cqr-dwlist-imglist5 .cloud-card-image-title{width: 100%;color: #333;font-size: 24px;line-height: 50px;height:50px;z-index: 1;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover .cloud-scale{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover{background: #fff;-webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);-moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);} } @media only screen and (min-width: 1024px) and (max-width: 1479px){.cqr-dwlist-imglist5{padding: 80px 0;} .cqr-dwlist-imglist5 .cloud-header{margin: 0 auto;position: relative;} .cqr-dwlist-imglist5 .cloud-header h3{font-weight: normal;text-align: center;margin-bottom: 40px;color: #333;} .cqr-dwlist-imglist5 .cloud-header h3 em{display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;} .cqr-dwlist-imglist5 .cloud-header h3 span{font-size: 16px;opacity: .6;} .cqr-dwlist-imglist5 .cloud-wrapper{overflow: hidden;clear: both;text-align:center;display:table;width: 100%} /*1*/.cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(67.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card-image{height: 360px;overflow: hidden;position: relative;} /*2*/.cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(47.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card-image{height: 260px;overflow: hidden;position: relative;} /*3*/.cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(30.8% - -3px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card-image{height: 235px;overflow: hidden;position: relative;} /*4*/.cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(22.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card-image{height: 145px;overflow: hidden;position: relative;} /*5*/.cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(17.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card-image{height: 100px;overflow: hidden;position: relative;} .cqr-dwlist-imglist5 .cloud-card-text{margin-top: 10px;text-align:justify;color: #666;font-size: 16px;line-height:30px;height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .cqr-dwlist-imglist5 .cloud-card-image-back{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease,-webkit-transform .5s ease;} .cqr-dwlist-imglist5 .cloud-card-image-back img{width:100%;} .cqr-dwlist-imglist5 .cloud-card-image .cloud-card-image-back{z-index: 0;position: absolute;} .cqr-dwlist-imglist5 .cloud-card-image-title{width: 100%;color: #333;font-size: 24px;line-height: 50px;height:50px;z-index: 1;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover .cloud-scale{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover{background: #fff;-webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);-moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);} } @media only screen and (min-width: 993px) and (max-width: 1023px){.cqr-dwlist-imglist5{padding: 80px 0;} .cqr-dwlist-imglist5 .cloud-header{margin: 0 auto;position: relative;} .cqr-dwlist-imglist5 .cloud-header h3{font-weight: normal;text-align: center;margin-bottom: 40px;color: #333;} .cqr-dwlist-imglist5 .cloud-header h3 em{display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;} .cqr-dwlist-imglist5 .cloud-header h3 span{font-size: 16px;opacity: .6;} .cqr-dwlist-imglist5 .cloud-wrapper{overflow: hidden;clear: both;text-align:center;display:table;width: 100%} /*1*/.cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(87.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card-image{height: 405px;overflow: hidden;position: relative;} /*2*/.cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(47.8% - -1px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card-image{height: 220px;overflow: hidden;position: relative;} /*3*/.cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(47.8% - -1px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card-image{height: 220px;overflow: hidden;position: relative;} /*4*/.cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(47.8% - -1px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card-image{height: 220px;overflow: hidden;position: relative;} /*5*/.cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(47.8% - -1px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card-image{height: 220px;overflow: hidden;position: relative;} .cqr-dwlist-imglist5 .cloud-card-text{margin-top: 10px;text-align:justify;color: #666;font-size: 16px;line-height:30px;height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .cqr-dwlist-imglist5 .cloud-card-image-back{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease,-webkit-transform .5s ease;} .cqr-dwlist-imglist5 .cloud-card-image-back img{width:100%;} .cqr-dwlist-imglist5 .cloud-card-image .cloud-card-image-back{z-index: 0;position: absolute;} .cqr-dwlist-imglist5 .cloud-card-image-title{width: 100%;color: #333;font-size: 24px;line-height: 50px;height:50px;z-index: 1;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover .cloud-scale{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover{background: #fff;-webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);-moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);} } @media only screen and (max-width: 992px){ .cqr-dwlist-imglist5 .cloud-header{margin: 0 auto;position: relative;} .cqr-dwlist-imglist5 .cloud-header h3{font-weight: normal;text-align: center;margin-bottom: 40px;color: #333;} .cqr-dwlist-imglist5 .cloud-header h3 em{display: block;margin-bottom: 14px;font-style: normal;font-size: 30px;} .cqr-dwlist-imglist5 .cloud-header h3 span{font-size: 16px;opacity: .6;} .cqr-dwlist-imglist5 .cloud-wrapper{overflow: hidden;clear: both;text-align:center;display:table;width: 100%} /*1*/ .cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(87.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-1 .cloud-card-image{height: 240px;overflow: hidden;position: relative;} /*2*/ .cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(87.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-2 .cloud-card-image{height: 240px;overflow: hidden;position: relative;} /*3*/ .cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(87.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-3 .cloud-card-image{height: 240px;overflow: hidden;position: relative;} /*4*/ .cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(87.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-4 .cloud-card-image{height: 240px;overflow: hidden;position: relative;} /*5*/ .cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card{display:inline-block;padding: 1%;cursor: pointer;min-height: 310px;background: transparent;width: calc(87.8% - -2px);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;text-decoration: none;} .cqr-dwlist-imglist5 .cloud-wrapper-5 .cloud-card-image{height: 240px;overflow: hidden;position: relative;} .cqr-dwlist-imglist5 .cloud-card-text{margin-top: 10px;text-align:justify;color: #666;font-size: 16px;line-height:30px;height:90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .cqr-dwlist-imglist5 .cloud-card-image-back{width: 100%;-webkit-transform: scale(1);transform: scale(1);-webkit-transition: -webkit-transform .5s ease;transition: -webkit-transform .5s ease;transition: transform .5s ease;transition: transform .5s ease,-webkit-transform .5s ease;} .cqr-dwlist-imglist5 .cloud-card-image-back img{width:100%;} .cqr-dwlist-imglist5 .cloud-card-image .cloud-card-image-back{z-index: 0;position: absolute;} .cqr-dwlist-imglist5 .cloud-card-image-title{width: 100%;color: #333;font-size: 24px;line-height: 50px;height:50px;z-index: 1;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover .cloud-scale{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2)} .cqr-dwlist-imglist5 .cloud-wrapper .cloud-card:hover{background: #fff;-webkit-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);-moz-box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);box-shadow: 0 0 25px rgba(186, 204, 207, 0.7);} } /*{6.25 图文列表6}*/ @media only screen and (min-width: 1480px){ .cqr-dwlist-imglist6{margin: 0 auto;padding: 0;} .cqr-dwlist-imglist6 .case-index-title{font-size: 16px;text-align: center;padding: 50px 0;} .cqr-dwlist-imglist6 .case-index-title h2{font-size: 36px;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight: normal;} .cqr-dwlist-imglist6 .case-index-title p{font-size: 16px;color: #919599;margin-top: 30px;} .cqr-dwlist-imglist6 .case-index-content{width:100%;text-align:center;display:table;} /*1*/.cqr-dwlist-imglist6 .service-list-1 .service-list-item{display:inline-block;width: 70.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*2*/.cqr-dwlist-imglist6 .service-list-2 .service-list-item{display:inline-block;width: 47.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*3*/.cqr-dwlist-imglist6 .service-list-3 .service-list-item{display:inline-block;width: 30.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*4*/.cqr-dwlist-imglist6 .service-list-4 .service-list-item{display:inline-block;width: 22.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} .cqr-dwlist-imglist6 .service-content h3{font-size: 24px;height:30px;line-height:30px;color: #333;font-weight: normal;width:90%;margin:0 auto;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist6 .service-content{height: 250px;border-top: 0;padding:30px 0;} .cqr-dwlist-imglist6 .service-content .wen{width: 90%;margin: auto;font-size: 16px;height: 110px;overflow:hidden;margin-bottom:30px;} .cqr-dwlist-imglist6 .service-content .wen p{font-size: 16px;line-height: 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .cqr-dwlist-imglist6 .service-list-more{width: 200px;height: 40px;display: block;margin: 0 auto;color: #F96A69;text-align: center;line-height: 40px;font-size: 16px;border: 1px solid #F96A69;transition: all .2s;} .cqr-dwlist-imglist6 .service-list-more:hover{background: #F96A69;color: #fff;-webkit-box-sizing: inherit !important;box-sizing: b inherit !important} .cqr-dwlist-imglist6 .service-list .service-list-item:hover{box-shadow: 0 7px 39px rgba(0,0,0,.1);border: 1px solid #000;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwlist-imglist6{margin: 0 auto;padding: 0;} .cqr-dwlist-imglist6 .case-index-title{font-size: 16px;text-align: center;padding: 50px 0;} .cqr-dwlist-imglist6 .case-index-title h2{font-size: 36px;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight: normal;} .cqr-dwlist-imglist6 .case-index-title p{font-size: 16px;color: #919599;margin-top: 30px;} .cqr-dwlist-imglist6 .case-index-content{width:100%;text-align:center;display:table;} /*1*/.cqr-dwlist-imglist6 .service-list-1 .service-list-item{display:inline-block;width: 70.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*2*/.cqr-dwlist-imglist6 .service-list-2 .service-list-item{display:inline-block;width: 47.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*3*/.cqr-dwlist-imglist6 .service-list-3 .service-list-item{display:inline-block;width: 30.5%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*4*/.cqr-dwlist-imglist6 .service-list-4 .service-list-item{display:inline-block;width: 22.3%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title img{display:block;height:auto;width:100%;margin:0 auto;} .cqr-dwlist-imglist6 .service-content h3{font-size: 24px;height:30px;line-height:30px;color: #333;font-weight: normal;width:90%;margin:0 auto;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist6 .service-content{height: 250px;border-top: 0;padding:30px 0;} .cqr-dwlist-imglist6 .service-content .wen{width: 90%;margin: auto;font-size: 16px;height: 110px;overflow:hidden;margin-bottom:30px;} .cqr-dwlist-imglist6 .service-content .wen p{font-size: 16px;line-height: 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .cqr-dwlist-imglist6 .service-list-more{width: 200px;height: 40px;display: block;margin: 0 auto;color: #F96A69;text-align: center;line-height: 40px;font-size: 16px;border: 1px solid #F96A69;transition: all .2s;} .cqr-dwlist-imglist6 .service-list-more:hover{background: #F96A69;color: #fff;} .cqr-dwlist-imglist6 .service-list .service-list-item:hover{box-shadow: 0 7px 39px rgba(0,0,0,.1);border: 1px solid #000;} } @media only screen and (min-width: 991px) and (max-width: 1023px){ .cqr-dwlist-imglist6{margin: 0 auto;padding: 0;} .cqr-dwlist-imglist6 .case-index-title{font-size: 16px;text-align: center;padding: 50px 0;} .cqr-dwlist-imglist6 .case-index-title h2{font-size: 36px;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight: normal;} .cqr-dwlist-imglist6 .case-index-title p{font-size: 16px;color: #919599;margin-top: 30px;} .cqr-dwlist-imglist6 .case-index-content{width:100%;text-align:center;display:table;} /*1*/.cqr-dwlist-imglist6 .service-list-1 .service-list-item{display:inline-block;width: 90%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*2*/.cqr-dwlist-imglist6 .service-list-2 .service-list-item{display:inline-block;width: 47%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*3*/.cqr-dwlist-imglist6 .service-list-3 .service-list-item{display:inline-block;width: 47%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*4*/.cqr-dwlist-imglist6 .service-list-4 .service-list-item{display:inline-block;width: 47%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} .cqr-dwlist-imglist6 .service-content h3{font-size: 24px;height:30px;line-height:30px;color: #333;font-weight: normal;width:90%;margin:0 auto;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist6 .service-content{height: 250px;border-top: 0;padding:30px 0;} .cqr-dwlist-imglist6 .service-content .wen{width: 90%;margin: auto;font-size: 16px;height: 110px;overflow:hidden;margin-bottom:30px;} .cqr-dwlist-imglist6 .service-content .wen p{font-size: 16px;line-height: 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .cqr-dwlist-imglist6 .service-list-more{width: 200px;height: 40px;display: block;margin: 0 auto;color: #F96A69;text-align: center;line-height: 40px;font-size: 16px;border: 1px solid #F96A69;transition: all .2s;} .cqr-dwlist-imglist6 .service-list-more:hover{background: #F96A69;color: #fff;} .cqr-dwlist-imglist6 .service-list .service-list-item:hover{box-shadow: 0 7px 39px rgba(0,0,0,.1);border: 1px solid #000;} } @media only screen and (max-width: 990px){ .cqr-dwlist-imglist6{margin: 0 auto;padding: 0;} .cqr-dwlist-imglist6 .case-index-title{font-size: 16px;text-align: center;padding: 50px 0;} .cqr-dwlist-imglist6 .case-index-title h2{font-size: 36px;font-family: pingfang,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;font-weight: normal;} .cqr-dwlist-imglist6 .case-index-title p{font-size: 16px;color: #919599;margin-top: 30px;} .cqr-dwlist-imglist6 .case-index-content{width:100%;text-align:center;display:table;} /*1*/.cqr-dwlist-imglist6 .service-list-1 .service-list-item{display:inline-block;width: 90%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-1 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*2*/.cqr-dwlist-imglist6 .service-list-2 .service-list-item{display:inline-block;width: 90%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-2 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*3*/.cqr-dwlist-imglist6 .service-list-3 .service-list-item{display:inline-block;width: 90%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-3 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} /*4*/.cqr-dwlist-imglist6 .service-list-4 .service-list-item{display:inline-block;width: 90%;margin:1%;background: #fff;-webkit-transition: all .2s;-moz-transition: all .2s;transition: all .2s;border: 1px solid #E7E9EC;overflow: hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title{width: 100%;height: auto;overflow:hidden;} .cqr-dwlist-imglist6 .service-list-4 .service-title img{display:block;height: auto;width:100%;margin:0 auto;} .cqr-dwlist-imglist6 .service-content h3{font-size: 24px;height:30px;line-height:30px;color: #333;font-weight: normal;width:90%;margin:0 auto;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis} .cqr-dwlist-imglist6 .service-content{height: 250px;border-top: 0;padding:30px 0;} .cqr-dwlist-imglist6 .service-content .wen{width: 90%;margin: auto;font-size: 16px;height: 110px;overflow:hidden;margin-bottom:30px;} .cqr-dwlist-imglist6 .service-content .wen p{font-size: 16px;line-height: 30px;height: 90px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .cqr-dwlist-imglist6 .service-list-more{width: 200px;height: 40px;display: block;margin: 0 auto;color: #F96A69;text-align: center;line-height: 40px;font-size: 16px;border: 1px solid #F96A69;transition: all .2s;} .cqr-dwlist-imglist6 .service-list-more:hover{background: #F96A69;color: #fff;} .cqr-dwlist-imglist6 .service-list .service-list-item:hover{box-shadow: 0 7px 39px rgba(0,0,0,.1);border: 1px solid #000;} } /*{6.25 页脚}*/@media only screen and (min-width: 1480px){ .cqr-dwfoot-yejiao1{width: 100%;height: 564px;background: #fff;position: relative;overflow: hidden;} .cqr-dwfoot-yejiao1 .ft1-a2{width: 282px;position: absolute;top: 56px;left: calc(50% - 282px/2);} .cqr-dwfoot-yejiao1 .ft1-a3{width: 100%;height: 1px;background: #e9ddc2;position: absolute;top: 188px;} .cqr-dwfoot-yejiao1 .ft1-b1{position: absolute;top: 244px;left:0;padding-left: 20px;} .cqr-dwfoot-yejiao1 .ft1-b2{width: 142px;float: left;} .cqr-dwfoot-yejiao1 .ft1-b2>div{position: relative;font-size: 14px;line-height: 36px;text-transform: uppercase;white-space: nowrap;} .cqr-dwfoot-yejiao1 .ft1-b2>div:first-child{font-size: 16px;line-height: 16px;margin-bottom: 20px;} .cqr-dwfoot-yejiao1 .ft1-b2>div span:nth-child(1){opacity: 1;color: #454545;transition: 0.8s;} .cqr-dwfoot-yejiao1 .ft1-b2>div:first-child span:nth-child(1){color: #222222;} .cqr-dwfoot-yejiao1 .ft1-b2>div span:nth-child(2){opacity: 0;font-size: 12px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;} .cqr-dwfoot-yejiao1 .ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-dwfoot-yejiao1 .ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-dwfoot-yejiao1 .ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;} .cqr-dwfoot-yejiao1 .ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;} .cqr-dwfoot-yejiao1 .ft1-c1{display: none;} .cqr-dwfoot-yejiao1 .ft1-d1{position: absolute;top: 240px;right:0;padding-right: 20px;} .cqr-dwfoot-yejiao1 .ft1-d2{font-size: 24px;line-height: 24px;color: #454545;margin-bottom: 20px;} .cqr-dwfoot-yejiao1 .ft1-d3{font-size: 16px;line-height: 36px;color: #454545;max-width: 270px;margin-bottom: 30px;} .cqr-dwfoot-yejiao1 .ft1-d5{font-size: 14px;line-height: 20px;color: #454545;float: left;} .cqr-dwfoot-yejiao1 .ft1-d6{height: 20px;position: relative;margin-left: 30px;float: left;} .cqr-dwfoot-yejiao1 .ft1-d6>img{height: 100%;position: relative;} .cqr-dwfoot-yejiao1 .ft1-d6 div{width: 100px;position: absolute;top: -110px;left: calc(50% - 100px/2);display: none;background: #fff;} .cqr-dwfoot-yejiao1 .ft1-d6:hover div{display: block;} .cqr-dwfoot-yejiao1 .ft1-e1{width: 100%;position: absolute;bottom: 0;font-size: 14px;line-height: 64px;color: #757575;text-align: center;} .cqr-dwfoot-yejiao1 .ft1-f1{display: none;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwfoot-yejiao1{width: 100%;height: 420px;background: #fff;position: relative;overflow: hidden;} .cqr-dwfoot-yejiao1 .ft1-a2{width: 220px;position: absolute;top: 40px;left: calc(50% - 220px/2);} .cqr-dwfoot-yejiao1 .ft1-a3{width: 100%;height: 1px;background: #e9ddc2;position: absolute;top: 150px;} .cqr-dwfoot-yejiao1 .ft1-b1{position: absolute;top: 200px;left:0;padding-left: 20px;} .cqr-dwfoot-yejiao1 .ft1-b2{width: 100px;float: left;} .cqr-dwfoot-yejiao1 .ft1-b2>div{position: relative;font-size: 12px;line-height: 28px;text-transform: uppercase;white-space: nowrap;} .cqr-dwfoot-yejiao1 .ft1-b2>div:first-child{font-size: 14px;line-height: 14px;margin-bottom: 16px;} .cqr-dwfoot-yejiao1 .ft1-b2>div span:nth-child(1){opacity: 1;color: #454545;transition: 0.8s;} .cqr-dwfoot-yejiao1 .ft1-b2>div:first-child span:nth-child(1){color: #222222;} .cqr-dwfoot-yejiao1 .ft1-b2>div span:nth-child(2){opacity: 0;font-size: 12px;color: #c9a966;transition: 0.8s;position: absolute;top: 0;left: 0;} .cqr-dwfoot-yejiao1 .ft1-b2>div:hover span:nth-child(1){opacity: 0;transition: 0.8s;} .cqr-dwfoot-yejiao1 .cqr-dwfoot-yejiao1 .ft1-b2>div:hover span:nth-child(2){opacity: 1;transition: 0.8s;} .cqr-dwfoot-yejiao1 .ft1-b2>div.ft1-bon1 span:nth-child(1){opacity: 0;} .cqr-dwfoot-yejiao1 .ft1-b2>div.ft1-bon1 span:nth-child(2){opacity: 1;} .cqr-dwfoot-yejiao1 .ft1-c1{display: none;} .cqr-dwfoot-yejiao1 .ft1-d1{position: absolute;top: 200px;right:0;padding-right: 20px;} .cqr-dwfoot-yejiao1 .ft1-d2{font-size: 20px;line-height: 20px;color: #454545;margin-bottom: 16px;} .cqr-dwfoot-yejiao1 .ft1-d3{font-size: 12px;line-height: 28px;color: #454545;max-width: 270px;margin-bottom: 24px;} .cqr-dwfoot-yejiao1 .ft1-d5{font-size: 12px;line-height: 20px;color: #454545;float: left;} .cqr-dwfoot-yejiao1 .ft1-d6{height: 20px;position: relative;margin-left: 20px;float: left;} .cqr-dwfoot-yejiao1 .ft1-d6>img{height: 100%;position: relative;} .cqr-dwfoot-yejiao1 .ft1-d6 div{width: 90px;position: absolute;top: -100px;left: calc(50% - 90px/2);display: none;background: #fff;} .cqr-dwfoot-yejiao1 .ft1-d6:hover div{display: block;} .cqr-dwfoot-yejiao1 .ft1-e1{width: 960px;position: absolute;bottom: 0;left: calc(50% - 960px/2);font-size: 12px;line-height: 50px;color: #757575;text-align: center;} .cqr-dwfoot-yejiao1 .ft1-f1{display: none;} } @media only screen and (max-width: 1023px){ .cqr-dwfoot-yejiao1{width: 100%;height: 7.74rem;background: #fff;position: relative;overflow: hidden;} .cqr-dwfoot-yejiao1 .ft1-a2{width: 3.44rem;position: absolute;top: 0.48rem;left: calc(50% - 3.44rem/2);} .cqr-dwfoot-yejiao1 .ft1-a3{width: calc(100% - 0.2rem*2);height: 1px;background: #e9ddc2;position: absolute;top: 2rem;left: 0.2rem;} .cqr-dwfoot-yejiao1 .ft1-b1{display: none;} .cqr-dwfoot-yejiao1 .ft1-c1{width: 100%;height: 1rem;position: absolute;top: 2.1rem;left: 0;overflow: hidden;overflow-x: auto;} .cqr-dwfoot-yejiao1 .ft1-c2{height: 100%;position: relative;padding: 0 0.24rem;box-sizing: border-box;} .cqr-dwfoot-yejiao1 .ft1-c3{font-size: 0.26rem;line-height: 1rem;color: #222222;white-space: nowrap;height: 100%;padding: 0 0.06rem;box-sizing: border-box;margin-right: 0.7rem;float: left;} .cqr-dwfoot-yejiao1 .ft1-c3:last-child{margin-right: 0;} .cqr-dwfoot-yejiao1 .ft1-con1{border-bottom: 1px solid #e5d5b4;} .cqr-dwfoot-yejiao1 .ft1-d1{position: absolute;top: 3.52rem;right: 0.2rem;width: calc(100% - 0.2rem*2);} .cqr-dwfoot-yejiao1 .ft1-d2{font-size: 0.36rem;line-height: 0.36rem;color: #454545;margin-bottom: 0.2rem;text-align: center;} .cqr-dwfoot-yejiao1 .ft1-d3{font-size: 0.24rem;line-height: 0.6rem;color: #454545;text-align: center;margin-bottom: 0.3rem;} .cqr-dwfoot-yejiao1 .ft1-d4{text-align: center;} .cqr-dwfoot-yejiao1 .ft1-d5{font-size: 0.24rem;line-height: 0.4rem;color: #454545;display: inline-block;position: relative;top: -0.1rem;} .cqr-dwfoot-yejiao1 .ft1-d6{height: 0.4rem;position: relative;margin-left: 0.14rem;display: inline-block;} .cqr-dwfoot-yejiao1 .ft1-d6>img{height: 100%;position: relative;} .cqr-dwfoot-yejiao1 .ft1-d6 div{width: 1.1rem;position: absolute;top: -1.2rem;left: calc(50% - 1.1rem/2);display: none;background: #fff;} .cqr-dwfoot-yejiao1 .ft1-e1{width: 100%;position: absolute;bottom: 0;left: 0;font-size: 0.24rem;line-height: 0.44rem;color: #757575;text-align: center;border-top: 1px solid #e5d5b4;padding: 0.3rem 0.2rem;box-sizing: border-box;} .cqr-dwfoot-yejiao1{width: 100%;height: auto;position: relative;background: #fff;overflow: hidden;padding-top: 2rem;} .cqr-dwfoot-yejiao1 .ft1-a3{display: none;} .cqr-dwfoot-yejiao1 .ft1-c1{display: none;} .cqr-dwfoot-yejiao1 .ft1-d1{display: none;} .cqr-dwfoot-yejiao1 .ft1-a2{width: 3.44rem;position: relative;margin: 0 auto;margin-bottom: 0.38rem;top: 0;left: 0;} .cqr-dwfoot-yejiao1 .ft1-f1{width: 100%;} .cqr-dwfoot-yejiao1 .ft1-f2{width: 100%;position: relative;border-top: 1px solid #e9ddc2;} .cqr-dwfoot-yejiao1 .ft1-f3{width: 100%;height: 0.98rem;position: relative;} .cqr-dwfoot-yejiao1 .ft1-f4{width: 0.24rem;height: 0.24rem;position: absolute;top: calc(50% - 0.24rem/2);right: 0.36rem;} .cqr-dwfoot-yejiao1 .ft1-f4>div:nth-child(1){width: 100%;height: 2px;background: #3f2053;position: absolute;top: calc(50% - 1px);left: 0;} .cqr-dwfoot-yejiao1 .ft1-f4>div:nth-child(2){width: 2px;height: 100%;background: #3f2053;position: absolute;top: 0;left: calc(50% - 1px);} .cqr-dwfoot-yejiao1 .ft1-f5{width: 100%;height: 100%;position: absolute;top: 0;left: 0;cursor: pointer;} .cqr-dwfoot-yejiao1 .ft1-f6{font-size: 0.26rem;line-height: 0.98rem;color: #222222;position: absolute;top: 0;left: 0.36rem;} .cqr-dwfoot-yejiao1 .ft1-f7{width: 100%;height: 1.38rem;border-top: 1px solid #e9ddc2;padding: 0.82rem 0.36rem 0 0.36rem;box-sizing: border-box;position: relative;} .cqr-dwfoot-yejiao1 .ft1-f8{font-size: 0.26rem;line-height: 0.26rem;color: #222222;position: absolute;top: 0.26rem;left: 0.36rem;} .cqr-dwfoot-yejiao1 .ft1-f9{height: 0.2rem;float: left;margin-right: 0.6rem;position: relative;} .cqr-dwfoot-yejiao1 .ft1-g1{width: 100%;display: none;} .cqr-dwfoot-yejiao1 .ft1-g2{width: 100%;height: 0.98rem;font-size: 0.26rem;line-height: 0.98rem;color: #222222;text-indent: 0.5rem;position: relative;border-bottom: 1px solid #e9ddc2;} .cqr-dwfoot-yejiao1 .ft1-g2:last-child{border-bottom: 0;} .cqr-dwfoot-yejiao1 .ft1-e1{position: relative;} } /* 6.28*/@media only screen and (min-width: 1480px){ .cqr-dwlist-imglist7{background-color: #fff;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .cqr-dwlist-imglist7 .Service-content{width: 100%;margin: 0 auto;padding: 0;display:table;text-align:center} /*1*/ .cqr-dwlist-imglist7 .Service-content-1 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-1 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-1 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*2*/ .cqr-dwlist-imglist7 .Service-content-2 .Service-item{display: inline-block;width: 48%;padding:0 16px;text-align: center;height: 270px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-2 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-2 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*3*/ .cqr-dwlist-imglist7 .Service-content-3 .Service-item{display: inline-block;width: 31%;padding:0 16px;text-align: center;height: 250px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-3 .item-image{display: inline-block;height: 140px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-3 .item-image img{width: auto;height: 140px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image{height: 80px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*4*/ .cqr-dwlist-imglist7 .Service-content-4 .Service-item{display: inline-block;width: 23%;padding:0 16px;text-align: center;height: 250px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-4 .item-image{display: inline-block;height: 120px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-4 .item-image img{width: auto;height: 120px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image{height: 80px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*5*/ .cqr-dwlist-imglist7 .Service-content-5 .Service-item{display: inline-block;width: 18%;padding:0 16px;text-align: center;height: 240px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-5 .item-image{display: inline-block;height: 100px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-5 .item-image img{width: auto;height: 100px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image{height: 60px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content .Service-item{-webkit-transition: all 300ms;transition: all 300ms;} .cqr-dwlist-imglist7 .item-title{font-size: 18px;color: #3D3D3D;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;font-weight: normal;} .cqr-dwlist-imglist7 .item-text{color: #9A9A9A;font-size: 12px;margin-bottom:10px;line-height: 17px;height: 34px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;} .cqr-dwlist-imglist7 .item-link{font-family: 'PingFangSC-SC', "Microsoft YaHei", Tahoma, sans-serif;color: #FFFFFF;display: none;padding: 6px 20px;background-color: #05A6F3;font-size: 14px;line-height: 25px;border-radius: 5px;-webkit-transition: all 160ms;transition: all 160ms;font-weight: normal;} .cqr-dwlist-imglist7 .Service-item:hover{border-color: #DEDDDD;padding-top: 6px;position: relative;z-index: 99;text-decoration: none;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);} .cqr-dwlist-imglist7 .Service-item:hover .item-link{display: block;} .cqr-dwlist-imglist7 .Service-item + .Service-item{position: relative;} .cqr-dwlist-imglist7 .item-background{width: 67px;height: 67px;position: absolute;top: 0px;right: 0px;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwlist-imglist7{background-color: #fff;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .cqr-dwlist-imglist7 .Service-content{width: 100%;margin: 0 auto;padding: 0;display:table;text-align:center} /*1*/ .cqr-dwlist-imglist7 .Service-content-1 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-1 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-1 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*2*/ .cqr-dwlist-imglist7 .Service-content-2 .Service-item{display: inline-block;width: 48%;padding:0 16px;text-align: center;height: 270px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-2 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-2 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*3*/ .cqr-dwlist-imglist7 .Service-content-3 .Service-item{display: inline-block;width: 31%;padding:0 16px;text-align: center;height: 250px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-3 .item-image{display: inline-block;height: 140px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-3 .item-image img{width: auto;height: 140px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image{height: 80px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*4*/ .cqr-dwlist-imglist7 .Service-content-4 .Service-item{display: inline-block;width: 23%;padding:0 16px;text-align: center;height: 250px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-4 .item-image{display: inline-block;height: 120px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-4 .item-image img{width: auto;height: 120px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image{height: 80px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*5*/ .cqr-dwlist-imglist7 .Service-content-5 .Service-item{display: inline-block;width: 18%;padding:0 16px;text-align: center;height: 240px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-5 .item-image{display: inline-block;height: 100px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-5 .item-image img{width: auto;height: 100px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image{height: 60px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content .Service-item{-webkit-transition: all 300ms;transition: all 300ms;} .cqr-dwlist-imglist7 .item-title{font-size: 18px;color: #3D3D3D;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;font-weight: normal;} .cqr-dwlist-imglist7 .item-text{color: #9A9A9A;font-size: 12px;margin-bottom:10px;line-height: 17px;height: 34px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;} .cqr-dwlist-imglist7 .item-link{font-family: 'PingFangSC-SC', "Microsoft YaHei", Tahoma, sans-serif;color: #FFFFFF;display: none;padding: 6px 20px;background-color: #05A6F3;font-size: 14px;line-height: 25px;border-radius: 5px;-webkit-transition: all 160ms;transition: all 160ms;font-weight: normal;} .cqr-dwlist-imglist7 .Service-item:hover{border-color: #DEDDDD;padding-top: 6px;position: relative;z-index: 99;text-decoration: none;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);} .cqr-dwlist-imglist7 .Service-item:hover .item-link{display: block;} .cqr-dwlist-imglist7 .Service-item + .Service-item{position: relative;} .cqr-dwlist-imglist7 .item-background{width: 67px;height: 67px;position: absolute;top: 0px;right: 0px;} } @media only screen and (min-width: 991px) and (max-width:1023px){ .cqr-dwlist-imglist7{background-color: #fff;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .cqr-dwlist-imglist7 .Service-content{width: 100%;margin: 0 auto;padding: 0;display:table;text-align:center} /*1*/ .cqr-dwlist-imglist7 .Service-content-1 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-1 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-1 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*2*/ .cqr-dwlist-imglist7 .Service-content-2 .Service-item{display: inline-block;width: 48%;padding:0 16px;text-align: center;height: 270px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-2 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-2 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*3*/ .cqr-dwlist-imglist7 .Service-content-3 .Service-item{display: inline-block;width: 48%;padding:0 16px;text-align: center;height: 270px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-3 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-3 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*4*/ .cqr-dwlist-imglist7 .Service-content-4 .Service-item{display: inline-block;width: 48%;padding:0 16px;text-align: center;height: 270px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-4 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-4 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*5*/ .cqr-dwlist-imglist7 .Service-content-5 .Service-item{display: inline-block;width: 48%;padding:0 16px;text-align: center;height: 270px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-5 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-5 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content .Service-item{-webkit-transition: all 300ms;transition: all 300ms;} .cqr-dwlist-imglist7 .item-title{font-size: 18px;color: #3D3D3D;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;font-weight: normal;} .cqr-dwlist-imglist7 .item-text{color: #9A9A9A;font-size: 12px;margin-bottom:10px;line-height: 17px;height: 34px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;} .cqr-dwlist-imglist7 .item-link{font-family: 'PingFangSC-SC', "Microsoft YaHei", Tahoma, sans-serif;color: #FFFFFF;display: none;padding: 6px 20px;background-color: #05A6F3;font-size: 14px;line-height: 25px;border-radius: 5px;-webkit-transition: all 160ms;transition: all 160ms;font-weight: normal;} .cqr-dwlist-imglist7 .Service-item:hover{border-color: #DEDDDD;padding-top: 6px;position: relative;z-index: 99;text-decoration: none;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);} .cqr-dwlist-imglist7 .Service-item:hover .item-link{display: block;} .cqr-dwlist-imglist7 .Service-item + .Service-item{position: relative;} .cqr-dwlist-imglist7 .item-background{width: 67px;height: 67px;position: absolute;top: 0px;right: 0px;} } @media only screen and (max-width: 990px){ .cqr-dwlist-imglist7{background-color: #fff;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;} .cqr-dwlist-imglist7 .Service-content{width: 100%;margin: 0 auto;padding: 0;display:table;text-align:center} /*1*/ .cqr-dwlist-imglist7 .Service-content-1 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-1 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-1 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-1 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*2*/ .cqr-dwlist-imglist7 .Service-content-2 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-2 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-2 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-2 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*3*/ .cqr-dwlist-imglist7 .Service-content-3 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-3 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-3 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-3 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*4*/ .cqr-dwlist-imglist7 .Service-content-4 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-4 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center; margin-bottom:20px;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-4 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-4 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} /*5*/ .cqr-dwlist-imglist7 .Service-content-5 .Service-item{display: inline-block;width: 70%;padding:0 16px;text-align: center;height: 280px;padding-top:6px;margin: 1%;border: 1px solid #E7E7E7;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .cqr-dwlist-imglist7 .Service-content-5 .item-image{display: inline-block;height: 160px;width: 100%;text-align: center;margin: 0;border: 3px solid transparent;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 160ms;transition: all 160ms;} .cqr-dwlist-imglist7 .Service-content-5 .item-image img{width: auto;height: 160px;display: block;border: none;margin:0 auto} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image{height: 100px;width: 100%;line-height: 60px;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content-5 .Service-item:hover .item-image img{height:100%;width:auto;display:block;margin: 0 auto;} .cqr-dwlist-imglist7 .Service-content .Service-item{-webkit-transition: all 300ms;transition: all 300ms;} .cqr-dwlist-imglist7 .item-title{font-size: 18px;color: #3D3D3D;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;font-weight: normal;} .cqr-dwlist-imglist7 .item-text{color: #9A9A9A;font-size: 12px;margin-bottom:10px;line-height: 17px;height: 34px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-family: 'PingFangSC-Regular', "Microsoft YaHei", Tahoma, sans-serif;} .cqr-dwlist-imglist7 .item-link{font-family: 'PingFangSC-SC', "Microsoft YaHei", Tahoma, sans-serif;color: #FFFFFF;display: none;padding: 6px 20px;background-color: #05A6F3;font-size: 14px;line-height: 25px;border-radius: 5px;-webkit-transition: all 160ms;transition: all 160ms;font-weight: normal;} .cqr-dwlist-imglist7 .Service-item:hover{border-color: #DEDDDD;padding-top: 6px;position: relative;z-index: 99;text-decoration: none;box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);} .cqr-dwlist-imglist7 .Service-item:hover .item-link{display: block;} .cqr-dwlist-imglist7 .Service-item + .Service-item{position: relative;} .cqr-dwlist-imglist7 .item-background{width: 67px;height: 67px;position: absolute;top: 0px;right: 0px;} } /* 页脚*/@media only screen and (min-width: 1480px){ .cqr-dwfoot-yejiao2{width: 100%;height: 255px;background: #242D4A;} .cqr-dwfoot-yejiao2 .footer_box{height: auto;overflow:hidden;margin: 0 auto;padding: 35px 150px;box-sizing: border-box;} .cqr-dwfoot-yejiao2 .footer_box .footer_left{float: left;} .cqr-dwfoot-yejiao2 .footer_box .footer_left div{color: #fff;font-size: 14px;line-height: 30px;} .cqr-dwfoot-yejiao2 .footer_box .footer_left div a{color: #fff;font-size:16px;} .cqr-dwfoot-yejiao2 .footer_box .footer_link{color: #fff;font-size: 16px;line-height:30px;text-align:center;} .cqr-dwfoot-yejiao2 .footer_box .footer_link a{color: #fff;font-size:16px;} .cqr-dwfoot-yejiao2 .footer_box .footer_right{float: right;} .cqr-dwfoot-yejiao2 .footer_box .footer_right div{float: left;text-align: center;} .cqr-dwfoot-yejiao2 .footer_box .footer_right div img{display: block;width: 111px;height: 111px;margin: 0 auto;margin-bottom: 8px;} .cqr-dwfoot-yejiao2 .footer_box .footer_right div span{color: #f2f2f2;font-size: 14px;} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-dwfoot-yejiao2{width: 100%;height: 255px;background: #242D4A;} .cqr-dwfoot-yejiao2 .footer_box{height: auto;overflow:hidden;margin: 0 auto;padding: 35px 50px;box-sizing: border-box;} .cqr-dwfoot-yejiao2 .footer_box .footer_left{float: left;} .cqr-dwfoot-yejiao2 .footer_box .footer_left div{color: #fff;font-size: 14px;line-height: 30px;} .cqr-dwfoot-yejiao2 .footer_box .footer_left div a{color: #fff;font-size:16px;} .cqr-dwfoot-yejiao2 .footer_box .footer_link{color: #fff;font-size: 16px;line-height:30px;text-align:center;} .cqr-dwfoot-yejiao2 .footer_box .footer_link a{color: #fff;font-size:16px;} .cqr-dwfoot-yejiao2 .footer_box .footer_right{float: right;} .cqr-dwfoot-yejiao2 .footer_box .footer_right div{float: left;text-align: center;} .cqr-dwfoot-yejiao2 .footer_box .footer_right div img{display: block;width: 111px;height: 111px;margin: 0 auto;margin-bottom: 8px;} .cqr-dwfoot-yejiao2 .footer_box .footer_right div span{color: #f2f2f2;font-size: 14px;} } @media only screen and (max-width: 1023px){ .cqr-dwfoot-yejiao2{width: 100%;height: 255px;background: #242D4A;} .cqr-dwfoot-yejiao2 .footer_box{height: auto;overflow:hidden;margin: 0 auto;padding: 35px;box-sizing: border-box;} .cqr-dwfoot-yejiao2 .footer_box .footer_left{text-align: center;} .cqr-dwfoot-yejiao2 .footer_box .footer_left div{color: #fff;font-size: 14px;line-height: 30px;} .cqr-dwfoot-yejiao2 .footer_box .footer_left div a{color: #fff;font-size:16px;} .cqr-dwfoot-yejiao2 .footer_box .footer_link{color: #fff;font-size: 16px;line-height:30px;text-align:center;} .cqr-dwfoot-yejiao2 .footer_box .footer_link a{color: #fff;font-size:16px;} .cqr-dwfoot-yejiao2 .footer_box .footer_right{float: right;display: none;} } /*{6.25}*/@media only screen and (min-width: 1480px){} @media only screen and (min-width: 1024px) and (max-width: 1479px){} @media only screen and (max-width: 1023px){} @media only screen and (min-width: 1480px){ .cqr-m-product-panel .c-wrapper{width: 100%;margin: 0 auto} /*.c-col6{width: 55%;box-sizing: border-box;display:inline-block;text-align:center;}*/.cqr-m-product-panel{text-align: center;padding: 70px 0;background-color: #fff;background-repeat: no-repeat;background-position: center 0;overflow:hidden} .cqr-m-product-panel .m-product-panel-list{border-radius: 4px;box-shadow: 0 2px 4px rgba(7, 61, 125, .16); text-align:center;} .cqr-m-product-panel .m-product-panel-list-1 .c-col6{width: 55%;box-sizing: border-box;display:inline-block;text-align:center;} .cqr-m-product-panel .m-product-panel-list-2 .c-col6{width: 46%;box-sizing: border-box;display:inline-block;margin:1% 2%;} .cqr-m-product-panel .m-product-panel-list-3 .c-col6{width: 33.33%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-4 .c-col6{width: 25%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list>li{position: relative;cursor: default} .cqr-m-product-panel .m-product-panel-list>li h4{color: #4a4a4a;font-size: 27px;padding: 50px 20px 0;-webkit-transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, transform .3s ease;transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-note{color: #7d7e7e;color: rgba(0, 0, 0, .5);font-size: 16px;padding: 20px 30px;-webkit-transition: -webkit-transform .3s ease .05s;transition: -webkit-transform .3s ease .05s;transition: transform .3s ease .05s;transition: transform .3s ease .05s, -webkit-transform .3s ease .05s;height: 230px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;margin: 20px 0;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-icon{position: absolute;width: 100%;bottom: 90px;left: 0;color: #dcdedf;color: rgba(0, 0, 0, .1);font-size: 64px;visibility: visible;opacity: 1;-webkit-transition: visibility .5s ease, opacity .5s ease;transition: visibility .5s ease, opacity .5s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button{text-align:center;position: absolute;top: 100%;left: 0;width: 100%;text-align: center;visibility: hidden;opacity: 0;-webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button button{display:inline-block;height: 28px;line-height: 26px;padding: 0 18px;cursor: inherit;color: #666;font-size: 14px;border: 1px solid #d9d9d9;border-radius: 4px;background: transparent;-webkit-transition: color .3s ease, border-color .3s ease, background .3s ease;transition: color .3s ease, border-color .3s ease, background .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail{width: 100%;padding: 0 50px;text-align: left;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: -webkit-transform .3s ease .1s;transition: -webkit-transform .3s ease .1s;transition: transform .3s ease .1s;transition: transform .3s ease .1s, -webkit-transform .3s ease .1s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail li{color: #999;font-size: 14px;margin-top: 18px;text-align:center;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail .c-icon{color: #ddd;font-size: 20px;margin-right: 12px;-webkit-transition: color .3s ease;transition: color .3s ease;position: relative;top: 2px} .cqr-m-product-panel .m-product-panel-list>li>div{position: relative;z-index: 9;height: 382px;margin: 25px 0;border-left: 1px dashed #d6d6d6;-webkit-transition: border-color .3s ease;transition: border-color .3s ease;overflow: hidden} .cqr-m-product-panel .m-product-panel-list>li>div>a{display: block;width: 100%;height: 100%;color: inherit;text-decoration: none} .cqr-m-product-panel .m-product-panel-list>li:first-child>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li:after{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 5px;background: #f5f8f9;-webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li.active:after, .cqr-m-product-panel .m-product-panel-list>li:hover:after{z-index: 1;background: #fff;-webkit-transform: scale(1.08);transform: scale(1.08);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13)} .cqr-m-product-panel .m-product-panel-list>li.active+li>div, .cqr-m-product-panel .m-product-panel-list>li.active>div, .cqr-m-product-panel .m-product-panel-list>li:hover+li>div, .cqr-m-product-panel .m-product-panel-list>li:hover>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li.active h4, .cqr-m-product-panel .m-product-panel-list>li:hover h4{color: #1ccfc9;-webkit-transform: translate3d(0, -37px, 0);transform: translate3d(0, -37px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-note, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-note{-webkit-transform: translate3d(0, -45px, 0);transform: translate3d(0, -45px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-icon, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-icon{visibility: hidden;opacity: 0} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button{visibility: visible;opacity: 1;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button button{color: #fff;border-color: #1ccfc9;background: #1ccfc9;box-shadow: 0 0 9px rgba(0, 0, 0, .06)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-detail, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-detail{-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0)} } /*{6.25 图片列表1}*/ @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-m-product-panel .c-wrapper{width: 100%;margin: 0 auto} /*.c-col6{width: 55%;box-sizing: border-box;display:inline-block;text-align:center;}*/ .cqr-m-product-panel{text-align: center;padding: 70px 0;background-color: #fff;background-repeat: no-repeat;background-position: center 0;overflow:hidden} .cqr-m-product-panel .m-product-panel-list{border-radius: 4px;box-shadow: 0 2px 4px rgba(7, 61, 125, .16); text-align:center} .cqr-m-product-panel .m-product-panel-list-1 .c-col6{width: 55%;box-sizing: border-box;display:inline-block;text-align:center;} .cqr-m-product-panel .m-product-panel-list-2 .c-col6{width: 46%;box-sizing: border-box;display:inline-block;margin:1% 2%;} .cqr-m-product-panel .m-product-panel-list-3 .c-col6{width: 33.33%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-4 .c-col6{width: 25%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list>li{position: relative;cursor: default} .cqr-m-product-panel .m-product-panel-list>li h4{color: #4a4a4a;font-size: 27px;padding: 50px 20px 0;-webkit-transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, transform .3s ease;transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-note{color: #7d7e7e;color: rgba(0, 0, 0, .5);font-size: 16px;padding: 20px 30px;-webkit-transition: -webkit-transform .3s ease .05s;transition: -webkit-transform .3s ease .05s;transition: transform .3s ease .05s;transition: transform .3s ease .05s, -webkit-transform .3s ease .05s;height: 230px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;margin: 20px 0;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-icon{position: absolute;width: 100%;bottom: 90px;left: 0;color: #dcdedf;color: rgba(0, 0, 0, .1);font-size: 64px;visibility: visible;opacity: 1;-webkit-transition: visibility .5s ease, opacity .5s ease;transition: visibility .5s ease, opacity .5s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button{text-align:center;position: absolute;top: 100%;left: 0;width: 100%;text-align: center;visibility: hidden;opacity: 0;-webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button button{display:inline-block;height: 28px;line-height: 26px;padding: 0 18px;cursor: inherit;color: #666;font-size: 14px;border: 1px solid #d9d9d9;border-radius: 4px;background: transparent;-webkit-transition: color .3s ease, border-color .3s ease, background .3s ease;transition: color .3s ease, border-color .3s ease, background .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail{width: 100%;padding: 0 50px;text-align: left;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: -webkit-transform .3s ease .1s;transition: -webkit-transform .3s ease .1s;transition: transform .3s ease .1s;transition: transform .3s ease .1s, -webkit-transform .3s ease .1s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail li{color: #999;font-size: 14px;margin-top: 18px;text-align:center;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail .c-icon{color: #ddd;font-size: 20px;margin-right: 12px;-webkit-transition: color .3s ease;transition: color .3s ease;position: relative;top: 2px} .cqr-m-product-panel .m-product-panel-list>li>div{position: relative;z-index: 9;height: 382px;margin: 25px 0;border-left: 1px dashed #d6d6d6;-webkit-transition: border-color .3s ease;transition: border-color .3s ease;overflow: hidden} .cqr-m-product-panel .m-product-panel-list>li>div>a{display: block;width: 100%;height: 100%;color: inherit;text-decoration: none} .cqr-m-product-panel .m-product-panel-list>li:first-child>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li:after{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 5px;background: #f5f8f9;-webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li.active:after, .cqr-m-product-panel .m-product-panel-list>li:hover:after{z-index: 1;background: #fff;-webkit-transform: scale(1.08);transform: scale(1.08);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13)} .cqr-m-product-panel .m-product-panel-list>li.active+li>div, .cqr-m-product-panel .m-product-panel-list>li.active>div, .cqr-m-product-panel .m-product-panel-list>li:hover+li>div, .cqr-m-product-panel .m-product-panel-list>li:hover>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li.active h4, .cqr-m-product-panel .m-product-panel-list>li:hover h4{color: #1ccfc9;-webkit-transform: translate3d(0, -37px, 0);transform: translate3d(0, -37px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-note, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-note{-webkit-transform: translate3d(0, -45px, 0);transform: translate3d(0, -45px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-icon, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-icon{visibility: hidden;opacity: 0} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button{visibility: visible;opacity: 1;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button button{color: #fff;border-color: #1ccfc9;background: #1ccfc9;box-shadow: 0 0 9px rgba(0, 0, 0, .06)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-detail, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-detail{-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0)} } @media only screen and (min-width: 991px) and (max-width: 1023px){ .cqr-m-product-panel .c-wrapper{width: 100%;margin: 0 auto} /*.c-col6{width: 55%;box-sizing: border-box;display:inline-block;text-align:center;}*/.cqr-m-product-panel{text-align: center;padding: 70px 0;background-color: #fff;background-repeat: no-repeat;background-position: center 0;overflow:hidden} .cqr-m-product-panel .m-product-panel-list{border-radius: 4px;box-shadow: 0 2px 4px rgba(7, 61, 125, .16); text-align:center} .cqr-m-product-panel .m-product-panel-list-1 .c-col6{width:80%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-2 .c-col6{width:50%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-3 .c-col6{width:50%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-4 .c-col6{width:50%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list>li{position: relative;cursor: default} .cqr-m-product-panel .m-product-panel-list>li h4{color: #4a4a4a;font-size: 27px;padding: 50px 20px 0;-webkit-transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, transform .3s ease;transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-note{color: #7d7e7e;color: rgba(0, 0, 0, .5);font-size: 16px;padding: 20px 30px;-webkit-transition: -webkit-transform .3s ease .05s;transition: -webkit-transform .3s ease .05s;transition: transform .3s ease .05s;transition: transform .3s ease .05s, -webkit-transform .3s ease .05s;height: 230px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;margin: 20px 0;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-icon{position: absolute;width: 100%;bottom: 90px;left: 0;color: #dcdedf;color: rgba(0, 0, 0, .1);font-size: 64px;visibility: visible;opacity: 1;-webkit-transition: visibility .5s ease, opacity .5s ease;transition: visibility .5s ease, opacity .5s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button{text-align:center;position: absolute;top: 100%;left: 0;width: 100%;text-align: center;visibility: hidden;opacity: 0;-webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button button{display:inline-block;height: 28px;line-height: 26px;padding: 0 18px;cursor: inherit;color: #666;font-size: 14px;border: 1px solid #d9d9d9;border-radius: 4px;background: transparent;-webkit-transition: color .3s ease, border-color .3s ease, background .3s ease;transition: color .3s ease, border-color .3s ease, background .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail{width: 100%;padding: 0 50px;text-align: left;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: -webkit-transform .3s ease .1s;transition: -webkit-transform .3s ease .1s;transition: transform .3s ease .1s;transition: transform .3s ease .1s, -webkit-transform .3s ease .1s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail li{color: #999;font-size: 14px;margin-top: 18px;text-align:center;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail .c-icon{color: #ddd;font-size: 20px;margin-right: 12px;-webkit-transition: color .3s ease;transition: color .3s ease;position: relative;top: 2px} .cqr-m-product-panel .m-product-panel-list>li>div{position: relative;z-index: 9;height: 382px;margin: 25px 0;border-left: 1px dashed #d6d6d6;-webkit-transition: border-color .3s ease;transition: border-color .3s ease;overflow: hidden} .cqr-m-product-panel .m-product-panel-list>li>div>a{display: block;width: 100%;height: 100%;color: inherit;text-decoration: none} .cqr-m-product-panel .m-product-panel-list>li:first-child>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li:after{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 5px;background: #f5f8f9;-webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li.active:after, .cqr-m-product-panel .m-product-panel-list>li:hover:after{z-index: 1;background: #fff;-webkit-transform: scale(1.08);transform: scale(1.08);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13)} .cqr-m-product-panel .m-product-panel-list>li.active+li>div, .cqr-m-product-panel .m-product-panel-list>li.active>div, .cqr-m-product-panel .m-product-panel-list>li:hover+li>div, .cqr-m-product-panel .m-product-panel-list>li:hover>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li.active h4, .cqr-m-product-panel .m-product-panel-list>li:hover h4{color: #1ccfc9;-webkit-transform: translate3d(0, -37px, 0);transform: translate3d(0, -37px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-note, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-note{-webkit-transform: translate3d(0, -45px, 0);transform: translate3d(0, -45px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-icon, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-icon{visibility: hidden;opacity: 0} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button{visibility: visible;opacity: 1;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button button{color: #fff;border-color: #1ccfc9;background: #1ccfc9;box-shadow: 0 0 9px rgba(0, 0, 0, .06)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-detail, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-detail{-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0)} } @media only screen and (max-width: 990px){ .cqr-m-product-panel .c-wrapper{width: 100%;margin: 0 auto} /*.c-col6{width: 55%;box-sizing: border-box;display:inline-block;text-align:center;}*/.cqr-m-product-panel{text-align: center;padding: 70px 0;background-color: #fff;background-repeat: no-repeat;background-position: center 0;overflow:hidden} .cqr-m-product-panel .m-product-panel-list{border-radius: 4px;box-shadow: 0 2px 4px rgba(7, 61, 125, .16); text-align:center} .cqr-m-product-panel .m-product-panel-list-1 .c-col6{width:80%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-2 .c-col6{width:80%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-3 .c-col6{width:80%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list-4 .c-col6{width:80%;box-sizing: border-box;display:inline-block;margin:0;} .cqr-m-product-panel .m-product-panel-list>li{position: relative;cursor: default} .cqr-m-product-panel .m-product-panel-list>li h4{color: #4a4a4a;font-size: 27px;padding: 50px 20px 0;-webkit-transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, -webkit-transform .3s ease;transition: color .3s ease, transform .3s ease;transition: color .3s ease, transform .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-note{color: #7d7e7e;color: rgba(0, 0, 0, .5);font-size: 16px;padding: 20px 30px;-webkit-transition: -webkit-transform .3s ease .05s;transition: -webkit-transform .3s ease .05s;transition: transform .3s ease .05s;transition: transform .3s ease .05s, -webkit-transform .3s ease .05s;height: 230px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;margin: 20px 0;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-icon{position: absolute;width: 100%;bottom: 90px;left: 0;color: #dcdedf;color: rgba(0, 0, 0, .1);font-size: 64px;visibility: visible;opacity: 1;-webkit-transition: visibility .5s ease, opacity .5s ease;transition: visibility .5s ease, opacity .5s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button{text-align:center;position: absolute;top: 100%;left: 0;width: 100%;text-align: center;visibility: hidden;opacity: 0;-webkit-transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, -webkit-transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s;transition: visibility .5s ease, opacity .5s ease, transform .3s ease .15s, -webkit-transform .3s ease .15s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-button button{display:inline-block;height: 28px;line-height: 26px;padding: 0 18px;cursor: inherit;color: #666;font-size: 14px;border: 1px solid #d9d9d9;border-radius: 4px;background: transparent;-webkit-transition: color .3s ease, border-color .3s ease, background .3s ease;transition: color .3s ease, border-color .3s ease, background .3s ease} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail{width: 100%;padding: 0 50px;text-align: left;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-transition: -webkit-transform .3s ease .1s;transition: -webkit-transform .3s ease .1s;transition: transform .3s ease .1s;transition: transform .3s ease .1s, -webkit-transform .3s ease .1s} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail li{color: #999;font-size: 14px;margin-top: 18px;text-align:center;} .cqr-m-product-panel .m-product-panel-list>li .m-product-panel-list-detail .c-icon{color: #ddd;font-size: 20px;margin-right: 12px;-webkit-transition: color .3s ease;transition: color .3s ease;position: relative;top: 2px} .cqr-m-product-panel .m-product-panel-list>li>div{position: relative;z-index: 9;height: 382px;margin: 25px 0;border-left: 1px dashed #d6d6d6;-webkit-transition: border-color .3s ease;transition: border-color .3s ease;overflow: hidden} .cqr-m-product-panel .m-product-panel-list>li>div>a{display: block;width: 100%;height: 100%;color: inherit;text-decoration: none} .cqr-m-product-panel .m-product-panel-list>li:first-child>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li:after{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;border-radius: 5px;background: #f5f8f9;-webkit-transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, box-shadow .3s ease, -webkit-transform .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease;transition: background .3s ease, transform .3s ease, box-shadow .3s ease, -webkit-transform .3s ease} .cqr-m-product-panel .m-product-panel-list>li.active:after, .cqr-m-product-panel .m-product-panel-list>li:hover:after{z-index: 1;background: #fff;-webkit-transform: scale(1.08);transform: scale(1.08);box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .13)} .cqr-m-product-panel .m-product-panel-list>li.active+li>div, .cqr-m-product-panel .m-product-panel-list>li.active>div, .cqr-m-product-panel .m-product-panel-list>li:hover+li>div, .cqr-m-product-panel .m-product-panel-list>li:hover>div{border-left-color: transparent} .cqr-m-product-panel .m-product-panel-list>li.active h4, .cqr-m-product-panel .m-product-panel-list>li:hover h4{color: #1ccfc9;-webkit-transform: translate3d(0, -37px, 0);transform: translate3d(0, -37px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-note, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-note{-webkit-transform: translate3d(0, -45px, 0);transform: translate3d(0, -45px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-icon, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-icon{visibility: hidden;opacity: 0} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button{visibility: visible;opacity: 1;-webkit-transform: translate3d(0, -40px, 0);transform: translate3d(0, -40px, 0)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-button button, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-button button{color: #fff;border-color: #1ccfc9;background: #1ccfc9;box-shadow: 0 0 9px rgba(0, 0, 0, .06)} .cqr-m-product-panel .m-product-panel-list>li.active .m-product-panel-list-detail, .cqr-m-product-panel .m-product-panel-list>li:hover .m-product-panel-list-detail{-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0)} } @media only screen and (min-width: 1480px){ .cqr-tulisu-xianzhi{width:100%} .cqr-tulisu-xianzhi>div{width: 100%;/*display: flex;*/justify-content: space-between;text-align:center;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box{width: 55%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5% auto;display:block;position: relative;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box{width: 48%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box{width: 31.33%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box{width: 23%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .box a{display: flex;flex-direction: column;align-items: center;color: #535353;text-decoration: none;} .cqr-tulisu-xianzhi .box a:hover{color: #e52d67;} .cqr-tulisu-xianzhi .imgBox{width: 100%;overflow: hidden;} .cqr-tulisu-xianzhi .imgBox img{width: 100%;height: 100%;transition: all 0.6s linear;display:block;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box .imgBox{height:650px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box .imgBox{height:550px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box .imgBox{height:400px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box .imgBox{height:280px;} .cqr-tulisu-xianzhi .title{padding: 20px 0;font-size: 18px;width:100%;text-align:center;background:#f8f8f5;} /*鼠标hover效果*/.cqr-tulisu-xianzhi .box>a::after{content: '';width: 100%;position: absolute;background: #e52d67;bottom: 0;height: 0px;transition: height 0.3s linear;/*利用伪类高度，实现动画效果*/} .cqr-tulisu-xianzhi .box>a:hover::after{height: 10px;} .cqr-tulisu-xianzhi .box:hover img{transform: scale(1.15);} } @media only screen and (min-width: 1024px) and (max-width: 1479px){ .cqr-tulisu-xianzhi{width:100%} .cqr-tulisu-xianzhi>div{width: 100%;/*display: flex;*/justify-content: space-between;text-align:center;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box{width: 55%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5% auto;display:block;position: relative;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box{width: 48%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box{width: 31.33%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box{width: 23%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .box a{display: flex;flex-direction: column;align-items: center;color: #535353;text-decoration: none;} .cqr-tulisu-xianzhi .box a:hover{color: #e52d67;} .cqr-tulisu-xianzhi .imgBox{width: 100%;overflow: hidden;} .cqr-tulisu-xianzhi .imgBox img{width: 100%;height: 100%;transition: all 0.6s linear;display:block;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box .imgBox{height:500px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box .imgBox{height:400px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box .imgBox{height:300px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box .imgBox{height:200px;} .cqr-tulisu-xianzhi .title{padding: 20px 0;font-size: 18px;width:100%;text-align:center;background:#f8f8f5;} /*鼠标hover效果*/.cqr-tulisu-xianzhi .box>a::after{content: '';width: 100%;position: absolute;background: #e52d67;bottom: 0;height: 0px;transition: height 0.3s linear;/*利用伪类高度，实现动画效果*/} .cqr-tulisu-xianzhi .box>a:hover::after{height: 10px;} .cqr-tulisu-xianzhi .box:hover img{transform: scale(1.15);} } @media only screen and (min-width: 991px) and (max-width:1023px){ .cqr-tulisu-xianzhi{width:100%} .cqr-tulisu-xianzhi>div{width: 100%;/*display: flex;*/justify-content: space-between;text-align:center;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box{width: 90%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5% auto;display:block;position: relative;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box{width: 48%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box{width: 48%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box{width: 48%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .box a{display: flex;flex-direction: column;align-items: center;color: #535353;text-decoration: none;} .cqr-tulisu-xianzhi .box a:hover{color: #e52d67;} .cqr-tulisu-xianzhi .imgBox{width: 100%;overflow: hidden;} .cqr-tulisu-xianzhi .imgBox img{width: 100%;height: 100%;transition: all 0.6s linear;display:block;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box .imgBox{height:250px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box .imgBox{height:220px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box .imgBox{height:220px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box .imgBox{height:220px;} .cqr-tulisu-xianzhi .title{padding: 20px 0;font-size:18px;width:100%;text-align:center;background:#f8f8f5;} /*鼠标hover效果*/.cqr-tulisu-xianzhi .box>a::after{content: '';width: 100%;position: absolute;background: #e52d67;bottom: 0;height: 0px;transition: height 0.3s linear;/*利用伪类高度，实现动画效果*/} .cqr-tulisu-xianzhi .box>a:hover::after{height: 10px;} .cqr-tulisu-xianzhi .box:hover img{transform: scale(1.15);} } @media only screen and (max-width: 990px){ .cqr-tulisu-xianzhi{width:100%} .cqr-tulisu-xianzhi>div{width: 100%;/*display: flex;*/justify-content: space-between;text-align:center;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box{width: 90%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5% auto;display:block;position: relative;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box{width: 90%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box{width: 90%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box{width: 90%;overflow: hidden;background: #fff;box-sizing: border-box;margin:0.5%;display:block;position: relative;display:inline-block;text-align:center} .cqr-tulisu-xianzhi .box a{display: flex;flex-direction: column;align-items: center;color: #535353;text-decoration: none;} .cqr-tulisu-xianzhi .box a:hover{color: #e52d67;} .cqr-tulisu-xianzhi .imgBox{width: 100%;overflow: hidden;} .cqr-tulisu-xianzhi .imgBox img{width: 100%;height: 100%;transition: all 0.6s linear;display:block;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-1 .box .imgBox{height:250px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-2 .box .imgBox{height:220px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-3 .box .imgBox{height:220px;} .cqr-tulisu-xianzhi .cqr-tulisu-xianzhi-4 .box .imgBox{height:220px;} .cqr-tulisu-xianzhi .title{padding: 20px 0;font-size:18px;width:100%;text-align:center;background:#f8f8f5;} /*鼠标hover效果*/.cqr-tulisu-xianzhi .box>a::after{content: '';width: 100%;position: absolute;background: #e52d67;bottom: 0;height: 0px;transition: height 0.3s linear;/*利用伪类高度，实现动画效果*/} .cqr-tulisu-xianzhi .box>a:hover::after{height: 10px;} .cqr-tulisu-xianzhi .box:hover img{transform: scale(1.15);} } .cqr-dwNav-daohang1 .nav_body:hover{ background:#666;}