@charset "utf-8";body{font-size: 14px;font-family: 'Noto Sans KR', sans-serif;color: #000;background: #fff;-webkit-tap-highlight-color: transparent}input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],textarea{font-family: "Microsoft Yahei";font-size: 14px;-webkit-appearance: none;border-radius: 0}h1,h2,h3,h4,h5,h6{font-weight: normal}ul,li,ol,dl,dt{list-style: none}img{border: 0;vertical-align: top;max-width: 100% !important}a{text-decoration: none;color: #000;cursor: pointer;transition: all 0.4s}a:hover{text-decoration: none;color: #3264f7}*{margin: 0;padding: 0;border: 0;font-size: 100%;outline: none;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}.clearfix:after{clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0}.clearfix{zoom: 1}.fl{float: left}.fr{float: right}.w{width: 1490px;margin: 0 auto}.align-vertical{display: table-cell;vertical-align: middle}.hide{display: none}textarea{resize: none;-webkit-appearance: listbox;-moz-appearance: listbox}input[type=button],input[type=number]{-webkit-appearance: none;outline: none}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important;margin: 0}input[type=number],input[type=date],input[type=datetime],input[type=datetime-local],input[type=submit],input[type=button],button{-moz-appearance: textfield;-webkit-appearance: none !important;margin: 0}input::-webkit-input-placeholder{color: #666}textarea::-webkit-input-placeholder{color: #666}input::-webkit-input-speech-button{display: none}.ysHead{background-image: url(../images/ysHead-bg.jpg);background-position: center;background-size: cover;width: 100%;padding: 20px 0}.ysHead .w{position: relative}.ysHead .return-home{background: #3264f7;line-height: 39px;padding: 0 20px;color: #fff;position: absolute;right: 0;bottom: 10px;border-radius: 20px}.ysHead-tools{text-align: right;padding-bottom: 10px}.ysHead-search{background: #fff;width: 215px;position: relative;margin-top: 10px;float: right;border-radius: 20px;border: 1px #a9a9a9 solid}.ysHead-search .inpt{background: none;height: 35px;line-height: 35px;padding-left: 11px;color: #a3a3a3}.ysHead-search .btn{background: url(../images/srhBtn.png) no-repeat center;width: 35px;height: 35px;position: absolute;right: 10px;top: 0;cursor: pointer}.ysHead-tel{text-align: right;font-size: 18px;color: #0c509b}.ysHead-tel .xt{padding-right: 40px;margin-top: 30px;color: #0c509b;display: inline-block}.ysNav{background: #3264f7;width: 100%;position: relative;z-index: 99;box-shadow: 4px 0 9px rgba(67, 67, 67, .66)}.ysNav li{width: 10%;float: left;text-align: center;position: relative}.ysNav li a.far{font-size: 18px;color: #fff;display: block;line-height: 54px}.ysNav li.active a.far,.ysNav li:hover a.far{background: #e3793d}.ysNav li .subNav{background: #3264f7;width: 100%;position: absolute;left: 0;top: 100%;padding: 5px 0;display: none}.ysNav li .subNav a{display: block;color: #fff;padding: 6px 0;font-size: 15px}.ysNav li .subNav a:hover{background: #e3793d}.ysNav li:first-child:nth-last-child(8),.ysNav li:first-child:nth-last-child(8)~li{width: 12.5%}.ysNav li:first-child:nth-last-child(9),.ysNav li:first-child:nth-last-child(9)~li{width: 11.1%}.ysBanner{overflow: hidden;position: relative}.ysBanner li img{width: 100%;display: block}.ysBanner .swiper-pagination{font-size: 0;bottom: 18px !important}.ysBanner .swiper-pagination-bullet{background: #fff;width: 25px;height: 4px;margin: 0 6px !important;transition: all 0.4s;opacity: 1;border-radius: 0}.ysBanner .swiper-pagination-bullet-active{background: #e9590d}.ysTrack{margin-top: 60px}.ysTrack-title{text-align: center;font-size: 28px;line-height: 1;color: #3264f7}.ysTrack-list{padding-top: 10px;position: relative}.ysTrack-list li{float: left;width: 12.52%;background: #F3F8FE;padding: 15px 0;margin-right: 1.6%;text-align: center;border: 1px solid #E7EBFF;margin-top: 15px}.ysTrack-list li .icon{width: 80px;display: inline-block;vertical-align: top;display: none}.ysTrack-list li .icon .img-hide{display: none}.ysTrack-list li .name{font-size: 18px;color: #333}.ysTrack-list li:hover .icon .img-show{display: none}.ysTrack-list li:hover .icon .img-hide{display: inline-block}.ysTrack-list li:hover .name{color: #3264f7}.ysTrack-list .swiper-button-next,.ysTrack-list .swiper-button-prev{width: 20px;height: 38px;margin-top: -19px}.ysTrack-list .swiper-button-next{right: 50px;transform: rotate(180deg)}.ysTrack-list .swiper-button-prev{left: 50px}.ysNews{padding: 40px 0 20px 0;position: relative}.ysNews .ysTrack-title .cn{background: #f5fcff}.ysNews-list{margin-top: 32px;margin-left: -35px;position: relative}.ysNews-list li{width: calc(25% - 35px);float: left;margin-left: 35px;display: inline-block}.ysNews-list li .pic{height: 274px;overflow: hidden}.ysNews-list li .pic span{background-position: top center;background-size: cover;width: 100%;height: 100%;display: inline-block;transition: all 0.4s}.ysNews-list li .word{margin-top: 10px}.ysNews-list li .word .t{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ysNews-list li .word .c{line-height: 25px;color: #959aa8;height: 50px;margin-top: 10px;overflow: hidden}.ysNews-list li .word .d{line-height: 24px;margin-top: 12px;padding-left: 33px;font-size: 12px;display: inline-block;color: #b5b4b4}.ysNews-list li:hover .pic span{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05)}.ysNews-more{width: 97px;height: 44px;position: absolute;left: 50%;bottom: -34px;transform: translateX(-50%)}.ysNotice-floor{background-position: center;background-size: cover;padding: 35px 0 22px 0}.ysNotice{width: calc(50% - 27px)}.ysNotice-title{line-height: 35px}.ysNotice-title .cn{font-size: 28px;color: #3264f7;line-height: 34px}.ysNotice-title .cn img{margin-right: 10px}.ysNotice-title .mo{width: 18px;height: 23px;margin-top: 6px}.ysNotice-tab a{margin-right: 20px}.ysNotice-swith ul{display: none}.ysNotice-swith ul:first-child{display: block}.ysNotice-list{background: #f6f6f6;margin-top: 22px;padding: 20px 10px}.ysNotice-list li{overflow: hidden;margin-top: 25px}.ysNotice-list li:first-child{margin-top: 0}.ysNotice-list li .date{background: #cbcbcb;width: 66px;text-align: center;line-height: 33px;transition: all 0.4s;border: 2px #cbcbcb solid}.ysNotice-list li .date .d{font-size: 18px;font-weight: bold;color: #fff}.ysNotice-list li .date .y{background: #fff;font-size: 18px;color: #cbcbcb}.ysNotice-list li .word{width: calc(100% - 66px);padding-left: 25px}.ysNotice-list li .word .t{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1}.ysNotice-list li .word .c{line-height: 22px;color: #959aa8;margin-top: 9px;max-height: 44px;overflow: hidden}.ysNotice-list li .word .c .views{color: #3f3f3f}.ysNotice-list li:hover .date{background: #3264f7;border-color: #3264f7}.ysNotice-list li:hover .date .y{color: #3264f7}.ysMedia{width: calc(50% - 27px)}.ysMedia-list{padding-top: 3px}.ysMedia-list li{overflow: hidden;margin-top: 19px}.ysMedia-list li .thumb{width: 162px;height: 90px;overflow: hidden}.ysMedia-list li .thumb span{background-position: top center;background-size: cover;width: 100%;height: 100%;display: inline-block;transition: all 0.4s}.ysMedia-list li .word{width: calc(100% - 162px);padding: 5px 0 0 30px}.ysMedia-list li .word .t{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ysMedia-list li .word .c{line-height: 22px;color: #959aa8;margin-top: 9px;max-height: 44px;overflow: hidden}.ysMedia-list li:hover .thumb span{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05)}.ysProject-figure{padding-bottom: 30px}.ysTeach-floor{background: #f5fcff;padding: 30px 0 35px 0}.ysTeach-list{margin-top: 12px;border-top: 1px #e7e7e7 solid}.ysTeach-list li{overflow: hidden;margin-top: 18px}.ysTeach-list li .t{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ysTeach-list li .t label{min-width: 38px;display: inline-block;vertical-align: top;font-weight: bold}.ysTeach-list li .c{line-height: 28px;max-height: 56px;overflow: hidden;color: #959aa8;margin-top: 8px}.ysProject{background-position: center;background-size: cover;padding: 30px 0 35px 0}.ysProject-title{position: relative;text-align: center}.ysProject-title:before{content: '';background: #93aefc;width: calc(50% - 130px);height: 1px;position: absolute;left: 0;top: 50%}.ysProject-title:after{content: '';background: #93aefc;width: calc(50% - 130px);height: 1px;position: absolute;right: 0;top: 50%}.ysProject-list{margin-top: 25px;padding: 0 40px;position: relative}.ysProject-list-sider{overflow: hidden}.ysProject-list .swiper-button-next,.ysProject-list .swiper-button-prev{width: 20px;height: 38px;margin-top: -19px}.ysProject-list .swiper-button-next{right: 0;transform: rotate(180deg)}.ysProject-list .swiper-button-prev{left: 0}.ysFooter{background-image: url(../images/ysFooter-bg.jpg);background-position: center;background-size: cover;padding: 20px 0 15px 0}.ysFooter-top .f-menu{padding-top: 37px}.ysFooter-top .f-menu a{font-size: 16px;color: #fff;margin-left: 35px;float: left}.ysFooter-email{text-align: right;padding-bottom: 20px;border-bottom: 1px rgba(255, 255, 255, .5) solid}.ysFooter-email a{font-size: 16px;color: #fff;padding-left: 30px;display: inline-block;vertical-align: top;line-height: 1}.ysFooter-email a:first-child{background: url(../images/email.png) no-repeat left center;padding-left: 40px}.ysFooter-btm{margin-top: 25px;position: relative}.ysFooter-btm .mark{position: absolute;left: 50%;top: 0;transform: translateX(-50%)}.ysFooter-btm .copy{font-size: 16px;line-height: 36px;color: #fff}.ysFooter-btm .code li{width: 104px;margin-left: 35px;float: left;text-align: center;font-size: 16px;color: #dadada}.ysFooter-btm .code li img{margin-bottom: 18px}.ysFooter-copy{background: #3264f7;font-size: 16px;color: #fff;text-align: center;padding: 15px 0}.pbanner img{width: 100%}.pmain{padding: 35px 0 48px 0}.pleft-sider{width: 25%}.pleft-sider li{margin-bottom: 2px}.pleft-sider li>a{background: #ebeced;display: block;line-height: 66px;font-size: 26px;color: #555;padding-left: 20px;position: relative}.pleft-sider li>a:before{content: '';height: 15px;width: 15px;display: block;border: 2px solid #666;border-right-width: 0;border-top-width: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);position: absolute;top: 21px;right: 30px}.pleft-sider li .submenu{display: none}.pleft-sider li .submenu a{display: block;padding: 15px 0;line-height: 32px;font-size: 22px;color: #666;padding-left: 75px;position: relative;border-bottom: 2px #ebebeb solid}.pleft-sider li .submenu a:before{content: '';height: 0;width: 0;display: block;border: 6px transparent solid;border-right-width: 0;border-left-color: #666;position: absolute;top: 25px;left: 24px}.pleft-sider li .submenu a:last-child{border-bottom: 0}.pleft-sider li .submenu a.active,.pleft-sider li .submenu a:hover{color: #3264f7}.pleft-sider li .submenu a.active:before,.pleft-sider li .submenu a:hover:before{border-right-width: 0;border-left-color: #3264f7}.pleft-sider li.on>a{background: #3264f7;color: #fff}.pleft-sider li.on>a:before{border: 2px solid #fff;border-right-width: 0;border-top-width: 0;transform: rotate(135deg);-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);top: auto;bottom: 21px}.pleft-sider li.on .submenu{display: block}.pright{width: 75%;padding-left: 30px}.pright-top{line-height: 64px;font-size: 18px;color: #666;border-bottom: 2px #3264f7 solid}.pright-top .cn{font-size: 24px;color: #333}.pnews-graphic li{overflow: hidden;margin-top: 24px}.pnews-graphic li .thumb{width: 346px;height: 206px;overflow: hidden}.pnews-graphic li .thumb span{background-position: center;background-size: cover;width: 100%;height: 100%;display: inline-block;transition: all 0.4s}.pnews-graphic li .word{width: calc(100% - 346px);padding: 15px 28px 23px 28px;border: 1px #f0f0f0 solid}.pnews-graphic li .word .t{font-size: 18px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pnews-graphic li .word .c{font-size: 16px;line-height: 28px;max-height: 56px;overflow: hidden;color: #666;margin-top: 10px}.pnews-graphic li .word .d{line-height: 20px;padding-left: 22px;margin-top: 12px;display: inline-block;color: #999}.pnews-graphic li .word .v{width: 70px;height: 22px;margin-top: 20px;border: 1px #666 solid}.pnews-graphic li:hover .thumb span{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05)}.pnews-graphic li:hover .word .v{border: 1px #3264f7 solid}.pnews-list li{overflow: hidden;padding: 30px 0;transition: all 0.4s;border-bottom: 2px #f0f0f0 solid}.pnews-list li .date{width: 105px;text-align: center;color: #6a6a6a;font-size: 18px;padding-top: 4px}.pnews-list li .date .d{font-size: 28px;line-height: 1;padding-bottom: 16px;position: relative;margin-bottom: 12px}.pnews-list li .date .d:before{content: '';background: #ddd;width: 44px;height: 2px;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%)}.pnews-list li .word{width: calc(100% - 105px);padding-left: 15px}.pnews-list li .word .t{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pnews-list li .word .c{font-size: 16px;color: #6a6a6a;margin-top: 10px}.pnews-list li .word .f{padding-left: 25px;color: #6a6a6a;margin-top: 12px;display: block}.pnews-detaTop{padding: 35px 0 15px 0;border-bottom: 1px solid #d6d6d6}.pnews-detaTop .t{text-align: center;font-size: 22px;line-height: 34px;font-weight: bold;padding-bottom: 25px}.pnews-detaTop .c{text-align: right}.pnews-detaTop .c span{font-size: 18px;margin-left: 16px;color: #666}.pnews-detaInfo{font-size: 18px;line-height: 34px;text-align: justify;padding: 30px 0}.pnews-detaInfo p{font-size: 18px !important;line-height: 34px !important;font-family: "Microsoft Yahei" !important}.pnews-detaInfo span{font-size: 18px !important;line-height: 34px !important;font-family: "Microsoft Yahei" !important}.pnews-detaInfo a{font-size: 18px !important;line-height: 34px !important;font-family: "Microsoft Yahei" !important}.pnews-detaPage{font-size: 16px;line-height: 35px;padding-top: 20px;border-top: 1px solid #ddd}.ppage{padding-top: 65px;font-size: 0;text-align: right}.ppage a{line-height: 48px;margin-left: 17px;vertical-align: top;padding: 0 21px;display: inline-block;font-size: 18px;color: #6a6a6a;border: 1px #dfdfdf solid}.ppage .nowpage{background: #3264f7;line-height: 48px;margin-left: 17px;vertical-align: top;padding: 0 21px;display: inline-block;font-size: 18px;color: #fff;border: 1px #3264f7 solid}.ppage a:hover{background: #3264f7;color: #fff;border-color: #3264f7}.pabout-info{font-size: 18px;line-height: 32px;margin-top: 35px;text-align: justify}.pabout-info p{font-size: 18px !important;line-height: 32px !important;font-family: "Microsoft Yahei" !important}.pabout-info span{font-size: 18px !important;line-height: 32px !important;font-family: "Microsoft Yahei" !important}.pabout-organ{padding-top: 35px;overflow: hidden}.pabout-organ a{display: block;margin-top: 6px;font-size: 18px;padding-left: 35px;position: relative;line-height: 61px;border: 2px #e5e5e5 solid;width: 30%;float: left;margin-left: 30px}.pabout-organ a:before{content: '';height: 0;width: 0;display: block;border: 6px transparent solid;border-right-width: 0;border-left-color: #666;position: absolute;top: 25px;left: 15px}.pabout-organ .cur{display: block;margin-top: 6px;font-size: 16px;padding-left: 20px;position: relative;line-height: 30px;border: 2px #e5e5e5 solid;width: 15%;float: left;margin-left: 10px}.pabout-organ .cur:before{content: '';height: 0;width: 0;display: block;border: 6px transparent solid;border-right-width: 0;border-left-color: #666;position: absolute;top: 9px;left: 10px}.pabout-organ a:hover:before{border-right-width: 0;border-left-color: #3264f7}.pabout-organ a.on{color: #fff;background: #3264f7;border: 0}.pabout-organ a.on:before{border-right-width: 0;border-left-color: #fff}.pabout-leader li{padding: 34px 0;overflow: hidden;border-bottom: 6px #ebebeb solid}.pabout-leader li .thumb{width: 170px;overflow: hidden}.pabout-leader li .thumb img{width: 100%;display: block;transition: all 0.4s}.pabout-leader li .word{width: calc(100% - 170px);padding-left: 35px}.pabout-leader li .word .t{font-size: 24px;font-weight: bold}.pabout-leader li .word .t label{font-weight: normal;margin-left: 20px}.pabout-leader li .word .c{font-size: 18px;line-height: 34px;margin-top: 20px;color: #333}.pabout-leader li:hover .thumb img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05)}.pabout-results-top{overflow: hidden;margin-left: -40px;position: relative}.pabout-results-top li{width: calc(33.33% - 40px);margin: 40px 0 0 40px;float: left;display: inline-block;height: 220px;position: relative;border: 1px #eee solid}.pabout-results-top li img{max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}.pabout-results-top li .name{background: rgba(0, 0, 0, .7);width: 100%;padding: 10px;font-size: 16px;position: absolute;left: 0;bottom: 0;z-index: 2;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pabout-results-top .swiper-button-next,.pabout-results-top .swiper-button-prev{width: 51px;height: 50px;margin-top: -25px;z-index: 2}.pabout-results-top .swiper-button-next{right: 50px;transform: rotate(180deg)}.pabout-results-top .swiper-button-prev{left: 50px}.pabout-results-thumbs{margin-top: 15px;padding: 0 60px;position: relative;overflow: hidden}.pabout-results-thumbs li{height: 64px;position: relative;border: 2px #fff solid}.pabout-results-thumbs li img{max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}.pabout-results-thumbs li.swiper-slide-thumb-active{border: 2px #ff2a1b solid}.kycMain{background-image: url(../images/kycMain-bg.jpg);background-position: center;background-size: cover;padding-bottom: 40px}.kycMain .w{width: 1330px}.kycMain-floor{padding-top: 50px}.kycNotice{width: 47%}.kycNotice-title{line-height: 33px;padding-bottom: 10px;border-bottom: 1px #93aefc solid}.kycNotice-title .cn{font-size: 28px;font-weight: bold;position: relative}.kycNotice-title .cn img{margin-left: 12px}.kycNotice-title .mo{background: url(../images/kycNotice-more.png) no-repeat right center;padding-right: 18px;font-size: 18px;color: #666}.kycNotice-title .mo:hover{color: #3264f7}.kycNotice-list{padding-top: 10px}.kycNotice-list li{background: url(../images/kycNotice-more.png) no-repeat left center;background-size: 6px auto;font-size: 18px;line-height: 26px;margin-top: 20px;padding-left: 17px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.kycNotice-list li a{color: #666}.kycNotice-list li span{font-size: 18px;color: #999;float: right}.kycNotice-list li:hover a{color: #3264f7}.kycNotice-list li:hover span{color: #3264f7}.kycLink{margin-top: 60px;border: 2px #dadada solid;border-radius: 3px}.kycLink .select{background: none;min-width: 286px;height: 62px;font-size: 24px;padding-left: 40px;font-weight: bold;color: #e46117;border-right: 2px #dadada solid}.jxzlMain{background-image: url(../images/kycMain-bg.jpg);background-position: center;background-size: cover;padding-bottom: 40px}.jxzlMain .w{width: 1330px}.jxzlMain .kycMain-floor{padding-top: 75px}.jxzlMain .kycNotice-title{padding-bottom: 20px}.jxzlMain .kycNotice-title .cn:before{content: '';width: 128px;height: 72px;position: absolute;bottom: -20px;left: 22px}.jxzlSite{background: #f8f8f8;margin-top: 80px;border: 2px #dadada solid;border-radius: 5px}.jxzlSite .s-title{font-size: 24px;color: #e46117;font-weight: bold;line-height: 62px;float: left;padding: 0 35px 0 15px;border-right: 2px #dadada solid}.jxzlSite .s-select{background: none;min-width: 256px;height: 62px;font-size: 18px;padding: 0 30px;color: #333;border-right: 2px #dadada solid}.jwcMain-floor{padding: 50px 0}.jwcMain-floor .w{width: 1390px}.jwcNotice{width: 47%}.jwcNotice+.jwcNotice .jwcNotice-head .cn{}.jwcNotice-head{line-height: 33px;padding-bottom: 15px;border-bottom: 1px #93aefc solid}.jwcNotice-head .cn{min-width: 341px;font-size: 24px;font-weight: bold;position: relative;padding-left: 16px;color: #fff}.jwcNotice-head .mo{background: url(../images/kycNotice-more.png) no-repeat right center;padding-right: 18px;font-size: 18px;color: #666}.jwcNotice-head .mo:hover{color: #3264f7}.jwcTrack-floor{padding: 10px 0 70px 0}.jwcTrack-floor .w{width: 1390px}.jwcTrack{width: 55%;padding: 12px 3px;border: 2px #e5e5e5 solid}.jwcTrack-title{padding: 55px 45px 0 45px;width: 118px;height: 302px;font-size: 24px;line-height: 48px;border: 2px #e08f00 solid}.jwcTrack-list{width: calc(100% - 118px);padding: 0 40px 0 45px}.jwcTrack-list a{background: #77c9f8;width: 47%;float: left;text-align: center;margin-top: 18px;border-radius: 5px;padding: 22px 0}.jwcTrack-list a .icon{width: 65px;display: inline-block;vertical-align: top}.jwcTrack-list a .name{font-size: 22px;font-weight: bold;color: #fff;margin-top: 12px}.jwcTrack-list a:nth-child(1){margin-top: 0}.jwcTrack-list a:nth-child(2){background: #63d69d;margin-top: 0;float: right}.jwcTrack-list a:nth-child(3){background: #e2cd7c}.jwcTrack-list a:nth-child(4){background: #91adff;float: right}.jwcCalendar{width: 40%}.pproduct-list{margin-left: -40px;position: relative}.pproduct-list li{background: #f0f0f0;width: calc(33.333% - 40px);margin: 40px 0 0 40px;float: left;display: inline-block;position: relative;padding-bottom: 20px}.pproduct-list li .thumb{height: 360px;position: relative}.pproduct-list li .thumb img{max-height: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}.pproduct-list li .name{font-size: 18px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.menuBtn{width: 40px;height: 100%;cursor: pointer;position: absolute;right: 0;top: 0;display: none}.menuBtn>span{background: #3264f7;width: 30px;height: 3px;display: block;position: absolute;left: 50%;top: 9px;transition: all 0.4s;transform: translateX(-50%)}.menuBtn>span:nth-child(2){top: 19px}.menuBtn>span:nth-child(3){top: 29px}.menuItem{background-color: #fff;width: 0%;height: 100%;position: fixed;right: 0;top: 0;z-index: 998;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;box-shadow: -1px 0 10px 0 rgba(0, 0, 0, 0.2);overflow: hidden;overflow-y: auto}.menuItem.on{opacity: 1;width: 100%}.menuItem-padd{width: 100%;height: 100%;padding: 50px 15px 20px 15px}.menuItem-close{background: #3264f7 url(../images/menu-close.png) no-repeat center;background-size: 20px auto;width: 40px;height: 40px;text-align: center;position: absolute;right: 0;top: 0}.menuItem-title{font-size: 17px;font-weight: bold;line-height: 1;color: #3264f7;position: relative;padding-bottom: 10px;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;transform: translateY(5%)}.menuItem-title.on{opacity: 1;transform: translateY(0)}.menuItem-title .en{font-size: 18px;color: #cbcbcb;text-transform: capitalize;display: inline-block;line-height: 1;vertical-align: -2px;padding-left: 15px;font-weight: normal}.menuItem-title:before{content: '';background: #3264f7;width: 59px;height: 3px;position: absolute;left: 0;bottom: 0}.menuItem-list{padding-top: 10px;font-size: 0;opacity: 0;transition: all 0.5s;-webkit-transition: all 0.5s;position: relative;transform: translateY(5%)}.menuItem-list.on{transform: translateY(0);opacity: 1}.menuItem-list dl{width: 100%;display: inline-block;margin-top: 20px;vertical-align: top}.menuItem-list dl dt{font-size: 17px;line-height: 1;text-align: left;padding-bottom: 10px}.menuItem-list dl dt .num{font-size: 18px;color: #a5a5a5}.menuItem-list dl dd a{display: inline-block;line-height: 34px;color: #555;font-size: 15px;padding-left: 30px;position: relative}.menuItem-list dl dd a:before{content: '';background: #3264f7;width: 0;height: 1px;position: absolute;left: 20px;top: 21px;transition: all 0.4s}.menuItem-list dl dd a:hover{padding-left: 40px;color: #3264f7}.menuItem-list dl dd a:hover:before{width: 14px}