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; }