/*banner*/
#banner-box{margin:0px auto;height:700px;overflow:hidden;position:relative;padding-top:-40px;}
.banner-inner{height:65px;margin:0px auto}
.banner-nav-abs{position:absolute;left:0px;bottom:0px;z-index:3;min-width:1200px;}
.banner-nav-abs-opac{position:absolute;width:100%;height:78px;left:0px;bottom:-22px;z-index:2}
.banner-nav-fix{position:fixed;left:0px;top:82px;z-index:3}
.banner-nav{width:100%}
.banner-nav ul {width:600px;margin:0px auto}
.banner-nav li {float:left;display:inline;width:112px;height:65px;font-size:14px;padding:5px 43px 0px 43px;cursor:pointer;position:relative;margin:0px 1px}
.banner-nav li div{width:110px;height:65px;padding:5px 43px 0px 43px;position:absolute;left:0px;top:0px;z-index:5;background:#000;filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.3}
.banner-nav li a span{display:block;height:36px;width:60px;margin:3px auto 0px auto;background:url(../images/icon-banner.png) no-repeat;}
.banner-nav li a.bg2 span{background-position:15px 2px}
.banner-nav li a.bg4 span{background-position:-53px 2px}
.banner-nav li a.bg3 span{background-position:-110px 2px}
/*.banner-nav li a.bg4 span{background-position:-174px 2px}
.banner-nav li a.bg5 span{background-position:-235px 2px}
.banner-nav li a.bg6 span{background-position:-297px 2px}*/
.banner-nav li a{display:block;float:left;position:absolute;left:0px;top:0px;color:#fff;z-index:6;padding:5px 43px 0px 43px;display:inline;width:110px;height:65px;padding-top:5px;text-align:center}
.banner-nav li.current{cursor:default}
.banner-nav li.current div{width:95px;height:95px;background:none;}
.banner-nav li.current a{color:#02a8fe;cursor:default; background-color:rgba(255,255,255,0.8);}
.banner-nav li.current a.bg2 span{background-position:15px -32px}
.banner-nav li.current a.bg4 span{background-position:-53px -32px}
.banner-nav li.current a.bg3 span{background-position:-110px -32px}
/*.banner-nav li.current a.bg4 span{background-position:-174px -32px}
.banner-nav li.current a.bg5 span{background-position:-235px -32px}
.banner-nav li.current a.bg6 span{background-position:-297px -32px}*/
.banner-list{position:absolute;height:700px;position:absolute;z-index:2;overflow:hidden;width:100%}
.banner-list li{width:100%;height:700px;text-align:center;float:left;display:inline-block;min-width: 1200px;}
.banner-list li .animate-box {width:1200px;margin:0px auto;position:relative}
.banner-list li .animate-box .t-d{position:absolute;width:400px;left:20px;top:100px}
.banner-list li .animate-box .t-d h2 {display:block;margin:0px;padding:0px;font-size:30px;text-align:left;color:#fff}
.banner-list li .animate-box .t-d p{color:#fff;padding:10px 0px 0 0;line-height:32px;left:20px;text-align:left}
.banner-list li .animate-box .animate-img{position:absolute;top:50px;right:0px}
.slider-btn{width:100px;height:30px;background:#fff;border-radius:4px;-moz-border-radius:4px;line-height:30px;text-align:center;font-size:12px;color:#444;display:block ;font-family:"宋体";}
.slider-btn:hover{color:#fff;background:#c80106;}

.jg{padding: 80px 0 60px 0;}
.title{color:#333; text-align: center; line-height: 34px; height: 34px; font-weight: bold;}
.ico_bg{width: 100%; background:url(../images/ico_bg.jpg) no-repeat center bottom; height:200px; margin-bottom: 110px;}

.ico_info{width:96%; margin: 0 auto;height:170px;}
.ico_info li{width:20%; text-align: center; float: left; margin-left:2.5%; margin-right:2.5%; background: url(../images/f_shade.png) no-repeat bottom; height: 100%; color: #888;}

.ico_info li img{-webkit-transition:-webkit-transform 0.8s ease-out; transition: transform 0.8s ease-out;-moz-transition:-moz-transform 0.8s ease-out;}

.ico_info li:hover img{ transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);}
.ico_info li:hover  div{color: #02a8fe;}

/*优势*/
.youshi{background:url(../images/grade.jpg) center; width: 100%; background-attachment: fixed; height: 730px;}
.f_title{font-size:14px; color: #666; font-weight: normal; padding-top: 10px;}

.wrap {
	max-width:1200px;
	margin:0 auto;
	overflow: hidden;
}
.service {
	float:left;
	position:relative;
	left:50%;
	padding-top:50px
}

.service>* {
	float:left;
	position:relative;
	left:-50%
}
.service:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.service>li {
	margin:0 13px;
	text-align:center;
	width:188px;
	-webkit-transition:all ease-out .4s;
	-moz-transition:all ease-out .4s;
	-o-transition:all ease-out .4s;
	transition:all ease-out .4s
}
.service li a {
	font-size:16px;
	display:block;
	padding:10px 15px;
	border-radius:20px;
	border:1px solid #01AEF0;
	color:#01AEF0
}
.service li a.active {
	background:#01AEF0;
	border:1px solid #01AEF0;
	color:#fff;
	transition:all ease-in .2s
}

.service-gx {
	padding-top:50px
}

.service-gx .items {
	display:none;
	text-align:left;
	padding:0 20px;
	position:relative;
	height:385px;
	padding-top:20px;
	padding-left:30px
}

.service-gx .items .option {
	font-size:14px;
	line-height:24px;
	padding-bottom:12px;
	padding-left:30px;
	position:relative;
	color: #777;
	background: url(../images/ys_ico.png) no-repeat left top;
}
.service-gx .items .option:hover:before {
	background:#51C5F9
}
.service-gx .items .option:hover {
	cursor:default
}
.service-gx .items .option:hover:before {
	transition:all ease-in .2s
}
.service-gx .items a{display: block; width: 90px; height:40px; background-color: #feaf05; color: #fff; border-radius: 12px; text-align: center; padding: 10px; font-weight: bold; margin-top: 10px;box-sizing: border-box;}
.service-gx .items a:hover{background-color:#e29b04;}
.service-gx .items h3 {
	font-size:24px;
	padding-bottom:30px;
	position:relative
}
.service-gx .items img {
    position: absolute;
    right: 0px;
    top: 0px;
}

/*合作伙伴*/
.hzhb li{width:19%; text-align: center; float:left;margin:8px 4px 8px 4px;-webkit-transition:all ease .4s;-moz-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s;position:relative;z-index:1}
.hzhb{margin: 0 auto; margin-top:30px;margin-bottom:60px; width:90%;}
.hzhb:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.hzhb li:hover{box-shadow:0 0 10px rgba(0,0,0,.10);z-index:2;}
.hzhb img{max-width:80%;margin:auto}

/*新闻*/
.news{background:#000 url(../images/n_bg.jpg) no-repeat center; width: 100%; height: 690px; position: relative;}
.news_list{width:870px;}
.n_title{color:#FFF; text-align: left;}
.news_list_info{ width: 100%;}
.news_list_info:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.news_list_info li{width: 420px; height: 100px; float: left; background-color:rgba(225,225,225,0.8);  margin-bottom: 15px; margin-right: 15px;}
.news_list_info li:hover{background-color:rgba(255,255,255,1.0);}
.news_list .jg,.news_img .jg{padding-bottom: 25px;}
.news_list_info li .date{width: 103px; height: 100%; border-right: #959595 1px solid; text-align: center; padding-top:20px;box-sizing: border-box;}
.news_list_info li .date .day{color: #515050; font-size: 46px; font-weight: bold; line-height:40px;}
.n_info{width:290px; height:78px; overflow: hidden;padding-top:12px; padding-right:18px; line-height: 24px; }
.n_info a{color:#333;vertical-align: middle;display: table-cell;width: 285px;height: 65px;}
.n_info a:hover{color: #02a8fe;}

.news_img{width:312px; overflow: hidden;}
#slideshow {
	border:0px !important;
	text-align:center
}
#lanrenzhijia {
	width:312px;
	height:330px;
	overflow:hidden;
	position:relative;
	margin:0 auto;
}
#lanrenzhijia ul {
	height:270px;
	position:absolute;
}
#lanrenzhijia ul li {
	float:left;
	width:312px;
	height:350px;
	overflow:hidden;
	position:relative;
	background:#dfdfdf;
}
#lanrenzhijia ul li div {

	overflow:hidden;
}
#lanrenzhijia .btnBg {
	position:absolute;
	width:312px;
	left:0;
	bottom:0;
	background:#000;
}
#lanrenzhijia .btn {
	position:absolute;
	width:260px;
	height:65px;
	padding:5px 10px;
	right:0;
	bottom:-34px;
	text-align:right;
}
#lanrenzhijia .btn span {
	display:inline-block;
	_display:inline;
	_zoom:1;
	width:25px;
	height:10px;
	_font-size:0;
	margin-left:5px;
	cursor:pointer;
	background:#089be8;
}
#lanrenzhijia .btn span.on {
	background:#089be8;
}
#lanrenzhijia .preNext {
	width:23px;
	height:50px;
	position:absolute;
	top:80px;
	background:url('../images/sprite.png') no-repeat 0 0;
	cursor:pointer
}
#lanrenzhijia .pre {
	left:0;
}
#lanrenzhijia .next {
	right:0;
	background-position:right top;
}
#lanrenzhijia ul li .slideother {
	position:absolute;
	/*left:-52px;*/
	top:192px;
	width:312px;
	height:330px;
	display:inline-block;
}
#lanrenzhijia ul li .slideother .h12 {
	font-size:16px;
	padding-left:12px;
	padding-bottom:5px;

}
#lanrenzhijia ul li .slideother .h12 a {
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding-top:10px;
	text-decoration:none;
	color: #494949;
}
#lanrenzhijia ul li .slideother .h12 a:hover {
	text-decoration:underline;
}
#lanrenzhijia ul li .slideother p {
	padding-left:16px;

}
#lanrenzhijia ul li .slideother p a {
	color:#8B8B8B;
	text-decoration:none;
}
#lanrenzhijia ul li .slideother a:hover
{
	color:#000;
}
#lanrenzhijia ul li .slideother p a:hover {
	text-decoration:none;
}

.f_ico_list{background-color:rgba(41,41,41,0.85); width: 100%; height: 123px; position:absolute; bottom: 0;}

.ico_list{width:100%; height: auto; margin-top: 26px;}
.ico_list li{float:left; width: 25%; text-align: left; color: #f0f0f1;}
.ico_list li .ico_head{float:left; background:url(../images/lx_bg.png) no-repeat; width: 62px; height: 72px; font-size: 26px; text-align: center; padding-top:15px;}
.ico_list li p{width:145px; float: left; margin-left: 24px; color: #a9a9ad; font-size: 12px; padding-top:14px;}