/* ====== */
/* banner */
/* ====== */



/* ========= */
/* advantage */
/* ========= */
.advantage{
	overflow: hidden;
	width: 100%;
	padding: 55px 0;
	background: url(../images/advantage-bg_02.jpg) center;
}
.advantage .tit{
	text-align: center;
	margin-bottom: 88px;
}
.advantage .tit h2{
	font-size: 30px;
	line-height: 60px;
	color: #575757;
	letter-spacing: 5px;
	color: #575757;
}
.advantage .tit h2 span{
	font-size: 22px;
	color: #ababab;
}
.advantage .tit p{
	font-size: 18px;
	color: #9d9c9c;
	font-family: arial;
}
.advantage .lists ul li{
	float: left;
	width: 20%;
	text-align: center;
	background: url(../images/advan-bg_03.jpg)no-repeat right center;
}
.advantage .lists ul li:nth-last-child(1){
	background: none;
}
.advantage .lists ul li h2{
	font-size: 40px;
	line-height: 35px;
	color: #333;
}
.advantage .lists ul li h2 span{
	font-size: 24px;
}
.advantage .lists ul li p{
	font-size: 20px;
	line-height: 35px;
	color: #6d6c6c;
}

/* ========= */
/*   about   */
/* ========= */
.all-tit{
	padding: 55px 0;
	background: url(../images/title-bg_03.png)no-repeat center;
}
.title{
	text-align: center;
	position: relative;
	left: 0;
	bottom: 10px;
}
.title h2{
	font-size: 38px;
	color: #000;
}
.title h2 span{
	color: #276cc1;
}
.title h2 em{
	color: #888;
	margin: 0 10px;
}
.title p{
	font-size: 18px;
	color: #828181;
	line-height: 33px;
}
.about .about-content{
	display: flex;
	justify-content: space-between;
}
.about .about-content .about-img{
	width: 51%;
	cursor: pointer;
}
.video-shadow{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	z-index: 999;
	display: none;
}
.video-shadow .home-video{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
}
.video-shadow .home-video .close{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
	z-index: 1000;
}
.video-shadow .home-video video{
	width: 100%;
}
.about .about-content .about-text{
	padding: 18px 35px 0 0;
	width: 43.6%;
}
@media (max-width: 1400px){
	.about .about-content .about-text{padding: 18px 0 0 0;}
}
.about .about-content .about-text h2{
	font-size: 24px;
	line-height: 76px;
	color: #555;
}
.about .about-content .about-text h2 span{
	font-size: 30px;
	color: #276dc1;
}
.about .about-content .about-text i{
	display: block;
	width: 46px;
	height: 2px;
	background: #7da7da;
	margin-bottom: 20px;
}
.about .about-content .about-text p{
	font-size: 14px;
	line-height: 36px;
	color: #333;
}
.more{
	display: block;
	width: 130px;
	line-height: 37px;
	background: #276dc1;
	text-align: center;
	color: #fff;
	margin-top: 22px;
	transition: all ease-in-out .4s;
}
.more span:nth-child(1){
	margin-right: 10px;
}
.more span:nth-child(2){
	margin-left: 10px;
}
.more:hover{
	background: #01316a;
}
.more:hover span{
	transition: all ease-in-out .4s;
}
.more:hover span:nth-child(2){
	margin-left: 20px;
}
/* ========= */
/*  product  */
/* ========= */
.product{
	padding-top: 20px;
}
.product .pro-content{
	margin-top: 45px;
	background: url(../images/product-bg_02.jpg);
	background-size: cover;
	padding-bottom: 133px;
}
.product .pro-content .pro-top{
	position: relative;
}
.product .pro-content .left-tab{
	float: left;
	margin-top: -45px;
	max-width: 297px;
	width: 24.75%;
}
.product .pro-content .left-tab .tab-tit{
	background: #276dc1;
	width: 100%;
	height: 95px;
	overflow: hidden;
	border-top-left-radius: 20px;
}
.product .pro-content .left-tab .tab-tit img{
	margin-top: 30px;
}
.product .pro-content .left-tab ul{
	background: #fff;
}
.product .pro-content .left-tab ul li{
	width: 100%;
	line-height: 56px;
	border-bottom: 1px solid #f8f8f8;
	text-align: center;
	font-size: 18px;
	color: #666;
	cursor: pointer;
}
.product .pro-content .left-tab ul li:hover{
	color: #276dc1;
}
.product .pro-content .left-tab ul li:nth-last-child(1){
	border: none;
}
.product .pro-content .left-tab ul li.active{
	color: #276dc1;
}
.product .pro-content .left-tab .tab-tel{
	background: #276dc1;
	padding-top: 18px;
	text-align: center;
}
.product .pro-content .left-tab .tab-tel p{
	line-height: 45px;
	color: #fff;
	font-size: 16px;
}
.product .js-tab-box{
	position:absolute;
	top:0;
	right:0;
	width: 78.25%;
	height: 100%;
	margin-right:-35px;
	padding: 50px 35px 0;
}
.product .pro-content .right-content{
	/*height: 0;
	overflow: hidden;*/
	display: none;
}
.product .pro-content .right-content.active{
	/*height: auto;*/
	display: block;
}
.product .pro-content .right-content .hot{
	background: #fff;
	padding: 30px 25px;
}
.product .pro-content .right-content .hot .left-img{
	float: left;
	width: 41.3%;
}
.product .pro-content .right-content .hot .right-text{
	float: left;
	width: 48.2%;
	margin-left: 23px;
}
.product .pro-content .right-content .hot .right-text h3{
	line-height: 46px;
	font-size: 18px;
	color: #777;
}
.product .pro-content .right-content .hot .right-text em{
	display: block;
	width: 47px;
	height: 3px;
	background: #ebeaea;
}
.product .pro-content .right-content .hot .right-text p{
	font-size: 14px;
	line-height: 36px;
	color: #686767;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
}
.product .pro-content .right-content .hot .right-text .more{
	margin-top: 18px;
}

