/*====================================INDEX===========*/
.in-news{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 5%;
	margin-bottom: 5%;
}
.in-news .title{
    font-size: 48px;
	font-weight: bold;
	color: #232323;
	line-height: 1.5;
}


.in-news .focus{
	width: 37%;
	float: left;
}
.in-news .focus .pic{
	width: 100%;
    overflow: hidden;
    padding-bottom: 67%;
    position: relative;
}
.in-news .focus .pic img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.5s;
    opacity: 1;
}
.in-news .focus .pic:hover img{
	width: 103%!important;
    transition: all 0.6s;
}
.in-news .focus .date{
    font-size: 16px;
    margin: 3% 0;
}
.in-news .focus .bt{
    font-size: 26px;
    color: #232323;
    font-weight: bold;
	display: inline-block;
 	white-space: nowrap;
 	text-overflow: ellipsis;  overflow: hidden;
	width:100%;
}
.in-news .focus .bt a{ color: #232323;}
.in-news .focus .bt a:hover{ color: #30a5b6;}
.in-news .focus .text{
    font-size: 16px;
    color: #a4a4a4;
    margin-top: 3%;
    line-height: 2;
	text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.in-news .focus .more{
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.in-news .focus .more .more-text{
    width: 150px;
    padding-left: 20px;
    color: #232323;
    font-size: 15px;
}
.in-news .focus .more .more-text a{color: #232323;}
.in-news .focus .more .more-button{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #56b29c;
    z-index: 9999;
    text-align: center;
    line-height: 50px;
	background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);
	vertical-align: middle; margin-right: 10px;transform: rotate(0deg);transition: transform 0.3s linear;
}

.in-news .focus .more::after{
	margin-top: 35px;
	content:'';
	display:block;
	width: 160px;
	height:1px;
	background:#e5e5e5;
	position: absolute;
	z-index: 99;
}

.in-news .focus .more:hover  .more-button{transform: rotate(90deg);}




.in-news .list{
        width: 56%;
        float: right;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-top: 1px solid #c9c9ca;
}
.in-news .list li{
    list-style: none;
    width: 100%;
    margin: 3% 0 0;
    padding-bottom: 3%;
    border-bottom: 1px dashed #eae9e9;
}
.in-news .list li .date{
        font-size: 16px;
    margin-bottom: 2%;
    width: 20%;
    float: right;
    text-align: right;
}
.in-news .list li .bt{
            width: 80%;
    font-size: 18px;
    color: #333333;
        display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;  overflow: hidden;
        
}
.in-news .list li .bt a{color: #333333;}
.in-news .list li .bt a:hover{color: #30a5b6;}
.in-news .nav-tabs-lined.nav-tabs-lined-bottom{  
        border-bottom: 1px solid rgba(0, 0, 0, 0);
        justify-content: flex-end;
    display: flex;
}

.in-news .list li .text{
        width: 80%;
        display: inline-block;
        white-space: nowrap;
        text-overflow: ellipsis;  
        overflow: hidden;
        color: #a4a4a4;
        font-size:15px;
}

.in-news .nav-tabs-lined.nav-tabs-lined-bottom{  
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	justify-content: flex-end;
    display: flex;
}

.in-news .nav-tabs > li > a{font-size: 26px;}
.in-news .nav-tabs > li.active > a{color: #30a5b6;}

.in-news .nav-tabs > li.active > a:focus{color: #30a5b6;}
.in-news .nav-tabs-lined.nav-tabs-lined-bottom > li.active > a:after { border-bottom: 3px solid #30a5b6;}
.in-news .nav-tabs-lined:not(.flex-center) > li{    margin: 0 2% 0 5%;}
.in-news .nav-tabs-lined.nav-tabs-lined-bottom > li > a{padding-bottom: 30px; text-align: center;}











/*--------1440---------*/
@media (max-width: 1440px) {
	.in-news{margin-top: 3%;}
	.in-news .title{font-size:42px}
	.in-news .nav-tabs > li > a{font-size:20px}
	.in-news .focus .bt{font-size:22px}
	.in-news .focus .text{font-size:15px}
	.in-news .focus .more .more-text{font-size:14px}
	.in-news .list li .bt{font-size:16px}
	.in-news .list li{margin: 1.75% 0;}
}



/*--------991---------*/
@media (max-width: 991px) {
	.in-news .title{font-size:26px}
	.in-news .focus{width:100%;}
	.in-news .list{width:100%;margin-top: 5%;border-top:1px solid #e8e8e8; border-bottom: none;}
	.in-news .list li{width:100%;border-bottom: 1px dashed #e8e8e8; padding-bottom: 2%;}
	.in-news .nav-tabs-lined.nav-tabs-lined-bottom > li > a{padding: 10px 10px; margin-top: 5%;}
	.in-news .nav-tabs > li > a{font-size:18px;}
	.in-news .focus .bt{font-size:19px;}
	.in-news .list li .date{font-size:13px;margin-bottom: 0%;}
	.in-news .nav-tabs-lined:not(.flex-center) > li{ margin: 0 0% 0 0%; border:none;}
	.in-news .focus .more{display:none;}
}









/*====================================in-cy===========*/
.in-cy1{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url("style/images/in-cy-bg.jpg") no-repeat center bottom;
	background-size: cover;
	color: #fff;
	padding-top: 5%;
}

.in-cy2{
	width:100%;
	margin: auto;
	overflow: hidden;
}
.in-cy-1200{
	width:1200px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.in-cy-1200 .li-1{
	width: 29.2%;
	overflow: hidden;
	padding-bottom: 7%;
	position: relative;
}
.in-cy-1200 .li-1 img{
	    width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.5s;
    opacity: 1;
}

.in-cy-1200 .li-1:hover img {
    width: 108%!important;
    transition: all 0.6s;
    opacity: 0.8;
}

.in-cy-1200 .li-1 a{
    color: #fff;
}

.in-cy-1200 .li-1 a:hover{
    opacity: 0.8;
}

.in-cy-1200 .li-2{
	width: 41.6%;
	overflow: hidden;
	padding-bottom: 2%;
	position: relative;
}

.in-cy-1200 .li-2 img{
	    width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.5s;
    opacity: 1;
}

.in-cy-1200 .li-2:hover img {
    width: 108%!important;
    transition: all 0.6s;
}

.in-cy1 .in-cy-1200 .li-2 a{
   color: #fff;
}
.in-cy2 .in-cy-1200 .li-2 a{
   color: #000;
}

.in-cy-1200 .li-2 a:hover{
    opacity: 0.8;
}


.in-cy-bg{background-image: linear-gradient(-90deg,rgba(146,200,122,.7) 0,rgba(44,164,185,0.7) 90%);transition: all 0.3s;}
.in-cy-public-bt{
    margin-top: 10%;
    width: 80%;
    margin: 10% auto 5%;
    font-size: 22px;
}
.in-cy-public-text{
    width: 80%;
    margin: auto;
    font-size: 13px;
}
.in-cy-public-arrow{
    width: 80%;
    margin: 4% auto 0;
	font-size: 20px;
}
.in-cy-public-blank{color: #333333;}


.in-cy-title{
    margin-top: 15%;
}
.in-cy-title .bt1{
    font-size: 42px;
    font-weight: bold;
    line-height: 1;
}
.in-cy-title .bt2{
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 2% 0 6%;
}
.in-cy-title .bt3{
    font-size: 15px;
}

.in-cy-title .bt3 a{
    color: #fff;
}

.in-cy-title .bt3 a:hover{
    color: #fff;
    opacity: 0.8;
}

.in-cy-bg:hover{background-image: linear-gradient(-180deg,rgba(146,200,122,.9) 0,rgba(44,164,185,0.9) 90%);transition: all 0.3s;}





.in-cy-sj{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-top: 5%;
	display: none;
}
.in-cy-sj .title{
	width:100%;	
	margin: auto;
	overflow: hidden;
	background: url("style/images/in-cy-bg.jpg") no-repeat center bottom;
	background-size: cover;
	color: #fff;
	padding-top: 7%;
	padding-bottom: 6%;
}
.in-cy-sj .title .bt1{
    font-size: 32px;
    font-weight: bold;
    line-height: 1;
    width: 90%;
    margin: auto;
}
.in-cy-sj .title .bt2{
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 2% auto 0%;
    width: 90%;
}
.in-cy-sj .title .bt3{
    font-size: 15px;
    width: 90%;
    margin: auto;
}

.in-cy-sj .title .bt3 a{
    color: #fff;
}

.in-cy-sj .list{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 3%;
}
.in-cy-sj .list li{
	list-style: none;
}
.in-cy-sj .list li .pic{
    width: 90%;
    margin: auto;
}
.in-cy-sj .list li .pic img{width: 100%;}
.in-cy-sj .list li .info a{
    color: #232323;
}
.in-cy-sj .list li .info .in-cy-public-bt{
    margin-top: 10%;
    width: 80%;
    margin: 5% auto 3%;
    font-size: 18px;
}
.in-cy-sj .list li .info .in-cy-public-text{
    width: 80%;
    margin: auto;
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 5%;
}



/*--------1280---------*/
@media (max-width: 1280px) {
	.in-cy-1200{width:92%;}
}




/*--------991---------*/
@media (max-width: 991px) {
	.in-cy1{display: none}
	.in-cy2{display: none}
	.in-cy-sj{display:block;}
}








/*====================================in-about===========*/
.in-about{
	width:100%;
	margin: 5% auto 0;
	overflow: hidden;
	background: url(style/images/in-ab-bg.jpg) no-repeat bottom center;
	background-size: cover;
	padding: 14% 0 6%;
	color: #fff;
}

.in-about .title{
    font-size: 35px;
    font-weight: bold;
    letter-spacing: 16px;
}
.in-about .line{
    width: 400px;
    height: 4px;
    background: #fff;
    margin-top: 2%;
}
.in-about .text{
    font-size: 17px;
    width: 100%;
    max-width: 380px;
    margin-top: 2%;
    line-height: 2;
}
.in-about .list{
    width: 100%;
    max-width: 650px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4%;
    font-size: 18px;
}
.in-about .list li{
    width: 48%;
    list-style: none;
    background: rgba(0,0,0,0.4);
    border-radius: 10px;
    text-align: center;
    padding: 4%;
    margin-bottom: 2%;
	transition: all 0.3s;
}
.in-about .list li a{color:#fff;}
.in-about .list li:hover{background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);transition: all 0.3s;}


/*--------991---------*/
@media (max-width: 991px) {
	.in-about .title{    font-size: 26px;    letter-spacing: 2px;}
	.in-about .line{width:60%}
	.in-about .text{font-size:15px;}
	.in-about .list{font-size:16px;}
}











/*====================================in-service===========*/
.in-service{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-service-bg.jpg) no-repeat center bottom;
	background-size: cover;
	padding: 5% 0 10%;
}

.in-service .info{
    width: 45%;
    max-width: 450px;
    float: left;
    margin-top: 5%;
}
.in-service .info .title-en{
    color: #212122;
    font-size: 30px;
}
.in-service .info .title-ch{
    color: #212122;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 4%;
}
.in-service .info .line{
    width: 38px;
    height: 6px;
    background: #ccc;
    margin: 7% 0 12%;
    background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);
}
.in-service .info .text{
    color: #8f8f8f;
    line-height: 1.75;
    font-size: 21px;
}


.in-service .list{
	width:50%;
	margin: auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	float: right;
}
.in-service .list li{
	list-style: none;
    width: 31.3%;
    position: relative;
    padding: 2.5% 2%;
    text-align: center;
    margin-bottom: 3%;
}
.in-service .list li .ico{}
.in-service .list li .ico img{vertical-align: middle; margin-right: 10px;transform: rotate(0deg);transition: transform 0.2s linear;}
.in-service .list li .text{
    margin-top: 8%;
	font-size: 21px;
	transition: all 0.3s;
}


.in-service .list li:hover .ico img{transform: rotate(15deg);}
.in-service .list li:hover .text {transform:translateY(5px);transition: all 0.3s;}
.in-service .list li:hover .text a{color:#666}
/*--------1440---------*/
@media (max-width: 1440px) {
	.in-service .info .text{font-size:18px;}
	.in-service .list li .text{font-size:18px;}
}



/*--------1280---------*/
@media (max-width: 1280px) {
	
}


/*--------991---------*/
@media (max-width: 991px) {
	.in-service{padding: 8% 0 32%;}
	.in-service .info{width:100%;}
	.in-service .list{width:100%;margin-top: 5%;}
	.in-service .info .title-en{font-size: 16px;}
	.in-service .info .title-ch{    font-size: 26px;margin-top: 2%;}
	.in-service .info .line{margin: 7% 0 7%;}
	.in-service .info .text { font-size: 15px;}
	.in-service .list li .ico img{width:50px;}
	.in-service .list li .text{font-size: 16px;}
}










/*====================================in-dj===========*/
.in-dj{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-dj-bg.jpg) no-repeat bottom center;
	background-size: cover;
	padding: 8% 0;
}



.in-dj .in-dj-content{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.in-dj .in-dj-content .in-dj-list{
    width: 100%;
    margin: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3%;
}
.in-dj .in-dj-content .in-dj-list li{
    width: 49%;
    float: left;
    list-style: none;
    margin-bottom: 2%;
    background: #fff;
    padding: 2.5%;
    display: flex;
    justify-content: space-between;
}
.in-dj .in-dj-content .in-dj-list li .pic{
	position: relative;
	width: 35%;
	margin: auto;
	float: left;
	overflow: hidden;
	max-height: none;
	padding-bottom: 22%;
}
.in-dj .in-dj-content .in-dj-list li .pic img{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;
}
.in-dj .in-dj-content .in-dj-list li .date{
    width: 70px;
    margin-left: 5%;
    margin-right: 5%;
}
.in-dj .in-dj-content .in-dj-list li .date::after{
	content:
	'';
	display:
	block;
	width: 80%;
	height:1px;
	background:#ccc
;
	margin-top: 50px;
}
.in-dj .in-dj-content .in-dj-list li .date span{
	display:
	block;
	font-size: 24px;
	color: #222;
}
.in-dj .in-dj-content .in-dj-list li .info{
    width: 44%;
}
.in-dj .in-dj-content .in-dj-list li .info .title{
    font-size: 18px;
    color: #222;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.in-dj .in-dj-content .in-dj-list li .info .title a{color: #222;}
.in-dj .in-dj-content .in-dj-list li .info .title a:hover{color: #d70321;}
.in-dj .in-dj-content .in-dj-list li .info .text{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 14px;
    line-height: 1.5;
    color: #888;
    margin-top: 15px;
}






.in-dj .nav-tabs.nav-stacked{width: 16%;    border: none;}
.in-dj .nav-tabs.nav-stacked > li{    border-top: none;}
.in-dj .nav-tabs > li > a{font-size:20px;color: #222;padding: 10px 0px;margin-bottom: 15px;}
.in-dj .flex-vertical{    align-items: center;}
.in-dj .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color:#d70321;    border-bottom: 1px solid #d70321;}






.in-dj .in-dj-title{
	width:200px;
	position: absolute;
	font-size: 42px;
	font-weight: bold;
	color: #222;
	line-height: 1;
}

.in-dj .in-dj-title::after{
	content:
	'';
	display: block;
	width:60px;
	height: 5px;
	background: #d70321;
	margin-top: 30px;
}



.in-dj .arrow{
	width:55px;
	height: 55px;
	position: absolute;
	font-size: 22px;
	color: #fff;
	background: #d70321;
	line-height: 1;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin-top: -50px;
}







/*--------1440---------*/
@media (max-width: 1440px) {
	.in-dj .nav-tabs.nav-stacked{    width: 14%;}
	.in-dj .in-dj-content .in-dj-list li .date{    width: 80px;}
	.in-dj .in-dj-title{font-size:38px;}
}


/*--------1200---------*/
@media (max-width: 1200px) {
	.in-dj .in-dj-content .in-dj-list li .pic{display:none;}
	.in-dj .in-dj-content .in-dj-list li .info{width:68%}
}





@media (max-width: 991px){
	.in-dj .in-dj-title { font-size: 24px;}
	.in-dj .in-dj-title::after{    margin-top: 20px; display:none}
	
	.in-dj .nav-tabs.nav-stacked{width:100%; display: flex;    justify-content: flex-start;    margin-top: 10%;}
	.in-dj .nav-tabs.nav-stacked > li{width:30%;    margin-right: 3.3%;}
	.in-dj .nav-tabs > li > a{font-size:15px; text-align: center;    margin-bottom: 0;}
	
	.in-dj .in-dj-content .in-dj-list{    display: block;    padding-left: 0%;}
	.in-dj .in-dj-content .in-dj-list li{width:100%;}
	.in-dj .in-dj-content .in-dj-list li .date{margin-left: 2%; margin-right: 3%;}
	.in-dj .in-dj-content .in-dj-list li .date span{font-size:18px;}
	.in-dj .in-dj-content .in-dj-list li .info{width:75%;}
	.in-dj .arrow{display:none;}
}



























/*====================================in-link===========*/
.in-link{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/link-ico.png) no-repeat left center;
	padding-left: 40px;
	display: flex;
	font-size: 16px;
	color: #a1a1a1;
	margin-bottom: 3%;
}
.in-link ul{
    width: calc(100% - 100px);
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.in-link ul li{
    list-style: none;
    margin: 0 10px 0 0px;
    color: #a1a1a1;
    align-items: center;
    background: url(style/images/link-line.jpg) no-repeat right center;
	padding-right:10px
}


.in-link ul li a{color: #a1a1a1;}
.in-link ul li a:hover{color: #8e8e8e;}

























/*====================================ab-about===========*/
.about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/ab-bg1.jpg) no-repeat bottom center;
	background-size: 100%;
	padding: 6% 0 6%;
}


.about .ab-left{
	width: 58%;
	float: left;
	padding-right: 5%;
}

.about .ab-left .title{
    font-size: 52px;
    line-height: 1.25;
    color: #222;
    font-weight: bold;
}
.about .ab-left .title span{display:block;}
.about .ab-left .title2::after{
	content:'';
	width:32px;
	height: 6px;
	display: block; 
	margin-right: 15px;
	background-image: linear-gradient(-90deg,rgba(44,203,137,1) 0,rgba(112,200,126,1) 90%);
	margin-top:5%
}
.about .ab-left .title2{
    font-size: 34px;
    color: #333;
    margin-top: 3%;
}

.about .ab-left .text{
    margin-top: 8%;
    font-size: 18px;
    line-height: 2;
    text-indent: 2em;
    text-align: justify;
}

.about .ab-right{
	width: 100%;
	float: right;
	max-width: 380px;
}
.about .ab-right .title1{
	font-size: 26px;
	color: #333;
	line-height: 1.25;
}
.about .ab-right .title1 span{
	display: block;
}
.about .ab-right .title2{
    font-size: 14px;
    line-height: 1.5;
    color: #868686;
    margin-top: 3%;
    width: 100%;
    max-width: 350px;
}
.about .ab-right .list{
    width: 100%;
    overflow: auto;
    margin-top: 7%;
}
.about .ab-right .list li{
    font-size: 14px;
    line-height: 1.5;
    color: #868686;
    list-style: none;
    margin-top: 4%;
}
.ab-font{
    font-size: 50px;
    display: block;
    color: #da000f;
}
.ab-font span{}







.ab-r{width: 42%;position: absolute;z-index: 99;right: 0;}
.ab-r .text{
    background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);
    color: #fff;
    margin-left: 340px;
    padding: 12% 0 12% 10%;
}
.ab-r .text li{
    list-style: none;
    font-size: 16px;
    line-height: 1.5;
}
.ab-r .text li span{font-size: 42px;font-weight: bold;}
.ab-r .pic{}

.ab-r-line{width:30px;height: 1px;background: #fff;margin-top: 8%;}



/*--------1580---------*/
@media (max-width: 1580px) {
	.ab-r .text{padding: 12% 0 12% 5%;}
}
/*--------1440---------*/
@media (max-width: 1440px) {
	.ab-r .text{padding: 12% 0 12% 4%;}
	.ab-r .text li{font-size: 15px;}
	
	.about .ab-left{width:52%;    padding-right: 3%;}
	.ab-r{width: 47%;}
	.about .ab-left .text{font-size:16px;}
}

/*--------991---------*/
@media (max-width: 991px) {
	.about{padding: 6% 0 0%;}
	.about .ab-left{
		width:100%;
		border-right: none;
    	padding-right: 0;
	}
	.about .ab-right{    
		width: 100%;
		max-width: 100%;
		margin-top: 8%;
		background: url(style/images/ab-bg.jpg) no-repeat right bottom;
		background-size: cover;
		padding: 8% 0;
	}
	.about .ab-left .title{    font-size: 26px;}
	.about .ab-left .title::before{    height: 22px;    width: 4px;}
	.about .ab-left .text{    font-size: 16px;}
	.about .ab-right .title1{font-size: 24px;}
	.ab-font{font-size: 28px;}
	
	
	.ab-r{display: none}
	.about .ab-left .title2{font-size:26px;}
	.about .ab-left .title span{display:inline-block;}
}















/*====================================ab-linian===========*/
.ab-linian{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/ab-ln-bg.jpg) no-repeat bottom center;
	background-size: cover;
	color: #fff;
	padding: 7% 0;
}


.ab-linian .info{
    width: 100%;
    max-width: 900px;
}
.ab-linian .info .title{
    font-size: 36px;
}
.ab-linian .info .title::after{
	content:
	'';
	display: block;
	width: 40px;
	height: 2px;
	background: #fff;
	margin-top: 4%;
}
.ab-linian .info .text{
    font-size: 16px;
    line-height: 2.5;
    margin-top: 3%;
    text-align: justify;
}
.ab-linian .info .list{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 5%;
}
.ab-linian .info .list li{
    list-style: none;
    text-align: center;
    margin-right: 10%;
}

.ab-linian .info .list li .ico{transition: all 0.3s;}
.ab-linian .info .list li .ico-text{
    font-size: 18px;
    margin-top: 15px;transition: all 0.3s;
}
.ab-linian .info .list li:hover .ico{transform:translateY(-5px);/**上移元素**/transition: all 0.3s;}
.ab-linian .info .list li:hover .ico-text {transform:translateY(5px);/**左移元素**/transition: all 0.3s;}

/*--------1440---------*/
@media (max-width: 1440px) {
	.ab-linian .info .title{font-size:34px;}
}


	

/*--------991---------*/
@media (max-width: 991px) {
	.ab-linian .info .title{font-size:26px;}
	.ab-linian .info .text{line-height:2;}
	.ab-linian .info .list{justify-content: space-between;}
	.ab-linian .info .list li{margin-right:0;}
	.ab-linian .info .list li .ico img{width:70%}
}







/*====================================ab-honor===========*/

.zzjg{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/ab-zzjg-bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 5% 0;
}

.zzjg .title{
    text-align: center;
    color: #222;
    font-size: 34px;
    line-height: 1.5;
}
.zzjg .title span{
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.zzjg .pic{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 4%;
	text-align: center;
}

.zzjg .pic img{
	width:100%;
	max-width: 1334px;
}


/*--------991---------*/
@media (max-width: 991px) {
	.zzjg .title{font-size: 26px;}
}











/*===========honor===========*/
.ab-honor{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding: 4% 0 3%;
}

.ab-honor .title{
	width: 100%;
	margin: auto;
	overflow: hidden;
	font-size: 40px;
	font-weight: bold;
	color: #1c1c1c;
	line-height: 2;
}
.ab-honor .title::after{
	content: '';
	width: 70px;
	height: 6px;
	display: block;
	margin-right: 15px;
	background-image: linear-gradient(-90deg,rgba(44,203,137,1) 0,rgba(112,200,126,1) 90%);
	margin-top: 1%;
}
.ab-honor .list{
	width:100%;
	margin: 3% auto;
	overflow: hidden;
}

.ab-honor .list figure.overlay img{max-width:463px}



.ab-honor .list .item.post figure{margin-bottom:0;}
.ab-honor .list .post-title {
	background: #f1f1f1;
    padding: 5%;
    font-size: 21px;
    color: #222;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ab-honor .list .post-title a{color:#222}
/*-----------------------------------*/

/*--------1440---------*/
@media (max-width: 1440px) {
	.ab-honor .title{font-size:34px;}
	.ab-honor .list .post-title{font-size:16px;}
}


/*--------991---------*/
@media (max-width: 991px) {
	.ab-honor .title{font-size:26px;}
}





/*===========public===========*/
.nei-gray{ 
	background: #f2f4f6;
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.public-nei-title{font-size: 32px;color: #333333;font-weight: bold;margin: 6% 0 4%;}
.public-nei-title::after{content:'';display: block;width:35px;height: 6px;background-image: linear-gradient(-90deg,rgba(44,203,137,1) 0,rgba(112,200,126,1) 90%);margin-top: 2%;}

@media (max-width: 991px) {
	.public-nei-title{font-size:26px;}
}




/*===========cy===========*/
.culture-element{ width:100%; margin: 0 auto 5%; overflow: hidden; }
.culture-element .swiper-container {margin:auto;}
.culture-element .swiper-slide {
        text-align: center;
        font-size: 18px;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.culture-element .swiper-slide .text {
    width: 53%;
    height: 88%;
    background: #fff;
    position: relative;
    z-index: 1;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 4% 5% 4% 10%;
    border-radius: 20px;
    float: right;
    margin: 4% 0 auto auto;
}
.culture-element .swiper-slide .text h1{font-size:32px; margin-top: 25px; margin-bottom: 20px;}
.culture-element .swiper-slide .text h2{font-size:2em;margin-top: 5px; font-weight: bold}
.culture-element .swiper-slide .text h3{font-size:16px;  margin-top: 2em;text-align:justify; line-height: 2; }
.culture-element .swiper-slide .tp {
    width: 51%;
    overflow: hidden;
    margin: 0 auto 0 0;
    height: 92%;
    position: absolute;
    margin-bottom: 3%;
    left: 0;
    z-index: 2;
    border-radius: 20px;
}
.culture-element .swiper-slide .tp img {
    width: 100%;
    float: left;
    border-radius: 20px;
}

.culture-element .swiper-slide .text .more{width:220px; height: 55px; border-radius: 50px;background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);text-align: center; color: #fff;line-height: 55px;}
.culture-element .swiper-slide .text .line{width:35px; height: 5px;background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);}

.culture-element .swiper-container .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    top: 0;
    right: 80px;
    left: auto;
    width: 45px;
    height: 45px;
    background: #5dc982;
    font-size: 2em;
    color: #fff;
    text-align: center;
    line-height: 45px;
    opacity: 1;
    margin-top: 0px;
    border-radius: 50%;
}

.culture-element .swiper-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 0;
    width: 45px;
    height: 45px;
    background: #e4e4e4;
    font-size: 2em;
    color: #666;
    text-align: center;
    line-height: 45px;
    opacity: 1;
    margin-top: 0px;
    border-radius: 50%;
}






@media (max-width: 991px) {
	.culture-element .swiper-slide{display:block;}
	.culture-element .swiper-slide .tp{margin-top:5%}
	.culture-element .swiper-slide .tp img{width:100%}
	.culture-element .swiper-slide .text{height: auto; position:relative;    width: 100%;}
	.culture-element .swiper-container .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px; }
	.culture-element .swiper-container .swiper-button-next, .swiper-container-rtl .swiper-button-prev{left: 60px;}
	.culture-element .swiper-slide .text h1{margin-top: 5px;font-size:26px;}
	.culture-element .swiper-slide .text h2 img{width:40%}
	.culture-element .swiper-container{padding-top:60px;}
	.culture-element .swiper-slide .text .more{margin:auto}
}







/*===========question===========*/
.question{
	width:100%;     
	margin: auto;
    overflow: hidden;
	margin-top: 2%;
	background: #fff;
	padding: 5% 0;
	margin-bottom: 8%;
}

.question .section-title{
	text-align: left;
    font-size: 24px;
	color: #666;
	margin-left: 25px;
}


.question .panel-group .panel-heading .panel-title{background: #f9f9f9;font-size: 18px;color: #222;}
.question .panel-group-border .panel-active a, .panel-group-border .panel-title > a:hover{background:#f8f8f8}
.question .panel-group-border .panel > .panel-heading + .panel-collapse .panel-body{background:#f8f8f8;font-size: 15px;line-height: 2;padding: 20px 25px;border-top: 1px solid rgba(255, 255, 255, 1);}
.question .panel-group-border .panel{margin-bottom:10px;border: 1px solid rgba(0, 0, 0, 0);}
.question .panel-group .panel+.panel{margin-top:10px;border: 1px solid rgba(0, 0, 0, 0);}
.question .panel-group-border .panel-title > a {padding: 20px 25px;}

.question svg{fill:#e6e6e6; margin-right:20px;}
.question .panel-group-border .panel-active a, .panel-group-border .panel-title > a:hover svg{ fill:#58c982}

.question .panel-group-border .panel > .panel-heading + .panel-collapse .panel-body p{ margin: 0 0 0px;}


.question .ico-gray{width:30px; height: 32px; background: #e6e6e6; color: #fff; float: left; text-align: center; line-height: 32px; margin-right: 10px;     }

.question .panel-group-border .panel > .panel-heading + .panel-collapse .panel-body p span{margin-right:30px;}





















/*====================================NEWS===========*/

.news{
	width: 100%;
	float: left;
	margin: auto;
	overflow: hidden;
}

.news .list2{width:100%;margin: auto;overflow: hidden;}
.news .list2 ul{width:100%; margin: auto; overflow: hidden;padding-left:0px;}
.news .list2 ul li{width:99%;margin: 2% 1% 2% 0;overflow: hidden;padding: 2%;background: #fff;border-radius: 15px;}
.news .list2 ul li:nth-child(1){ border-top:none}

.news .list2 ul li .tp{
        width: 20%;
        margin: auto;
        float: left;
        overflow: hidden;
        max-height: none;
        position: relative;
        padding-bottom: 13%;
    }
.news .list2 ul li .tp img{
    border-radius: 15px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;
}
.news .list2 ul li .info{width: 74%;float: right;}


.news .list2 ul li .info .title{width:80%;
 margin: auto;
 overflow: hidden;
 font-size: 24px;
 font-weight: normal;
 display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-align: left;
 margin-top: 2%;
 }
.news .list2 ul li .info .title a{color: #090909;}
.news .list2 ul li .info .date{display:inline;float: left;color: #343434;font-size: 15px;width: 300px;vertical-align:middle;}
.news .list2 ul li .info .text{width:100%;
  margin: 1% auto;
  overflow: hidden;
  color: #626262;
  line-height: 1.5;
  font-size: 16px;
  display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;  
  float: left;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 4%;
	padding-right: 20%;
}
.news .list2 ul li .info .more{
        width: 150px;
    float: right;
    height: 45px;
    border-radius: 5px;
    color: #fff;
    transition: all 0.3s;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    background-image: linear-gradient(-90deg,rgba(44,203,137,1) 0,rgba(112,200,126,1) 90%);
}

.news .list2 ul li .info .more a{color: #fff;}

.news .list2 ul li:hover{box-shadow: 4px 2px 5px rgb(0 0 0 / 10%);}
.news .list2 ul li:hover .info .more{width: 160px; transition: all 0.3s;background-image: linear-gradient(-90deg,rgba(112,200,126,1) 0,rgba(44,203,137,1) 90%);}



@media (max-width: 991px) {
	.news{width:100%;}
	.news .list2{border-right:none; padding-right: 0;}
	.news .list2 ul li .tp{display:none;}
	.news .list2 ul li .info{width:100%}
	.news .list2 ul li .info .title{font-size:18px;width: 100%;}
	.news .list2 ul li .info .text{  -webkit-line-clamp: 2; line-clamp: 2;    font-size: 14px;padding-right: 0;}
	.news .list2 ul li .info .date{width:auto}
	.news .list2 ul li .info .more{line-height:2}
}










/*===========News2===========*/

.news2{width:100%; margin:0 auto 0; overflow: hidden;}
.news2 li{width:100%;margin: 0 auto 3%;overflow: hidden;border-bottom: 1px solid #dfdfdf;padding-bottom: 3%;list-style: none;}
.news2 li .info{width:100%; float: right;}
.news2 li .info .title{width:100%;display: inline-block;white-space: nowrap;text-overflow: ellipsis;font-size: 28px;margin-top: 3%;}
.news2 li .info .text{color: #6f6f6f;width:100%;font-size: 16px;line-height: 32px;margin-top: 20px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.news2 li .info .date{width:100%;color: #8b8b8b;font-size: 13px;margin-top: 5%;}
.news2 li .info .date .more{width: 150px;float: right;height: 45px;border-radius: 5px;color: #fff;transition: all 0.3s;text-align: center;line-height: 45px;font-size: 16px;background-image: linear-gradient(-90deg,rgba(44,203,137,1) 0,rgba(112,200,126,1) 90%);}

.news2 li .info .date img{margin-right:10px;}



.news2 li .info .title a{color:#333}
.news2 li .info .title a:hover{color:#444}
.news2 li .info .date .more:hover{width: 160px; transition: all 0.3s;background-image: linear-gradient(-90deg,rgba(112,200,126,1) 0,rgba(44,203,137,1) 90%);}


/*===========991===========*/
@media (max-width: 991px) {
	.news2 li .info .title{font-size: 20px;}
	.news2 li .info .text{    font-size: 14px;    line-height: 24px;}
	.news2 li .info .date .more{display:none}
	
}








/*===========dj===========*/	



.dj {
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
    margin-top:3%;
	border-right: 1px solid #e7e7e7;
    padding-right: 5%;
}


.dj ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.dj ul li{
	width: 98%;
	margin: 1%;
	overflow: hidden;
	float: left;
	background: #fff;
	padding: 3% 5% 3% 0;
	border-bottom: 1px solid #ebebeb;
	transition: all 0.3s;
}

.dj ul li:nth-child(1){border-top: 1px solid #ebebeb;}


.dj ul li .date{
    width: 80px;
    float: left;
    font-size: 15px;
    color: #999;
    text-align: center;
    font-family: 'font-syst';
}
.dj ul li .date span{
    color: #011838;
    font-size: 42px;
    display: block;
    line-height: 1;
    transition: all 0.3s;
    font-weight: bold;
}
.dj ul li .line{
    width: 75px;
    float: left;
    margin: 0 2%;
    height: 90px;
    border: 1px solid #eeeeee;
    line-height: 90px;
    text-align: center;
    font-size: 20px;
    color: #b8b8b8;
}

.dj ul li .info{
    width: calc(94% - 80px);
    float: right;
    overflow: hidden;
}

.dj ul li .info .title{
    color: #212121;
    font-size: 22px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	letter-spacing:1px;
	font-family: 'font-syst';
}
.dj ul li .info .title a{color:#212121;}

.dj ul li .info .text{
    font-size: 14px;
    margin: 0px 0 20px;
    width: 100%;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #333;
	font-family: 'font-syst-light';
}



.dj ul li .info .more{
    width: 160px;
    float: right;
    margin: auto;
	border-radius: 50px;
    height: 45px;
    border: 1px solid #eeeeee;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
	background: #d10705;
	transition: all 0.3s; 
}


.dj ul li:hover{ transition: all 0.3s;}
.dj ul li:hover .date span{transition: all 0.3s;color: #d10705;}
.dj ul li:hover .info .more{ background: #d10705; width:150px;transition: all 0.3s; color:#fff;}



@media (max-width: 1440px) {
	.dj ul li .info .title{font-size:20px}	
}

@media (max-width: 991px) {
	.dj{border-right:none; padding-right: 0;}
	.dj ul li{width:100%; margin:3% 0;padding: 3% 2%;}
	.dj ul li .date{display: none;}
	.dj ul li .line{display: none;}
	.dj ul li .info{width:100%}
	.dj ul li .info .title{font-size:18px;}
	.dj ul li .info .more{display:block;width: 140px;float: left;font-size: 12px;}
	
}













/*===========contact===========*/
.contact{
	width:100%;
	padding: 0;
	overflow: hidden;
	 border-top: 1px solid #dcdcdc;
}

.contact li{
    border-left: 1px solid #dcdcdc;
    padding: 5%;
    width: auto;
    float: left;
    list-style: none;
    height: 500px;
}

.contact li:nth-child(1){width:30%; border-left: none;}
.contact li:nth-child(2){width:40%}
.contact li:nth-child(3){width:30%}



.contact li .ico{
    margin-bottom: 50px;
}
.contact li .font1{
    color: #2f2f2f;
    font-size: 24px;
    line-height: 1;
    margin-top: 20px;
}
.contact li .font2{
    color: #2f2f2f;
    font-size: 38px;
    line-height: 1;
    margin-top: 20px;
}
.contact li .font3{
    color: #818181;
    font-size: 14px;
    margin-top: 2%;
}
.contact li .font4{
    color: #5f5f5f;
    font-size: 14px;
    margin-top: 8%;
}
.contact li .font4 span{margin-left:10px;}
.contact li .pic{
    margin-top: 8%;
    display: flex;
    justify-content: flex-start;
}
.contact li .pic img{margin-right:8%}



.map{width: 100%; height: 600px;  position: relative; background: url(/style/images/map1920.png?v5)}

@media (max-width: 1600px) {
	.contact li{padding:auto 3% auto 4%; height: 600px;}
	.contact li .font2{font-size:32px;}
	.contact li .font4 span{display:block; margin-left: 0;}
	.map{width: 100%; height: 600px;  position: relative; background: url(/style/images/map1440.png?v5)}
}
@media (max-width: 1280px) {
        .map{width: 100%; height: 600px;  position: relative; background: url(/style/images/map1280.png?v5) }
}

@media (max-width: 991px) {
	.contact li{ border-bottom: 1px solid #dcdcdc;padding: 5%;width: auto;float: left;list-style: none;height: auto; border-left:none;}
	.contact li:nth-child(1){width:100%}
	.contact li:nth-child(2){width:100%}
	.contact li:nth-child(3){width:100%}
	.contact li .font1{font-size:20px;}
	.contact li .font2{font-size:30px;}
	.map{width: 100%; height: 600px;  position: relative; background: url(/style/images/map768.png?v5) center; background-size: cover;}
	
}














/*===========luxian===========*/

.luxian-map{
}
.luxian-box{
    width: 100%;
    margin: auto;
    overflow: hidden;
    position: relative;
}

.luxian{
	width:100%;
	max-width: 500px;
	position: absolute;
	top: 10%; right: 10%;
	background: #fff;
	z-index: 9999;
	padding: 3%
}
.luxian .title{font-size: 26px; color: #333; font-weight: bold; margin-bottom: 5%;}

.luxian li{
	width:100%;
	list-style: none;
	line-height: 1.85;
	font-size: 16px;
	margin-bottom: 10px;
	color: #333;
}
.luxian li span{
	display: block;
	font-size:19px;
	font-weight: bold;
}
.luxian li:nth-child(1) span::before{
	content:'';
	display: inline-block;
	width:15px;
	height: 21px;
	background: url(style/images/luxian-ico1.jpg);
	margin-left: -28px;
    margin-right: 13px;
}
.luxian li:nth-child(2) span::before{
	content:'';
	display: inline-block;
	width:15px;
	height: 21px;
	background: url(style/images/luxian-ico2.jpg);
	margin-left: -28px;
    margin-right: 13px;
}
.luxian li:nth-child(3) span::before{
	content:'';
	display: inline-block;
	width:17px;
	height: 21px;
	background: url(style/images/luxian-ico3.jpg);
	margin-left: -28px;
    margin-right: 13px;
}


/*===========1440===========*/
@media (max-width: 1440px) {	
	.luxian{padding:3% 5%;}
}
/*===========991===========*/
@media (max-width: 991px) {	
	.luxian{ position:relative;max-width: 90%; right:0; left:5%}
	
	
}


.contact-leftContent .message{
	margin-top: 3%;
}
.contact-leftContent .message .row{
	margin-left: -7px;
    margin-right: -8px;
}
.contact-leftContent .message .btn{
	margin-top: 30px;
    width: 100%;
    height: 50px;
    border-radius: 0;
    float: right;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 7px 15px;
    background-image: linear-gradient(-90deg,rgba(146,200,122,1) 0,rgba(44,164,185,1) 90%);
}




.contact-leftContent .message .form-control{    border: none;
    padding: 10px 0;
    background: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    width: 100%;
}






























/*===========service===========*/	
.service{
	width:100%;
	margin: 5%auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}


.service li{
	width: 30%;
	list-style: none;
	position: relative;
	max-width: 430px;
}

.service li .bg{
	overflow: hidden;
	padding-bottom: 129%;
	position: relative;
	width: 100%;
	float: right;
	margin: auto;
	background: #fff;
}
.service li .bg img{
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.3s;
    opacity: 1;
}
.service li .ico{
    position: absolute;
    z-index: 9;
    background: #fff;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    top: 16%;
    margin: auto;
    text-align: center;
    left: 50%;
    margin-left: -125px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.service li .ico img{}
.service li .title{
    position: absolute;
    z-index: 9;
    bottom: 23%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}
.service li .text{
    position: absolute;
    z-index: 9;
    bottom: 15%;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 16px;
}


/*--------1440---------*/

@media (max-width: 1440px) {
	.service li .ico{
		width:200px;
		height: 200px;
		margin-left:-100px;
	}
	.service li .ico img{width:60%}
	.service li .title{font-size:24px;}
}

@media (max-width: 991px) {
	.service{display:block;	}
	.service li{width:100%; max-width:100%; margin-bottom: 8%;}
	.service li .ico{position:relative; height: auto;}
	.service li .bg{display:none;}
	.service li .title{position:relative; color: #333;    font-size: 18px; margin-top:15px;}
	.service li .text{position:relative; color: #333;    font-size: 15px;}
}














/*====================================business===========*/


.business{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/business-bg.jpg) no-repeat top center;
	background-size: cover;
	padding: 5% 0;
}


.business .title{
	width:100%;
	max-width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3%;
}
.business .title .bt{
	font-size: 38px;
	font-weight: bold;
	color: #fff;
	line-height: 1;
}
.business .title .zbt{
    display: flex;
    justify-content: space-around;
}
.business .title .zbt li{
    list-style: none;
    color: #fff;
    font-size: 18px;
    margin: 0 9px;
}
.business .title .zbt li a{
	color:rgba(255,255,255,1);
}
.business .title .zbt li a:hover{
	color:rgba(255,255,255,0.8);
}

.business .business-box{
    width: 100%;
    margin: auto;
    max-width: 1200px;
}
.business .business-box .content{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background:url(style/images/business-bg2.jpg) no-repeat bottom right #fff;
    text-align: left;
    height: 603px;
}
.business .business-box .content .pic{
    width: 47%;
    float: left;
}
.business .business-box .content .pic2{
    width: 47%;
    float: left;
	display: none;
}
.business .business-box .content .pic img{}
.business .business-box .content .info{
    width: 53%;
    float: right;
    padding: 8% 6% 0%;
}
.business .business-box .content .info .title{
    font-size: 24px;
    width: 100%;
    line-height: 1.5;
    color: #222;
    font-weight: bold;
    margin: auto;
    overflow: hidden;
}
.business .business-box .content .info .line{
    width: 70px;
    height: 3px;
    background: #da0000;
    margin: 5% 0;
}
.business .business-box .content .info .text{
    width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.75;
}
.business .business-box .content .info .arrow{
    width: 55px;
    height: 55px;
    border: 1px solid #dcdcdc;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #dcdcdc;
    margin-top: 21%;
}



.business .slick-nav-container .slick-nav .slick-prev{margin-left: -100px;}
.business .slick-nav-container.inner-arrows .slick-nav{    width: 108%;}






@media (max-width: 991px) {
	.business .title .bt{font-size:24px;}
	.business .title .zbt{display:none;}
	.business .business-box .content .pic{display:none}
	.business .business-box .content .pic2{width:100%; display: block;}
	.business .business-box .content .info{width:100%}
	.business .slick-nav-container .slick-nav .slick-prev{    margin-left: -30px;}
	.business .business-box .content .info .title{font-size:18px;}
	.business .business-box .content .info .text{font-size:15px;}
	.business .business-box .content .info .arrow{margin-top:12%}
	.business .business-box .content{height: 560px;}
}



















/*===========bottom===========*/	

.bottom-footer1{
    width: 100%;
    margin: auto;
    overflow: hidden;
	padding-bottom: 3%;
	padding-top: 2%;
	background: url(style/images/bottom-bg.jpg) no-repeat center bottom;
	background-size: cover;
} 

.bottom-footer1 .footer-logo{
	width:400px;
	float: left;
	text-align: left;
}

.bottom-footer1 .footer-logo .pic{
	width: 122px;
    text-align: center;
    color: #232323;
    font-size: 13px;
    display: flex;
}
.bottom-footer1 .footer-logo .pic li{
     margin-right: 10px;
     color: #232323!important;
}
.bottom-footer1 .footer-logo .pic img{}
.bottom-footer1 .footer-logo .list{
	width:100%;
	margin: auto;
	overflow: hidden;
}
.bottom-footer1 .footer-logo .list ul{
	padding-left: 0;
	width: 100%;
}
.bottom-footer1 .footer-logo .list ul li{
	list-style: none;
	list-style-position: outside;
	color: #393939!important;
	font-size: 15px;
}
.bottom-footer1 .footer-logo .list ul li span{font-size:28px; font-weight: bold; line-height: 1.5}

.bottom-footer1 .footer-nav{
	width: calc(95% - 450px);
	float: right;
	margin:
	auto;
	display: flex;
	justify-content: space-between;
}

.bottom-footer1 .footer-nav .footer-navSub{
	width: 14.2%;
	float: left;
	text-align: center;
	font-size: 16px;
	color: #656565;
	line-height: 2.5;
}
.bottom-footer1 .footer-nav .footer-navSub a{
	display: block;
}
.bottom-footer1 .footer-nav .footer-navSub span{
	font-weight:
	bold;
	display: block;
	font-size: 20px;
	color: #333;
	margin-bottom: 5px;
}



.bottom-footer1 .footer-code img{margin:8px 0; border-bottom: 1px solid #ccc;}



.bottom-footer2{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background: #eaeef2;
    color: #a2a2a2;
    font-size: 15px;
} 
.bottom-footer2 .bf-left{
    width: auto;
    float: left;
    text-align: left;
} 

.bottom-footer2 .bf-right{
    width: 630px;
    float: right;
    display: flex;
    justify-content: space-around;
} 
.bottom-footer2 .bf-right li{
	list-style: none;
}
.bottom-footer2 a{color: #a2a2a2;}
.bottom-footer2 a:hover{color: #a2a2a2!important;}


#scrollUp .btn::after{
	content:'返回顶部';
	display: block;
	font-size: 15px;
	margin-top: 10px;
}
#scrollUp .btn::before{
	content:'TOP';
	width: 80px;
	text-align: center;
	margin: auto;
	font-size: 22px;
	margin-top: 6px;
	display: block;
}
#scrollUp .btn-icon i{display:none;}


.footer-select{
	background:#fff;
	border:1px solid #e3e3e3;
	width:80%;
	margin-top: 4%;
	color: #232323;
}
.footer-select .inverse-text:not(.navbar):not(.nav-wrapper) select{color: #232323;}



/*--------1440---------*/

@media (max-width: 1440px) {
	
}

@media (max-width: 1200px) {
	.bottom-footer1 .footer-nav{    width: calc(94% - 475px);margin: 0 2%;}
	

}


@media (max-width: 991px) {
	
	.bottom-nav{
		width:100%;
		display: none;
	}
	.bottom-nav li{
		font-size: 12px;
	}
	
	.bottom-footer{
		width:100%;
		font-size:13px;
	}
	.bottom-footer .bf-left{
		width:100%;
	}
	.bottom-footer .bf-right{
		width:100%;
		text-align: left;
	}
	.bottom-footer li{
		font-size:14px;
	}
	
	.bottom-footer1 .footer-nav{display:none;}
	/*.bottom-footer2 .bf-left{width:100%; text-align: center}*/
	
	.bottom-footer2 .bf-right{
	    width: 100%;
        float: right;
        display: block;
	}
	footer .inner:not(.display-block) {
        display: block;
    }
    footer .inner {
        padding-top: 10px;
    }
	
	
	
	.bottom-footer1 .footer-logo .list{margin-top:20px;}
	.bottom-footer1 .footer-logo .list ul li{color:#333!important}
	.bottom-footer1 .footer-logo .list ul li span{font-size: 22px;}
	
	.bottom-footer2{font-size:14px;}
	
#scrollUp .btn::after{
	content:'';
	display: none;
}
#scrollUp .btn::before{
	content:'TOP';
	display: none;
}
#scrollUp .btn-icon i{display:block;}

	
}













/*===========public===========*/

.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}
.nei-top .tp{position: relative;z-index: 0;}
.nei-top .tp img{max-width: none;width: 100%;}
.nei-top .about-top-text{color:#fff;position: absolute;overflow: hidden;text-align: left;z-index: 99;bottom: 10%;}
.nei-top .about-top-text .line{    width: 30px; height: 30px; background: #d51d0b; margin-top: -20px;}
.nei-top .about-top-text h1{font-size: 55px;text-transform: uppercase; font-weight:bold;}
.nei-top .about-top-text h2{font-size: 58px;text-transform: uppercase;margin: auto;letter-spacing: 1px;color: #fff;font-weight: bold;line-height: 1;}
.nei-top .about-top-text h3{font-size: 20px;width: 60%;min-width: 500px;color: #fff;line-height: 1;text-transform: uppercase;}






/*nei-top-menu*/

.nei-top-menu-box{width:100%;height: 88px;position: relative;z-index: 9;border-bottom: 1px solid #eeeeee;}

.nei-top-menu{width:100%; height: 88px; overflow: hidden; background: url(../images/nei-top-menu-bg.jpg); }
.nei-top-menu .submenu{width:auto;text-align: center;float: left;}
.nei-top-menu .submenu li{float:left;  width:auto;text-align: center;margin: 0px 30px 0 0;list-style: none;}
.z-dh{float:right; line-height: 88px; color: #8c8c8c; font-size: 1.125em; margin-right: 10px;}
.z-dh img{ margin-right:10px;}


/*button*/
.button27 {
	color: rgba(0,0,0,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.button27:hover{color: #9c0e00;
}
.button27 a{
	text-decoration: none;
	display: block;
	font-size: 19px;
	width: auto;
	text-align: center;
	float: right;
	line-height: 88px;
	color: #424242;
	margin: 0 15px;
	font-weight: bold;
}
.button27 a:hover{color: #424242;}

.button27::before{
	content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 1;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate(-100%, -600%) rotate(30deg);
    transform: translate(-100%, -600%) rotate(30deg);
    -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    background-image: linear-gradient(-90deg,rgba(44,203,137,1) 0,rgba(112,200,126,1) 90%);

}
.button27:hover::before{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}




/*--------1440---------*/

@media (max-width: 1440px) {
	.nei-top .about-top-text h2{ font-size:35px}
	.button27 a{font-size:18px;}
}

/*--------1024---------*/

@media (max-width: 1024px) {
	.nei-top .about-top-text h2{ margin: 20px 0 15px;font-size:30px}
	.nei-top .about-top-text h3{}
	
}






/*--------991---------*/
@media (max-width: 991px) {
	.nei-top-menu-box{height:50px; display: none}
	.nei-top-menu{height:50px;}
	.nei-top-menu .submenu{display:none}
	.nei-top-menu .submenu li{width:90px;}
	.nei-top-menu .sim-button{line-height: 50px; font-size:14px; }
	
	.nei-top .about-top-text h2{display:none}
	.nei-top .about-top-text h3{display:none}
	.nei-top .about-top-text .line{display:none}
	
	.z-dh{line-height:50px; float: left;    font-size: 12px;}
}










































































































/*===========public===========*/

.w-1920{width:100%; max-width:1920px; margin: auto;}
.w-1600{width:100%; max-width:1600px; margin: auto;}
.w-1500{width:100%; max-width:1500px; margin: auto;}
.w-1470{width:100%; max-width:1430px; margin: auto;}
.w-1400{width:100%; max-width:1400px; margin: auto;}
.w-1350{width:100%; max-width:1350px; margin: auto;}






@media (max-width: 1680px) {
	.w-1600{width:92%;}
	.in-business-b .info{max-width:92%;}
}


@media (max-width: 1580px) {
	.w-1500{width:92%;}
}



@media (max-width: 1470px) {
	.w-1470{width:92%;}
	.w-1400{width:94%;}
}

@media (max-width: 1380px) {
	.w-1350{width:96%;}
	.w-1500{width:92%;}
}




.weixin{
  position:  absolute;
  text-align:  center;
  margin: auto;
  width: 35px;
  height: 32px;
  font-size:12px;
  margin-top: -30px;
  margin-left: 0px;
}
.weixin A{
  text-align:  center;
  display:  block;
  opacity:1;
}
.lan{
 display: flex;
 justify-content: space-between;
 padding: 0;
 align-items: center;
}
.lan a{
 display: block;
 width:100%;
 color: #999;
}
.lan a:hover{
}
.weixin A svg{
 fill: #fff;
 width: 23px;
 margin: 0;
 height: 23px;
}
.weixin .weixin_nr{
  position:  absolute;
  text-align:  center;
  padding-bottom:10px;
  padding-left:10px;
  transform-origin: top;line-height:1;
  transform: scaleY(0);
  width:120px;
  transition: .4s ease;
  font-weight:  normal;
  font-size:14px;
  padding-right:10px;
  display: block;
  z-index: 111;
  opacity: 0;
  background:#fff;
  height: auto;
  top: 35px;
  padding-top:10px;
  left: -46px;
  box-shadow:0 3px 4px  rgba(0, 0, 0, 0.1);
}
.weixin .weixin_nr IMG{
  margin-bottom: 0;
  width: 100%;
}
.weixin .weixin_nr .arrow{
  border-top:transparent 0px solid;
  position:absolute;
  border-left:transparent 10px solid;
  width:0px;
  border-bottom:#fff 10px solid;
  height:0px;
  top:-10px;
  border-right:transparent 10px solid;
  left:47px;
}
.on.weixin .weixin_nr{
  display:  block;
  transform: scaleY(1);
  top: 40px;
  opacity: 1;
}
.on.weixin A{
  opacity:1;
}
@media only screen and (max-width: 768px) {
  .weixin A svg {
    width: 18px;
}
  .weixin .weixin_nr {
    left: auto;
    right:0;
}
  .weixin {
    float: right;
  }
}

/* 人才招聘--------------------------- */
.recruitment{width:100%; margin: auto; overflow: hidden}
.recruitment-title{width:100%; margin: auto; overflow: hidden; background: #64ca99; color:#fff; padding: 20px; font-size: 16px; font-weight: bold;}
.recruitment-title li{margin-top:5px;list-style:none}


.recruitment-1{width:25%; float: left;text-align:center}
.recruitment-date img{ margin-left:10px;}

.panel{ border:none}
.panel-body{padding: 2% 20px;line-height: 2em; font-size: 15px; color: #656565;}
.panel-title ul{width:100%; margin: auto; overflow: hidden;padding:0 20px;}
.panel-title ul li{ margin: auto; overflow: hidden; margin-bottom:20px;margin-top:20px;list-style:none}

.panel-heading{padding: 25px 20px;}

.panel-default>.panel-heading{background-color: #fff; color:#656565; border-color: #fff}
.panel-success>.panel-heading{background-color: #f4f4f4; color:#656565; border-color: #fff}
.panel-info>.panel-heading{background-color: #fff; color:#656565; border-color: #fff}
.panel-warning>.panel-heading{background-color: #f4f4f4; color:#656565; border-color: #fff}

.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color: #f4f4f4;}
.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color: #f4f4f4;}
.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color: #f4f4f4;}
.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color: #f4f4f4;}

/*fenye*/
.fanye{width: 100%;float: left;margin-top: 2%;margin-bottom: 4%;text-align: center;font-size: 0.875em;}
.fanye-box{float: none;text-align: center;line-height: 45px;margin: auto;}
.fanye-Previous{width: 98px;float:left;background: #fff;border: 1px solid #ccc;height: 45px;color: #666666;margin-right: 5px;}
.fanye-Next{width: 98px;float:left;background: #fff;height: 45px;color: #414040;margin-left: 5px;border: 1px solid #ccc;}
.fanye-Number{width: 45px;float:left;color: #414040;margin: 0 5px;background: #fff;border: 1px solid #ccc;}
.fanye-Number-current{width: 45px;float:left;color: #fff;background: #4bc984;margin: 0 5px;}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #4bc984;
    border-color: #4bc984;
    cursor: default;
}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 14px 22px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #414040;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0 5px;
}

.pagination>li{
    display: inline-block;
}
.text-center{
	margin-top: 80px;
}
.text-center2{
	margin-top: 50px;
	text-align: center;
}
.slick-wrapper .text-center{
	margin-top: 20px;
}
.form-control{
	width: 500px;
}
.mtop{
	margin-top: 80px;
}
.mtop2{
	margin-top: 40px;
}
.mtop2 img{
	display: block;
	margin: auto;
}
@media (max-width: 991px) {
	.text-center{
		margin-top: 10px;
	}
	.text-center2{
	    margin-top: 20px;
    }
	input[type="text"]:not(.qty){
		height: 40px;
		width: 60%;
	}
	.mtop{
		margin-top: 15px;
	}
	.mtop2{
    	margin-top: 20px;
    }
}

/*mall*/
.mall{
	width:100%;
	margin: 5% auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.mall li{
    margin-bottom: 3%;
	width:calc((100% - 60px)/7);
	list-style: none;
}
.mall li img{width:100%; max-width:338px}
.con-page .article-text img{
        max-width: 700px;
    }

/*--------991---------*/
@media (max-width: 991px) {
	.mall li{
        margin-bottom: 3%;
    	width:calc((100% - 20px)/2)
    }
    .con-page .article-text{
        font-size: 16px;
        line-height: 2;
    }
    .con-page .article-text img{
        width: 100%;
    }
}