html,body,*{ margin:0; padding:0; font-family:"寰蒋闆呴粦"; box-sizing:border-box; } li{ list-style:none;} a{ text-decoration:none !important; color:#000;} img{ vertical-align:middle;} .ha{ height:auto !important;} .tr{ text-align:right !important;} .tc{ text-align:center !important;} .fl{ float:left !important;} .fr{ float:right !important;} .yellow{ color:#fdfa01 !important;} .red{ color:#f00 !important;} .op0{ opacity:0 !important;} .bold{ font-weight:bold !important;} .px40{ font-size:40px !important;} .px36{ font-size:36px !important;} .px32{ font-size:32px !important;} .px28{ font-size:28px !important;} .px26{ font-size:26px !important;} .px24{ font-size:24px !important;} .px22{ font-size:22px !important;} .px20{ font-size:20px !important;} .px18{ font-size:18px !important;} .px17{ font-size:17px !important;} .px16{ font-size:16px !important;} .px15{ font-size:15px !important;} .px14{ font-size:14px !important;} .px12{ font-size:12px !important;} .ti2{ text-indent:4em !important;} .mar0{ margin:0 !important;} .mart10{ margin-top:10px !important;} .mart16{ margin-top:16px !important;} .mart20{ margin-top:20px !important;} .mart30{ margin-top:30px !important;} .mart45{ margin-top:45px !important;} .mart60{ margin-top:60px !important;} .mart96{ margin-top:96px !important;} .marb0{ margin-bottom:0px !important;} .marb7{ margin-bottom:7px !important;} .marb10{ margin-bottom:10px !important;} .marb12{ margin-bottom:12px !important;} .marb15{ margin-bottom:15px !important;} .marb20{ margin-bottom:20px !important;} .marb30{ margin-bottom:30px !important;} .pad0{ padding:0 !important;} .padl5{ padding-left:5px !important;} .padt6{ padding-top:6px !important;} .container{ padding:0 !important; margin:0 auto;} .col-xs-1{ padding: 0; } .col-xs-2{ padding: 0; } .col-xs-3{ padding: 0; } .col-xs-4{ padding: 0; } .col-xs-5{ padding: 0; } .col-xs-6{ padding: 0; } .col-xs-7{ padding: 0; } .col-xs-8{ padding: 0; } .col-xs-9{ padding: 0; } .col-xs-10{ padding: 0; } .col-xs-11{ padding: 0; } .col-xs-12{ padding: 0; } .top{ position: fixed; top: 0; left: 0; width: 100%; background: rgba(255,255,255,.7); z-index: 10; } /* 椤堕儴 */ .t-head{ line-height: 30px; font-size: 12px; } .t-head li{ float: left; margin-right: 20px; } .t-head-l{ float: left; } .t-head-r{ float: right; } .t-head-r a{ float: left; position: relative; } .t-head-r a:hover{ color: #014991 } .clover-icon{ float: left; width: 14px; height: 14px; margin-right: 5px; margin-top: 8px; } /* logo */ .t-l-box{ float: left; margin: 5px 0; } .t-l-box img{ width: auto; height: auto; } /* 鎼滅储 */ .t-l-search{ width: 48%; float: right; font-size: 14px; margin-top: 9px; } .tls-box{ width: 90%; float: right; } .tls-box input{ height: 36px; border: 1px solid #014991; padding-right: 10px; padding-left: 36px; float: left; outline: none; background: url(../images/icons/search-icon.png) no-repeat 10px center; background-size: 16px 16px; } .tls-box span{ width: 58px; height: 36px; background: #014991; color: #fff; text-align: center; line-height: 36px; float: left; cursor: pointer; } /* 瀵艰埅 */ .t-nav{ font-size: 14px; text-align: center; } .t-nav-list{ display: table; width: 100%; height: 40px; margin-bottom: 0; position: relative; text-align: center; } .t-nav-list>li{ height: 40px; float: left; cursor: pointer; } .t-nav-list>li>a{ display: block; color: #014991; height: 20px; margin-top: 10px; border-right: 1px solid #014991; line-height: 20px; font-weight: bold; font-size: 16px; } .t-nav-list>li:last-child>a{ border-right:0 } .t-nav-list>li.ac{ background: rgba(1,73,145,0.7); } .t-nav-list>li.ac a{ color: #fff; } .t-nav-list>li:hover{ background: rgba(1,73,145,0.7); } .t-nav-list>li:hover a{ color: #fff; } /* banner */ .t-banner{ width: 100%; height: 500px; overflow: hidden; text-align:center; position: relative; /* background: url(../images/banner2.jpg) no-repeat center center; */ } .t-banner img{ position: absolute; left: 0; top: 0; } /* 搴曢儴 */ .footer{ margin-top: 20px; line-height: 24px; background: #f5f5f5; font-size: 12px; text-align: center; padding: 10px 0; } .footer p{ margin-bottom: 0; } /*椤垫暟*/ .pages{ margin-top: 30px; float: right; } .pages li{ background: #fff; width: auto; border: 1px solid #ddd; text-align: center; font-size: 12px; float: left; margin: 0 2px; cursor: pointer; padding: 0; } .pages li.ac { background: #fff; border-color: #fff; color: #f90; cursor: default; padding: 8px 13px; } .pages li a{ display: block; padding: 8px 13px; } .t-place{ margin: 10px 0; } .t-place .container{ line-height: 30px; height: 30px; padding: 0 10px !important; font-size: 12px; color: #666; } .t-place a{ color: #666; } .t-place a:hover{ color: #f90; text-decoration: underline !important; } .adv-banner{ margin-top:20px; margin-bottom:20px; } .adv-banner .container{ overflow:hidden; height:90px; position:relative; } .adv-b-banner{ height:90px; margin-bottom:0; position:relative; left:0; transition:cubic-bezier(.01,0,0,.99) 0.5s; -o-transition:cubic-bezier(.01,0,0,.99) 0.5s; -ms-transition:cubic-bezier(.01,0,0,.99) 0.5s; -moz-transition:cubic-bezier(.01,0,0,.99) 0.5s; -webkit-transition:cubic-bezier(.01,0,0,.99) 0.5s; } .adv-b-banner li{ float:left; height:100%; } .adv-b-banner li a{ display:block; width:100%; height:100%; } .adv-b-banner li img{ width:100%; height:100%; } .adv-focus{ position:absolute; bottom:5px; left:48%; margin-bottom:0; } .adv-focus li{ width:12px; height:12px; border:2px solid #fff; border-radius:6px; margin:0 4px; float:left; cursor:pointer; } .adv-focus li.ac{ background:#fff; } .fs-link{ position: relative; } .fs-link li:hover{ background: #fff; } .fs-link li:nth-child(1):hover{ background: none; } .fs-link li:hover a{ color: #666; } .fs-l-box{ position: absolute; top: 0; left: 91%; width: 400%; height: 100%; background: #fff; z-index: 10; padding: 0 10px; display: none; overflow-y: auto; overflow-x: hidden; } .fs-l-box ul{ width: 100%; } .fs-l-box li{ width: 25%; float: left; } .fs-l-box li a{ color: #666 } .promptBox{ text-align: left !important; font-size: 12px !important; } .cb-r-ol, .cb-r-nl, .cb-r-cl{ min-height: 175px; } @media (min-width: 768px) and (max-width: 992px) { .t-l-box h1 { font-size: 30px; margin-top: 8px; } )