@charset "utf-8";
/***********************************/
.section{
	position:relative;
	width:100%;
	height:890px;
	background-position:center center;
	background-size:cover;
}
.bg01{
	background-image:url(../images/bg01.jpg);
}
.bg02{
	background-image:url(../images/bg02.jpg);
}
.bg03{
	background-image:url(../images/bg03.jpg);
}
.bg04{
	background-image:url(../images/bg04.jpg);
}
.bg05{
	background-image:url(../images/bg05.jpg);
}
.bg01 .left{
	float:left;
	width:50%;
	height:100%;
	background-color:rgba(12,39,76,.6);
}
.bg01 .text{
	position:absolute;
	left:63%;
	top:50%;
	width:505px;
	height:260px;
	margin:-130px 0 0 -500px;
	color:#fff;
	text-align:center;
}
.bg01 .text .chi{
	font-size:36px;
	line-height:60px;
}
.bg01 .text .eng{
	padding:30px 0;
	font-size:60px;
	height:60px;
}
.bg01 .text .eng span{
	display:inline-block;
	line-height:50px;
	border-bottom:solid 1px #00dfb9;
}
.bg01 .text p{
	font-size:18px;
	line-height:26px;
	padding: 5px 0;
}
.bg01 .text span{
	color:#00dfb9;
}
.section-tit{
	padding:180px 0 80px;
	text-align:center;
}
.section-tit h2{
	font-size:40px;
	color:#4edfbb;
}
.section-tit h3{
	width:540px;
	margin:0 auto;
	font-size:22px;
	color:#3a3a3a;
	line-height: 40px;
	padding-top: 30px;
}
.section-tit p{
	margin:0 auto;
	font-size:22px;
	color:#4edfbb;
	display:none;
}
.bg04 .section-tit h2{
	color:#686868;
}
.bg04 .section-tit h3{
	color:#838383;
}
.service{
	overflow:hidden;
	margin:0 -105px 0 0;
}
.service li{
	float:left;
	width:156px;
	height:300px;
	margin:0 105px 0 0;
	text-align:center;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.service li.hover{
	color:#fff;
	background-color:#4edfbb;
}
.service span{
	width:146px;
	height:146px;
	margin:4px 0 24px;
	display:block;
	border:solid 5px #4edfbb;
	border-radius:50%;
	background:url(../icon/icon.png) 0 0 no-repeat;
}
.service span.icon01{
	background-position:-7px -7px;
}
.service span.icon02{
	background-position:-167px -7px;
}
.service span.icon03{
	background-position:-327px -7px;
}
.service span.icon04{
	background-position:-487px -7px;
}
.service span.icon05{
	background-position:-647px -7px;
}
.service .hover span.icon01{
	background-position:-7px -167px;
}
.service .hover span.icon02{
	background-position:-167px -167px;
}
.service .hover span.icon03{
	background-position:-327px -167px;
}
.service .hover span.icon04{
	background-position:-487px -167px;
}
.service .hover span.icon05{
	background-position:-647px -167px;
}
.service h3{
	padding:15px 0;
	font-size:16px;
}
.service p{
	padding:0 10px;
	line-height:18px;
}
.service-btn{
	width:250px;
	height:40px;
	margin:70px auto 0;
	line-height:40px;
	color:#fff;
	font-size:20px;
	background-color:#4edfbb;
	text-align:center;
	display:block;
	border-radius:6px;
}
.service-btn:hover{
	color:#fff;
	background-color:rgba(204,204,204,1);
}
.tabBar{ position:relative; width:100%;}
.tabBar .hd{ position:absolute; top:0; right:0; z-index:5;}
.tabBar .hd ul{ position:relative;  zoom:1; width:80px;}
.tabBar .hd li{ height:40px; line-height:40px; font-size:16px; color:#fff; text-align:center; background-color:#8a9cb6; cursor:pointer;}
.tabBar .hd li:hover{ background-color:#5980b6;}
.tabBar .hd li.on{ background-color:#4edfbb;}
.tabBar .hd li.on span{ font-weight:bold; color:#c00;  }
.tabBar .bd{clear:both; position:relative;overflow:hidden;   }
.tabBar .bd .conWrap{ width:600px; color:#fff; font-size:14px; line-height:36px;}
.tabBar .bd h2{ margin-bottom:20px; font-size:40px;}
.tabBar .bd h3{ margin-bottom:10px; font-size:22px; color:#4edfbb; }
.tabBar .bd h4{ font-size:24px;}
.tabBar .bd p{ padding-bottom:10px  }
.tabBar .bd li{ padding-left:15px; background:url(../icon/icon.png) -780px -336px no-repeat;}

.aboutlist{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:70px;
	line-height:70px;
	font-size:14px;
	color:#fff;
	text-align:center;
	background-color:rgba(255,255,255,.26);
	border-top:solid 1px #fff;
}
.aboutlist li{
	float:left;
	width:33.333%;
}
.aboutlist li span{
	font-size:26px;
	color:#4edfbb;
}
.pc-icon img,.mobile-icon img{ margin:0 auto; display:block;}
.mobile-icon{ display:none;}
.contact{
	width:900px;
	margin:0 auto 30px;
	padding-bottom:10px;
	text-align:center;
	border-bottom:dashed 1px #666;
}
.contact dt{
	margin-bottom:15px;
	font-size:30px;
	color:#2fd0b5;
}
.contact dd{
	font-size:14px;
	color:#666;
	line-height:26px;
}
.contact-dis{
	font-size:30px;
	color:#4edfbb;
	line-height:50px;
	text-align:center;
}
.contact-dis span{
	width:46px;
	height:46px;
	margin:0 10px;
	line-height:46px;
	color:#fff;
	background-color:#4edfbb;
	display:inline-block;
	text-align:center;
	border-radius:50%;
}


.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{100%,60%,75%,90%,from{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}

@-webkit-keyframes fadeOut{from{opacity:1}100%{opacity:0}}@keyframes fadeOut{from{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}