.banner {
	height: 692px;
}
.fullSlide {
	width: 100%; height: 692px; position: relative;
}
.fullSlide .bd {
	margin: 0px auto; overflow: hidden; position: relative; z-index: 0;
}
.fullSlide .bd ul {
	width: 100% !important;
}
.fullSlide .bd li {
	background-position: top; width: 100% !important; height: 692px; text-align: center; overflow: hidden; background-repeat: no-repeat;
}
.fullSlide .bd li a {
	height: 692px; display: block;
}
.fullSlide .hd {
	left: 0px; width: 100%; height: 30px; bottom: 1px; line-height: 30px; position: absolute; z-index: 1;
}
.fullSlide .hd ul {
	text-align: center;
}
.fullSlide .hd ul li {
	background: rgb(4, 70, 136); margin: 0px 10px; border-radius: 50%; width: 6px; height: 6px; line-height: 999px; overflow: hidden; display: inline-block; cursor: pointer; -ms-zoom: 1;
}
.fullSlide .hd ul .on {
	background: rgb(23, 42, 134); border-radius: 3px; width: 31px;
}
.fullSlide .prev {
	left: 5%; top: 50%; width: 73px; height: 73px; margin-top: -30px; display: none; position: absolute; z-index: 1; cursor: pointer; opacity: 0.5;
}
.fullSlide .next {
	left: 5%; top: 50%; width: 73px; height: 73px; margin-top: -30px; display: none; position: absolute; z-index: 1; cursor: pointer; opacity: 0.5;
}
.fullSlide .prev {
	background: url("img/Index/left1s.png") no-repeat;
}
.fullSlide .next {
	background: url("img/Index/right1s.png") no-repeat; left: auto; right: 5%;
}
.mb10 {
	margin-bottom: 10px;
}
.ml10 {
	margin-left: 10px;
}
.bg {
	background: rgb(255, 255, 255);
}
.Title {
	width: 100%; text-align: center; overflow: hidden;
}
.Title h2 {
	font-size: 30px; font-weight: bold;
}
.Title h2 a {
	color: rgb(23, 42, 134);
}
.Title .p1 {
	margin: 6px 0px 16px; color: rgb(102, 102, 102); font-size: 20px;
}
.Title .p2 {
	color: rgb(204, 204, 204); font-family: "Myriad Pro"; font-size: 14px;
}
.banner {
	width: 100%; height: 692px; overflow: hidden; position: relative;
}
.banner a {
	width: 100%; height: 692px; display: block;
}
.banner .btnList {
	left: 0px; width: 100%; text-align: center; bottom: 26px; overflow: hidden; position: absolute;
}
.banner .btnList span {
	margin: 0px 10px; border-radius: 50%; width: 6px; height: 6px; display: inline-block; background-color: rgb(4, 70, 136);
}
.banner .btnList span {
	
}
.banner .btnList span.cur {
	border-radius: 3px; width: 31px; background-color: rgb(23, 42, 134);
}
.feature {
	background: rgb(240, 240, 240); width: 100%; overflow: hidden; padding-top: 20px;
}
.feature ul {
	width: 100%;
}
.feature ul li {
	background: url("Img/Index/featureBg.png") repeat-y; width: 300px; height: 340px; float: left;
}
.feature ul li a {
	width: 300px; height: 340px; text-decoration: none; display: block;
}
.feature ul li img {
	display: block;
}
.feature ul li span {
	margin: 28px 0px 10px; color: rgb(0, 173, 239); padding-left: 38px; font-size: 24px; font-weight: lighter; display: block;
}
.feature ul li em {
	width: 200px; color: rgb(102, 102, 102); line-height: 22px; padding-left: 38px; font-size: 13px; display: block;
}
.feature ul li:hover {
	background: rgb(0, 173, 239);
}
.feature ul li:hover span {
	color: rgb(255, 255, 255);
}
.feature ul li:hover em {
	color: rgb(255, 255, 255);
}
.products {
	background: rgb(240, 240, 240); width: 100%; overflow: hidden; padding-bottom: 59px;
}
.products .Title {
	padding-top: 70px;
}
.products .con {
	height: 510px; overflow: hidden; position: relative;
}
.products .con ul {
	left: 0px; top: 0px; height: 510px; overflow: hidden; position: absolute;
}
.products .con li {
	margin: 20px; width: 360px; height: 470px; float: left;
}
.products .con img {
	display: block;
}
.products .con .intro {
	background: url("Img/Index/productsBg.jpg") repeat-x; width: 100%; height: 160px; text-align: center; overflow: hidden;
}
.products .con .intro h3 {
	font-size: 20px; font-weight: normal; margin-top: 36px;
}
.products .con .intro h3 a {
	color: rgb(102, 102, 102); text-decoration: none;
}
.products .con .intro p {
	margin: 6px 0px 28px; color: rgb(153, 153, 153); font-size: 13px;
}
.products .con .intro .more {
	background: url("Img/Index/products-Jt1.png") no-repeat left; text-transform: uppercase; padding-left: 27px; font-family: arial; font-size: 14px; font-weight: bold; text-decoration: none;
}
.products .con li:hover .intro {
	background: rgb(0, 173, 239);
}
.products .con li:hover .intro p {
	color: rgb(255, 255, 255);
}
.products .con li:hover .intro h3 a {
	color: rgb(255, 255, 255);
}
.products .con li:hover .intro .more {
	color: rgb(255, 255, 255);
}
.products .con li:hover .intro .more {
	background: url("Img/Index/products-Jt2.png") no-repeat left;
}
.products .con li:hover {
	box-shadow: 0px 0px 20px 8px #dbdada;
}
.productsBtn {
	width: 100%; text-align: center; overflow: hidden;
}
.productsBtn li {
	margin: 0px 10px; border-radius: 50%; width: 6px; height: 6px; font-size: 0px; display: inline-block; background-color: rgb(204, 204, 204);
}
.productsBtn li {
	
}
.productsBtn li.on {
	border-radius: 3px; width: 31px; background-color: rgb(23, 42, 134);
}
.adv {
	width: 100%;
}
.adv .container {
	padding-bottom: 40px; position: relative;
}
.adv .wang1 {
	top: -52px; right: -95px; position: absolute;
}
.adv .wang2 {
	left: -295px; bottom: -42px; position: absolute; z-index: 55;
}
.adv .Title {
	padding-top: 40px;
}
.adv ul {
	width: 100%; overflow: hidden;
}
.adv li {
	width: 300px; text-align: center; float: left;
}
.adv ul li:first-child {
	background-image: none;
}
.adv .con1 span {
	margin: 29px auto 0px; width: 113px; height: 101px; display: block;
}
.adv .con1 ul {
	height: 337px;
}
.adv .con1 li {
	background: url("Img/Index/adv-xian1.png") no-repeat left; height: 337px;
}
.adv .con1 h3 {
	margin: 40px 0px 20px; color: rgb(102, 102, 102); font-size: 30px; font-weight: normal;
}
.adv .con1 h3 em {
	color: rgb(102, 102, 102); font-size: 30px; font-weight: normal;
}
.adv li p {
	color: rgb(102, 102, 102); line-height: 20px; font-size: 14px;
}
.adv .con2 {
	margin-top: 30px;
}
.adv .con1 {
	margin-top: 68px;
}
.adv .con2 ul {
	height: 214px;
}
.adv .con2 li {
	background: url("Img/Index/adv-xian2.png") no-repeat left; height: 214px;
}
.adv .con2 li h3 {
	margin: 10px 0px; color: rgb(0, 173, 239); font-family: "Myriad Pro"; font-size: 72px;
}
.about {
	background: url("Img/Index/aboutBg.jpg") no-repeat center; width: 100%; height: 660px; position: relative;
}
.about .container {
	height: 660px; position: relative;
}
.about .left_about {
	width: 600px; overflow: hidden; float: left;
}
.about .leftCon .intro {
	height: 453px; overflow: hidden;
}
.about .leftCon {
	height: 453px; overflow: hidden;
}
.about .leftCon h3 {
	font-size: 30px; font-weight: bold; margin-top: 111px;
}
.about .leftCon h3 a {
	color: rgb(23, 42, 134); text-decoration: none;
}
.about .leftCon span {
	display: block;
}
.about .leftCon .span1 {
	margin: 6px 0px 18px; color: rgb(102, 102, 102); font-size: 20px;
}
.about .leftCon .span2 {
	color: rgb(189, 189, 189); font-family: "Myriad Pro"; font-size: 12px;
}
.about .leftCon p {
	width: 518px; color: rgb(102, 102, 102); line-height: 24px; font-size: 14px;
}
.about .leftCon .p1 {
	margin: 34px 0px 28px; overflow: hidden; -ms-text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.about .leftCon .p2 {
	overflow: hidden; -ms-text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;
}
.about .left_about ul {
	width: 100%; overflow: hidden; margin-top: 108px;
}
.about .left_about li {
	background: rgb(255, 255, 255); width: 150px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; margin-left: 1px; float: left;
}
.about .left_about li a {
	color: rgb(102, 102, 102); text-decoration: none; display: block;
}
.about .left_about li.cur {
	background: rgb(23, 42, 134);
}
.about .left_about li.cur a {
	color: rgb(255, 255, 255);
}
.about .right_about {
	left: 600px; top: 0px; width: 960px; height: 660px; overflow: hidden; float: left; position: absolute;
}
.about .rightBox {
	width: 960px; height: 660px; float: left; position: relative;
}
.about .rightCon {
	left: 0px; top: 0px; width: 960px; height: 660px; overflow: hidden; position: absolute;
}
.about .right_about ul {
	left: 0px; top: 0px; width: 960px; overflow: hidden; position: absolute;
}
.about .right_about li {
	width: 960px; float: left;
}
.about .right_about .list {
	left: 0px; width: 600px; text-align: center; bottom: 26px; overflow: hidden; position: absolute; z-index: 100;
}
.about .right_about .list span {
	margin: 0px 10px; border-radius: 50%; width: 14px; height: 14px; display: inline-block; background-color: rgb(255, 255, 255);
}
.about .right_about .list span {
	
}
.about .right_about .list span.cur {
	background-color: rgb(0, 173, 239);
}
.about .wang {
	right: 79px; bottom: -82px; position: absolute;
}
.media {
	width: 100%;
}
.media .container {
	padding-bottom: 67px; position: relative;
}
.media .wang {
	left: -228px; bottom: -55px; position: absolute;
}
.media .Title {
	padding-top: 85px;
}
.media .Title p {
	text-transform: uppercase; margin-top: 5px;
}
.media .con {
	height: 379px; overflow: hidden; margin-top: 56px;
}
.media .conBox {
	width: 100%; height: 379px; overflow: hidden;
}
.media .left {
	width: 600px; height: 361px !important; float: left;
}
.media .right {
	width: 560px; overflow: hidden; float: right; position: relative;
}
.media .right dl {
	
}
.media .right .newsRBox {
	width: 560px; height: 375px; overflow: hidden;
}
.media .right dl {
	background: rgb(247, 247, 247); border: 1px solid rgb(238, 238, 238); border-image: none; width: 558px; height: 109px; overflow: hidden; margin-bottom: 14px;
}
.media .right dl:hover {
	background: rgb(0, 173, 239); border: 1px solid rgb(0, 173, 239); border-image: none; width: 558px; height: 109px; overflow: hidden; margin-bottom: 14px;
}
.media .right dt {
	margin: 14px 0px 0px 13px; width: 135px; height: 85px; overflow: hidden; float: left;
}
.media .right dt img {
	display: block;
}
.media .right dd {
	width: 385px; padding-top: 12px; margin-left: 12px; float: left;
}
.media .right dd span {
	width: 385px; color: rgb(85, 85, 85); overflow: hidden; font-size: 18px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.media .right dd p {
	height: 48px; color: rgb(85, 85, 85); line-height: 22px; font-size: 14px;
}
.media .right dd em {
	color: rgb(85, 85, 85); font-size: 12px;
}
.media .right dl:hover dd span {
	color: rgb(255, 255, 255);
}
.media .right dl:hover dd p {
	color: rgb(255, 255, 255);
}
.media .right dl:hover dd em {
	color: rgb(255, 255, 255);
}
.media .menu {
	margin: 44px 0px 0px 376px; overflow: hidden;
}
.media .menu a {
	border-width: 1px 1px 1px medium; border-style: solid solid solid none; border-color: rgb(220, 220, 220) rgb(220, 220, 220) rgb(220, 220, 220) currentColor; border-image: none; width: 148px; height: 38px; text-align: center; color: rgb(102, 102, 102); line-height: 38px; font-size: 14px; text-decoration: none; float: left; display: inline-block;
}
.media .menu a:first-child {
	border-left-color: rgb(220, 220, 220); border-left-width: 1px; border-left-style: solid;
}
.media .menu a {
	
}
.media .menu a.cur {
	background: rgb(23, 42, 134); border: currentColor; border-image: none; width: 149px; height: 40px; color: rgb(255, 255, 255); line-height: 40px;
}
.media .menu a:first-child.cur {
	width: 150px;
}
.case {
	background: rgb(240, 240, 240); width: 100%;
}
.case .container {
	position: relative;
}
.case .wang {
	right: -157px; bottom: -157px; position: absolute;
}
.case .Title {
	padding-top: 84px;
}
.case .Title .p2 {
	font-weight: bold;
}
.case .con {
	height: 420px; margin-top: 54px; position: relative;
}
.case .con i {
	top: 166px; width: 44px; height: 44px; overflow: hidden; display: block; position: absolute;
}
.case .con i:hover {
	cursor: pointer;
}
.case .con i.btn01 {
	background: url("caseBtn.jpg") no-repeat top; left: -44px;
}
.case .con i.btn02 {
	background: url("caseBtn.jpg") no-repeat bottom; right: -44px;
}
.case .conBox {
	width: 100%; height: 320px; overflow: hidden; position: relative;
}
.case .con ul {
	left: 0px; top: 0px; height: 320px; overflow: hidden; position: absolute;
}
.case .con li {
	width: 280px; height: 320px; margin-right: 27px; float: left;
}
.case .con img {
	display: block;
}
.case .con .intro {
	background: rgb(255, 255, 255); padding: 0px 17px; height: 210px; overflow: hidden;
}
.case .con .intro h3 {
	font-size: 18px; font-weight: normal; margin-top: 26px;
}
.case .con .intro h3 a {
	color: rgb(102, 102, 102); text-decoration: none;
}
.case .con .intro p {
	margin: 10px 0px 88px; color: rgb(102, 102, 102); font-size: 13px;
}
.case .con .intro .more {
	background: url("Img/Index/products-Jt1.png") no-repeat left; text-transform: uppercase; padding-left: 27px; font-family: arial; font-size: 14px; font-weight: bold; text-decoration: none;
}
.kh {
	background: rgb(240, 240, 240); width: 100%; padding-bottom: 61px;
}
.kh .container {
	position: relative;
}
.kh .Title {
	padding-top: 72px;
}
.kh .con {
	margin: 36px 0px 28px; height: 260px; overflow: hidden; position: relative;
}
.kh .con ul {
	left: 0px; top: 0px; width: 105%; height: 260px; overflow: hidden; position: absolute;
}
.kh .con li {
	margin: 6px 11px; width: 280px; height: 120px; float: left;
}
.kh .con li a {
	border: 1px solid rgb(217, 217, 217); border-image: none; overflow: hidden; margin-top: 20px; display: block;
}
.kh .con li img {
	padding: 0px !important; transition:0.8s; display: block; -moz-transition: 0.8s, -moz-transform 0.8s; -webkit-transition: 0.8s, -webkit-transform 0.8s;
}
.kh .con li:hover img {
	box-shadow: 0px 0px 6px #00adef; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -m-transform: scale(1.1);
}
.kh .con li a:first-child {
	margin-top: 0px;
}
.khBtn {
	width: 100%; text-align: center; overflow: hidden;
}
.khBtn ol li {
	margin: 0px 10px; border-radius: 50%; width: 6px; height: 6px; display: inline-block; background-color: rgb(204, 204, 204);
}
.khBtn ol li {
	
}
.khBtn ol li.cur {
	border-radius: 3px; width: 31px; background-color: rgb(23, 42, 134);
}
.link {
	width: 100%; overflow: hidden; padding-top: 20px; background-color: rgb(249, 249, 249);
}
.link h3 img {
	display: block;
}
.link .list {
	padding: 15px 0px; width: 100%; overflow: hidden;
}
.link .list li {
	margin: 5px 0px; padding: 0px 15px; font-size: 14px; border-left-color: rgb(112, 112, 112); border-left-width: 1px; border-left-style: solid; float: left;
}
.link .list li a {
	color: rgb(102, 102, 102);
}
.link .list li:first-child {
	border: currentColor; border-image: none; padding-left: 0px;
}
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}