@charset ;
/* CSS Document */
@import url(/xxgcxy/dfiles/7780/inc/global.jpg.css);
@import url(/xxgcxy/dfiles/7780/inc/common.jpg.css);
.notice{background:#333; color:#EEE; padding:2px 0; display:none;}
.notice a{ color:#EEE;}
.banner .swiper-slide{height:500px; color:#FFF;}
.banner .swiper-text{width:100%; height:100%;display:block;}
.navigation{background:#01A6EF; z-index:99;}

nav li{width:16%;float:left; position:relative; background:url(/xxgcxy/dfiles/7780/site/z/zspt.cn/xxxy/template/pc/default/01a6ef/images/navigation-bg.jpg) repeat-x;background-position:0 -100px;transition:all 0.5s;}
nav li:hover, nav li.active {background-position:0 0;}
nav li a{display:block;height:60px;line-height:60px;color:#FFFFFF;text-align:center;}

nav li ul{ position:absolute; z-index:100;width:200%; padding: 0; border-radius:0 0 10px 10px; overflow: hidden; background:#01A6EF; display:none;}
nav li:hover ul{display:block;}
nav li ul li{ width:100%; }
nav li ul li a{height:40px;line-height:40px;}

nav form{ margin:13px 0; width:130px;}
nav button{border:none; background:none;}
nav .input-group-addon{padding:0;}

.news {background:#FFF;}
.news .focus{background:#EFEFEF; overflow:hidden; height:350px;}
.news .txt li{ background:#EFEFEF; border-radius: 10px; height:110px; margin:0 0 10px 0;}
.news .txt li:last-child{margin:0;}
.news .date{line-height:110px;font-size:24px;text-align:center;}
.news .link{line-height:110px;text-align:center;}
.news .text a{text-align:left; font-size:18px; font-weight:bold; color:#01A6EF; padding:0; margin:5px 0; display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .link a{padding:7px; display:inline;background:#01A6EF; color:#FFF; border-radius:5px;}

.title h2{margin:40px 20%;line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #ddd; text-align:center;}

.professional {background:#FFF;}
.professional a{display:block; color:#FFF;}
.professional h3{ text-align:center;}
.professional .pic{ margin:20px 0;height:300px; border:1px solid #EEE; border-radius: 10px; background:no-repeat center; background-size:50%; transition:all 0.5s; overflow:hidden;}
.professional .txt{ height:210px; margin-top:240px; padding:0 20px; overflow:hidden; transition:all 0.5s;}
.professional h3{height:60px;}
.professional a:hover .pic{  background-color:#FFF !important;}
.professional a:hover .txt{ margin-top:60px; color:#666;}

.activity {background:#FFF;}
.activity .content{ margin:20px 0;}
.activity .nav li{width:12.5%; text-align:center;}
.activity .tab-content li{margin:20px 0 0 0;}
.activity a{display:block; transition:all 0.5s;}
.activity a:hover{background:#66CCFF; color:#FFF;}
.activity h4{ display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.activity dl{ border:1px solid #EEE;}
.activity dt{height:150px; padding:5px;}
.activity dt img{width:100%; height:100%; object-fit:cover;}
.activity dd{height:100px; font-size:14px; padding:0 10px;}


.recommended {background:#FFF;}
.recommended .link{text-align:center;}
.recommended .link a{margin:20px; width:150px; height:150px;background:#CCC center no-repeat; background-size:75%;}

.panel-default .panel-heading{background:#01A6EF; color:#FFF;}

.body{background:#FFF;}
.aside a{ display:block;}
.aside h4{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.item { padding:0 0 20px 0;}
.item li{ padding:2px 10px; margin:5px 0; border-radius: 10px; transition:all 0.5s;}
.item a{ display:block;}
.item li:hover{background:#66CCFF;}
.item li:hover a{color:#FFF;}
.item img{ width:100%; height:100%; object-fit:cover;}
.item h4{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.item p{display:block; overflow: hidden;}
.item span{float:right;}
.item-3 li{padding:10px 0; transition:all 0.5s; width:33%; float:left;}
.item-3 figure{margin:10px;}
.item-3 .thumbnail{height:150px;}
.item-3 .caption{height:110px;overflow: hidden; overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.item-4 .thumbnail{width:200px; height:150px; margin:0 10px 0 0;}
.item-4 li {padding:20px; }
article .info{text-align:center; margin:10px 0;}

footer .link{ background:#1E1E1E; padding:20px 0; border-top:3px solid #01A6EF;}
footer ul li{color:#666;}
footer ul li.title{color:#EEE;}
footer .copyright{ background:#333;color:#CCC; padding:10px 0;}

footer ul li.pic{ width:33.33333333%;padding:0 20px; float:left; text-align:center;}
footer img{ max-width:100%;}