* {
	padding: 0;
	margin: 0;
	font-family: "microsoft yahei";
}

::-webkit-scrollbar-track {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}

::-webkit-scrollbar {
	width: 16px;
	height: 16px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
	border-radius: 999px;
	border: 5px solid transparent;
}

::-webkit-scrollbar-track {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-thumb {
	min-height: 20px;
	background-clip: content-box;
	box-shadow: 0 0 0 5px rgba(0, 0, 0, .2) inset;
}

::-webkit-scrollbar-corner {
	background: transparent;
}

body {
	font-size: 14px;
	overflow-x: hidden;
}

.b_titler {
	border-bottom: #dfdfdf 1px solid;
}

.b_titler li {
	float: left;
	list-style-type: none;
	background: #dfdfdf;
	margin-right: 10px;
	text-align: center;
}

.b_titler li:hover {
	background: #077EDF;
}

.baozhuang {
	margin-top: 20px;
}

.baozhuang input {
	width: 100%;
}

.label {
	line-height: 2;
}

.btn_qx {
	width: 100px;
	height: 45px;
	border: none;
	/*background-image: linear-gradient(to left, #05caff, #0078FF);*/
	color: #000;
	cursor: pointer;
}

.nothinger {
	text-align: center;
}

.nothinger p {
	color: #999;
	line-height: 2;
}

select {
	line-height: 30px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #ccc;
	/*border-radius: 5px;*/
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding: 5px;
	background: #FFFFFF !important;
}

.bz_wrap {
	margin-top: 20px;
	cursor: pointer;
	min-height: 400px;
}

.bz_wraper {
	position: relative;
	overflow: hidden;
}

.flag {
	position: absolute;
	height: 20px;
	line-height: 20px;
	text-align: center;
	width: 74px;
	background-color: #00B6FD;
	color: #fff;
}

.flag-left {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	right: -18px;
	top: 9px;
}

.state-content {
	display: none;
}

.state-content .line {
	width: 1px;
	height: 98%;
	background-color: #ccc;
	position: absolute;
	left: 26px;
	z-index: 0;
	top: 0px;
}

.state-content li {
	margin-top: 20px;
	padding-left: 45px;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	margin-bottom: 30px;
	list-style-type: none;
	position: relative;
}

.color {
	padding-left: 10px;
	color: #009F95;
	font-weight: bold;
}

@-webkit-keyframes bor {
	0% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.5);
	}
}

@-moz-keyframes bor {
	0% {
		-webkit-transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.5);
	}
}

.bottom-point {
	position: absolute;
	z-index: 1;
	background: rgb(180, 214, 228);
	width: 20px;
	height: 20px;
	left: 17px;
	border-radius: 100%;
	top: 13px;
	-webkit-animation: bor 1s infinite;
	animation: bor 1s infinite;
	-webkit-animation-direction: alternate;
}

.point {
	width: 5px;
	height: 5px;
	background: #666;
	position: absolute;
	left: 24px;
	top: 50%;
	margin-top: -5px;
	border-radius: 50%;
}

.state-content ul li span {
	margin-right: 15px;
}

.time {
	font-family: "微软雅黑";
	color: #ccc;
	font-size: 12px;
	float: right;
}

li p {
	color: #999;
	font-size: 11px;
	line-height: 15px;
}

.active .point {
	border: 5px solid rgb(180, 214, 228);
	background: #337ab7;
	left: 16px;
	top: 10px;
	width: 10px;
	height: 10px;
	z-index: 2;
}

.bz_wraper:hover {
	background: #077EDF;
	color: #fff;
}

.bz_wraper:hover .num {
	color: #fff;
}

.bz_wraper {
	margin: 5px;
	padding: 10px 5px;
	background: #F4F4F4;
}

.bz_lister {
	line-height: 2;
}

.bz_img {
	width: 100%;
	text-align: center;
}

.bz_img img {
	text-align: center;
}

.num {
	color: #666;
}

.bz_list {
	width: 33.33333%;
	float: left;
}

.nothing {
	color: #999;
}

