﻿
/* 横幅 */
#banner{
	position: relative;
	overflow: hidden;
}
#banner a{
	color:#fff;
}
#banner .swiper_text{
	position:absolute;
	top:35%;
	width:100%;
	text-align:center;
	color:#fff;
}
#banner .swiper_text .t1{
	font-size:46px;
	margin-bottom:10px;
}
#banner .swiper_text .t2{
	font-size:18px;
}

#banner .prev,#banner .next{
	position:absolute;
	width:50px;
	height:50px;
	background:#363539;
	color:#fff;
	top:50%;
	z-index:9999;
	text-align:center;
	line-height:50px;
	cursor:pointer;
	margin-top:-25px;
	opacity:0.7;
}
#banner .next{
	right:0px;
}
#banner .prev:hover,#banner .next:hover{
	background:#1274bf;
	opacity:1;
}

#banner .img{
	display:block;
	margin:0 auto;
    width: 100%;
    height: auto;
}
#banner .down{
	padding-top:50px;
}
.banner-pagination-center{
	text-align:center;
	position: absolute;
    bottom: 30px;
	height:30px;
	width:100%;
	z-index:900;
}
#banner .banner-pagination {
	display:inline-block;
	width:auto !important;
	background:rgba(0,0,0,0.2);
	height:24px;
	line-height:22px;
	border-radius:50px;
	padding:0 12px;
}

#info{
	margin-bottom:50px;
}
#info .main{
	display:flex;
	position:relative;
	z-index:99;
	margin-top:-70px;
	background:#fff;
	border-radius:10px;
	padding:30px 0;
	box-shadow:0px 10px 10px #eee;
}
#info .main .item{
	width:100%;
	text-align:center;
}
#info .main .item .text{
	font-size:42px;
}
#info .main .item .t1{
	position:relative;
}
#info .main .item .t1 .unit{
	position:relative;
	top:-20px;
	right:-10px;
	color:#999;
	font-size:18px;
}
#info .main .item .t2{
	color:#999;
	font-size:16px;
	letter-spacing:3px;
}

.yyfw{
	padding:30px 0;
	overflow: hidden;
}
.yyfw .topTitle{
	display:flex;
	justify-content:space-between;
}
.yyfw .topTitle .cn{
	font-size:24px;
}
.yyfw .topTitle .en{
	color:#bbbbbb;
}
.yyfw .tag a{
	display:inline-block;
	height:36px;
	line-height:36px;
	padding:0 15px;
	margin:0 5px;
}
.yyfw .tag a.on{
	background:#fdb235;
	color:#fff;
}
.yyfw .item  h3{
	font-size:16px !important;
	text-align:center;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.yyfw .item {
	display:block;
	padding:10px;
	border:1px solid #eee;
}
.yyfw .item:hover{
	box-shadow:0 0 10px #eee;
}
.yyfw .list{
	position:relative;
}
.yyfw .yyfw-swiper{
	overflow:hidden;
}
.yyfw .list .swiper-slide img{
	width:100%;
}

.yyfw-left{
	position:absolute;
	left:-60px;
	top:50%;
	width:50px;
	height:50px;
	background:#7f7f7f;
	color:#fff;
	text-align:center;
	line-height:50px;
	margin-top:-65px;
	cursor:pointer;
}
.yyfw-right{
	position:absolute;
	right:-60px;
	top:50%;
	width:50px;
	height:50px;
	background:#7f7f7f;
	color:#fff;
	text-align:center;
	line-height:50px;
	margin-top:-65px;
	cursor:pointer;
}
.yyfw-left:hover,.yyfw-right:hover{
	background:#1274bf;
}
.yyfw-pagination{
	padding:30px 0;
	text-align:center;
}
.yyfw-pagination .swiper-pagination-bullet{
	border:1px solid #fdb235 !important;
	background:none;
	opacity:1;
	width:10px;
	height:10px;
}
.yyfw-pagination .swiper-pagination-bullet-active{
	background:#fdb235;
}
.yyfw-swiper .swiper-slide{
	overflow:hidden;
}
.yyfw-swiper .swiper-slide img{
	-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.yyfw-swiper .swiper-slide:hover img{
	transform:scale(1.1);
}

/* 通用标题 */
.topTitle{
	text-align:center;
	margin-bottom:45px;
}
.topTitle .cn{
	font-weight:700;
	font-size:32px;
	color:#fdb235;
}
.topTitle .line{
	height:4px;
	width:60px;
	background:#eee;
	margin:10px auto;
}
.topTitle .en{
	color:#ccc;
}

/* 企业简介 */
#about{
	background:#f7f7f7;
	padding:60px 0;
	overflow: hidden;
}
#about .main{
	display:flex;
	flex-wrap:wrap;
}
#about .main .left{
	width:50%;
}
#about .main .left img{
	width:100%;
	display:block;
}
#about .main .right{
	width:50%;
	padding-left:50px;
}
#about .main .right .title .cn{
	color:#1274bf;
	font-size:26px;
}
#about .main .right .title .en{
	color:#ccc;
	font-size:17px;
	letter-spacing:1px;
}
#about .main .right .desc{
	margin:30px 0;
	line-height:24px;
	font-size:15px;
	text-align:justify;
}
#about .main .right .more a{
	display:inline-block;
	border:1px solid #ccc;
	height:40px;
	line-height:36px;
	padding:0 30px;
	border-radius:20px;
	color:#999;
}
#about .main .right .more a:hover{
	background:#666;
	border:1px solid #666;
	color:#fff;
}

