.header {
	transition:0.3s; height: 90px;
}
.logo {
	margin: 10px 0px 0px; overflow: hidden;
}
.top-menu {
	padding: 0px;
}
.top-menu .item {
	width: 97px; float: left; position: relative;
}
.top-menu .item h6 {
	line-height: 90px;
}
.top-menu .item h6 a {
	text-align: center; color: rgb(85, 85, 85); font-size: 15px; display: block;
}
.top-menu .item h6 a span {
	display: none;
}
.top-menu .item h6.on a span {
	padding: 0px 0px 0px 5px; color: rgb(119, 119, 119); font-size: 9px; display: inline-block;
}
.top-menu .item h6 a:hover {
	color: rgb(0, 0, 0);
}
.top-menu .item h6 a:hover span {
	color: rgb(68, 68, 68);
}
.top-menu .item ul {
	background: rgb(255, 255, 255); transition:0.3s; left: -20px; top: 110px; width: 137px; visibility: hidden; position: absolute; z-index: 9999; opacity: 0; box-shadow: 0px 10px 20px rgba(0,0,0,0.1);
}
.top-menu .item:hover ul {
	top: 85px; visibility: visible; opacity: 1;
}
.top-menu .item li {
	height: 36px; overflow: hidden;
}
.top-menu .item li:first-child {
	border-top-color: rgb(123, 123, 123); border-top-width: 3px; border-top-style: solid;
}
.top-menu .item li a {
	padding: 0px 20px; color: rgb(102, 102, 102); line-height: 36px; font-size: 12px; display: block;
}
.top-menu .item li:first-child a {
	line-height: 33px;
}
.top-menu .item li a:hover {
	background: rgb(242, 242, 242); color: rgb(51, 51, 51);
}
.tit-box h4 {
	margin: 0px 0px 10px; color: rgb(51, 51, 51); font-size: 26px; font-weight: bold;
}
.tit-box p {
	color: rgb(183, 183, 183); text-transform: uppercase; font-size: 14px;
}
.tit-menu {
	margin: 25px 0px 30px;
}
.tit-menu ul li {
	margin: 0px 4px 10px; display: inline-block;
}
.tit-menu ul li + li {
	border-left-color: rgb(238, 238, 238); border-left-width: 1px; border-left-style: solid;
}
.tit-menu ul li a {
	padding: 10px 26px; line-height: 12px; font-size: 12px; display: inline-block;
}
.tit-menu ul li a:hover {
	background: rgb(0, 114, 212); color: rgb(255, 255, 255);
}
.header-on {
	background: rgb(255, 255, 255); left: 0px; top: 0px; width: 100%; height: 60px; position: fixed; z-index: 9999; box-shadow: 0px 2px 6px rgba(0,0,0,0.15);
}
.header-on .item h6 {
	line-height: 60px;
}
.header-on .item ul {
	top: 80px;
}
.header-on .item:hover ul {
	top: 55px;
}
.header-on .item h6 a {
	font-size: 14px;
}
.header-on .logo {
	height: 40px;
}
.header-on .logo img {
	width: auto; height: 100%;
}
.img-item {
	background: rgb(255, 255, 255); margin: 15px 0px; box-shadow: 0px 22px 40px rgba(0,0,0,0.16);
}
.img-item a {
	overflow: hidden; display: block;
}
.img-item .img {
	position: relative;
}
.img-item .img img {
	width: 100%; height: auto;
}
.img-item .img::before {
	border: 1px solid rgb(255, 255, 255); transition:0.3s ease-in-out; border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; z-index: 2; content: ""; opacity: 0;
}
.img-item:hover .img::before {
	left: 10px; top: 10px; right: 10px; bottom: 20px; opacity: 0.8;
}
.img-item .img::after {
	background: url("ico-1.jpg") no-repeat center; transition:0.3s ease-in-out; width: 46px; height: 40px; right: 35px; bottom: -40px; display: block; position: absolute; z-index: 3; content: "";
}
.img-item:hover .img::after {
	bottom: 10px;
}
.img-item .con {
	padding: 15px; position: relative;
}
.img-item .con::before {
	background: rgb(255, 255, 255); transition:0.3s ease-in-out; left: 0px; top: 0px; height: 10px; right: 0px; display: block; position: absolute; z-index: 4; content: "";
}
.img-item:hover .con::before {
	top: -10px;
}
.img-item .con h4 {
	transition:0.3s ease-in-out; top: 0px; color: rgb(38, 38, 38); overflow: hidden; font-size: 15px; margin-bottom: 15px; white-space: nowrap; position: relative; -ms-text-overflow: ellipsis;
}
.img-item:hover .con h4 {
	top: -10px; color: rgb(0, 114, 212);
}
.img-item .con p {
	transition:0.3s ease-in-out; top: 0px; height: 20px; color: rgb(110, 110, 110); line-height: 20px; overflow: hidden; font-size: 12px; margin-top: 12px; margin-bottom: 30px; position: relative;
}
.img-item:hover .con p {
	top: -10px;
}
.img-item .con p b {
	padding: 0px 2px; color: red; font-family: Arial; font-size: 13px;
}
.img-item .con p span {
	margin: 0px 3px 0px 0px; color: rgb(235, 46, 9);
}
.img-item .con .more {
	background: rgb(0, 114, 212); transition:0.3s ease-in-out; left: 0px; height: 40px; text-align: center; right: 0px; bottom: -40px; display: block; position: absolute;
}
.img-item:hover .con .more {
	bottom: 0px;
}
.img-item .con .more::after {
	background: url("ico-2.png") no-repeat 0px -7px; width: 16px; height: 7px; margin-top: 16px; display: inline-block; content: "";
}
.more-box {
	margin: 50px 0px 70px; text-align: center;
}
.more-box a {
	background: rgb(255, 255, 255); width: 260px; height: 50px; display: inline-block; max-width: 100%; box-shadow: 0px 22px 40px rgba(0,0,0,0.16);
}
.more-box a::before {
	background: url("ico-3.png") no-repeat; transition:0.3s ease-out; width: 80px; height: 43px; margin-top: 2px; display: inline-block; content: "";
}
.more-box a:hover::before {
	background-position: 0px -40px;
}
.about-wrap {
	background: url("bg1.jpg") fixed no-repeat center / cover; padding: 150px 0px 120px;
}
.about-img {
	top: -30px; right: -40px; position: relative; z-index: 2; box-shadow: 0px 22px 40px rgba(0,0,0,0.16);
}
.about-img img {
	width: 100%; height: auto;cursor: pointer;
}
.about-con {
	background: rgb(255, 255, 255); padding: 40px 40px 40px 100px; left: -40px; position: relative; z-index: 1; min-height: 320px;
}
.about-con .tit h4 {
	color: rgb(0, 94, 174); overflow: hidden; font-size: 20px; margin-bottom: 5px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.about-con .tit p {
	color: rgb(124, 124, 124); text-transform: uppercase; overflow: hidden; font-size: 12px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.about-con .con {
	margin: 20px 0px 50px; height: 89px; color: rgb(124, 124, 124); line-height: 22px; overflow: hidden; font-size: 13px;
}
.about-con .con a {
	color: red;
}
.about-con .more a {
	border: 1px solid rgb(238, 238, 238); border-image: none; width: 160px; height: 40px; text-align: center; color: rgb(137, 137, 137); line-height: 38px; display: block;
}
.about-con .more a:hover {
	background: rgb(0, 114, 212); border: 1px solid rgb(0, 114, 212); border-image: none; color: rgb(255, 255, 255);
}
.case-wrap {
	background: rgb(237, 243, 245); margin: 50px 0px 0px; padding: 60px 0px;
}
.ys-body {
	margin: 30px 0px 0px;
}
.ys-body li {
	padding: 20px 0px; border-bottom-color: rgb(238, 238, 238); border-bottom-width: 1px; border-bottom-style: solid;
}
.ys-con {
	padding: 20px 0px;
}
.ys-img {
	padding: 20px 0px;
}
.ys-img img {
	width: 100%;
}
.ys-con h4 {
	margin: 6px 0px 15px; color: rgb(0, 94, 174); font-size: 20px; font-weight: 700;
}
.ys-con h4 span {
	padding: 0px 10px 0px 0px; top: 5px; font-family: Arial; font-size: 30px; position: relative;
}
.ys-con p {
	height: 72px; color: rgb(102, 102, 102); line-height: 24px; overflow: hidden; font-size: 13px;
}
.ys-con a {
	background: rgb(221, 221, 221); margin: 50px 0px 0px; width: 120px; height: 40px; text-align: center; color: rgb(102, 102, 102); line-height: 38px; font-size: 14px; display: block;
}
.ys-con a:hover {
	background: rgb(0, 114, 212); color: rgb(255, 255, 255);
}
.ban1 img {
	width: 100%;
}
.case-wrap li {
	margin: 15px 0px;
}
.case-item {
	background: rgb(255, 255, 255); position: relative;
}
.case-item .img {
	width: 300px; height: 240px; overflow: hidden; position: relative;
}
.case-item .img::before {
	border: 1px solid rgb(255, 255, 255); transition:0.4s ease-in-out; border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; opacity: 0;
}
.case-item .img::after {
	border: 0px solid rgb(255, 255, 255); transition:0.4s ease-in-out; border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: "";
}
.case-item .img img {
	width: 100%; height: 100%;
}
.case-item .con {
	padding: 15px; overflow: hidden;
}
.case-item .con h4 {
	margin: 20px 0px; color: rgb(38, 38, 38); overflow: hidden; font-size: 15px; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.case-item .con p {
	height: 80px; color: rgb(110, 110, 110); line-height: 20px; overflow: hidden; font-size: 12px;
}
.case-item .con .more {
	background: rgb(255, 255, 255); border: 1px solid rgb(238, 238, 238); transition:0.3s ease-in-out; border-image: none; width: 120px; height: 40px; text-align: center; margin-top: 25px; display: block;
}
.case-item .con .more span {
	transition:0.3s ease-in-out; width: 0px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 38px; overflow: hidden; font-size: 14px; vertical-align: middle; display: inline-block; opacity: 0;
}
.case-item .con .more::after {
	background: url("ico-4.png") no-repeat; width: 16px; height: 7px; vertical-align: middle; display: inline-block; content: "";
}
.case-item:hover .img::before {
	left: 20px; top: 20px; right: 20px; bottom: 20px; opacity: 0.8;
}
.case-item:hover .img::after {
	border: 10px solid rgb(255, 255, 255); border-image: none;
}
.case-item:hover .con h4 {
	color: rgb(0, 114, 212);
}
.case-item:hover .con .more {
	background: rgb(0, 114, 212); border: 1px solid rgb(0, 114, 212); border-image: none;
}
.case-item:hover .con .more span {
	width: auto; margin-right: 10px; opacity: 1;
}
.case-item:hover .con .more::after {
	background-position: 0px -7px;
}
.news-wrap {
	background: url("bg2.jpg") no-repeat top; min-height: 400px;
}
.news {
	background: rgb(255, 255, 255); margin: 3px 0px 0px; padding: 50px 15px 90px; min-height: 300px;
}
.news-item {
	position: relative;
}
.news-con {
	
}
.news-con .time {
	color: rgb(176, 176, 176); font-family: Arial; font-size: 32px;
}
.news-con .time span {
	padding: 0px 0px 0px 20px; color: rgb(191, 191, 191); font-size: 14px;
}
.news-con h4 {
	margin: 15px 0px 0px; height: 30px; color: rgb(26, 26, 26); overflow: hidden; font-size: 16px; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.news-con p {
	height: 72px; color: rgb(157, 157, 157); line-height: 24px; overflow: hidden; font-size: 13px;
}
.news-con .more {
	padding: 60px 0px 0px; color: rgb(179, 179, 179); font-size: 14px;
}
.news-item .news-img img {
	width: 100%;
}
.news-img {
	transition:0.3s ease-in-out; left: 0px; top: 10px; position: absolute; opacity: 0;
}
.news-img .img {
	position: relative;
}
.news-img .img::before {
	border: 1px solid rgba(255, 255, 255, 0.8); transition:0.4s ease-in-out; border-image: none; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: "";
}
.news-item:hover .news-con {
	display: none;
}
.news-item:hover .news-img {
	top: 0px; opacity: 1;
}
.news-item:hover .news-img .img::before {
	left: 10px; top: 10px; right: 10px; bottom: 10px;
}
.news-more a {
	margin: 0px auto 100px; border: 1px solid rgb(221, 221, 221); border-image: none; width: 25%; height: 44px; text-align: center; color: rgb(153, 153, 153); line-height: 44px; font-size: 14px; display: block;
}
.news-more a:hover {
	background: rgb(0, 94, 174); border: 1px solid rgb(0, 94, 174); border-image: none; color: rgb(255, 255, 255);
}
.contact-wrap {
	background: url("bg3.jpg") no-repeat center; margin: 50px 0px 0px; min-height: 400px;
}
.contact {
	top: -60px; position: relative;
}
.contact-con {
	padding: 30px 30px 60px; height: 350px;
}
.msn-con {
	padding: 30px 30px 60px; height: 350px;
}
.tit-box1 h4 {
	color: rgb(51, 51, 51); line-height: 1.7; font-size: 22px; font-weight: bold;
}
.tit-box1 p {
	color: rgb(153, 153, 153); font-size: 14px;
}
.tit-box2 h4 {
	color: rgb(255, 255, 255);
}
.tit-box2 p {
	color: rgb(255, 255, 255);
}
.contact-con ul {
	padding: 30px 0px 0px;
}
.contact-con ul li {
	height: 36px; line-height: 36px; font-size: 14px;
}
.contact-con ul li i {
	top: -3px; width: 30px; display: inline-block; position: relative;
}
.modal-body {
	padding: 15px 0px 0px;
}
.modal-body .input-group {
	width: 100%;
}
.index-myform .input-group span {
	border-radius: 0px;
}
.index-myform .input-group input {
	border-radius: 0px;
}
.index-myform button {
	background: rgb(255, 255, 255); margin: 23px 0px 0px; border: currentColor; border-image: none; width: 130px; height: 40px; color: rgb(0, 94, 174); line-height: 40px; font-size: 16px;
}
.footer {
	padding: 20px 0px; text-align: center; line-height: 30px; font-size: 14px; border-top-color: rgb(221, 221, 221); border-top-width: 1px; border-top-style: solid;
}
.kefu {
	top: 0px; width: 99px; height: 60px; position: absolute; z-index: 999;
}
.kefu .kftop {
	background: url("../images/kefu_top.gif") no-repeat; height: 20px;
}
.kefu .kfbottom {
	background: url("../images/kefu_bottom.gif") no-repeat; height: 14px;
}
.kefu .kfbox {
	background: rgb(255, 255, 255); padding: 1px; color: rgb(255, 0, 0); line-height: 26px; overflow: hidden; border-right-color: rgb(221, 230, 236); border-left-color: rgb(221, 230, 236); border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; -ms-zoom: 1;
}
.kefu .kfbox ul {
	padding-left: 6px;
}
.kefu .kfbox ul li.tit {
	color: rgb(128, 0, 0);
}
.kefu .kfbox ul li img {
	vertical-align: middle;
}
.kefu .kfbox .tit {
	padding-left: 0px; font-size: 12px;
}