*{margin:0px;padding:0px;}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}header,section,footer,aside,nav,article,figure{display:block;}ul,ol{list-style:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}*::after,*::before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}body{width:100%;margin:0 auto;font-family:'Microsoft YaHei',SimSun;font-size:0.25rem;max-width:1920px;}header div.about-header{position:absolute;height:1.1875rem;width:100%;margin:0 auto;z-index:100;}div.logo{float:left;width:10.1042%;height:0.6979rem;margin-top:0.1875rem;margin-left:2.3958%;}div.logo img{display:block;width:100%;max-width:100%;border:none;}div.nav{float:right;margin-top:0.2917rem;margin-right:4.9479%;height:0.5938rem;width:40.625%;line-height:0.5938rem;}.nav ul li{position:relative;float:left;width:14.1026%;height:0.5938rem;margin-left:1.0256%;display:block;z-index:100;}.nav ul li:first-child{margin-left:8.9744%;}.nav ul li > a{display:block;font-size:0.2708rem;color:black;font-family:YouYuan;font-weight:500;width:100%;}.nav ul li > a{position:relative;display:inline-block;-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;text-decoration:none;text-align:center;}.nav ul li > a::before{position:absolute;top:100%;left:0;width:100%;height:100%;content:attr(data-hover);font-size:0.2708rem;-webkit-transition:background 0.4s;-moz-transition:background 0.4s;-o-transition:background 0.4s;transition:background 0.4s;-webkit-transform:rotateX(-90deg);-moz-transform:rotateX(-90deg);-o-transform:rotateX(-90deg);-ms-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;-o-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;}.nav ul li > a:hover{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg);}.nav ul li > a:hover::before,.nav ul li > a:focus::before{width:100%;color:white;border-radius:0.0625rem;-webkit-border-radius:0.0625rem;-moz-border-radius:0.0625rem;background:linear-gradient(45deg,#9b0505,red);background:-webkit-linear-gradient(45deg,#9b0505,red);background:-moz-linear-gradient(45deg,#9b0505,red);background:-o-linear-gradient(45deg,#9b0505,red);background:-ms-linear-gradient(45deg,#9b0505,red);}.nav ul li > a:link,.nav ul li > a:visited{}.nav ul li > a:active{}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.nav ul li > a:hover{color:white;-webkit-transition:transform 1.2s;-moz-transition:transform 1.2s;-o-transition:transform 1.2s;transition:transform 1.2s;-webkit-transform:rotateX(1deg);-moz-transform:rotateX(1deg);-o-transform:rotateX(1deg);-ms-transform:rotateX(1deg);transform:rotateX(1deg);border-radius:0.0625rem;-webkit-border-radius:0.0625rem;-moz-border-radius:0.0625rem;background:linear-gradient(45deg,#9b0505,red);background:-webkit-linear-gradient(45deg,#9b0505,red);background:-moz-linear-gradient(45deg,#9b0505,red);background:-o-linear-gradient(45deg,#9b0505,red);background:-ms-linear-gradient(45deg,#9b0505,red);}}.nav ul li span.before{position:absolute;top:0;left:0;width:100%;height:100%;font-family:YouYuan;font-size:0.2708rem;color:white;border-radius:0.0625rem;-webkit-border-radius:0.0625rem;-moz-border-radius:0.0625rem;text-align:center;background:linear-gradient(45deg,#9b0505,red);background:-webkit-linear-gradient(45deg,#9b0505,red);background:-moz-linear-gradient(45deg,#9b0505,red);background:-o-linear-gradient(45deg,#9b0505,red);background:-ms-linear-gradient(45deg,#9b0505,red);}.nav ul li > a.ie:hover,.nav ul li > a.ie:focus{}.nav ul li > a.ie:hover::before{-webkit-transform:rotateX(90deg);-moz-transform:rotateX(90deg);-o-transform:rotateX(90deg);-ms-transform:rotateX(90deg);transform:rotateX(90deg);}.nav ul li.focus > a{color:red;}[data-dpr="2"] div.logo{margin-top:0.5208rem;width:100px;height:34px;}[data-dpr="3"] div.logo{margin-top:0.5625rem;width:130px;height:44px;}[data-dpr="2"] div.nav,[data-dpr="3"] div.nav{width:43.75%;height:0.8333rem;line-height:0.8333rem;margin-top:0.5833rem;}[data-dpr="2"] .nav ul li,[data-dpr="3"] .nav ul li{vertical-align:middle;height:0.8333rem;}[data-dpr="2"] .nav ul li a,[data-dpr="3"] .nav ul li a{font-size:0.45rem;}[data-dpr="2"] .nav ul li a::before,[data-dpr="3"] .nav ul li a::before{font-size:0.45rem;}[data-dpr="2"] .nav ul li span.before,[data-dpr="3"] .nav ul li span.before{font-size:0.45rem;}#About-banner{position:relative;width:100%;height:9.875rem;margin:0 auto;overflow:hidden;margin-bottom:0.375rem;}#About-banner a{position:relative;display:block;width:100%;height:9.875rem;margin:0 auto;}#About-banner a img{display:block;width:100%;max-width:100%;margin:0 auto;}div.About-content{position:relative;margin:0 auto;margin-bottom:0.01042rem;}div.About-content > div.con-topic{position:relative;margin:0 auto;margin-bottom:0.375rem;width:100%;height:3.125rem;clear:both;overflow:hidden;background-color:#f4f7f8;}div.con-topic > div.bak-top-left{position:absolute;top:0px;left:-7.8125%;height:3.125rem;width:15.625%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));background:-webkit-radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));background:-moz-radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));background:-ms-radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));}div.con-topic > div.bak-top-right{position:absolute;top:0px;right:-7.8125%;height:3.125rem;width:15.625%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));background:-webkit-radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));background:-moz-radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));background:-ms-radial-gradient(rgb(244,247,248),rgb(186,226,226),rgb(246,87,87),rgb(246,93,93));}div.con-topic > div.con{position:relative;padding-left:4.167%;padding-top:0.625rem;}div.con p{font-family:YouYuan;font-size:0.2292rem;line-height:0.40625rem;text-align:left;}div.About-content > div.content{position:relative;margin:0 auto;margin-bottom:0.0625rem;height:6.1875rem;clear:left;}div.content > div.con-left{position:relative;float:left;height:6.1875rem;width:50%;overflow:hidden;}div.content > div.con-right{position:relative;float:right;height:6.1875rem;width:50%;overflow:hidden;}div.content > div.tp{vertical-align:top;}div.content > div.wz{background:#f65757;font-family:YouYuan;color:white;}div.con-left > div.wz-wrap1{margin-top:1.875rem;margin-right:5.208%;}div.con-right > div.wz-wrap2{margin-top:1.875rem;margin-left:5.208%;}div.content > div.wz h2{text-align:right;font-size:0.3125rem;font-weight:bold;padding-bottom:0.1667rem;}div.content > div.wz p{display:block;font-size:0.25rem;line-height:0.5rem;text-align:right;letter-spacing:1.25%;}div.con-right > div.wz-wrap2 h2{text-align:left;}div.con-right > div.wz-wrap2 p{text-align:left;}div.content > div.tp img{width:100%;max-width:100%;}div.About-bottom{position:relative;margin:0 auto;width:100%;margin-bottom:0.52083rem;}div.About-bottom > div.design-topic{position:relative;width:100%;height:2.2917rem;margin:0 auto;text-align:center;vertical-align:middle;}div.About-bottom > div.design-detail{position:relative;width:100%;height:6.8854rem;margin:0 auto;text-align:center;}div.design-topic > div{position:relative;width:32.3958%;height:1.1979rem;margin:0 auto;margin-top:1.0417rem;vertical-align:middle;}div.design-topic > div img{display:block;width:100%;max-width:100%;margin:0 auto;}div.design-detail > div.design-list{position:relative;width:86.979%;height:6.8854rem;margin-left:6.510417%;margin-right:6.510417%;overflow:hidden;}div.design-list dl{position:relative;float:left;display:block;width:23.8323353%;height:6.8854rem;text-align:center;border:1px solid #bbb7b7;}div.design-list dl:not(:first-child){margin-left:1.556886%;}div.design-list dl dt{position:relative;display:block;margin:0 auto;margin-top:0.625rem;width:64.070351%;height:2.65625rem;overflow:hidden;}dl > dt img{display:block;width:100%;max-width:100%;margin:0 auto;}div.design-list dl dd{position:relative;display:block;width:100%;}div.design-list dl dd > h3{text-indent:-99999px;}div.design-list dl dd > div.bottom-wz{position:relative;margin:0 auto;text-align:center;font-family:YouYuan;font-size:0.25rem;line-height:0.5625rem;font-weight:bold;}