@charset "UTF-8";body{background-color:#f4f5f7;background-image:none;color:#999;}.content-box{width:1200px;margin:0 auto;}.banner-box{height:340px;background-color:#021327;background-image:url("/Templates/yztob/content/image/solution_spider.jpg");background-repeat:no-repeat;background-size:auto 100%;background-position:top;overflow:hidden;}.banner-content{box-sizing:padding-box;padding:58px 520px 32px 0;color:#fff;}.banner-content p{line-height:150%;font-size:1.1em;padding-top:10px;}.banner-content .plain-button{display:inline-block;margin-top:16px;padding:6px 14px;border:solid 1px #fff;font-size:1.2em;border-radius:4px;color:#fff;}.banner-flags{display:flex;justify-content:center;align-items:center;width:auto;padding:10px 0;background-color:#fff;border-bottom:solid 1px #ccc;font-size:14px;color:#333;font-weight:bold;}.banner-flags img{width:32px;height:32px;margin:0 8px 0 32px;vertical-align:middle;}.quick-nav{width:auto;height:auto;background-color:#fff;box-shadow:0 0 2px #ccc;}.quick-nav ul{display:block;}.quick-nav ul li{display:inline-block;padding:15px 15px;}.quick-nav a{color:#333;font-size:1.1em;font-weight:bold;}.section-title{margin:36px 0 20px 0;font-size:2em;text-align:center;color:#333;}.section-text{margin:20px auto auto auto;width:640px;height:auto;line-height:160%;text-align:center;color:#999;font-size:1.1em;}.section-tabs{display:flex;}.section-tabs .tab-labels{width:180px;margin-right:36px;background-color:#ececec;min-height:320px;height:100%;}.section-tabs .tab-labels li{padding:14px 0;text-align:center;font-size:1.1em;color:#333;cursor:pointer;user-select:none;transition:all .8s;}.section-tabs .tab-labels li.active{background-color:#007ab0;color:#fff;}.section-tabs .tab-panel{flex:1;line-height:170%;color:#333;transition:all .3s;display:none;}.section-tabs .tab-panel h2{margin-top:16px;color:#333;padding-bottom:16px;}.section-tabs .tab-panel p{padding-right:64px;}.section-tabs .tab-panel p .item{display:inline-block;padding:10px 18px;margin:16px;border:solid 1px #007ab0;color:#007ab0;user-select:none;-ms-user-select:none;-webkit-user-select:none;}.section-tabs .tab-panel .splier{padding-bottom:16px;border-bottom:solid 1px #ccc;}.section-tabs .tab-panel.active{display:block;}.section-columns{display:flex;}.section-columns>div{flex:1;display:flex;margin:16px;}.section-columns>div img{flex:0;width:36px;height:36px;margin-right:16px;}.section-columns>div dl{flex:1;color:#333;}.section-columns>div dl dt{display:block;padding-bottom:12px;font-size:1.2em;font-weight:bold;}.section-columns>div dl dd{display:block;line-height:1.7;}.section-cards{display:flex;max-width:1200px;margin:0 auto;}.section-cards>div,.section-cards a{flex:1;margin:10px 20px 36px 20px;padding:16px;min-height:110px;background-color:#fff;box-shadow:0 0 3px #ccc;border-radius:2px;line-height:2;transition:all .4s;user-select:none;}.section-cards>div h3,.section-cards a h3{color:#333;}.section-cards>div p,.section-cards a p{color:#999;}.section-cards>div:hover,.section-cards a:hover{transform:scale(1.05);}@media screen and (max-width:1200px){.content-box{width:1000px;margin:0 auto;}.section-cards{max-width:1000px;}}@media screen and (max-width:1023px){.banner-box{height:240px;}.banner-content{padding:20px;}.banner-content h1{font-size:1.3em;}.banner-content p{line-height:130%;font-size:1em;padding-top:10px;}.banner-content .plain-button{margin-top:16px;padding:8px;font-size:1em;border-radius:2px;}.content-box{width:100%;margin:0 auto;}.banner-flags{flex-direction:column;}.banner-flags p{min-width:70%;text-align:left;}.banner-flags img{width:24px;height:24px;}.section-title{margin:16px 0;font-size:1.5em;}.section-text{width:100%;padding:0 16px;margin:0;}.section-tabs{display:block;}.section-tabs .tab-labels{display:flex;width:auto;margin:16px 0 0 0;min-height:20px;height:auto;}.section-tabs .tab-labels li{flex:1;}.section-tabs .tab-panel{padding:16px;}.section-tabs .tab-panel h2{margin-top:10px;padding-bottom:10px;font-size:1.2em;}.section-tabs .tab-panel h2:nth-child(3){display:none;}.section-tabs .tab-panel p{padding:0;}.section-tabs .tab-panel p .item{display:none;}.section-columns{display:block;}.section-cards{display:block;}}<!--ºÄʱ1778751027.2638Ãë-->