/* 成功案例 */
#demo{
	padding:60px 0;
	overflow: hidden;
}
#demo .list{
	position:relative;
}
#demo .demo-swiper{
	overflow:hidden;
}
#demo .list .swiper-slide{
	position:relative;
}
#demo .list .swiper-slide img{
	width:100%;
	height:280px;
}
#demo .list .swiper-slide .tt{
	position:absolute;
	bottom:0px;
	left:0px;
	text-align:center;
	color:#fff;
	width:100%;
	background:rgba(33,125,195,0.5);
	height:40px;
	line-height:40px;
	font-size:15px;
}
#demo .demo-left{
	position:absolute;
	left:-60px;
	top:50%;
	width:50px;
	height:50px;
	background:#7f7f7f;
	color:#fff;
	text-align:center;
	line-height:50px;
	margin-top:-25px;
	cursor:pointer;
}
#demo .demo-right{
	position:absolute;
	right:-60px;
	top:50%;
	width:50px;
	height:50px;
	background:#7f7f7f;
	color:#fff;
	text-align:center;
	line-height:50px;
	margin-top:-25px;
	cursor:pointer;
}
#demo .demo-left:hover,#demo .demo-right:hover{
	background:#1274bf;
}

/* 新闻动态 */
#news{
	padding:60px 0;
	background:#f7f7f7;
	overflow: hidden;
}
#news .flex{
	display:flex;
	flex-wrap:wrap;
}
#news .flex .left{
	width:50%;
	padding-right:30px;
}
#news .flex .left img{
	display:block;
	width:100%;
}
#news .flex .left .title{
	background:#fff;
	display:flex;
	padding:20px 30px;
	align-items:center;
}
#news .flex .left .title h3{
	margin-bottom:5px;
	font-size:22px;
	margin-top:0px;
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
#news .flex .left .title .date{
	padding-right:15px;
	border-right:1px solid #eee;
	margin-right:15px;
}
#news .flex .left .title .y{
	font-size:32px;
}
#news .flex .left .title .d{
	font-size:18px;
}
#news .flex .left .title .desc{
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

#news .flex .right{
	width:50%;
	padding-left:30px;
}
#news .flex .right .item{
	margin-bottom:10px;
}
#news .flex .right .item a{
	display:flex;
	align-items:center;
	background:#fff;
	padding:27.5px 30px;
}
#news .flex .right .item .date{
	border-right:1px solid #eee;
	padding-right:20px;
	margin-right:20px;
}
#news .flex .right .item h3{
	margin:0px;
	font-size:18px;
	margin-bottom:5px;
}
#news .flex .right .item p{
	color:#999;
	margin-bottom:0px;
}
#news .flex .right .item .y{
	font-size:28px;
	line-height:28px;
}
#news .flex .right .item .d{
	font-size:22px;
	color:#ccc;
}
#news .flex .right .item .text p{
	word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

#partner{
	padding:60px 0;
	overflow: hidden;
}
#partner .list{
	display:flex;
	flex-wrap:wrap;
	
}
#partner .list .item{
	width:16.6666%;
	border:1px solid #eee;
	position:relative;
	margin-bottom:-1px;
	margin-right:-1px;
	overflow:hidden;
	padding:5px;
}
#partner .list .item:hover{
	box-shadow:0 0 15px #eee;
}
#partner .list .item img{
	display:block;
	margin:0 auto;
}


@media screen and (max-width:768px){
	#banner .swiper_text .t1{font-size: 22px;}
	#banner .swiper_text .t2{font-size:14px;}
	#banner .down{display:none;}
	#banner .prev{display:none;}
	#banner .next{display:none;}
	
	#info{margin-bottom: 30px;}
	#info .main{margin-top: 10px;box-shadow: 0px 0px 10px #eee;}
	#info .main .item .text{font-size:24px;}
	#info .main .item .t1 .unit{font-size:13px;top: -10px; right: -5px;}
	#info .main .item .t2{font-size:13px;letter-spacing:0px;}
	
	.yyfw{padding:20px 0;}
	.yyfw .topTitle{display:block;margin-bottom:30px;}
	.yyfw .tag{display:none;}
	.yyfw .topTitle .cn{display:block;font-size:24px;}
	.yyfw .item{padding:8px;}
	
	#about{padding:30px 0;}
	#about .main .left{width:100%;}
	#about .main .right{width:100%;padding-left:0px;}
	#about .main .right .title{margin-top:24px;}
	#about .main .right .title .cn{font-size:24px;}
	#about .main .right .title .en{font-size:16px;}
	
	.topTitle .cn{font-size:24px;}
	.topTitle .line{height:3px;}
	
	#demo{padding:30px 0;}
	
	#news {padding:30px 0;}
	#news .flex .left{width:100%;padding:0px; margin-bottom:10px;}
	#news .flex .right{width:100%;padding:0px;}
	#news .flex .left .title .y{font-size:24px;}
	#news .flex .left .title .d{font-size:14px;}
	#news .flex .left .title{padding:20px;}
	#news .flex .left .title h3{font-size:18px;}
	
	#news .flex .right .item a{padding:20px;}
	#news .flex .right .item .y{font-size:24px;}
	#news .flex .right .item .d{font-size:14px;}
	
	#partner{padding:30px 0;}
	
	#partner .list .item{width:50%;}
	#demo .list .swiper-slide img{height:auto;}
}