.btn_bz {
	cursor: pointer;
	width: 100px;
	height: 45px;
	border: none;
	background-image: linear-gradient(to left, #05caff, #0078FF);
	color: #fff;
}

.form-select {
	position: relative;
}

.bottom {
	width: 20px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 15px;
	z-index: 2;
}

.bottom-arrow1,
.bottom-arrow2 {
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	border-bottom: 10px transparent dashed;
	border-left: 10px transparent dashed;
	border-right: 10px transparent dashed;
	border-top: 10px white solid;
	overflow: hidden;
}

.bottom-arrow1 {
	top: 1px;
	border-top: 10px #000 solid;
}

.bottom-arrow2 {
	border-top: 10px white solid;
}

.b_titler li:hover a {
	color: #fff;
}

.b_titler li a {
	padding: 15px 20px;
	display: block;
	color: #077EDF;
}

.b_active {
	background: #077EDF !important;
}

.b_active a {
	color: #fff !important;
}

.swiper-container {
	width: 100%;
}

.swiper-container img {
	/*height: auto !important;*/
	width: 100%;
	/* height: 30%; */
	/*border-radius: 12px;*/
}

.swiper-slide {
	text-align: center;
	font-size: 14px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.contact_us {
	width: 20px;
	background: #108dee;
	color: #fff;
	text-align: center;
	font-family: "微软雅黑";
	padding: 25px 8px;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	box-shadow: -3px 5px 5px #999;
	position: fixed;
	right: 0;
	top: 50%;
	cursor: pointer;
	z-index: 9999;
	background-image: linear-gradient(to bottom, #05caff, #0078FF);
}

.f-title {
	font-size: 14px;
	margin-bottom: 10px;
}

.c-more a {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.c-more a:hover {
	background: #108dee;
	color: #fff;
}

.c-more a:hover .btn_right {
	color: #fff;
}

.nav_content {
	/*position: fixed;*/
	top: 0px;
	width: 100%;
	/*background: rgba(0,0,0,.2);*/
	height: auto;
	z-index: 999;
	box-shadow: 0 0 3px #ccc;
}

.wraper_content {
	width: 100%;
}

.logo,
.nav ul {
	width: 1200px;
	margin: auto;
}

.nav {
	/*! height: 50px; */
	width: 100%;
	/*background: #017FCC;*/
	position: relative;
	z-index: 998;
}

.banner .wraper {
	/*	position: absolute;
	top: 20px;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 99;*/
}

.erweima img {
	margin-top: 20px;
	width: 130px;
	height: 130px;
}

.company_about {
	padding: 40px 0;
	overflow: hidden;
}

.swiper-container01 {
	overflow: hidden;
	position: relative;
	/*margin: 20px 0;*/
}

.slider {
	padding: 10px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
	border: 1px solid #E4E4E4;
}

.swiper-container01 img {
	width: 100%;
	height: 350px;
}

.wraper {
	width: 1200px;
	margin: auto;
	/*margin-left: 10%;*/
	position: relative;
}

.banner-img img {
	width: 100%;
}

.li_content {
	position: relative;
}

.web_about {
	position: absolute;
	top: 65px;
	width: 100%;
	left: 0;
}

.web_about>div {
	border-top: none;
	border-bottom: 1px solid #BCBDBD;
	border-left: none;
	border-right: none;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.8);
	opacity: 0.8;
	width: 70px;
	padding: 13px 31px;
	float: none;
	display: block;
	transition: all .5s ease;
	display: none;
	cursor: pointer;
}

.confirm-table .jiaofei_wrap {
	margin-top: 20px;
	background: #f0f0f0;
}

.confirm-table .jiaofei_wrap li img {
	width: 30%;
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: 20px;
}

.li_content:hover .web_about>div {
	display: block;
}

.jiaofei_about {
	display: none;
}

.jiaofei_wrap {
	padding: 20px;
}

.jiaofei_wrap li {
	list-style-type: none;
	width: 50%;
	float: left;
}

.title {
	font-size: 16px;
	padding-left: 10px;
	border-left: 3px solid #02a0ff;
}

.jiaofei_wrap p {
	font-size: 14px;
	line-height: 1.8;
	/*text-align: center;*/
}

.jiaofei_wrap li img {
	width: 80%;
	margin-left: 10%;
	text-align: center;
}

.web_about>div:hover {
	background: #108dee;
}

.web_about>div:hover a {
	color: #fff;
}

.wrap {
	width: 1200px;
	margin: auto;
}

.top {
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);
}

.nav {
	/*float: right;*/
	/*margin-top: 20px;*/
}

.wrap {
	position: relative;
}

.f-right {
	float: right;
	width: 30%;
}

.s_about {
	/*height: 50px;*/
	line-height: 35px;
	/*width: 100%;*/
	background-color: rgba(0, 0, 0, .6);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 8px 40px;
	color: #fff;
	display: block;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.f-right img {
	width: 40%;
}

.logo {
	/*top: 20px;*/
	/*position: absolute;*/
	/*left: 0;*/
}

.wraper_content {
	background: rgba(255, 255, 255);
}

.nav ul li {
	float: left;
	/*margin: 0 20px;*/
	padding: 20px 30px;
	list-style-type: none;
	/*! border-left: 1px solid #F2F2F2; */
	/*padding-bottom: 10px;*/
	/*transition: all .5s ease;
	-webkit-transition: all .5s ease;*/
	/*border-bottom: 1px;*/
	/*border-color: #fff;*/
}

.home_search {
	box-sizing: border-box;
}

.nav ul li:first-child {
	border-left: none;
}

.banner_about span {
	/*color: #ffab00;*/
}

.liactive {
	/*border-bottom: 2px solid #fff;*/
	/*! background: #1286DB; */
	transition: 0.3s 0.1s background ease;
	border-bottom: 5px solid #f39902;
}

.nav ul li:last-child {
	border-right: 1px solid #2899F0;
}

.nav li a {
	font-family: "microsoft yahei";
	color: #000;
	text-decoration: none;
}

.clear {
	clear: both;
}

.banner_img {
	/*margin-top: 13%;*/
	text-align: left;
}

.banner_bottom {
	padding: 15px 0;
	background: #f5f7f7;
}

.nav {
	color: #000;
	/*! border-bottom: 5px solid #ececec; */
	/*! padding: 10px 0; */
}

.bottom_ul li {
	width: 33.3333%;
	list-style-type: none;
	float: left;
}

.about_num {
	color: #00a0e9;
	font-weight: bold;
	font-size: 16px;
}

.left_icon {
	float: left;
	width: 40%;
	text-align: right;
}

.icon_about {
	width: 55%;
	text-align: left;
	float: right;
	font-family: "microsoft yahei";
}

.li_wrap {
	border-right: 1px solid #ccc;
}

.about_top {
	font-size: 16px;
	line-height: 2;
}

.about_bottom {
	color: #666;
}

.our {
	padding: 40px 0;
	background: #f5f7f7;
}

.title_top {
	position: relative;
	font-size: 25px;
	font-family: "microsoft yahei";
	text-align: center;
	color: #017fcc;
}

.title_top:after {
	width: 30px;
	height: 2px;
	position: absolute;
	content: "";
	background: #00c4ff;
	bottom: -10px;
	left: 0;
	right: 0;
	margin: auto;
	background-image: linear-gradient(to left, #05caff, #0078FF);
}

.title_bottom {
	color: #999;
	font-family: "microsoft yahei";
	text-align: center;
	margin-top: 20px;
}

.our_about li {
	width: 50%;
	float: left;
	font-family: "微软雅黑";
	list-style-type: none;
	margin-bottom: 20px;
}

.our_top {
	line-height: 2;
	margin-bottom: 10px;
	border-bottom: 1px solid #eaeaea;
	font-size: 16px;
}

.our_bottom {
	color: #999;
}

.our_left {
	float: left;
	width: 20%;
	text-align: right;
}

.our_right {
	width: 80%;
	float: right;
}

.our_about {
	margin: 40px 0;
}

.or_wrap {
	margin: 0 20px;
}

.service {
	padding: 40px 0;
	overflow: hidden;
}

.service .title {
	position: relative;
}

.service .title:after {
	position: absolute;
	content: "service";
	text-transform: uppercase;
	color: #f5f5f5;
	top: -5px;
	font-family: arial;
	font-weight: bold;
	font-size: 80px;
	z-index: -1;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

.s_wrap {
	margin: 40px 0;
}

.s_wrap li {
	float: left;
	width: 20%;
	list-style-type: none;
	text-align: center;
}

.s_abouter {
	color: #999;
	margin: 0 20px;
	margin-top: 20px;
	line-height: 1.8;
}

.s_title {
	font-size: 16px;
	font-family: "microsoft yahei";
	position: relative;
	margin-top: 20px;
}

.s_title:after {
	position: absolute;
	width: 20px;
	height: 2px;
	position: absolute;
	content: "";
	background: #00c4ff;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
}

.s_about {
	margin-top: 10px;
	font-family: "microsoft yahei";
	/*color: #999;*/
	/*line-height: 1.8;*/
	transition: all .5s ease;
}

.swiper-slide a {
	color: #fff;
	/*display: block;*/
}

.swiper-slide a:hover .s_about {
	background: #52B4FF;
}


/*.s_img img {
	width: 65px;
	height: 65px;
}
*/

.water {
	padding: 40px 0;
	background: #f5f7f7;
}

.water_content {
	margin-top: 20px;
}

.left_li {
	position: relative;
}

.left_li img {
	display: block;
	width: 100%;
}

.left_about {
	position: absolute;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
	right: 0;
}

.water_content li {
	float: left;
	list-style-type: none;
}

.left_message {
	position: relative;
}

.water_content a {
	color: #fff;
	text-align: center;
}

.box-left {
	float: left;
	width: 30%;
	overflow: hidden;
}

.box-wrap li:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.box-left img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	/*height: 100px;*/
}

.box-right {
	float: right;
	width: 70%;
}

.news {
	padding: 20px 0;
}

.n-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
}

.more_news {
	width: 12px;
	height: 30px;
	background: url("../images/r.jpg") no-repeat center;
}

.n-about {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-size: 12px;
	color: #666;
	line-height: 1.8;
}

.n-time {
	font-size: 12px;
	color: #c5c5c5;
}

.tagbox>ul>li {
	list-style-type: none;
	float: left;
	width: 50%;
}

.box-wrap li,
.box-wraper li {
	list-style-type: none;
	margin-bottom: 16px;
	height: 105px;
	overflow: hidden;
}

.box-lefter {
	float: right;
	width: 20%;
	text-align: right;
	color: #999;
	font-size: 12px;
}

.abouter li:hover .n-title {
	color: #108dee;
}

.time-top {
	font-size: 20px;
	color: #108dee;
	font-weight: bold;
}

.box-wraper {
	padding-left: 25px;
}

.time-bottom {
	font-size: 12px;
	color: #999;
}

.n-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
}

.n-abouter {
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.8;
	font-size: 12px;
}

.box-wrap li a,
.box-wraper li a {
	display: block;
	text-decoration: none;
}

.c-more {
	margin-top: 20px;
	text-align: left;
	margin-left: 25px;
}

.c-more a {
	border: 1px solid #999;
	padding: 10px 16px;
	color: #999;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	font-size: 12px;
	cursor: pointer;
	text-decoration: none;
}

.footer-bottom {
	text-align: center;
	color: #aeaeae;
	background: #f0f0f0;
	line-height: 2;
	font-size: 12px;
	padding: 5px 0;
	/*! border-top: 1px solid #324162; */
}

.f-left {
	float: left;
	width: 70%;
}

.footer {
	padding: 50px 0;
	background: #f0f0f0;
}

.f-left li a {
	font-size: 12px;
	text-decoration: none;
	line-height: 2;
	color: #b0b0b0;
}

.f-left li {
	float: left;
	display: inline-block;
	list-style-type: none;
	width: 13.33333%;
	color: #4f4f4f;
	font-size: 12px;
}

.show {
	/*margin-top: 30px;*/
	font-size: 12px;
	color: #595959;
	line-height: 2;
}

.product {
	padding: 40px 0;
}

.banner {
	height: 480px;
	/* padding-top: 100px; */
	overflow: hidden;
}

.top {
	width: 100%;
	height: 35px;
	background: #F5F5F5;
	font-size: 12px;
	color: #484848;
	line-height: 35px;
}

.top_content {
	width: 1200px;
	margin: auto;
}

.swiper-slide {
	position: relative;
	/*border-radius: 5px;*/
}

.more_btn {
	background: #108dee;
	color: #fff;
	padding: 8px 20px;
	font-family: "microsoft yahei";
	margin-top: 20px;
	font-size: 14px;
	/*box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.2);*/
	display: inline-block;
	cursor: pointer;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	background-image: linear-gradient(to right, #05caff, #0078FF);
}

.more_btn:hover {
	background: #fff;
	color: #000;
}

.r-box {
	padding-left: 10px;
}

.banner_img h1 {
	color: #fff;
	font-size: 2.8vw;
	font-weight: bold;
}

.hot {
	height: 115px;
	/*background: #F5F5F5;*/
}

.sw {
	width: 1200px;
	margin: 0 auto;
	/*margin-top: 20px;*/
}

.hot .hot_gz {
	width: 10%;
	height: 115px;
	font-size: 25px;
	text-align: center;
	line-height: 40px;
	padding-top: 20px;
	color: #077EDF;
	font-weight: bold;
}

.hot .hot_gz span {
	width: 100%;
	display: block;
	height: 27px;
	background: #077EDF;
	color: #fff;
	text-align: center;
	line-height: 27px;
	-webkit-border-radius: 3px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
}

.register {
	padding: 35px;
	font-size: 14px;
}

.res-item {
	position: relative;
	width: 100%;
	border-radius: 4px;
	/*margin-bottom: 15px;*/
	background-color: #fff;
}

.res-icon {
	position: absolute;
	left: 8px;
	top: 5px;
	z-index: 100;
	display: inline-block;
	font-size: 18px;
	color: #9c9c9c;
}

.res-item .input-item {
	display: inline-block;
	width: 100%;
	padding-left: 10px;
	height: 45px;
	border: none;
	font-size: inherit;
	box-sizing: border-box;
	transition: all .5s ease;
	border: 1px solid #eee;
	/*min-width: 300px;*/
}


/*.res-item .input-item:focus {
	outline-offset: 0;
	outline: -webkit-focus-ring-color auto -2px;
	background-color: #fff;
	border: 1px solid #4d98db;
	outline: 0;
	/*-webkit-box-shadow: inset 0 1px 1px #4d98db, 0 0 5px #4d98db;
	box-shadow: inset 0 1px 1px #4d98db, 0 0 5px #4d98db;*/


/*}*/

.zhu {
	padding: 35px;
	color: #999;
	padding-top: 0;
	/*padding-bottom: 30px;*/
}

.res-item .input-item:focus+.res-icon {
	color: #4d98db;
}

.yanzhengma {
	position: absolute;
	right: 10px;
	top: 5px;
	z-index: 100;
	display: inline-block;
	padding: 0.5rem 0.8rem;
	font-size: 14px;
	border: none;
	background-color: #009F95;
	color: #fff;
	border-radius: 3px;
	cursor: pointer;
}

.res-item input:focus {
	border-color: #018eff;
}

.yanzhengma:disabled {
	background-color: #ddd;
}

.res-btn {
	margin-top: 10px;
	/*padding: 0 5px;*/
}

.res-btn button {
	background: linear-gradient(to right, #05caff, #0078FF);
	font-size: 14px;
	color: #fff;
	border-radius: 3px;
	border: none;
	width: 100%;
	padding: 10px 0;
	cursor: pointer;
}

.chaxun_about {
	display: none;
}

.res-btn button:focus {
	background: linear-gradient(to left, #05caff, #0078FF);
	color: #fff;
}

.hot .hot_news {
	overflow: hidden;
	width: 90%;
	/*height: 115px;*/
	padding-top: 22px;
	/*padding-left: 60px;*/
}

.r_content {
	padding-left: 50px;
}

.hot .hot_news .h_bt {
	display: block;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

a {
	color: #3C3C3C;
	font-size: 14px;
	font-family: "微软雅黑";
	text-decoration: none;
}

.abouter li {
	height: 50px;
	/*padding-left: 15px;*/
	list-style-type: circle;
	margin-left: 10px;
}

.h_nr {
	display: block;
	width: 80%;
	word-wrap: normal;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.l {
	float: left;
}

.r {
	float: right;
}

.banner_img p {
	margin: 10px 0;
	font-size: 1vw;
	color: #f4f4f4;
	line-height: 30px;
}

.slideBox {
	width: 100%;
	height: 400px;
	/*overflow: hidden;*/
	position: relative;
	/*border: 1px solid #ddd;*/
	margin: 40px 0;
}

.slideBox .hd {
	/*height: 15px;*/
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background: #000;
}

.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}

.slideBox .hd ul li {
	float: left;
	margin-right: 2px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	/*background: #fff;*/
	color: #fff;
	cursor: pointer;
	list-style-type: none;
	font-family: "microsoft yahei";
}

.slideBox .hd ul li.on {
	/*background: #f00;*/
	height: 35px;
	width: 35px;
	color: #f3b96c;
}

.slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}

.slideBox .bd li {
	zoom: 1;
	vertical-align: middle;
	height: 400px;
	list-style-type: none;
}

.slideBox .prev,
.slideBox .next {
	position: absolute;
	left: 3%;
	top: 50%;
	margin-top: -25px;
	display: block;
	width: 32px;
	height: 40px;
	background: url(../images/slider-arrow.png) -110px 5px no-repeat;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.slideBox .next {
	left: auto;
	right: 3%;
	background-position: 8px 5px;
}

.slideBox .prev:hover,
.slideBox .next:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

.slideBox .prevStop {
	display: none;
}

.slideBox .nextStop {
	display: none;
}

.slide_left {
	float: left;
	width: 50%;
	height: 400px;
	display: table;
}

.clear {
	clear: both;
}

.slide_right {
	height: 400px;
	width: 50%;
	float: right;
}

.slide_01 {
	background: url(../images/p1.jpg);
	background-size: 100% 100%;
}

.slide_about {
	padding: 0 80px;
	display: table-cell;
	vertical-align: middle;
	background: #f5f7f7;
}

.slide_02 {
	background: url(../images/p2.jpg);
	background-size: 100% 100%;
}

.slide_about h1 {
	color: #000;
	font-family: "microsoft yahei";
	font-weight: normal;
}

.about_message {
	color: #666;
	line-height: 2;
	font-family: "microsoft yahei";
}

.c-more a {
	font-family: "microsoft yahei";
}

.about {
	padding: 40px 0;
	font-family: "microsoft yahei";
	/*background: #f5f7f7;*/
}

.about_title {
	margin-bottom: 20px;
}

.about_title h1 {
	margin-bottom: 20px;
	position: relative;
	font-weight: normal;
}

.about_title h1:after {
	position: absolute;
	left: 0;
	bottom: -10px;
	content: "";
	height: 2px;
	width: 20px;
	background: #108dee;
}

.about_title p {
	color: #999;
	font-size: 14px;
}

.about_content p {
	text-align: justify;
	line-height: 1.8;
	color: #666;
}

.about_btn {
	margin-top: 20px;
}

.about_btn a {
	/*display: block;*/
	text-decoration: none;
	color: #000;
	margin: 20px 0;
	/*padding: 5px 10px;
	background: #108dee;*/
	position: relative;
}

.about_btn a:hover .btn_right {
	margin-left: 10px;
}

.btn_right {
	transition: all .5 ease;
	-webkit-transition: all .5s ease;
	color: #108dee;
	margin-left: 5px;
}

.about_left {
	float: left;
	width: 70%;
}

.about_right {
	float: right;
	width: 30%;
}

.a_left {
	float: left;
	width: 50%;
}

.a_right {
	float: right;
	width: 50%;
}

.n_content {
	margin-right: 20px;
}

.dbxgn li a {
	display: block;
	background: #108DEE;
	border-radius: 5px;
	/*width: 90px;*/
	height: 65px;
	color: #fff;
	padding-top: 12px;
	line-height: 25px;
	text-align: center;
	margin: 0px 10px;
}

.dbxgn li a:hover {
	background: #1286DB;
}

img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: middle;
	border: 0;
}

.jkzx i {
	font-size: 25px;
}

.dbxgn li {
	/*padding: 0 5px;*/
	float: left;
	margin-bottom: 15px;
	list-style-type: none;
	width: 33.3333333%;
}

.box-righterer {
	width: 78%;
	float: left;
}

.about_right img {
	width: 100%;
}

.water_content {
	font-family: "microsoft yahei";
	margin-bottom: 40px;
}

.soft_about {
	background: #fff;
}

.soft_bottom {
	padding: 80px 40px;
}

.soft_title {
	position: relative;
	line-height: 2;
	margin-bottom: 10px;
	font-size: 16px;
}

.soft_title:after {
	position: absolute;
	width: 20px;
	height: 2px;
	background: #000;
	content: "";
	left: 0;
	right: 0;
	margin: 0;
	bottom: 0;
}

.soft_message {
	color: #999;
}

.water_content a {
	color: #000;
	text-align: left;
	text-decoration: none;
}

.water_content li {
	float: left;
	width: 25%;
	list-style-type: none;
}

.water_content img {
	width: 100%;
	display: block;
}

.soft_about {
	margin-right: 10px;
}

.water_content {
	overflow-y: hidden;
}

.water_content li:nth-child(2) .soft_about {
	animation-delay: 0.3s;
}

.water_content li:nth-child(3) .soft_about {
	animation-delay: 0.6s;
}

.water_content li:nth-child(4) .soft_about {
	animation-delay: 0.9s;
}

.water_content li:nth-child(5) .soft_about {
	animation-delay: 1.2s;
}

.soft_top,
.soft_top img {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.bottom_bottom {
	margin: 20px 0;
	text-align: justify;
	line-height: 1.8;
	/*display: none;*/
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}


/*.water_content li:hover .soft_top {
	margin: auto;
	-moz-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
	transform: scale(0.5);
	-webkit-transform: scale(0.5);
}

.water_content li:hover .soft_top img {
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}

.water_content li:hover .bottom_bottom {
	display: block;
}*/

.soft_bottom {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}


/*.water_content li:hover .soft_bottom {
	padding-top: 0;
}*/

.water_content a {
	display: block;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.water_content li:hover a {
	margin-top: -10px;
	box-shadow: 0 -5px 15px #ccc;
}


/*..water_content li{
	height: 380px;
	overflow: hidden;
}*/

.soft_bottom {
	max-height: 130px;
	overflow: hidden;
}

.top_nav {
	font-family: "microsoft yahei";
	float: right;
}

.top_nav li {
	float: left;
	list-style-type: none;
	margin-right: 20px;
	line-height: 35px;
	height: 35px;
	color: #999;
}

.top_nav i {
	color: #f39905;
	margin-right: 5px;
}

.phone_btn {
	height: 40px;
	line-height: 40px;
	background: #108dee;
	color: #fff;
	padding-left: 20px;
	background-image: linear-gradient(to right, #05caff, #0078FF);
}

.hanbao_btn {
	position: relative;
	width: 30px;
	height: 2px;
	background: #fff;
	float: right;
	margin-right: 20px;
	margin-top: 19px;
	cursor: pointer;
}

.hanbao_btn:after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	top: 10px;
}

.hanbao_btn:before {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	background: #fff;
	top: -10px;
}

.phone_about {
	/*display: none;*/
	position: absolute;
	width: 100%;
	/*background: #fff;*/
	background: rgba(0, 0, 0, .5);
	z-index: 8;
}

.phone_about a {
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	height: 40px;
	/*border-bottom: 1px solid rgba(255,255,255,.5);*/
	line-height: 40px;
}

.phone_about {
	display: none;
	animation: all .5s;
}

.phone_nav {
	display: none;
}

.toper,
.toper_other {
	position: fixed;
	z-index: 999;
	right: 20px;
	cursor: pointer;
	bottom: 20px;
	text-align: center;
	display: none;
}

.toper-box {
	height: 40px;
	width: 40px;
	/*background: #fff;*/
	border: 2px solid #05caff;
	border-radius: 50%;
	margin-bottom: 10px;
	font-size: 30px !important;
	text-align: center;
	line-height: 40px;
	color: #05caff;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.toper-box:hover {
	border-color: transparent;
	background: #108dee;
	color: #fff;
	background-image: linear-gradient(to bottom, #05caff, #0078FF);
}


/*about*/

.about_banner {
	height: 300px;
	width: 100%;
	background: #00779B;
	position: relative;
	font-family: "微软雅黑";
	overflow: hidden;
	/*padding-top: 40px;*/
	background-image: linear-gradient(to left, #05caff, #0078FF);
}

.about_banner .nav {
	position: absolute;
	right: 0;
	z-index: 999;
	/*margin-top: 20px;*/
	background: #fff;
}

.b_about {
	height: 40px;
	background: #f5f5f5;
	line-height: 40px;
	color: #999;
}

.shouye {
	color: #108dee;
	padding: 0 10px;
	font-weight: bold;
}

.text {
	color: #FFF;
	padding: 120px 0;
	position: relative;
	text-align: left;
}

.text:after {
	content: "";
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/page-header.png);
	background-repeat: no-repeat;
	background-position: right top;
	/*opacity: .8;*/
}

.text h1 {
	font-size: 40px;
	font-weight: normal;
	line-height: 2;
}

.text p {
	line-height: 1.5;
	font-size: 16px;
}

.bottom_nav {
	background: #F5F7F7;
}

.botnav_about li {
	float: left;
	list-style-type: none;
}

.botnav_about li a {
	text-decoration: none;
	padding: 15px 20px;
	display: block;
	color: #666;
}

.botnav_aboutactive {
	background: #108dee;
	color: #fff !important;
}

.company_left {
	float: left;
	width: 50%;
}

.company_right {
	float: right;
	width: 45%;
}

.company_right img {
	width: 100%;
	box-shadow: 0 5px 5px #ccc;
	/*margin-top: 60px;*/
}

.company {
	padding: 40px 0;
}

.left_title {
	position: relative;
	font-size: 20px;
	line-height: 2;
}

.left_title:after {
	content: "";
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background: #108dee;
	bottom: 0px;
}

.c_bottom h2 {
	margin-top: 10px;
	font-weight: normal;
	margin-bottom: 10px;
}

.c_bottom>div {
	color: #666;
	line-height: 1.8;
	text-align: justify;
}

.left_text {
	margin-top: 10px;
	color: #666;
	line-height: 2;
	text-align: justify;
}

.cultural {
	/*padding: 40px 0;*/
	background: #F5F7F7;
}

.cultural_content {
	margin: 20px 0;
}

.cultural_content li {
	float: left;
	list-style-type: none;
	width: 33.33333%;
}

.c_li {
	margin: 0 20px;
}

.c_top {
	font-size: 25px;
	color: #108dee;
}

.team {
	padding: 40px 0;
}

.team_content {
	margin: 20px 0;
	overflow: hidden;
}

.team_content li {
	float: left;
	list-style-type: none;
	width: 25%;
	margin-bottom: 20px;
}

.team_content img {
	width: 100%;
	display: block;
}

.team_content .soft_bottom {
	padding: 10px;
}

.cultural_content li:nth-child(1) .c_li {
	animation-delay: .3s;
}

.cultural_content li:nth-child(2) .c_li {
	animation-delay: .6s;
}

.cultural_content li:nth-child(3) .c_li {
	animation-delay: .9s;
}

.team_content li:nth-child(1) .soft_about {
	animation-delay: .3s;
}

.team_content li:nth-child(2) .soft_about {
	animation-delay: .6s;
}

.team_content li:nth-child(3) .soft_about {
	animation-delay: .9s;
}

.team_content li:nth-child(4) .soft_about {
	animation-delay: 1.2s;
}

.team_content li:nth-child(5) .soft_about {
	animation-delay: 1.5s;
}

.team_content li:nth-child(6) .soft_about {
	animation-delay: 1.8s;
}

.team_content li:nth-child(7) .soft_about {
	animation-delay: 2.1s;
}

.team_content li:nth-child(8) .soft_about {
	animation-delay: 2.4s;
}


/*about*/


/*product*/

.product_nav {
	background: #f8f8f8;
}

.li_wraper .c-more {
	margin-top: 30px;
}

.productnav_about li {
	float: left;
	list-style-type: none;
	padding: 15px 15px;
	cursor: pointer;
}

.pliactive {
	background: #108dee;
	color: #fff;
	background-image: linear-gradient(to left, #05caff, #0078FF);
}

.product .product_wrap {
	display: none;
}

.pshow {
	animation: zoomIn .5s ease;
	-webkit-animation: zoomIn .5s ease;
}

.product_wrap .soft_bottom {
	padding: 20px;
}

.product_wrap .soft_about {
	background: #F5F7F7;
	height: 350px;
	margin-bottom: 10px;
}

.soft_top {
	height: 200px;
	overflow: hidden;
}

.software {
	padding: 40px 0;
	background: #F5F7F7;
}

.slogan {
	background: url(../images/p-bg1.jpg) fixed;
}

.product_wrap li {
	float: left;
	list-style-type: none;
	width: 25%;
	min-height: 390px;
	margin-bottom: 20px;
}

.product_wrap li img {
	width: 100%;
	display: block;
}

.li_wraper {
	margin-right: 20px;
	/*margin-left: 10px;*/
	/*background: #f8f8f8;*/
	border: 1px solid #ededed;
	padding-bottom: 40px;
	height: 420px;
}

.li_about {
	padding: 20px;
	/*background: #f8f8f8;*/
}

.li_top {
	font-size: 20px;
	line-height: 1.8;
	position: relative;
	margin-bottom: 20px;
}

.li_top:after {
	position: absolute;
	width: 30px;
	height: 2px;
	content: "";
	left: 0;
	bottom: -10px;
	background: #108dee;
	background-image: linear-gradient(to left, #05caff, #0078FF);
}

.li_bottom {
	line-height: 2;
	color: #666;
	height: 60px;
}

.product_wrap ul {
	margin-bottom: 20px;
}

.c-more .btn_right {
	color: #000;
}

.c-more:hover .btn_right {
	margin-left: 10px;
}

.slogan {
	padding: 40px 0;
}

.slogan img {
	width: 50%;
	margin-left: 25%;
}

.so-about li {
	float: left;
	list-style-type: none;
}

.so-about li a {
	text-decoration: none;
	text-align: center;
	color: #000;
}

.so-about li {
	width: 25%;
	float: left;
	list-style-type: none;
	text-align: center;
	margin-bottom: 50px;
}

.so-bottom {
	color: #999999;
	text-decoration: none;
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.so-title {
	line-height: 1.8;
	font-size: 14px;
	color: #000;
	text-decoration: none;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.so-icon i {
	color: #717171;
}

.so-about li:hover i {
	color: #108dee;
}

.iactive {
	color: #108dee !important;
}

.li_img {
	max-height: 220px;
	overflow: hidden;
}

.show_content {
	text-align: center;
	margin-top: 20px;
}

.show_more {
	border: 1px solid #000;
	border-radius: 3px;
	width: auto;
	padding: 10px 20px;
	cursor: pointer;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.show_more:hover {
	background: #000;
	color: #fff;
}


/*product*/


/*news*/

.wrap_left {
	float: left;
	width: 70%;
}

.left_content {
	/*padding: 20px;*/
	margin-right: 20px;
	background: #fff;
}

.box-wrap li,
.box-wraper li {
	list-style-type: none;
	margin-bottom: 10px;
	height: 60px;
	overflow: hidden;
}

.box-left {
	float: left;
	width: 30%;
	overflow: hidden;
}

.box-left img {
	width: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	/*height: 100px;*/
}

.box-right {
	float: right;
	width: 70%;
}

.n-title {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #000;
	font-size: 14px;
	margin-bottom: 5px;
}

.n-about {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	white-space: nowrap;
}

.n-time {
	font-size: 12px;
	color: #c5c5c5;
}

.new_bottom li {
	list-style-type: none;
	line-height: 40px;
	border-bottom: 1px dashed #ccc;
}

.new_bottom li a {
	color: #000;
	text-decoration: none;
	display: block;
}

.a_content {
	width: 75%;
	float: left;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.a_time {
	width: 25%;
	display: block;
	float: right;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
}

.fenye {
	margin: 20px 0;
	margin-bottom: 20px;
	text-align: center;
	margin-bottom: 0;
}

.fenye a {
	color: #428BCA;
	display: inline-block;
	padding: 5px 12px;
	border: 1px solid #DDD;
	text-decoration: none;
	border-radius: 3px;
	font-size: 12px;
	margin-bottom: 5px;
}

.right_wrap {
	/*padding: 20px;*/
}

.right_title {
	position: relative;
	margin-bottom: 30px;
	font-size: 16px;
}

.right_title::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 30px;
	height: 2px;
	background: #000;
	bottom: -10px;
}

.right_wrap .box-wrap li,
.right_wrap .box-wraper li {
	height: 60px;
}

.box-left {
	float: left;
	width: 30%;
	overflow: hidden;
}

.right_title::after {
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	width: 30px;
	height: 2px;
	background: #000;
	bottom: -10px;
}

.wrap_right {
	float: right;
	background: #fff;
	width: 30%;
}

.news_content {
	margin-top: 20px;
	margin-bottom: 20px;
}

.n-title {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.a_content {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.box-wrap li:hover .n-title,
.box-wraper li:hover .n-title {
	color: #108dee;
}

.new_bottom li:hover .a_content {
	color: #108dee;
}


/*news*/


/*contact*/

.contact_wrap {
	padding: 40px 0;
}

.map-content>p {
	line-height: 1.8;
	text-align: center;
	color: #999;
	margin-bottom: 50px;
}

.map-left {
	float: left;
	width: 60%;
}

.map-right {
	float: right;
	width: 40%;
}

.map-left input {
	border: 1px solid #ccc;
	line-height: 20px;
	/*height: 20px;*/
	width: 100%;
	padding: 10px 0;
	padding-left: 0px;
	padding-left: 2%;
	margin-bottom: 10px;
}

.map-right {
	float: right;
	width: 40%;
}

.right-box {
	line-height: 35px;
	color: #666;
	margin-left: 20px;
}

.right-box img {
	border: 1px solid #ccc;
	width: 150px;
	height: 150px;
}

.map-left textarea {
	border: 1px solid #ccc;
	line-height: 20px;
	padding: 2% 2%;
	width: 100%;
	/*font-size: 12px;*/
	margin-bottom: 10px;
	box-sizing: border-box;
}

.s_newBtn {
	width: auto;
	padding: 10px 20px;
	border-radius: 3px;
}

.service .title:after {
	position: absolute;
	content: "ABOUT US";
	text-transform: uppercase;
	color: #f5f5f5;
	top: -5px;
	font-family: arial;
	font-weight: bold;
	font-size: 80px;
	z-index: -1;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

.servicer .title:after {
	position: absolute;
	content: "SERVICE";
	text-transform: uppercase;
	color: #f5f5f5;
	top: -5px;
	font-family: arial;
	font-weight: bold;
	font-size: 80px;
	z-index: -1;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

.ok {
	background: #108dee;
	color: #fff;
	margin-right: 10px;
	padding: 5px 20px;
	border: none;
	background-image: linear-gradient(to left, #05caff, #0078FF);
}

.no {
	background: #ccc;
	color: #000;
	/*margin-right: 10px;*/
	padding: 5px 20px;
	border: none;
}


/*contact*/


/*news_about*/

.news-wrap {
	margin: 20px 0;
}

.title-about {
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
}

.title-bottom {
	color: #666;
}

.news_content img {
	text-align: center;
}

.news_content img {
	max-width: 100%;
	margin: auto;
}

.news_wrap {
	margin: 20px 0;
}

.news_content p {
	line-height: 2;
}

.title-about:after {
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background: #000;
	content: "";
	bottom: -10px;
	background-image: linear-gradient(to left, #05caff, #0078FF);
}

.next-wrap {
	margin-top: 20px;
	padding: 20px;
	background: #fff;
	border-left: 5px solid #108dee;
	position: relative;
	margin-bottom: 20px;
}

.next-wrap::before {
	clear: both;
	float: none;
	left: auto;
	right: 10px;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	background: none repeat scroll 0 0 #777;
	bottom: 15px;
	box-shadow: 0 15px 10px #777;
	content: "";
	left: 10px;
	max-width: 300px;
	position: absolute;
	top: 80%;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	width: 50%;
	z-index: -1;
}

.next-wrap li {
	line-height: 40px;
	height: 40px;
	list-style-type: none;
}

.next-wrap li a {
	color: #108dee;
}

.boxer-title {
	line-height: 30px;
	height: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	position: relative;
}

.boxer-title::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	background: #000;
	bottom: 0;
	left: 0;
}

.home_search {
	margin-top: 40px;
}

.confirm-table table {
	width: 100%;
	background: #f0f0f0;
	padding: 20px 0;
}

.confirm-table table th {
	/*width: 340px;*/
	font-weight: bold;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	width: 60px;
}

.confirm-table table td {
	font-weight: normal;
	text-align: left;
	line-height: 2.5;
	color: #666;
}

input {
	border: 1px solid #ccc;
	line-height: 20px;
	/*height: 20px;*/
	width: 20%;
	padding: 10px 0;
	padding-left: 0px;
	padding-left: 0px;
	padding-left: 5px;
	margin-bottom: 10px;
	/*font-size: 12px;*/
	box-sizing: border-box;
}

.confirm-table {
	min-height: 450px;
	margin-top: 20px;
}

.s_newBtn {
	background: #108dee;
	color: #fff;
	border: 1px solid #108dee;
	cursor: pointer;
	transition: all .5s ease;
}

.s_newBtn:hover {
	background: #1d74b7;
}

.boxer textarea {
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	width: 70% !important;
	font-size: 12px !important;
	display: block;
	padding: 5px;
}

.messages-box {
	margin-bottom: 20px;
	padding: 20px;
	background: #f5f5f5;
}


/*news_about*/


/*product_about*/

.p_left,
.p_right {
	width: 50%;
	float: left;
}

.product_content .slide_01,
.product_content .slide_02 {
	height: 400px;
}

.content_box {
	margin-left: 20px;
	height: 400px;
	overflow-y: scroll;
}

.product_content .slideBox {
	margin-top: 0;
	margin-bottom: 0;
}

.line_top {
	height: 1px;
	width: 100%;
	background: #ccc;
}

.line_bottom {
	height: 1px;
	width: 100%;
	background: #ccc;
	margin-top: 2px;
}

.line_content {
	position: relative;
	margin: 10px 0;
}

.line_title {
	top: -10px;
	padding-right: 10px;
	font-size: 16px;
	position: absolute;
	background: #fff;
}

.banner_img {
	position: absolute;
	width: 100%;
	top: 40%;
}

.importantli {
	position: relative;
	max-height: 180px;
	overflow: hidden;
}

.important_content {
	margin: 20px 0;
}

.important_content li {
	width: 20%;
	float: left;
	list-style-type: none;
}

.importantshow {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	top: 100%;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
}

.importantli:hover .importantshow {
	top: 0;
}

.importantli:hover img {
	transform: scale(1.3);
	-webkit-transform: scale(1.3);
}

.important_content li img {
	display: block;
	width: 100%;
	/*max-height: 180px;*/
	/*overflow: hidden;*/
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
}

.important_btn {
	position: relative;
	width: 100%;
	height: 100%;
}

.important_btn span {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	color: #fff;
	padding: 5%;
	border: 1px solid #fff;
	width: 50%;
	margin-left: 20%;
	text-align: center;
}

.importantli {
	margin-right: 10px;
}

.important_content li:last-child .importantli {
	margin-right: 0;
}

.line_more {
	position: absolute;
	padding-left: 10px;
	right: 0;
	background: #fff;
	top: -10px;
	color: #108dee !important;
	cursor: pointer;
}

.line_more a {
	text-decoration: none;
	color: #108dee;
}

.product_message .next-wrap {
	margin-bottom: 40px;
}

.titler {
	/*margin-left: 40px;*/
	border-bottom: 1px solid #ccc;
	height: 35px;
	margin-bottom: 25px;
}

.t_top {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	border-bottom: 3px solid #108dee;
	height: 40px;
	padding-bottom: 10px;
}

.show img {
	width: 40%;
	margin-top: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-weight: 300;
}

h1,
.h1 {
	font-size: 36px;
	text-align: left;
}

.main-title .h1 {
	text-align: center;
}

.line-big {
	margin: 30px auto 26px;
	border-width: 2px;
	width: 80px;
}

.line {
	border-top: 1px solid #0ba1e4;
	border-top-width: 1px;
	width: 30px;
}

.logoer {
	padding: 0 !important;
	/*background: #fff;*/
	padding: 0 20px;
	/*height: 80px;*/
	width: 1200px;
	margin: auto;
}

.logoer img {
	width: 200px;
}

.top_nav {
	display: none;
}

body {
	overflow-x: hidden;
}

.contact_us a {
	color: #fff;
}

@media only screen and (max-width: 1400px) {
	.wrap {
		width: 90%;
	}
	.banner {
		/*height: 400px;*/
	}
	.slideBox {
		height: 380px;
	}
}

@media only screen and (max-width:800px) {
	.swiper-container img {
	width: 100%;
	height: 400px;
}
	.hot {
		padding: 0 20px;
	}
	.top_content {
		width: 100% !important;
	}
	.top {
		position: relative;
	}
	.top_nav {
		display: none;
	}
	.bz_list {
		width: 100%;
	}
	.bz_wraper {
		margin-left: 0;
		margin-right: 0;
	}
	.s_ipt {
		width: 100% !important;
	}
	.sw {
		width: 100%;
	}
	.hot .hot_gz {
		width: 40%;
	}
	.hot .hot_news {
		width: 60%;
	}
	.box-wraper {
		padding-left: 0;
		padding-top: 20px;
	}
	.a_left,
	.a_right {
		width: 100%;
	}
	.importantli {
		position: relative;
		max-height: 100%;
		margin-right: 0;
	}
	.r-box {
		padding-left: 0px;
	}
	.r_content {
		padding-left: 10px;
	}
	.banner_img {
		top: 10px;
	}
	.important_content li {
		width: 100%;
		margin-bottom: 10px;
	}
	.p_left,
	.p_right {
		width: 100%;
		/*float: left;*/
	}
	.product_content .slide_01,
	.product_content .slide_02 {
		height: 300px;
	}
	.p_right {
		margin-top: 40px;
	}
	.content_box {
		height: auto !important;
		overflow: auto;
		margin-left: 0;
	}
	.company_left,
	.company_right,
	.cultural_content li,
	.wrap_left,
	.wrap_right,
	.map-left,
	.map-right {
		margin-bottom: 10px;
		width: 100%;
	}
	.right-box {
		margin: 0;
	}
	.left_content {
		margin-right: 0;
	}
	.team_content li {
		width: 100%;
		margin-bottom: 20px;
	}
	.phone_nav {
		display: block;
		/*margin-top: 35px;*/
	}
	.banner {
		height: 300px;
		padding-top: 0px;
	}
	.logo,
	.nav {
		display: none;
	}
	.more_btn {
		display: none;
	}
	.banner_img {
		position: absolute;
		top: 0px;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		margin-top: 30px;
	}
	.nav_content {
		position: relative;
		z-index: 0;
	}
	.slide_left,
	.slide_right {
		width: 100%;
	}
	.slide_about {
		padding: 0 10px;
	}
	.our_about li {
		width: 100%;
	}
	.s_wrap li {
		width: 100%;
		margin-bottom: 10px;
	}
	.water_content li {
		width: 100%;
		margin-bottom: 10px;
	}
	.tagbox>ul>li {
		width: 100%;
	}
	.box-wrap li,
	.box-wraper li {
		height: auto;
	}
	.f-left {
		width: 100%;
	}
	.f-left li {
		float: left;
		display: inline-block;
		list-style-type: none;
		width: 33.33333%;
		/*color: #fff;*/
		font-size: 12px;
	}
	.f-right img {
		width: 100%;
		margin-top: 20px;
	}
	.f-right {
		width: 100%;
	}
	.product_wrap li {
		width: 100%;
	}
	.so-about li {
		width: 100%;
	}
}

@media only screen and (max-width:500px) {
	.banner_about {
		/*margin-top: 40px;*/
		text-align: center;
	}
	.banner_img p {
		line-height: 20px;
	}
	.wraper {
		width: 90%;
		margin: auto;
	}
	.banner_img {
		margin: auto;
		left: 0;
		right: 0;
		margin-top: 10px;
	}
	.banner_img {
		text-align: left;
	}
	.banner_img h1 {
		color: #fff;
		font-size: 6vw;
	}
	.banner_img p {
		margin: 0;
		font-size: 12px;
	}
	.more_btn {
		margin-top: 5px;
		font-size: 12px;
	}
	.bottom_ul li {
		width: 100%;
		list-style-type: none;
		float: left;
		margin-bottom: 10px;
	}
	.li_wrap {
		border: none;
	}
	.banner_img img {
		width: 100%;
	}
	.banner {
		/*height: 200px;*/
	}
	.about_left {
		width: 100%;
	}
	.about_right {
		margin-top: 20px;
		width: 100%;
	}
	.boxer input {
		width: 100%;
	}
	.boxer textarea {
		width: 100% !important;
	}
}