@charset "utf-8";
/* 主题色：#0e2178 */
body{ font-family:Helvetica,"SourceHanSansCN-Normal","SourceHanSansCN"; margin:0; padding:0; color: #444;
    -webkit-font-smoothing: subpixel-antialiased;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
p,dl,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{ margin:0; padding:0;
    -webkit-font-smoothing: subpixel-antialiased;
}
h1,h2,h3,h4,h5,h6,dt{ font-weight:normal;
    -webkit-font-smoothing: subpixel-antialiased;
}
li{ list-style:none;}
a{text-decoration:none;}
a:focus, a:hover{text-decoration:none; outline: none;}
:focus{ outline: none;}
img{ border: none; outline: none; max-width:100%; height:auto;}
input{ border:none; outline:none; background: none;}
input::-moz-placeholder{ color: #aaa;}
input:-ms-input-placeholder { color: #aaa; }
input::-webkit-input-placeholder{ color:#aaa; }
input::placeholder{ color:#aaa; }
textarea::-moz-placeholder{color:#aaa; }
textarea:-ms-input-placeholder { color:#aaa; }
textarea::-webkit-input-placeholder{ color:#aaa; }

.clear{clear: both; margin: 0; padding: 0;}
.clearfix:after{ content: ""; display:block; height: 0; clear: both; visibility: hidden;}
.clearfix{*zoom:1;}

/*scroll*/
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-button:vertical {display:none}
::-webkit-scrollbar-corner,::-webkit-scrollbar-track {background-color:#0e2178;}
::-webkit-scrollbar-thumb {border-radius:0;background-color:#666;}
::-webkit-scrollbar-thumb:vertical:hover {background-color:#666;}
::-webkit-scrollbar-thumb:vertical:active {background-color:#666;}

/* kb体育app官网模板 */
.headerbox{
   padding-bottom: 16px;
}
.headerbox.position{
    position: fixed;
    width: 100%;
    background: #fff;
    top: 0;
    left: 0;
    z-index: 100;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.headerbox .headertop{
    margin-bottom: 22px;
}
.headertop a.logo{
    float: left;
    width: auto;
    margin-top: 30px;
}
.headertop a.logo img{
    height: 49px;
    width: auto;
}
.headertop .headertopr{
    float: right;
    margin-top: 43px;
}
.headertopr .language{
    float: right;
    margin-right: 20px;
}
.language a{
    display: inline-block;
    font-size:16px;
    padding: 0 10px;
    display:inline-block;
    color: #444;
    line-height: 26px;
    position: relative;
}
.language a::after{
    content: " ";
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
    height: 15px;
    border-right: 1px dashed #444;
}
.language a:hover{
    color:#0e2178;
}
.headertopr .searchbox{
    float: right;
    width: 178px;
    height: 26px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #a3a4a5;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
form.search_news {
   overflow: hidden;
}
form.search_news input.search_text{
    width: 148px;
    float: left;
    height:24px;
    font-size: 14px;
    color: #444;
    padding: 0 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
form.search_news input.button{
    width: 28px;
    height: 24px;
    border-left: 1px solid #a3a4a5;
    background: url(../images/search-black.png) no-repeat center center #fff;
    background-size: 18px auto;
}
.header{
    width: 100%;
    height: 40px;
}
.header .navbox{
    height: 40px;
}
.navbox li{
    float: left;
    width: 10%;
    height:40px;
    position: relative;
}
.navbox li>a{
    display: block;
    font-size: 16px;
    color: #444;
    line-height: 40px;
    height:40px;
    text-align: center;
    position: relative;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
.navbox li .subnav{
    width: max-content;
    position: absolute;
    left:50%;
    display: none;
    top: 40px;
    background: #e4e4e5;
    height: 28px;
    padding: 0 10px;
    z-index: 100;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.navbox li .subnav .sub{
    overflow: hidden;
}
.navbox li .subnav a{
    display: inline-block;
    font-size: 14px;
    text-align: center;
    color: #1e191a;
    line-height: 28px;
    margin: 0 10px;
   
}
.navbox li .subnav a:hover{
    color: #0e2178;
}

.navbox li:hover>a{
    color: #0e2178;
}
.navbox li.current>a{
    color: #0e2178;
}

.index-banner{
	position: relative;
	z-index: 4;
}

.bannerbox{
	z-index: 1;
	position: relative;
}
.bannerbox .slick-slide{
	transition: opacity 2000ms ease 0s !important;
}
.bannerbox a{
	display: block;
	position: relative; 
	overflow: hidden;
}
.bannerbox .slick-img{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
	background: center center no-repeat;
	background-size: cover;
	/* animation: NewBannerAni 12s linear infinite; */
}
.bannerbox .slick-img img{
	position: absolute;
	left: 50%;
	top: 50%;
	min-height: 100%;
	min-width: 100%;
	max-width: 1000%;
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}

.bannerbox .slick-current .slick-img{
	animation: NewBannerAni2 2s linear;
}
@keyframes NewBannerAni2{
    0% { filter: blur(10px);}
    100% {  filter: blur(0px); }
}

.bannerbox .text_box{
	position: absolute;
	z-index: 5;
}
.bannerbox .text_box .title-banner{
	/* font-weight: bold; */
	color: #141f48;
	/* text-shadow: 1.5px 2.5px rgba(0, 0, 0, .8); */
	font-size: 3.75vw;
	position: relative;
}
.bannerbox .text_box .vice_title{
	color: #fff;
	text-shadow: 1.5px 2.5px rgba(0, 0, 0, .8);
	font-size: 1.45vw;
	position: relative;
}
.bannerbox .pos1 .text_box{left: 7%;bottom: 45%; width: 29.9%;}
/* .bannerbox .pos2 .text_box{left:7%;bottom: 45%; width:40.4%;} */
.bannerbox .pos2 .text_box{right:7%;bottom: 45%; width:40.4%;}
.bannerbox .pos3 .text_box{right: 7%;bottom: 45%; width:42.6%;}
.bannerbox .pos4 .text_box{right: 7%;bottom: 45%; width:43.958%;}
.bannerbox .pos5 .text_box{left: 12.23%;bottom: 17%;}

.bannerbox .slick-current .title-banner,.bannerbox .slick-current .vice_title{animation: banner_title1 1.6s ease-out}
.bannerbox .slick-current .ani2 .title-banner,.bannerbox .slick-current .ani2 .vice_title{ animation: banner_title4 1.6s ease-out; -webkit-animation: banner_title4 1.6s ease-out; }
.bannerbox .slick-current .ani3 .title-banner,.bannerbox .slick-current .ani3 .vice_title{animation: banner_title3 1.6s ease-out}
.bannerbox .slick-current .ani4 .title-banner,.bannerbox .slick-current .ani4 .vice_title{ animation: banner_title4 1.6s ease-out; -webkit-animation:; }
.bannerbox .slick-current .ani5 .title-banner,.bannerbox .slick-current .ani5 .vice_title{animation: banner_title5 1.6s ease-out}
@keyframes banner_title1{
	0% {top: 20vh;opacity: .5;}
	100% {top: 0;opacity: 1;}
}
@keyframes banner_title2{
	0% {left: 20vw;opacity: .5;}
	100% {left: 0;opacity: 1;}
}
@keyframes banner_title3{
	0% {top: -20vh;opacity: .5;}
	100% {top: 0;opacity: 1;}
}
@keyframes banner_title4{
	0% {right: -20vw;opacity: .5;}
	100% {right: 0;opacity: 1;}
}
@keyframes banner_title5{
	0% {opacity: .5;}
	100% {opacity: 1;}
}

/* .bannerbox a::after{content: '';display: block;position: absolute;left: 0;right: 0;top: 0;height: 280px;transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;-moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;-o-transition: all ease-in-out .3s;background: -webkit-linear-gradient(top, rgba(0,0,0,.8) , rgba(0,0,0,0));background: -o-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0));background: -moz-linear-gradient(bottom, rgba(0,0,0,.8) , rgba(0,0,0,0));background: linear-gradient(to bottom, rgba(0,0,0,.8) , rgba(0,0,0,0));z-index: 3;} */

.bannerbox .slick-dots{
	bottom: 15px;
}
.bannerbox .slick-dots li{
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}
.bannerbox .slick-dots li button{display: none;}
.bannerbox .slick-dots li.slick-active{ background: #8ec31f; width: 22px;}


.bannerbox .slick-arrow{

	width:42px;
    height:42px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition:all .4s;
    border:1px solid #f0f0f0;
    z-index:100;
    opacity:0;
    outline:none;
}
.bannerbox .slick-prev{
	left:20px;
    background:url(../images/prevon.png) no-repeat 50%;
    transform:translateX(-100%);
}
.bannerbox .slick-next{
	right:20px;
    background:url(../images/nexton.png) no-repeat 50%;
    transform:translateX(100%);
}

.mobile{ display: none;}
.mobileNav{ display:none;position:absolute; top:70px; z-index:10000; width:100%; height:auto;overflow: scroll; background:rgba(0,0,0,.8);left:0;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#0e2178; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}

.indexmain{
    margin-top: 15px;
    background: #fff;
    padding: 28px;
}
.index-newsbox{
    overflow: hidden;
}
.index-newsbox .index-mainleft{
    float: left;
    width: 45%;
}
.indextitle{
    overflow: hidden;
    margin-bottom: 12px;
}
.indextitle .boxnav{
    float: left;
}
.boxnav a{
    font-size: 18px;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    color: #1e191a;
    line-height: 18px;
    height: 18px;
    border-left: 5px solid transparent;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

.indextitle a.indexmore{
    float: right;
    font-size: 14px;
    color: #888;
    font-family: 'arial';
}

.boxnav a.active{
    border-left: 5px solid #0e2178;
    color: #0e2178;
}
.indextitle a.indexmore:hover{
    color: #0e2178;
}
.imgbox img{
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.index-news{

}
.index-news li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.index-news li .imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}
.index-news li .index_newstitle{
    width: 100%;
    height: 65px;
    color: #fff;
    font-size: 18px;
    line-height: 70px;
    padding: 0 15px;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url(../images/titlebg.png) no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.index-news .swiper-button-next,.index-news .swiper-button-prev{
    width:31px;
    height:63px;
    margin-top:-32px;
    background-size: 100% auto;
}
.index-news .swiper-button-next{
    right:0;
    background-image:url(../images/arrowimg-r.png);
}
.index-news .swiper-button-prev{
    left:0;
    background-image:url(../images/arrowimg-l.png);
}
.index-mainright{
    width:51.4%;
    float:right; 
}
.boxlist{
    padding-top: 18px;
    border-top: 1px solid #e8e9ea;
}
.boxlist ul{
    display: none;
}
.boxlist ul li{
    overflow: hidden;
}
.boxlist ul li a{
    overflow: hidden;
    display: block;
    
}
.boxlist ul li h2.index-left-title{
    float:left;
    width:80%;
    font-size: 16px;
    color: #444;
    line-height: 36px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.boxlist ul li span{
    float:right;
    font-size: 16px;
    color:#666;
    line-height: 36px;
}
.boxlist ul li:hover h2.index-left-title{
    color: #0e2178;
}

.indexbox{
    padding-top: 32px;
}
.indexbox-left{
    float: left;
    width: 45%;
}
.indexbox-right{
    float: right;
    width: 51.4%;
}

.indexmainblock{
    margin-top: 16px;
    margin-bottom: 40px;
}
.indexmainblock ul li{
    float: left;
    width: 18.8%;
    margin-right: 1.5%;

}
.indexmainblock ul li.index0{
    border-bottom: 6px solid #28a7e1;
}
.indexmainblock ul li.index1{
    border-bottom: 6px solid #cd0202;
}
.indexmainblock ul li.index2{
    border-bottom: 6px solid #7ebd61;
}
.indexmainblock ul li.index3{
    border-bottom: 6px solid #f8b62a;
}
.indexmainblock ul li.index4{
    border-bottom: 6px solid #ff7e00;
}

.indexmainblock ul li a{
    display: block;
    height: 100%;
    position: relative;
}
.indexmainblock ul li .imgbox{
    width: 100%;
    height: auto;
    overflow: hidden;
}
.indexmainblock ul li img{
    width: 100%;
    height: auto;
}
.indexmainblock ul li h2{
    position: absolute;
    left: 10px;
    bottom: 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.indexmainblock ul li:hover img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.footer{
    background: #004c8a;
    padding-top: 28px;
    padding-bottom: 26px;
    color:#fff;
    font-size:16px;
    line-height: 28px;
}
.footer .copyright{
    float:left;
}
.copyright a{
    margin-left: 22px;
}
.footer a{
    color:#fff;
}
.footer a.langye{
    color:#fff;
    margin-left: 0;
}
.footer .ewmbox{
    float:right;
    /* padding-top:17px; */
}
.ewmbox ul li{
    display: inline-block;
    position: relative;
    margin: 0 7px;
}
.ewmbox ul li>a{
    display:block;
    width: 48px;
    height: 48px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
}
.ewmbox ul li>a i.icon{
    display: inline-block;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size:auto 30px;
}
.ewmbox ul li>a i.icon-wx{
    background-image: url(../images/icon-wx1.png);
}
.ewmbox ul li>a i.icon-qq{
    background-image: url(../images/icon-wx2.png);
}
.ewmbox .footer-box{
    background: #fff;
    padding: 10px 5px 5px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 100px;
    /* margin-left: -120px; */
    font-size: 14px;
    color: #525252;
    border-radius: 5px;
    line-height: 28px;
    text-align: center;
    -webkit-transform: translate(-50%,-10px);
    -ms-transform: translate(-50%,-10px);
    -o-transform: translate(-50%,-10px);
    transform: translate(-50%,-10px);
    margin-bottom: 15px;
    box-shadow: 0px 10px 16px 0px rgb(0 0 0 / 28%);
    z-index:  -1;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.ewmbox .footer-box .qqtext a{
    font-size: 14px;
    color: #525252;
    line-height: 28px;
}
.ewmbox .footer-box::after{
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -10px;
    bottom: -19px;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
}
.footer-box .footer-item{
    text-align: center;
    padding: 0 5px;
    color: #525252;
    float: left;
}
.ewmbox img{
    width:80px;
    height: auto;
}
.gotop.active{
    opacity: 1;
    right: 20px;
}
.gotop a{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    width: 16px;
    margin-left: 45px;
    margin-top: 18px;
    line-height: 20px;
}
.slideFeed{
    position:fixed;
    right:0;
    bottom:40%;
    text-align: left;
    z-index:999;
}
.slideFeed li{
    background: #2186c9;
    margin: 4px 0;
    padding: 10px;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    position: relative;
    right: -82px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition:all .5s;
}
.slideFeed li a{
    display:block;
    text-align:center;
}
.slideFeed li img{
    width:30px;
    height:30px;
}
.slideFeed li span{
    color: #fff;
    font-size: 14px;
    margin: 2px 0;
    margin-left: 8px;
}
.slideFeed:hover li{
    right:0;
    background: #d81206;
}

.index_media{
    width: 100%;
    background: url(../images/index_newjz_bg.png) no-repeat left bottom #4f8c7f; 
    background-size: 100% auto;
    padding-bottom: 6px;
    position: relative;
    z-index:1000;
}
.index_media .container{
    position: relative;
}
.index_media h2{
    position: absolute;
    top: 18px;
    left: 6px;
    font-size: 18px;
    color: #fff;
}
.index_media .slide_lis{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.slide_lis a{
    display: inline-block;
    width: 20%;
    height: 90px;
    border-right: 1px solid rgba(255,255,255,.2);
}
.index_media .swiper-slide a{
    display: block;
    width: 100%;
    padding-top: 72px;
    position: relative;
    cursor: default;
}
.index_media .swiper-slide .swiper-media-title{
    padding-left: 38px;
    margin-left: 30px;
    font-size: 18px;
    color: #fff;
    height: 64px;
    line-height: 28px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 33px auto;
}
.index_media .swiper-slide a.douyin .swiper-media-title{
    background-image: url(../images/index_icon_douyin.png);
}
.index_media .swiper-slide a.weibo .swiper-media-title{
    background-image: url(../images/index_icon_weibo.png);
}
.index_media .swiper-slide .swiper-ewm{
    position: absolute;
    bottom: 62px;
    left: 68px;
    margin-bottom: 5px;
    padding: 3px;
    width: 68px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
    border-radius: 5px;
    box-sizing: border-box;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition: all 0.2s ease-out 0s;
    z-index: 99;
}
.index_media .swiper-slide img{
    width: 100%;
    height: auto;
}
.index_media .swiper-slide .swiper-ewm::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 100%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    font-size: 0;
    border-top-color: #fff;
}
.index_media .swiper-button-next,.index_media .swiper-button-prev{
    width: 17px;
    height: 30px;
    bottom:32px;
    top: auto;
    margin-top: 0;
    background-size: 17px 30px;
}
.index_media .swiper-button-next{
    background-image: url(../images/footer_arrow_r.png);
    right: 0;
}
.index_media .swiper-button-prev{ 
    background-image: url(../images/footer_arrow_l.png); 
    left: 0;
}


/* 关于我们-公司介绍内容 */
.banner{ 
   background-position:center center;
   background-size: cover;
   background-repeat: no-repeat;
   height: 246px;
}
.main{
   position: relative;
   margin-top: -46px;
   z-index: 1;
}
.main .mainleft{
    float: left;
    width: 19.166%;
}
.mainleft .columnname{
    height: 168px;
    padding-left: 14px;
    padding-top: 112px;
    background-repeat: no-repeat;
    background-position:center bottom;
    background-size: cover;
    background-image: url(../images/leftbglogo.jpg);
    font-size: 24px;
    color: #fff;
}
.menunav{
    background: #092e72;
    padding-left: 12px;
    padding-bottom: 21px;
}
.menunav ul{
    /* background: #fff; */
}
.menunav li{
    position:relative;
    border-left: 3px solid transparent;
}
.menunav li span.icon-add{
    position: absolute;
    display: inline-block;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 56px;
    width: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/add1.png);
    background-size: 12px auto;
}
.menunav.ddjsnav li{
    /* margin:0 12px; */
    
}
.menunav li>a{
    display:block;
    line-height:55px;
    color: #666;
    background: #fff;
    padding-left: 25px;
    border-bottom: 1px solid #e8e6e6;
    font-size: 16px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.menunav.ddjsnav li>a{
    padding: 0 15px;
}
.menunav li.current{
    border-left: 3px solid #8ec31f;
}

.menunav li.current>a{
    color:#0e2178;
}

.menunav li.current span.icon-add{
    background-image: url(../images/add1-r.png);
}
.menunav li.current span.icon-minus{
    background-image: url(../images/minus-r.png);
}
.menunav li.current span.icon-add.iconminus{
    background-image: url(../images/minus-r.png);
}
.menunav li span.icon-add.iconminus:hover{
    background-image: url(../images/minus-r.png);
}
.menunav li .threenav{
    width: 100%;
    display: none;
    padding: 12px 0;
    background: #fdfdfd;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
/* .menunav li.current .threenav{
    display: block;
} */
.menunav li .threenav a{
    display: block;
    font-size: 16px;
    color: #666;
    line-height: 36px;
    padding-left: 40px;
}
.menunav li .threenav a:hover{
    color: #8ec932;
}
.menunav li .threenav a.current{
    color: #8ec932;
}

.main .mainright{
    float: right;
    width: 75.66%;
    padding-top: 78px;
    min-height: 550px;
    padding-bottom: 60px;
}
.maintop{
    border-bottom: 1px solid #d6d5d5;
}
.maintop h1{
    float: left;
    position: relative;
    bottom: -1px;
    float: left;
    color: #333;
    font-size: 24px;
    height: 52px;
    line-height: 52px;
    border-bottom: 2px solid #083a85;
}    
.maintop .newsnav{
    color: #666;
    margin-top: 16px;
    font-size: 14px;
    float: right;
    padding-left: 27px;
    height: 20px;
    line-height: 20px;
    background: url(../images/nav_house.png) no-repeat left center;
}
.newsnav a{
    color:#666;
    display: inline-block;
}
.newsnav a:hover,.newsnav a.active{
    color: #0e2178;
}
.about{
    padding-top: 30px;
    min-height: 400px;
    padding-bottom: 50px;
}
.about .about-left{
    float: left;
    width: 48%;
}
.about-left h2{
    color: #3b3a36;
    font-size: 18px;
    font-weight: 700;
    text-indent: 36px;
    margin-bottom: 15px;
}
.about-left p{
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: justify;
}
.numscroll{
    width:100%;
    margin-top: 20px;
}
.numscroll li{
    float: left;
    width:50%;
    cursor: default;
    text-align: center;
}
.numscroll li .icon{
    float: left;
    width:58px;
    height:58px;
    margin-right: 20px;
    transition: all 0.5s ease;
}
.numscroll li .numsright{
    float: left;
}
.numscroll li p{
    font-size: 16px;
    color: #333;
    line-height: 28px;
}
.numscroll li p span{
    font-size: 38px;
    font-family: 'arial';
    color: #0e2178;
    font-weight: bold;
}
.about .about-right{
    float: right;
    width:48%;
    /* margin-top: 8px; */
}
#swiper-about{
    width: 100%;
    /* background: #fff; */
}
#swiper-about .swiper-pagination{
    width:auto;
    right: 10px;
    bottom: 8px;
    font-size: 22px;
    color: #999;

    text-align: right;
    font-family: 'arial';
}
#swiper-about .swiper-pagination-current{
    color:#28a7e1;
    font-size: 32px;
}

#swiper-about .swiper-slide img{
    width:100%;
    
}

/* 企业名录 */
.campanyContainer{
    background: #f5f8ff;
    padding-right: 34px;
}
.campany-title{
    text-align:center;
    font-size:32px;
    color:#333;
    margin-bottom: 38px;
}
.campany-text{
    font-size:16px;
    line-height: 32px;
    color:#666;
    margin-bottom:15px;
}
.campany-text p{
    /* text-indent: 32px; */
    text-align: justify;
}
.companyTitle{
    font-size: 24px;
    color: #0d2178;
    margin-bottom: 25px;
}
.campany-nav{
    float:left;
    width:26%;
}
.campany-nav li{
    margin-bottom: 2px;
    position: relative;
    padding-right: 18px;
}
.campany-nav li::after{
    content: " ";
    display: inline-block;
    position: absolute;
    right:1px;
    top: 50%;
    margin-top: -15px;
    width: 0;
    height:0;
    opacity: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    
}
.campany-nav li a{
    display:block;
    padding:55px 0;
    text-align: right;
}
.campany-nav li.index0 a{
    background: #2186c9;
}
.campany-nav li.index0::after{
    border-left: 18px solid #2186c9;
}
.campany-nav li.index1 a{
    background: #2098d6;
}
.campany-nav li.index1::after{
    border-left: 18px solid #2098d6;
}
.campany-nav li.index2 a{
    background:#33aad6;
}
.campany-nav li.index2::after{
    border-left: 18px solid #33aad6;
}
.campany-nav li .nav-brief{
    position:relative;
    color:#fff;
    display: inline-block;
    padding:0 25px;
}
.campany-nav li .nav-brief p{
    font-size: 24px;
    font-weight: bold;
}
.campany-nav li .nav-brief h2{
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 5px;
}

.campany-nav li.current a{
    /* border-bottom:10px solid #8ac134; */
}
.campany-nav li.current::after{
    opacity: 1;
}
.campany-list{
    float:right;
    width:67.8%;
    padding-top: 30px;
}
.campany-list .comp{
    display: none;
}
.campany-list dl{
    margin-bottom:24px;
}
.campany-list dl dt{
    padding-left: 12px;
    font-size: 22px;
    color: #0e2178;
    height:22px;
    line-height:22px;
    border-left: 4px solid #0e2178;
    margin-bottom: 20px;
    /* font-weight: 700; */
}
.campany-list dl dd{
    margin-bottom: 10px;
}
.campany-list dl dd .title-top{
    /* height: 54px; */
    font-size: 16px;
    color: #666;
    background: #fff;
    cursor: pointer;
    position:relative;
    z-index: 1;
}
.title-top h2{
    /* text-indent: 48px; */
    font-size:20px;
    padding: 12px 48px;
    /* line-height: 54px; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.campnyBox{
    display: none;
    background: #fff;
    
    padding: 28px 30px 32px 26px;
    font-size: 16px;
    color: #666;
    line-height: 32px;
    margin-top: 9px;
}
.campnyBox p strong{
    /* font-size:18px;
    color:#0e2178; */
}
.campany-list dl dd.act .title-top{
    color: #0e2178;
    box-shadow: 0 0 10px rgba(14,33,120,.1);
}
.campany-list dl dd.act .campnyBox{
    display: block;
}

/* 荣誉展示 */
.honorbg{
    padding-top: 40px;
    padding-bottom: 60px;
    /* background-image:url(../images/bg_house.png); */
    background-position: center top 4px;
    background-repeat: no-repeat;
    background-size: auto 140px;
}
.honor_wrapper {
    position: relative;
    height: auto !important;
}
.honor_wrapper::before{
    content: " ";
    display: inline-block;
    position: absolute;
    width: 3px;
    height:100%;
    background: #0e2178;
    top: 0;
    left: 130px;
}
.history-date {
    overflow: hidden;
}
.history-date .date02 {
    margin-bottom: 30px;
    height: 47px;
    font-size: 24px;
    font-weight: normal;
}
.history-date .date02 a {
    display: inline-block;
    *display:inline;
    zoom: 1;
    margin: 10px 97px 0 0;
    padding-right: 17px;
    background: url(../images/icon08.png) no-repeat right 50%;
    color: #0e2178;
}
.history-date .date02 a:hover {
    text-decoration: none;
}
.history-date .date02 img {
    vertical-align: -5px;
}
.history-date .first {
    position: relative;
    z-index: 99;
    background: url(../images/icon06.png) no-repeat 108px -2px;
    background-size: 48px auto;
}
.history-date ul {
    /*display: none;*/
}
.history-date .show {
    display: block;
}
.history-date ul li {
    /* background: url(../images/icon07.gif) no-repeat 121px 0; */
    padding-bottom: 30px;
    zoom: 1;
    position:relative;
}

.history-date ul li.last {
    padding-bottom: 0;
}

.history-date ul li h3 {
    float: left;
    width: 14%;
    font-size: 18px;
    text-align: right;
    padding-right: 6%;
    color: #333;
    font-weight: normal;
    line-height: 22px;
    position:relative;
}
.history-date ul li h3::before{
    content:" ";
    width:6px;
    height:6px;
    border-radius:50%;
    background:#0e2178;
    position:absolute;
    left:128px;
    top:7px;
    z-index:2;
}
.history-date ul li h3::after {
    content:" ";
    width:20px;
    height:20px;
    border-radius:50%;
    background:#fff;
    border:2px solid #0e2178;
    position:absolute;
    left:121px;
    top:0;
    z-index:1;
}
.history-date ul li h3 span {
    display: block;
    color: #d0d0d0;
    font-size: 12px;
}
.history-date ul li .honorpics{
    float: left;
    width: 86%;
    padding-left: 34px;
}
.honorli dd{
    float:left;
    width: 49.495%;
    /* width: 32.66%; */
    margin-right: 1.01%;
    background: #fff;
    padding: 10px 10px;
    margin-bottom: 10px;
    box-shadow:  0 0 5px rgba(14,33,120,.1);
}
.honorli dd a{
    display:block;
    overflow: hidden;
    
}
.honorli dd .imgbox{
    float:left;
    width:45.6%;
}
.honorli dd .honor-t{
    float:right;
    width:50%;
    font-size:16px;
    color:#333;
    margin-top: 4px;
    line-height: 28px;
}

.home2{
    padding-top: 50px;
    /* background-image:url(../images/bg_house.png); */
    background-position: center top 4px;
    background-repeat: no-repeat;
    background-size: auto 140px;
}

/* 默认新闻列表模板 */
.mainnewslist{
    padding-top: 30px;
    padding-bottom: 50px;
}
.commonlist{
    padding-bottom: 30px;
    min-height: 400px;
}
.istoplist{
    margin-bottom:1px;
}
.commonlist li,.istoplist li{
    position:relative;
    overflow: hidden;
    line-height: 64px;
    border-bottom:1px solid #ededed;
    padding-left:50px;
    padding-right: 20px;
}
.istoplist li{
    border-bottom:1px solid transparent;
    -webkit-box-shadow: 0 0 10px rgba(14,33,120,.1);
    box-shadow: 0 0 10px rgba(14,33,120,.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
}
.commonlist li i{
    opacity:0;
    display:inline-block;
    position: relative;
    width: 42px;
    background: #d81206;
    height: 18px;
    border-radius: 0 7px 7px 7px;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    font-family: 'arial';  
}

.commonlist li.new i{
    opacity:1;
    -webkit-animation: mouse 1.5s infinite; 
    -moz-animation: mouse 1.5s infinite; 
    -o-animation: mouse 1.5s infinite; 
    animation: mouse 1.5s infinite; 
}
@-webkit-keyframes mouse { 
    0% { top: -5px; }
    50% { top: 0; }
    100% { top: -5px; } 
}
@-moz-keyframes mouse { 
    0% { top: -5px; }
    50% { top: 0; }
    100% { top: -5px; } 
}
@-o-keyframes mouse { 
    0% { top: -5px; }
    50% { top: 0; }
    100% { top: -5px; } 
}
@keyframes mouse { 
    0% { top: -5px; }
    50% { top: 0; }
    100% { top:-5px; } 
}

.commonlist li::before,.istoplist li::before{
    content: " ";
    position: absolute;
    left: 28px;
    top: 29px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0e2178;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
}
.istoplist li::before{
    left: 20px;
}
.commonlist li a,.istoplist li a{
    float: left;
    width:84%;
    font-size: 16px;
    color:#333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.istoplist li a{
    color:#0e2178;
}
.commonlist li span,.istoplist li span{
    float: right;
    font-size: 16px;
    color:#999;
    font-family: "arial";
}
.no-content{
    font-size:18px;
    color: #333;
}

/* 党的建设列表 */
.commonlist.partylist li::before{
    background: #d81206;
}
.partySingle .linkMediaContent .bigpics .morepicsbox .swiper-pagination-current{
    color:#d81206;
}

/* 默认新闻内容 */
.newscontent{
    padding-top: 35px;
}
.titlecommon{
    /* border-bottom: 1px solid #cfd5e5; */
    text-align: center;
    padding-bottom: 25px;
    /* margin-bottom:36px; */
}
.titlecommon h1{
    font-size: 24px;
    color: #333;
    line-height: 34px;
    margin-bottom: 14px;
    text-align: center;
}
.titlecommon .release{
    font-size: 16px;
    color: #666;
}
.titlecommon .release span{
    margin: 0 10px;
}
.titlecommon .release span#beform{
    margin-left: 0;
    margin-right: 0;
}
.newscontent .newstext,.newscontent .newstext p,.newscontent .newstext div,.newscontent .newstext p span{
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.newscontent .newstext p img,.newscontent .newstext div img{
    margin-top: 15px;
    margin-bottom: 15px;

    height: auto !important;
}
.newscontent .newstext h3{
    font-size: 20px;
    margin-bottom: 15px;
    color: #0e2178;
}
.newscontent .newstext p a{
    color: #333;
}
.newscontent .newstext table tr td{
    padding:5px; 
}
.nextchange{
    margin-top: 40px;
    position: relative;
    background: #fff;
    padding: 35px 0 60px;
    border-top: 1px solid #dfe1e7;
}
.nextchange a{
    color: #666;
}
.leftprev,.rightnext{
    width: 34.6%;
    background-repeat: no-repeat;
}
.leftprev{
    float: left;
    padding-left: 15px;
    font-size: 16px;
    color: #666;
    background-image: url(../images/prev-l.png);
    background-position: left center;
}
.leftprev a{
    display: inline-block;
    width: 68%;
    margin-left:18px;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.leftprev a.prev-a{
    width: 18%;
}
.rightnext{
    float: right;
    padding-right: 15px;
    font-size: 16px;
    color: #666;
    background-image: url(../images/next-r.png);
    background-position: right center;
}
.rightnext a{
    margin-right: 18px;
    display: inline-block;
    width: 68%;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rightnext a.next-a{
    width: 18%;
}
.nextchange a.returnback{
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: 35px;
    /* margin-top: -12px; */
    width: 24px;
    height: 24px;
    background-image: url(../images/news01_4.png);
    z-index: 1;
}

.coumnTitle b{
    font-weight: normal;
    color: #0e2178;
}

/* 组织建设 */
.newszzjs{
    padding-top: 30px;
    padding-bottom: 60px;
}
.newszzjs h2{
    font-size:22px;
    text-align: center;
    color: #0e2178;
    position: relative;
    margin-bottom:30px;
    z-index: 1;
}
.newszzjs ul.index0{
    position: relative;
    height:326px;
    margin-bottom:50px;
}
.newszzjs ul.index0::before{
    content:' ';
    display:inline-block;
    position:absolute;
    top:150px;
    left:0;
    width:100%;
    height:12px;
    background:url(../images/bg03-g.png) repeat-x center center;
}
.newszzjs ul.index0 li{
    position:absolute;
    top:0;
    width:23.8%;
    padding-left: 28px;
}
.newszzjs ul.index0 li::before{
    content:" ";
    display:inline-block;
    position:absolute;
    left:0;
    top:57px;
    width:11px;
    height:11px;
    background:#fff;
    border-radius:50%;
    border:2px solid #c83935;
    z-index:1;
}
.newszzjs ul.index0 li::after{
    content:" ";
    display:inline-block;
    position:absolute;
    left: 5px;
    bottom: -22px;
    width:1px;
    height:90px;
    background:#dfe1e7;
}
.newszzjs ul.index0 li .djzjbox{
    background:url(../images/bg-dj3.jpg) no-repeat right 16px bottom 8px #fff;
    width:89%;
    padding:20px 24px;
    height:135px;
    border-radius:10px;
    box-shadow:2px 0 4px rgba(190,24,19,.2);
    font-size: 16px;line-height: 24px;
    color: #102473;
    background-size: 36px auto;
}
.newszzjs ul.index0 li.index0{
    left:.6%;
}
.newszzjs ul.index0 li.index1{
    left:8%;
}
.newszzjs ul.index0 li.index2{
    left:24.6%;
}
.newszzjs ul.index0 li.index3{
    left:31.83%;
}    
.newszzjs ul.index0 li.index4{
    left:48.58%;
}
.newszzjs ul.index0 li.index5{
    left:55.83%;
}
.newszzjs ul.index0 li.index6{
    left:72.5%;
}
.newszzjs ul.index0 li.index7{
    left:79.83%;
}
.newszzjs ul.index0 li.index1,.newszzjs ul.index0 li.index3,.newszzjs ul.index0 li.index5,.newszzjs ul.index0 li.index7{
    top:172px;
    padding-top:28px;
}
.newszzjs ul.index0 li.index1::after,.newszzjs ul.index0 li.index3::after,.newszzjs ul.index0 li.index5::after,.newszzjs ul.index0 li.index7::after{
    top: -11px;
    bottom:auto;
}   
.newszzjs ul.index0 li.index1::before,.newszzjs ul.index0 li.index3::before,.newszzjs ul.index0 li.index5::before,.newszzjs ul.index0 li.index7::before{
   top:75px;
}   
.newszzjs ul.index1{
    padding-top:30px;
    background: #f5f8ff;
    padding-bottom: 30px;
}
.newszzjs ul.index1 li{
    float:left;
    width:33.33%;
    text-align:center;
    padding:0 18px;
}
.newszzjs ul.index1 li h3{
    font-size:20px;
    color:#102473;
    margin-bottom:40px;
}

.newszzjs p{
    font-size:16px;
    color:#333;
    line-height:32px;
}
.reportingbox{
    margin-top: 35px;
    margin-bottom: 60px;
    background:#fff;
    padding:30px 30px;
    position: relative;
    border-radius: 24px;
    box-shadow: 0 0 10px rgba(99,134,169,.1);
    font-size: 16px;
    line-height: 32px;
    color: #333;
}

/* 最新招聘列表 */
.ypzn{
    margin-top: 35px;
    background-image: url(../images/guide.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 32px auto;
    line-height: 38px;
    height:38px;
    margin-bottom: 15px;
}
.ypzn a,.ypcall a{
    font-size: 20px;
    color: #333;
    padding-left: 50px;
    line-height: 38px;
    display:inline-block;
    margin-bottom: 40px;
}
.ypzn a:hover{
    color:#0e2178;
}
.ypcall{
    background-image: url(../images/call.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 34px auto;
    line-height: 38px;
    height: 38px;
    margin-bottom: 30px;
   
}
.ypcall a{
    cursor: default;
}
.joblists { 
    min-height:400px;
    margin-bottom: 60px;
}
.joblists li{
    border: 1px solid #f5f8ff;
    margin-bottom: 20px;
    background: #f5f8ff;
}
.joblists li .zpone {
    height: 100px;
    cursor: pointer;
    position: relative;
    padding-left: 40px;
    padding-right: 60px;
}
.joblists li .zpone:before {
    content: '';
    width: 4px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: -1px;
    z-index: 0;
    background-color: #0e2178;
    margin-top: -20px;
}
.joblists li .zpone .zptitle {
    float: left;
    padding-top: 20px;
}
.joblists li .zpone h2 {
    font-size: 18px;
    color: #333;
    line-height: 32px;
    height: 32px;
    overflow: hidden;
}
.joblists li .zpone .zptitle p{
    font-size: 16px;
    color: #666;
    line-height: 28px;
}
.joblists li .zpone .zptitle p span.zpplace{
    margin-right: 8px;
}
.joblists li .zpone i {
    position: absolute;
    right: 30px;
    top: 50%;
    z-index: 1;
    width: 15px;
    height: 40px;
    background: url(../images/next-r1.png) center no-repeat;
    margin-top: -20px;
}
.joblists li, .joblists li .zpone i {
    -webkit-transition: 0.6s;
    -moz-transition:0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.joblists li .zpcon {
    display: none;
    padding: 0 10px 30px;
    font-size: 16px;
    color: #333;
    line-height: 32px;
}
.joblists li .zpcon p strong{
    color: #0e2178;
    display: inline-block;
    margin-top:15px;
}
.joblists li.on {
    border-color: #0e2178;
}
.joblists li.on .zpone i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* 新闻列表 */
.newscommon{

}
.newscommon li{
    float: left;
    width:30.16%;
    position: relative;
    margin-right: 4.76%;
    margin-bottom:56px;
}
.newscommon li .imgbox{
    padding-left: 32px;
    overflow: hidden;
    height:186px;
    margin-bottom: 26px;
}
.newscommon li .imgbox img{
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.newscommon li .news-date{
    position: absolute;
    left: 0;
    top: 7px;
    width: 64px;
    height:64px;
    border: 2px solid #fff;
    text-align: center;
    border-radius: 7px;
    background: #8ec31f;
    color: #fff;
    font-family: 'arial';
}
.newscommon li .news-date p{
    font-size: 14px;
    background: #77aa0d;
    border-radius: 7px 7px 0 0;
}
.newscommon li .news-date span{
    font-size: 30px;
    font-weight: bold;
}
.newscommon li h2{
    font-size: 18px;
    line-height: 28px;
    height: 56px;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.newscommon li .newsbrief{
    margin-top: 3px;
    font-size: 16px;
    line-height: 26px;
    height: 52px;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #666;
}
.newscommon li .eyeviews{
    margin-top: 12px;
    background: url(../images/eyebg.png) no-repeat left center;
    padding-left: 32px;
    font-size: 16px;
    color: #333;
}
.newscommon li p.befrommedia span#beform{
    display: block !important;
    font-size: 16px;
    color: #666;
    background-image:url(../images/icon-media.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height:28px;
    background-size: 25px auto;
    padding-left:35px;
    margin-top: 10px;
}
.newscommon li p.befrommedia span#beform a{
    color: #666;
}

/* 企业精神最新版 */
.develop-ways{
    width: 100%;
    background: url(../images/developbg.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    /* padding: 52px 54px 90px; */
    position: relative;
}
.develop-ways::after{
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65%;
    height: 128px;
    z-index: 1;
    background: url(../images/developround.png) no-repeat left bottom;
	opacity: 0.6;
    background-size: 100% auto;
}

.develop-ways ul{
    overflow: hidden;
    position: absolute;
    left: 48px;
    top: 12%;
    width: 79%;
    height: 81%;
}
.develop-ways ul li{
    /* float: left; */
    position:absolute;
    left:0;
    top:0;
    width:32%;
    border-radius: 10px;
    background: rgba(255,255,255,.9);
    height: 136px;
    padding: 20px 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.develop-ways ul li.index1,.develop-ways ul li.index3{
    left:34%;
}
.develop-ways ul li.index2,.develop-ways ul li.index3{
    top: 152px;
}
.develop-ways ul li.index4{
    left: 68%;
    height: 288px;
}
.develop-ways li h3{
    font-size: 20px;
    color: #24265c;
    text-align: center;
    line-height:32px;
    margin-bottom: 6px;
}
.develop-ways li p{
    font-size: 15px;
    padding: 0 2px;
    text-align: center;
    color: #666;
    line-height: 28px;
}
.develop-ways li p strong{
    font-size: 24px;
    font-weight: 500;
    color: #0e2178;
}
.phone-ways{
    display:none;
}

/* 品牌标识内容 */
.brandContent{
    background:url(../images/brandbg.png) no-repeat right -50px bottom #fff;
    background-size: auto 100%;
    padding: 4%;
    border: 1px solid #f2f2f2;
    margin-top:40px;
    border-radius:5px;
    box-shadow: 0 0 10px rgba(14,33,120,.1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.brandlogo{
    float: left;
    width: 21.4%;
}
.brandinfo{
    float: right;
    width: 75%;
}
.brandinfo h2{
    font-weight: 700;
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.brandinfo .brandtext{
    font-size: 16px;
    line-height: 32px;
    color: #666;
}
.brandbrief{
    margin-top: 55px;
    margin-bottom: 20px;
    border:1px solid #ccc;
}
.brandtitle{
    position:relative;
    text-align:center;
    margin-top:-14px;
}
.brandtitle span{
    display: inline-block;
    background: #fff;
    padding:0 10px;
    font-size: 18px;
    color: #333;
}
.brandbrief ul{
    overflow:hidden;
    padding: 40px 30px 30px;
}
.brandbrief ul li{
    float: left;
    width: 25%;
    text-align: center;
}
.brandbrief ul li p{
    margin-top:18px;
}
.brandbrief ul li p img{
    height:30px;
}
.brandbrief ul li p{
    font-size:16px;
    color:#333;
    line-height: 28px;
}

/* 人才理念内容 */
.hridealtext{
    margin-top: 10px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    background: url(../images/zhihui.jpg) no-repeat right top;
    background-size: auto 100%;
    height: 348px;
    
}    
.hridealtext ul{
    padding-top: 76px;
}
.hridealtext ul li{
    margin-bottom: 32px;
}
.hridealtext ul li h2{
    font-size: 22px;
    color: #333;
    line-height: 40px;
    font-weight: bold;
    height: 80px;
}
.hridealtext ul li strong{
    color: #0e2178;
}
.hridealtext ul li p{
    font-size: 16px;
    color: #333;
    line-height: 28px;
    margin-top: 14px;
    width: 50%;
}


/* 组织建设列表 */
.zuzhijianshebox{
    padding-top:10px;
}
.zuzhi-left{
    float:left;
    width:65%;
}
.zuzhi-left h2{
    font-size:24px;
    color:#333;
    margin-bottom: 40px;
    text-align: center;
}
.zuzhi-right{
    float:right;
    width:30%;
}
.zuzhi-right h2{
    font-size:24px;
    color:#333;
    margin-bottom: 40px;
    text-align: center;
}
.htmleaf-content{
    padding:20px 25px 5px;
    background-color: #fff;
    box-shadow:0 0 10px rgba(245,248,255,1);

}
.main-timeline{
    padding: 20px 0;
    position: relative;
}
.main-timeline:before,.main-timeline:after{
    content: '';
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border: 7px solid #0e2178;
    transform:translateX(-50%);
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 2;
}
.main-timeline:after{
    top: auto;
    bottom:15px;
}
.main-timeline .timeline{
    padding: 15px 0;
    margin-top: -16px;
    position: relative;
    z-index: 1;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: '';
    height: 100%;
    width: 50%;
    border-radius: 150px 0 0 150px;
    border: 8px solid #33aad6;
    border-right: none;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.main-timeline .timeline:after{
    height: calc(100% - 16px);
    width: calc(50% - 8px);
    border-color: #3cb7e5;
    left: 8px;
    top: 8px;
}
.main-timeline .timeline-content{ display:inline-block;  width: 100%;}
.main-timeline .timeline-content:hover{ text-decoration: none; }
.main-timeline .timeline-year{
    color: #3498db;
    font-size: 32px;
    display: inline-block;
    transform:translateY(-50%);
    position: absolute;
    top: 50%;
    left: 10%;
}
.main-timeline .timeline-icon{
    color: #3498db;
    font-size: 80px;
    display: inline-block;
    transform: translateY(-50%);
    position: absolute;
    left: 34%;
    top: 50%;
}
.main-timeline .content{
    color: #333;
    width:65%;
    padding: 20px;
    float: right; 
}
.main-timeline .title{
    color: #3498db;
    font-size:20px;
    margin-bottom: 10px;
}
.main-timeline .description{
    font-size: 16px;
    line-height:28px;
    letter-spacing: 1px;
    color: #333;
}
.main-timeline .timeline:nth-child(even):before{
    left: auto;
    right: 0;
    border-radius: 0 100px 100px 0;
    border: 8px solid #d81206;
    border-left: none;
}
.main-timeline .timeline:nth-child(even):after{
    left: auto;
    right: 8px;
    border: 8px solid green;
    border-left: none;
    border-radius: 0 100px 100px 0;
}
.main-timeline .timeline:nth-child(even) .content{ float: left; }
.main-timeline .timeline:nth-child(even) .timeline-year{
    left: auto;
    right: 10%;
}
.main-timeline .timeline:nth-child(even) .timeline-icon{
    left: auto;
    right: 32%;
}
.main-timeline .timeline:nth-child(5n+2):before{ border-color: #d81206; }
.main-timeline .timeline:nth-child(5n+2):after{ border-color: #e5180b; }
.main-timeline .timeline:nth-child(5n+2) .timeline-icon{ color: #d81206; }
.main-timeline .timeline:nth-child(5n+2) .timeline-year{ color: #d81206; }
.main-timeline .timeline:nth-child(5n+2) .title{ color: #d81206; }
.main-timeline .timeline:nth-child(5n+3):before{ border-color: #8ac134; }
.main-timeline .timeline:nth-child(5n+3):after{ border-color: #8ec932; }
.main-timeline .timeline:nth-child(5n+3) .timeline-icon{ color: #8ac134; }
.main-timeline .timeline:nth-child(5n+3) .timeline-year{ color: #8ac134; }
.main-timeline .timeline:nth-child(5n+3) .title{ color: #8ac134; }
.main-timeline .timeline:nth-child(5n+4):before{ border-color: #F99324; }
.main-timeline .timeline:nth-child(5n+4):after{ border-color: #FBB03B; }
.main-timeline .timeline:nth-child(5n+4) .timeline-icon{ color: #F99324; }
.main-timeline .timeline:nth-child(5n+4) .timeline-year{ color: #F99324; }
.main-timeline .timeline:nth-child(5n+4) .title{ color: #F99324; }
.main-timeline .timeline:nth-child(5n+5):before{ border-color: #0071BD; }
.main-timeline .timeline:nth-child(5n+5):after{ border-color: #0050A3; }
.main-timeline .timeline:nth-child(5n+5) .timeline-icon{ color: #0071BD; }
.main-timeline .timeline:nth-child(5n+5) .timeline-year{ color: #0071BD; }
.main-timeline .timeline:nth-child(5n+5) .title{ color: #0071BD; }

.progressbar {
    width: 100%;
	margin-top: 5px;
	margin-bottom: 25px;
	position: relative;
	background-color: #EEEEEE;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,.1);
}

.proggress{
	height: 8px;
	width: 10px;
	background-color: #3498db;
}

.percentCount{
    display:none;
	float:right;
	margin-top: 10px;
	clear: both;
	font-weight: bold;
	font-family: Arial
}
.htmleaf-content h3{
    font-size: 18px;
    line-height:36px;
    margin-bottom: 10px;
}

/* 集团阵地内容 */
.childrenContent .major-load-left{
    float: right;
    width:41.9%;
    position:relative;
    z-index:1;
    margin-left: 25px;
}
.major-load-left::after{
    content:" ";
    position: absolute;
    display:inline-block;
    right:-15px;
    top:41px;
    width:93.86%;
    background:#b7cee7;
    height:222px;
    z-index: -1;
}
.major-load-left .swiper-slide img{
    width:100%;
    height:auto;
}

.major-load-left .swiper-button-next,.major-load-left .swiper-button-prev{
    width:27px;
    border-radius: 50%;
    height:27px;
    background-color: rgba(17,93,177,.5);
    background-size: 8px auto;
    margin-top: -13.5px;
}
.major-load-left .swiper-button-next.swiper-button-disabled,.major-load-left  .swiper-button-prev.swiper-button-disabled{
    background-color: #393939;
}
.major-load-left .swiper-button-next{
    right:5px;
}
.major-load-left .swiper-button-prev{
    left:5px;
}
.major-load-left .videochilde{
    width:100%;
    height:auto;
    margin-top: 30px;
}
.major-load-left .videochilde video{
    width:100%;
    height:100%;
}
.childrenContent .major-load-right{
    /* float:left;
    width:55.7%; */
    font-size: 16px;
    line-height: 32px;
    color:#333;
    text-align: justify;
    
}
.major-load-right p img{
    max-width:100%;
    height:auto;
    margin-top:15px;
}
.major-load-right p video{
    display:block;
    margin:0 auto;
    margin-top:15px;
}

.childrenContent{
    padding-top:28px;
    padding-bottom: 50px;
}
.chilrenTitlebox{
    text-align: left;
    font-size: 20px;
    color:#0e2178;
    margin-bottom: 30px;
}


/* 品牌建设 */
.commoninclude{
    padding-top: 35px;
    padding-bottom: 60px;
}
.include-item{
    margin-bottom: 15px;
}
.include-item .includetop{
    padding: 20px;
    background-image: linear-gradient(to right,#f5f8ff,#feffff);
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.includetop .includeleft{
    float: left;
    width: 70%;
    margin-top: 30px;
}
.includeleft .img-brand{
    float: left;
    width:80px;
    height:80px;
    padding:10px;
    border-radius:50%;
    background: #fff;
    box-shadow: 0 0 5px rgba(99,134,169,.1);
    border: 1px solid transparent;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.includeleft .brand-title{
    float: left;
    margin-left: 15px;
    padding-top: 11px;
}
.includeleft .brand-title h3{
    font-size: 20px;
    margin-bottom: 15px;
    color: #0e2178;
}
.includeleft .brand-title h3 span{
    margin-left:5px;
}
.includeleft .brand-title h2{
    color: #0e2178;
    font-size: 16px;
}

.includetop .includeright{
    width:25%;
    float: right;
    position: relative;
}
.includetop .includeright .major-load-left::after{
    display: none;
}
.includebottom{
    padding: 10px 20px;
    font-size: 16px;
    line-height: 32px;
    color:#333;
    text-align: justify;
}
.includebottom .major-load-right p strong{
    display:inline-block;
    padding-left: 12px;
    font-size: 18px;
    color: #0e2178;
    height: 18px;
    line-height: 18px;
    border-left: 2px solid #0e2178;
    margin-bottom: 12px;
    margin-top: 20px;
    font-weight: normal;
}
.include-item:hover{
    cursor: default;
}
.include-item .includetop:hover{
    -webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    -moz-transform: scale(0.97);
    -o-transform: scale(0.97);
    transform: scale(0.97);
    box-shadow: 0px 0px 5px 1px #ccc;
}

/* 廉政视频作品 */
.videoMain{
    padding-top: 35px;
    padding-bottom: 60px;
}
.videolistsbox{

}
.videolistsbox li{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom: 30px;
}
.videolistsbox li a{
    display:block;
}
.videolistsbox li .imgbox{
    position: relative;
    width:100%;
    height: auto;
    overflow: hidden;
}
.videolistsbox li img{
    width: 100%;
    height:auto;
    transform:scale(1);
    -webkit-transform:scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.videolistsbox li .video_play{
    position: absolute;
    width: 100%;
    height:100%;
    left:0;
    top:0;
    background: rgba(0, 0, 0, 0.3);
}
.videolistsbox li .video_play span{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    width:50px;
    height: 50px;
    background: url(../images/video-lis-play.png) no-repeat center center;
    margin-left: -25px;
    margin-top: -25px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition:all 0.5s;
    -o-transition:all 0.5s;
}
.videolistsbox li .videotitlebox{
    padding: 0 10px;
    height: 56px;
    text-align: center;
}
.videolistsbox li .videotitlebox h2{
    font-size: 18px;
    padding-top: 8px;
    line-height: 56px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
}
.videolistsbox li:hover img{
    transform:scale(1.05);
    -webkit-transform:scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.videolistsbox li:hover .video_play span{
    transform:rotate(360deg);
}
.videolistsbox li:hover .videotitlebox h2{
    color: #0e2178;
}
.showVideo{
    position:fixed;
    left:0;
    top:100%;
    width:100%;
    height:100%;
    z-index:9999;
    background:rgba(14,33,120,.3);
    transition: all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -o-transition:all .5s;
}
.videoContainer{
    position:absolute;
    top:50%;
    left:50%;
    width:80%;
    padding:40px 30px;
    margin-left:-40%;
    transform:translate(0,-50%);
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.videoContainer .closevideo{
    width:20px;
    height:20px;
    float:right;
    background: url(../images/close.png) no-repeat center center;
    background-size: 20px auto;
    margin-bottom: 20px;
    cursor: pointer;
}
.videoSingle{
    clear:both;
}
.videoSingle video{
    width:100%;
    height:100%;
}
.showVideo.act{
    top:0;
}

/* 书画作品列表 */
.picspainting{
    padding-top: 35px;
    padding-bottom: 60px;
}
.picspaintbox li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom: 30px;
}
.picspaintbox li a{
    display:block;
}
.picspaintbox li .imgbox{
    position: relative;
    width: 100%;
    height: auto;
    overflow:hidden;
    border:1px solid #dfdfdf;
}
.picspaintbox li .imgbox img{
    width:100%;
    height:auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.picspaintbox li .lookmore{
    position:absolute;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    opacity: 0;
    background: rgba(48,42,41,.5);
    text-align: center;
    transition: all 0.2s ease-out 0s;
}
.picspaintbox li .lookmore span{
    position: relative;
    top:50%;
    transform: translateY(-50%);
    display: inline-block;
    padding:10px 15px;
    color: #fff;
    font-size: 16px;
}
.picspaintbox li .lookmore span::after{
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
}
.picspaintbox li:hover .lookmore span::after {
    transform: none;
}
.picspaintbox li .lookmore span::before{
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
}
.picspaintbox li:hover .lookmore span::before {
    transform: none;
}

.picspaintbox li .painttitle h2{
    float:left;
    font-size: 16px;
    color: #333;
    line-height:28px;
    width:66%;
    margin-top: 15px;
}
.picspaintbox.picslists li .painttitle h2{
    width: 100%;
    float: none;
    height: 56px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.picspaintbox li .painttitle .markers{
    float:right;
    background: url(../images/solid-s.png) no-repeat center center;
    width: 91px;
    height: 32px;
    color: #666;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    margin-top: 12px;
    
}
.picspaintbox li:hover .imgbox img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.picspaintbox li:hover h2{
    color: #0e2178;
}
.picspaintbox li:hover .lookmore{
    opacity:1;
}

/* 主要板块列表 */
.majortext{
    padding-top: 30px;
    font-size: 16px;
    line-height: 32px;
}
.majorblocklist{
   margin-top: 30px;
   margin-bottom: 40px;
}
.majorblocklist li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom: 20px;
}
.majorblocklist li a{
    display:block;
}
.majorblocklist li .imgbox{
    position: relative;
    width: 100%;
    height: auto;
    overflow:hidden;
}
.majorblocklist li .imgbox img{
    width:100%;
    height:auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.majorblocklist li .lookmore{
    position:absolute;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    opacity: 0;
    background: rgba(48,42,41,.5);
    text-align: center;
    transition: all 0.2s ease-out 0s;
}
.majorblocklist li .lookmore span{
    position: relative;
    top:50%;
    transform: translateY(-50%);
    display: inline-block;
    padding:10px 15px;
    color: #fff;
    font-size: 16px;
}
.majorblocklist li .lookmore span::after{
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
}
.majorblocklist li:hover .lookmore span::after {
    transform: none;
}
.majorblocklist li .lookmore span::before{
    content: "";
    border-bottom: 1px solid #fff;
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.2s ease-out 0s;
    transform: scaleX(0);
}
.majorblocklist li:hover .lookmore span::before {
    transform: none;
}

.majorblocklist li .blocktitle h2{
    float:left;
    font-size: 16px;
    color: #333;
    line-height:28px;
    width:60%;
    margin-top: 15px;
}
.majorblocklist li .blocktitle .markers{
    float:right;
    background: url(../images/solid-s.png) no-repeat center center;
    width: 91px;
    height: 32px;
    color: #666;
    text-align: center;
    font-size: 16px;
    line-height: 32px;
    margin-top: 12px;
}
.majorblocklist li:hover .imgbox img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}
.majorblocklist li:hover h2{
    color: #0e2178;
}
.majorblocklist li:hover .lookmore{
    opacity:1;
}

/* 主要板块内容 */
.mainright .businessbox{
    min-height: 500px;
}
.projectcontent{
    margin-top: 30px;
    border-bottom: 1px solid #ededed;
}
.projecttitle{
    text-align:left;
    font-size: 20px;
    margin-bottom: 25px;
    color: #333;
    position: relative;
}
.projecttitle::after{
    content:" ";
    display: block;
    width: 15px;
    height: 2px;
    margin-top: 15px;
    background: #0e2178;
    margin-bottom: 14px;
}

.projecttext{
    float: left;
    width: 47.5%;
    padding:40px 0 40px 40px;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 20px 0 0 20px;
}
.projectbrief{
    line-height: 32px;
    color: #333;
    position:relative;
    font-size: 16px;
    padding-bottom: 30px;
}

.projectpics{
    margin-top:30px;
    padding-bottom:30px;
    border-bottom: 1px solid #ededed;
}

.piccontainer{
    margin-top:30px; 
    position:relative;
}
.mainproject{
    padding-top: 78px;
    background:#e9eefa;
    /* background:url(../images/bg_house.png) no-repeat center top 48px #e9eefa; */
}

.picslist{padding:0;overflow:hidden;height:300px;width:100%;box-sizing: border-box;position:relative;}

.picslist ul{height:300px;width:100000px;}
.picslist ul li{float:left;margin-right:16px;height:300px;position:relative;}
.picslist ul li a{display:block;}
.picslist ul li a .pics{height:300px; width: auto; max-width:inherit;}
.picslist ul li a .zoompic{width: 45px; height:45px;position:absolute;right:24px;top:24px;display:none;}
.picslist ul li a:hover .zoompic{display:block;}


.swiper-button-next.arrowRight,.swiper-button-prev.arrowLeft{
    position:absolute;
    z-index: 24;
    width: 26px;
    height: 48px;
    top:50%;
    /* opacity: .6; */
    margin-top:-24px;
    background-size: 15px auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.swiper-button-prev.arrowLeft{ 
    left:-36px;
    background-image: url(../images/prev3.png);
    
}

.swiper-button-next.arrowRight{
    right:-36px;
    background-image: url(../images/next3.png);

}
.arrowLeft.act,.arrowRight.act{
    /* opacity:1; */
}


.projectvideo{
    margin-top:50px;
    text-align:center;
}
.videolinkBox{
    margin-top:45px;
}
.projectvideo video{
    width:100%;
    height:auto;
    margin:0 auto;
}
#swiper-picslist{
    height: 300px;
}
.piccontainer .swiper-slide{ width: auto !important;}
.piccontainer .swiper-slide a{display:block;}
.piccontainer .swiper-slide img{
    height:300px; width: auto; max-width:inherit;
}

.piccontainer .swiper-slide .pics{height:300px; width: auto; max-width:inherit;}
.piccontainer .swiper-slide .zoompic{width: 45px; height:45px;position:absolute;right:24px;top:24px;display:none;}
.piccontainer .swiper-slide a:hover .zoompic{display:block;}





.singlenewstext{
    min-height: 400px;
    margin-top: 40px;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #333;
}
.singlenewstext p{
    font-size: 16px;
    line-height: 32px;
    color: #333;
}

/* 联系我们内容 */
.connect{
    margin-top:40px;
}
.contactbox ul{
    /* padding-top: 57px; */
    overflow:hidden;
}
.contactbox ul li{
    float:left;
    width:49.25%;
    text-align: center;
    margin-right: 1.5%;
    padding:30px 20px;
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.contactbox ul li.index1,.contactbox ul li.index2{
    background: #F1F4F9;
}
.contactbox ul li.index3{
    margin-right:0;
}
.contactbox ul li h2{
    font-size: 20px;
    color: #333;
    margin: 20px 0;
}
.contactbox ul li img{
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.contactbox ul li p{
    font-size:16px;
    color: #666;
    line-height: 24px;
    height: 48px;
}    
.contactbox ul li p a{
    color: #666;
}
.contactmap{
    margin-bottom: 60px;
}
.contactmap #map{
    height: 380px;
    width: 100%;
    margin-top: 20px;
}
.contactmap .mapbox{
    padding: 5px 10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contactmap h1{
    padding-left: 50px;
    font-size: 24px;
    color: #000;
    text-align: left;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.contactmap h1::before {
    width: 24px;
    height: 24px;
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../images/dw.png);
}
.contactmap h1::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 2px;
    top: 0;
    left: 35px;
    background: #0e2178;
}
.contactmap p {
    padding-left: 50px;
    font-size: 16px;
    color: #666;
    margin: 10px 0;
    line-height:24px;
}

/* 项目合作 */
.project-hzbox{
    padding-top: 40px;
    padding-bottom: 60px;
}
.hz-item{
    padding:28px 3%;
    margin-bottom: 25px;
    background:url(../images/contact-zgs.jpg) no-repeat right bottom #fafafa;
}
.hz-item h2{
    font-size: 20px;
    color: #333;
    background: url(../images/contact-gs.png) no-repeat left top;
    line-height:28px;
    padding-left: 35px;
}
.hz-item .hz-left-box{
    float:left;
    width:38%;
}
.hz-item p{
    font-size: 16px;
    line-height: 32px;
}
.hz-item ul{
    overflow:hidden;
    float:right;
    width:60%;
}
.hz-item ul li{
    float:left;
    width:50%; 
}
.hz-item.index0 ul li{
    width:33.33%; 
}
.hz-item ul li h3{
    font-size: 17px;
    position: relative;
    padding-left: 32px;
    color: #0e2178;
    font-weight: bold;
}
.hz-item ul li h4{
    font-size: 16px;
    line-height: 32px;
    /* color: #333; */
}
.hz-item ul li h3::before{
    content:" ";
    width:8px;
    height:8px;
    background: #0e2178;
    border-radius: 50%;
    position: absolute;
    left:7px;
    top:5px;
}
.hz-item ul li p{
    display: inline-block; padding-right:20px;
    border-bottom:1px solid #dbdbdb;
}
/* .hz-item.index1,.hz-item.index2,.hz-item.index4,.hz-item.index5{
    float:left;
    width:49%;
}
.hz-item.index1,.hz-item.index2,.hz-item.index4,.hz-item.index5{
    background-image: none;
}
.hz-item.index1 .hz-left-box,.hz-item.index2 .hz-left-box,.hz-item.index4 .hz-left-box,.hz-item.index5 .hz-left-box{
    width: 55%;
}
.hz-item.index1 ul,.hz-item.index2 ul,.hz-item.index4 ul,.hz-item.index5 ul{
    width:40%;
}
.hz-item.index1 ul li,.hz-item.index2 ul li,.hz-item.index4 ul li,.hz-item.index5 ul li{
    width:100%;
}
.hz-item.index1,.hz-item.index4{ margin-right: 2%;}
.hz-item.index3{clear:both;} */
.hz-itemcontent{
    padding-top:10px;
}


/* 新闻内容 */
.contentbox{
    padding: 40px 50px 40px;
}
.contentbox .titlebox{
    text-align: center;
    padding-bottom: 25px;
    border-bottom: 1px solid #E3E2E2;
    margin-bottom: 40px;
}
.contentbox .titlebox h1{
    font-size: 24px;
    color: #333;
    margin-bottom: 20px;
}
.titlebox .release span{
    font-size: 14px;
    color: #666;
    margin: 0 10px;
}
.contentbox .newstext{
    font-size: 16px;
    line-height: 32px;
    color: #383838;
}
.contentbox .newstext p{
    font-size: 16px;
    line-height: 32px;
    color: #383838;
}
.contentbox .newstext p span,.contentbox .newstext p a{
    color: #383838;
}
.contentbox .newstext p img{
    max-width: 100%;
    height: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


/* 滚动条 */
.tanContent .scroll_bar {
	position: absolute;
	top:10%;
	right:-20px;
	width: 5px;
	height: 90%;
	background-color: #e4e4e4;
}
/* 滚动块 */
.tanContent .scroll_slider {
	position: absolute;
	top: 0;
	left: 0px;
	width: 5px;
	height: 48px;
	background-color: #0e2178;
	border-radius:5px;
	opacity: .5
}

.pages{
    text-align: center;
    clear:both;
}
.pages a{
    display: inline-block;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    font-family: 'arial';
    color: #040404;
    margin: 0 12px;
    border-radius: 50%;
}
.pages b{
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    font-family: 'arial';
    color: #fff;
    border-radius: 50%;
    background: #0e2178;
    margin: 0 5px;
}
#pagelist{
	padding-top: 30px;
	text-align: center;
}
#pagelist a{
	display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-family: 'arial';
	color: #5d5a59;
	margin: 0 6px;
}
#pagelist a.active{
	color: #fff;
	background: #0e2178;
    border-radius: 50%;
}


.moreSearch{ 
    float: right;
    width: 420px;
    overflow: hidden;
}
.searchOption{
    float: left;
    width: 90px;
    height: 38px;
    border: none;
    font-size: 14px;
    color: #444;
    text-indent: 6px;
    border-radius:4px 0 0 4px;
    border-right: 1px solid rgb(160, 160, 162);
}
.moreSearch form.search_news{
    height: 40px;
    border: 1px solid rgb(160, 160, 162);
    border-radius:4px;
   
}
.moreSearch form.search_news input.search_text{
    width: 378px;
    float: left;
    height: 38px;
    font-size: 14px;
    color: #444;
    padding: 0 12px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.moreSearch form.search_news input.button{
    width: 40px;
    height: 38px;
    background: url(../images/search-black.png) no-repeat center center #4f8c7f;
    border-radius:0 4px 4px 0;
    background-size: 18px auto;
}

.searchContainer{
    margin-top: 0;
    padding-top:40px;
    padding-bottom: 60px;
}
.searchContainer .maintop{
    margin-bottom: 30px;
}


.search_list{ clear: right;
    padding-top: 20px;
}
.search_list li{
    overflow: hidden;
    padding-top: 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;
    background: url(../images/dots-b.png) no-repeat 4px 28px;
    padding-left: 36px;
}
.search_list li a{
    float: left;
    width: 85%;
    color: #292929;
    font-size:16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.search_list li span{
    float: right;
    color: #8d8d8d;
    font-size:16px;
}
.search_list li a b{
    color: #ff0000;
}
.singleContent{
    clear: right;
    padding-top: 20px;
}
.singleContent p{
    font-size: 16px;
    color: #0e2178;
}

.tips .pics {
	width: 390px;
	height: 303px;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-position: center center;
}
.tips h6{
	font-size:18px;
	text-align: center;
	color:#333;
}

/* 集团自媒体群 */
.media_body{
    padding-top: 110px;
}
.mediacontent{
    /* margin-top: 65px; */
}
.mediacontent dd{
    border: 1px solid #eeebea;
    float:left;
    width:33.3%;
    overflow: hidden;
    height:260px;
    padding:20px 30px 30px 30px;
    background: #fff;
    position:relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.mediacontent dd .icon-media{
    width: 98px;
    height: 98px;
    position: relative;
    margin-bottom:15px;
    overflow: hidden;
}
.mediacontent dd .icon-media img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 98px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0.7;
}
.mediacontent dd .icon-media img.bak{
    width:0;
}
.mediacontent dd::before{
    content: "";
    display: block;
    width: 0px;
    background: #0e2178;
    top: 0;
    bottom: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left: 0px;
}
.mediacontent dd::after{
    content: "";
    display: inline-block;
    width: 100%;
    height:100%;
    background: rgba(14,33,120,.3);
    top:100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    left:0;
}
.mediacontent dd h2{
    font-size: 24px;
    color: #333;
    margin-bottom: 18px;
}
.mediacontent dd ul{
    /* overflow: hidden;  */
}
.mediacontent dd ul li{
    display: inline-block;
    width: 35%;
    font-size: 16px;
    margin-right: 13%;
    color: #666;
    cursor: pointer;
    position:relative;
    z-index:1;
    /* line-height: 22px; */
    margin-bottom: 12px;
}
.mediacontent dd ul li a{
    font-size: 16px;
    color: #666;
}
.mediacontent dd p{
    position:absolute;
    width:100%;
    left:0;
    top:3px;
    opacity:0;
    text-align: center;
    transition: all .5s;
}
.mediacontent dd .imgpic{
    position: absolute;
    top: 24px;
    width: 86px;
    opacity: 0;
    height: 86px;
    right:-100%;
    /* text-align: center; */
    padding: 3px 3px;
    background: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(42,71,107,.3);
    transition: all 0.5s ease-out 0s;
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
}
.mediacontent dd .imgpic.act{
    opacity: 1;
    right: 30px;
}
.mediacontent dd p.on{
    opacity:1;
}

.sj_media02 .infor{text-align:center; margin-bottom:60px;}
.sj_media02 .infor .tit{font-size:36px; line-height:40px; font-weight:bold; margin-bottom:20px; color:#666;}
.sj_media02 .infor .con{font-size:17px; line-height:32px; margin-bottom:20px; color:#666;}

.zszzbox{
    margin-top:50px;
    position:relative;
    padding-right:68px;
    padding-top:50px;
}
#swiper-zszz{
    position:absolute;
    top:0;
    right:0;
    z-index:1;
    width:52.5%;
}
#swiper-zszz .swiper-slide{

}
#swiper-zszz .swiper-slide a{
    display:block;    
    border-radius:10px;
    overflow:hidden;
}
#swiper-zszz .swiper-slide img{
    width:100%;
    height:auto;
}
.zszzBrief{
    background:#fff;
    padding:40px 0 40px 40px;
    min-height: 360px;
}
.zszztext{
    width:46%;
    font-size: 16px;
    line-height: 32px;
    color:#666;
    text-align:justify;
}
.zszztext h2{
    font-size:32px;
    color:#333;
    margin-bottom:26px;
}
.zszzContact{
    background:#e9eefa;
    padding:40px 0;
}
.zszzWay{
  
}
.zszzWay h2{
    text-align:center;
    font-size:32px;
    color:#333;
    margin-bottom:28px;
    margin-top:28px;
}
.zszzWay h3{
    font-size:20px;
    color:#333;
    margin:15px 0 15px 32px;
}
.zszzWay h3 em,.zszzWay h3 i{
    font-size: 30px;
    color:#0e2178;
}
.zszzWay p{
    font-size:16px;
    line-height:32px;
    color:#666;
}



/*自制弹窗样式*/
 
.mark {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height:150px;
    line-height: 150px;
    width: 30%;
    text-align: center;
    font-size: 18px;
    text-align: center;
    color: #000;
    z-index: 100001;
    background: rgba(255,255,255, 1);
    border: 1px solid #c9c9c9;
    border-radius:8px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}


/* 意见征集箱 */
.feedbody{
    margin-top: 0;
    padding: 40px 0;
}
.feedbox{
    padding:40px 50px 50px;
    margin-top: 40px;
    margin-bottom: 40px;
    border-radius: 20px;
    box-shadow:0 0 20px rgba(245, 248, 255,1);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.feedbox h2{
    font-size: 24px;
    color: #000;
    padding-bottom: 18px;
    margin-bottom: 40px;
    border-bottom: 1px solid #c9c9c9;
}
.formfeed dl{
    width: 46%;
    float: left;
    font-size: 16px;
    margin-right: 8%;
    margin-bottom: 40px;
    /* overflow: hidden; */
   
}
.formfeed dl dt{
    float:left;
    width:22%;
    text-align: right;
    font-size: 16px;
    color: #333;
    margin-top: 12px;
}
.formfeed dl dt i{
    color:#d81206;
    margin-right: 5px;
    vertical-align: middle;
}
.formfeed dl dd{
    width:74%;
    float:right;
    position: relative;
}
.formfeed dl dd input{
    display: block;
    width: 100%;
    border: 1px solid #a0a0a2;
    border-radius:8px;
    font-size: 16px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
}
.formfeed dl.last{
    width:100%;
    margin-right: 0;
}
.formfeed dl.last dt{
    width:10%;
}
.formfeed dl.last dd{
    width:88%;
}
.formfeed dl.last dd textarea{
    width: 100%;
    height: 300px;
    border-radius:8px;
    border: 1px solid #a0a0a2;
    padding:10px 20px;
    font-size: 16px;
    line-height: 28px;
}
.feedbtn{
    text-align:center;
}
.feedbtn .a-btn{
    width: 190px;
    height: 56px;
    display: block;
    margin:0 auto 0;
    background: #0e2178;
    color: #fff;
    text-align: center;
    line-height: 56px;
    font-size: 18px;
    border-radius: 8px;
}
.sucessimg{
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,.8);
    left: 0;
    top: 0;
    z-index: 10002;
}
.sucessbox{
    width: 600px;
    height: 470px;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 50%;
    margin-top: -235px;
    z-index: 10002;
    cursor: pointer;
}
.sucessclose{
    position: absolute; 
    top:10px;
    z-index: 10002;
    right: 20px;
    color: #444;
    font-size: 30px;
    font-weight: 500;
}
.formfeed dl dd span.msg{
    position: absolute;
    top: 55px;
    width: 100%;
    z-index: 1;
    left: 0;
}
.high{
    color: #d81206;
    position: absolute;
    top: 10px;
    right: -14px;
}
.onError{
    font-size: 14px;
    color: #d81206;
    position: absolute;
    top: 58px;
    left: 0;
}
.onSuccess{
    font-size: 12px;
    color: green;
}
.redcolor{
    margin-bottom: 40px;
    padding-left: 40px;
    font-size: 16px;
    color: #d81206;
    line-height: 28px;
}
.formfeed dl.last .onError{
    top:308px;
}

/* 新城理念 */
.idea-jscn{
    position: relative;
    padding-left: 11.25%;
}
.ideaword{
    width: 29.33%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.words-jscn{
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    padding: 0 7%;
    text-align: center;
    z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

/* 手机端导航 */
.mc_phone_nav{
    display: none;
    float: right;
    overflow: hidden;
    width: 26px;
    height: 70px;
    /* margin-right: 10px; */
}
.mc_menubox{
    width: 26px;
    height: 70px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: 0;
}
.mc_menubox .point{
    position: relative;
    display: inline-block;
    width: 26px;
    height:70px;
}
.mc_menubox .point .mc_nav {
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 1000;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav::after,.mc_menubox .point .mc_nav::before {
    content: '';
    position: absolute;
    right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.mc_menubox .point .mc_nav, .mc_menubox .point .mc_nav::after, .mc_menubox .point .mc_nav::before {
    display: inline-block;
    width: 26px;
    height: 1px;
    background-color: #0e2178;
}
.mc_menubox .point .mc_nav::after {
    top: -8px;
}
.mc_menubox .point .mc_nav::before {
    top: 8px;
}
.mc_menubox .point.active .mc_nav {
    background: transparent;
}
.mc_menubox .point.active .mc_nav::after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mc_menubox .point.active .mc_nav::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.mobile{
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    top: 70px;
    z-index:1000;
    background-color: #fff;
    height: 100%;
    overflow: auto;
    border-top: 1px solid #EAEAEA;
}
.mobilebox {
    width: 100%;
    background-color: #fff;
    height: 100%;
    padding: 10px 0;
}
.mobilebox h4 {
    position: relative;
    padding: 0 20px;
    overflow: hidden;
}
.mobilebox h4::after {
    content: '';
    display: block;
    clear: both;
}
.mobilebox h4 a {
    float: left;
    width: 88%;
    font-size: 16px;
    line-height: 46px;
    color: #333;
    max-width: calc(100% - 36px);
}
.mobilebox .ul2 {
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
    border-top: 1px solid rgba(0, 0, 0, .1);
}
.mobilebox .ul2 .container_s {
    max-width: 100%;
    padding: 0 25px;
}

.mobilebox .ul1 {
    padding-bottom: 15px;
}
.img_s {
    float: right;
    display: block;
    font-size: 16px;
    line-height: 46px !important;
    color: #333;
    transition: all .36s;
    -webkit-transition:all .36s;
    -moz-transition:all .36s;
    -ms-transition:all .36s;
    -o-transition:all .36s;
}
.mobilebox h5 {
    position: relative;
}
.mobilebox h5::after {
    content: '';
    display: block;
    clear: both;
}
.mobilebox h5 a {
    display: block;
    font-size: 14px;
    line-height: 32px;
    color: #333;
    max-width: calc(100% - 36px);
}
.mobilebox h5 img {
    position: absolute;
    top: 50%;
    right: 5px;
    width: 35px;
    padding: 11px;
    cursor: pointer;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.mobilebox h4.active img.img_s,
.xialaph h5.active img.img_s {
    display: none;
}

.mobilebox h4.active img.img_d,
.mobilebox h5.active img.img_d {
    display: block;
}
.mobilebox h4.active .img_s {
    transform: rotate(180deg);
}

.mobilebox h5.active .img_s {
    transform: rotate(180deg);
}

.mobilebox h4.active .img_s {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}




@media screen and (max-width:1720px) {
    .menus li{ font-size: 18px;}
}
@media screen and (max-width:1560px) {
  
}
@media screen and (max-width:1440px) {
  
}


@media (min-width:768px) and (max-width:992px) {
  
    .navbox li{ margin-right:0;}
    .navbox li>a{ font-size: 16px; padding: 0 7px;}
    .header{ padding:0 10px;}
   
    .navbox li .subnav{ width:130px; margin-left: -65px;}
    .index_about .index_about_right{ padding:25px 25px; bottom: 52px; background-size: 100% auto;}
    .index_about_right .index_about_text{ padding-bottom: 0;}
    .index_about_right h1{ font-size:24px; margin-bottom: 20px;}
    .index_about_right .index_about_text{ line-height:28px;}
    .index_about .index_about_bg{ height:220px;}
    h1.index_title{ font-size:24px;}
    h1.index_title a{ font-size:24px;}
    .index_status h1{ margin-bottom: 40px;}
    .index_status_list li{ padding:15px 10px;margin-bottom: 10px;height: 102px;}
    .index_status_list li::after{ height:2px;}
    .index_status_list li.libg{ background-size: auto 100%;}
    .videoCenter .swiper-slide{ height:300px;}
    .index_jtcy_right ul.index_jtcy_list li a{ padding-left:22px;}
    .index_jtcybox{ padding-top:60px; padding-bottom: 60px;}
    .index_media .swiper-slide .swiper-media-title{ font-size:14px; background-size: 24px auto; line-height: 22px; padding-left: 30px; margin-left: 10px;}
    .footer_left{ padding-left:0;}

    .commonTop h1{ font-size: 42px;}
    .nav-con{ margin-left: -390px;}
    .about_left_top img{ max-width: 100%; height: auto;}
    .about_right .abr-list0{ left:94px;}
    
    .about_right .abr-list1{ right:0; left: auto;}
    .about_right .abr-list2{ top:192px; right: auto; left: 94px;}
    .about_right .abr-list3{ right:0; left: auto;}
    .about_right .abr-list4{ top: 329px; left: 94px;}
    .about_right .abr-list5{right: 0; top: 329px; left: auto;}
    .about-brief .brief-left{ float: none; width:100%; padding-right: 24px;}
    .brief-left .brief-title{ margin-bottom: 25px;}
    .about-brief .brief-right{ float: none; width: 100%; margin-top: 20px;}
    .mfp-arrow-left{ left:0 !important;}
    .mfp-arrow-right{ right: 0 !important;}

    .about_right.business_right .abr-list1{ right:0;}
    .about_right.business_right .abr-list0,.about_right.business_right .abr-list2{ left:94px;}
    .about_right.business_right .abr-list3{ left:auto;right: 0;}
    .business_img{ width:100%;}
    .business_text{ position:relative; top: auto; right: auto; width: 100%; padding: 3%;}
    .business_text h2{ margin-top: 0;}

    .about_right.project_right .abr-list0{ left:96px; right: auto;}
    .about_right.project_right .abr-list1{ left:auto; right: 0;}
    .projects-list{ width:100%;}
    .project_box .project_pics{ top:-20px;}
    .project_box{ height:200px;}
    .project-container{ padding-top: 80px;}
    
    .about_right.status_right .abr-list0{ left:74px;}
    .about_right.status_right .abr-list1{ right:0;}
    .about_right.status_right .abr-list2{ left:-73px;}
    .about_right.status_right .abr-list3{ left:74px;}
    .about_right.status_right .abr-list4{ right:0;}
    .newsfirst .swiper-slide .first-right{ padding:0 10px 0 20px;}
    .newsfirst .swiper-slide h2{ font-size:22px; margin-bottom: 15px;}
    .newsfirst .swiper-slide p{ margin-top: 10px; margin-bottom: 20px;}
    .newsfirst .swiper-pagination{ right:18px; left:auto;}
    
    .video_lists{ width:100%;}

    .about_right.culture_right .abr-list0{ right:0;}
    .about_right.culture_right .abr-list1{ left:86px;}

    .about_right.human_right .abr-list0{ left:96px;}
    .about_right.human_right .abr-list1{ right:0;}

}

@media screen and (min-width:768px) {
    .index-banner:hover .swiper-button-next,.index-banner:hover .swiper-button-prev{
        opacity:1;
        transform:translateX(0);
    }
    .index-banner .swiper-button-next:hover .swiper-button-next,.index-banner .swiper-button-next:hover .swiper-button-prev,.index-banner .swiper-button-prev:hover .swiper-button-next,.index-banner .swiper-button-prev:hover .swiper-button-prev{
        opacity:1;
        transform:translateX(0);
    }
    .index-banner .swiper-button-next:hover{
        border-color:#0e2178;
        background:#0e2178 url(../images/nexton.png) no-repeat 12px;
    }
    .index-banner .swiper-button-prev:hover{
        border-color:#0e2178;
        background:#0e2178 url(../images/prevon.png) no-repeat 8px;
    }

    .boxnav a:hover{
        border-left: 5px solid #0e2178;
        color: #0e2178;
    }

    .index-news .swiper-button-next:hover{
        background-image:url(../images/arrowimg-rr.png);
    }
    .index-news .swiper-button-prev:hover{
        background-image:url(../images/arrowimg-lr.png);
    }
    .index-news li:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .index-news li:hover .index_newstitle{
        background: url(../images/titlebg-r.png) no-repeat center center;
    }

    .index_media .swiper-slide:hover .swiper-media-title{
        color: #edf1ef;
    }
    .index_media .swiper-slide:hover .swiper-ewm{
        visibility: visible;
        opacity: 1;
        transform: none;
    }
    .footer a:hover{
        color: #73c32b;
    }
    .ewmbox ul li:hover>a{
        background: #73c32b;
    }
    .ewmbox ul li:hover>a i.icon-wx{
        background-image: url(../images/icon-wx-r1.png);
    }
    .ewmbox ul li:hover>a i.icon-qq{
        background-image: url(../images/icon-wx-r2.png);
    }
    .ewmbox ul li:hover .footer-box{
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        -o-transform: translate(-50%,0);
        transform: translate(-50%,0);
        z-index: 10;
        opacity: 1;
    }

    .menunav li:hover{
        border-left: 3px solid #8ec31f;
    }
    .menunav li:hover>a{
        color:#0e2178;
    }

    .menunav li:hover a::after {
        transform: none;
    }

    .menunav li.current .threenav{
        display: block;
    }
    
    .index-partnerlist li:hover{
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
    }
    .joblists li:hover {
        -webkit-box-shadow: 0 0 10px 0 #dedede;
        box-shadow: 0 0 10px 0 #dedede;
    }
    .newsisgood .swiper-slide:hover h2,.newsisgood .swiper-slide:hover .isgood-text{
        color: #0e2178;
    }
    .newsisgood .swiper-button-next:hover{
        background: url(../images/news-arrow-r.png) no-repeat center center;
    }
    .newsisgood .swiper-slide:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .newscommon li:hover h2{
        color: #0e2178;
    }
    .newscommon li:hover .imgbox img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .leftprev:hover{
        background-image: url(../images/prev-lr.png);
    }
    .leftprev:hover a{
        color: #0e2178;
    }
    .rightnext:hover{
        background-image: url(../images/next-rr.png);
    }
    .rightnext:hover a{
        color: #0e2178;
    }
    .nextchange a.returnback:hover{
        background-image: url(../images/news01-r.png);
    }
    .ideatab a:hover span.txt { 
        color:#28a7e1; 
        transform:translateY(-10px) scale(1.1); 
        -webkit-transform:translateY(-10px) scale(1.1);
    }
    .ideatab a:hover span.circle { 
        border:4px solid #bae2f5; 
        border-color: #bae2f5;
        background: #28a7e1;
        transform:scale(1.1); 
        -webkit-transform:scale(1.1);
    }
    .idealist li:hover .bg { 
        bottom:-30px;
    }
    .idealist li:hover .txt { 
        left:35%;
    }
    .idealist li.close:hover .txt { 
        left:20%;
    }
    .commonlist li:hover,.istoplist li:hover{
        background: #f5f8ff;
        -webkit-box-shadow: 0 0 10px rgba(14,33,120,.1);
        box-shadow: 0 0 10px rgba(14,33,120,.1);
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0);
    }
    .commonlist li:hover a,.istoplist li:hover a{
        color: #0e2178;
    }
    .commonlist li:hover::before,.istoplist li:hover::before{
        left: 20px;
    }
    .commonlist.partylist li:hover a{
        color:#d81206;
    }
    .party-title a:hover{
        color: #e2001d;
    }
    #swiper-dj .swiper-slide:hover img{
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    #swiper-dj .swiper-slide:hover .swiper-djtit{
        background: rgba(226, 0, 29, 0.6);
    }
    .djColumn1ConT:hover a::after{
        width: 100%;
    }
    .djColumn1ConT:hover h2{
        color: #e2001d;
    }
    .djColumn1List li:hover::before{
        background: #e2001d;
    }
    .djColumn1List li:hover a{
        color:#e2001d;
    }
    .djColumn2CList1 .con .conL .text .btn_party a:hover {
        color: #e2001d;
    }
    .djColumn2CList2 li:hover .time{
        background: #ee7f8f;
    }
    .djColumn2CList2 li:hover .timeUp{
        background: #e7001d;
        color:#fff;
    }
    .djColumn2CList2 li:hover .party-infoC h2{
        color:#e2001d;  
    }
    .djColumn2CList2 li:hover .timeDown{
        color: #fff;
    }
    .djColumn2CList2 li:hover .party-more{
        background: url(../images/next2-red.png) no-repeat center center;
    }
    .djColumn4Scroll .swiper-slide:hover img{
        transform:scale(1.1);
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .djColumn4Scroll .swiper-slide:hover h2,.djColumn4Scroll .swiper-slide:hover span{
        color: #e2001d;
    }  
    .djColumn4Scroll .swiper-button-next:hover,
    .djColumn4Scroll .swiper-button-prev:hover {
        background-color: #e2001d;
    }
    .pertyteamMore:hover span{
        color: #fff;
    }
    .pertyteamMore:hover span::after {
        transform: translateX(-50%) translateY(-50%);
    }
    .businesschild li:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    .businesschild li:hover .businessinfo{
        box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    }
    
    .businesschild li:hover h2{
        color: #0e2178;
    }
    
    .otherlink li:hover .imgbox img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
    }
    .otherlink li:hover .otherinfo{
        width: 100%;
        margin-top: 0;
    }
    .otherlink li:hover .otherinfo::after {
        right: 0;
    }
    .otherlink li:hover .otherinfo::before{
    right: 0;
    }
    .developmentSlick .prev:hover{
        background-color: #0e2178;
        background-image: url(../images/prev2-white.png);
        box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);
    }
    .developmentSlick .next:hover{
        background-color: #0e2178;
        background-image: url(../images/next2-white.png);
        box-shadow: 0 0 8px 8px rgba(0,0,0,0.05);
    }
    .imghover .processcontent .swiper-slide:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}/* 设置图片经过放大 */
    .contactbox ul li:hover img{
        transform: rotateZ(90deg);
    }
    .contactbox ul li p a:hover{
        color: #0e2178;
    }
    .pages a:hover{
        color:#28a7e1;
    }
    .mediacontent dd ul li:hover a{
        color:#0e2178;
    }
    .mediacontent dd:hover::before{
        width:5px;
    }
    .mediacontent dd:hover h2{
        color: #0e2178;
    }
    .mediacontent dd:hover .icon-media img{
        width: 0;
    }
    .mediacontent dd:hover .icon-media img.bak{
        width: 100%;
        opacity: 1;
    }
    .campany-nav li:hover a{
        /* border-bottom:10px solid #8ac134; */
    }
    .campany-nav li:hover::after{
        opacity: 1;
    }
    .campany-list dl dd:hover .title-top{
        color: #0e2178;
        box-shadow: 0 0 10px rgba(14,33,120,.1);
    }
    .campany-list dl dd:hover .title-top h2{
        /* font-weight: bold; */
    }
    .spiritContent ul li:hover .spirittext1{
        transform: translateY(80px);
    }
    .spiritContent ul li.index1:hover .spirittext1{
        transform: translateY(140px);
    }   
    .spiritContent ul li:hover .imgbox{
        background-color: rgba(223,237,247,.75);
    }
    .spiritContent ul li:hover .icon-sptext{
        display: inline-block;
        opacity: 1;
    }
    .spiritContent ul li:hover h2{
        color:#0d2178;
    }
    .spiritContent ul li.index4:hover .spirittext1{
        transform: translateY(60px);
    }  

    .body_home .bb:hover{ cursor: pointer;}
    .body_home .bb:hover span{ animation-play-state:paused;color: #fff;}
    .index_about_right:hover h1,.index_about_right:hover h2,.index_about_right:hover p{color: #0e2178;}
    h1.index_title a:hover{ color: #0e2178;}
    .index_status_left li:hover img{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2);
        -ms-transform: scale(1.2);
    }
    
 
    .index_business_list li:hover .imgbox img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transition: all .6s ease-in-out;
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
    }
    
    .index_jtcy_right ul.index_jtcy_list li:hover a::before{ top: 0; bottom: 0; height: 100%;}
    .index_jtcy_right ul.index_jtcy_list li:hover span{ color: #0e2178;}
    .index_media .swiper-button-next:hover{ background-image: url(../images/footer_arrow_rr.png);}
    .index_media .swiper-button-prev:hover{ background-image: url(../images/footer_arrow_lr.png);}
    .footer_text p a:hover{ opacity: .7;}
    .commonTop .location a:hover{ color: #da2127;}
    .brief-content .scroll_slider:hover{opacity: 1}
    .tab-nav .menu ul li:hover{ background: url(../images/menu-r.png) no-repeat right bottom #4f8c7f;}
    .tab-nav .menu ul li:hover a{ color: #fff;}
    .innovation li:hover{
        transform:scale(1.15);
        -webkit-transform:scale(1.15);
        -moz-transform:scale(1.15);
        -ms-transform:scale(1.15);
    }
    .closebox:hover{ color: rgba(255,255,255,1);}
    .honorContent .swiper-button-prev:hover{ background: url(../images/footer_arrow_lr.png) no-repeat;}
    .honorContent .swiper-button-next:hover{ background: url(../images/footer_arrow_rr.png) no-repeat;}
    .look_case:hover{ color: #68f6a3;}
    .historybox .time .item:hover .dots_dian{ animation: bordershow 3s infinite;}
    .historybox .time .item:hover .dots_dian::after{ opacity: 1; animation: boderM 3s infinite;}
    .historybox .time .item:hover .dots_dian::before{ opacity: 1;animation: boderM 3s .75s infinite;}
    
    .business_bief .scroll_slider:hover{opacity: 1}
    .business_lists ul li:hover .imgbox img{
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
    }
  
    #pageprev:hover {cursor: pointer;}
    #pagenext:hover {cursor: pointer;}
    .duty-list li:hover{ background: #dde6e5;}
    .duty-list li:hover .duty-right::after{ border-right: 18px solid #dde6e5}
    .duty-list li:hover .imgbox::after{ opacity: .5;}
    .duty-list li:hover span.duty-date::after{ width: 180px;}
    
    .newsfirst .swiper-slide:hover .imgbox img{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .newsfirst .swiper-slide:hover h2,.newsfirst .swiper-slide:hover span.first-more{ color: #4f8c7f;}
    .newslists li:hover .imgbox img{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }
    .newslists li:hover{ box-shadow: 0 0 15px 2px rgba(79,140,127,.2);}
    .newslists li:hover h2,.newslists li:hover span{ color: #4f8c7f;}
    
    .partylist li:hover h2,.partylist li:hover .views{ color: #4f8c7f;}
    .partylist li:hover h2,.partylist li:hover .party-right p,.partylist li:hover .views{ margin-left: 20px;}

    .project_pics .swiper-button-next:hover{ background-image: url(../images/footer_arrow_rr.png);}
    .project_pics .swiper-button-prev:hover{ background-image: url(../images/footer_arrow_lr.png);}
    .project_brief .video_play:hover img{
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
    }
    .culture-list li:hover::after{ height: 100%;}

    .tanContent .scroll_slider:hover{opacity: 1}
    .video_lists li:hover img{
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
    }
}

.phonebanner{ display:none;}
.phonebanner img{ width:100%; height:auto;}
.phone-about{ display:none;}

.ih-header-toggles{
    display: none;
    float: right;
    margin-right: 5px;
}
.ih-header-toggles a{
	display: inline-block;
	vertical-align: middle;
	width:32px;
	height:70px;
	border-radius: 50%;
	transition: 0.3s 0s background-color ease;
	-webkit-transition: 0.3s 0s background-color ease;
	-moz-transition: 0.3s 0s background-color ease;
	-ms-transition: 0.3s 0s background-color ease;
	-o-transition: 0.3s 0s background-color ease;
}
.ih-header-toggles a.search-toggle{
	background-image: url(../images/search-black.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px auto;
}	

.close-btn{
    display: none;
    float: right;
    width: 28px;
    height: 58px;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/close-blue.png);
    background-size: 18px auto;
}
.businessphone{
    display: none;
    text-align: center;
    font-size: 22px;
    color: #0e2178;
    margin-bottom: 15px
}
@media screen and (max-width:768px) {
    .headerbox.active{
        background: #fff;
    }
    .headerbox{ padding: 0 4px; height: 70px;}
    .mc_phone_nav{ display: block;}
	.mobile.active{ display: inline-block; }
    
    .header{ display: none;}
    .headertop a.logo{
        margin-top: 23px;
    }
    .headertop a.logo img{ height: 17px;}
    .headertop .headertopr{
        margin-top: 0;
    }
    .headerbox .headertop{
        margin-bottom: 0;
    }   
    .ih-header-toggles{
        display: block;
    }
    .headertopr .searchbox{
        width: 100%;
        position: absolute;
        left: 0;
        padding:0 20px 30px;
        top: 0;
        height: auto;
        display: none;
        z-index: 10000;
        border: none;
    }
    .searchbox.opened{
        display: block;
    }
    .searchbox.opened .close-btn{
        display: block;
    }
    form.search_news{
        height: 26px;
        clear: both;
        border: 1px solid #a3a4a5;
    }
    form.search_news input.search_text{
        width: 91%;
    }
    .headertopr .language{
        margin-right: 5px; margin-top: 21px;
    }
    .language a::after{
        top: 4px; height: 18px;
    }
    .language a{
        line-height: 28px;
    }
    
    .index-banner{ 
        height:212px;
    }
    .bannerbox .slick-arrow{
        display: none !important;
    }
    .bannerbox .slick-img{
        height: 212px;
    }
    .bannerbox .pos1 .text_box{
        width: 46.9%;
    }
    .bannerbox .pos2 .text_box{
        width: 54.4%;
    }
    .bannerbox .pos3 .text_box{
        width: 54.6%;
    }
    .bannerbox .pos4 .text_box{
        width: 54.958%;
    }
    .indexmain{
        margin-top: 0; padding: 28px 15px;
    }
    .index-newsbox .index-mainleft{
        float: none; width: 100%; margin-bottom: 28px;
    }
    .index-mainright,.indexbox-left,.indexbox-right{
        float: none; width: 100%;
    }
    .boxnav a{
        border-left: 3px solid transparent;
    }
    .boxnav a.active{
        border-left: 3px solid #0e2178;
    }
    .index-news li .index_newstitle{
        height: 48px;
        line-height: 52px;
        background-repeat: 100% auto;
        font-size: 16px;
        padding: 0 10px;
        background-position: center bottom;
    }
    .index-news .swiper-button-next, .index-news .swiper-button-prev{
        width: 25px;
    }
    .boxlist ul li h2.index-left-title{
        width: 74%;
    }
    .indexbox{
        padding-top: 22px;
    }
    .indexbox-left{
        margin-bottom: 22px;
    }
    .indexmainblock{
        padding: 28px 15px 13px;margin-top: 0; margin-bottom: 0;
    }
    .indexmainblock ul li{
        float: none; width: 100%; margin-right: 0; margin-bottom: 15px;
    }
    .footer{
        padding: 22px 10px 16px;font-size: 12px;line-height: 22px; text-align: center;
    }
    .footer .copyright{
        float: none;
    }
    .footer a{
        display: block;
        margin-left: 0 !important;
    }
    .footer .ewmbox{
        float: none; padding-top: 12px;
    }
    .slideFeed{
        display: none;
    }
    .ewmbox .footer-box{
        display: none; opacity: 1; z-index: 10; margin-bottom: 5px;
        width: 90px; padding: 5px 0 0; font-size: 12px;
    }
    .ewmbox ul li>a{
        width: 36px; height: 36px;
    }
    .ewmbox ul li>a i.icon{
        width: 36px; height: 36px; background-size: auto 20px;
    }

    /* 公司介绍 */
    .banner{
        height: 80px;
    }
    .main{
        margin-top: 0;
    }
    .main .mainleft,.main .mainright,.about .about-left,.about .about-right{
        float: none; width: 100%;
    }
    .mainleft .columnname{
        display: none;
    }
    .menunav{
        padding-left: 0; padding-bottom: 0; 
    }
    .menunav li{
        float: left; width: 33.33%; border-left: none; border-bottom: 2px solid transparent;
    }
    .menunav li.w20{
        width: 20%;
    }
    .menunav li.w25{
        width: 25%;
    }
    .menunav li.w33{
        width: 33.33%;
    }
    .menunav li.w50{
        width: 50%;
    }
    .menunav li>a{
        line-height: 44px;
        text-align: center;
        padding: 0 0px;
    }
    .menunav li.current{
        border-left: none;
        border-bottom: 2px solid #8ec31f;
    }
    .main .mainright{
        padding: 35px 15px; min-height: 300px;
    }
    .maintop{
        display: none;
    }
    .about{
        padding-top: 0; padding-bottom: 0; min-height: auto;
    }
    .about .about-right{
        margin-top: 22px;
    }

    /* 企业名录 */
    .companyTitle{
        font-size: 20px;
    }
    .campanyContainer{
        padding-right: 0;
    }
    .campany-nav,.campany-list{
        float: none; width: 100%;
    }
    .campany-nav{
        overflow: hidden;
    }
    .campany-nav li{
        float: left; width: 33.33%; padding-bottom: 10px; padding-right: 0;
    }
    .campany-nav li::after{
        right: auto;
        bottom: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: none;
        border-bottom: none;
        top: auto;
        left: 50%;
        margin-top: 0;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
    }
    .campany-nav li.index0::after{
        border-left: 8px solid transparent;
        border-top: 10px solid #2186c9;
    }
    .campany-nav li.index1::after{
        border-left: 8px solid transparent;
        border-top: 10px solid #2098d6;
    }
    .campany-nav li.index2::after{
        border-left: 8px solid transparent;
        border-top: 10px solid #33aad6;
    }
    .campany-nav li a{
        text-align: center;
        padding: 15px 5px 12px;
    }
    .campany-nav li .nav-brief{
        padding: 0;
    }
    .campany-nav li .nav-brief h2{
        font-size: 18px; letter-spacing: 0; font-weight: normal;
    }
    .campany-nav li .nav-brief p{
        font-size: 16px; font-weight: normal;
    }
    .campany-list{
        padding-left: 10px; padding-right: 10px; padding-bottom: 3px;
    }
    .campany-list dl dt{
        padding-left: 10px;font-size: 18px;height: 18px; line-height: 18px;border-left: 2px solid #0e2178;
    }
    .title-top h2{
        font-size: 16px; padding: 12px 15px;
    }
    .campnyBox{
        padding: 15px 10px; margin-top: 4px;
    }

    /* 荣誉展示 */
    .honorbg{ 
        padding-top: 0; padding-bottom: 10px;
    }
	.honor_wrapper::before{
        left: 16px; top: 3px;
    }
	.history-date .first{
		background: url(../images/icon06.png) no-repeat left top;
		background-size: 35px;
	}
	.history-date .date02{
		padding-left: 12%;
		font-size: 20px;
		height: 42px;
		margin-bottom: 10px;
	}
	.history-date .date02 a{ 
        margin-right: 0;
    }
	.history-date ul{ 
        padding-left:29px;
    }
	.history-date ul li{ 
        padding-bottom: 5px;
    }
	.history-date ul li h3{ 
        font-size: 16px; width: 15%; padding-right: 3%; line-height: 28px;
    }
	.history-date ul li .honorpics{ 
        width: 83%; padding-left: 6px;
    }
	.history-date ul li h3::before{ left: -14px; top: 10px;}
	.history-date ul li h3::after{ left: -21px; top: 3px;}
    .honorli dd{
        float: none; width: 100%; margin-right: 0; padding: 5px 5px; margin-bottom: 5px;
    }
    .honorli dd .honor-t{
        font-size: 14px; line-height: 22px; margin-top: 0;
    }

    /* 党建动态 */
    .main{
        overflow: hidden;
    }
    .menunav li span.icon-add{
        width: 44px;
        height: 44px;
        /* right: 6px; */
    }
    .menunav li .threenav{
        position: absolute; left: 0; top: 47px; z-index: 1; width: 150px;
    }
    .menunav li .threenav a{
        line-height: 26px; padding-left: 12px; font-size: 15px;
    }
    .mainnewslist{
        padding-top: 0; padding-bottom: 0;
    }
    .commonlist li, .istoplist li{
        padding-left: 14px; padding-right: 0;
    }
    .commonlist li a, .istoplist li a{
        width: 74%;
    }
    .commonlist li::before, .istoplist li::before{
        left: 0;
    }
    .pages a{
        font-size: 14px; line-height: 28px; margin: 0 6px;
    }
    .pages b{
        width:28px; height:28px; font-size: 14px; line-height: 28px;  margin: 0 6px
    }

    /* 新闻内容 */
    .newscontent{
        padding-top: 0;
    }
    .titlecommon{
        padding-bottom: 20px;
    }
    .titlecommon h1{
        font-size: 20px; line-height: 30px;
    }
    .newscontent .newstext video{
        width: 100%;
        height: auto;
    }
    .leftprev, .rightnext{
        width: 43%;
        display: none;
    }
    .leftprev{
        background-size: 14px;padding-left: 8px; font-size: 14px;
    }
    .leftprev a.prev-a{
        width: 100%;
    }
    .leftprev a{
        display: block;
        width: 98%;
        margin-left: 12px;
        overflow: auto;
        text-overflow: inherit;
        white-space: normal;
    }
    .rightnext{
        background-size: 14px;padding-right: 15px; font-size: 14px;
    }
    .rightnext a.next-a{
        width: 44px;
    }
    .nextchange{
        padding-bottom: 40px;
    }

    /* 组织建设 */
    .newszzjs{
        padding-top: 5px;
        padding-bottom: 0px;
    }
    .newszzjs ul.index0{
        padding-top: 17px;
        height: auto;
        margin-bottom: 40px;
    }
    .newszzjs ul.index0 li{
        position: relative;
        left: auto !important;
        top: auto !important;
        width: 100%;
        padding-top: 0 !important;
        margin-bottom: 20px;
    }
    .newszzjs ul.index0::before{
        width: 12px;
        height: 100%;
        top: 0;
        background-image: url(../images/bg03-gr.png);
        background-repeat:repeat-y;
        background-position:left top;
    }
    .newszzjs ul.index0 li .djzjbox{
        width: 100%;
        height: auto;
        padding: 15px 15px;
    }
    .newszzjs ul.index0 li::after{
        width: 22px;
        height: 1px;
        top: 37px !important;
        bottom: auto !important;
    }
    .newszzjs ul.index0 li::before{
        top: 32px !important;
    }
    .newszzjs ul.index1{
        padding-bottom: 10px;
    }
    .newszzjs ul.index1 li{
        float: none; width: 100%;
        margin-bottom: 25px;
        text-align: center;
    }
    .newszzjs ul.index1 li h3{
        margin-bottom: 20px;
    }

    /* 集团阵地 */
    .commoninclude{
        padding-bottom: 0;
        padding-top: 0;
    }
    .includetop .includeleft,.includetop .includeright{
        float: none; width: 100%;
    }
    .include-item .includetop{
        padding: 10px 10px;
    }
    .includetop .includeleft{
        overflow: hidden;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    
    .includeleft .img-brand{
        width: 60px;
        height: 60px;
    }
    .includeleft .brand-title{
        width: 78%;
        margin-left: 10px;
        padding-top: 6px;
    }
    .includeleft .brand-title h3{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .includeleft .brand-title h2{
        font-size: 14px;
    }
    .includebottom{
        padding: 10px 0;
    }
    .includebottom .major-load-right p{
        font-size: 14px;
        line-height: 28px;
    }
    .includebottom .major-load-right p strong{
        font-size: 16px; padding-left: 10px;margin-top: 12px; height: 100%;margin-bottom: 8px;line-height: 22px;
    }

    /* 廉政建设 */
    .menunav.ddjsnav li>a{
        padding: 0 5px;
        text-align: left;
    }

    /* 廉政文化视频作品 */
    .videoMain{
        padding-top: 0;
        padding-bottom: 0;
    }
    .videolistsbox li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }
    .videolistsbox li .videotitlebox{
        text-align: left;
        padding: 0 0;
    }
    .videolistsbox li .videotitlebox h2{
        font-size: 16px;
        line-height: 28px;
        text-overflow: inherit;
        white-space: normal;
    }
    .videolistsbox li .video_play span{
        width: 32px;
        height: 32px;
        margin-left: -16px;
        margin-top: -16px;
        background-size: 32px auto;
    }

    /* 廉政文化作品列表 */
    .picspainting{
        padding-top: 0;
        padding-bottom: 0;
    }
    .picspaintbox li{
        float: none;
        width: 100%;
        margin-right: 0;
    }

    /* 举报方式 */
    .reportingbox{
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px 10px;
    }

    /* 业务板块 */
    .majortext{
        padding-top: 0;
    }
    .majorblocklist{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .majorblocklist li{
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .singlenewstext{
        margin-top: 0;
        padding-bottom: 0;
        min-height: 300px;
    }

    /* 业务内容 */
    .projectcontent{
        margin-top: 0;
    }
    .projecttitle{
        margin-bottom: 15px;
        font-size: 18px;
    }
    .businessphone{
        display: block;
    }
    .projecttitle::after{
        margin-top: 10px;
    }
    .projectbrief{
        padding-bottom: 15px;
    }
    .projectpics{
        margin-top: 20px;
        padding-bottom: 20px;
    }
    #swiper-picslist{
        height: auto;
    }
    .piccontainer .swiper-slide{
        width: 100% !important;
    }
    .piccontainer .swiper-slide .pics{
        max-width: 100%;
        height: auto;
        width: 100%;
    }
    .swiper-button-next.arrowRight, .swiper-button-prev.arrowLeft{
        margin-top: -42px;
    }
    .swiper-button-prev.arrowLeft{
        left: 0;
    }
    .swiper-button-next.arrowRight{
        right: 0;
    }
    .mfp-arrow-left{
        left: 0 !important;
    }
    .mfp-arrow-right{
        right: 0 !important;
    }
    .projectvideo{
        margin-top: 20px;
    }
    .videolinkBox{
        margin-top: 25px;
    }

    /* 人才建设 */
    .hridealtext{
        margin-top: 0;
        background-size: 100% auto;
        background-position: right bottom;
    }
    .hridealtext ul{
        padding-top: 0;

    }
    .hridealtext ul li h2{
        font-size: 20px;
        line-height: 32px;
        height: 64px;
    }
    .hridealtext ul li p{
        width: 100%;
    }

    /* 人才招聘 */
    .ypzn,.ypcall{
        margin-top: 0;background-size: 28px auto;
        line-height: 28px; height: 28px;
    }
    .ypzn a, .ypcall a{
        font-size: 16px;
        padding-left: 40px;
        line-height: 28px;
    }
    .joblists{
        min-height: 300px;
        margin-bottom: 0;
    }
    .joblists li .zpone .zptitle p span.zpplace,.joblists li .zpone .zptitle p span.zpnumber{
        display: block;
    }
    .joblists li .zpone{
        padding-left: 10px;
        padding-right: 20px;
        height: auto;
    }
    .joblists li .zpone:before{
        width: 2px;
        margin-top: 0;
        top: 20px;
    }
    .joblists li .zpone h2{
        font-size: 16px;
        height: auto;
        margin-bottom: 5px;
        line-height: 24px;
    }
    .joblists li .zpone .zptitle{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .joblists li .zpone .zptitle p{
        font-size: 14px;
        line-height: 22px;
    }
    .joblists li .zpone i{
        width: 20px;
        background-size: 11px auto;
        right: 8px;
    }
    .joblists li .zpcon{
        padding-bottom: 20px;
    }

    .picspaintbox.picslists li .painttitle h2{
        height: auto;
    }
    .titlecommon .release{
        font-size: 14px;
    }
    .titlecommon .release span{
        margin: 0 4px;
    }

    /* 企业精神 */
    .develop-ways{
        background: none;
        background: #29a7e1;
    }
    .develop-ways img.bgpc{
        display: none;
    }
    .develop-ways ul{
        width: 100%;
       
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        padding: 5% 5%;
        z-index: 2;
    }
    .develop-ways ul li{
        width: 100%;
        left: auto !important;
        top: auto !important;
        position: relative;
        height: auto !important;
        margin-bottom: 15px;
    }
    .phone-ways{
        display: block;
        position: relative;
        margin-top: -35%;
        z-index: 1;
    }

    /* 司标释义 */
    .brandContent{
        margin-top: 0;
        background-size: 70% auto;
    }
    .ideaword{
        width: 42.33%;
    }
    .brandlogo{
        text-align: center; width: 100%; float: none;
    }
    .brandlogo img{
        height: 110px;
    }
    .brandinfo{
        float: none;
        width: 100%;
    }
    .brandinfo h2{
        font-size: 20px;
        margin-bottom: 15px;
    }
    .brandtitle span{
        font-size: 16px;
        padding: 0 5px;
    }
    .brandbrief{
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .brandbrief ul{
        padding: 20px 10px 15px;
    }
    .brandbrief ul li img{
        width: 50px;
    }
    .brandbrief ul li p{
        margin-top: 10px;
        font-size: 14px;
    }

    /* 联系方式 */
    .connect{
        margin-top: 0;
    }
    .contactbox ul li{
        float: none;
        width: 100%;
        text-align: left;
        overflow: hidden;
        padding: 20px 10px;
        margin-right: 0;
    }
    .contactbox ul li img{
        float: left;
        width: 50px;
    }
    .contactbox ul li .coninfo{
        float: right;
        width:80%;
    }
    .contactbox ul li h2{
        font-size: 18px;
        margin: 0 0 5px;
    }
    .contactbox ul li p{
        height: auto;
    }
    .contactmap{
        margin-bottom: 0;
    }
    .contactmap .mapbox{
        padding: 0;
    }
    .contactmap h1{
        font-size: 14px;
        padding-left: 30px;
    }
    .contactmap p{
        font-size: 12px;
        line-height: 20px;
        padding-left: 30px;
        margin-bottom: 0;
        margin-top: 5px;
    }
    .contactmap h1::before{
        width: 16px;
        height: 16px;
        background-size: 100% auto;
    }
    .contactmap h1::after{
        left: 22px;
    }
    .contactmap #map{
        height: 280px;
    }

    /* 项目合作 */
    .project-hzbox{
        padding-top: 0;
        padding-bottom: 0;
    }
    .hz-item{
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 15px;
    }
    .hz-item ul li{
        margin-bottom: 10px;
    }
    .hz-item ul,.hz-item ul li,.hz-item .hz-left-box{
        float: none;
        width: 100%;
    }
    .hz-item.index0 ul li{
        width: 100%;
    }

    /* 意见征集箱 */
    .feedbox{
        margin-top: 0;
        padding: 0 10px 0px;
        box-shadow: none;
        margin-bottom: 0;
    }
    .redcolor{
        margin-bottom: 20px;
        padding-left: 0;
    }
    .formfeed dl{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .formfeed dl dt{
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px;
    }
    .formfeed dl dd{
        float: none;
        width: 100%;
    }
    .formfeed dl.last dt{
        width: 100%;
    }
    .formfeed dl.last dd{
        width: 100%;
    }
    .formfeed dl dd input{
        padding: 0 10px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .formfeed dl.last dd textarea{
        padding: 10px 10px;
        height: 150px;
        font-size: 14px;
        line-height: 22px;
    }
    .feedbtn .a-btn{
        width: 120px; height: 42px;line-height: 42px; font-size: 16px;
    }
    .formfeed dl dd span.msg{
        top: 42px;
    }
    .onError{
        font-size: 12px;
    }
    .formfeed dl dt i{
        vertical-align: sub;
    }
    .formfeed dl.last .onError{
        top: 154px;
    }
    .sucessclose{
        right: 10px;
        font-size: 18px;
    }
    .sucessbox{
        width: 66%;
        margin-left: -33%;
        top: 50%;
        margin-top: 0;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
    .tips .pics{
        width: 100%;
    }
    .tips h6{
        font-size: 16px;
    }
    .searchContainer{
        padding: 30px 10px;
    }
}
/* 分辨率375屏幕 */
@media screen and (max-width:380px) {
    .menunav li span.icon-add{
        width: 32px;
    }
    
}    
@media screen and (max-width:360px) {
   
   
}    
@media screen and (max-width:330px) {
  
    
}