@charset "utf-8";
ul,li{ list-style:none}
.w{ width:1260px; margin:0 auto}
.header .w{ position:relative}
.header .logo{ float: left;}
.header .nav{}
a{ color:#666}
a:hover{ color:#24b7e3 }
.h50{ height:50px;}
.nav{ margin-left:0px; float: right;}
.nav .nav_list{  height:100px; margin:0 auto; z-index:9999;}
.nav li{float:left;height:133px; width:100px; line-height:100px;position:relative;}
.nav li.last{background:none;}
.nav li a{float:left; display:block; width:100px; height:133px; text-align:center; line-height:133px; font-size:16px;}
.nav li a:hover{background:#24b7e3 url(../images/navdown.png) center 100px no-repeat; text-decoration:none; color:#FFF}
.nav li a.selected{background:#24b7e3 url(../images/navdown.png) center 100px no-repeat; text-decoration:none; color:#FFF}
.nav li.selected .submenu{display:block;}
.nav li .submenu{display:none;position:absolute;top:133px;left:0px; background:#24b7e3;}
.nav li .submenu{width:100px;}
.nav li .submenu{ z-index:9999;}
.nav li .submenu li{float:left;padding:0;background:none;height:40px; line-height:40px; border-top:1px solid #fff}
.nav li .submenu li a{float:none;padding:0;text-align:center; font-family:"Microsoft YaHei";height:40px;line-height:40px;background:none; color:#fff; width:100px;  font-size:14px;}
.nav li .submenu li a:hover{background:#0c7595;font-weight:normal; color:#fff; text-decoration:none;}

/* flexslider */
.flexslider{position:relative;height:480px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:480px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../Images/next.png) center center no-repeat;}

.quicknav{ padding:30px 0; }
.quicknav li{ width:25%; text-align: center; float: left; }
.quicknav li a .img{ background-color:#626262}
.quicknav li a:hover .img{ background-color:#24b7e3; }
.quicknav li .img{ width:260px; height:123px; margin:0 auto}
.quicknav li span{ display: block; font-size:20px; margin-top:20px; }
.quicknav li a:hover span{color:#24b7e3;}

.tit1 h3{ color:#24b7e3; font-size:24px; display:block; text-align:center; border-bottom:1px solid #24b7e3; width:120px; margin:0 auto; line-height:35px; height:45px;}
.tit1 .bor1{ height:1px; overflow:hidden; background-color:#d1d1d1;}
.tit1  span{ display:block; line-height:35px; font-size:16px; color:#717071; text-align:center}

.tit3{ position:relative}
.tit3 h3{ color:#24b7e3; font-size:24px; display:block; text-align:center; border-bottom:1px solid #24b7e3; width:120px; margin:0 auto; line-height:35px; height:45px;}
.tit3 .bor1{ height:1px; overflow:hidden; background-color:#d1d1d1;}
.tit3  span{ display:block; line-height:35px; font-size:16px; color:#717071; text-align:center}
.tit3 a{ display:block; position:absolute; right:0;top:0; color:#24b7e3; font-size:14px;}

.six-public{
	margin:20px -10px;
}
.six-public li{
	float:left;
	width:300px;
	position:relative;
	cursor:pointer;
	transition:1s;
	margin:15px 10px;
	overflow:hidden;
}
.m-bg{
	width:100%;
	height:100%;
	position:absolute;
	bottom:-170px;left:0;
	background:#24b7e3;
	transition:0.5s; filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6 
}
.m-cont{
	position:absolute;
	left:0;top:0;right:0;bottom:0;
	margin:auto;
}
.item-icon{
	width:82px;
	height:82px;
	margin:20px auto;
	transition:.4s;
	opacity:0;
}
.item-title{
	font-size:14px;
	color:#fff;
	width:100%;
	text-align:center;
	line-height:40px;
	position:absolute;
	bottom:0;
	left:0;
	transition:0.5s; 
}
.item a{
	display:block;
}

.item a:hover .item-title {
	bottom:35px;
}
.item a:hover .item-icon{
	transform:rotate(360deg);
	-webkit-transform:rotate(360deg);
	opacity:1;
	margin:40px auto;
}

.item a:hover .m-bg{
	background:#24b7e3;
	bottom:0;
}

.conbg1{ background:url(../images/conbg1.jpg) no-repeat; height:480px;}

.conbg1 .fl{ width:50%; margin-top:50px; color:#fff;}
.conbg1 .fl h3{ display:block; font-size:24px; height:50px;}
.conbg1 .fl p{ line-height:27px; font-size:15px;}
.conbg1 .fr{ width:45%; margin-top:50px;}
.conbg1 .fr img{ width:100%}
.conbg1 .fl a{ display:block; width:170px; height:50px; line-height:50px; background-color:#99cd32; color:#fff;  border-radius:25px; text-align:center; font-size:16px; margin-top:30px;}
.conbg1 .fl a:hover{background-color:#24b7e3; color:#fff; }

.qnav2 li{ width:20%; float:left; margin:50px 0;}
.qnav2 li a{ display:block; border-right:1px solid #333}
.qnav2 li:last-child a{ border:0}
.qnav2 li span{ display:block; text-align:center; font-size:20px; line-height:40px;}

.bk2{ background:url(../images/bg2.jpg); height: 725px; margin-top: 50px; padding-top: 50px; }
.box1{ width: 300px;  }
.box2{ width: 300px; height: 450px; margin-top:20px; }
.bk2 .fc{ width: 620px; float: left; margin-left: 20px; }
.box3{ float: left }
.box4{ float: right}
.box5{ clear: both; }
.box5 { background:url(../images/biglogo.png) center center no-repeat; height: 220px; margin-top: 20px;  }
.box6{ float: left; margin-top:20px; }
.box7{ float: right; margin-top:20px; }
.box9{ margin-top: 20px; }

.w1,.w1 img{ width:300px; height:210px;}
.w2,.w2 img{ width:300px; height:450px;}

.box {

	position: relative;
}

.box-content {
	display:block;
	width: 100%;
	height: 100%;
	background: #333;
	color:#ffffff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}

.box-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index:10;
}

.index-news{padding:30px; }
.index-news-list li{ float: left; width: 50%; border-bottom: 1px solid #dddddd;  padding:30px 0;}
.index-news-list li a .index-news-time{ width: 100px; height: 55px; border-top: 5px solid #4c4c4c; background-color: #d1d1d1; line-height: 55px; font-size: 16px; text-align: center; color:#333; float: left; border-bottom-right-radius:10px; border-bottom-left-radius:10px;
}
.index-news-list li a:hover .index-news-time{ border-top: 5px solid #24b7e3; background-color: #cdf3ff; color: #24b7e3 }
.index-news-con{ float: left; width: 470px; margin-left: 20px; }
.index-news-con h3{ font-size: 16px; font-weight:bold; }
.index-news-con div{ float: 14px; }
.index-news-list li a:hover .index-news-con h3 { color: #24b7e3 }
.index-news-list li a:hover .index-news-con div { color: #333 }
.more a{  display: block; width:130px; line-height: 36px; color:#24b7e3;  text-align: center; background-color: #fff; border:1px solid #24b7e3;  font-size: 16px;   border-radius:18px; margin: 30px auto; }
.more a:hover{  background-color: #24b7e3; color: #fff; }

.tit2{ background:url(../images/conbg1.jpg) center center no-repeat; padding:50px;}
.tit2 h2{ display:block; color:#FFF; width:150px; margin:0 auto; border-bottom:2px solid #99cd32; font-size:24px; height:45px; text-align:center}
.tit2 h3{ display:block; text-align:center; color:#FFF; font-size:16px; line-height:30px;}
.yygk_nav{ text-align: center; }
.yygk_nav li{ display: inline-block; padding:0 20px;}
.yygk_nav li a{ width:120px; background-color: #f5f5f5; border-radius:13px; padding: 5px 20px; font-size: 16px;}
.yygk_nav li a:hover{ background: #24b7e3; color: #fff }
.yygk_nav .curr a{background: #24b7e3; color: #fff }
.list_yygk{ display: none; padding-top:50px; padding-bottom:50px;}
.list_yygk .fl{ width: 48%; }
.list_yygk .fl img{ width: 100% }
.list_yygk .fl h3{ display: block; overflow: hidden; }
.list_yygk .fl h3 a{ display: block; line-height: 55px; color: #24b7e3; float: left; font-size: 14px; }
.list_yygk .fl h3 span{ display: block; float: right; line-height: 55px; }
.list_yygk .fl p{ display: block;  line-height: 25px; text-indent:2em; }
.list_yygk .fr{ width: 48% }
.list_yygk .fr ul li{ margin-bottom: 10px; border-left: 20px solid #dedede; background-color: #f4f2f1; padding:10px; }
.list_yygk .fr h3{ display: block; overflow: hidden; }
.list_yygk .fr h3 a{ display: block; line-height: 25px; color: #24b7e3; float: left; font-size: 14px; }
.list_yygk .fr h3 span{ display: block; float: right; line-height: 25px; }
.list_yygk .fr p{ display: block;  line-height: 25px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.nlist{ overflow: hidden; }
.nlist li{ width: 23%; margin:0 1%; float: left }
.nlist li img{ width: 100% }
.nlist li h3{ display: block; line-height: 25px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.nlist .ncon{ border: 2px solid #c7c7c7 }
.nlist li h3{ font-size: 14px; font-weight: bold; margin-top: 10px; }
.nlist li h3,.nlist li h4,.nlist li h5{ line-height: 23px; margin:0 10px; }
.nlist li a{ display: block; width: 135px; height: 33px; line-height: 33px; color: #24b7e3; text-align: center; border:1px solid #24b7e3; border-radius:16px; font-size: 14px; margin: 10px auto; }
.nlist li a:hover{ background-color: #24b7e3; color: #fff  }

.bg3{ background-color: #f4f2f1; padding: 30px 0; }

.yqtit{ overflow: hidden; position: relative; height: 40px; }
.yqtit h3{ display:block; margin: 0 auto; font-size: 24px; color: #24b7e3; text-align: center; line-height: 35px;}
.yqtit a{ position: absolute; right: 0; top:0; display: block; line-height: 35px; font-size: 16px;color: #24b7e3; }
.bor3{ position: relative; height: 1px; background-color: #666; }
.bor3 span{ width: 60px; height: 3px; background-color: #9bc533;  display: block; position: absolute;  top:-1px; left: 50%; margin-left: -30px; z-index: 100;}

#owl-demo {width: 100%; position: relative; margin: 40px auto;}
#owl-demo .item{ position: relative; display: block; margin:10px 30px;}
#owl-demo img { display: block; width: 165px; height: 165px;  border-radius:85px; margin:0 auto; border:2px solid #000}
#owl-demo .item:hover img{ border:2px solid #24b7e3}
#owl-demo h3{ display:block; font-size:24px; line-height:50px;  height:50px; overflow:hidden; text-align:center}




.owl-pagination { position: absolute; left: 0; bottom: 50px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-image: url(../images/bg15.png); *display: inline; *zoom: 1;}
.owl-pagination .active { width: 25px; background-image: url(../images/bg16.png);}
.owl-buttons {}
.owl-buttons div { position: absolute; top: 50%; width: 45px; height: 44px; margin-top: -22px; text-indent: -9999px;}
.owl-prev { left: -50px; background-image: url(../images/left.png);}
.owl-next { right: -50px; background-image: url(../images/right.png);}

.jblist{ overflow:hidden}
.jblist li{ float:left; margin:20px 30px; width:255px;}
.jblist img { display: block; width: 165px; height: 165px;  border-radius:85px; margin:0 auto; border:2px solid #000}
.jblist a:hover img{ border:2px solid #24b7e3}
.jblist h3{ display:block; font-size:24px; line-height:50px; height:50px; overflow:hidden; text-align:center}
 
.bgk{ background-color:#f4f2f1; padding:30px 0;}

.footer{ padding:30px 0; background:url(../images/conbg1.jpg) }
.footer .fbox1{ color: #fff; line-height: 26px; font-size: 16px; width: 25% }
.footer .fbor{ background: url(../images/bot2.png) center center no-repeat; width: 100px; height: 200px;}
.copyright{ background-color: #4c4c4c; font-size: 14px; color:  #fff; line-height: 35px; height: 35px; }
.copyright a{ color:#FFF}


.sidenav{  border-bottom:1px solid #dcdcdc; margin:30px 0; height:70px; text-align:center }
.sidenav li{ margin:0 15px; display:inline-block;}
.sidenav li a{ display:inline-block; width:140px; height:78px; line-height:35px; text-align:center; font-size:16px;}
.sidenav li a:hover{ background:url(../images/navbg.png) center top no-repeat; color:#FFF}
.sidenav li a.cur{ background:url(../images/navbg.png) center top no-repeat; color:#FFF}

.abocon{ font-size:14px; line-height:25px; margin-bottom:50px;}

.newslist li{ overflow:hidden; border-bottom:1px dashed #ddd; padding:30px 0;}
.newslist li a:hover h3{ color:#24b7e3}
.newslist li a:hover .newsdate em{ background:#24b7e3 url(../images/jt.png) center center no-repeat;}
.newslist li a:hover { color:#333}
.newslist li .fl{ float:left;}
.newslist li .fl img{ width:300px; height:100px;}
.newslist li .newsdesc{ float:left; width:700px; margin-left:50px;}
.newslist li .newsdesc h3{ font-size:16px; font-weight:bold; margin-bottom:10px;}
.newslist li .newsdesc p{ line-height:23px; font-size:14px;}
.newslist li .newsdate{ float:right; border-left:1px solid #eee; padding:0 50px;}
.newsdate b{ font-size:16px; padding-bottom:5px}
.newsdate b,.newsdate span{ display:block; text-align:center}
.newsdate em{ background:#4c4c4c url(../images/jt.png) center center no-repeat; height:36px; width:36px;  border-radius:18px; display:block; margin:20px auto 0 auto}

.newscon h1{ display:block; font-size:24px; text-align:center}
.newscon .con{ font-size:14px; line-height:25px; margin-bottom:50px; margin-top:30px;}
.newsdete{ text-align:center; line-height:30px;}

.downlist{ overflow: hidden; }
.downlist li { border-bottom: 1px solid #ddd; }
.downlist li h3{ display: block; line-height: 35px; float: left; }
.downlist li span{ display: block; line-height: 35px; float: right; }

.piclist{ overflow:hidden}
.piclist li{ float:left; margin:10px 10px 0 10px;}
.piclist li img{ border:1px solid #dddddd;}

.box22_list{ margin:10px; overflow:hidden}
.box22_list li{ line-height: 40px; float:left; border-bottom: 1px solid #f3f3f3; width:48%; margin-right:2%; }
.box22_list li a{ color: #333 }