body{ font-family:Arial,"微软雅黑"; /* font-family: 'Brown',"Microsoft Yahei", SimHei, "PingFang SC", "ST Heiti"; */ } html,body{ height:auto; margin: 0; padding: 0 } *{ margin: 0; padding: 0 } ul{ padding-left: 0px; margin-bottom: 0px; } ul li{ list-style: none; } dl{ margin-bottom: 0px; } a:link{text-decoration:none !important; } a:visited{text-decoration:none !important; } a:hover{text-decoration:none !important;} a:active{text-decoration:none !important;} .clear{ clear: both; } input{ outline:none; } textarea{ outline:none; } button{ outline:none; } /**导航**/ .nav{ transition: all 0.5s; -webkit-transition: all 0.5s; min-height:77px; padding: 20px; } .nav.active1{ background-color: #FFF; min-height: 300px; } .nav .logo{ width:20%; float: left; } .nav .mean-icon{ float: right; margin-top: 10px; cursor: pointer; } .nav .nav-list{ float: right; margin-top: 4px; margin-right: 50px; } .nav .nav-list ul li{ float: left; /* margin-right: 45px; */ position: relative; } .nav .nav-list ul li a{ font-size: 16px; color:#FFF; display: block; padding-left:23px; padding-right: 23px; padding-top: 10px; padding-bottom: 10px; } .nav.active1 .nav-list ul li a{ color: #333; } .nav .nav-list ul li a:hover{ color: #ca282e; } .nav .nav-list ul li.active a{ color: #ca282e; } .nav.active1 .nav-list ul li.active a{ color: #ca282e; } .nav.active1 .nav-list ul li a:hover{ color: #ca282e; } .nav.active1 .nav-list ul li.active dl dd a{ color: #333; } .nav .nav-list ul li.active dl dd a{ color: #333; } .nav .nav-list ul li dl{ width: 160px; /* background-color: #FFF; */ padding: 10px; margin-top: 10px; position: absolute; top: 30px; left: 50%; margin-left: -80px; display: none; text-align: center; } .nav .nav-list ul li dl:after{ content: ""; position: absolute; top: 0px; left: 50%; width: 20px; height: 4px; /* background-color: #ca282e; margin-left:-10px; */ } .nav .nav-list ul li dl dd a{ color: #333; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; } .nav .nav-list ul li dl dd a:hover{ color: #ca282e; } .nav.active1 .nav-list ul li dl dd a:hover{ color: #ca282e; } .nav-zt{ border-bottom: 1px solid #e5e5e5; background-color: #FFF; } .nav-zt .nav-list ul li a{ color:#595959; } .nav .hd{ display: none; } .nav.abheader{ background-color: #FFF; padding-top: 15px; padding-bottom: 15px; } .nav.abheader .hd{ display: block; } .nav.abheader .mr{ display: none; } .nav.abheader .nav-list ul li a{ color:#595959; } .nav.active .hd{ display: block; } .nav.active .mr{ display: none; } .nav.active1 .hd{ display: block; } .nav.active1 .mr{ display: none; } .nav.active .nav-list ul li a{ color:#595959; } /**侧边导航**/ .nav-main-tab{ background-color: #FFF; width: 300px; position: absolute; top: 0px; right: 0px; padding:60px 10px 20px 30px; height: 100vh; display: none; } .nav-main-tab .nav-main-menu{ position: absolute; top: 10px; right: 30px; width: 45px; height: 45px; cursor: pointer; } .nav-main-tab .nav-main-menu span{ position: absolute; width: 26px; height: 2px; left: 50%; background-color: #333333; -webkit-transition: background-color .2s,opacity .2s,-webkit-transform .4s ease-out; transition: background-color .2s,opacity .2s,-webkit-transform .4s ease-out; -o-transition: background-color .2s,opacity .2s,-o-transform .4s ease-out; -moz-transition: background-color .2s,opacity .2s,transform .4s ease-out,-moz-transform .4s ease-out; transition: background-color .2s,opacity .2s,transform .4s ease-out; transition: background-color .2s,opacity .2s,transform .4s ease-out,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out; transition: background-color .2s,opacity .2s,transform .4s ease-out,-webkit-transform .4s ease-out; } .nav-main-tab .nav-main-menu .nav-menu-top{ top: 10px; right: 20px; display:inline-block; -webkit-transform: translate(0,7px) rotate(45deg); -ms-transform: translate(0,7px) rotate(45deg); transform: translate(0,7px) rotate(45deg); } .nav-main-tab .nav-main-menu .nav-menu-bottom{ -webkit-transform: translate(0,-7px) rotate(-45deg); -ms-transform: translate(0,-7px) rotate(-45deg); transform: translate(0,-7px) rotate(-45deg); top: 24px; } .nav-main-tab ul li{ margin-bottom: 10px; } .nav-main-tab ul li a{ font-size: 16px; color: #333; } .nav-main-tab ul li a:hover{ color: #ca282e; } .nav-main-tab ul li dl{ margin-top: 3px; display: none; } .nav-main-tab ul li dl dd a{ font-size: 14px; color: #666; display: inline-block; padding: 3px 10px; } /**脚注**/ .foot{ background-color: #333333; padding-top: 35px; padding-bottom: 30px; border-bottom: 1px solid #595959; } .foot .foot-left .foot-left-top ul li{ float: left; margin-right: 40px; } .foot .foot-left .foot-left-top ul li h1{ font-size:24px; color: #FFF; margin-top: 30px; margin-bottom: 0px; } .foot .foot-left .foot-left-top ul li p{ margin-top: 30px; font-size: 16px; color: #FFF; } .foot .foot-left .foot-left-top ul li p a{ margin-right: 5px; } .foot .foot-left .foot-list ul li{ float: left; margin-right: 65px; } .foot .foot-left .foot-left-top{ margin-bottom:35px; } .foot .foot-left .foot-list ul li a{ font-size: 16px; color: #FFF; } .foot .foot-left{ width: 80%; float: left; } .foot .foot-right{ width: 20%; float: left; text-align: right; } .foot .foot-right h2{ font-size: 30px; font-weight: bold; color: #FFF; } .foot .foot-right h4{ font-size: 16px; color:#FFF; } .foot .foot-right a{ display: inline-block; padding: 9px 26px; background-color: #FFF; font-size: 14px; color: #333; margin-top: 10px; border-radius: 20px; } .footer{ border-top: 1px solid #000; background-color: #333333; padding-top: 20px; padding-bottom: 20px; } .footer .footer-left{ width:70%; float: left; } .footer .footer-left p{ font-size: 14px; color: #FFF; } .footer .footer-left p a{ color: #FFF; margin-left: 15px; } .footer .footer-left p a:hover{ text-decoration: underline; } .footer .footer-right{ width: 30%; float: right; text-align: right; } .footer .footer-right p{ color: #FFF; } .footer .footer-right p a{ color: #FFF; } .footer .footer-left .yq{ display: none; } .foot-left-top ul li p a.wb{ display: none; } .foot-left-top ul li p a{ position: relative; } .foot-left-top ul li p a .foot-ewm{ position: absolute; top:-109px; left: 50%; width: 100px; height: 100px; margin-left: -50px; display: none; } .foot-left-top ul li p a .app-ewm{ position: absolute; top:-129px; left: 50%; width: 300px; height: 120px; margin-left: -150px; display: none; } /**修改**/ .link{ transition: 0.52s; position: relative; overflow: hidden; } .anim { transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; } .anim:before { position: relative; content: ''; display: block; margin-top: 100%; } .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; } .link:hover .anim { animation: anim-out 0.75s; } .link:hover .anim:after { animation: anim-out-pseudo 0.75s; } @keyframes anim-out-pseudo { 0% { background: rgba(0, 0, 0, 0.25); } 100% { background: transparent; } } @keyframes anim-out { 0% { width: 0%; } 100% { width: 100%; } } /**修改结束**/ .standard-text p img{ width: auto; max-width: 100%; height: auto; } img{ width: auto; max-width: 100%; height: auto; }