html,body{ margin:0px; padding:0px; overflow-x: hidden; } *{ box-sizing: border-box; } ol, ul { list-style-type: none; } blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; box-sizing: border-box; } fieldset, img { border: 0; } a { color: #000; text-decoration: none; } .clear{ clear: both; font-size: 0px; } .w1280{ width:1280px; min-width: 1280px; margin:0 auto; } .w1180{ width:1200px; min-width: 1180px; margin:0 auto; } .w1080{ width:1080px; min-width: 1080px; margin:0 auto; } @media all and (max-width: 1360px) { .w1180{ width:1000px; min-width: 1000px; margin:0 auto; } .footer-link li{ padding: 0px 20px!important; } .navigation ul.dropdown li a{ padding: 0px 20px!important; } .navigation .drop>a:after{ right:8px!important; } } .header{ background-image: url(../images/header_bg.png); height: 100px; background-size: 100%; } .header-wrap{ position: relative; } .header .logo{ padding-top:15px; } .header .logo img{ width:450px; } .header .search{ position: absolute; right:0px; background: rgba(255,255,255,.3); border-radius: 50px; top: 30px; height: 40px; } input::-webkit-input-placeholder { color: #ccc; } input::-moz-placeholder { color: #ccc; } input:-ms-input-placeholder { color: #ccc; } .header .search .icon-search{ position: absolute; width: 50px; height: 40px; background-image: url(../images/icon_search_white.png?v=1.0.2); background-size: 20px 20px; right:0px; background-repeat: no-repeat; background-position: center; border-radius: 0px 50px 50px 0px; cursor: pointer; } .header .search .icon-search:hover{ background-color: rgba(255,255,255,.4); } .header .search input{ background: none; border: none; height: 40px; padding-left: 15px; padding-right:50px; width:230px; outline: none; color:#fff; font-size: 15px; } .navigation{ height: 54px; background: #f2f2f2; } .navigation-fixed{ top: 0px; z-index: 1000; width: 100%; box-shadow: 0px 3px 15px 0px rgb(0,0,0,.3); position: fixed; } .navigation ul{ margin:0; padding:0; list-style:none } .navigation ul.dropdown{ position:absolute; width:100% } .navigation .dropdown li{ float:left; position:relative; height: 54px; line-height: 54px; } .navigation ul.dropdown a:hover{ color:#000 } .navigation ul.dropdown li a{ display:block; padding:0px 29px; color:#414040; position:relative; z-index:2000; text-align:center; text-decoration:none; font-size: 16px; } .navigation ul.dropdown li a:hover,ul.dropdown li a.hover{ position:relative; color:#0076d4; background: #fff; } .navigation ul.dropdown ul{ display:none; position:absolute; top:0; left:0; width:180px; z-index:1000 } .navigation ul.dropdown ul li{ font-weight:400; background:#f6f6f6; color:#fff; border-bottom:1px solid #ccc } .navigation ul.dropdown ul li a{ display:block; color:#616161!important; background:#fff!important; padding:0px 8px; } .navigation ul.dropdown ul li a:hover{ display:block; background:#f2f2f2!important; color:#0076d4!important } .navigation .drop>a{ position:relative } .navigation .sub_menu li{ height: 48px; line-height: 48px; } /* .navigation .drop>a:after{ content:""; position:absolute; right:10px; top:45%; border-left:5px solid transparent; border-top:5px solid #eee; border-right:5px solid transparent; z-index:999 } .navigation .drop>a:hover:after{ content:""; border-left:5px solid transparent; border-top:5px solid #eee; border-right:5px solid transparent; }*/ .section{ position: relative; } .bg-white{ background: #fff; } .bg-gray{ background: #f2f2f2; } .section .title1{ font-size: 28px; color: #000; text-align: center; line-height: 32px; padding: 30px 0 0px; } .section .title1 span{ display: block; width: 30px; height: 3px; background: #0076d4; margin: 0 auto; margin-top: 10px; } .section .title2{ font-size: 18px; color: #333; font-weight: 200; text-align: center; } .banner{ font-size: 0px; } .banner img{ width:100%; } .broadcast{ font-size: 15px; color: #777; padding:0px 0px 15px; position: relative; border-bottom: 1px solid #ddd; } .broadcast label{ width: 600px; font-size: 18px; color: #0076d4; overflow: hidden; display: block; white-space: nowrap; text-overflow: ellipsis; } .broadcast .current{ position: absolute; right: 0px; top: 5px; } .broadcast a{ color: #0076d4; } .broadcast span{ margin: 0px 5px 0px 10px; } .pagination{ text-align: center; padding:20px 0px; } .ui-pagination-container{ height:34px; line-height:34px } .ui-pagination-container .ui-pagination-page-item{ font-size:14px; padding:4px 10px; background:#fff; border:1px solid #c5b7b7; color:#888; margin:0 3px; text-decoration:none } .ui-pagination-container .ui-pagination-page-item:hover{ border-color:#0a498d; color:#0a498d; text-decoration:none } .ui-pagination-container .ui-pagination-page-item.active{ background:#0a498d; border-color:#0a498d; color:#fff; cursor:default } .footer{ background: #0d1021; padding:30px 0px 25px; } .footer .footer-link-title{ font-size: 16px; color: #fff; background-image: url(../images/icon_links.png); background-size: 20px 20px; background-repeat: no-repeat; padding-left: 25px; opacity: 0.6; } .footer-link{ color: #ccc; font-size: 14px; padding-top: 15px; } .footer-link span{ font-weight: bold; display: inline-block; vertical-align: middle; } .footer-link ul{ display: inline-block; vertical-align: middle; } .footer-link li{ float: left; padding: 0px 30px; border-right: 1px solid #1f3449; height: 15px; line-height: 15px; } .footer-link li:last-child{ border-right: none; } .footer-link li a{ color: #ccc; } .footer-link li a:hover{ text-decoration: underline; color: #fff; } .footer_con_item{ width: 160px; float: left; } .footer_con_item h1 { line-height: 30px; font-size: 18px; color: #fff; font-style: normal; font-weight: normal; font-variant: normal; margin-bottom: 5px; } .footer_con_item a { line-height: 30px; font-size: 14px; color: #ccccd3; display: block; width: 100%; } .footer_con_item a:hover { color: #0076d4; text-decoration: underline; padding-left: 2px; transition: all 0.8s; } .footer_con_item-colspan{ width: 320px; } .footer_con_item-colspan a{ width: 50%; float: left; } .footer .contact{ float: left; width: 225px; color: #ccccd3; font-size: 14px; } .footer .contact h6{ font-size: 18px; font-weight: normal; color: #fff; margin-bottom: 10px; } .footer .contact p{ line-height: 30px; } .footer .contact a { color: #ccccd3; } .footer .contact a:hover { color: #0076d4; text-decoration: underline; padding-left: 2px; transition: all 0.8s; } .footer .weixin{ float: right; text-align: center; } .footer .weixin img{ width: 100px; height: 100px; } .footer .weixin p{ color: #ccccd3; font-size: 14px; margin-top: 10px; } .copyright{ border-top: 1px solid #151935; margin-top: 40px; padding: 15px 0px 0px; font-size: 13px; color: #999; text-align: center; } .copyright .copyright-left{ float: left; } .copyright .copyright-right{ float: right; } .copyright a{ color: #999; } .navi-scroll { position: fixed; bottom: 60px; right: 20px; z-index: 101; } .navi-scroll .navi-scroll-content a { display: list-item; width: 62px; height: 62px; line-height: 62px; background: #0076d4; border-radius: 50%; margin-top: 40px; color: #fff; text-align: center; list-style: none; } .navi-scroll .navi-scroll-content a:hover{ background: #0565b1; } .navi-scroll .navi-scroll-content a img { border: none; width: 24px; height: 24px; margin-top: 19px; } .text-cut { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; } .text-cut2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-inline-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; } .text-cut3 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; } .text-cut4 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; word-break: break-all; } .text-cut5 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all; }