.product .pro-content .right-content .current{
	width: 100%;
	position: absolute;
	bottom: 0;
	left:0;
	padding: 0 35px;
	
}
.product .pro-content .right-content .current .swiper-slide{
	overflow: hidden;
}
.product .pro-content .right-content .current .swiper-slide img{
	transition: all ease .5s; 
	-moz-transition: all ease .5s;
	-webkit-transition: all ease .5s;
}
.product .pro-content .right-content .current .swiper-slide:hover img{
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.product .pro-content .right-content .current .product-shadow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #276dc1;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	text-align: center;
}
.product .pro-content .right-content .current .position{
	position: relative;
}
.product .pro-content .right-content .current .position .swiper-button-prev{
	left: -25px;
	width: 16px;
	height: 28px;
	margin-top: -14px;
	background: url(../images/pro-left1_03.png)no-repeat;
}
.product .pro-content .right-content .current .position .swiper-button-next{
	right: -25px;
	width: 16px;
	height: 28px;
	margin-top: -14px;
	background: url(../images/pro-left_03.png)no-repeat;
}

.pro-bottom{
	margin-top: -105px;
	width: 100%;
	padding: 20px 0;
	background: #fff;
}
.pro-bottom ul li{
	float: left;
	width: 25%;
	padding: 0 5.4%;
	text-align: center;
	background: url(../images/advan-bg_03.jpg)no-repeat right center;
}
.pro-bottom ul li:nth-last-child(1){
	background: none;
}
.pro-bottom ul li h3{
	line-height: 44px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.pro-bottom ul li p{
	font-size: 14px;
	line-height: 21px;
	color: #666;
}
.pro-bottom ul li:hover h3{
	color: #276dc1;
}
.pro-bottom ul li .radius{
	width: 54px;
	height: 54px;
	margin: 0 auto; 
	border-radius: 50%;
}
.pro-bottom ul li:nth-child(1) .radius{
	background: url(../images/pro-bo1_03.png);
}
.pro-bottom ul li:nth-child(2) .radius{
	background: url(../images/pro-bo2_03.png);
}
.pro-bottom ul li:nth-child(3) .radius{
	background: url(../images/pro-bo3_03.png);
}
.pro-bottom ul li:nth-child(4) .radius{
	background: url(../images/pro-bo4_05.png);
}
.pro-bottom ul li:nth-child(1):hover .radius{
	background: #276dc1;
	background-image: url(../images/pro-bo1_03_hover.png);
}
.pro-bottom ul li:nth-child(2):hover .radius{
	background: #276dc1;
	background-image: url(../images/pro-bo2_03_hover.png);
}
.pro-bottom ul li:nth-child(3):hover .radius{
	background: #276dc1;
	background-image: url(../images/pro-bo3_03_hover.png);
}
.pro-bottom ul li:nth-child(4):hover .radius{
	background: #276dc1;
	background-image: url(../images/pro-bo4_05_hover.png);
}


/* =========
/*    case   */
/* ========= */
.case{
	width: 100%;
}
.case .case-tit{
	padding: 10px 0 17px 0;
	border-bottom: 2px solid #eee;
}
.case .case-tab{
	padding: 0 60px;
	position: relative;
	left: 0;
	top: -23px;
}
.case .case-tab .case-flex{
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: space-between;
}
.case .case-tab .case-flex a{
	display: inline-block;
	max-width: 154px;
	width: 12.6%;
	line-height: 45px;
	border: 1px solid #bfbfbf;
	text-align: center;
	border-radius: 30px;
	background: #fff;
	font-size: 18px;
	color: #828181;
}
.case .case-tab .case-flex a.active{
	background: #276dc1;
	color: #ffff;
}
.case .case-lists{
	margin: 51px 0 70px;
	display: none;
}
.case .case-lists.active{
	display: block;
}
.case .case-lists ul{
	display: flex;
	flex-flow: wrap;
	align-items: center;
	justify-content: initial;
}
.case .case-lists ul li{
	width: 24%;
	margin-right: 13px;
	position: relative;
}
.case .case-lists ul li:nth-last-child(1){
	margin-right: 0;
}
.case .case-lists ul li .shadow{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/shadow_03.png)repeat;
	display: none;
}
.case .case-lists ul li .shadow .center{
	width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
}
.case .case-lists ul li .shadow .center h3{
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	font-weight: 600;
}
.case .case-lists ul li .shadow .center p{
	font-size: 14px;
	line-height: 22px;
	color: #c6c7c6;
}
.case .case-lists ul li .shadow .center span{
	font-size: 36px;
	color: #c3c3c3;
}
/* ========= */
/*  friends  */
/* ========= */
.friends{
	width: 100%;
	padding: 48px 0;
	background: url(../images/friends-bg_02.jpg);
	background-size: cover;
}
.friends .position{
	position: relative;
}
.friends .position a{
	width: 190px;
	height: 190px;
	background: #fff;
	display: inline-block;
	position: relative;
}
.friends .position a img{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
@media (max-width: 1400px){
	.friends .position a{
		width: 170px;
		height: 170px;	
	}
}

/* ========= */
/*    news   */
/* ========= */
.news .all-tit{
	margin-top: 18px;
}
.news .news-tab{
	padding: 0 22%;
	margin-bottom: 48px;
	text-align: center;
}
.news .news-tab a{
	display: inline-block;
	max-width: 152px;
	width: 22.6%;
	line-height: 45px;
	border: 1px solid #bfbfbf;
	text-align: center;
	margin-right: 15.3%;
	border-radius: 22px;
	font-size: 22px;
	color: #818181;
}
.news .news-tab a.active{
	background: #276dc1;
	color: #fff;
}
.news .news-tab a:nth-last-child(1){
	margin-right: 0;
}
.news .news-content{
	display: none;
}
.news .news-content.active{
	display: block;
}
.news .news-content .hotnews{
	width: 40%;
	float: left;
	padding: 25px;
	background: #f1f2f3;
}
.news .news-content .hotnews .img{
	position: relative;
}
.news .news-content .hotnews .img .shadow{
	width: 99%;
	padding: 15px 10px 12px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/shadow_03.png)repeat;
}
.news .news-content .hotnews .img .shadow .box{
	padding-left: 12px;
	border-left: 4px solid #c1c4ca;
	color: #fff;
	line-height: 21px;
}
.news .news-content .hotnews .img .shadow .box span{
	font-size: 14px;
}
.news .news-content .hotnews .img .shadow .box p{
	font-size: 16px;
}
.news .news-content .hotnews .img .shadow a{
	display: inline-block;
	text-align: center;
	width: 88px;
	line-height: 31px;
	font-size: 16px;
	color: #fff;
	background: #276dc1;
	position: absolute;
	right: 11px;
	bottom: 11px;
}
.news .news-content .newslists{
	float: left;
	width: 60%;
}
.news .news-content .newslists ul li{
	background: #f9f9f9;
	padding: 12px 42px 12px 58px;
}
.news .news-content .newslists ul li .txt{
	width: 74%;
	float: left;
}
.news .news-content .newslists ul li .txt h3{
	font-size: 16px;
	line-height: 51px;
	color: #444;
}
.news .news-content .newslists ul li .txt p{
	font-size: 14px;
	line-height: 21px;
	color: #aaaaaa;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news .news-content .newslists ul li .date{
	float: right;
}
.news .news-content .newslists ul li .date span{
	display: block;
}
.news .news-content .newslists ul li .date span.day{
	font-size: 14px;
	line-height: 51px;
	color: #9c9c9c;
}
.news .news-content .newslists ul li .date span.icon{
	font-size: 22px;
	color: #c9cbd2;
	text-align: right;
	margin-top: 30px;
}
.news .news-content .newslists ul li.active{
	background: #fff;
}
.news .news-content .newslists ul li.active h3{
	font-size: 18px;
	color: #276dc1;
}
.news .news-content .newslists ul li.active .date span{
	color: #276dc1;
}
.news .news-content .newslists ul li.active .date span.day{
	font-size: 16px;
}
.news .news-content .watch{
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 76px;
	width: 128px;
	line-height: 34px;
	border: 1px solid #276dc1;
	text-align: center;
	font-size: 14px;
	color: #276dc1;
}
.news .news-content .watch:hover{
	color: #fff;
	background:  #276dc1;
}