html{
overflow: auto;
}
body{
background-color: #f7f7f7;
font-size: 14px;
}
@media (min-width: 992px) {
body{
font-size: 16px;
}
}
@media (min-width: 1480px){
.container {
width: 1440px;
}
}
.container-main{
padding-bottom: 30px;
}
.text-blue{
color: #36bef0;
}
/**
*联系我们*
**/
.h-ctc-nav-ico1{
background-image: url(../images/h_nav_ctc1.png);
}
.h-ctc-nav-ico2{
background-image: url(../images/h_nav_ctc2.png);
}
.h-ctc-nav-ico3{
background-image: url(../images/h_nav_ctc3.png);
}
.h-ctc-nav-ico4{
background-image: url(../images/h_nav_ctc4.png);
}
.h-contact-list{
background-color: #fff;
}
.h-contact-list ul{
margin: 0 20px;
}
.h-contact-li{
position: relative;
padding: 10px 10px 15px 50px;
border-bottom: 1px solid #e7e7e7;
font-size: 16px;
}
.h-contact-li:last-child{
border: none;
}
.h-contact-li .ico{
position: absolute;
left: 0;
top: 12px;
display: block;
width: 32px;
height: 32px;
background-position: 0 0;
background-size: 100% 100%
}
.h-contact-li .addr{
background-image: url(../images/h_ctc_ico1.png);
}
.h-contact-li .tel{
background-image: url(../images/h_ctc_ico2.png);
}
.h-contact-li .fax{
background-image: url(../images/h_ctc_ico3.png);
}
.h-contact-li .peop{
background-image: url(../images/h_ctc_icor.png);
}
.h-contact-li .mail{
background-image: url(../images/h_ctc_ico4.png);
}
.h-contact-li .txt{
color: #888;
}
.baidumap{
width: 100%;
height: 500px;
margin-top: 20px;
}
.baidumap label{max-width: initial;}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.container-main{
padding-bottom: 100px;
}
.h-contact-list ul{
float: left;
margin-left: 15%;
padding: 10px 0;
}
.h-contact-li{
padding: 25px 10px 25px 50px;
}
.h-contact-li .ico{
top: 22px;
}
.baidumap{
margin-top: 0;
}
}
/**
*友情链接*
**/
.h-links-list{
margin: 0 -10px 20px;
}
.h-links-item{
height: 74px;
line-height: 70px;
margin: 8px -4px;
vertical-align: middle;
background-color: #fff;
text-align: center;
box-shadow: 0 0 5px rgba(0,0,0,.15);
transition:all 0.3s;
}
.h-links-item img{
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.h-links-item:hover{
box-shadow: 0 10px 30px -10px rgba(0,0,0,.4);
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.h-links-item{
height: 144px;
line-height: 140px;
margin: 30px -4px 0 -4px;
}
}
/**
*法律声明*
**/
.h-legal-content{
background-color: #fff;
padding: 40px 0 50px;
color: #666;
line-height: 1.625;
}
.h-legal-content .h3{
font-size: 20px;
margin: 0;
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.h-legal-content{
padding: 58px 0 90px;
}
.h-legal-content .h3{
margin-top: 20px;
margin-bottom: 10px;
}
}
/**
*二维码*
**/
.h-code-item{
background-color: #fff;
margin-bottom: 20px;
box-shadow: 0 0 5px rgba(0,0,0,.15);
transition:all 0.3s;5;
}
.h-code-img{
padding: 15px 0;
border-bottom: 1px solid #f6f6f6;
text-align: center;
}
.h-code-tit{
text-align: center;
font-size: 16px;
padding: 20px;
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.h-code-main{
background: url(../images/h_code_bg.png) no-repeat right bottom;
background-size: auto 76%
}
.h-code-list{
margin-top: 60px;
}
.h-code-img{
padding: 10px 0;
}
.h-code-tit{
padding: 15px;
}
}
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
.h-code-img{
padding: 20px 0;
}
.h-code-tit{
font-size: 18px;
padding: 20px;
}
}
@media (min-width: 1480px){
.h-code-img{
padding: 40px 0;
}
}
/**
*党建工作*
**/
.h-nav-red:hover,.h-nav-red.cur{
background-color: #0073bc!important;
}
.h-ccp-nav-ico1{
background-image: url(../images/h_nav_ccp1.png);
}
.h-ccp-nav-ico2{
background-image: url(../images/h_nav_ccp2.png);
}
.h-ccp-nav-ico3{
background-image: url(../images/h_nav_ccp3.png);
}
.h-ccp-nav-ico4{
background-image: url(../images/h_nav_ctc3.png);
}
/**
*党建品牌*
**/
.h-brand-hd{
background-color: #fff;
border-radius: 0 3px 5px rgba(0,0,0,.2);
}
.h-brand-bar{
padding-top: 30px;
height: 180px;
text-align: center;
border-left: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
transition:all 0.3s;
}
.h-brand-bar:hover{
box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.h-brand-bar .ico{
display: inline-block;
width: 60px;
height: 60px;
background-image: url(../images/h_brand_icon.png);
background-repeat: no-repeat;
background-size: 400% 200%;
}
.h-brand-ico1{
background-position: 0 0;
}
.h-brand-bar:hover .h-brand-ico1{
background-position: 0 100%;
}
.h-brand-ico2{
background-position: 33% 0 ;
}
.h-brand-bar:hover .h-brand-ico2{
background-position: 33% 100%;
}
.h-brand-ico3{
background-position: 67% 0;
}
.h-brand-bar:hover .h-brand-ico3{
background-position: 67% 100%;
}
.h-brand-ico4{
background-position: 100% 0;
}
.h-brand-bar:hover .h-brand-ico4{
background-position: 100% 100%;
}
.h-brand-bar:hover .tit{
color: #da242b;
}
.h-brand-bar .tit{
font-size: 16px;
color: #333;
margin: 10px 0 5px;
}
.h-brand-bar .txt{
font-size: 12px;
color: #666;
}
.h-brand-item{
margin-top: 20px;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,.1);
transition: all 0.3s;
}
.h-brand-item .img{
position: relative;
overflow: hidden;
height: auto;
/*background-position: center;
background-size: cover;*/
}
.h-brand-item .img img{
width: 100%;
}
.h-brand-item .cont{
padding: 20px 30px 12px;
}
.h-brand-item .tit{
position: relative;
font-size: 18px;
color: #000;
line-height: 30px;
height: 60px;
overflow: hidden;
transition: all 0.3s;
}
.h-brand-item .txt{
position: relative;
color: #666;
line-height: 28px;
height: 56px;
overflow: hidden;
font-size: 14px;
}
.h-brand-item .ft{
border-top: 2px solid #ececec;
line-height: 52px;
padding: 0 30px;
color: #999;
font-size: 14px;
}
.h-brand-item:hover{
box-shadow: 0 10px 30px -10px rgba(0,0,0,.4);
}
.h-brand-item:hover .tit{
color: #da242b;
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.h-brand-hd{
margin: 60px 0 30px;
}
.h-brand-item{
margin-top: 40px;
}
.h-brand-bar .ico{
width: 90px;
height: 90px;
}
.h-brand-bar{
padding-top: 40px;
height: 238px;
}
.h-brand-bar .tit{
font-size: 20px;
}
.h-brand-bar .txt{
font-size: 14px;
}
.h-brand-item .img{
height: 250px;
}
}
@media (min-width: 1200px) {
.h-brand-bar{
padding-top: 60px;
height: 250px;
}
.h-brand-bar .tit{
margin: 20px 0 15px;
}
}
@media (min-width: 1480px){
.h-brand-bar{
padding-top: 60px;
height: 280px;
}
.h-brand-bar .tit{
margin: 25px 0 20px;
}
.h-brand-item .img{
height: 310px;
}
}
/**
*先锋故事*
**/
.h-story-container{
padding: 50px 0 ;
margin: 0 -15px;
}
.h-story-slide {
position: relative;
width: 100%;
padding: 4px;
background-color: #eee;
box-shadow: 0 5px 10px rgba(0,0,0,.1);
}
.h-story-slide .img{
width: 100%;
}
.h-story-slide img{
width: 100%;
}
.h-story-slide .tit{
padding: 5px;
font-size: 10px;
}
.h-story-slide .view{
position: absolute;
width: 14px;
height: 14px;
right: 10px;
bottom: 10px;
font-size: 12px;
background-size: 14px 14px;
background: url(../images/h_ccp_icon1.png) no-repeat 0 center;
color: transparent;
overflow: hidden;
}
.h-story-container .swiper-slide{
opacity: .5;
min-height: auto;
transition: transform 0.3s;
}
.h-story-container .swiper-slide-active{
z-index: 2;
transform: scale(1.3);
opacity: 1;
}
.h-story-container .swiper-slide-active .h-story-slide{
background-color: #fff;
}
.h-story-next,.h-story-prev{
display: none;
}
@media (min-width: 992px) {
.h-story-container{
margin: 0 auto;
padding: 110px 0 90px;
}
.h-story-slide {
padding: 9px;
box-shadow: 0 15px 30px rgba(0,0,0,.1);
}
.h-story-slide .tit{
padding: 20px 100px 10px 15px;
font-size: 12px;
}
.h-story-slide .view{
width: auto;
padding-left: 28px;
right: 28px;
bottom: 20px;
line-height: 18px;
height: auto;
padding-left: 28px;
color: #666;
}
}
.h-story-next,.h-story-prev{
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
background: #fff;
color: #666;
box-shadow: 0 20px 35px rgba(0,0,0,.1);
text-align: center;
line-height: 60px;
font-size: 30px;
font-weight: 100;
font-family: '宋体';
transition:all 0.3s;
}
.h-story-next{
right: 30px;
}
.h-story-prev{
left: 30px;
}
.h-story-next:hover,.h-story-prev:hover{
background-color: #36bef0;
color: #fff;
}
.h-story-next.swiper-button-disabled, .h-story-prev.swiper-button-disabled{
background-color: #fff;
color: #666;
cursor: default;
}
@media (max-width: 500px) {
.h-brand-bar .txt{
padding: 0 6%;
}
.h-brand-item .cont{
padding: 15px;
}
.h-contact-li{
padding: 10px 10px 15px 50px;
}
}