/*声明 WebFont*/ @font-face { font-family: "Cormorant"; src: url("../fonts/Cormorant-Bold.ttf"); font-weight: normal; font-style: normal; } body{font-family: "Cormorant" !important; sans-serif;background:#f8f8f8!important;color:#333;} a{color:#222;} a:hover{color:#c9102e;} .Subnav{ background: #fff; border-radius: 20px; margin-bottom: 2em;} .Subnav ul{display:table; margin: 0 auto;} .Subnav ul li{float: left;} .Subnav ul li:not(:last-child){margin-right: 3.5em;} .Subnav ul li a{color: #222;font-size: 1.25em;display: block; padding: 1.5em 0;position: relative; } .Subnav ul li a:after{position: absolute;content: ''; height: 2px;width: 0;transition: 0.3s;background-color: #c9102e; left: 50%;transform: translateX(-50%); bottom: 0;} .Subnav ul li a:hover:after, .Subnav ul li.on a:after{width: 100%;} .Subnav ul li a:hover, .Subnav ul li.on a{color: #c9102e;} /*RighInfo003134 */ .RighInfo003134 {padding: 5% 0;} .RighInfo003134 .img-side{ margin-bottom: 3em;} .RighInfo003134 .img-side .ytable-cell{vertical-align: top} .RighInfo003134 .img-group{padding:1.5em;background:#fff;border-radius: 20px;} .RighInfo003134 .img-group li .ifra{ position:absolute; left:0; top:0; width:100%; height:100%;} .RighInfo003134 .img-group li .ifra iframe{ width:100%; height:100%;} .RighInfo003134 .img-group li .Ispic{padding-bottom: 56%;} .RighInfo003134 .controls{display:none;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003134 .controls .slick-dots li.slick-active button{background-color: #da251d; width: 100%;height: 100%;} .RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003134 .controls .slick-disabled{cursor: default;} .RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003134 .img-side .txt{vertical-align: top;} .RighInfo003134 .img-side .txt .text{background:#fff;border-radius: 20px;overflow: hidden;min-height: 31.25em;} .RighInfo003134 .img-side .txt .text h2{color:#222;margin:0 auto;font-size:1.5em; text-align: center;padding:0.625em 1.5em 1em;border-bottom:1px solid #e8e8e8;position: relative;} .RighInfo003134 .img-side .txt .text h2 .sc{width:24px;height: 24px;display: block;position: absolute;right:0%;top:27%;background: url(../images/collection3.png) no-repeat center; cursor: pointer;z-index: 20} .RighInfo003134 .img-side .txt .text h2 .sc.collect{background: url(../images/collection.png) no-repeat center;} .RighInfo003134 .img-side .txt .text{padding:1.5em;} .RighInfo003134 .img-side .txt .text p{font-size:1em; line-height: 1.75; color: #333;margin:4% 0;} .RighInfo003134 .img-side .txt .text .xf{margin-top:2em; margin-bottom:3em;border-bottom:1px solid #e5e5e5;padding-bottom:2em;} .RighInfo003134 .img-side .txt .text h3{font-size:1.125em;color:#333; margin:0;} .RighInfo003134 .img-side .txt .text .xf p{color:#333; line-height: 2;position: relative;margin-top:0.5em;margin-bottom:0;} .RighInfo003134 .img-side .txt .text .xf p span{font-weight: bold;color:#c9102e;float:right;right:0;top:0;} .RighInfo003134 .img-side .txt .text dl{margin-top:0.5em;} .RighInfo003134 .img-side .txt .text dl dd{color:#333; line-height: 2;padding-right:19%;position: relative;} .RighInfo003134 .img-side .txt .text dl dd span{font-weight: bold;color:#c9102e;position: absolute;right:0;top:0;} .RighInfo003134 .img-side .txt .text .sj{margin-top:1.2em;border-bottom:1px solid #e5e5e5;padding-bottom:1.2em;} .RighInfo003134 .img-side .txt .text .sj span{float:right;color:#c9102e;} .RighInfo003134 .img-side .txt .text .sj:last-child{border-bottom:0;} .RighInfo003134 .img-side .txt .text .btn{margin-top:1.5em;} .RighInfo003134 .img-side .txt .text .btn a{display: inline-block;font-size: 1.125em;color: #fff;box-shadow: 0px 10px 30px rgba(218, 37, 29, 0.08);border-radius: 50px; margin: 0 5px; text-align: center; line-height: 3;padding: 0 1.5em; cursor: pointer;} .RighInfo003134 .img-side .txt .text .btn a.contact{background-color: #c9102e; width:100%;} .RighInfo003134 .img-side .txt .text .btn a.collect{background-color: #6e6e6e;} .RighInfo003134 .img-side .txt .text .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.5em;height: 3em;margin-right: 0.5em;} .RighInfo003134 .img-side .txt .text .btn a.contact:before{background-image: url(../images/icon-contact.svg);} .RighInfo003134 .img-side .txt .text .btn a.collect:before{background-image: url(../images/icon-collect.svg);} .RighInfo003134 .img-side .txt .text .btn a:hover{ background-color: #012168;} .RighInfo003134 .prod-intro .box{background:#fff;padding:2em;margin-bottom:2em;border-radius: 20px;} .RighInfo003134 .prod-intro .name{border-bottom: 1px solid #222;font-size: 1.5em; padding-bottom: 0.666em;color: #333; font-weight: bold; line-height: 2;} .RighInfo003134 .prod-intro .name i{width: 2.0835em; height: 2.0835em;border-radius: 50%;display: inline-block;vertical-align: top; margin-right: 0em; background-repeat: no-repeat; background-position: center;} .RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon1.png);} .RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-icon2.png);} .RighInfo003134 .prod-intro .name-3 i{background-image: url(../images/RighInfo003134-icon3.png);} .RighInfo003134 .prod-intro .name-4 i{background-image: url(../images/RighInfo003134-icon4.png);} .RighInfo003134 .prod-intro .name-5 i{background-image: url(../images/RighInfo003134-icon5.png);} .RighInfo003134 .prod-intro .name-6 i{background-image: url(../images/RighInfo003134-icon6.png);} .RighInfo003134 .prod-intro .name-7 i{background-image: url(../images/RighInfo003134-icon7.png);} .RighInfo003134 .prod-intro .name-8 i{background-image: url(../images/RighInfo003134-icon8.png);} .RighInfo003134 .prod-intro .name-9 i{background-image: url(../images/RighInfo003134-icon9.png);} .RighInfo003134 .prod-intro .name-10 i{background-image: url(../images/RighInfo003134-icon10.png);} .RighInfo003134 .prod-intro .inner{line-height: 1.875; margin: 2em 0 0 0;} .RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 1em 0;} .RighInfo003134 .prod-intro .singlePage1{} .RighInfo003134 .prod-intro .singlePage1 h2{font-size:1.375em;font-weight: normal;color:#333;margin:0;} .RighInfo003134 .prod-intro .singlePage1 ul{margin-top:2%;} .RighInfo003134 .prod-intro .singlePage1 ul li{font-size:1.125em;width:50%;float:left;line-height: 37px;position: relative;padding-left:27px;background-image:url(../images/xx-icon1.png); background-repeat:no-repeat; background-position:left .4em; display:-webkit-flex; display:flex; word-break:break-all;} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(2n){float:right;} .RighInfo003134 .prod-intro .singlePage1 ul li span{ min-width:5em; font-weight: bold;color:#222;display: inline-block;} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(1){background-image:url(../images/xx-icon1.png);} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(2){background-image:url(../images/xx-icon11.png);} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(3){background-image:url(../images/xx-icon2.png);} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(4){background-image:url(../images/xx-icon5.png);} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(5){background-image:url(../images/xx-icon10.png);} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(6){background-image:url(../images/xx-icon3.png);} .RighInfo003134 .prod-intro .singlePage2{} .RighInfo003134 .prod-intro .singlePage2 ul li{display: table; margin-bottom:2%;width:100%;} .RighInfo003134 .prod-intro .singlePage2 ul li .icon{display: table-cell;vertical-align: middle; width:10%;height: 105px;border-right:1px solid #222;} .RighInfo003134 .prod-intro .singlePage2 ul li .txt{display: table-cell;vertical-align: middle;padding-left:4%;} .RighInfo003134 .prod-intro .singlePage2 ul li h2{font-size:1.375em;font-weight: normal;color:#333;margin:0;} .RighInfo003134 .prod-intro .singlePage2 ul li p{margin:0;} .RighInfo003134 .prod-intro .singlePage5 li{border-bottom: 1px solid #e7e7e7;} .RighInfo003134 .prod-intro .singlePage5 a{display: inline-block;color:#222;margin-right: 0px;padding: 12px 40px 12px 0;padding-left: 16px;position: relative;background: url(../images/downicon.png) no-repeat right 5px center;} .RighInfo003134 .prod-intro .singlePage5 a:after{content:'';width:5px;height:5px;background: #c9102e;display:block;position: absolute;left: 0;top: 50%;border-radius: 50%;margin-top: -2px;} .RighInfo003134 .prod-intro .singlePage5 a:hover{color:#c9102e;background: url(../images/downicon2.png) no-repeat right 5px center} .RighInfo003134 .prod-intro .singlePage6{} .RighInfo003134 .prod-intro .singlePage6 ul{margin-top:2%;} .RighInfo003134 .prod-intro .singlePage6 li{width:23.5%;float:left;margin-right:2%;list-style: none} .RighInfo003134 .prod-intro .singlePage6 li:nth-child(4n){margin-right:0;} .RighInfo003134 .prod-intro .singlePage6 li .Ispic{padding-bottom:68%;} .RighInfo003134 .prod-intro .singlePage6 p{margin:8px 0;} .RighInfo003134 .prod-intro .singlePage6 p a{color:#0058b3;} @media (min-width:1025px) { .RighInfo003134 .img-group{width: 65%;} .RighInfo003134 .img-side .ytable-cell{} .RighInfo003134 .img-side .txt{padding: 0 0 0 2%;} } @media (max-width:1024px) { .RighInfo003134 .prod-intro .box{padding: 1.125em;} .RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} .RighInfo003134 .prod-intro .singlePage1 ul li{width: 100%; float: none;} .RighInfo003134 .prod-intro .singlePage1 ul li:nth-child(2n){float: none;} .RighInfo003134 .prod-intro .singlePage6 li{width: 49%; margin-bottom: 2%;} .RighInfo003134 .prod-intro .singlePage6 li:nth-child(2n){margin-right: 0;} } @media (max-width:768px) { .RighInfo003134 .ytable, .RighInfo003134 .ytable-cell{display: block;} } .RighInfo003134 .intro{line-height: 1.8} .RighInfo003134 .intro h2{color:#333;font-weight: normal;margin:0;} /*RighInfo003135 */ .RighInfo003135 {padding: 5% 0;} .RighInfo003135 .red{color:#c9102e;} .RighInfo003135 .con{padding:2em;background:#fff;border-radius: 20px;margin-bottom:2em;} .RighInfo003135 .con .title{color:#222;font-size:1.5em;font-weight: bold;margin-bottom:2em;border-bottom: 1px solid #222;padding-bottom: 1em;} .RighInfo003135 .con .title ul{display: inline-block;} .RighInfo003135 .con .title ul li{list-style: none;display: inline-block;float: left;margin-right: 40px;} .RighInfo003135 .con .title ul li a{color: #666;} .RighInfo003135 .con .title ul li.on a{color: #000;} .RighInfo003135 .con .jianjie{line-height: 2;color: #222;letter-spacing: 1px;font-weight: 500;font-size: 1.125em;} .RighInfo003135 .con .tit-2{color:#222;font-size:1.375em;font-weight: bold;margin:2% 0;position: relative;} .RighInfo003135 .con .tit-2:after{content:'';width:14px;height: 3px;background:#c9102e;display: block;float:left;margin-right:10px;margin-top:13px;} .RighInfo003135 .con p{line-height: 1.65} .RighInfo003135 .con p.web{margin-top:0;background: url(../images/PicList003142-icon6.png) no-repeat left center;padding-left:30px;} .RighInfo003135 .con1 .title{} .RighInfo003135 .con1 .btn{float:right;} .RighInfo003135 .con1 .btn a{display: inline-block;padding:12px 30px;border:1px solid #222;color:#222;margin-right:10px;border-radius: 3px} .RighInfo003135 .con1 .text{width:56%;float: left;} .RighInfo003135 .con1 .pic{width:42%;float:right;margin-top:1%;border-radius: 20px;overflow: hidden} .RighInfo003135 .con1 .pic img{ width: 100%;} .RighInfo003135 .con2 .jiage{text-align: center;font-size:1.5em;font-weight: bold;} .RighInfo003135 .con2{position: relative;} .RighInfo003135 .con2 #goto2{position: absolute;height: 6em;bottom: 100%;left: 0;opacity: 0;width: 100%;z-index: -1} .RighInfo003135 .con2 ul li{padding:14px 37px 14px 14px;border-radius: 5px;position: relative;} .RighInfo003135 .con2 ul li:before{content:'✔';width: 9px;height: 18px;position: absolute;right: 2%;top: 28%;color:#c9102e;font-size:1.125em;} .RighInfo003135 .con2 ul li.no:before{content:'*';top: 30%;font-size:1.5em;transform: none;border:none;color:#222;} .RighInfo003135 .con2 ul li p{margin:0;color:#000;} .RighInfo003135 .con2 ul li:nth-child(2n+1){background:#f5f5f5;} .RighInfo003135 .con3{position: relative;} .RighInfo003135 .con3 #goto3{position: absolute;height: 6em;bottom: 100%;left: 0;opacity: 0;width: 100%;z-index: -1} .RighInfo003135 .con3 .text{width:45%;float:right;padding-top:4%;} .RighInfo003135 .con3 .pic{width:50%;float:left;/* height: 330px; */border-radius: 20px;overflow: hidden;} .RighInfo003135 .con3 .pic img{ width: 100%;} .RighInfo003135 .con4{position: relative} .RighInfo003135 .con4 #goto4{position: absolute;height: 6em;bottom: 100%;left: 0;opacity: 0;width: 100%;z-index: -1} .RighInfo003135 .con4 ul{ display: flex;flex-wrap: wrap;} .RighInfo003135 .con4 li{float:left;margin-right:3%;border: 1px dashed #e6e6e6;padding: 2em;margin-bottom: 3%;border-radius: 10px;} .RighInfo003135 .con4 li .icon{text-align: center;margin-bottom:4%;} .RighInfo003135 .con4 li .icon img{ transition: 0.3s;} .RighInfo003135 .con4 li:hover .icon img{ transform: rotateY(180deg);} .RighInfo003135 .con4 li p{} .RighInfo003135 .con4 li p span{display: block;margin-bottom: 1em;font-weight: 600;font-size: 1.25em;text-align: center;} .RighInfo003135 .con5{position: relative} .RighInfo003135 .con5 #goto5{position: absolute;height: 6em;bottom: 100%;left: 0;opacity: 0;width: 100%;z-index: -1} .RighInfo003135 .con5 li{border: 1px dashed #e6e6e6;border-left: 2px solid #c9102e;padding: 1.25em;margin-bottom: 2%;border-radius: 5px;} .RighInfo003135 .con5 li p{margin:0} .RighInfo003135 .con5 li h2{font-size:1.125em;float:right;margin-bottom:0;} .RighInfo003135 .con6{position: relative} .RighInfo003135 .con6 #goto6{position: absolute;height: 6em;bottom: 100%;left: 0;opacity: 0;width: 100%;z-index: -1} .RighInfo003135 .con6 ul{} .RighInfo003135 .con6 ul li{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%} .RighInfo003135 .con6 ul li:nth-child(4n){margin-right: 0} .RighInfo003135 .con6 ul li .pic{overflow: hidden;position: relative;} .RighInfo003135 .con6 ul li .pic figure{padding-bottom: 64%;transition: 0.3s;} .RighInfo003135 .con6 ul li .pic:after {content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);position: absolute;top: 0;left: 0;} .RighInfo003135 .con6 ul li .txt {padding-top: 1.5em;} .RighInfo003135 .con6 ul li .tit {font-size: 1.125em;line-height: 1.6666;margin-bottom: 6px;} .RighInfo003135 .img-side{ margin-bottom: 3em;} .RighInfo003135 .img-side .ytable-cell{vertical-align: top} .RighInfo003135 .img-group{padding:1.5em;background:#fff;border-radius: 20px;} .RighInfo003135 .img-group li .Ispic{padding-bottom: 56%;} .RighInfo003135 .controls{display:none;position: relative;padding: 0 56px; margin: 3.125em auto 0;} .RighInfo003135 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;} .RighInfo003135 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;} .RighInfo003135 .controls .slick-dots li.slick-active button{background-color: #da251d; width: 100%;height: 100%;} .RighInfo003135 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;} .RighInfo003135 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);} .RighInfo003135 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);} .RighInfo003135 .controls .slick-disabled{cursor: default;} .RighInfo003135 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);} .RighInfo003135 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);} .RighInfo003135 .img-side .txt{vertical-align: top;} .RighInfo003135 .img-side .txt .text{background:#fff;border-radius: 20px;overflow: hidden;min-height: 31.25em;} .RighInfo003135 .img-side .txt .text h2{color:#222;margin:0 auto;font-size:1.5em;text-align: center;padding: 0.625em 0 1em;border-bottom:1px solid #e8e8e8;} .RighInfo003135 .img-side .txt .text {padding:1.5em;} .RighInfo003135 .img-side .txt .text .xf{} .RighInfo003135 .img-side .txt .text .xz{width: 100%;margin-top: 10px;} .RighInfo003135 .img-side .txt .text .xz p{line-height: 40px;margin: 0;} .RighInfo003135 .img-side .txt .text .xz p a{background: url(../images/xz.svg) no-repeat;float: right;background-size: 18px;background-position: right;padding-right: 22px;} .RighInfo003135 .img-side .txt .text .xz p a:hover{background: url(../images/xz_hover.svg) no-repeat;float: right;background-size: 18px;background-position: right;padding-right: 22px;} .RighInfo003135 .img-side .txt .text h3{font-size:1.125em;color:#333; margin:0;} .RighInfo003135 .img-side .txt .text dl{margin-top:0.5em;} .RighInfo003135 .img-side .txt .text dl dd{color:#333; } .RighInfo003135 .img-side .txt .text dl dd span{float:right;font-weight: bold;color:#c9102e;} .RighInfo003135 .img-side .txt .text .sj{} .RighInfo003135 .img-side .txt .text .sj span{float:right;color:#c9102e;} .RighInfo003135 .img-side .txt .text .sj:last-child{border-bottom:0;} .RighInfo003135 .img-side .txt .text .btn{} .RighInfo003135 .img-side .txt .text .btn a{display: inline-block;font-size: 1.125em;color: #fff;box-shadow: 0px 10px 30px rgba(218, 37, 29, 0.08);border-radius: 50px; margin: 0 5px; text-align: center; line-height: 3;padding: 0 1.5em; cursor: pointer;} .RighInfo003135 .img-side .txt .text .btn a.contact{background-color: #c9102e; min-width: 11em;} .RighInfo003135 .img-side .txt .text .btn a.collect{background-color: #6e6e6e;} .RighInfo003135 .img-side .txt .text .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.5em;height: 3em;margin-right: 0.5em;} .RighInfo003135 .img-side .txt .text .btn a.contact:before{background-image: url(../images/icon-contact.svg);} .RighInfo003135 .img-side .txt .text .btn a.collect:before{background-image: url(../images/icon-collect.svg);} .RighInfo003135 .img-side .txt .text .btn a:hover{ background-color: #012168;} .RighInfo003135 .prod-intro .box{background:#fff;padding:2.5em;margin-bottom:2em;border-radius: 25px;} .RighInfo003135 .prod-intro .box-2{} .RighInfo003135 .prod-intro .box-2 .box{width:49%;float:left;} .RighInfo003135 .prod-intro .box-2 .box:nth-child(2){float:right;} .RighInfo003135 .prod-intro .name{font-size: 1.5em; color: #333; font-weight: bold;margin-bottom:1em;} .RighInfo003135 .prod-intro .name i{width: 2.0835em; height: 2.0835em;border-radius: 50%;display: inline-block;vertical-align: top; margin-right: 0em; background-repeat: no-repeat; background-position: center;} .RighInfo003135 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon1.png);} .RighInfo003135 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-icon2.png);} .RighInfo003135 .prod-intro .name-3 i{background-image: url(../images/RighInfo003134-icon3.png);} .RighInfo003135 .prod-intro .name-4 i{background-image: url(../images/RighInfo003134-icon4.png);} .RighInfo003135 .prod-intro .name-5 i{background-image: url(../images/RighInfo003134-icon5.png);} .RighInfo003135 .prod-intro .name-6 i{background-image: url(../images/RighInfo003134-icon6.png);} .RighInfo003135 .prod-intro .name-7 i{background-image: url(../images/RighInfo003134-icon7.png);} .RighInfo003135 .prod-intro .name-8 i{background-image: url(../images/RighInfo003134-icon8.png);} .RighInfo003135 .prod-intro .name-9 i{background-image: url(../images/RighInfo003134-icon9.png);} .RighInfo003135 .prod-intro .name-10 i{background-image: url(../images/RighInfo003134-icon10.png);} .RighInfo003135 .prod-intro .singlePage{line-height: 1.875; margin: 1em 0 1em 0;} .RighInfo003135 .prod-intro .singlePage1{} .RighInfo003135 .prod-intro .singlePage1 h2{font-size:1.375em;font-weight: normal;color:#333;margin:0;} .RighInfo003135 .prod-intro .singlePage1 ul{margin-top:2%;} .RighInfo003135 .prod-intro .singlePage1 ul li{font-size:1.125em;width:33%;float:left;line-height: 37px;position: relative;padding-left:27px;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(3n){margin-right:0;} .RighInfo003135 .prod-intro .singlePage1 ul li span{font-weight: bold;color:#222;display: inline-block;width:98px;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(1){background:url(../images/xx-icon1.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(2){background:url(../images/xx-icon2.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(3){background:url(../images/xx-icon3.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(4){background:url(../images/xx-icon4.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(5){background:url(../images/xx-icon5.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(6){background:url(../images/xx-icon6.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(7){background:url(../images/xx-icon7.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage1 ul li:nth-child(8){background:url(../images/xx-icon8.png) no-repeat left center;} .RighInfo003135 .prod-intro .singlePage2{} .RighInfo003135 .prod-intro .singlePage2 ul li{margin-bottom: 0%;width: 31.3%;float:left;margin-right: 3%;border: 1px dashed #e6e6e6;padding: 2%;border-radius: 10px;} .RighInfo003135 .prod-intro .singlePage2 ul li:nth-child(3n){margin-right:0} .RighInfo003135 .prod-intro .singlePage2 ul li .icon{} .RighInfo003135 .prod-intro .singlePage2 ul li .txt{} .RighInfo003135 .prod-intro .singlePage2 ul li h2{font-size:1.375em;font-weight: normal;color:#333;margin:0;margin-top:2%; margin-bottom: 2%;} .RighInfo003135 .prod-intro .singlePage2 ul li p{margin:0;min-height: 150px;} .RighInfo003134 .prod-intro .singlePage5 a{display: inline-block;color:#222;margin-right: 0px;padding: 12px 40px 12px 0;padding-left: 16px;position: relative;background: url(../images/downicon.png) no-repeat right 5px center;} .RighInfo003134 .prod-intro .singlePage5 a:after{content:'';width:5px;height:5px;background: #c9102e;display:block;position: absolute;left: 0;top: 50%;border-radius: 50%;margin-top: -2px;} .RighInfo003134 .prod-intro .singlePage5 a:hover{color:#c9102e;background: url(../images/downicon2.png) no-repeat right 5px center} .RighInfo003135 .prod-intro .singlePage6{} .RighInfo003135 .prod-intro .singlePage6 ul{margin-top:2%;} .RighInfo003135 .prod-intro .singlePage6 li{width:32%;float:left;margin-right:2%;} .RighInfo003135 .prod-intro .singlePage6 li:nth-child(3n){margin-right:0;} .RighInfo003135 .prod-intro .singlePage6 li .Ispic{padding-bottom:68%;} .RighInfo003135 .prod-intro .singlePage6 p{margin:8px 0;} .RighInfo003135 .intro{line-height: 1.8} .RighInfo003135 .intro h2{color:#333;font-weight: normal;margin:0;} @media (min-width:1025px) { .RighInfo003135 .img-group{width: 65%;} .RighInfo003135 .img-side .ytable-cell{} .RighInfo003135 .img-side .txt{padding: 0 0 0 2%;} .RighInfo003135 .con4 li{width:31.3%;} .RighInfo003135 .con4 li:nth-child(3n){margin-right:0;} } @media (max-width:1024px) { .RighInfo003135 .img-group{padding: 1.25em; margin-bottom: 1em;} .RighInfo003135 .img-side .txt .text{padding: 1.25em;} .RighInfo003135 .con{padding: 1.25em;} .RighInfo003135 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;} .RighInfo003135 .con1 .text{width:100%;float: none; margin-bottom: 3%;} .RighInfo003135 .con1 .pic{width:100%;float:none;} .RighInfo003135 .con .title{margin-bottom: 1.25em;padding-bottom: 0.875em;} .RighInfo003135 .con .tit-2{font-size: 1.25em;} .RighInfo003135 .con4 li{width: 48%;padding: 1.25em;margin-right: 4%;} .RighInfo003135 .con4 li:nth-child(2n){margin-right:0;} .RighInfo003135 .con6 li{width: 48%;margin-right: 4%;} .RighInfo003135 .con6 li:nth-child(2n){margin-right:0;} } @media (max-width:768px) { .RighInfo003135 .con2 ul li{padding:14px 22px 14px 14px;} .RighInfo003135 .con3 .text{width:100%;float:none;} .RighInfo003135 .con3 .pic{width:100%;float:none;} } @media (max-width:640px) { .RighInfo003135 .con4 li{width: 100%;} } /*Banner002826 */ .Banner002826{position: relative; z-index: 1;border-radius: 5px;overflow: hidden;} .Banner002826 .sc{width:24px;height: 24px;display: block;position: absolute;right:3%;top:5%;background: url(../images/collection2.png) no-repeat center; cursor: pointer;z-index: 20} .Banner002826 .sc.collect{background: url(../images/collection.png) no-repeat center;} /*方法4*/ .Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;} .Banner002826 .video_files video{width:100%; height:100%; background-color:#000; object-fit: cover; -webkit-object-fit: cover; position: absolute;} .Banner002826 .video_files .close{position: absolute;right: 8%;top: 5%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #c9102e;cursor: pointer;} .Banner002826 .video_files .close::before, .Banner002826 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .Banner002826 .video_files .close::before{ transform:rotate(45deg);} .Banner002826 .video_files .close::after{ transform:rotate(-45deg);} .Banner002826 .video{/* position: relative; */} .Banner002826 .video .a_play{ width:100%; height:100%; position:absolute; left:0; top:50%; background-color:rgba(0,0,0,0.2);transform: translateY(-50%);cursor: pointer } .Banner002826 .video .a_play::before, .Banner002826 .video .a_play::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .Banner002826 .video .a_play::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,1);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .Banner002826 .video .a_play::after{width: 0;height: 0;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 20px solid rgba(255,255,255,1);margin-left: -6px;margin-top: -13px;} .Banner002826 .slick-arrow{position:absolute;width: 26px;height: 26px;top:50%;margin-top:-11px;overflow:hidden;font-size: 0;cursor: pointer;z-index:10;border: 0;background: none;padding: 0;border-top: 3px solid #ffffff;border-left: 3px solid #ffffff;transform:rotate(-45deg);} .Banner002826 .slick-prev{left: 22px;} .Banner002826 .slick-next{transform:rotate(135deg);right: 22px;} @media(max-width:1292px){ .Banner002826 .slick-prev{left: 10px;} .Banner002826 .slick-next{right: 10px;} } @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 .video .a_play::before{width: 50px; height: 50px;margin-left: -25px; margin-top: -25px;} } /*方法1，2，3*/ /*.Banner002826 li.slick-slide{position: relative;} .Banner002826 li.slick-slide img{display: block;width: 100%;} .Banner002826 li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;} @media(min-width:1025px){ .Banner002826 li.slick-slide img.wap{display: none;} } @media(max-width:1024px){ .Banner002826 li.slick-slide img.pc{display: none;} .Banner002826 li.slick-slide video{left: -100%;top: 100%; opacity: 0;} .Banner002826 li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;} .Banner002826 li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);} .Banner002826 li.video-show video{left: 50%; top: 50%; opacity: 1;} }*/ /*方法5 添加播放按钮+弹窗*/ /*.Banner002826 .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20; cursor: pointer;} .video-openbox{position:fixed;left:0;height:100%;width:100%; z-index:500;background:rgba(0,0,0,0.5); top:0;} .video-openbox .ytable{height: 100%;} .video-openbox .close{position: absolute;right: 20px;top: 20px; width: 30px; height: 30px; cursor: pointer; z-index: 10; cursor: pointer;} .video-openbox .close:before, .video-openbox .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);} .video-openbox .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .video-openbox video{max-width: 1200px; margin: 0 auto;display: block;}*/ .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .slick-list:focus {outline: none} .slick-list.dragging {cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .slick-track {position: relative; top: 0; left: 0; display: block;} .slick-track:before, .slick-track:after{display: table; content: '';} .slick-track:after{ clear: both;} .slick-loading .slick-track { visibility: hidden;} .slick-slide{ display: none; float: left; min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .slick-slide .slick-loading img { display: none;} .slick-slide .dragging img { pointer-events: none;} .slick-initialized .slick-slide { display: block;} .slick-loading .slick-slide { visibility: hidden;} .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .slick-arrow .slick-hidden { display: none;} .Banner002826 .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: 5%;overflow: hidden; z-index: 10;} .Banner002826 .slick-dots li{float: left; width: 12px; height: 12px;position: relative; border-radius: 50%;border: 2px solid #fff; cursor: pointer;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 10px;} .Banner002826 .slick-dots li:before{position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; border-radius: 50%;background: #fff; transition: 0.3s;content: '';} .Banner002826 .slick-dots li.slick-active:before{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);} .Banner002826 .slick-dots li button{display: none;} @media(max-width:640px){ .Banner002826 .slick-dots li{width: 10px; height: 10px;} .Banner002826 .slick-dots li:not(:last-child){margin-right: 4px;} } /* .Floor000881 为demo编号 */ .Floor000881{} .Floor000881 .list_scroll li a{display: block; margin: 0 16px;background:#fff;} .Floor000881 .list_scroll li .Ispic{padding-bottom:78%;} .Floor000881 .slick-arrow{ position:absolute; width:28px; height:28px; top:50%; margin-top:-16px; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid #fff;border-left: 2px solid #fff;transform:rotate(-45deg);} .Floor000881 .slick-prev{ left:32px;} .Floor000881 .slick-next{transform:rotate(135deg); right:32px;} .Floor000881 .slider .slick-dots{display: table; margin: 2% auto 0;} .Floor000881 .slider .slick-dots li{float: left; border: 2px solid #ccc;border-radius: 50%; width: 12px; height: 12px; margin: 0 10px;} .Floor000881 .slider .slick-dots li button{display: none;} .Floor000881 .slider .slick-dots li.slick-active{border-color: #c9102e;background: none;} @media(min-width:1293px){ .Floor000881 .list_scroll .slider{margin: 0 -16px;} } @media(max-width:1292px){ .Floor000881 .slick-prev{ left:0;} .Floor000881 .slick-next{ right:0;} } @media(max-width:768px){ .Floor000881{ padding:20px 0;} .Floor000881 .list_scroll .slider{padding: 0 0px;} .Floor000881 .list_scroll li a{margin: 0 5px;} } /*TextList002514 */ .TextList002514 .list{border: 1px solid #222;padding:0 2%;margin-bottom:15px;border-radius: 10px;} .TextList002514 .job-title{line-height:30px;padding:12px 0;font-size:1.125em;cursor:pointer;color: #222;position:relative;} .TextList002514 .job-title i{ position:absolute; width:22px; height:22px; background:#c9102e; border-radius:50%; right:0; top:50%; margin-top:-11px;} .TextList002514 .job-title i::before, .TextList002514 .job-title i::after{ position:absolute; content:''; background:#fff;} .TextList002514 .job-title i::before{ left:20%; width:60%; height:2px; top:50%; margin-top:-1px;} .TextList002514 .job-title i::after{ left:50%; margin-left:-1px; width:2px; top:20%; height:60%;} .TextList002514 .job-title.select i::after{ display:none;} .TextList002514 .job-title.select{color: #222;} .TextList002514 .job-main{display:none;padding:12px 0;border-top: 1px dotted #222;} .TextList002514 .job-main p{margin:5px 0;font-weight: bold;color:#333;} /*Top003156 */ .Top003156{position: relative; border-top:3px solid #012168;background:#fff; transition: 0.3s;z-index: 22;} .Top003156_{position: absolute;width:100%;top:0;left:0;z-index: 10} .Top003156.fixd{position: fixed;width:100%;top:0;left:0;z-index: 999;box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);} .Top003156:after{content:'';width:25%;height: 3px;background:#c9102e;display: block;position: absolute;right:0;top:-3px;} .Top003156 .auto{position: relative;z-index: 3; } .Top003156 .logo{display: table; } .Top003156 .logo a{display: table-cell;vertical-align: middle;} .Top003156 .top-right{position: absolute;right: 0; top: 0;display: flex; align-items: center;} .Top003156 .top-right > *{display: table-cell; vertical-align: middle;} .Top003156 .top-right dd.login{padding-left:1.875em;background:url(../images/login.png) no-repeat left center;background-size: 1.125em auto;} .Top003156 .top-right dd.login a:not(:hover){color: #222;} .Top003156 .top-right dd.login a:not(:last-child):after{width: 1px; height: 0.625em; background-color: rgba(0,0,0,0.2);display: inline-block;content: ''; margin: 0 0.625em;} .Top003156 .top-right dd.login_after{color:#222; display: none;} .Top003156 .top-right dd.login_after a{color:#222;} .Top003156 .top-right dd.login_after a b{font-weight: normal;} .Top003156 .top-right dd.login_after i:before{width:1px; height:11px; display:inline-block; content:''; background:rgba(255,255,255,0.25); margin:0 10px;} .open-search{cursor: pointer;display: block;width: 1.375em;height: 1.375em;background: url(../images/Top003156-search2.svg) no-repeat center center; background-size: contain;} .open-search.on:before, .open-search.on:after{background-color: #fff;} .top-search{position: absolute;right:0; top: 100%;z-index: 100; background-color: #fff; } .top-search .text{width: 100%; height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;} .top-search .btn{position: absolute;right: 0; top: 0;width: 3.125em;height: 100%; background: url(../images/Top003156-search.svg) no-repeat center center;background-size: auto 60%;} .Top003156 .top-search {position: relative;display: block;padding: 0;top: 0;} .Top003156 .top-search .text {width: 100%;height: 3.125em;line-height: 3.125em;border-radius: 50px;background: #f7f7f7;padding: 0 3.75em 0 1.25em;border: 0;} .Top003156 .top-search .btn {position: absolute;right: 0;top: 0;width: 3.75em;height: 100%;background:#012168 url(../images/search.png) no-repeat center center;border-radius: 50px;} .Top003156 .top-language{background:url(../images/Top002434-icon_lang.png) no-repeat left center;position: relative; background-size: 1.125em auto; padding-left: 1.5em; padding-right: 1.875em; } .Top003156 .top-language dd{ padding-right:20px; background:url(../images/Top002434-icon_a.png) no-repeat right center;font-size:1em;color:#222; cursor: pointer;} .Top003156 .top-language dt{ border:1px solid #eee; width:100%; text-align:center; background:#fff;position: absolute;right:0;top:100%;display: none; z-index: 120;} .Top003156 .top-language dt a{ display:block; border-bottom:1px solid #eee; line-height:1.8; transition:color 0.3s;} .Top003156 .top-language dt a:last-child{ border-bottom:0;} .Top003156 .top-language dt a:hover{ color:#fff; background:#c9102e;} .Top003156 menu li span, .Top003156 menu li span a{display: block;} .Top003156 menu li span{position: relative;z-index: 2;} .Top003156 menu li span:after{position: absolute;content: ''; left: 50%;height: 3px;background-color: #c9102e;transform: translateX(-50%);transition: 0.3s; bottom: 0; width: 0;} .Top003156 menu li span a:hover, .Top003156 menu li.aon span a{color: #c9102e;} .Top003156 menu li:hover span:after, .Top003156 menu li.aon span:after{width: 100%;} .Top003156 menu li span a{font-size: 1.125em;color:#222;} .Top003156 menu li .sub{display: none;} .Top003156 menu li .sub dl{position: relative;} .Top003156 menu li .sub dt {line-height: 35px;} .Top003156 menu li .sub dt a:hover{color:#c9102e; text-decoration: underline;} @media (min-width:1025px) { .Top003156 header{padding: 0 20% 0 14%;display: table;height:6em;} .Top003156 header > div {display: table-cell;vertical-align: middle;} .Top003156 menu{margin: 0 auto;display: table;} .Top003156 menu li{float: left;position: relative; } .Top003156 menu li + li{margin-left: 4vw;} .Top003156 menu li span a{line-height:5.5;} .Top003156 .logo{max-width: 19%;position: absolute; left: 0; top: 0;height:6em;} .Top003156 .logo img{height: 4.5em;} .Top003156 .top-right{height:6em;} .Top003156 .top-search {max-width: 320px;margin: 0 auto;width: 94%;} .Top003156 menu li .sub{position: absolute; top: 100%; left: 50%; width:160px;margin-left: -80px;background:#fff; text-align: center; padding: 10px 0; border-radius: 0 0 15px 15px;box-shadow: 0 5px 10px rgba(0,0,0,0.05)} .Top003156 menu li .sub dt a{color: #222;} } @media (max-width:1024px) { .Top003156{/* padding-bottom: 3%; */ } .Top003156_{ position: relative !important;} .Top003156 menu{position: absolute; right: 0;top: 100%; width: 200px; padding: 0.625em;box-shadow: 0 0 0.625em rgba(0,0,0,0.3); border-radius: 0.625em; visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;} .menu-show .Top003156 menu{transform: translateY(0); opacity: 1; visibility: inherit;} .Top003156 menu li span a{padding: 0.5em 0;text-align: center;} .Top003156 .logo{max-width: 40%;height: 4.5em;} .Top003156 .logo img{height: 4em;} .Top003156 .top-right{height:4em;} .Top003156 .top-right dd{font-size: 1em;} .Top003156 .top-right dt{/* padding-left: 1em; */} .Top003156 .open-menu{display: block;width: 2em;height: 2em;} .Top003156 .open-menu i{background-color: #012168;} .Top003156 .open-menu:not(.on) i:nth-child(1){margin-top: -0.625em;} .Top003156 .open-menu:not(.on) i:nth-child(3){margin-top: calc(0.625em - 3px);} .Top003156 .search{ /* padding-top: 2%; */} .top-search{width: 100%;} .Top003156 .top-language{padding-right: 0.625em;} .Top003156 .top-language dd{padding-right: 10px;} .Top003156 .top-right dd.login_after i:before{margin: 0 2px;} .Top003156 .top-search{display: none;position: absolute;left: 0;top: 100%;width: 100%;background: none; } .Top003156 .open-search {border-radius: 50%;background: #012168 url(../images/search.png) no-repeat center center; background-size: 1em auto; margin-right: 0.625em;width: 1.875em; height: 1.875em;} .Top003156 .top-search .text{background: #e8e8e8;} .Top003156 .open-search.on:before, .Top003156 .open-search.on:after{background: #012168;} .Top003156 .top-right dd.login_after .span{display: none;} } /*Banner003158 */ .Banner003158{padding:0 0;background:#f8f8f8;} .Banner003158 .auto{border-radius: 20px;overflow: hidden} .Banner003158 li.slick-slide{position: relative;z-index: 1;} .Banner003158 li label{display: block;position: absolute;left:6%;top:0%;background:#c9102e; color: #fff;padding: 0.625em 1.125em;border-radius:0 0 10px 10px; cursor: pointer;z-index: 20} .Banner003158 .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 40%;z-index: 10;text-align: left;color: #fff;} .Banner003158 .txt .ytable{height: 100%; table-layout: fixed;margin:0 auto;} .Banner003158 .tit, .Banner003158 .desc, .Banner003158 .more{transform: translateY(30px); opacity: 0; transition-duration: 0.3s; transition-delay: 0.3s;} .Banner003158 .tit{ font-size: 3em; font-weight: bold; line-height: 1.2;margin-top:-0.5em;} .Banner003158 .desc{font-size:1.5em;margin-bottom: 1.2em;transition-delay: 0.6s;letter-spacing: 2px;} .Banner003158 .more{display: inline-block;width: 10.5em;line-height: 3.35;color: #fff;border-radius: 3px;text-align: left; font-size: calc( 20 / 16 * 1em);} .Banner003158 .more:after{display: inline-block;content: '';width: 12px;height: 13px;margin-left: 5px;margin-top:-2px;background-image: url(../images/Banner003158-more-white.svg);vertical-align: middle;background: url(../images/Floor002631_more2.png) no-repeat right center;} .Banner003158 .more:hover{} .Banner003158 .more:hover:after{} .Banner003158 .ani-show .tit, .Banner003158 .ani-show .desc, .Banner003158 .ani-show .more{transform: translateY(0); opacity: 1;} .Banner003158 .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 1em;} .Banner003158 .slick-dots li{float: left;} .Banner003158 .slick-dots li button{border: 0;overflow: hidden;;font-size: 1em;text-indent: -999em;width: 0.625em;height: 0.625em;background-color: #ffffff; border-radius: 50%; margin: 0 0.625em;display: inline-block;padding: 0; vertical-align: middle;} .Banner003158 .slick-dots li:after{display: inline-block;content: '';width: 0; height: 2px; background-color: #ffffff; transition: 0.3s; vertical-align: middle;} .Banner003158 .slick-dots li.slick-active:after{width: 50px;} @media (min-width:1025px) { .Banner003158 .wap{display: none;} } @media (max-width:1024px) { .Banner003158 .pc{display: none;} .Banner003158 .tit{font-size: 1.625em;} .Banner003158 .desc{font-size: 1.125em; margin: 1% 0;} .Banner003158 .more{line-height: 2.5;width: 7em;} } /*Floor002906 */ .Floor002906{text-align: center; padding: 5% 0;background:#f8f8f8;} .Floor002906 .topcon{margin-bottom:4em;} .Floor002906 .topcon h2{font-size:3em;color:#222; margin:0;line-height: 1.5} .Floor002906 .topcon h2 span{color:#012168;} .Floor002906 .topcon p{font-size:2.5vw;color:#111;margin:0; font-weight: bold;height: 3em;display: flex;justify-content: center;align-items: center } .Floor002906 dl{margin: 0 auto;width:70%;padding:10px;border-radius: 200px;border:2px solid #012168; } .Floor002906 dt{position: relative;} .Floor002906 dt label{position: absolute;left:25px;top:0;font-size:1em;line-height: 62px;color:#333;padding-left:25px;background: url(../images/Floor002906-icon1.png) no-repeat left center;} .Floor002906 dt a{display: block; text-align: left; font-size:1em;line-height: 62px;color:#333;padding-left:50px;background:#fff url(../images/Floor002906-icon1.png) no-repeat left center;border-radius: 60px;background-repeat: no-repeat; background-position: 20px center; } .Floor002906 dt a.a_sel:after{position: absolute; width:12px; height:12px; content: '';background: url("../images/Floor002906_more.png") no-repeat right center; right:25px; top: 50%; margin-top: -6px; } .ul_sel{max-height: 300px;margin-right: 2px;overflow-y: auto;} .ul_sel{ display: none; background: #fff;border-radius: 20px; padding:4% 8%; position: absolute; top: 126%;width: 100%; left: 0; z-index: 15; text-align: left;} .ul_sel li{ display: block; padding: 12px 0;cursor: pointer; color: #333;border-bottom:1px solid #e8e8e8;padding-left:28px;} .ul_sel li:last-child{border-bottom:none;} .ul_sel li:hover{ color: #012168;} .ul_sel li:nth-child(1){background:url(../images/Floor002906-icon4.png) no-repeat left center;} .ul_sel li:nth-child(2){background:url(../images/Floor002906-icon5.png) no-repeat left center;} .ul_sel li:nth-child(3){background:url(../images/Floor002906-icon6.png) no-repeat left center;} .Floor002906 dt .text{width: 100%;border: none;background: url(../images/Floor002906-icon2.png) no-repeat left 25px center #fff;line-height:62px; height: 62px; padding: 0 25px 0 52px;color: #666; appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 60px;font-size:1em;} .Floor002906 dt input::-webkit-input-placeholder{color:#666;} .Floor002906 dt select{width: 100%;border: none;background: url("../images/Floor002906_more.png") no-repeat right 25px center #fff;line-height:64px; height: 62px; padding: 0 25px 0 88px;color: #c9102e; appearance: none;-moz-appearance: none;-webkit-appearance: none;border-radius: 60px;font-size:1em;} .Floor002906 dt select::-ms-expand {display: none;} .Floor002906 dt select option{color:#333;} .Floor002906 dd a{display: block;line-height: 62px;background: #c9102e;color: #fff;border-radius: 60px;} .Floor002906 dd a img{margin-right:5px;margin-top:-2px;} .Floor002906 .bgcolor{background:rgba(0,0,0,0.3);position:fixed;left:0;top:0;width:100%;height: 100%;z-index: 10;display: none;} .Floor002906 dt{float: left;width: 36%;margin-right: 1.5%;} .Floor002906 dd{float: right;width: 25%;} @media(min-width:1025px){ } @media(max-width:1024px){ .Floor002906 .title{margin-bottom: 6vw;} .Floor002906 .topcon{ margin-bottom: 2em;} .Floor002906 .topcon h2, .Floor002906 .topcon p{font-size:2.125em; line-height: 1.6;} .Floor002906 dl{width: 85%;} } @media(max-width:767px){ .Floor002906 .topcon h2{font-size:1.625em;line-height: 1.5; } .Floor002906 .topcon p{font-size:1.375em; height: 5em} .Floor002906 dl{width: 80%;border-radius: 20px; padding: 0px;border:none;} .Floor002906 dt{margin-bottom: 15px;float: none;width: 100%;} .Floor002906 dd{float: none;width: 100%;} .Floor002906 dt select{line-height:46px; height: 50px;} .Floor002906 dt .text{line-height: 50px; height: 50px;} .Floor002906 dt a{line-height: 50px;} .Floor002906 dd a{line-height: 50px; } } /* .RighInfo002224 为demo编号 */ .RighInfo002224{background:#f8f8f8;padding:5vw 0;} .RighInfo002224 .h-title{margin-bottom:0.8em;} .RighInfo002224 .item{padding-right:54%;} .RighInfo002224 .item:nth-child(2n){padding-left:54%;padding-right:0;} .RighInfo002224 .wrap-content{} .RighInfo002224 .item{ color:#666; } .RighInfo002224 .item .word{ padding:3em;background:#fff;} .RighInfo002224 .item .pic{ text-align:center; } .RighInfo002224 .item .pic img{display: block;width:100%;} .RighInfo002224 .item .tit{ margin-top:0;margin-bottom:1em; font-size:1.5em; font-weight:normal; color:#000;} .RighInfo002224 .item .tit em{ font-size:12px; display:block; padding-left:22px; text-transform:uppercase;} .RighInfo002224 .item .con{line-height:22px; position:relative; margin:0;margin-bottom:4em;text-align: justify;} .RighInfo002224 .item .con:before{ display:none;} @media screen and (min-width: 768px){ .RighInfo002224 .item{ margin:0em 0;} .RighInfo002224 .item .word{ text-align:left;} .RighInfo002224 .item .pic{} .RighInfo002224 .item.odd .word{ float:right; } .RighInfo002224 .item.odd .pic{ float:left; } .RighInfo002224 .item .word{ } .RighInfo002224 .item .con{line-height:24px; overflow:hidden;padding-left:32px;} .RighInfo002224 .item .con:before{ position:absolute; left:0; top:10px; height:50%; width:3px; content:""; background-color:#c9102e; display:block;} .RighInfo002224 .item .tit em{ font-size:14px;} } @media screen and (min-width: 1024px){ .RighInfo002224 .item .word{ } .RighInfo002224 .item .con{line-height:30px;} } .h-title{font-size:2.625em;color:#222;margin-bottom:1em;font-weight: bold;} .h-title.center{text-align: center} .h-more{display: inline-block;width: 10.5em; line-height: 3.35; border: solid 1px #012168;color: #012168;border-radius: 3px;text-align: center; } .h-more:after{display: inline-block;content: '';width: 8px; height: 13px; margin-left: 8px;margin-top:-2px; background-image: url(../images/Banner003158-more.svg);vertical-align: middle;} .h-more:hover{background-color: #012168;color: #fff;} .h-more:hover:after{background-image: url(../images/Banner003158-more-white.svg);} @media(max-width:1024px){ .h-title{font-size:2.125em;margin-bottom:0.875em;} } /*Floor002979*/ .Floor002979{padding:5vw 0; } @media(max-width:768px){ .Floor002979{margin: 4% 0; } } .Floor002979 .auto{} .Floor002979 li{position: relative;overflow: hidden;} .Floor002979 li a{position: absolute; z-index: 20; left: 0; top: 0; width: 100%; height: 100%;background:rgba(0,0,0,0.3);} .Floor002979 li .txt{position: absolute;color: #fff; z-index: 20; top: 50%; transform: translateY(-50%); right:3.18vw; left: 3vw; text-align: center;font-size: 1.5em; text-transform: uppercase; transition: margin 0.5s; line-height: 1.5;} .Floor002979 li .Ispic{transition: transform 0.3s;} .Floor002979 li:hover .Ispic{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);} .Floor002979 li:hover .txt{margin-top: -40px;} @media(min-width:641px){ .Floor002979 li{float: left; margin-right: 1.299%;} .Floor002979 li:nth-child(1){width: 32.468%;} .Floor002979 li:nth-child(2), .Floor002979 li:nth-child(5){width: 28.572%;} .Floor002979 li:nth-child(3), .Floor002979 li:nth-child(4){width: 36.364%;} .Floor002979 li:nth-child(2), .Floor002979 li:nth-child(3){ margin-bottom: 1.299%;} .Floor002979 li:nth-child(3), .Floor002979 li:nth-child(5){margin-right: 0; float: right;} .Floor002979 li:nth-child(1) .Ispic{padding-bottom: 130%;} .Floor002979 li:nth-child(2) .Ispic, .Floor002979 li:nth-child(5) .Ispic{padding-bottom: 71.591%;} .Floor002979 li:nth-child(3) .Ispic, .Floor002979 li:nth-child(4) .Ispic{padding-bottom: 56.25%;} } @media(min-width:641px) and (max-width:1024px){ .Floor002979 li .txt{font-size: 2.5vw;} } @media(max-width:640px){ .Floor002979 li .txt{font-size: 3vw;} .Floor002979 li:hover .txt{margin-top: -4vw;} .Floor002979 li:not(:nth-child(1)){float: left; width: 49%; margin-top: 2%;} .Floor002979 li .Ispic{padding-bottom: 70%;} .Floor002979 li:nth-child(1) .Ispic{padding-bottom: 50%;background-position: center top 15%;} .Floor002979 li:nth-child(3), .Floor002979 li:nth-child(5){margin-left: 2%;} } /*Bottom002673 */ .Bottom002673{ background:#f4f4f4;color:#222; padding-top:5em; text-align:center;} .Bottom002673_login{/* position: absolute;width:100%;bottom:0; */padding-top:0;background:none;} .Bottom002673 .con h2{margin:0;font-size:3.5em;font-weight: normal;} .Bottom002673 .con p{margin:1em 0 2em;font-size:1.5em;} .Bottom002673 .logo{ padding:2% 0;} .Bottom002673 footer{ padding:2% 0; color:#222; margin-top:2%;} .Bottom002673 footer span{ margin-left:3%;} .Bottom002673 footer span a::after{ display:inline-block; content:''; width:1px; height:10px; background:#5a5756; margin:0 10px;} .Bottom002673 footer span a:last-child::after{ display:none;} .Bottom002673 nav{ padding-bottom:2%;} .Bottom002673 nav a{ font-size:16px;padding-left:38px;line-height: 30px;} .Bottom002673 nav a::after{ display:inline-block; font-style:italic; content:'|'; font-size:12px;margin:0 20px 0 18px;color:rgba(255,255,255,0.2); } .Bottom002673 nav a:last-child::after{ display:none;} .Bottom002673 nav a.email{background:url(../images/Bottom002673-icon1.png) no-repeat left center;} .Bottom002673 nav a.hong{background:url(../images/Bottom002673-icon2.png) no-repeat left center;} .Bottom002673 nav a.phone{background:url(../images/Bottom002673-icon3.png) no-repeat left center;} .Bottom002673 a{ color:#222; display:inline-block;} .Bottom002673 a:hover{ color:#222;} @media(max-width:1024px){ .Bottom002673_login{position: relative;} } /*Floor */ .Banner002730{} .Banner002730{ position:relative;} .Banner002730 video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: fill; -webkit-object-fit: fill;} .Banner002730::before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 100%);} .Banner002730 .ytable{height: 100%;} .Banner002730 .return{position: fixed;top:0;left:0;width:100%;z-index: 20;padding-top:115px;} .Banner002730 .return a{background: #c9102e;color: #fff;border-radius: 50px;display: inline-block;margin-right: 1em;padding: 10px 1.8em;text-align: center;line-height: 1;} .Banner002730 .txt{ position:absolute; left:0; bottom:12%; width:100%; z-index:10; color:#fff; } .Banner002730 .txt .auto{} .Banner002730 .txt .cn{font-weight: bold;font-size:3em;} .Banner002730 .txt .en{font-size:1.375em;margin-top:0.3em;} .Banner002730 .txt .tip{margin-top: 2em;} .Banner002730 .txt .tip span{background: #c9102e;color: #fff;border-radius: 50px;display: inline-block;margin-right: 1em;padding: 10px 2em;text-align: center;} .Banner002730 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:22;} .Banner002730 .video_files video{width:100%; height:100%; background-color:#000;} .Banner002730 .video_files iframe{width:100%; height:100%; background-color:#000;} .Banner002730 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;} .Banner002730 .video_files .close::before, .Banner002730 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;} .Banner002730 .video_files .close::before{ transform:rotate(45deg);} .Banner002730 .video_files .close::after{ transform:rotate(-45deg);} .Banner002730 .video{/* position: relative; */} .Banner002730 .video a{ width:100%; height:100%; position:absolute; left:0; top:50%; background-color:rgba(0,0,0,0.2);transform: translateY(-50%); } .Banner002730 .video a::before, .Banner002730 .video a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;} .Banner002730 .video a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,1);margin-left: -35px;margin-top: -35px;border-radius: 50%;} .Banner002730 .video a::after{width: 0;height: 0;border-top: 13px solid transparent;border-bottom: 13px solid transparent;border-left: 20px solid rgba(255,255,255,1);margin-left: -6px;margin-top: -13px;} @media(min-width:1025px){ .Banner002730 figure{ height: 37.5em;} .Banner002730 img{ display:none;} } @media(max-width:1200px){ .Banner002730 .return{padding-top:100px;} } @media(max-width:1024px){ .Banner002730 .return{padding-top:90px;} } @media(max-width:1024px){ .Banner002730 figure{ display:none;} .Banner002730 img{ width:100%; display:block;} .Banner002730 .auto{ width:94%;} .Banner002730 .fr{float: right;} .Banner002730 .txt .cn{ font-size: 1.5em;} .Banner002730 .txt .en{ font-size: 1em;} .Banner002730 .video a::before{width: 50px; height: 50px;margin-left: -25px; margin-top: -25px;} } @media(max-width:768px){ .Banner002730 .txt{display: none;} .Banner002730 .return{padding-top:80px;} } .Banner002730_Mobiletxt{display: none;} .Banner002730_Mobiletxt .txt{z-index:10;color:#333;padding-top: 4%;} .Banner002730_Mobiletxt .txt .auto{} .Banner002730_Mobiletxt .txt .cn{font-weight: bold;font-size: 1.5em;} .Banner002730_Mobiletxt .txt .en{font-size: 1em;margin-top:0.3em;} .Banner002730_Mobiletxt .txt .tip{margin-top: 1em;} .Banner002730_Mobiletxt .txt .tip span{background: #c9102e;color: #fff;border-radius: 50px;display: inline-block;margin-right: 4px;margin-bottom: 5px;padding: 8px 10px;text-align: center;} @media(max-width:768px){ .Banner002730_Mobiletxt{display: block;} } .Banner002731{max-width:1400px;margin:0 auto; position:relative;margin-top:4%;border-radius: 20px;overflow: hidden;} .Banner002731 .ytable{height: 100%;} .Banner002731 .txt{ position:absolute; left:0; bottom:0; height: 50%; width:100%; z-index:10; color:#fff; line-height: 1.65} .Banner002731 .txt .auto{} .Banner002731 .txt .cn{font-size:3em;font-weight: bold;} .Banner002731 .txt p{font-size:1.5em;} .Banner002731 .txt .en{text-align: right;text-transform: uppercase; padding-left: 15px;} @media(min-width:1025px){ .Banner002731 figure{ height:620px;} .Banner002731 img{ display:none;} } @media(max-width:1024px){ .Banner002731 figure{ display:none;} .Banner002731 img{ width:100%; display:block;} .Banner002731 .auto{ width:80%;} .Banner002731 .fr{float: right;} } @media(max-width:640px){ .Banner002731 .txt{font-size: 24px;} } .Banner002732{ position:relative;padding-top:5%;} .Banner002732 .auto{position:relative;border-radius: 20px;overflow: hidden;} .Banner002732 .ytable{height: 100%;} .Banner002732 .txt{ position:absolute; left:0; bottom:0; height: 38%; width:100%; z-index:10; color:#fff; line-height: 1.65;background-image: linear-gradient(transparent,rgba(0,0,0,0.4)); padding: 0 7%;} .Banner002732 .txt .cn{font-size:3em;font-weight: bold;} .Banner002732 .txt p{font-size:1.5em;} .Banner002732 .txt .en{text-align: right;text-transform: uppercase; padding-left: 15px;} @media(min-width:1025px){ .Banner002732 figure{ height:30em;} .Banner002732 img{ display:none;} } @media(max-width:1024px){ .Banner002732 figure{ display:none;} .Banner002732 img{ width:100%; display:block;} .Banner002732 .fr{float: right;} .Banner002732 .txt .cn{font-size: 1.5em;} } /*Floor003031 */ .Floor003031{position: relative; z-index: 1; padding-bottom: 4%;} .Floor003031 .auto{} .Floor003031 > img{opacity: 0;position: relative; z-index: -1;} .Floor003031 .collection{float:right;font-size: 1em;color: #222;background: url(../images/collection.png) no-repeat left 2em center #fff; background-size: 1.25em auto; border: none;padding: 0 2.5em 0 3.75em;line-height: 3.75em;border-radius: 60px; cursor: pointer;} .Floor003031 .collection:hover{color:#222;border:1px solid #222;} .Floor003031 .txt{position: relative;padding: 0% 0;overflow: hidden;text-align: center;} .Floor003031 .txt .ytable{height: 80%;} .Floor003031 .txt .email{ position: relative;max-width: 800px; background: #fff; border-radius: 60px;overflow: hidden;} .Floor003031 .email input{font-size: 1em;} .Floor003031 .email .text{width: 100%;padding: 1.25em 1.4em;height: 3.75em;line-height: 1.25em;border: none;color: #999;border-radius: 60px;} .Floor003031 .email .text.focus{color: #333;} .Floor003031 .email .btn{position: absolute; right:8px; top: 10%; height: 80%; width: 48px;color: #fff; background: url(../images/search.png) no-repeat center #b7b7b7; cursor: pointer; border: 0;text-transform: uppercase;border-radius: 60px;} .Floor003031 .ul{margin-top:2%;} .Floor003031 .ul li{float:left;margin-right:8px;} .Floor003031 .ul li a{font-size:1em;display: block;width:32px;height: 32px;line-height: 32px;color:#222;background: #ffffff;text-align: center;border-radius: 6px;cursor: pointer;} .Floor003031 .ul li a.on, .Floor003031 .ul li a:hover{background:#222; color:#fff;} @media(max-width:1024px){ .Floor003031{overflow: hidden;} .Floor003031 > img{max-width: inherit; width: 150%;margin-left: -25%;} .Floor003031 .ul{margin-top: 1.5em;} .Floor003031 .ul li{margin-right: 5px; margin-bottom: 5px;} } /*PicList003142 */ .PicList003142 li{margin-bottom: 2%;border-radius: 10px;overflow: hidden;background:#fff;position: relative;} .PicList003142 li .txt{padding: 0em 2.5em;} .PicList003142 li .tit{ font-size: 1.375em;line-height: 1.6;margin-bottom: 5px; } .PicList003142 li .tit2{color:#333;margin-bottom:10px;} .PicList003142 li p{font-size: 1em; line-height: 1.75; color: #333;margin:0.5em 0 0.5em;} /* .PicList003142 li dl{ display: flex;} */ .PicList003142 li dl dd{color:#333;padding-left:30px; line-height: 2; /* margin-right: 15px; */} .PicList003142 li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .PicList003142 li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .PicList003142 li dl dd.addr{background:url(../images/PicList003142-icon3.png) no-repeat left top 5px;} .PicList003142 li dl dd.tel{background:url(../images/PicList003142-icon4.png) no-repeat left center;} .PicList003142 li dl dd.email{background:url(../images/PicList003142-icon5.png) no-repeat left center;} .PicList003142 li dl dd.web{background:url(../images/PicList003142-icon6.png) no-repeat left center;} .PicList003142 li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .PicList003142 li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .webglobal { background: url(../images/PicList003142-icon6.png) no-repeat left center; } .PicList003142 li a {position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;} .PicList003142 li .pic{overflow: hidden;position: relative;border-radius: 10px;} .PicList003142 li .pic label{display: block;position: absolute;left:6%;top:0%;background:#c9102e; color: #fff;padding: 0.625em 1.125em;border-radius:0 0 10px 10px; cursor: pointer;z-index: 20} .PicList003142 li .pic span{width:24px;height: 24px;display: block;position: absolute;right:5%;top:5%;background: url(../images/collection2.png) no-repeat center; cursor: pointer;z-index: 20} .PicList003142 li .pic span.collect{background: url(../images/collection.png) no-repeat center;} .PicList003142 li .pic:after{content:'';width:100%;height: 100%;background:rgba(0,0,0,0.1);position: absolute;top:0;left:0;} .PicList003142 li .Ispic{padding-bottom: 72%;transition: 0.3s; background-size: cover;} .PicList003142 li:hover .Ispic{transform: scale(1.1);} .PicList003142 li:hover{color: #c9102e;} .PicList003142 li .pic{ width: 32%;} @media (max-width:1024px) { .PicList003142 .auto{margin-top: 2em;} .PicList003142 li .txt{padding: 1.125em;} } @media (max-width:768px) { .PicList003142 li .pic{ width: 45%;} } @media (max-width:767px) { .PicList003142 li .pic{width: 100%;} .PicList003142 .ytable, .PicList003142 .ytable-cell{ display: block;} } /*PicList003144 */ .PicList003144 .auto{ margin-top: 4.5em; margin-bottom: 1em;} .PicList003144 li{float: left; margin-bottom: 3em;border-radius: 20px;;overflow: hidden;background:#fff;} .PicList003144 li .txt{padding: 1.875em;} .PicList003144 li .tit{ font-size: 1.375em;line-height: 1.6666;margin-bottom:5px;} .PicList003144 li p{font-size: 1em; line-height: 1.75; color: #666;margin:0.5em 0 1em;} .PicList003144 li dl dd{color:#666;padding-left:27px; line-height: 1.65;max-height: 52px;overflow: hidden;} .PicList003144 li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .PicList003144 li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .PicList003144 li dl dd.addr{background:url(../images/PicList003142-icon3.png) no-repeat left top 2px;} .PicList003144 li dl dd.tel{background:url(../images/PicList003142-icon4.png) no-repeat left center;} .PicList003144 li dl dd.email{background:url(../images/PicList003142-icon5.png) no-repeat left center;} .PicList003144 li dl dd.web{background:url(../images/PicList003142-icon6.png) no-repeat left center;} .PicList003144 li .pic{overflow: hidden;position: relative;} .PicList003144 li .pic span{width:24px;height: 24px;display: block;position: absolute;right:5%;top:5%;background: url(../images/collection2.png) no-repeat center; cursor: pointer;z-index: 20} .PicList003144 li .pic:after{content:'';width:100%;height: 100%;background:rgba(0,0,0,0.1);position: absolute;top:0;left:0;} .PicList003144 li .Ispic{padding-bottom: 64%;transition: 0.3s;} .PicList003144 li a:hover .Ispic{transform: scale(1.1);} .PicList003144 li a:hover{color: #c9102e;} @media (min-width:1025px) { .PicList003144 li{width: 30.6%;} .PicList003144 li:not(:nth-child(3n)){margin-right: 4%;} .PicList003144 li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .PicList003144 .auto{margin-top: 2em;} .PicList003144 li{width: 48%;} .PicList003144 li:not(:nth-child(2n)){margin-right: 4%;} .PicList003144 li:nth-child(2n+1){clear: left;} .PicList003144 li .txt{padding: 1em;} } /*Menu002217*/ .Menu002217{padding: 1% 0 4%;} .Menu002217 nav{text-align: center;margin-top: 0%;} .Menu002217 nav ul li{text-align: center; padding:0 9px; display:inline-block; *zoom:1; *display:inline;} .Menu002217 nav ul li a{display: block;min-width:140px;height: 42px;line-height: 42px;font-size: 16px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-radius: 50px;background:#b7b7b7;} .Menu002217 nav ul li.on a,.Menu002217 nav ul li a:hover{color: #fff;background: #c9102e;} @media(max-width:1024px){ .Menu002217 nav ul li{ padding:0 3px;} .Menu002217 nav ul li a{ min-width:90px; font-size:14px; padding:0 3%;} } @media(max-width:640px){ } /*Menu002217 End*/ /*PicList003143 */ .PicList003143 .auto{ margin-top: 4.5em; margin-bottom: 1em;} .PicList003143 li{float: left; margin-bottom: 2%;border-radius: 10px;overflow: hidden;background:#fff;box-shadow: 0px 0em 1.125em rgba(0, 0, 0, 0.06);} .PicList003143 li .txt{padding: 0em 2.5em;} .PicList003143 li .tit{ font-size: 1.375em;line-height: 1.6; } .PicList003143 li p{font-size: 1em; line-height: 1.7; color: #999;margin:0.5em 0 1em;} .PicList003143 li dl dd{color:#666;padding-left:30px; line-height: 1.8} .PicList003143 li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .PicList003143 li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .PicList003143 li dl dd.addr{background:url(../images/PicList003142-icon3.png) no-repeat left center;} .PicList003143 li dl dd.web{background:url(../images/PicList003142-icon6.png) no-repeat left center;} .PicList003143 li .pic{overflow: hidden;position: relative;border-radius: 10px;} .PicList003143 li .pic span{width:24px;height: 24px;display: block;position: absolute;right:5%;top:5%;background: url(../images/collection2.png) no-repeat center; cursor: pointer;z-index: 20} .PicList003143 li .pic span.on{background: url(../images/collection.png) no-repeat center;} .PicList003143 li .pic:after{content:'';width:100%;height: 100%;background:rgba(0,0,0,0.1);position: absolute;top:0;left:0;} .PicList003143 li .Ispic{padding-bottom: 72%; background-size: cover; transition: 0.3s;} .PicList003143 li a:hover .Ispic{transform: scale(1.1);} .PicList003143 li a:hover{color: #012168;} .PicList003143 li .pic{ width: 35%;} @media (max-width:1024px) { .PicList003143 .auto{margin-top: 2em;} .PicList003143 li .txt{padding:0.5em 1.125em;} } @media (max-width:768px) { .PicList003143 li .pic{ width: 45%;} } @media (max-width:767px) { .PicList003143 li .pic{width: 100%;} .PicList003143 .ytable, .PicList003143 .ytable-cell{ display: block;} } /*Page002623 */ .Page002623{padding: 1.5vw 0 4vw 0; text-align: center;font-size: 18px;} .Page002623-2{padding: 4vw 0 0vw 0;} .Page002623 .Pages a.a_first, .Page002623 .Pages a.a_end, .Page002623 .Pages > span:not(.p_page){display: none;} .Page002623 .Pages em{float: left;margin: 0 2.5vw; font-style: normal;} .Page002623 .Pages .p_page{display: table; margin: 0 auto;} .Page002623 .Pages a{float: left;line-height: 48px; width: 48px; margin: 0 3px;border-radius: 50px;} .Page002623 .Pages a.a_cur, .Page002623 .Pages a:hover{color: #fff;background: #c9102e;} .Page002623 .Pages .p_page > a{font-size: 0;height: 50px;position: relative;} .Page002623 .Pages .p_page > a:before{position: absolute; content: '';border:5px solid transparent; left: 50%; top: 50%; margin: -5px 0 0 -10px;} .Page002623 .Pages .p_page > a.a_prev:before{border-right-color: #000;border-right-width: 8px;} .Page002623 .Pages .p_page > a.a_next:before{border-left-color: #000;border-left-width: 8px; margin-left: -4px;} .Page002623 .Pages a.a_prev:hover:before{border-right-color: #fff;} .Page002623 .Pages a.a_next:hover:before{border-left-color: #fff;} @media(max-width:640px){ .Page002623{padding: 6vw 0 8vw 0;} .Page002623 .Pages em{display: none;} .Page002623 .Pages a{background-color: #eee;} } .Member {background: url(../images/Form002099-bg.jpg) no-repeat center;background-size: cover; padding: 5% 0; position: relative;z-index: 1;} /*Form002099 */ .Form002099{padding:13% 0 0;color: #222;/* height: 100vh; position: relative;background:url(../images/Form002099-bg.jpg) no-repeat center/cover; */} .Form002099_1{padding-top:13%;} .Form002099_2{padding-top:9%;} .Form002099_4{padding-top:9%;} .Form002099 .auto{max-width:550px;} .Form002099 section{ position:relative;} .Form002099 .logo{text-align: center;} .Form002099 .form{padding: 6%;background:#fff;border-radius: 25px;} .Form002099 .form h1{margin:0;font-size: 2em;color:#222;text-align: center;margin-top:0em;} .Form002099 .form td{ padding-top:18px;} .Form002099 .form td div{ position:relative; line-height:48px;} .Form002099 .form td div.listbtn > div{line-height: 30px;} .Form002099 .form td div.listbtn a{color: #c9102e;} .Form002099 .form td .label{position:absolute;left:12px;color: #666;} .Form002099 .form td .text{width:100%;line-height:48px;height:48px;padding:0 12px;border-radius:0px;border: none;border-bottom:1px solid #ececec; color: #666;} .Form002099 .form td select{width:100%;line-height:48px;height:48px;padding:0 12px;border-radius:0px;border: none;border-bottom:1px solid #ececec; color:#666;appearance: none; -moz-appearance: none;-webkit-appearance: none;background: url(../images/Form002319-icon.png) no-repeat right 21px center;} .Form002099 .form td select option{color:#333;} .Form002099 .form td .text:focus{ border-color:#f04848;} .Form002099 .form td div.yzm .text{width:64%;} .Form002099 .form td div.yzm a{color:#fff;float:right;background:#c9102e;border-radius: 50px;padding:0 35px;} .Form002099 .form .fgpsw{float:right;color: #222;} .Form002099 .form .fgpsw:hover{text-decoration:underline;} .Form002099 .form .zc{float:right;color: #222;margin-left:10px;} .Form002099 .form .zc:hover{ text-decoration:underline; color:#f04848;} .Form002099 .form input[type="checkbox"] {display: none;} .Form002099 .form .checkmark{display: inline-block;width: 16px;height: 16px;background: #e5e5e5;border:none;margin-right: 7px;margin-top:0px;border-radius: 50px;position: relative;} .Form002099 .form input[type="checkbox"]:checked + .checkmark:before {content: "";position: absolute;left: 5px;top: 2px;width: 6px;height: 10px;border: solid #c9102e;border-width: 0 2px 2px 0;transform: rotate(45deg);} .Form002099 .form .custom-checkbox{user-select: none;display: inline-flex;align-items: center;cursor: pointer;} .Form002099 .form .btn{ float:left; width:100%;border-radius:50px; font-size:16px; color:#fff; background:#c9102e; cursor:pointer; padding:0; border:none; height:50px;} .Form002099 .form .btn_reg{ float:right; background:#572257;} @media(max-width:1024px){ .Form002099{height: 100%; padding: 5% 0;} .Form002099 .form{ padding:5%;} .Form002099 .form td div.yzm .text{width:56%;} .Form002099 .form td div.yzm a{padding: 0 20px;} } .PersonalCenter{padding:5% 0;} .PersonalCenter .w22{} .PersonalCenter .w75{ background:#fff; border-radius: 20px; padding:3%;} @media(max-width:1024px){ .PersonalCenter .w75{padding:5%;} } /*Menu002956 */ .Menu002956{padding-left: 10px;background:#fff; border-radius: 20px;} .Menu002956 nav{padding: 30px 0;} .Menu002956 h1{margin: 0 2.08vw 0 0;position: relative;margin-left: -10px; padding: 18px 0 18px 20px; } .Menu002956 h1 span{position: relative; z-index: 4; display: block;font-size: 24px;color: #fff;line-height: 1em;border-left: 2px solid #c9102e;padding-left: 15px; } .Menu002956 h1:after{position: absolute; content: ''; height: 100%; background: #012168; top: 0;right:0; left: -30px;border-radius: 0 30px 30px 0} .Menu002956 h1 i{position: absolute;} .Menu002956 h1 i.jiao{ border:8px solid transparent; border-left-color: #021b54; left: 2px; top: -8px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);display: none} .Menu002956 ul{padding: 12px 0;} .Menu002956 li:not(:last-child){border-bottom: 1px solid #ededed;} .Menu002956 li a{display: block;line-height: 26px; padding: 15px 30px 15px 40px;font-size: 16px;position: relative; z-index: 1;color:#999;} .Menu002956 li a:after{position: absolute; content: '';border:4px solid transparent; border-top-width: 6px;border-top-color: #c9102e; top: 50%; margin-top: -4px; right: 30px; opacity: 0; transition: 0.3s;} .Menu002956 li a:hover, .Menu002956 li.aon a{color: #000;} .Menu002956 li a:hover:after, .Menu002956 li.aon a:after{opacity: 1;} @media(min-width:1025px){ .Menu002956{overflow: hidden;} .Menu002956 ul{display: block!important;} } @media(max-width:1024px){ .Menu002956{position: relative; z-index: 40;} .Menu002956 ul{display: none;position: absolute; left: 10px;top: 100%; right: 0; z-index: 40;background: #edf0f5;} .Menu002956 i.wap-open{position: absolute; width: 30px; height: 30px; right: 40px;background: #fff; z-index: 10; top: 50%;margin-top: -15px; border-radius: 50%; transition: 0.3s;} .Menu002956 i.wap-open:before, .Menu002956 i.wap-open:after{position: absolute; content: ''; left: 50%; top: 50%; background: #0f54b3; transform: translate(-50%,-50%);} .Menu002956 i.wap-open:before{width: 10px; height: 2px; } .Menu002956 i.wap-open:after{width: 2px; height: 10px; } .Menu002956 i.wap-open.on{transform: rotate(45deg);} } @media(max-width:640px){ .Menu002956 nav{padding: 10px 0;} .Menu002956 h1 span{font-size: 5vw;} .Menu002956 h1{padding: 3vw 0 3vw 20px; } .Menu002956 i.wap-open{right: 6vw;margin-top: -12px; width: 24px; height: 24px;} } .lm-tit{font-size:2em;color:#222;border-bottom:1px solid #e8e8e8;margin-bottom:3%;padding-bottom: 0%;font-weight: bold;} .lm-tit:after{content:'';width: 48px;height: 2px;background:#c9102e;display: block;margin-top: 16px;} @media(max-width:1024px){ .lm-tit{font-size:1.5em;} } /* .Form002337 为demo编号 */ .Form002337{ margin: 0 auto;} .Form002337 .row{ padding-bottom: 15px;} .Form002337 .rowbox{ padding-bottom: 0;} .Form002337 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;} .Form002337 .row-inner{ margin: 0 auto; position: relative; padding-left: 148px; color: #666; font-size: 16px; line-height: 44px;} .Form002337 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; width:145px; font-size: 16px; font-weight: normal;color:#999;text-align: right;} .Form002337 .row-inner .username{ display: block;} .Form002337 .row-inner .text{border:none;border-bottom: 1px solid #e4e4e4; color: #333; line-height: 44px;height: 44px; width: 100%; max-width: 400px; padding: 0 10px; display: inline-block; border-radius: 0px;} .Form002337 .row-inner .text.focus{border-color: #333; color: #333;} .Form002337 .row-inner .text:disabled{color:#888;border:none;} .Form002337 .row-inner a{color:#c9102e;text-decoration: underline;margin-left:14px;} .Form002337 .btn{ background-color: #c9102e; line-height: 44px; font-size: 16px; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 20px auto 20px; display: inline-block;border-radius: 50px;} .Form002337 .btn.reset{ background-color: #d4c496; margin-left: 30px;} .Form002337 .address>*{ display: block; float: left;} .Form002337 .address>*+*{ margin-left: 1%;} .Form002337 .address .selectbox{ max-width: 117px; width:20%;} .Form002337 .address .selectbox select{ height: 44px; width: 100%; border: 1px solid #adadad;border-radius: 3px; color: #adadad;} .Form002337 .address .selectbox select.focus{ color: #333;} .Form002337 .address .text{ width:37% ; max-width: 546px;} @media only screen and (max-width:767px ) { .Form002337{ padding:20px 0; } .Form002337 .btn{ width: 85px; line-height: 35px; font-size: 16px;} .Form002337 .address .selectbox{ width: 32.3334%;} .Form002337 .address .text{ width: 100%; margin-top: 10px; margin-left: 0;} .Form002337 .row-inner .h5{font-size: 14px;width: 80px;} .Form002337 .row-inner{padding-left: 80px;font-size: 14px;} .Form002337 .row-inner.xiugai .text{ width: 60%;} .Form002337 .row-inner a{margin-left: 10px;font-size: 12px;} } @media only screen and (max-width:480px ) { .Form002337 .address .selectbox{ width: 100%; margin-left: 0 !important; max-width: none;} .Form002337 .address .selectbox+.selectbox{ margin-top: 10px;} .Form002337 .row-inner .text{ max-width: none;} } /* .Form002338 为demo编号 */ .Form002338{ margin: 0 auto;} .Form002338 .row{ padding-bottom: 15px;} .Form002338 .rowbox{ padding-bottom: 0;} .Form002338 .rowbox:after{ content: "";height: 1px; width: 100%; margin: 30px 0; padding: 0; background-color: #f2f2f2; border: none; display: block;} .Form002338 .row-inner{ margin: 0 auto; position: relative; padding-left: 148px; color: #666; font-size: 16px; line-height: 44px;} .Form002338 .row-inner .h5{ position: absolute; left: 0; top: 0; margin: 0; width:145px; font-size: 16px; font-weight: normal;color:#999;text-align: right;} .Form002338 .row-inner .username{ display: block;} .Form002338 .row-inner .text{border:none;border-bottom: 1px solid #e4e4e4; color: #333; line-height: 44px;height: 44px; width: 100%; max-width: 427px; padding: 0 10px; display: inline-block; border-radius: 0px;} .Form002338 .row-inner.yzm .text{max-width:275px;} .Form002338 .row-inner.yzm a{color:#fff;background:#b7b7b7;border-radius: 50px;padding: 0 30px;text-decoration: none;display: inline-block;} .Form002338 .row-inner .text.focus{border-color: #333; color: #333;} .Form002338 .row-inner .text:disabled{color:#888;} .Form002338 .row-inner a{color:#c9102e;text-decoration: underline;margin-left:14px;} .Form002338 .btn{ background-color: #c9102e; line-height: 44px; font-size: 16px; color: #fff; text-align: center; width: 130px; border: none; cursor: pointer; margin: 20px auto 20px; display: inline-block;border-radius: 50px;} .Form002338 .btn.reset{ background-color: #d4c496; margin-left: 30px;} .Form002338 .address>*{ display: block; float: left;} .Form002338 .address>*+*{ margin-left: 1%;} .Form002338 .address .selectbox{ max-width: 117px; width:20%;} .Form002338 .address .selectbox select{ height: 44px; width: 100%; border: 1px solid #adadad;border-radius: 3px; color: #adadad;} .Form002338 .address .selectbox select.focus{ color: #333;} .Form002338 .address .text{ width:37% ; max-width: 546px;} @media only screen and (max-width:767px ) { .Form002338{ padding:20px 0; } .Form002338 .btn{ width: 85px; line-height: 35px; font-size: 16px;} .Form002338 .address .selectbox{ width: 32.3334%;} .Form002338 .address .text{ width: 100%; margin-top: 10px; margin-left: 0;} .Form002338 .row-inner .h5{font-size: 14px;width: 130px;} .Form002338 .row-inner{padding-left: 130px;} .Form002338 .row-inner.yzm a{padding: 0 10px;font-size: 12px;} .Form002338 .row-inner.yzm .text{width: 45%;} } @media only screen and (max-width:480px ) { .Form002338 .address .selectbox{ width: 100%; margin-left: 0 !important; max-width: none;} .Form002338 .address .selectbox+.selectbox{ margin-top: 10px;} .Form002338 .row-inner .text{ max-width: none;} } .agent{padding:5% 0;} .agent .auto{position: relative;} .agent .topcon{margin-bottom:4%;margin-top:1%;} .agent .topcon .gs-title{margin-bottom:1.5vw;} .agent .topcon p{font-size:1.375em;color:#000;line-height: 1.65} .agent .left{width: 30%;float:left;position: relative;} .agent .left dl{position: absolute;left:0;bottom:0;width:100%;} .agent .left dl dt{font-size:1.625em;font-weight: bold; color:#222;padding:15px 0px;} .agent .left dl dd{padding: 16px 0px;border-bottom:1px solid #e8e8e8;min-height: 62px;position: relative;color: #222;font-size: 1.375em;} .agent .right{width: 70%;float:right;box-shadow: 0px 0.625em 4.375em rgb(0 0 0 / 8%);padding:2%;background:#fff; border-radius: 20px;} .agent .right li{width:31.3%;padding:3% 1%; float:left; margin-right:3%;text-align: center; color:#222;} .agent .right li:nth-child(1){} .agent .right li:nth-child(2), .agent .right li:nth-child(3){} .agent .right li:nth-child(3){margin-right:0;} .agent .right li dl dt{padding:20px 0;background:#efefef; min-height: 62px;position: relative;font-size:1.625em;font-weight: bold;border-radius: 15px 15px 0 0} .agent .right li:nth-child(3) dl dt{background:#222;color:#fff;} .agent .right li dl dd{padding:20px 0;min-height: 62px;position: relative;border-bottom:1px solid #eee;} .agent .right li dl dd:nth-child(2n+1){} .agent .right li dl dd:nth-child(1){font-size:1.875em;} .agent .right li dl dd:nth-child(4) a{background:#c9102e;color:#fff;padding: 12px 0;width: 50%;display: block;margin: 0 auto;border-radius: 50px;} .agent .right li:nth-child(1) dl dd{} .agent .right li dl dd:nth-child(2){font-size:1.375em;} .agent .right li dl dd.yes:after{content:'';width: 30px;height: 30px;border: 1px solid #c9102e;position: absolute;left:50%;top:50%;margin-left: -15px;border-radius: 50%;margin-top: -15px;} .agent .right li dl dd.yes:before{content:'';width: 8px;height: 14px;border: solid #c9102e;position: absolute;border-width: 0 2px 2px 0;transform: rotate(45deg);left: 49%;top: 36%;} .agent .right li dl dd.no:after{content:'';width: 26px;height: 2px;background: #b9b9b9;position: absolute;transform: rotate(45deg);left: 46%;top: 45%;} .agent .right li dl dd.no:before{content:'';width: 26px;height: 2px;background: #b9b9b9;position: absolute;transform: rotate(-45deg);left: 46%;top: 45%;} .mechanism{padding:5% 0;} .mechanism .auto{position: relative;} .mechanism .topcon{margin-bottom:4%;margin-top:1%;} .mechanism .topcon .gs-title{margin-bottom:1.5vw;} .mechanism .topcon p{font-size:1.375em;color:#000;line-height: 1.65} .mechanism .left{width: 30%;float:left;position: relative;} .mechanism .left dl{position: absolute;left:0;bottom:0;width:100%;} .mechanism .left dl dt{font-size:1.625em;font-weight: bold; color:#222;padding:15px 0px;} .mechanism .left dl dd{padding: 16px 0px;border-bottom:1px solid #e8e8e8;min-height: 62px;position: relative;color: #333;font-size: 1.375em;} .mechanism .right{width: 70%;float:right;background:#fff; box-shadow: 0px 0.625em 4.375em rgb(0 0 0 / 8%);padding:2%;border-radius: 20px;} .mechanism .right li{width:31.3%;padding:3% 1%; float:left; margin-right:3%;text-align: center; color:#222;} .mechanism .right li:nth-child(1){} .mechanism .right li:nth-child(2), .mechanism .right li:nth-child(3){} .mechanism .right li:nth-child(3){margin-right:0;} .mechanism .right li dl dt{padding:20px 0;background:#efefef; min-height: 62px;position: relative;font-size:1.625em;font-weight: bold;border-radius: 15px 15px 0 0} .mechanism .right li:nth-child(3) dl dt{background:#222;color:#fff;} .mechanism .right li dl dd{padding:20px 0;min-height: 62px;position: relative;border-bottom:1px solid #eee;} .mechanism .right li dl dd:nth-child(2n+1){} .mechanism .right li dl dd:nth-child(1){font-size:1.875em;} .mechanism .right li dl dd:nth-child(3) a{background:#c9102e;color:#fff;padding: 12px 0;width: 50%;display: block;margin: 0 auto;border-radius: 50px;} .mechanism .right li:nth-child(1) dl dd{} .mechanism .right li dl dd:nth-child(2){font-size:1.375em;} .mechanism .right li dl dd.yes:after{content:'';width: 30px;height: 30px;border: 1px solid #c9102e;position: absolute;left:50%;top:50%;margin-left: -15px;border-radius: 50%;margin-top: -15px;} .mechanism .right li dl dd.yes:before{content:'';width: 8px;height: 14px;border: solid #c9102e;position: absolute;border-width: 0 2px 2px 0;transform: rotate(45deg);left: 49%;top: 36%;} .mechanism .right li dl dd.no:after{content:'';width: 26px;height: 2px;background: #b9b9b9;position: absolute;transform: rotate(45deg);left: 46%;top: 45%;} .mechanism .right li dl dd.no:before{content:'';width: 26px;height: 2px;background: #b9b9b9;position: absolute;transform: rotate(-45deg);left: 46%;top: 45%;} .Advertisingspace{padding:0 0 5%;} .Advertisingspace ul li{width:30.66%;float:left;margin-right:4%;text-align: center; } .Advertisingspace ul li:nth-child(3n){margin-right:0;} .Advertisingspace ul li figure{padding-bottom:62%;border-radius: 20px;} .Advertisingspace ul li h2{font-size:1.5em;color:#222;} .Advertisingspace ul li p{font-size:1.375em;color:#c9102e;margin:0;} /*RighInfo002851 */ .RighInfo002851{padding:5vw 0 3vw;} .RighInfo002851 .singlePage{} .RighInfo002851 .singlePage h3{font-size:1.375em;color:#000;font-weight: normal;margin-top:0;} .RighInfo002851 .singlePage center{margin-top:3%;border-radius: 20px;overflow: hidden} .RighInfo002851 .text{float:right;width:44%;padding-top:4%;} .RighInfo002851 .pic{float:left;width:50%;position: relative;} .RighInfo002851 .pic:after{content:'';position: absolute; width:60%; height:40%; background:#f0f0f0; background-size:cover; right:0; bottom:-18%;border-radius: 15px;} .RighInfo002851 .pic img{border-radius: 20px;position: relative;z-index: 1;width:90%; overflow: hidden} .RighInfo002851 .singlePage p{line-height: 30px} .gs-title{margin-bottom:2vw;} .gs-title.center{text-align: center;} .gs-title h2{font-size:2.625em;color:#222;margin:0;} .Ourstrengths{padding:5vw 0 4vw;} .Ourstrengths ul{width:48.5%;float:left;margin-right:3%;} .Ourstrengths ul:nth-child(2){margin-right:0;margin-top:5%;} .Ourstrengths ul li{width: 100%;float:left;margin-bottom:6%; background: #fff;padding: 7%;border-radius: 20px;} .Ourstrengths ul li .icon{text-align: center;} .Ourstrengths ul li h2{font-size:2em;color:#222;text-align: center;margin: 22px 0;} .Ourstrengths ul li p{line-height: 1.75;text-align: justify;min-height: 56px} .aboutcon1{padding:0 0;position: relative;} .aboutcon1 .auto{position: relative;border-radius: 20px;overflow: hidden} .aboutcon1 .w_86{margin:0 auto;} .aboutcon1 .Ispic{border-radius: 20px;overflow: hidden;padding-bottom:42%;} .aboutcon1 .gs-title{position: absolute;width:100%;left:0%;height: 38%;bottom:0;margin-bottom:0;background-image: linear-gradient(transparent,rgba(0,0,0,0.4));padding-top:3%;} .aboutcon1 .gs-title h2{color:#fff;} .aboutcon2{padding:0 0 5%;text-align: center} .aboutcon2 h2{text-align: center;color:#222;font-size:2.5em;line-height: 1.6;margin-bottom:3%;} .aboutcon2 a{background:#c9102e; color:#fff;border-radius: 50px;display: inline-block;padding:16px 55px;} .aboutcon3{padding:1vw 0 5vw;text-align: center} .aboutcon3 .gs-title h2{} .aboutcon3 .tit{font-size:1.5em;color:#222;text-align: center;} .aboutcon3 .more{color:#c9102e;display: inline-block;margin-top: 1.5%;background: url(../images/Floor002631_more.png) no-repeat right center;padding-right: 20px;} .aboutcon3 .pic{margin-top:4%;border-radius: 20px;overflow: hidden;} /*RighInfo002816 */ .RighInfo002816{padding-top: 6%;} .RighInfo002816 .img-block{display: block;width: 100%;border-radius: 20px;} .RighInfo002816 ul{margin-bottom: 6%;} .RighInfo002816 ul .inner{background: #fff;padding-top: 12%;padding-bottom: 10%;padding-right: 12%;border-radius: 15px;} .RighInfo002816 ul h3{font-size: 2.625em;color: #222;margin-top:0;} .RighInfo002816 ul h3:after{content:'';width:38px;height: 3px;background:#c9102e;display: block;margin-top:25px;} .RighInfo002816 ul .li p{ line-height: 28px; color: #222;} .RighInfo002816 ul .li .icon{padding-bottom: 18px;} @media(min-width:1025px){ .RighInfo002816 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002816 ul:nth-child(2n-1) .li{float: right;} .RighInfo002816 ul:nth-child(2n) .ol{float: right;} .RighInfo002816 ul:nth-child(2n) .li{float: left;} .RighInfo002816 ul .ol, .RighInfo002816 ul .li{width: 50%;} .RighInfo002816 ul .li{ position: relative; z-index: 10;} .RighInfo002816 ul:nth-child(2n-1) .li .inner{margin-left: -10%;padding-left: 12%;} .RighInfo002816 ul:nth-child(2n) .li .inner{width: 110%;padding-right: 10%;padding-left: 10%;} } @media(max-width:1024px){ .RighInfo002816 ul .li{padding: 0!important;} .RighInfo002816 ul .inner{ padding: 20px;} } /*RighInfo002817 */ .RighInfo002817{padding-top: 6%;} .RighInfo002817 .img-block{display: block;width: 100%;border-radius: 20px;} .RighInfo002817 ul{margin-bottom: 6%;} .RighInfo002817 ul .inner{background: #fff;padding-top: 12%;padding-bottom: 13%;border-radius: 15px;} .RighInfo002817 ul h3{ font-size: 2.625em; color: #222;margin-top:0;} .RighInfo002817 ul h3:after{content:'';width:38px;height: 3px;background:#c9102e;display: block;margin-top:25px;} .RighInfo002817 ul .li p{ line-height: 28px; color: #222;} .RighInfo002817 ul .li .icon{padding-bottom: 18px;} @media(min-width:1025px){ .RighInfo002817 ul:nth-child(2n-1) .ol{float: left;} .RighInfo002817 ul:nth-child(2n-1) .li{float: right;} .RighInfo002817 ul:nth-child(2n) .ol{float: right;} .RighInfo002817 ul:nth-child(2n) .li{float: left;} .RighInfo002817 ul .ol, .RighInfo002817 ul .li{width: 50%;} .RighInfo002817 ul .li{position: relative;z-index: 10;padding-top: 4% !important;} .RighInfo002817 ul:nth-child(2n-1) .li .inner{ margin-left: -10%; padding-left: 15%;padding-right:15%; } .RighInfo002817 ul:nth-child(2n) .li .inner{width: 110%; padding-right: 15%;padding-left:15%;} } @media(max-width:1024px){ .RighInfo002817 ul .li{padding: 0!important;} .RighInfo002817 ul .inner{ padding: 20px;} } /*Floor002820 */ .Floor002820{padding: 3% 0;} .Floor002820 .auto{} @media(min-width:1025px){ .Floor002820 .number{width: 59.072%;} } @media(max-width:1024px){ .Floor002820 .ytable, .Floor002820 .ytable-cell{display: block;} } .Floor002820 .info-num li{text-align: center;border-right:1px solid #e5e5e5;} .Floor002820 .info-num li:last-child{border-right:0;} @media(min-width:641px){ .Floor002820 .info-num li{float: left;width: 33.3%;}} .Floor002820 .info-num li aside{display: inline-block;position: relative;} .Floor002820 .info-num li aside b{font-size: 50px;color: #222;display: block;} .Floor002820 .info-num li aside sub{position: absolute;left: 100%;word-break: keep-all;bottom: 15%;font-size: 30px;margin-left: 10px;color: #222;font-weight: bold;} .Floor002820 .info-num li p{font-size: 22px;color: #222;margin-bottom: 0;margin-top: 8px;} @media(min-width:1025px) and (max-width:1200px){ .Floor002820 .info-num li aside b{font-size: 60px;} } @media(min-width:641px) and (max-width:769px){ .Floor002820 .info-num li aside b{font-size: 60px;} } @media(max-width:640px){ .Floor002820 .info-num li{text-align: center;} .Floor002820 .info-num li:not(:last-child){margin-bottom: 20px;} } @media(max-width:480px){ .Floor002820 .info-num li aside b{font-size: 60px;} } /*Floor003083 */ .Floor003083{padding:0% 0;} .Floor003083 .auto{/*overflow: hidden;*/position: relative; z-index: 2;} .Floor003083 .gs-title{margin-bottom:15px;} .Floor003083 .slider .slick-dots{display: table; margin: 0% auto 0;} .Floor003083 .slider .slick-dots li{float: left; border: 2px solid #ccc;border-radius: 50%; width: 12px; height: 12px; margin: 0 10px;font-size:0;} .Floor003083 .slider .slick-dots li button{display: none;} .Floor003083 .slider .slick-dots li.slick-active{border-color: #c9102e;background: none;} .Floor003083 .slider{margin: 0 -35px 0 -35px; padding-right: 0px;} .Floor003083 .slick-slide{overflow: hidden;padding: 35px;} .Floor003083 .slick-slide > div{float: left;border-radius: 1em} .Floor003083 .slick-slide a{position: relative; z-index: 3; display: block;padding: 0 10%;} .Floor003083 .slick-slide .Ispic{height: 120px;background-size: contain;} .Floor003083 .slick-slide .url{position: relative;} .Floor003083 .slick-slide .url:before{position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; content: '';background: #fff;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); opacity: 0;border-radius: 1em; transition: 0.3s;} .Floor003083 .slick-slide .url:hover:before{opacity: 1;} .Floor003083 .slick-slide .url:hover{z-index: 4;} @media(min-width:1025px){ .Floor003083 .slick-slide > div{width: 15.4%;background-color:#fff;margin-right:1.5%;margin-bottom:1.5%;} .Floor003083 .slick-slide > div:nth-child(6n){margin-right:0;} .Floor003083 .slick-slide > div:nth-child(6n+1), .Floor003083 .slick-slide > div:nth-child(1){ } } @media(min-width:751px) and (max-width:1024px){ .Floor003083 .slick-slide > div{width: 25%;} .Floor003083 .slick-slide > div:nth-child(4n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(min-width:641px) and (max-width:750px){ .Floor003083 .slick-slide > div{width: 33.333%;} .Floor003083 .slick-slide > div:nth-child(3n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } } @media(max-width:640px){ .Floor003083{font-size: 3vw;} .Floor003083 .slick-slide > div{width: 50%;} .Floor003083 .slick-slide > div:nth-child(2n+1), .Floor003083 .slick-slide > div:nth-child(1){margin-left: 0; } .Floor003083 .slick-slide .Ispic{height: 28vw;} } .different{padding:5vw 0 0;} .different .text{margin-bottom:3%;} .different .text p{font-size:1.375em;color:#000;text-align: center;line-height: 1.65} .different table{width:74%;background:#fff;margin:0 auto;margin-top:0%;border-radius: 15px 0 15px 15px;overflow: hidden;box-shadow: 0 0 30px rgb(0 0 0 / 10%);} .different .table1{border-radius: 0;border:none;background:none;box-shadow: none;} .different table tr:nth-child(2n){background:#f5f5f5;} .different table th{padding: 20px 25px;font-size: 22px;color: #333;} .different .table1 th{width:40%;} .different table th:nth-child(2){background: #efefef;border-radius: 15px 0 0 0;width:30%;} .different table th:nth-child(3){background:#222;color:#fff;border-radius: 0 15px 0 0} .different table td{border-right: 1px solid #f1f1f1;padding: 24px 40px;font-size: 16px;color: #222;position: relative;} .different table td:nth-child(3){border-right:0;} .different table td.yes:after{content:'';width: 30px;height: 30px;border: 1px solid rgb(201 16 46);position: absolute;left:50%;top:50%;margin-left: -15px;border-radius: 50%;margin-top: -15px;} .different table td.yes:before{content:'';width: 8px;height: 14px;border: solid #c9102e;position: absolute;border-width: 0 2px 2px 0;transform: rotate(45deg);left: 49%;top: 36%;} .different table td.no:after{content:'';width: 26px;height: 2px;background: #b9b9b9;position: absolute;transform: rotate(45deg);left: 46%;top: 45%;} .different table td.no:before{content:'';width: 26px;height: 2px;background: #b9b9b9;position: absolute;transform: rotate(-45deg);left: 46%;top: 45%;} .different table td:nth-child(2), .different table td:nth-child(3){width:30%;} /*Floor002658 */ .Floor002658{ overflow:hidden; background:#f8f8f8;padding:5% 0;} .Floor002658 .title-intro{ text-align:center; padding:3% 0; color:#333; max-width:1150px; margin:0 auto;} .Floor002658 .title-intro h3{ margin:0; font-size:60px;} .Floor002658 .title-intro p{ font-size:20px; line-height:30px;} .Floor002658 .title-intro a{ color:#c09a75; text-decoration:underline;} @media(max-width:768px){ .Floor002658 .title-intro h3{ font-size:30px;} .Floor002658 .title-intro p{ font-size:16px; line-height:24px;} } @media(max-width:480px){ .Floor002658 .title-intro h3{ font-size:24px;} .Floor002658 .title-intro p{ font-size:14px; line-height:20px;} } /*slick Basic*/ .Floor002658 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent} .Floor002658 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;} .Floor002658 .slick-list:focus {outline: none} .Floor002658 .slick-list.dragging {cursor: pointer;cursor: hand;} .Floor002658 .slick-slider .slick-track, .Floor002658 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)} .Floor002658 .slick-track {position: relative; top: 0; left: 0; display: block;} .Floor002658 .slick-track:before, .Floor002658 .slick-track:after{display: table; content: '';} .Floor002658 .slick-track:after{ clear: both;} .Floor002658 .slick-loading .slick-track { visibility: hidden;} .Floor002658 .slick-slide{ display: none; float: left;min-height: 1px;} [dir = 'rtl'] .slick-slide {float: right;} .Floor002658 .slick-slide .slick-loading img { display: none;} .Floor002658 .slick-slide .dragging img { pointer-events: none;} .Floor002658 .slick-initialized .slick-slide { display: block;} .Floor002658 .slick-loading .slick-slide { visibility: hidden;} .Floor002658 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor002658 .slick-arrow .slick-hidden { display: none;} /*slick Basic End*/ .Floor002658 .slider > ul{margin-bottom: 42px;} .Floor002658 li.slick-slide{ position:relative;transform:scale(0.8); transition:0.5s 0.3s;border-radius: 25px;overflow: hidden;} .Floor002658 li.slick-slide:before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#000; opacity:0;transition:0.5s 0.3s; z-index: 10;} .Floor002658 li.slick-current{ transform:scale(1);} .Floor002658 li.slick-current::before{opacity: 0;z-index: 1;} .Floor002658 li.slick-slide .files, .Floor002658 li.slick-slide a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index: 4;} .Floor002658 li.slick-slide .files{ background:#000; display:none; z-index: 7;} .Floor002658 li.slick-slide aside{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:18px; color:#fff;} .Floor002658 li.slick-slide aside span{ display:block; border-radius:50%; width:85px; height:85px; border:3px solid #fff; background:rgba(255,255,255,0.16); position:relative; margin:0 auto 10px;} .Floor002658 li.slick-slide aside span::before{ position:absolute; content:''; border:12px solid transparent; border-left-color:#fff;left:50%; top:50%; margin-left:-6px; margin-top:-12px;} .Floor002658 li.slick-slide p{display: none; font-size:1.5em;color:#222;background:#fff;margin:0;text-align: center;padding:3% 0;} .Floor002658 li.slick-current p{display: block;} .Floor002658 .slick-dots{ text-align:center;position: absolute; left: 0; width: 100%; bottom:-55px;} .Floor002658 .slick-dots li{ display:inline-block; margin:0 5px;border:2px solid transparent; border-radius:50%; width:18px; height:18px; position:relative;} .Floor002658 .slick-dots li:before{ position:absolute; content:''; left:4px; top:4px; right:4px; bottom:4px; border-radius:50%; background:rgba(0,0,0,0.15);} .Floor002658 .slick-dots li.slick-active{ border-color:#012168;} .Floor002658 .slick-dots li.slick-active:before{ background:#012168;} .Floor002658 .slick-dots li button{display: none;} .Floor002658 .slick-arrow{ position:absolute; content:''; width:32px; height:32px;border: 0; border-top:2px solid #b2b2b2;border-right:2px solid #b2b2b2; transform:rotate(45deg); top:50%; margin-top:-16px; cursor:pointer; z-index:10;font-size: 0;background: none;} .Floor002658 .slick-prev{left:21%; margin-left:-32px;transform:rotate(-135deg);} .Floor002658 .slick-next{right:21%; margin-right:-32px;} .Floor002658 .slick-arrow:hover{ border-color:#c29c75;} @media(max-width:640px){ .Floor002658 li.slick-slide{ transform:scale(1);} .Floor002658 .slick-prev{left:3%; margin-left:0;} .Floor002658 .slick-next{right:3%; margin-right:0;} /*.Floor002658 li.slick-slide:before{ display:none;}*/ } @media(max-width:480px){ .Floor002658 li.slick-slide aside span{ width:50px; height:50px;} .Floor002658 .slick-arrow{width: 24px; height: 24px; margin-top: -12px;border-width: 3px;} } /*Bottom003000 */ .Bottom003000{background-color: #f3f3f3;padding: 3% 0 0 0;} .Bottom003000, .Bottom003000 a{color: #222; } .Bottom003000 a{transition: 0.3s;} .Bottom003000 a:hover{color: #012168;} .Bottom003000 .logo{ margin-bottom: 1em;} .Bottom003000 .b-left .con{} .Bottom003000 .b-left .con h2{font-size:1.625em;color:#0059b3;margin:0; margin-bottom: 0.325em;} .Bottom003000 .b-left .con p{font-size:1em; margin: 0; line-height: 1.75;} .Bottom003000 .b-left .contact{line-height: 2.285em;margin-top:13%;} .Bottom003000 .b-left .contact dd{padding-left:30px;} .Bottom003000 .b-left .contact .email{background: url(../images/Bottom002673-icon1_2.png) no-repeat left center;} .Bottom003000 .b-left .contact .hong{background: url(../images/Bottom002673-icon2_2.png) no-repeat left center;} .Bottom003000 .b-left .contact .phone{background: url(../images/Bottom002673-icon3_2.png) no-repeat left center;} .Bottom003000 .b-right .ask {display: block;line-height: 3.25em;width: 100%;max-width: 10em;text-align: center;color: #fff;background: #c9102e;text-transform: capitalize; border-radius: 50px; transition: 0.3s;} .Bottom003000 .b-right .ask:hover{ background-color: #012168;} .Bottom003000 .share{margin:0 0 25px 0;} .Bottom003000 .share li{float: left;position: relative;} .Bottom003000 .share li:not(:last-child){margin-right: 9px;} .Bottom003000 .share li figure{display: none;width: 130px; position: absolute; left: 0;bottom: 100%; margin-bottom: 10px;background: #fff; border-radius: 5px; padding: 5px;} .Bottom003000 .share li figure:after{position: absolute; content: ''; border: 5px solid transparent; border-top-color: #fff; left: 16px; top:100%;} .Bottom003000 .share li a{display: block;width: 40px; height: 40px; border-radius: 50%;background-color: rgba(60,60,60,0.3); background-position: center center;background-repeat: no-repeat;cursor: pointer; background-size: 20px auto;} .Bottom003000 .share li a:hover{background-color: #c9102e;} .Bottom003000 .share li.wx a{background-image: url("../images/Bottom003000_wx.png");} .Bottom003000 .share li.xhs a{background-image: url("../images/Bottom003000_xhs.png");background-size: 28px auto;} .Bottom003000 .share li.fb a{background-image: url("../images/Bottom003000_fb.png");} .Bottom003000 .share li.lin a{background-image: url("../images/Bottom003000_lin.png");} .Bottom003000 .b-right nav{border-bottom: 1px solid rgba(0,0,0,0.08); } .Bottom003000 .b-right nav a{color: #222;font-size: 18px;display: inline-block;} .Bottom003000 .b-right nav a:not(:last-child):after{display: inline-block; content: '·'; margin:0 25px;color:#bbb;} .Bottom003000 .b-right nav a:hover{color: #012168;} .Bottom003000 .b-bottom {border-top: 1px solid rgba(0, 0, 0, 0.05);padding: calc(24 / 16* 1em) 0;font-size: calc(16 / 16 * 1em); } .Bottom003000 .b-bottom aside a:not(:last-child):after{display: inline-block; content: ''; margin:0 12px; margin-top:-2px; width: 2px; height: 2px; vertical-align: middle;background: #bbb;} .Bottom003000 .copyright{} @media(min-width:1025px){ .Bottom003000 .b-left{width:35%;} .Bottom003000 .b-right{max-width: 280px;} .Bottom003000 .b-right nav{padding-bottom: 40px; margin-bottom: 135px;} .Bottom003000 .b-top {margin-bottom: calc(40 / 16* 1em);} } @media(max-width:1024px){ .Bottom003000{text-align: center;} .Bottom003000 .b-right{padding: 3vw 0;border-top: 1px solid rgba(84,84,84,0.2); margin-top: 3vw;} .Bottom003000 .b-right nav{display: none;} .Bottom003000 .share, .Bottom003000 .contact{display: table; margin: 0 auto;} .Bottom003000 .share{margin-top: 3vw;margin-bottom: 3vw;} .Bottom003000 .contact{text-align: left;} .Bottom003000 .b-right .ask{display: table; margin: 0 auto;} } .Homesch{ padding:5% 0;overflow:hidden;background:#f8f8f8;} .Homesch ul{ display: flex; flex-wrap: wrap;} .Homesch li{float: left; border-radius: 20px;;overflow: hidden;background:#fff;} .Homesch li .txt{padding: 1.875em;} .Homesch li .tit{ font-size: 1.375em;line-height: 1.6666;margin-bottom: 5px; } .Homesch li .tit2{color:#333;} .Homesch li p{font-size: 1em; line-height: 1.75; color: #333;margin:0.5em 0 1em;} .Homesch li dl dd{color:#333;padding-left:27px; line-height: 1.8} .Homesch li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .Homesch li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .Homesch li dl dd.addr{background:url(../images/PicList003142-icon3.png) no-repeat left top 2px;} .Homesch li dl dd.tel{background:url(../images/PicList003142-icon4.png) no-repeat left center;} .Homesch li dl dd.email{background:url(../images/PicList003142-icon5.png) no-repeat left center;} .Homesch li dl dd.web{background:url(../images/PicList003142-icon6.png) no-repeat left center;} .Homesch li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .Homesch li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .Homesch li .pic{overflow: hidden;position: relative;} .Homesch li .pic span{width:24px;height: 24px;display: block;position: absolute;right:5%;top:5%;background: url(../images/collection2.png) no-repeat center; cursor: pointer;z-index: 20} .Homesch li .pic:after{content:'';width:100%;height: 100%;background:rgba(0,0,0,0.1);position: absolute;top:0;left:0;} .Homesch li .Ispic{padding-bottom: 64%;transition: 0.3s;} .Homesch li a:hover .Ispic{transform: scale(1.1);} .Homesch li a:hover{color: #c9102e;} .Homesch .more{display: table; margin: 0 auto; margin-top: 3em; color: #fff;padding: 0 calc(60 / 16* 1em) 0 calc(25 / 16* 1em);line-height: calc(50 / 16 * 1em);border-radius: calc(50 / 16* 1em);background:#c9102e url(../images/Floor002631_more2.png) no-repeat right calc(25 / 16* 1em) center;transition: 0.3s;} .Homesch .more:hover{ background-color: #012168;} @media (min-width:1025px) { .Homesch li{width: 32%;} .Homesch li:not(:nth-child(3n)){margin-right: 2%;} .Homesch li:nth-child(3n+1){clear: left;} } @media (max-width:1024px) { .Homesch li{width: 48%; margin-bottom: 4%;} .Homesch li:not(:nth-child(2n)){margin-right: 4%;} .Homesch li:nth-child(2n+1){clear: left;} .Homesch li .txt{padding: 1.25em;} .Homesch .more{margin-top: 1.25em;} } @media (max-width:767px) { .Homesch li{width: 100%; margin-bottom: 4%;} .Homesch li:not(:nth-child(2n)){margin-right: 0%;} .Homesch li:nth-child(2n+1){clear: left;} } .search_list li{ margin-bottom: 2%;} .Homesch2{ padding:0 0 5%;overflow:hidden;} .Homesch2 ul{ display: flex; flex-wrap: wrap;} .Homesch2 li{float: left; border-radius: 20px;;overflow: hidden;background:#fff;} .Homesch2 li .txt{padding: 1.5em;} .Homesch2 li .tit{ font-size: 1.125em;line-height: 1.6666;margin-bottom: 5px; } .Homesch2 li .tit2{color:#666;margin-bottom:5px;} .Homesch2 li p{font-size: 1em; line-height: 1.75; color: #666;margin:0.5em 0 1em;} .Homesch2 li dl dd{color:#333;padding-left:27px; line-height: 1.8} .Homesch2 li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .Homesch2 li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .Homesch2 li dl dd.addr{background:url(../images/PicList003142-icon3.png) no-repeat left top 2px;} .Homesch2 li dl dd.tel{background:url(../images/PicList003142-icon4.png) no-repeat left center;} .Homesch2 li dl dd.email{background:url(../images/PicList003142-icon5.png) no-repeat left center;} .Homesch2 li dl dd.web{background:url(../images/PicList003142-icon6.png) no-repeat left center;} .Homesch2 li dl dd.xx{background:url(../images/PicList003142-icon1.png) no-repeat left center;} .Homesch2 li dl dd.time{background:url(../images/PicList003142-icon2.png) no-repeat left center;} .Homesch2 li .pic{overflow: hidden;position: relative;} .Homesch2 li .pic span{width:24px;height: 24px;display: block;position: absolute;right:5%;top:5%;background: url(../images/collection2.png) no-repeat center; cursor: pointer;z-index: 20} .Homesch2 li .pic:after{content:'';width:100%;height: 100%;background:rgba(0,0,0,0.1);position: absolute;top:0;left:0;} .Homesch2 li .Ispic{padding-bottom: 64%;transition: 0.3s;} .Homesch2 li a:hover .Ispic{transform: scale(1.1);} .Homesch2 li a:hover{color: #c9102e;} .Homesch2 .more{display: table; margin: 0 auto; margin-top: 3em; color: #fff;padding: 0 calc(60 / 16* 1em) 0 calc(25 / 16* 1em);line-height: calc(50 / 16 * 1em);border-radius: calc(50 / 16* 1em);background:#c9102e url(../images/Floor002631_more2.png) no-repeat right calc(25 / 16* 1em) center;transition: 0.3s;} .Homesch2 .more:hover{ background-color: #012168;} @media (min-width:1025px) { .Homesch2 li{width: 23.5%;} .Homesch2 li:not(:nth-child(4n)){margin-right: 2%;} .Homesch2 li:nth-child(4n+1){clear: left;} } @media (max-width:1024px) { .Homesch2 li{width: 48%; margin-bottom: 4%;} .Homesch2 li:not(:nth-child(2n)){margin-right: 4%;} .Homesch2 li:nth-child(2n+1){clear: left;} .Homesch2 li .txt{padding: 1em;} } @media (max-width:640px) { .Homesch2{ padding-top: 5%;} .Homesch2 li{width: 100%;} .Homesch2 li:not(:nth-child(2n)){margin-right: 0%;} .Homesch2 .more{margin-top: 1.25em;} } /*Floor002631 */ .Floor002631{ padding:5% 0 0;overflow:hidden;background:#f8f8f8;} .Floor002631 pre{ } .Floor002631 .slides > li {display: none; -webkit-backface-visibility: hidden; overflow:hidden;} .Floor002631 .slides > li img{ display:block; width:100%;} .Floor002631 .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .Floor002631 .slides {display: block;} * html .Floor002631 .slides {height: 1%;} .no-js .Floor002631 .slides > li:first-child {display: block;} .Floor002631 .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .Floor002631 .flex-viewport {max-height: 300px;} .Floor002631 .slides{zoom: 1; background:#fff; position:relative; z-index:5;border-radius: 25px;overflow: hidden} .Floor002631 .flex-direction-nav{ display:none;} .Floor002631 dd{ margin-bottom:4%;} .Floor002631 dd > *{position:relative; z-index:3;} @media(min-width:769px){ .Floor002631 dd > *{ float:left;width:50%;} .Floor002631 dd:nth-child(3) .txt{ width:41.48%;} .Floor002631 dd:nth-child(3) .pic{ width:58.52%;} } .Floor002631 dd .txt{ z-index:4;} .Floor002631 dd:nth-child(1) .pic{ margin-bottom:6%;} .Floor002631 dd:nth-child(2) .pic{ margin-bottom:8.5%;} .Floor002631 dd:nth-child(1) .flex-control-nav, .Floor002631 dd:nth-child(1) .pic .slides{ width:88%;} .Floor002631 dd .pic::after{ position:absolute; content:''; } .Floor002631 dd:nth-child(1) .pic::after{width:83.5%; height:33%; background:#f0f0f0; background-size:cover; right:0; bottom:-18%;border-radius: 15px;} .Floor002631 dd:nth-child(2) .pic::after{ background:rgba(0,0,0,0.03); width:33%; height:50%; right:-15%; bottom: -24%;border-radius: 15px;} .Floor002631 .flex-control-nav{ bottom:5%; position:absolute; left:0; width:100%; text-align:center; z-index:10;} .Floor002631 .flex-control-nav li{ display:inline-block; list-style:none; padding:0 5px;} .Floor002631 .flex-control-nav li a{ display:block; border:1px solid #c7c7c7; border-radius:50%; width:10px; height:10px; cursor:pointer; overflow:hidden; line-height:1000px;} .Floor002631 .flex-control-nav li a.flex-active{ border-color:#bba463;} .Floor002631 dd .txt .num{ position:relative; color:rgba(0,0,0,0.05);font-family: Roboto; font-size:160px;} .Floor002631 dd .txt .num span{ position:absolute; left:85%; bottom:18%; font-size:52px; color:#b8a05c;} .Floor002631 dd .txt h3{ font-size:2.625em; margin:0;} .Floor002631 dd .txt h4{font-size:1.5em;color:#222;font-weight: normal;margin:25px 0;} .Floor002631 dd .txt pre{ font-size:16px; color:#666; line-height:28px; max-height:55px; margin:2% 0 12% 0;padding-right:24%;} .Floor002631 dd .txt .more{ display:inline-block; background:url(../images/Floor002631_more.png) no-repeat right center; padding-right:20px;color:#c9102e;} .Floor002631 dd .txt h3 a:hover, .Floor002631 dd .txt .more:hover{color:#012168;} .Floor002631 dd .txt{ padding-left:0%;} .Floor002631 dd:nth-child(2) .txt{ padding-left:12%;} .Floor002631 dd .txt figure{ padding-left:13%;} .Floor002631 dd:nth-child(2) .txt .num span{ left:auto; right:88%; bottom:15%; white-space:nowrap; text-overflow:ellipsis;} .Floor002631 dd:nth-child(2) .txt pre{padding-right:0;} .Floor002631 dd:nth-child(3) .pic{ margin-top:3%;} .Floor002631 dd:nth-child(3) .flex-control-nav, .Floor002631 dd:nth-child(3) .pic .slides{ width:71.09%;} .Floor002631 dd:nth-child(3) .pic::after{ width:48.96%; height:83.87%; background:url(../images/Floor002631_bg_02.jpg) no-repeat center center; background-size:cover; right:0; top:-9%;border-radius: 15px;} .Floor002631 dd:nth-child(4){ max-width:1200px; margin:0 auto;} .Floor002631 dd:nth-child(4) .pic::after{ width:9%; height:70%; background:#dad0b4; right:100%; bottom:0;} .Floor002631 dd:nth-child(4) .txt{ padding-left:0;} .Floor002631 dd:nth-child(4) .txt::before{ display:block; content:''; padding-bottom:30%; background:#eff0f9;} .Floor002631 dd:nth-child(4) .txt .num{ padding-left:10%; margin-top:-6%;} .Floor002631 dd:nth-child(4) .txt .num span{ bottom:auto; top:0; left:auto; right:0;} .Floor002631 dd:nth-child(4) .txt figure{ margin-left:10%;} @media(max-width:1366px){ .Floor002631 dd .txt .num{ font-size:150px;} .Floor002631 dd .txt .num span{ font-size:35px;} .Floor002631 dd .txt h3{ font-size:32px;} } @media(max-width:1024px){ .Floor002631 dd:nth-child(2) .txt .num span{ right:0;} .Floor002631 dd .txt{ padding-left:0 !important; padding-right:3%;} .Floor002631 dd:nth-child(4) .txt{ padding-right:0;} .Floor002631 dd:nth-child(4) .txt figure, .Floor002631 dd:nth-child(4) .txt .num{ padding-left:0;} .Floor002631 dd:nth-child(4) .txt .num{margin-left:0;} .Floor002631 dd:nth-child(4) .txt figure{ padding-right:12%;} } @media(max-width:768px){ .Floor002631 dd .txt{ padding:0 0 3% 0 !important;} .Floor002631 dd .txt .num span{ left:auto; right:0;} } @media(max-width:480px){ .Floor002631 dd .txt .num{ font-size:80px;} .Floor002631 dd .txt .num span{ font-size:24px;} .Floor002631 dd .txt figure{ padding-left:5% !important;} .Floor002631 dd .txt pre{ margin-bottom:5%;} .Floor002631 dd .txt h3{ font-size:24px;} .Floor002631 dd:nth-child(4) .txt .num{ margin-top:0;} .Floor002631 dd:nth-child(4) .txt .num span{ bottom:18%; top:auto;} } /*Floor003099 */ .Floor003099{background:#f8f8f8;padding:5% 0;} .Floor003099 .auto{ overflow: hidden;} .Floor003099 .slider .slick-list li a{display: block; margin: 0 1vw;border-radius: 25px;overflow: hidden;} .Floor003099 .pic{overflow: hidden;position: relative;margin-right: 0px;} .Floor003099 .pic .Ispic{padding-bottom: 70%; transition: 0.5s;} .Floor003099 li a:hover .Ispic{transform: scale(1.2);} .Floor003099 .slider li .txt{background:#fff; padding:35px; } .Floor003099 .slider .slick-dots{display: table; margin: 2% auto 0;} .Floor003099 .slider .slick-dots li{float: left; border: 2px solid #ccc;border-radius: 50%; width: 12px; height: 12px; margin: 0 10px;} .Floor003099 .slider .slick-dots li button{display: none;} .Floor003099 .slider .slick-dots li.slick-active{border-color: #c9102e;background: none;} .Floor003099 .txt time{font-size: 12px;color: #666;} .Floor003099 .txt .tit{font-size: 1.5em;color: #222; line-height: 1.3em; margin-top: 0px;} .Floor003099 .txt p{line-height: 1.714; width:100%;color: #666;margin-bottom:0;} @media(min-width:1025px){ .Floor003099 .slider .slick-list li{padding-bottom: 2.24vw;} .Floor003099 .slider .slick-list li:nth-child(2n){padding-top: 2.24vw;padding-bottom: 0;} } @media(min-width:641px){ .Floor003099 .slider{ margin: 0 -1vw;} } @media(max-width:640px){ .Floor003099 .txt .tit{font-size: 5vw;} } /*Floor002628 */ .Floor002628{padding-top:4%; padding-bottom:5%;} .Floor002628 .auto{} .Floor002628 .edit{ } .Floor002628 .txt{ float:left; width:54.25%;padding-left:7%; } .Floor002628 .txt p{ color:#222; line-height:30px; font-size:1.375em; max-height:90px;} .Floor002628 .pic{ float:right; width:38.65%;border-radius: 20px;overflow: hidden} .Floor002628 .pic img{ display:block; width:100%;} .Floor002628 .img{ margin-top:-35%; float:left; width:70%;border-radius: 15px;overflow: hidden} .Floor002628 .more a{ display:block; text-align:center; max-width:208px; width:40%; padding:4% 0; background:#17b2aa; font-size:18px;color:#fff; margin-top:-10.5%; position:relative; z-index:10;} .Floor002628 .more a::before{ transition:0.3s; display:block; content:''; width:54px; height:54px; margin:0 auto 15px; border:1px solid #fff; border-radius:50%; background:url(../images/Floor002628_more.png) no-repeat center center;} .Floor002628 .more a:hover::before{ background-color:#1d2087; border-color:#1d2087;} @media(max-width:1024px){ .Floor002628 .txt p{line-height:20px; font-size:14px; max-height:60px;} } @media(max-width:768px){ .Floor002628 .pic{ display:none;} .Floor002628 .img, .Floor002628 .txt{ float:none; width:auto;} .Floor002628 .img{ margin-top:0;} } @media(max-width:480px){ .Floor002628 .more a::before{ width:40px; height:40px;} .Floor002628 .more a{font-size:15px;} } .maincon{padding:4% 0;} .w22, .w75{ padding-bottom: 0;} .MenuLeft .con {background: #fff; border-radius: 20px; padding: calc(30 / 16 * 1em) } .MenuLeft .con .tit { font-size: calc(24 / 16 * 1em); font-weight: bold; color: #012168; padding-right: calc(24 / 16 * 1em); background: url(../images/icon-sx.svg)no-repeat bottom right; background-size: 28px auto; display: inline-block; margin-bottom: calc(20 / 16 * 1em) } .MenuLeft .con .item { border-bottom: 1px solid #eee; padding-bottom: calc(20 / 16 * 1em); margin-bottom: calc(20 / 16 * 1em) } .MenuLeft .con .item .tit2 { display: block; font-size: calc(20 / 16 * 1em); color: #333; position: relative; cursor: pointer;} .MenuLeft .con .item .tit2:after{position:absolute; content:''; width:10px; height:10px;right:0px; top:50%; margin-top:-2px;border: 2px solid #ccc;border-left: 0;border-bottom: 0;transform: rotate(-45deg);transition: 0.3s all} .MenuLeft .con .item:hover .tit2:after, .MenuLeft .con .item .tit2.on:after{transform: rotate(135deg); border-color: #c9102e;} .MenuLeft .con .item:hover .tit2, .MenuLeft .con .item .tit2.on{color: #c9102e;} @media(min-width:1025px) { } @media(max-width:1024px) { .MenuLeft{ margin-bottom: 2em;} .MenuLeft .con { padding: calc(25 / 16 * 1em); } } .nbanner{ position: relative;} .Gallery{position: absolute;top: 0em; right: 0;width: 100%;} .Gallery .small{ width: 30%;float: right; margin-top: 2em;position: relative;} .Gallery .small .gallery_icon{ transition: 0.5s; } .Gallery .small .gallery_icon:hover{ transform: scale(1.1);} .Gallery .small .carousel{position :relative ;height :auto;} .Gallery .small .carousel .slides{ position:relative; margin:0 auto;} .Gallery .small .carousel .slides .slideItem {position:absolute;cursor :pointer;overflow:hidden; } .Gallery .small .carousel .slides .slideItem a{position: relative; z-index: 10;display: block;background: #000;border:2px solid #fff;} .Gallery .small .carousel .slides .slideItem img{opacity:0.5;filter:alpha(opacity=50); width: 100% !important; height:100% !important; box-shadow: 0 0.5em 2.5em rgba(0, 0, 0, 0.5);} .Gallery .small .carousel .slides .slideItem#side0 img{ opacity:1;filter:alpha(opacity=100);} .Gallery .small .carousel .prevButton, .Gallery .small .carousel .nextButton{display: none;} .Gallery .small .view{position: absolute;left: 0;width: 100%;bottom: 40%;z-index: 5; cursor: pointer;} .Gallery .small .view span{display: flex;align-items: center;justify-content: center;text-align: center;margin: 0 auto;font-size: 1em;width: 8em;height:2.5em; line-height: 2.5em; background: #fff; color: #222; border-radius: 5px;} .Gallery .small .view span::before { display: inline-block; content: '';background: url(../images/icon_img.svg) no-repeat center;width: 1.5em;height: 1.5em;background-size:24px auto; margin-right: 8px;} .Gallery .PopUp {position: absolute;z-index: 200;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.7);display: none;} .Gallery .PopUp .big{background-color: rgba(0,0,0,0.6);padding: 4%;} .Gallery .PopUp .main{ width: 95%; max-width: 1400px;margin: 0 auto; position: relative; } .Gallery .PopUp .close{position: absolute; right: 25px;top: 25px;width: 25px;height: 25px;z-index: 200;cursor:pointer;} .Gallery .PopUp .close:before, .Gallery .PopUp .close:after{position: absolute;content: ''; width: 100%;height: 3px;background-color: #fff; top: 50%;margin-top: -1px;transform: rotate(-45deg);} .Gallery .PopUp .close:after{transform: rotate(45deg);} .Gallery .big .swiper-container {width: 100%; height: 100%; overflow: hidden;padding:4% 0;} .Gallery .big .swiper-slide {position: relative;transform: scale(0.5);transition: 0.3s;} .Gallery .big .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;} .Gallery .big .swiper-slide {overflow:hidden; } .Gallery .big .swiper-slide-active{transform: scale(1.2);} .Gallery .big .swiper-slide img{ border-radius: 20px;} .Gallery .big .swiper-pages {position: absolute;left: 0;width: 100%;top: 0;z-index: 5;} .Gallery .big .swiper-pages .num {display: inline-block;font-size: 1em;padding: 10px 15px; background: #fff; color: #222; border-radius: 5px;} .Gallery .big .swiper-pages .num .total{ font-size: 1.125em;color:#c9102e; font-weight: bold;} .Gallery .big .swiper-button-next, .Gallery .big .swiper-button-prev{ position:absolute; top:50%; margin-top:-1.5625em;width:3.125em; height:3.125em; background:rgba(255,255,255,0.6); border-radius:50%; overflow:hidden; line-height:1000px; z-index:10;} .Gallery .big .swiper-button-prev:hover, .Gallery .big .swiper-button-next:hover{ background:#c9102e;} .Gallery .big .swiper-button-prev::before, .Gallery .big .swiper-button-next::before{ position:absolute; content:''; width:14px; height:14px; border-right:2px solid #fff; border-top:2px solid #fff; left:50%; top:50%; margin:-7px 0 0 -8px; transform:rotate(45deg);} .Gallery .big .swiper-button-prev:hover::before, .Gallery .big .swiper-button-next:hover::before{ border-color:#fff;} .Gallery .big .swiper-button-prev::before{transform:rotate(-135deg); margin-left:-3px;} .Gallery .big .swiper-button-prev{ left:0%;} .Gallery .big .swiper-button-next{ right:0%;} .Gallery .big .swiper-button-prev:after, .Gallery .big .swiper-button-next:after{display: none;} @media(max-width:1024px){ .Gallery .small{ width: 48%;margin-top:1em;} .Gallery .small .carousel .slides{left:50%; transform:translateX(-50%); margin:0;} } @media(max-width:768px){ .Gallery {height: 12em;position: relative;margin-bottom: 20px;} .Gallery .small{width: 100%;float: none} } /*Floor002978*/ .Floor002978{overflow: hidden; padding-bottom: 8%; margin: 0 8% } .Floor002978 .box{width: 80%; max-width: 750px;position: relative; z-index: 1; margin: 0 auto;} .Floor002978 .slick-list{overflow: inherit;} .Floor002978 .slick-arrow{ z-index: 20; position: absolute; top: 50%; width: 26px; height: 26px; border: 2px solid #fff; border-right: 0; border-bottom: 0; margin-top: -8px;} .Floor002978 .slick-prev{left: 38px; transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);} .Floor002978 .slick-next{right: 38px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);} .Floor002978 li a{display: block; margin: 0 14px;position: relative;} .Floor002978 li .pic{overflow: hidden;border-radius: 20px;} .Floor002978 li .Ispic{padding-bottom: 64%;transition: 0.3s;} .Floor002978 li.slick-center a:hover .Ispic{ transform: scale(1.2);} .Floor002978 li .txt{bottom:0; left: 0; width: 100%; text-align: center; color: #fff; z-index: 10;position:absolute;background-image: linear-gradient(transparent,rgba(0,0,0,0.7));border-radius: 0 0 20px 20px; } .Floor002978 li aside{word-break: break-word; line-height: 1.8;} .Floor002978 li .t-1{font-size: 1.5em;margin-bottom: 1em; } .Floor002978 li .t-2{font-size: 1em; margin-bottom: 1.6em; } .Floor002978 li .tip{margin-top: 0;margin-bottom: 2em;} .Floor002978 li .tip span{background: #c9102e;color: #fff;border-radius: 50px;display: inline-block;margin: 0 0.3em 0.2em;padding: 10px 1.5em;text-align: center;} .Floor002978 .more{display: table; margin: 0 auto; margin-top: 3em; color: #fff;padding: 0 calc(60 / 16* 1em) 0 calc(25 / 16* 1em);line-height: calc(50 / 16 * 1em);border-radius: calc(50 / 16* 1em);background:#c9102e url(../images/Floor002631_more2.png) no-repeat right calc(25 / 16* 1em) center;transition: 0.3s;} .Floor002978 .more:hover{ background-color: #012168;} @media(min-width:769px) and (max-width:1280px){ .Floor002978 li .t-1{font-size: 2vw;} .Floor002978 li .t-2{font-size: 2.2vw;} } @media(max-width:640px){ .Floor002978{ padding-top: 5%;} .Floor002978 li a{margin: 0 5px;} .Floor002978 li .t-1{font-size: 1.25em;} .Floor002978 li .t-2{font-size: 1.125em; margin-bottom: 0.5em;} .Floor002978 li .tip{display: none;} .Floor002978 .slick-arrow{width: 15px; height: 15px;} .Floor002978 .slick-prev{left: 4vw;} .Floor002978 .slick-next{right: 4vw;} .Floor002978 .more{margin-top: 1.25em;} } /*Form002219*/ .Form002219{padding:5% 0;} .Form002219 form{background:#fff;padding: 5% 12%;border-radius: 20px;} .Form002219 form h2{text-align: center;margin:0;font-size:2.5em;color:#000;margin-bottom:3%;} .Form002219 form h2:after{content:'';width:40px;height: 3px;background:#c9102e;display: block;margin:0 auto;margin-top:15px;} .Form002219 dl{width:100%;float:left;padding-left: 100px;min-height:40px;position:relative;margin-bottom:18px;} .Form002219 dl.odd{ margin-left:4%;} .Form002219 dl.center{text-align: center;padding-left:0;} .Form002219 dt{color:#333;font-size:1em;position:absolute;left:0;width: 82px;text-align:right;line-height: 3.125em;} .Form002219 dt span{position: absolute;color: #c9102e;} .Form002219 .text{border: 1px solid #333;border-radius: 3px;width:100%;padding:0 14px;font-size: 1em;line-height: 3.125em;height: 3.125em;color:#333;} .Form002219 dl.dl{ width:100%; float:none; max-width:none;} .Form002219 textarea{border:1px solid #333; border-radius:3px;overflow:hidden; resize:none; width:100%; height:130px; padding:10px 14px; color:#333;} .Form002219 .btn{display:inline-block;line-height: 3.125em;min-width: 10em;background-color:#f3f3f3;color:#728391;font-size: 1.125em;border:none;border-radius: 50px;cursor:pointer;} .Form002219 .submitbtn{color:#fff;background-color: #c9102e;} .Form002219 .submitbtn:hover{background-color: #012168;} @media(max-width:1024px){ .Form002219 form{ padding: 1.125em;} .Form002219 form h2{font-size:1.5em;} .Form002219 dl{ float:none; width:100%; padding-left:0 !important;} .Form002219 textarea{ } .Form002219 dt{position: relative;text-align: left;width: 100%;} } /*Form002219 End*/ .Singlepage{padding:5% 0;font-size:1em;line-height:2; color: #333333;} .Singlepage li{ margin-bottom: 1%;} .slid_top {position: fixed;height: 3.125em;width: 3.125em; border-radius: 50px; right: 1%;bottom: 10%;z-index: 500;background: url(../images/top.svg) no-repeat center center #c9102e;background-size: 1.25em auto;display: none;} .Prompt{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;z-index: 99999;overflow: auto; display:none;} .Prompt .ytable {height: 100%;} .Prompt .main{background:#fff;position:absolute;top:0;left:50%;transform:translate(-50%,0%);padding:3em 2.5em;max-width:400px;border-radius:20px;width:90%;position: relative;} .Prompt .main .colse { position: absolute; width: 20px; height: 20px; right: 15px; top: 15px; background: url(../images/icon-close.svg) no-repeat; background-size: 1em auto; z-index: 10; cursor: pointer; } .Prompt .formBox .item{margin-bottom: 20px;position: relative;} .Prompt .formBox .tit{position: absolute;left: 1.25em;top: 0;font-size: 1em;line-height: 3.75;color: #999;} .Prompt .formBox .input{width: 100%;border: 1px solid #edeef2;background-color: #fff;height: 3.75em;padding: 0 1.25em;border-radius: 50px;font-size: 1em;} .Prompt .formBox .input:hover{border: 1px solid #f04848;} .Prompt .formBox .yzbtn{position: absolute;right: 1.5em;top: 50%;color: #c9102e;transform: translateY(-50%);} .Prompt .formBox .yzbtn:hover{color: #c9102e;} .Prompt .regBtn{width: 100%;color: #fff;background-color: #c9102e;border-radius: 50px;height:3.125em;font-size: 1em; border: none;cursor: pointer; } .Prompt .regBtn:hover{background-color: #c9102e;} .xsxm{padding: 5% 0} .xsxm .con{background: #fff;padding: 5% 12%;border-radius: 20px;} .xsxm .con .inner{line-height: 2;color: #222;font-weight: 500;font-size: 1.125em;letter-spacing: 1px;}