.nav{ height: 61px; background: #fff; padding: 20px 0px;}
.nav .fl{}
.nav .fr{margin-top: 15px;}
.nav .fr a{ padding:0px 5px; margin: 0px 10px; font-size: 16px; color: #333; line-height: 30px;}
.nav .fr a:hover , .nav .fr a.on{ color: #0066CC; border-bottom: 2px solid #0066CC;}





/* 大轮播 */
.fullSlide{width:100%;position:relative;height:574px;background:#fff;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:574px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:574px;}
/*
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
*/
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:40%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
/* 大轮播 */

.index_ser{ border: 1px solid #ddd; border-bottom: none; margin: 30px 0px; border-right: none; width: 1196px; display: block; float: left;}
.index_ser li{ width: 298px; height: 325px; float: left; display: block; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; overflow: hidden;}

.index_ser li div p.index_ser_b{ position: absolute; bottom: 30px; text-align: left;}
.index_ser li div p{ text-align: center;}
.index_ser li div i{ color: #35B7E7; font-size: 120px;}
.index_ser li div{ width:238px; height: 265px; color: #666; font-size: 14px; line-height: 24px;  padding: 30px;}
.index_ser li div b{ color: #333; font-size: 30px; line-height: 40px; font-weight: 500;}
.index_ser li div span{ color: #999; font-size: 12px; line-height: 22px; padding-top: 25px;}
.index_ser li div.index_ser_zz{ overflow:hidden; transition: bottom 1s;-moz-transition: bottom 1s; /* Firefox 4 */-webkit-transition: bottom 1s; /* Safari 和 Chrome */-o-transition: width 2s; /* Opera */ width:238px; height: 200px; background: #fff; z-index: 2; border-bottom: 5px solid #35B7E7;left:0px; bottom:-265px; position: absolute;}
.index_ser li:hover div.index_ser_zz{bottom:0px; }
.index_ser li:hover div.index_ser_zz b{ color: #35B7E7;}

.index_cass{ background: #f1f1f1; height: 600px; padding: 30px 0px;}


.index_cass_b:hover , .index_par_more:hover{ background: #eea814; border: 1px solid #eea814;}
.index_par_more , .index_cass_b{font-size: 16px;  border: 1px solid #FFAD00; display:inline-block; background: #FFAD00; height: 40px; width: 200px; text-align: center; line-height: 40px; color: #fff;}
/*轮播图 开始*/
.main_banner{width:100%; height:375px;}
.main_banner_wrap{
	width:100%; height:375px; position:relative;  
	margin:0 auto; overflow:hidden;  
}
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.banner_btn{ 	/*a 标签 按钮*/
		width:255px; height:240px; position:absolute; 
		display:block; z-index:9; top:20px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
		left:110px; top:70px; opacity:0; transition:0.5s;
		background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
		background:url(../images/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
	width:1200px; height:280px;  position:relative; z-index:0;
	
}
.main_banner li{
		position:absolute; background:#000; overflow:hidden;
		box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);		
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:670px; height:280px; z-index:5;
		left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:580px; height:240px; z-index:1; 
		left:600px; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:450px; height:180px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:450px; height:180px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:580px; height:240px; z-index:2; 
		left:0px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
		text-indent:38px; line-height:50px; font-size:25px;
}

/*指示器按钮*/
.btn_list{text-align:center; position:relative; left:0; top:6px; z-index:10;}
.btn_list span{
		width:15px; height:15px; display:inline-block; margin:15px 5px;
		background:#787d82; border-radius:50%; cursor:pointer;
}
.btn_list span.curr{background:#FFAE00;}

/*轮播图 结束*/
.index_news{ min-height: 560px; }
.index_news_l{ width: 530px; height: 295px; float: left;}
.index_news_r{ width: 650px; height: auto; }
.index_news_r li{ width: 100%; float: left; height: auto; min-height: 30px; padding-bottom: 11px; margin-bottom:11px; border-bottom: 1px solid #ddd;}
.index_news_r li .fl{  font-size: 45px; line-height: 62px; color: #fff; height: 62px;  width: 62px; background: #ddd; text-align: center;}
.index_news_r li .fl b{ font-size: 26px; font-weight: 500; color: #bbb;}
.index_news_r li .fr{ width: 569px;}
.index_news_r li .fr  h2{ width: 100%; height: 22px;   font-size: 14px; color: #333;}
.index_news_r li .fr  p{ width: 98%; color: #666; line-height: 20px; font-size: 12px;}
.index_news_r li:hover .fr h2 , .index_news_r li .fr a{ color: #35B7E7; cursor: pointer;}

.index_news_r li.last{ border-bottom: none;}
/*图片轮换*/
#slideBox {
	width:530px;
	height:330px;
	overflow:hidden;
	position:relative;
	
}
#slideBox ul#show_pic {
	margin:0;
	padding:0;
	list-style:none;
	height:330px;
	width:5300px;
	position:absolute;
}
#slideBox ul#show_pic li {
	float:left;
	margin:0;
	padding:0;
	height:325px;
}
#slideBox ul#show_pic li img {
	display:block;
	width: 530px;
	 height: 330px;
}
#iconBall {
	position:absolute;
	bottom:0;
	right:0;
}
#iconBall li {
	float:left;
	color:#333;
	width:32px;
	height:28px;
	line-height:28px;
	cursor:pointer;
	text-align:center;
	font-size:14px;
	font-weight:500;
	padding-top:4px;
}
#iconBall li.active {
	background:url(../images/iconbg.png) no-repeat;
	color:#fff;
}
#slideText {
	width:530px;
	height:28px;
	background:rgba(255, 255, 255, 0.7);
	color:#333;
	position:absolute;
	left:0px;
	bottom:0px;
*background:transparent;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#333, endColorstr=#333);
}
#textBall {
	position:absolute;
	left:5px;
	bottom:3px;
}
#textBall li {
	float:left;
	cursor:pointer;
	display:none;
	color:#333;
	font-size:14px;
	 line-height: 22px;
}
#textBall li.active {
	display:block;
}
#textBall li a {
	text-decoration:none;
	color:#333;
}
/*----新闻图片轮播----*/

.index_par li{ width: 228px; height:50px;line-height:50px; border: 1px solid #eee; float: left; margin: 5px ; text-align: center;  font-size:16px;}
.index_par li:hover{ border: 1px solid #FFAD00;}
.index_par{ margin: 10px 0px;}
.index_par{ color:#fff;}
.index_bot{ background: url(../images/index-bg.jpg) no-repeat center;}
.bottom{ background:#333333; padding: 20px 0px 70px 0px; color: #fff; line-height: 24px; font-size: 12px;}
.bottom a{ color: #fff; margin-right: 30px;}
.bottom a:hover{ color: #ffad01;}
.bottom b{ font-size: 14px; font-weight: 500; line-height: 30px;}
.index_about{ background:#2929298c; height: 45px; line-height: 45px; font-size: 14px; margin: 20px 0px;}
.index_about a{ margin: 0px 15px;}
.index_bot .fl{ width: 530px; color: #fff; font-size: 18px; margin-top: 85px;}
.index_bot .fl h2{ font-size:34px; height: 70px;}
.index_bot .fl li{ width: 100%; line-height: 30px; padding: 20px 0px; float: left; background: url(../images/line.png) no-repeat left bottom;}
.index_bot .fl li.frist{ font-size:34px; line-height: 38px;}
.index_bot .fl li.frist img{ margin-right: 10px;}
.index_bot .fl li.last{ line-height: 40px; background: none;}
.index_bot .fl li a{ color: #fff; font-size: 14px; float: left; width: 50px; margin-right: 15px; text-align: center;}
.index_bot .fl li{}
.index_bot .fr{ width: 500px; margin: 30px 0px; height:288px; padding: 20px 20px 10px 20px; background: #fff;}
.index_bot .fr h2{ height: 40px; font-size:24px; color: #333; line-height: 30px;}
.index_bot .fr ul{ width: 100%;}
.index_bot .fr li{ width: 100%; height: 40px; margin: 10px 0px; float: left; }
.index_bot .fr li input{color: #666; border: 1px solid #eee; height: 40px;box-sizing: border-box; line-height: 40px; width:500px; padding: 0px 10px;}
.index_bot .fr li input.index_inp{ width:240px;}
.index_bot .fr li button{ border: none; width: 100%; display: inline-block; background:#1e94de; height:40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px;  

box-sizing: border-box;}

.about_ban{ background: #e5e5e5 url(../images/about_bann.jpg) no-repeat center; height: 300px; text-align: center;}
.about{ background: #f1f1f1; padding: 15px 0px;}
.about_box{ position: relative;}
/*.about_l{ background: #35b7e9; padding: 30px; width: 688px; float: left; height:auto; min-height: 30px; margin-top:50px;}*/
/*.about_l ul{ width:385px ;}*/
/*.about_l li , .about_l li img{ width: 128px; height: 128px; display: block; float: left;background: #93d3ee; overflow: hidden; transition: width 1s , height 1s;}*/
/*.about_l li img:hover{width: 140px; height: 140px;}*/
/*.about_l li:nth-child(5){ background: #7edcfe;}*/







.about_r{ background: #fff; padding: 30px; width: 688px; height: auto; min-height: 30px; position: absolute; top:0px; right:0;}
.about_title{}
.about_title .fl{font-size: 12px; color: #999; padding-right: 5px;}
.about_title .fl b{ font-size: 70px; color: #35b7e9;}
.about_title .fl em{ font-size: 38px; color:#35b7e9 ; }
.about_m{ font-size: 14px; color: #666; line-height: 24px; padding-top: 15px;text-indent:2em; } 
.about_lwyg{ }
.about_lwyg_l{ width: 295px; padding-top: 50px; float: left;}
.about_lwyg_r{ width: 820px; padding: 30px; height: 540px; float:right; background:#ffad01; position: relative;}
.about_lwyg_r img{ position: absolute;}
.about_lwyg_l_m{font-size: 14px; color: #666; float: left; line-height: 26px; padding: 15px 0px;}
.about_lwyg_l ul{ display: block; float: left;}
.about_lwyg_l li{ width:140px; border: 1px solid #ffad01; float: left; margin-bottom: 10px; height: 53px; padding-top: 7px; line-height: 22px; text-align: center; color: #999;}
.about_lwyg_l li em{ font-size: 16px; color: #ffad01;}
.about_lwyg_l li.fl{ margin-right: 10px;}
.about_lwyg_l li:hover{ background: #ffad01; color: #fff;}
.about_lwyg_l li:hover em{ color: #fff;}
.about_b{ background: url(../images/about_b.png) no-repeat center; height: 350px; color: #fff;font-size: 14px;}
.about_b .fl{ line-height: 40px; margin-top: 120px;}
.about_b .fl h2{ font-size: 30px;}
.about_b .fl span{ width: 100px; height: 3px; background: #fff; display: block;}
.about_b .fl button{ border: 1px solid #FFAD01; background: #ffad01; color: #fff; font-size: 14px; padding: 0px 30px; line-height: 38px; height: 40px;}
.about_b .fr{ line-height: 26px; width:530px; margin-top: 120px; }
.about_b .fr b{ font-size: 24px; font-weight:500;}
.about_b .fl button:hover{ color: #fff; background: #35b7e8; border: 1px solid #35b7e8;}
.index_title{ color: #999; font-size:16px; text-align: center; line-height: 30px; margin-top: 30px;}
.index_title h2{ color: #333; font-size: 30px; }
.index_title h3{ border-top: 1px solid #eee; line-height: 40px; width: 80%; margin: 0px auto; }
.index_title b{ width: 100px; height: 3px; position: relative; background: #FFAD01; top:-2px;display:block; left: 45%;} 
.index_title b.on{ background: #35b7e9;}
.service ul , .service dl{ padding: 20px 0px;}
.service li{ width: 33.33%; float: left; margin:10px 0px;}
.service li .service_i{ width: 60px }
.service li .service_r{ width: 329px;  font-size: 14px; color: #999; float: left; line-height: 24px;}
.service li .service_r h2{ font-size: 30px; height: 40px; font-weight: 500; color: #333;}
.service li i{ color: #FFAD01; font-size: 35px;}

.service dd{ width: 100%; margin: 7px 0px; float: left; border: 1px solid #eee; min-height: 30px;box-sizing: border-box;}
.service dd .fl{ color: #fff; width: 200px; height: 150px; background: #7edcff; color: #fff; text-align: center; line-height: 150px; font-size: 70px;}
.service dd:hover .fl{ background: #FFAD01; color: #fff;}
.service dd .fr{ width: 940px; float: left; margin-left: 30px; margin-top: 10px; line-height: 22px; font-size: 14px;}
.service dd .fr h2{ font-size: 22px; color: #333; line-height: 35px;}
.service dd .fr em{ color: #35B7E8; margin-right: 30px; display: block; float: left;}
.service dd .fl i{ color: #fff;}
.service dd:hover .fr em{ color: #FFAD01;}
.partner li{ width: 100%; float: left; height: auto; min-height: 30px;}
.partner_l{ width: 350px; padding: 15px; color: #fff; margin: 15px 0px; float: left; background: #35b7e9; height: 350px;}
.partner_l h2{ font-size: 24px;  height: 30px;}
.partner_l h3{ width: 100px; background: #94e1ff; height: 3px; margin: 5px 0px;}
.partner_l p{ font-size: 14px; line-height: 24px; margin-bottom: 10px;}
.partner_l dl{ width: 100%;}
.partner_l dd{ width: 50%; margin: 5px 0px; float: left; font-size: 16px;}
.partner_l dd span{ font-size: 40px; }
.partner_r{ width: 810px; float: right;}
.partner_r dl{ margin-top: 10px;}
.partner_r dd{ width:246px; height: 85px;line-height:85px; border: 1px solid #eee; float: left; margin: 20px 0px 0px 20px;}
.partner_r dd img{ width: 246px; height: 85px;}
.partner_r p , .news_but , .ym{ text-align: center; font-size:20px; }
.partner_r p button{ width: 30px;height: 10px; background: #cbcbcb; border: 1px solid #cbcbcb; margin: 0px 3px;}
.partner_r p  button:hover , .partner_r p  button.on{ background: #34b6e7; border-color: #34b6e7;}
.partner_r p.but1  button:hover , .partner_r p.but1  button.on{ background: #FFAD01; border-color: #FFAD01 ;}

.recruit li{ width: 100%; height: 553px; margin: 15px 0px; display: block; float: left; border: 1px solid #eee;box-sizing: border-box;}
.recruit_m{ width: 500px; font-size: 14px; line-height: 24px; margin: 15px 20px; max-height: 523px; color: #333;}
.recruit_m h2{ font-size: 30px; height: 50px; line-height: 40px;}
.recruit_m h3{ font-size:24px; height: 30px; line-height: 30px; font-weight: 500;}
.recruit_m p{ margin-top: 10px;}
.news_but button{ height: 45px; color: #333; font-size: 16px; width: 200px; text-align: center; line-height: 45px; background: #cbcbcb; border: 1px solid #cbcbcb; margin: 0px 10px;}
.news_but button.on , .news_but button:hover{background: #34b6e7; color: #fff; border: 1px solid #34b6e7;}
.news li{ width: 100%; border: 1px solid #eee;box-sizing: border-box; float: left; margin: 15px 0px; height: auto; max-height: 215px;}
.news li .news_l{ width: 103px; padding: 10px 20px 0px 20px; color: #fff; text-align: right;  height:125px; float: left; background: #35b7e7;}
.news li .news_l img{ width: 35px; }
.news li .news_l h2{ font-size: 30px; line-height: 30px;}
.news li .news_l h3{ font-size: 18px; line-height: 30px;}
.news li .news_l h4{ width: 80px; height: 3px; background: #fff; float: right; margin-bottom: 15px;}
.news li .news_r{ width: 1010px; margin: 10px 0px 0px 15px; float: left;}
.news li .news_r h2{ font-size: 20px; color: #333; line-height: 30px;}
.news li .news_r p{ color: #666; line-height: 22px; margin-top:10px;}
.news li .news_r p .fl{ color: #999; line-height: 30px;}
.news li .news_r p a{ font-size: 12px; color: #34b6e7; width: 100px; text-align: center; height: 30px; line-height: 30px; background: #fff; border: 1px solid #35b7e7;}
.news li:hover .news_l{ background: #ffad00;}
.news li:hover .news_r p a{ border: 1px solid #FFAD00; color: #FFAD00;}

.ym{ margin: 30px 0px;}
.ym input{ width: 30px; color: #34B6E7; height: 30px; border: 1px solid #34b6e7; background: #fff; line-height: 30px; text-align: center; margin: 0px 5px;}
.ym input.on , .ym input:hover{ color: #fff; border: 1px solid #FFAD00; background: #FFAD00;}
.ym input.syy{ width: 60px;}
.news_main{ padding-top: 50px;}
.news_main h1{ height: auto; min-height: 30px; font-size: 24px; padding-bottom:15px; text-align: center;  color: #333;}
.news_main h2{ font-size: 12px; color: #999; text-align: center;}
.news_main p{ width: 90%;  margin: 30px auto; font-size: 16px; line-height: 32px;}



.showbox{width:0px;height:0px;display:none;position:absolute;right:0;top:0;z-index:100;border:1px #000 solid;background:#fff;}
.showbox h2{height:40px;font-size:16px;background-color:#000;position:relative;padding-left:10px;line-height:40px;color:#fff;}
.showbox h2 a{position:absolute;right:5px;top:0;font-size:12px;color:#fff;}
.showbox .mainlist{padding:50px 10px 10px 10px; font-size: 14px; text-align: center; line-height: 50px; color: #333;}

.showbox  button{ border: 1px solid #FFAD00; background: #FFAD00; height: 35px; line-height: 35px; padding: 0px 20px; color: #fff;}

#zhezhao{background-color:#666;position:absolute;z-index:99;left:0;top:0;display:none;width:100%;height:100%;opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}

.cass_t{ background: #fff; height: 500px; display: block;}
.cass_t1{ background: #eee; height: 480px; display: block;}
.cass_t1_m{ width: 580px; float: right; margin-top: 60px;}
.cass_t1_m h1{ font-size: 30px; color: #333; height: 30px;}
.cass_t1_m p{ color:#666; font-size: 14px; line-height: 24px; padding: 20px 0px;}
.cass_t1_m a{ display: block; border: 1px solid #FFAD00;background: #FFAD00; color: #fff; font-size: 14px; width: 150px; text-align: center; height: 35px; line-height: 35px;}
.cass_t1_m a:hover{ border: 1px solid #34b6e7; background: #34b6e7;}
.cass_tm{ background: url(../images/pic.png) no-repeat center; width: 729px; height: 499px; position: relative; z-index: 2; left:-110px; top:-435px;}
.cass_tm1{ width: 530px; height: 300px; overflow-x:hidden;overflow-y:auto; position: absolute;left:129px; top:20px}
.cass_tm1 img{ width: 100%;}
.cass_mm{ margin-top: -430px; height: auto; min-height: 30px; box-sizing: border-box;  position: relative;}
.cass_text{ font-size: 18px; color: #999;  box-sizing: border-box; margin-bottom: 15px;}
.cass_text b{ font-size: 30px; color: #FFAD00;}


.nav{ height: 61px; line-height:61px;background: #fff; padding: 20px 0px;}
.nav .fl{}
.nav .nav1{margin: 30px 0 0 100px;}
.nav .nav1 a{ padding:0px 5px; margin: 0px 10px; font-size: 16px; color: #333; line-height: 30px;}
.nav .nav1 a:hover , .nav a.on{ color: #0066CC; border-bottom: 2px solid #0066CC;}




.partner_l dd span{ font-size: 30px; }
.partner_r{ width: 810px; float: right;}
.partner_r dl{ margin-top: 10px;}
.partner_r dd{ width:160px; height:35px;line-height:35px; border: 1px solid #eee; float: left; margin: 5px 0px 5px 10px;padding: 5px;}
.partner_r dd img{ width: 246px; height: 85px;}
.partner_r p , .news_but , .ym{ text-align: center; font-size:14px; }
.partner_r p button{ width: 30px;height: 10px; background: #cbcbcb; border: 1px solid #cbcbcb; margin: 0px 3px;}
.partner_r p  button:hover , .partner_r p  button.on{ background: #34b6e7; border-color: #34b6e7;}
.partner_r p.but1  button:hover , .partner_r p.but1  button.on{ background: #FFAD01; border-color: #FFAD01 ;}



.index_ser li div p.index_ser_b{ position: absolute; bottom: 30px; text-align: left;}
.index_ser li div p{ text-align: center;}
.index_ser li div i{ color: #35B7E7; font-size: 120px;}
.index_ser li div{ width:238px; height: 265px; color: #666; font-size: 14px; line-height: 24px;  padding: 30px;}
.index_ser li div b{ color: #333; font-size: 30px; line-height: 40px; font-weight: 500; text-align: center}
.index_ser li div span{ color: #999; font-size:13px; line-height: 22px; padding-top: 25px;}
.index_ser li div.index_ser_zz{ overflow:hidden; transition: bottom 1s;-moz-transition: bottom 1s; /* Firefox 4 */-webkit-transition: bottom 1s; /* Safari 和 Chrome */-o-transition: width 2s; /* Opera */ width:238px; height: 260px; background: #fff; z-index: 2; border-bottom: 5px solid #35B7E7;left:0px; bottom:-325px; position: absolute;}
.index_ser li:hover div.index_ser_zz{bottom:0px}
.index_ser li:hover div.index_ser_zz b{ color: #35B7E7;}

.index_cass{ background: #f1f1f1; height:530px;}



.index_title{ color: #999; font-size:16px; text-align: center; line-height: 30px; margin-top:50px;}
.index_title h2{ color: #333; font-size: 24px;}

/*轮播图css修改*/
.fullSlide{width:100%;position:relative;height:460px;background:#fff;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:460px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:574px;}



.luenbotu{width:100%;position:relative;height:300px;background:#fff;}
.luenbotu .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.luenbotu .bd ul{width:100% !important;}
.luenbotu .bd li{width:100% !important;height:300px;overflow:hidden;text-align:center;}
.luenbotu .bd li a{display:block;height:400px;}
.luenbotu .prev,.luenbotu .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.luenbotu .next{left:auto;right:15%;background-position:-6px -137px;}


/*天风简介css修改*/
.about_box{ position: relative;}
.about_1 img{position: absolute;right:300px; }
.about_img1_box{position:relative;margin-top:20px; }
.about_img2_box{position: absolute;top:180px;left:-40px;}


.about_r{ background: #fff; padding: 30px; width:580px; height:400px; min-height: 30px;}
.about_title{}
.about_title .fl{font-size: 12px; color: #999; padding-right: 5px;}
.about_title .fl b{ font-size:30px; color:#ffa200;}
.about_title .fl em{ font-size: 38px; color:#35b7e9 ; }
.about_m{ font-size: 14px; color: #666; line-height: 24px; padding-top: 15px;text-indent:2em; }
.about_lwyg{ }
.about_lwyg_l{ width: 295px; padding-top: 48px; float: left;}
.about_lwyg_r{ width:800px; padding:0px 30px; height:400px; float:right; background:#1c93e0; position: relative;}

.about_lwyg_r img{ position: absolute;}


.about_lwyg_l_m{font-size: 14px; color: #666; float: left; line-height: 26px; padding: 15px 0px; text-indent:2em}
.about_lwyg_l ul{ display: block; float: left;}
.about_lwyg_l li{ width:140px; border: 1px solid #1c93e0; float: left; margin-bottom: 10px; height: 45px; padding-top: 7px; line-height: 22px; text-align: center; color: #999;}
.about_lwyg_l li em{ font-size: 14px; color: #1c93e0;line-height:40px;}
.about_lwyg_l li.fl{ margin-right: 10px;}
.about_lwyg_l li:hover{ background:#1c93e0; color: #fff;}
.about_lwyg_l li:hover em{ color: #fff;}
.about_b{ background: url(../images/about_b.png) no-repeat center; height: 300px; color: #fff;font-size: 14px;}
.about_b .fl{ line-height: 40px; margin-top: 60px;}
.about_b .fl h2{ font-size: 30px;}
.about_b .fl span{ width: 100px; height: 3px; background: #fff; display: block;}
.about_b .fl button{ border: 1px solid #FFAD01; background: #ffad01; color: #fff; font-size: 14px; padding: 0px 30px; line-height: 38px; height: 40px;}
.about_b .fr{ line-height: 26px; width:530px; margin-top: 60px; }
.about_b .fr b{ font-size: 24px; font-weight:500;}
.about_b .fl button:hover{ color: #fff; background: #35b7e8; border: 1px solid #35b7e8;}
.index_title{ color: #999; font-size:16px; text-align: center; line-height: 30px; margin-top:10px;}
.index_title h2{ color: #333; font-size: 24px; margin-bottom: 15px;}
.index_title h3{ border-top: 1px solid #eee; line-height: 40px; width: 80%; margin: 0px auto; }
.index_title b{ width: 100px; height: 3px; position: relative; background: #FFAD01; top:-2px;display:block; left: 45%;} 
.index_title b.on{ background: #35b7e9;}
.service ul , .service dl{ padding: 10px 0px;}
.service li{ width: 33.33%; float: left; margin: 10px 0px;}
.service li .service_r{ width: 329px;  font-size: 14px; color: #999; float: left; line-height: 24px;}
.service li .service_r h2{ font-size: 24px; height: 30px; font-weight: 500; color: #333;}
.service li i{ color: #FFAD01; font-size: 35px;}


/*小矩形大小*/
.index_ser li{ width: 298px; height: 200px; float: left; display: block; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; position: relative; overflow: hidden;}


/*小矩形里图文*/

.index_ser li div p{ text-align: center;line-height: 4}
.index_ser li div i{ color: #35B7E7; font-size: 80px;}
.index_ser li div{ width:238px; height: 145px; color: #666; font-size: 14px; line-height: 24px;  padding: 30px;}
.index_ser li div b{ color: #333; font-size: 24px; line-height: 40px; font-weight: 500; text-align: center}
.index_ser li div span{ color: #666; font-size:13px; line-height: 22px; padding-top: 25px;}
.index_ser li div.index_ser_zz{ overflow-y: scroll; transition: bottom 1s;-moz-transition: bottom 1s; /* Firefox 4 */-webkit-transition: bottom 1s; /* Safari 和 Chrome */-o-transition: width 2s; /* Opera */ width:238px; height: 145px; background: #fff; z-index: 2; border-bottom: 5px solid #35B7E7;left:0px; bottom:-215px; position: absolute;}
.index_ser li:hover div.index_ser_zz{bottom:0px}
.index_ser li:hover div.index_ser_zz b{ color: #35B7E7;}

.index_cass{ background: #f1f1f1; height:460px;}


.index_cass_b:hover , .index_par_more:hover{ background: #eea814; border: 1px solid #eea814;}
.index_par_more , .index_cass_b{font-size: 16px;  border: 1px solid #FFAD00; display:inline-block; background: #FFAD00; height: 40px; width: 200px; text-align: center; line-height: 40px; color: #fff;}



/*新闻资讯*/
.index_news{ min-height:295px;}
.index_news_l{ width: 530px; height: 295px; float: left;}
.index_news_r{ width: 650px; height: auto; min-height: 328px; }




/*----首页案例-----*/


.index_cass{ background: #f1f1f1; height: 430px; padding: 10px 0px;}


.index_cass_b:hover , .index_par_more:hover{ background: #eea814; border: 1px solid #eea814;}
.index_par_more , .index_cass_b{font-size: 16px;  border: 1px solid #FFAD00; display:inline-block; background: #FFAD00; height: 40px; width: 200px; text-align: center; line-height: 40px; color: #fff;}
/*轮播图 开始*/
.main_banner{width:100%; height:400px;}
.main_banner_wrap{
	width:100%; height:450px; position:relative;  
	margin:0 auto; overflow:hidden;  
}
#myCanvas {
	position: absolute;
	z-index: 13;
	opacity: 0.8;
	cursor: pointer;
	-webkit-animation: roll 3s;
	animation: roll 3s;
}
@-webkit-keyframes roll {
	from{-webkit-transform:rotate(120deg);opacity:0;}
	to{-webkit-transform:rotate(0deg);opacity:0.8;}		
}
@keyframes roll {
	from{transform:rotate(120deg);opacity:0;}
	to{transform:rotate(0deg);opacity:0.8;}		
}
.banner_btn{ 	/*a 标签 按钮*/
		width:255px; height:240px; position:absolute; 
		display:block; z-index:9; top:100px;
}
.btn_next{right:20px;}
.banner_btn span{width:50px; height:100px; display:block; position:absolute;
		left:110px; top:70px; opacity:0; transition:0.5s;
		background:url(../img/bannerBtn.png) no-repeat 0 0;}
.btn_next span{background-position:-50px 0;}
.main_banner_box:hover .banner_btn_arrow{opacity:0.6;}
.banner_btn span i{width:50px; height:100px; display:block;
		background:url(../img/bannerBtn.png) no-repeat 0 0;}
.btn_next span i{background-position:-50px 0;}
.banner_btn:hover i{
		-webkit-animation:arrow 0.5s infinite alternate ease-in-out;
		-moz-animation:arrow 0.5s infinite alternate ease-in-out;
}
@-webkit-keyframes arrow{
	from{-webkit-transform:scale(1); opacity:1;}
	to{-webkit-transform:scale(1.5); opacity:0.2;}
}
@-moz-keyframes arrow{
	from{-moz-transform:scale(1); opacity:1;}
	to{-moz-transform:scale(1.5); opacity:0.2;}
}

.main_banner_box{
	width:1200px; height:350px; margin:0px auto 0; position:relative; z-index:0;
	
}
.main_banner li{
		position:absolute; background:#000; overflow:hidden;
		box-shadow:0 4px 8px rgba(0, 0, 0, 0.15);		
}
/*给每张图片初始设置不同宽高，层级，位置*/
.main_banner li#imgCard0{
		width:670px; height:350px; z-index:5;
		left:255px; top:0px; opacity:1; background:#333d46;
}
.main_banner li#imgCard1{
		width:580px; height:303px; z-index:1; 
		left:600px; top:20px; opacity:1; background:#333d46;
}
.main_banner li#imgCard2{/*初始在背后，透明度为0*/
		width:450px; height:235px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard3{/*初始在背后，透明度为0*/
		width:450px; height:235px; z-index:1;
		left:0px; top:60px; opacity:0; background:#333d46;
}
.main_banner li#imgCard4{
		width:580px; height:303px; z-index:2; 
		left:0px; top:20px; opacity:1; background:#333d46;
}
.main_banner li img{width:100%; height:100%;}
.main_banner li span{/*遮罩层*/
		width:100%; height:100%; position:absolute; top:0; left:0; 
		z-index:1; background:#000; opacity:0; filter:alpha(opacity=0);
		color:#fff; font-size:30px; line-height:120px; text-align:center;
}
.main_banner li p{width:100%; height:50px; position:absolute;
		left:0; bottom:-50px; background:rgba(0,0,0,0.7); color:#fff;
		text-indent:38px; line-height:50px; font-size:25px;
}


/*** guide ***/
			.guide{width:60px;right:0px;position:fixed; z-index: 9999; bottom:134px;_position:absolute;_top:expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 134+'px');display:block;}
			.guide a{display:block;width:60px;height:50px;background:#ddd url(../images/sprite_v2.png) no-repeat;margin-top:10px;text-decoration:none;font:16px/50px "Microsoft YaHei";text-align:center;color:#fff;border-radius:2px;}
			.guide a span{display:none;text-align:center; height: 50px;  }
			.guide a:hover{text-decoration:none;background-color:#39F;color:#fff;}
			.guide a:hover span{display:block;width:60px;background:#39F}
			.guide a:hover span.nywy{ line-height: 25px;}
			
			.guide .edit{background-position:-83px -185px;}
			.guide .top{background-position:-145px -185px;}