@charset "utf-8";
/* 首页*/
/* part1 */
.p2{
padding-top: 0px;
}
.headline {
padding: 20px;
}
.headline h2 {
padding: 8px 0;
line-height: 34px;
font-size: 26px;
}
.headline h2 a{
color: #d63030;
font-weight: bold;
}
.headline p {
line-height: 24px;
}
.headline p a {
margin: 0 15px;
}
/* 焦点图 */
.focus,
.focus .pic {
position: relative;
width: 570px;
height: 340px;
}
.focus .pic>div {
position: relative;
overflow: hidden;
width: 100%;
}
.focus .pic img {
width: 100%;
height: 100%;
}
.focus .pic span {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
padding: 10px 80px 10px 10px;
line-height: 26px;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background-color: #333;
background-color: rgba(0, 0, 0, .5);
color: #fff;
}
.focus .focus-prev,
.focus .focus-next {
position: absolute;
top: 50%;
z-index: 3;
display: block;
width: 60px;
height: 60px;
margin-top: -30px;
line-height: 60px;
text-align: center;
font-size: 28px;
cursor: pointer;
background-color: rgba(0, 0, 0, .5);
background-size: 24px auto;
color: #fff;
opacity: 0;
transition: all .3s;
}
.focus .focus-prev .iconfont,
.focus .focus-next .iconfont {
font-size: 28px;
font-weight: normal;
}
.focus .focus-prev {
transform: translate(-50px, 0);
left: 0;
background-image: none;
}
.focus .focus-next {
transform: translate(50px, 0);
right: 0;
background-image: none;
}
.focus:hover .focus-prev,
.focus:hover .focus-next {
opacity: 1;
transform: translate(0, 0);
}
.focus .navi {
position: absolute;
bottom: 14px;
left: auto;
right: 0;
z-index: 9;
width: auto;
margin-bottom: 4px\9;
padding: 0 10px;
text-align: right;
}
.focus .navi li {
float: left;
width: 8px;
height: 8px;
margin: 0 2px;
font: 0/0 lx;
border: 1px solid #fff;
color: transparent;
border-radius: 100px;
transition: all .3s;
}
.focus .navi li.on {
background-color: #fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 2px;
}
.focus .swiper-pagination-bullet {
border: 1px solid #fff;
background: none;
opacity: 1;
}
.focus .swiper-pagination-bullet-active {
background-color: #fff;
}
@media (max-width: 1200px) {
.focus,
.focus .pic {
position: relative;
width: 100%;
height: auto;
}
.focus .pic>div {
position: relative;
overflow: hidden;
width: 100%;
padding: 60% 0 0;
}
.focus .pic img {
position: absolute;
top: 0;
left: 0;
height: 100%;
}
.focus {
margin-bottom: 20px;
}
}
.news {
position: relative;
overflow: hidden;
/*height: 340px;*/
}
.news h3.tab{
height: 40px;
line-height: 40px;
border-bottom: none;
}
.news .tab a {
height: 40px;
line-height: 40px;
}
.news .tab a {
display: inline-block;
min-width: 100px;
height: 40px;
padding: 0 15px;
line-height: 40px;
font-size: 18px;
text-align: center;
background-color: #dce2ee;
transition: all .3s;
}
.news .tab a.current {
background-color: #2b579e;
color: #fff;
}
.news .tab a a {
margin-left: 4px;
}
.news h3.tab a:after{
display: none;
}
@media (max-width: 1200px) {
.grid{
padding:10px;
}
.news .tab a{
font-size: 14px;
padding:0px;
margin:0px;
min-width:0%;
}
}
/* 专题专栏*/
.ztzl {
background-color:#f5f5f5;
position: relative;
padding:20px 0px;
}
.ztzl .scroll {
position: relative;
margin: 0 20px;
}
.ztzl li {
width: 240px\9;
}
.ztzl li a {
display: block;
width: 230px;
margin:0px auto;
}
.ztzl li img {
width: 100%;
}
.ztzl-prev,
.ztzl-next {
position: absolute;
top: 50%;
width: 20px;
height: 40px;
margin-top: -20px;
background-size: 16px auto;
background-repeat: no-repeat;
background-position: center;
opacity: 0;
z-index: 999;
transition: all .3s;
}
.ztzl-prev span,
.ztzl-next span {
display: block;
width: 20px;
margin: 8px auto;
font-size: 22px;
text-align: center;
color: #ccc;
font-weight: bold;
}
.ztzl-prev {
left: 0px;
background-image: none;
}
.ztzl-next {
right: 0px;
background-image: none;
}
.ztzl:hover .ztzl-prev,
.ztzl:hover .ztzl-next {
opacity: 1;
transform: translate(0, 0);
}
@media (max-width: 1200px) {
.ztzl .scroll {
margin: 0 -10px;
}
.ztzl h2,
.ztzl-prev,
.ztzl-next {
display: none;
}
}
.gkzl{
height: 60px;
/*background:#fffdf8 url(/uploads/image/atimages/gkzl.jpg) center 100% no-repeat;*/
background:#fffdf8 url(/uploads/image/atimages/gkzl.jpg) center 50% no-repeat;
}
.gkzl a{
display: block;
height: 100%;
}
.a1 {
margin-left: -5px;
margin-right: -5px;
}
.a1 li {
width: 50%;
}
.a1 li a {
position: relative;
height: 45px;
margin: 5px;
padding: 0 15px;
line-height: 45px;
text-align: center;
background-color: #6f94c8;
color: #fff;
border-radius: 3px;
}
.a1 li a:hover {
background-color: #2d8fff;
color: #fff;
}
.a9 li {
width: 25%;
}
.a9 li a {
margin: 10px;
}
@media (max-width: 1200px) {
.a9 li a {
margin: 10px 0;
font-size: 14px;
}
}
@media (max-width: 320px) {
.a1 li a {
font-size: 14px;
padding-left: 3px;
}
}
.a9 li i {
margin: 0 auto 10px;
}
.a9 li a:hover i {
background-color: #ecf5ff;
box-shadow: 0 0 0 10px #ecf5ff;
}
.a9 .s1 {
background-position: 0 0px;
}
.a9 .s2 {
background-position: -40px 0px;
}
.a9 .s3 {
background-position: -120px 0px;
}
.a9 .s4 {
background-position: -80px 0px;
}
.a9 .s5 {
background-position: -160px 0px;
}
.a9 .s6 {
background-position: -200px 0px;
}
.a9 .s7 {
background-position: -240px 0px;
}
.a9 .s8 {
background-position: -280px 0px;
}
.t3{
line-height: 20px;
background-color:#dbe1ed;
}
.t3 b{
font-size: 22px;
border-left: 5px solid #2b579e;
}
.address{
width:100%;
height: 100px;
display: block;
padding:10px 0px 10px 30px;
background: url(/uploads/image/atimages/address_s.jpg) top left repeat-x;
}
.address h4 b{
padding:10px 0px;
margin-top:-10px;
height: 100px;
overflow: hidden;
background: url(/uploads/image/atimages/address_h_s.jpg) left top repeat-x;
}
.address p{
line-height: 26px;
padding-left:40px;
}
.wlml{
height: 120px;
background: #fffdf8 url(/uploads/image/atimages/wlml.jpg) center 100% no-repeat;
}
.wlml a{
display: block;
height: 100%;
}
.service {
height: 48px;
border-radius: 3px;
padding:2px;
border:1px solid #ccc;
}
.service a{
display: block;
height: 100%;
background: #6084b8 url(/uploads/image/atimages/zwfw.jpg) center no-repeat;
}
.a10 {
margin-left: -5px;
margin-right: -5px;
}
.a10 li {
width: 50%;
}
.a10 li a {
position: relative;
margin: 5px;
text-align: center;
color: #fff;
padding:2px;
border:1px solid #ccc;
border-radius: 3px;
}
.a10 li a span{
display: block;
padding: 4px 15px;
line-height: 20px;
background: #6084b8 center no-repeat;
}
/* 电子刊物*/
.scroll{
margin:10px 60px;
}
.topic li a {
position: relative;
}
.topic li img{
height: 280px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, .05);
}
.topic li a span{
display: none;
}
.topic li a:hover h4{
display: none;
}
.topic li a:hover img{
height: 320px;
}
.topic li a:hover span{
display: block;
position: absolute;
top: 0px;
left: 0px;
text-align: center;
width:100%;
height: 100%;
color: #fff;
line-height: 34px;
padding:60px 30px;
background: #335ea3;
background: -webkit-linear-gradient(rgba(51,94,163,1),rgba(217,225,236,0));
background: -moz-linear-gradient(top,rgba(51,94,163,1) 0%,rgba(217,225,236,0) 100%);; /*firefox*/
background: -o-linear-gradient(top,rgba(51,94,163,1) 0%,rgba(217,225,236,0) 100%); /* opear */
background: -ms-linear-gradient(rgba(51,94,163,1),rgba(217,225,236,0)); /*ie10及ie10 */
}
.topic li a:hover span b{
line-height: 36px;
display: block;
margin-top:20px;
background-color:#6f94c8;
border-radius: 100px;
}
/*投诉平台*/
.complain,
.complain .pic {
position: relative;
width: 320px;
height: 80px;
margin:0px auto;
}
.complain .pic>div {
position: relative;
overflow: hidden;
width: 100%;
}
.complain .pic div a {
color: #fff;
display: block;
line-height: 50px;
background-color:#6f94c8;
border-radius: 100px;
}
.complain .pic div a i{
display: block;
width: 40px;
height: 40px;
float: left;
margin: 5px 5px 0px 60px;
background-image: url(/uploads/image/atimages/icons.png);
background-image: url(/uploads/image/atimages/icons_ie8.png)\9;
background-size: 320px auto;
background-repeat: no-repeat;
background-position: -0px -240px;
}
.complain .complain-prev,
.complain .complain-next {
position: absolute;
top: 50%;
z-index: 3;
display: block;
width: 30px;
height: 30px;
margin-top: -15px;
line-height: 30px;
text-align: center;
cursor: pointer;
background-color: rgba(0, 0, 0, .3);
background-size: 24px auto;
color: #fff;
opacity: 0;
transition: all .3s;
}
.complain .complain-prev .iconfont,
.complain .complain-next .iconfont {
font-size: 10px;
font-weight: normal;
}
.complain .complain-prev {
transform: translate(-50px, 0);
left:complain 0;
background-image: none;
}
.complain .complain-next {
transform: translate(50px, 0);
right: 0;
background-image: none;
}
.complain:hover .complain-prev,
.complain:hover .complain-next {
opacity: 1;
transform: translate(0, 0);
}
.complain .navi {
position: absolute;
bottom: 5px;
left: 0;
right: 0;
z-index: 9;
width: auto;
margin-bottom: 4px\9;
padding: 0 10px;
text-align: center;
}
.complain .navi li {
float: left;
width: 8px;
height: 8px;
margin: 0 2px;
font: 0/0 lx;
color: transparent;
border-radius: 100px;
transition: all .3s;
background-color:#b9bfcf;
}
.complain .navi li.on {
background-color: #fea33a;
}
.complain .swiper-pagination-bullet {
background-color:#b9bfcf;
opacity: 1;
}
.complain .swiper-pagination-bullet-active {
background-color: #fea33a;
}
@media (max-width: 1200px) {
.complain,
.complain .pic {
position: relative;
width: 100%;
}
}