@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center; margin:0 auto;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.clearfix{zoom:1}
body{
	width: 100%;height:100%;
	font-size: 12px;min-width: 1200px!important; 
	font-family: "微软雅黑",Source Han Sans CN, Source Han Sans CN-Regular;
	color: #444;
	background: #fff;
}
.wrap{position: relative; width: 1200px; margin: 0 auto;font-size: 0;text-align: center;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
/* @media screen and (min-width:800px) and (max-width:1440px){body{zoom:0.8}} */
h1{font-size: 0;}
/*banner*/
.banner-box{
    display: inline-block; width: 100%;height: 5.5rem;
    background: url("../images/banner.jpg") no-repeat center;
	background-size: cover;
}

.main{
    width: 100%; clear: both; float: left;
    padding-top: .65rem;
}
.sections{
    width: 100%; clear: both; float: left;
}
.sections h2{
    font-size: .32rem; line-height: .52rem; font-weight: bold; color: #333;
    float: left;
    position: relative;
}
.sections h2:after{
    content: ''; width: .9rem; height: .08rem; display: inline-block;
    background: url("../images/icon-title01.png") no-repeat center / 100%;
    position: absolute; left: 0; bottom: -.22rem;
}
.sections a.more{
	float: right; font-size: .14rem; line-height: .24rem; margin-top: .2rem;
}
.sections a.more:hover{
	color: #f00;
}

.s1-main{
    width: 100%; clear: both; float: left; margin-top: .24rem; margin-bottom: .95rem;
    position:relative;
}
.s1-main .video-box{
    width: 6.84rem; float: left; margin-top: .48rem;
    position: relative;
    z-index: 3;
	/* border-radius: .16rem;
	overflow: hidden; */
}
.s1-main .video-box img{
	width: 100%; display: inline-block;
}
.s1-right{
    width: 6.2rem; height: 3.65rem; display: inline-block;
    background: #f5f6f9;
    float: right; margin-left: -1.05rem;
	position: relative;z-index: 2;
	margin-top: .55rem;
	border-radius: .16rem;
}
.s1-txt{
    width: 4.8rem; float: right; margin-top: .2rem; margin-right: .15rem;
    font-size: .15rem; line-height: .25rem; text-align: left;
}
.s1-txt p{
	/* letter-spacing: -1px; */
}
.s1-main::before{
	content: ''; width: 1.49rem; height: 1.49rem; display: block;
	background: url('../images/s1-img01.png') no-repeat center / 100%;
	position: absolute; right: -.55rem; top: .07rem;
}
.s1-main::after{
	content: ''; width: 1.06rem; height: .54rem; display: block;
	background: url('../images/s1-img02.png') no-repeat center / 100%;
	position: absolute; left: -.45rem; bottom: -.27rem;
}


.s2-main{
	width: 100%; clear: both; float: left; margin-top: .57rem; margin-bottom: .73rem;
}
.s2-main ul{
	width: 100%; clear: both; float: left;
}
.s2-main ul li{
	width: 3.8rem; height: auto; float: left;
	background: #f5f6f9;
	border-radius: .1rem;
	overflow: hidden;
	margin-right: .3rem;
}
.s2-main ul li:last-child{margin-right: 0;}
.s2-main ul li .pic{
	width: 100%; clear: both; float: left;
	background: #eee;
	overflow: hidden;
}
.s2-main ul li .pic img{
	width: 100%;
	transition: all .8s;
}
.s2-main ul li:hover .pic img{
	transform: scale(1.1);
}
.s2-main ul li .txt{
	width:3.5rem; float:left; margin:.19rem .15rem .3rem;
}
.s2-main ul li h4{
	font-size: .16rem; line-height: .24rem; font-weight: bold; text-align: left; color: #333;
	width: 100%;
	float: left; margin: 0 auto .08rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.s2-main ul li h4:hover{
	color: #e13b29;
	/* text-decoration: underline; */
}
.s2-main ul li p{
	width: 100%; float: left; margin: auto; height: .4rem;
	font-size: .12rem; line-height: .2rem; text-align: left; color: #666;
	display: -webkit-box; 
	-webkit-box-orient: vertical;
	/* line-clamp: 2; */
	-webkit-line-clamp: 2;  /*只显示6行*/
	overflow: hidden;   /*溢出隐藏*/
	text-overflow: ellipsis;   /*省略号代替*/
}

/* 企业文化 */
.s3-main{width: 100%; clear: both; float: left; margin-top: .58rem; margin-bottom: .73rem;}
.s3-main .left{
	float: left;
}
.s3-main .left .item{
	width: 2.3rem; height: 4.8rem; display: block; float: left; margin-right: .2rem; position: relative; overflow: hidden;
	border-radius: .2rem;
	cursor: pointer;
}
.s3-main .left .item img{width: 100%;}

.s3-main .right{
	float: right; width: 4.5rem;
}
.s3-main .right .item{
	width: 100%; height: 2.3rem; display: block; float:left; overflow: hidden;
	border-radius: .16rem; position: relative;
	cursor: pointer;
}
.s3-main .right .item05{margin-top: .2rem;}
.s3-main .right .item img{width: 100%;}
.caption{position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.captionbg{position: absolute; left: 0; top: 50%; width: 100%; height: 50%;
	background: -webkit-linear-gradient(180deg,rgba(0,0,0,0.00) 18%, #100b0b); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(180deg,rgba(0,0,0,0.00) 18%, #100b0b); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg,rgba(0,0,0,0.00) 18%, #100b0b); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg,rgba(0,0,0,0.00) 18%, #100b0b); /* 标准的语法 */
	-webkit-transition: all .5s;
	transition: all .5s;
}
.right .captionbg{
	height: 100%; top: 0;
}
/* .item:hover .captionbg{
	background: rgba(0,0,0,.7);
} */
.caption-text{position: absolute; bottom: .55rem; left: 0;width: 100%; padding: 0 5%; color: #fff; text-align: left; min-height: 1.52rem;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}
.left .caption-text{padding: 0 7%;}
.right .caption-text{height: auto;}
.right .item05 .caption-text{min-height: 1.2rem;}
.caption-text h4{font-size: .28rem; line-height: .42rem; position:absolute; }
.item04 .caption-text h4{bottom: 1.05rem;}
.item:hover .caption-text{bottom: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.caption-text p{font-size: .14rem; line-height: .2rem;  color: rgba(255,255,255,.7); position: absolute; top: 55px;}

/* section04 */
.s4-main{
	height: 5.99rem; width: 11.62rem; clear: both; float: left; margin: .47rem .2rem .35rem;
	background: url('../images/s4-img04.png') no-repeat center / auto 100%;
	position: relative;
}
.s4-main .time{
	display: block;
	width: 1.15rem; height: auto;
	padding: .14rem 0; background: #f5f6f9;
	cursor: pointer;
	transition: all .5s;
}
@media screen and (min-width: 800px) {
	.s4-main .time{position: absolute; z-index: 3;}
	.s4-main .time01{left: 2px; top: 1.66rem;}
	.s4-main .time02{left: 1.18rem; top: 4.36rem;}
	.s4-main .time03{left: 2.34rem; top: 1.31rem;}
	.s4-main .time04{left: 3.5rem; top: 3.91rem;}
	.s4-main .time05{left: 4.66rem; top: 1.06rem;}
	/* .s4-main .time06{left: 5.3rem; bottom: 2.36rem;} */
	.s4-main .time07{left: 5.82rem; top: 3.77rem;}
	.s4-main .time08{right: 3.49rem; top: .11rem;}
	/* .s4-main .time09{right: 4.91rem; top: 2.46rem;} */
	.s4-main .time10{right: 2.33rem; top: 3.08rem;}
	.s4-main .time11{right: 1.17rem; top: -.1rem;}
	.s4-main .time12{right: .01rem; top: 2.93rem;}
	
}
.s4-main .time span{
	float: left;margin-left: .16rem;
	font-size: .18rem; line-height: .3rem; font-weight: bold; color: #f8323c;
}
.s4-main .time span::before{
	content: '';width: .05rem; height: .23rem; display: inline-block;
	background: #f8323c;
	float: left;margin-left: -.16rem; margin-top: .03rem;
}
.s4-main .time p{
	clear: both; float: left;
	width: .9rem; margin-top: .05rem; margin-left: .16rem;
	font-size: .14rem; line-height: .22rem; text-align: left;
}
.s4-main .time:hover{
	transform: translateY(-.1rem);
}
.s4-main .time:hover p{
	color:#e13b29
}
.s4-main .line{
	width: 100%; clear: both; float: left; margin-top: 1.18rem;
	margin-left: -.18rem;
	position: relative; z-index: 2;
}
.s4-main .line img{display: inline-block;}
/* 分支机构 */
.sec05{
	background:#f7f8f8 url('../images/s5-bg.jpg') no-repeat center top;
	height: 9.05rem;
}
.sec05 h2{margin-top: .6rem;}
.s5-main{
	display: inline-block;width: 100%;height: 7.2rem; margin-top: .42rem;
	background: url('../images/s5-img1.png') no-repeat center top;
	background-size: auto 4.5rem;
	position: relative;
	overflow: hidden;
}
.s5-main .s5-part{
	display: inline-block;
	width: 1.1rem;
	transition: all .5s;
	cursor: pointer;
}
.s5-main .s5-part:hover{
	margin-top: -.2rem;
}
.s5-part span{
	display: inline-block; 
	font-size: .24rem;line-height: .56rem;font-weight: bold;color: #333;
}
.s5-part p{
	width: 1.1rem; height: .3rem; margin-bottom: .12rem;
	font-size: .18rem;color: #333;
	background: #fff;
	box-shadow: 0 0 0 .1rem rgba(247, 248, 248, 1);
}
@media screen and (min-width: 800px) {
	.s5-main .s5-part{position: absolute;}
	.s5-main .s5Part1{
		left: .57rem;top: 2.92rem;
	}
	.s5-main .s5Part2{
		left: 2.68rem;top: 3.5rem;
	}
	.s5-main .s5Part3 {
	    left: 5.8rem;top: .32rem;
	}
	.s5-main .s5Part4 {
	    right: 1.85rem;top: .55rem;
	}
	
	.s5-main .s5Part5 {
	    right: .58rem;top: 3.05rem;
	}
	.s5-main .s5Part6 {
	    width: 2.3rem;right: 2.18rem;top: 4.5rem;
	}
	.s5-main .s5Part7 {
	    left: 4.95rem;
	    top: 3.65rem;
	}
	.s5-main .s5-part.type02{
		width: 2.3rem;
	}
}

.s5-main .s5-part.type02 span{display: block;clear: both;}
.s5-main .s5-part.type02 p{
	display: inline-block;float: left; margin-right: .1rem;
}
.s5-main .s5-part.type02 p:nth-of-type(2n){
	margin-right: 0;
}
.s5-txt{
	float: left; margin-left: .67rem; margin-top: 1.1rem;
	font-size: .22rem; line-height: .38rem; text-align: left;
}
.s5-txt span{color: #f8323c;}


.s5-main .cur span{
	font-size: .26rem;color: #f8323c;
}
.s5-main .cur p{
	font-size: .2rem;color: #f8323c;
}
.s5-main .s5Part2:hover{
	margin-bottom: .2rem;
}
.s5-main .s5Part6:hover{
	margin-bottom: .2rem;
}