*{box-sizing: border-box;margin: 0;padding: 0;touch-action: pan-y;}
html, body, #container{width: 100%;height: 100%;font-family: PingFangSC-Regular;font-size: 16px;background-color: #FFFFFF;}
img{user-drag: none;-webkit-user-drag: none;}
::-webkit-scrollbar{width: 5px !important;height: 6px;}
::-webkit-scrollbar-track{border-radius: 10px;}
::-webkit-scrollbar-thumb{border-radius: 10px;background: rgba(0, 0, 0, .1);}
.centerWrap{max-width: 1200px;margin: 0 auto;}
#sh-head{width: 100%;height: 80px;box-shadow: 0 10px 20px 0 rgba(235, 235, 235, .5);background: white;display: block;position: fixed;top: 0;left: 0;z-index: 2;}
#sh-head .header{height: 100%;display: flex;justify-content: space-between;align-items: center;}
#sh-head img{margin-left: 10px;}
#sh-head .header .navTabs{height: 100%;display: flex;align-items: center;cursor: pointer;}
#sh-head .header .navTabs div.navItem{font-family: PingFangSC-Medium;color: #606060;margin: 0 20px;}
.fp-table{display: block !important;}
.fp-overflow{height: 100%;}
#sh-banner{background-image: url(https://www.ppdaicdn.com/shanghu/banner.jpg);background-repeat: no-repeat;background-size: 100% 100%;background-position: 0 80px;position: relative;overflow: hidden;}
#sh-banner .slogan{font-family: PingFangSC-Light;font-size: 60px;color: #FFFFFF;text-align: center;padding-top: calc(13% + 80px);animation: sloganAction 1s linear;-webkit-animation: sloganAction 1s linear;-moz-animation: sloganAction 1s linear;-o-animation: sloganAction 1s linear;-ms-animation: sloganAction 1s linear;}
@keyframes sloganAction{from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}}
@-webkit-keyframes sloganAction{from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}}
@-moz-keyframes sloganAction{from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}}
@-o-keyframes sloganAction{from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}}
@-ms-keyframes sloganAction{from{opacity: 0;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);-ms-transform: scale(0);}to{opacity: 1;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);}}
#sh-banner #arrowDown{width: 30px;height: 60px;position: absolute;bottom: 20px;left: 50%;margin-left: -15px;cursor: pointer;}
#sh-banner #arrowDown .arrowDown{position: absolute;animation: arrowAction 1s infinite linear;-webkit-animation: arrowAction 1s infinite linear;-moz-animation: arrowAction 1s infinite linear;-o-animation: arrowAction 1s infinite linear;-ms-animation: arrowAction 1s infinite linear;}
@keyframes arrowAction{from{bottom: 40px;opacity: 1;}to{bottom: 20px;opacity: .5;}}
@-webkit-keyframes arrowAction{from{bottom: 40px;opacity: 1;}to{bottom: 20px;opacity: .5;}}
@-moz-keyframes arrowAction{from{bottom: 40px;opacity: 1;}to{bottom: 20px;opacity: .5;}}
@-o-keyframes arrowAction{from{bottom: 40px;opacity: 1;}to{bottom: 20px;opacity: .5;}}
@-ms-keyframes arrowAction{from{bottom: 40px;opacity: 1;}to{bottom: 20px;opacity: .5;}}
#sh-about{height: 100%;display: flex;align-items: center;position: relative;padding-top: 80px;}
.SHDescWrap{width: 42%;min-width: 448px;box-shadow: -12px 0 0 0 rgba(0, 0, 0, 0.33);background: #F7F7F7;margin-left: -21%;z-index: 2;padding: 50px 40px;}
.SHDescWrap .desc-title{font-size: 36px;color: #000000;margin-bottom: 20px;}
.SHDescWrap .desc-content{line-height: 32px;font-family: PingFangSC-Light;color: #4A4A4A;}
#techSection{padding-top: 80px;}
#sh-technology{height: 100%;text-align: center;background-image: url(https://www.ppdaicdn.com/shanghu/technology.jpg);background-repeat: no-repeat;background-size: 100%;position: relative;}
.techTitle{font-size: 42px;color: #FFFFFF;margin-bottom: 8px;padding-top: 60px;}
.techDesc{color: #FFFFFF;margin-bottom: 25px;}
.techWrap{box-shadow: 0 4px 12px 2px rgba(230, 230, 230, 0.5);background: white;overflow: hidden;padding-bottom: 15px;display: flex;flex-flow: row wrap;justify-content: center;}
.techWrap .techItem{width: calc(33.33% - 50px);float: left;margin: 20px 25px 0;}
.techWrap .techItem .techImg{overflow: hidden;cursor: pointer;}
.techWrap .techItem .techImg img{width: 100%;display: block;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;}
.techWrap .techItem .techImg img:hover{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);}
.techWrap .techItem .techName{margin-top: 15px;}
#sh-footer{height: 160px;line-height: 22px;color: #C6C6C6;background: #0F2146;display: flex;justify-content: center;align-items: center;flex-direction: column;margin-top: 50px;}
#sh-footer a{color: #C6C6C6;text-decoration: none;margin: 0 8px;display: inline-flex;align-items: center;}
@media screen and (max-width: 750px) {
#sh-head .header .navTabs div.navItem{margin: 0 10px;}
#sh-banner{background-size: 200% 100%;background-position: 50% 0;}
#sh-banner .slogan{font-size: 25px;padding-top: calc(40% + 80px);}
#sh-about img{width: 100%;height: 100%;}
.SHDescWrap{width: 90%;min-width: 0;margin-left: -95%;padding: 10px;}
.SHDescWrap .desc-title{font-size: 24px;margin-bottom: 10px;}
.SHDescWrap .desc-content{line-height: 180%;font-size: 15px;}
#sh-technology{overflow-y: visible;}
.techTitle{font-size: 18px;padding-top: 0px;}
.techDesc{font-size: 14px;}
.techWrap .techItem{width: auto;}
#sh-footer a{text-align: center;display: block;}}