﻿h1,h2,h3,h4,h5,h6{margin:0;}ol,ul,li{padding:0;margin:0;text-decoration:none;list-style:none;}a,a:hover{text-decoration:none;color:#fff;}*{box-sizing:border-box;}@font-face{font-family:'SourceHanSansCNr';src:url('../../../fonts/SourceHanSansCNr.eot?');src:url('../../../fonts/SourceHanSansCNr.eot?#iefix') format('embedded-opentype'),url('../../../fonts/SourceHanSansCNr.otf') format('opentype'),url('../../../fonts/SourceHanSansCNr.svg') format('svg'),url('../../../fonts/SourceHanSansCNr.ttf') format('truetype'),url('../../../fonts/SourceHanSansCNr.woff') format('woff');font-weight:normal;font-style:normal;}body{font-family:SourceHanSansCNr,黑体;max-width:1920px;min-width:1440px;margin:0 auto;overflow-x:hidden;overflow-y:auto;color:#333;background-attachment:fixed;background-image:url('../../images/spread/HomeDesign/caseShow/body_bg.png');background-repeat:no-repeat;background-position:center 0;position:relative;}body section,body header,body footer{position:relative;left:50%;transform:translateX(-50%);min-width:1920px;overflow:hidden;}body header{font-family:微软雅黑;font-size:16px;color:#fff;}body header nav{width:1200px;height:190px;line-height:190px;margin:0 auto;}body header nav a:visited,body header nav a:focus{text-decoration:none;color:#fff;}body header nav .logo{margin-right:300px;}body header nav .list{margin-right:95px;display:inline-block;}body header nav .list a{display:inline-block;height:45px;line-height:45px;margin:12px;padding:0 8px;position:relative;}body header nav .list a:hover::before,body header nav .list a:visited::before,body header nav .list a:focus::before{content:"";display:inline-block;width:96px;height:3px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:-webkit-linear-gradient(left,#5ac2ff,#364b99 50%,#5ac2ff);background:-moz-linear-gradient(left,#5ac2ff,#364b99 50%,#5ac2ff);background:-o-linear-gradient(left,#5ac2ff,#364b99 50%,#5ac2ff);background:-ms-linear-gradient(left,#5ac2ff,#364b99 50%,#5ac2ff);border-radius:1.5px;animation:dynamicColor 3.5s linear infinite;}body header nav .contact{height:45px;line-height:42px;display:inline-block;padding:0 20px;border:2px solid #fff;border-radius:22.5px;}body .banner{height:428px;background-image:url('../../images/spread/HomeDesign/caseShow/banner_bg.png');position:relative;overflow:hidden;text-align:center;color:#fff;}body .banner .title{font-size:60px;margin-bottom:60px;}body .banner .text1{font-size:30px;margin-bottom:10px;}body .banner .text1 span{font-weight:bold;background:#5abdff -webkit-linear-gradient(left,#5abdff,#5f83ff,#5abdff) no-repeat 0 0;background:#5abdff -moz-linear-gradient(left,#5abdff,#5f83ff,#5abdff) no-repeat 0 0;background:#5abdff -o-linear-gradient(left,#5abdff,#5f83ff,#5abdff) no-repeat 0 0;background:#5abdff -ms-linear-gradient(left,#5abdff,#5f83ff,#5abdff) no-repeat 0 0;background-size:30px 42px;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;vertical-align:top;width:60px;height:42px;animation:dynamicFontColor 1s infinite linear alternate;}body .banner .text2{font-size:20px;margin-bottom:45px;}body .banner .contact a{display:inline-block;width:189px;height:54px;background-image:url('../../images/spread/HomeDesign/caseShow/banner_contactBtn.png');}body .banner .contact a:hover{background-image:url('../../images/spread/HomeDesign/caseShow/banner_contactHover.png');}body .caseList{position:relative;overflow:hidden;background:#fff;}body .caseList .list{margin-top:70px;text-align:center;}body .caseList .list .item{display:inline-block;vertical-align:middle;width:407px;height:360px;background:url('../../images/spread/HomeDesign/caseShow/caseList_ItemBg.png') no-repeat;margin:0 50px;position:relative;overflow:hidden;}body .caseList .list .item .imgWrap{width:300px;height:169px;cursor:pointer;position:absolute;top:15px;left:53.5px;}body .caseList .list .item .imgWrap img{width:300px;height:169px;}body .caseList .list .item .imgWrap:before{display:block;content:"点击查看效果";text-align:center;font-size:0;position:absolute;width:100%;height:100%;top:0;z-index:1;line-height:13;transition:background .5s;background-position:center 20px;cursor:pointer;color:#fff;}body .caseList .list .item .imgWrap:not(.more):hover:before{font-size:18px;background-color:rgba(17,49,78,.9);background-image:url(../../images/spread/APIProduct/effect_show.png);background-position:center 44px;background-repeat:no-repeat;}body .caseList .list .item div:nth-child(2){margin-top:220px;font-size:16px;margin-bottom:5px;}body .caseList .list .item div:nth-child(3){font-size:24px;}body .navigation{width:150px;max-width:320px;position:fixed;right:0;top:50%;transform:translateY(-50%);}body .navigation>img{width:100%;}body .navigation ul{padding:0;margin-top:100.5%;margin-left:6%;width:88%;height:62%;position:absolute;list-style:none;border-radius:8px;top:0;left:0;}body .navigation ul li{padding:0;margin-bottom:15%;text-align:center;}body .navigation ul li a{display:block;font-size:16px;height:30px;line-height:30px;color:#fff;text-decoration:none;animation:colorOnline .8s linear infinite alternate;text-indent:13px;}body .navigation ul li a:hover{color:#7fffd4;}body footer{color:#fff;background:#fff url(../../images/spread/HomeDesign/caseShow/footer_bg.png) top center no-repeat;background-color:#091928;padding-bottom:15px;}body footer .content{padding-top:120px;}body footer .content .contact{margin:0 auto;text-align:center;width:1375px;padding-bottom:50px;border-bottom:1px solid #ccc;}body footer .content .contact .item{display:inline-block;position:relative;vertical-align:top;width:255px;}body footer .content .contact .item.address{width:840px;}body footer .content .contact .item .name{font-size:18px;margin-top:8px;margin-bottom:10px;}body footer .content .contact .item .value{font-size:30px;}body footer .content .link{text-align:center;padding-top:80px;}body footer .content .link a{display:inline-block;text-decoration:none;color:#fff;}body footer .content .link a:before{content:"";width:1px;height:12px;background-color:#fff;margin:0 10px;display:inline-block;}body footer .content .link a:first-child:before{display:none;}body footer .content .copyright{text-align:center;line-height:22px;font-size:12px;padding-top:15px;padding-bottom:15px;}@-moz-keyframes dynamicColor{0%{background-position:0 100%;}100%{background-position:96px 100%;}}@-webkit-keyframes dynamicColor{0%{background-position:0 100%;}100%{background-position:96px 100%;}}@keyframes dynamicColor{0%{background-position:0 100%;}100%{background-position:96px 100%;}}@-moz-keyframes dynamicFontColor{0%{background-position:0 100%;}100%{background-position:100% 100%;}}@-webkit-keyframes dynamicFontColor{0%{background-position:0 100%;}100%{background-position:100% 100%;}}@keyframes dynamicFontColor{0%{background-position:0 100%;}100%{background-position:100% 100%;}}@media screen and (max-width:1919px){body{overflow-x:auto;}}