.header .logo a img{width:139px;}

.index-tit h2{ font-size: 24px; font-weight: 700; color: #333; text-align: center; padding-top: 30px;}
.index-tit .index-tit-con{width: 70%; text-align: center; padding-top:20px;margin: 0 auto 30px; line-height: 30px; }
.index-tit span{display: block; width: 60px; height: 2px; background: #0099cc; margin: 20px auto 0;}
.index-qiye{position: relative;}
.index-qiye .zuzhi{overflow: hidden; float: left; width:30%; height: 620px; background: url(../images/index-img/index-1.png) no-repeat; background-size: cover; transition: 1s; position: relative;}
.index-qiye .zuzhi-con {position: absolute; left: 15%; width: 70%; top:40%;}
.index-qiye .zuzhi-con h2{font-size: 18px; font-weight: 700; color: #fff; text-align: center; line-height: 20px;}
.index-qiye .zuzhi-con p{font-size: 14px; color: #fff; text-align: center; line-height: 20px; margin:15px;}
.index-qiye .zuzhi-con a{display: block; border: 1px solid #fff; line-height: 10px; margin: 20px auto 0; text-align: center; padding:8px 0px; width: 100px;}

.index-qiye .zuzhi-con .img-box{width: 34px;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;}
.index-qiye .zuzhi-con .img-box img{
	position: absolute;
    right: 0;
    max-width: 68px !important;
    transition: 1s;
}

.zuzhi:hover .zuzhi-con .img-box img{right: -34px;}

.index-qiye .jituan-con{float: left; width: 50%;}
.index-qiye .jituan-con .index-top{height: 310px; position: relative;}
.index-qiye .jituan-con .index-top .img-box { overflow: hidden;}
.index-qiye .jituan-con .index-top .img-box img{ transition: 1s;}
.index-qiye .jituan-con .index-top:hover .img-box img{transform: scale(1.1);}
.index-qiye .jituan-con .jituan-left{float: left; width: 35%; position: relative; top: 30%;}
.index-qiye .jituan-con .jituan-right{float: left; width: 65%; position: relative;}
.index-qiye .jituan-con .jituan-left h2{font-size: 18px; font-weight: 700; color: #434343; text-align: center; line-height: 20px;}
.index-qiye .jituan-con .jituan-left p{font-size: 14px; color: #434343; text-align: center; line-height: 20px; margin:5px;}
.index-qiye .jituan-con .jituan-left a{display: block; border: 1px solid #434343; line-height: 10px; margin: 20px auto 0; text-align: center; padding:8px 0px; width: 100px;}

.index-qiye .jituan-con .jituan-right:after{content: ''; border:16px solid; border-color: transparent transparent transparent #fff; position: absolute; top: calc(50% - 16px); left: 0px;}
.index-qiye .jituan-con .jituan-right.honor:after{border-color: transparent #fff transparent transparent ; right: 0;}
.index-qiye .qiye-con .qiye-bottom{position: relative;}
.index-qiye .qiye-con .qiye-bottom .img-box img{width:100%;}
.index-qiye .qiye-con .qiye-bottom:after{content: ''; border: 16px solid; border-color:#fff transparent transparent transparent ; position: absolute; left: calc(50% - 16px);}
.index-qiye .jituan-con .index-bottom .img-box{overflow: hidden;}
.index-qiye .jituan-con .index-bottom .img-box img{transition: 1s;}
.index-qiye .jituan-con .index-bottom:hover .img-box img{ transform: scale(1.1);}


.jituan-left .img-box ,
.qiye-top .img-box{
	width: 34px;
    height: 10px;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}
    
.jituan-left .img-box img,
.qiye-top .img-box img{
   	position: absolute;
    right: 0;
    max-width: 68px !important;
    transition: 1s;
}

.index-top:hover .jituan-left .img-box img{right: -34px; transform: scale(1.1);}
.index-bottom:hover .jituan-left .img-box img{right: -34px; transform: scale(1.1);}
.qiye-con .qiye-top .img-box img{transition: 1s; transform: scale(1.1);}
.qiye-con:hover .qiye-top .img-box img{right: -34px; transform: scale(1.1);}

.index-qiye .qiye-con{float: right; position: relative; width: 20%; top: 30%;}
.index-qiye .qiye-con .qiye-top{ height: 310px; position: relative; top: 20%;  padding-top: 30%;}
.index-qiye .qiye-con h2{font-size: 18px; font-weight: 700; color: #434343; text-align: center; line-height: 20px;}
.index-qiye .qiye-con p{font-size: 14px; color: #434343; text-align: center; line-height: 20px; margin:5px;}
.index-qiye .qiye-con a{display: block; border: 1px solid #434343; line-height: 10px; margin: 20px auto 0; text-align: center; padding:8px 0px; width: 100px;}
.index-qiye .jituan-con .index-bottom{position: relative; height: 310px;}

.index-qiye .qiye-con .img-box{overflow: hidden;} 
.index-qiye .qiye-con .img-box img{transition: 1s;}
.index-qiye .qiye-con:hover .img-box img{transform: scale(1.1);}


.index-news-bg{background: #f4f8fd; padding: 40px 0;}
.index-news-bg .index-news-con{position: relative; margin-bottom: 20px; transition: 1s;}
.index-news-bg .index-news-con .index-left{float: left; width: 30%; margin-right: 20px; overflow: hidden;}
.index-news-bg .index-news-con .index-left .img-box{width: 100%; overflow: hidden;}
.index-news-bg .index-news-con .index-left .img-box img{width: 100% !important; transition: 1s;}
.index-news-bg .index-news-con .index-right{padding-top: 20px; width: 68%; float: left;}
.index-news-bg .index-news-con .index-right h2{transition: 1s; font-size: 18px; font-weight: 700; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px;}
.index-news-bg .index-news-con .index-right p{ line-height: 30px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.index-news-bg .index-news-con .index-right .index-news-bot{ display: flex;justify-content:space-between; align-items:center; margin-top: 50px;}
.index-news-bg .index-news-con .index-right .index-news-bot a{padding: 10px; border-radius: 50px; border: 1px solid #999; padding: 4px 20px;}

.index-news-bg ul{margin-top: 50px;}
.index-news-bg ul li:hover{ background: #fff; padding: 20px 10px; transform: scale(1);}
.index-news-bg ul li:hover .index-right h2{color: #0099cc;}
.index-news-bg ul li:hover .img-box img{transform: scale(1.1);}
.index-news-bg ul li:hover .index-news-bot a{background: #0099CC; border: 1px solid #0099cc; color: #fff; border: 0;}

@media screen and (max-width: 1024px) {
	.index-news-bg .index-news-con .index-right{width: 67%; padding-top: 0px;}
	.index-news-bg .index-news-con .index-right h2{margin-bottom: 10px;}
	.index-news-bg .index-news-con .index-right p{display:block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px;}
	.index-news-bg .index-news-con .index-right .index-news-bot{margin-top: 0px;}
	
	.index-qiye .zuzhi{height: 380px;}
	.index-qiye .jituan-con .index-bottom{height: auto; overflow: hidden;}
	
	.index-qiye .qiye-con .qiye-top{height: 190px;}
	.qiye-bottom{height: 190px; overflow: hidden;}
	
	.index-top{height: 190px;}
	.index-qiye .jituan-con .jituan-right{height: auto; overflow: hidden;}
	.index-qiye .jituan-con .index-top{height: auto;}
	
	.index-qiye .jituan-con .jituan-left{top: 18%; padding-top:7%;}
	.index-qiye .qiye-con .qiye-top{padding-top: 18%;}
	.index-tit .index-tit-con{width: 90%;}
	
	.jituan-right .img-box{height: inherit; }
	.jituan-right .img-box img{width: 100%;max-width:fit-content;}
	.index-qiye .qiye-con .qiye-bottom .img-box{height: inherit;}
	.index-qiye .qiye-con .qiye-bottom .img-box img{width: 100%; max-width:-moz-fit-content;}
}

@media screen and (max-width: 768px) {
	.index-qiye .zuzhi{width: 50%; height: 50%;}
	.index-qiye .qiye-con{position: absolute; width: 50%; top: auto; bottom: 0; height:50%;}
	
	.index-qiye .qiye-con .qiye-top{float: left; width: 50%; padding-top:0; height:50%; top:8%;}
	.index-qiye .qiye-con .qiye-bottom{float: left; width: 50%;}
	.index-qiye .zuzhi-con{top:13%;}
	.index-tit .index-tit-con{width: 95%;}
	.index-qiye .qiye-con .qiye-bottom:after{border: 16px solid; border-color: transparent transparent transparent #fff; left: 0; top: 30%;}
	.index-qiye{position:relative; height:286px;}
.index-qiye .qiye-con .qiye-bottom .img-box{height:75%;}
.index-qiye .jituan-con .jituan-left{padding-top:4%;}
	
}

@media screen and (max-width: 640px) {
	.index-left{width: 100% !important;}
	.index-right{width: 100% !important;}
	.index-left .img-box{margin-bottom: 10px;}
	
	.index-news-bg ul{margin-top: 30px;}
	.index-qiye .zuzhi,
	.index-qiye .jituan-con,
	.index-qiye .qiye-con{width: 100%;}
	.index-qiye .qiye-con{position: static;}
	.index-qiye .jituan-con .jituan-right:after{border: 12px solid; border-color: transparent transparent transparent #FFFFFF ;top: calc(50% - 12px);;}
	.index-qiye .qiye-con .qiye-bottom:after{border: 12px solid; border-color:transparent transparent transparent #fff;left:0;}
	.index-tit-con{width: 100%;}
	.index-qiye .jituan-con .jituan-left{top: 0;padding:10px 0;}
.index-qiye .jituan-con .jituan-left a{width:60%;padding:5px 0; margin:5px auto;}
	.index-qiye{height:auto;}
.index-qiye .qiye-con .qiye-top{padding-top:4%;}
.qiye-bottom{height:auto !im;}
	
}


/*footer*/
.index-footer{background: #333; padding: 40px 0;}
.index-footer .footer-fl ul li{float: left; padding: 0 15px; margin-bottom: 30px; border-right:1px solid #fff; font-weight: 700;}
.index-footer .footer-fl ul li a{color: #fff;}
.index-footer .footer-fl ul li:first-child{padding-left: 0;}
.index-zhongdi p{float: left; margin-right: 15px;font-size: 14px; margin-bottom: 20px; color: #FFFFFF;}
.index-beian p{float: left; margin-right: 15px; font-size: 14px; color: #FFFFFF;}
.footer-fl {float: left;}
.footer-fr {float: right; text-align: center; }
.footer-fr span{display: block; text-align: center; margin-top: 10px; color: #fff; font-size: 14px;}
.footer-fr img{width: 80px;}


@media screen and (max-width: 640px) {
	.footer-fl {display: none;}
	.footer-fr {float: none;text-align: center;}
}
/*footer*/
.inx-qiye{margin-top: 40px;}
.inx-qiye ul li{float: left; width: calc(25% - 30px); overflow: hidden; margin:0 15px 20px 15px; background: #fff; border: 1px solid #a0a0a0; padding: 20px; border-radius: 6px; text-align: center;}
.inx-qiye ul li a{display: block;}
.inx-qiye ul li a img{height: 68px;}

.pager{ text-align:center; margin-top:50px; }
.pager a,.pager strong{ display: inline-block; border:1px solid ##298fcb; padding:5px 10px; margin:0 4px; }
.pager a:hover,.pager strong{ background:##298fcb; color:#fff; }


@media screen and (max-width: 768px) {
	.inx-qiye ul li{width: calc(50% - 20px); margin: 0 10px 20px 10px;}
}

.inx-jiegou{text-align: center;}




.btn-more {
    display: block;
    transition: 1s;
    margin: 30px auto 0;
    border: 1px solid #24a6e5;
    padding: 10px 0;
    border-radius: 50px;
    text-align: center;
    width: 120px;
    text-transform: uppercase;
    font-size: 14px;
    color: #24a6e5;
}
.btn-more:hover {
    background: #24a6e5;
    color: #fff;
}