锘緻charset 'utf-8'; .clear{clear:both;height:1px;} .hidden{display:none;} body.am-with-topbar-fixed-top{padding:0;} body{} #header{z-index:1100;} #header .am-topbar-btn{background:none;color:#fff;} #header .am-btn{color:rgba(255,255,255,.8);} #header .am-btn:focus, #header .am-btn:hover{color:rgba(255,255,255,1);} #header .am-vertical-align{height:60px;} #collapse-head{z-index:99} #collapse-head.am-in,#collapse-head .am-collapsing{width:100%;position:absolute;top:60px;left:0;background:rgba(186,12,43,.6);padding:0px;} #collapse-head.am-in ul,#collapse-head .am-collapsing ul{margin-bottom:0px;} #collapse-head.am-in ul li,#collapse-head .am-collapsing ul li{width:100%;height:auto;border-top:1px solid #fff;text-align:center;overflow:hidden;} #collapse-head.am-in ul li a,#collapse-head .am-collapsing ul li a{border-right:none;line-height:36px;float:none;padding-bottom:3px;} #collapse-head ul li{margin-left:0;} #pageBg{width:100%;height:auto;text-align:center;background:#fff;} /**********************Header************************/ #headerBg{width:100%;height:95px;text-align:center;background:rgba(186,12,43,.8); overflow:visible;position:fixed;top:0;left:0;z-index: 99999999;} #header{width:100%;max-width:1200px;height:100%;margin:auto;position:relative;} #header .am-topbar-brand{height:100%;line-height:100%;padding:0 0 0 20px;} #mainnav{width:auto;height:100%;margin-top:2.3rem;} #mainnav.am-topbar-nav>li>a{float:left;text-align:center; line-height:2.2rem;color:#fff;font-family:'寰蒋闆呴粦';font-size:1.4rem;padding:2.2rem 2.2rem 0;} #mainnav.am-topbar-nav > li > a:after{display: none;} #mainnav.am-topbar-nav>li>a:hover{font-family:'寰蒋闆呴粦';font-weight: bold;background: none;} #mainnav.am-topbar-nav>li.am-active a{background:url(./images/nav_icon.png?1=1) no-repeat top center;} #mainnav.am-topbar-nav>li:last-child>a{ border-right:none;} #mainnav.am-topbar-nav>li.am-active a{font-family:'寰蒋闆呴粦';font-weight: bold;} #smallLogo{width:50%;height:100%;position: absolute;left:25%;top:0;} /*********************banner************************/ #banner{width:100%;height:auto;background:#c2bbbb no-repeat center center; text-align:center;background-size:100% auto;} /*********************main************************/ .indexBar{width:100%;height:auto;clear:both;margin-bottom:-1px;} .indexBar .content{width:100%;max-width:1024px;height:auto;margin:auto; position:relative;} #main{max-width:1200px;height:auto;margin:auto;text-align:center; overflow:hidden;} #main img{margin:auto;} #sideNavSmall .am-offcanvas-bar{width:150px;background: #fff;} #sideNavSmall .am-offcanvas-content{padding:70px 0 0 0;} #sideNavSmall .sideNav{width:100%;height:auto;line-height:53px; text-align:right;padding-right:4rem;cursor:pointer; border-bottom:1px solid #BA0C2B;margin-bottom:-1px;overflow:hidden; color:#BA0C2B;} #sideNavSmall .sideNav.c{background:#BA0C2B;color:#fff; border:1px solid #BA0C2B;cursor:default;} #btnShowSideNavSmall{display:none;width:50px;height:50px;background:#BA0C2B; color:#fff;border-radius:25px;position:fixed;bottom:50px;left:12px; text-align:center;line-height:50px;box-shadow: 0 0 5px #888;} #listbox,#connect{width:70%;max-width:720px;min-width:300px;float:right; min-height:420px;font-size:1.4rem;line-height:1.8rem;color:#2b2b2b;} #connect h1{font-size:3rem;color:#000;font-weight:normal;line-height:100%;} #connect p,#connect div,#connect h1,#connect h2,#connect h3{text-align:left;} /*********************breadcrumb************************/ #main .am-breadcrumb{color:#BA0C2B;font-family:"瀹嬩綋";font-size: 1.6rem; text-align: left;float: left;margin-bottom: 0;} #main .am-breadcrumb a{color:#666;} #main .am-breadcrumb a:hover{color:#BA0C2B;text-decoration:underline;} #main .am-breadcrumb>.am-active{color:#BA0C2B;font-weight: bold;} #main .am-breadcrumb>li+li:before{content: ">"} /*********************pageBar************************/ #pageBar{text-align:center;margin:20px 0 20px;color:#fff;font-size:1.8rem;} #pageBar a{color:#666;border:1px solid #666;padding:5px 12px;border-radius:3px;} #pageBar a:hover{color:#BA0C2B;border:1px solid #BA0C2B} #pageBar a.c{background:#BA0C2B;color:#fff;border:1px solid #BA0C2B} /*********************footer************************/ #footer{width:100%;height:auto;background:#900020 url(images/footerBg.png?1) no-repeat top center;text-align:center; overflow:hidden;} #footerContent{width:100%;max-width:1000px;margin:auto;padding:65px 0 12px;overflow:hidden;letter-spacing: 2px;} #code2d{width:96px;float:left;padding-left:20px;margin-top:15px;} #footer-nav{width:90%;max-width:640px;float:right;text-align:left; color:#fff;font-size:14px;} #footer-nav a{color:#fff;} #footer-nav .w30{width:32%;float:left;padding-left:20px;font-size:14px; line-height:150%;} #footer-nav .w40{width:70%;float:left;} #footer-nav .title{font-size:1rem;color:#fff;line-height:20px;} #footer-nav .title font{padding-bottom:3px;font-size:1.7rem;} #footer-nav .title2{font-size:16px;} #footer-nav p{line-height:180%;margin-top:15px;overflow:hidden;} #footer-nav p img{margin-top:10px;} #footer-nav p span{width:50%;float: left;padding-left: 30px;} #footer-logo{text-align:center;padding:20px 0 0;overflow:hidden;} #footer-logo img{margin:auto;} #footerText{width:94%;max-width:960px;color:#fff;font-size:14px; margin:auto;padding:25px 0 55px;} #footerText span{width:46%;float:left;text-align: left;font-size: 12px;font-family: "瀹嬩綋"} #footerText span:last-child{width:54%;text-align: right;} #footerText a{color:#fff;} /*********************index************************/ @media screen and (max-width: 906px){ #sideNav{display:none;} #btnShowSideNavSmall{display:block;} #listbox,#connect{width:96%;max-width:906px;margin:auto; overflow:hidden;float:none;} #connect{width:92%;} } @media screen and (max-width: 780px){ body{border-top: 60px solid #BA0C2B;} #headerBg{height:60px;} #mainnav{margin-top:20px;} #mainnav.am-topbar-nav>li>a{padding:0 14px;} #mainnav.am-topbar-nav>li>a:hover,#mainnav.am-topbar-nav>li.am-active a{background:none;} #code2d{display:none;} #footerText{width:98%;font-size:12px;margin:auto;padding:15px 0 50px;} #footerText span{width:100%;text-align: center;} #footerText span:last-child{display: none} #footer-nav{margin:auto;float:none;} #footer-nav p{line-height:180%;margin-top:15px;font-size:12px;} #footerContent{padding:35px 0 0;} #footer-nav .title{font-size:14px;} #footer-nav img{width:80%;} } @media screen and (max-width: 640px){ #mainnav{margin-top:0px;} #mainnav.am-topbar-nav>li+li{margin-top:0px;padding-top:5px;} #mainnav.am-topbar-nav>li.am-active{background:#BA0C2B;} #mainnav.am-topbar-nav>li.am-active a{background:#BA0C2B;color:#fff} #footer-logo img{height:40px;} #footerText{padding:0 0 20px;overflow: hidden;} #footerText span{font-size:1.2rem;} #pageBar{font-size:1.4rem;} }