@charset "utf-8";
/* CSS Document */

* {

	margin: 0;

	padding: 0;

}

html {

	font-size: 62.5%;

	height: 100%
}

body {

	margin: 0 auto;

	font-family: verdana;

	font-size: 14px;

	font-size: 1.4rem;
	width: 100%;
	height: 100%;

	max-width: 1920px;

}

img {

	border: none;

}

ul li {

	list-style-type: none;

}

ul,
form,
p,
a,
img,
table,
tr,
td,
li,
dd,
dt,
dl,
span {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #333;

}

a {

	text-decoration: none;

	color: #333;

	outline: none;

	transition: 0.3s;

	-moz-transition: 0.3s;

	-o-transition: 0.3s;

	-webkit-transition: 0.3s;

}

h1 {

	margin: 0;

	padding: 0;

	font-weight: normal;

	color: #333;

}

.clear {

	clear: both;

}

.maln {

	margin-left: auto !important
}

input,
textarea {

	font-family: verdana;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	border: none;

	outline: none;

}

img {

	max-width: 100%;

	border: 0px solid #ccc;

}

table,
embed,
video {

	max-width: 100%;

}

input,
textarea {

	border: none;

	background: none;

	font-family: inherit;

}

input[type="submit"],
textarea[type="submit"] {

	cursor: pointer;

}

input[type="checkbox"],
textarea[type="checkbox"] {

	cursor: pointer;

}

input[type="radio"],
textarea[type="radio"] {

	cursor: pointer;

}

input:focus,
textarea:focus {

	outline: none;

}

textarea {

	resize: none;

}

.pull-left {

	float: left;

}

.pull-right {

	float: right;

}

.fix {

	*zoom: 1;

}

.fix:after,
.fix:before {

	display: block;

	content: "clear";

	height: 0;

	clear: both;

	overflow: hidden;

	visibility: hidden;

}

/* html5 */















article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
menu {

	display: block
}

ul,
form,
p,
a,
img,
table,
tr,
td,
ul,
li,
dd,
dt,
dl,
span,
div {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

input,
textarea {

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}































::-webkit-input-placeholder {

	color: #999;

}

/* WebKit browsers */















:-o-placeholder {

	color: #999;

}

/* Mozilla Firefox 4 to 18 */















::-moz-placeholder {

	color: #999;

	opacity: 1
}

/* Mozilla Firefox 19+ */















:-ms-input-placeholder {

	color: #999
}

/* Internet Explorer 10+ */

.self-ellipsis {

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.self-ellipsis-2 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal !important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical
}

.self-ellipsis-3 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal !important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical
}

.self-ellipsis-4 {

	display: -webkit-box;

	overflow: hidden;

	white-space: normal !important;

	text-overflow: ellipsis;

	word-wrap: break-word;

	-webkit-line-clamp: 4;

	-webkit-box-orient: vertical
}

.relative {

	position: relative;

}

.absolute {

	position: absolute;

}

.common-vc {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

}

.common-hc {

	position: absolute;

	left: 50%;

	transform: translateX(-50%);

	-ms-transform: translateX(-50%);

	-webkit-transform: translateX(-50%);

	-moz-transform: translateX(-50%);

	-o-transform: translateX(-50%);

}

.common-center {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	-ms-transform: translate(-50%, -50%);

	-webkit-transform: translate(-50%, -50%);

	-moz-transform: translate(-50%, -50%);

	-o-transform: translate(-50%, -50%);

}

.text-right {

	text-align: right;

}

.text-left {

	text-align: left;

}

/**/















[class*="-item"] .item-pic {

	position: relative;

	display: block;

	text-align: center;

	overflow: hidden;

}

[class*="-item"] .item-pic img {

	-webkit-transition: all 350ms;

	-o-transition: all 350ms;

	-moz-transition: all 350ms;

	transition: all 350ms;

}

[class*="-item"] .item-pic:hover img {

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-ms-transform: scale(1.1);

	-o-transform: scale(1.1);

	transform: scale(1.1);

}

[class*="-item"] .item-title {

	overflow: hidden;

}

[class*="-item"] .item-title a:hover {

	color: #0C8FDF !important;

}

[class*="-item"] .item-desc {

	overflow: hidden;

}

[class*="-item"] .item-desc a {

	display: block;

	color: #666;

}

[class*="-item"] .item-desc a:hover {

	color: #0C8FDF !important;

}































/* @media screen and (min-width:1420px) {.wp {width: 1410px;margin: auto;}}































@media screen and (min-width:1220px) and (max-width:1419px) {.wp {width: 1200px;margin: auto;}} */















@media screen and (min-width:1220px) {

	.wp {

		width: 1200px;

		margin: auto;

	}

	.wp1 {

		width: 1450px;

		margin: auto;

	}
}

@media screen and (max-width:1450px) {
	.wp1 {

		width: 1200px;

		margin: auto;

	}

	.h-top {
		width: 780px !important;
	}

	.navlist {
		width: 780px !important;
	}

	.navlist>li>a {
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	.navlist>li {
		margin-left: 10px !important;
	}

	img.logo {
		width: 380px;
	}
}

@media screen and (min-width:1000px) and (max-width:1219px) {

	.wp,
	.wp1 {

		width: 980px;

		margin: auto;

	}

	.h-top,
	.navlist {
		width: 730px !important;
	}

	.navlist>li>a {
		font-size: 12px !important;
		font-size: 1.2rem !important;
	}

	img.logo {
		width: 240px;
		margin-top: 40px;
		margin-right: 10px;
	}

}

@media screen and (max-width:999px) {

	.wp,
	.wp1 {

		width: 95%;

		margin: auto;

	}

}

@media screen and (min-width:1220px) {

	.no_marginr {

		margin-right: auto !important;

	}

	.no_marginl {

		margin-left: auto !important;

	}

}

@media screen and (min-width:1000px) and (max-width:1219px) {

	.no_marginr {

		margin-right: auto !important;

	}

	.no_marginl {

		margin-left: auto !important;

	}

}

/*-------------page-start--------------------------------------------------------------------*/















.page {

	text-align: center;

	overflow: hidden;

}

.page a {

	/*float: left;*/















	width: 35px;

	height: 30px;

	line-height: 28px;

	box-sizing: border-box;

	display: inline-block;

	font-size: 12px;

	font-size: 1.2rem;

	margin: 0 2.5px 10px;

	border: solid 1px #e5e5e5;

	background-color: #EEEEEE;

	color: #333;

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

}

.page .no:hover {

	border: solid 1px #e5e5e5 !important;

	background-color: #EEEEEE !important;

	color: #333 !important;

}

.juse {

	color: #0C8FDF !important;

}

.page a.prev,
.page a.next {

	width: 61px !important;

	margin: 0 2.5px 10px;

}

.page a.prev:hover,
.page a.next:hover {

	background-color: #0C8FDF !important;

	color: #FFFFFF !important;

	border-color: #0C8FDF;

}

.page a:hover,
.page-active {

	background-color: #0C8FDF !important;

	color: #FFFFFF !important;

	border-color: #0C8FDF !important;

}

.fl {

	float: none;

	display: inline-block;

}

.add-form {

	float: none;

	background: url(../images/af-bg.png) no-repeat right center;

	padding-right: 25px;

	display: inline-block;

	margin-left: 30px;

	margin-bottom: 10px;

}

.add-btn {

	width: 150px;

	height: 30px;

	line-height: 28px;

	text-align: center;

	border: solid 1px #0C8FDF;

	background-color: #0C8FDF;

	color: #FFFFFF;

	cursor: pointer;

	font-size: 12px;

	font-size: 1.2rem;

}

.add-btn:hover {

	background-color: #FFFFFF;

	color: #0C8FDF;

	border-color: #0C8FDF;

}

@media only screen and (max-width:767px) {

	.fl {

		float: none;

	}

	.add-btn {

		font-size: 12px;

		font-size: 1.2rem;

	}

	.add-form {

		float: none;

		display: inline-block;

	}

	.page a {

		font-size: 12px;

		font-size: 1.2rem;

	}

}

/*-------------page-end--------------------------------------------------------------------*/















/*-------------contact start---------------------------------------------------------------*/





























.back-top {

	width: 53px;

	height: 53px;

	background: url(../images/back-top.png) no-repeat center;

	background-size: contain;

	position: fixed;

	right: 8px;

	bottom: -100px;

	transition: 1s;

	cursor: pointer;

	z-index: 998;

}

@media only screen and (max-width:767px) {

	.back-top {

		width: 40px;

		height: 40px;

	}

}

.pro-share {

	height: 26px;

	font-size: 0;

	letter-spacing: 0;

}

.pro-share .share-title {

	margin-right: 8px;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	line-height: 26px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #666;

	font-family: arial;

}

.pro-share .share-pic {

	display: inline-block;

	*display: inline;

	*zoom: 1;

	vertical-align: top;

	height: 26px;

}

@media screen and (max-width: 767px) {

	.pro-share .share-title {

		font-size: 12px;

		font-size: 1.2rem;

	}

}

.m-oths {

	border-top: solid 1px #535353;

	border-top: solid 1px RGBA(83, 83, 83, 0.5);

	padding: 19px 0 0;

	margin-bottom: 0;

	margin-right: 18px;

}

.m-oths .oths-item {

	line-height: 30px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

}

.m-oths .oths-item a {

	color: #333;

}

.m-oths .oths-item a:hover {

	color: #0156B3;

}

.m-oths .item-name {

	color: #333;

}

.m-oths a {

	color: #333;

}

@media only screen and (max-width:767px) {

	.m-oths .oths-item {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 24px;

	}

}

/*------------video start-----------------------------------------------------------------*/















.video {

	position: relative;

	overflow: hidden;

	padding-bottom: 67.148%;
	/*宽除以高*/

	height: 0;

}

.video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}

.video iframe body {

	margin: 0px !important;

}

/*-------------bread start-----------------------------------------------------------------*/















body {

	overflow-x: hidden;

}

.wrap {

	max-width: 1920px;

	margin: 0 auto;

}

.page_wrap {

	padding: 34px 0 100px;

}

@media screen and (max-width:1219px) {

	.page_wrap {

		padding: 34px 0 70px;

	}

}

@media screen and (max-width:999px) {

	.page_wrap {

		padding: 34px 0 50px;

	}

}

@media screen and (max-width:767px) {

	.page_wrap {

		padding: 30px 0;

	}

}

.bread {

	background: url(../images/bread-bg.png) no-repeat left center;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	padding: 13px 0 13px 30px;

	color: #333;

	overflow: hidden;

	border-bottom: solid 1px #ccc;

	padding-left: 30px;

}

.bread a {

	color: #333;

}

.bread a:hover {

	color: #0C8FDF;

}

.bread .bread-active {

	color: #0C8FDF;

}

.bread .wp {

	overflow: hidden;

}

@media screen and (max-width:767px) {

	.bread {

		padding: 5px 0 5px 25px;

		font-size: 12px;

		font-size: 1.2rem;

	}

}

/* foot bread */















.foot-bread {

	text-align: right;

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase;

	padding: 90px 0 100px;

	overflow: hidden;

}

.foot-bread a:first-child {

	margin-right: 40px;

}

@media screen and (max-width:1219px) {

	.foot-bread {

		padding: 60px 0 70px;

	}

}

@media screen and (max-width:999px) {

	.foot-bread {

		padding: 40px 0 50px;

		font-size: 16px;

		font-size: 1.6rem;

	}

}

@media screen and (max-width:767px) {

	.foot-bread {

		padding: 20px 0 30px;

		font-size: 14px;

		font-size: 1.4rem;

	}

	.foot-bread a:first-child {

		margin-right: 30px;

	}

}















/*-------------bread end-------------------------------------------------------------------*/















/*********************** search *****************************/















.search-box ::-webkit-input-placeholder {

	color: #666;

}

/* WebKit browsers */

.search-box :-o-placeholder {

	color: #666;

}

/* Mozilla Firefox 4 to 18 */

.search-box ::-moz-placeholder {

	color: #666;

	opacity: 1
}

/* Mozilla Firefox 19+ */

.search-box :-ms-input-placeholder {

	color: #666;

}

/* Internet Explorer 10+ */

.search-box {

	width: 223px;

	height: 33px;

	line-height: 31px;

	border-radius: 14px;

	position: relative;

	background-color: transparent;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	display: block;

	cursor: pointer;

	overflow: hidden;

	z-index: 999;

	margin-right: 0;

}

.search-icon {

	cursor: pointer;

}

.search-input {

	width: 100%;

	height: 33px;

	line-height: 31px;

	border-radius: 14px;

	background-color: transparent;

	padding: 0 38px 0 14px;

	color: #333;

	box-sizing: border-box;

	border: solid 1px #666;

	font-family: arial;

}

.search-submit {

	position: absolute;

	background: url(../images/search.png) no-repeat center center;

	width: 36px;

	height: 31px;

	top: 0px;

	right: 0;

	cursor: pointer;

}

.search-box:before {

	position: absolute;

	content: '';

	width: 1px;

	top: 7px;

	bottom: 7px;

	right: 37px;

	background-color: #666666;

}

/*-------------header start----------------------------------------------------------------*/















.header {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 99;

	background-color: #b3b3b3;

}

.logo {

	margin-top: 21px;

}

.h-top {

	padding-top: 22px;

	padding-bottom: 10px;

	border-bottom: solid 1px #999;

	width: 980px;

	float: right;

}

.h-top .small-l {

	padding-left: 47px;

	font-family: verdana;

	color: #666;

	margin-left: 15px;

	line-height: 26px;

	/*background: url(../images/guoqiy.png) no-repeat left center;*/

}

.h-top .htop-tel {

	background: url(../images/nav2.png) no-repeat left center;

	padding-left: 45px;

	margin: -5px 20px 0 27px;

}

.h-top .htop-tel b {

	display: block;

	margin-bottom: 1px;

}

.h-top .htop-mail {

	background: url(../images/nav1.png) no-repeat left center;

	padding-left: 45px;

	margin-top: -5px;

}

.h-top .htop-mail b {

	display: block;

	margin-bottom: 1px;

}

.h-top .htop-mail a:hover {

	color: #0156B3;

}

/* navlist */







.navlist {

	margin-top: 13px;

	width: 980px;

	float: right;

}

.navlist>li {

	float: left;

	margin-left: 21px;

	padding-bottom: 21px;

	position: relative;

}

.navlist>li>a {

	display: block;

	padding: 0 18px;

	font-size: 16px;

	margin-left: 5px;

	font-size: 1.6rem;

	font-weight: bold;

	text-transform: uppercase;

	line-height: 36px;

	border-radius: 18px;

}

.nav-active>a,
.navlist>li:hover>a {

	color: #FFFFFF;

	background-color: #00B33B;

	border-radius: 18px;

}

.navlist>li:hover .yiji {

	top: 100%;

}

.yiji {

	position: absolute;

	top: -999px;

	left: 0;

	width: 257px;

	z-index: 99;

	background-color: #FFFFFF;

}

.yiji>li {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 40px;

	padding: 0 22px;

	border-bottom: solid 1px #CCCCCC;

	position: relative;

}

.yiji>li:hover {

	background-color: #0C8FDF;

}

.yiji>li:hover>a {

	color: #FFFFFF;

}

.yiji>li:hover .erji {

	left: 258px;

}

.erji {

	position: absolute;

	top: 0;

	left: -9999px;

	width: 257px;

	z-index: 99;

	background-color: #FFFFFF;

}

.erji>li {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 26px;

	padding: 9px 22px;

	border-bottom: solid 1px #CCCCCC;

}

.erji>li:hover {

	background-color: #0C8FDF;

}

.erji>li a,
.yiji>li a {
	display: block
}

.erji>li:hover>a {

	color: #FFFFFF;

}

@media screen and (max-width:1219px) {

	.logo {

		margin-right: 2px;

	}

	.h-top,
	.navlist {

		width: 760px;

	}

	.navlist>li {

		margin-left: 2px;

	}

}

@media screen and (max-width:1219px) {

	.h-top .htop-tel,
	.h-top .htop-mail {

		padding-left: 40px;

	}

	.h-top .htop-tel {

		background: url(../images/nav2.png) no-repeat left center;

		padding-left: 45px;

		margin: -5px 8px 0 8px;

	}

	.navlist>li>a {
		padding: 0 15px;
	}



	.h-top .small-l {

		padding-left: 40px;

		font-family: verdana;

		color: #666;

		margin-left: 10px;

		line-height: 26px;

		background: url(../images/guoqiy.png) no-repeat left center;

	}

}

@media screen and (max-width:999px) {

	.header {

		position: relative;

	}

	.logo {

		display: block;

		margin: 5px auto 10px;

		float: none !important;

	}

	.h-top {

		margin-bottom: 10px;

	}

	.h-top,
	.navlist {

		width: 100%;

	}

	.navlist>li {

		width: 15%;

		margin: 0;

	}

	.navlist>li>a {

		padding: 0;

		text-align: center;

		font-size: 12px;

		font-size: 1.2rem
	}

	.h-top .small-l {

		margin-left: 10px;

	}

	.h-top .htop-tel {

		margin: -5px 10px 0;

	}

	.h-top .htop-tel,
	.h-top .htop-mail {

		padding-left: 40px;

	}

}

@media screen and (max-width:800px) {

	.h-top,
	.navlist {

		display: none;

	}

	.logo {

		height: 70px;

		margin-bottom: 10px;

		display: block;

		margin: 5px auto 10px;

		float: none !important;

	}

}

/* 767 navlist1 */







.navlist1 {

	display: none;

	width: 100%;

}

.navlist1>li {

	float: left;

	width: 25%;

	text-align: center;

	line-height: 36px;

}

.navlist1>li>a {

	display: block;

	border-radius: 18px;

}

.nav-active>a,
.navlist1>li:hover>a {

	color: #FFFFFF;

	background-color: #00B33B;

	border-radius: 18px;

}

@media screen and (max-width:800px) {

	.navlist1 {

		display: block;

	}

}







/*-------------header end------------------------------------------------------------------*/































/*-------------footer start----------------------------------------------------------------*/















.footer ::-webkit-input-placeholder {

	color: #FFFFFF;

}

/* WebKit browsers */

.footer :-o-placeholder {

	color: #FFFFFF;

}

/* Mozilla Firefox 4 to 18 */

.footer ::-moz-placeholder {

	color: #FFFFFF;

	opacity: 1
}

/* Mozilla Firefox 19+ */

.footer :-ms-input-placeholder {

	color: #FFFFFF;

}

/* Internet Explorer 10+ */

.footer {

	background-color: #013C84;

	max-width: 1920px;

	margin: 0 auto;

}

.footer a,
.footer li,
.footer p {

	color: #FFFFFF;

	line-height: 30px;

}

.footer-title {

	font-weight: bold;

	font-size: 22px;

	font-size: 2.2rem;

	text-transform: uppercase;

	margin-bottom: 19px;

}

.footer-title a {

	color: #FFFFFF;

}

.footer .f-top {

	background-color: #00479D;

	padding: 41px 0 63px;

}

.flist1 {

	float: left;

	margin-right: 64px;

	width: 310px;

}

.flist1 ul {

	padding-left: 5px;

}

.flist1 li {

	padding-left: 29px;

}

.flist1 .f-tel {

	background: url(../images/f1.png) no-repeat left center;

}

.flist1 .f-phone {

	background: url(../images/f2.png) no-repeat left center;

}

.flist1 .f-mob {

	background: url(../images/f2.png) no-repeat 3px center;

}

.flist1 .f-fax {

	background: url(../images/f3.png) no-repeat left center;

}

.flist1 .f-mail {

	background: url(../images/f4.png) no-repeat left center;

}

.flist1 .f-qq {

	background: url(../images/qqb.png) no-repeat left center;

}

.flist1 .f-skype {

	background: url(../images/f5.png) no-repeat left center;

}

.flist1 .f-whatsapp {

	background: url(../images/f6.png) no-repeat left center;

}

.flist1 .f-addu {

	background: url(../images/ca9d.png) no-repeat left 8px;

}

.flist1 .f-wechat {

	background: url(../images/wechat.png) no-repeat left center;

}



.f-follow {

	overflow: hidden;

}

.f-follow img {

	float: left;

	margin-right: 16px;

	margin-top: 50px;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.f-follow img:hover {

	transform: rotate(360deg);

	-ms-transform: rotate(360deg);
	/* IE 9 */

	-moz-transform: rotate(360deg);
	/* Firefox */

	-webkit-transform: rotate(360deg);
	/* Safari 和 Chrome */

	-o-transform: rotate(360deg);
	/* Opera */

}

.flist2 {

	float: left;

	width: 224px;

	margin-right: 62px;

}

.flist3 {

	float: left;

	width: 536px;

}

.f-form {

	padding: 6px 0 0;

}

.f-form input {

	width: 250px;

	height: 37px;

	border: solid 1px #FFFFFF;

	background-color: transparent;

	margin-bottom: 11px;

	font-size: 12px;

	font-size: 1.2rem;

	padding: 0 5px;

	color: #fff;
	box-sizing: border-box
}

.f-form input.xingh {
	background: url(../images/xinghong.png) no-repeat 5px center;
	padding-left: 16px
}

.f-form textarea {

	width: 100%;

	height: 74px;

	margin-bottom: 11px;

	border: solid 1px #FFFFFF;

	padding: 10px 5px;

	color: #fff;
	box-sizing: border-box
}

.f-form textarea.xingh {
	background: url(../images/xinghong.png) no-repeat 5px 15px;
	padding-left: 16px
}

.f-codebox .code-input {

	margin-right: 36px;

}

.f-codebox img {

	display: block;

	cursor: pointer;

}

.f-codebox .code-btn {

	float: right;

	width: 106px;

	background-color: #00B33B;

	color: #FFFFFF;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	border-color: #00B33B;

}

/* f-bot */















.f-bot {

	text-align: center;

	padding-bottom: 7px;

}

.f-nav {

	margin-top: 13px;

}

.f-nav>a {

	text-transform: uppercase;

	margin: 0 29.5px;

}

.copyright {

	margin-top: 7px;

}

.links {

	margin-top: 4px;

}

.links a {
	margin-left: 15px;
	margin-right: 15px
}

@media screen and (max-width:1219px) {

	.flist1 {

		margin-right: 0;

	}

	.flist2 {

		margin-right: 17px;

	}

	.flist3 {

		width: 428px;

	}

	.f-form input {

		width: 210px;

	}

	.f-codebox .code-input {

		margin-right: 8px;

	}

	.f-codebox .code-btn {

		width: 90px;

	}

}

@media screen and (max-width:999px) {

	.footer .f-top {

		padding: 40px 0;

	}

	.flist1,
	.flist2 {

		width: 50%;

		margin: 0;

	}

	.flist2 {

		height: 340px;

	}

	.flist3 {

		margin-top: 30px;

		clear: both
	}

	.f-nav>a {

		margin: 0 16px;

	}

}

@media screen and (max-width:767px) {

	.footer {

		padding-bottom: 50px;

	}

	.f-top,
	.f-nav,
	.links {

		display: none;

	}

	.copyright {

		margin-top: 0;

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px !Important;

	}

	.f-bot {

		padding: 10px 0;

	}

}

/*-------------footer end------------------------------------------------------------------*/















































/*-------------index start-----------------------------------------------------------------*/















/* hot products */















.hot-pro {

	text-align: center;

	background: url(../images/web9.png) repeat center;

	padding: 67px 0 27px;

	max-width: 100%;

}

.index-title {

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	border-bottom: solid 1px #A7A7A7;

	position: relative;

	text-align: center;

	text-transform: uppercase;

	padding-bottom: 17px;

}

.index-title a:before {

	position: absolute;

	content: '';

	width: 57px;

	height: 57px;

	background: url(../images/web6.png) no-repeat center;

	left: -13px;

	top: -16px;

}

.index-title a:hover {

	color: #0156B3;

}

.index-title:after {

	position: absolute;

	content: '';

	width: 60px;

	height: 3px;

	background-color: #00B33B;

	left: 50%;

	margin-left: -30px;

	bottom: -2px;

}

.index-title span,
.hotp-index-title a:hover {

	color: #0156B3;

}

.index-title a {

	display: inline-block;

	position: relative;

}

.index-word {

	line-height: 30px;

	margin: 40px auto 37px;

	max-height: 60px;

	text-align: center;

}

.index-word a {

	color: #666666;

	display: block;

}

.index-word a:hover {

	color: #0C8FDF;

}

@media screen and (max-width:999px) {

	.index-word {

		margin: 30px 0;

	}

}

@media screen and (max-width:767px) {

	.index-title {

		font-size: 30px;

		font-size: 3rem;

	}

	.index-title {

		font-size: 24px;

		font-size: 2.4rem;

	}

	.index-word {

		margin: 10px 0;

	}

	.index-word {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 40px;

	}

}

.hotp-list li {

	float: left;

	width: 18.88%;

	margin-left: 1.4%;

	padding-bottom: 30px;

}

.hotp-list .item-pics {

	width: 100%;

	background: url(../images/web10.png) no-repeat center bottom;

	padding-bottom: 39px;

	position: relative;

	overflow: hidden;

}

.hotp-list .item-pics img {

	width: 100%;

	max-width: 450px;

	display: block;

	margin: 0 auto;

}

.hotp-list .item-pics:hover .item-backdrop {

	top: 0;

}

.hotp-list .item-backdrop {

	position: absolute;

	content: '';

	top: 999px;

	left: 0;

	bottom: 39px;

	width: 100%;

	background: #0C8FDF url(../images/web7.png) no-repeat center;

	background: RGBA(12, 143, 223, 0.6) url(../images/web7.png) no-repeat center;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.hotp-list .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	text-transform: uppercase;

	margin-top: 0px;

}

.hotp-list .item-desc {

	line-height: 22px;

	height: 48px;

	margin-top: 12px;

}

.hotp-list .item-btn {

	color: #333333;

	line-height: 30px;

	margin-top: 10px;

	display: inline-block;

}

.hotp-list .item-btn:hover {

	color: #0C8FDF
}

@media screen and (max-width:1219px) {}

@media screen and (max-width:999px) {

	.hotp-list li {

		width: 18.6%;

	}

	.hot-pro {

		padding: 50px 0 20px;

	}

	.hotp-list .item-backdrop {

		display: none;

	}

	.hotp-list li {

		width: 31.33%;

		margin: 0 1%;

	}

}

@media screen and (max-width:767px) {

	.hot-pro {

		padding: 30px 0 0;

	}

	.hotp-list li {

		width: 48%;

		margin: 0 1%;

		padding-bottom: 20px;

	}

	.hotp-list .item-title {

		font-size: 16px;

		font-size: 1.6rem;

	}

	.hotp-list .item-desc {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		height: 40px;

		margin-top: 5px;

	}

	.hotp-list .item-btn {

		font-size: 12px;

		font-size: 1.2rem;

		margin-top: 0;

	}

}

@media screen and (max-width:380px) {

	.hotp-list li {

		width: 98%;

		margin: 0 1%;

		padding-bottom: 15px;

	}

}

/* about us */















.aboutus {

	background: url(../images/web5.jpg) no-repeat center;

	padding: 64px 0 278px;

}

.aboutus .index-title {

	font-size: 40px;

	font-size: 4rem;

	font-weight: bold;

	border-bottom: solid 1px #A7A7A7;

	position: relative;

	text-align: center;

	text-transform: uppercase;

	padding-bottom: 15px;

}

.aboutus-title>a,
.aboutus-word>a {

	color: #FFFFFF;

}

.aboutus-list li {

	float: left;

	margin-left: 148px;

	width: 189px;

	height: 189px;

	background: url(../images/web11.png) no-repeat center;

	background-size: contain;

	padding: 10px;

}

.aboutus-list li:hover {

	background-image: url(../images/web11_1.png);

	cursor: pointer
}

.aboutus-list .item-pic {

	width: 100%;

	height: 82px;

	margin-top: 20px;

}

.aboutus-list .au20 .item-pic {

	background: url(../images/web1.png) no-repeat center;

}

.aboutus-list .au20:hover .item-pic {

	background-image: url(../images/web1_1.png);

}

.aboutus-list .au-zan .item-pic {

	background: url(../images/web2.png) no-repeat center;

}

.aboutus-list .au-zan:hover .item-pic {

	background-image: url(../images/web2_1.png);

}

.aboutus-list .au-deal .item-pic {

	background: url(../images/web3.png) no-repeat center;

}

.aboutus-list .au-deal:hover .item-pic {

	background-image: url(../images/web3_1.png);

}

.aboutus-list .au-brand .item-pic {

	background: url(../images/web4.png) no-repeat center;

}

.aboutus-list .au-brand:hover .item-pic {

	background-image: url(../images/web4_1.png);

}

.aboutus-list .item-title {

	width: 120px;

	margin: 0 auto;

	text-align: center;

	/*text-transform: uppercase;*/

	line-height: 20px;

	max-height: 40px;

	margin-top: 10px;

}

.aboutus-list .item-title a {

	color: #4D4D4D;

}

.aboutus-list li:hover .item-title a {

	color: #FFFFFF;

}

.aboutus-list .item-title a:hover {

	color: #FFFFFF !Important;

}

@media screen and (max-width:1219px) {

	.aboutus-list li {

		margin-left: 74px;

	}

}

@media screen and (max-width:999px) {

	.aboutus {

		padding: 50px 0;

	}

	.aboutus-list li {

		width: 25%;

		margin: 0;

	}

}

@media screen and (max-width:767px) {

	.aboutus {

		padding: 30px 0;

	}

	.aboutus {

		background: #3f4244 url();

	}

	.aboutus-list li {

		width: 50%;

		margin: 0;

	}

	.aboutus-list .item-title {

		font-size: 12px;

		font-size: 1.2rem;

		margin-top: 6px;

	}

}

@media screen and (max-width:400px) {

	.aboutus-list li {
		width: 100%;
		margin: 0;
	}















}

/* video-wrap */















.video-wrap {

	background-color: #369BE9;

	margin-top: -221px;

}

.video-wrap .item-video {

	width: 798px;

	float: left;

}

.video-wrap .item-video .video-box {

	position: relative;

	overflow: hidden;

	padding-bottom: 55.388%;
	/*宽除以高*/

	height: 0;

}

.video-wrap .item-video .video-box img {
	max-width: 100%
}

.video-wrap .item-video .video-box iframe body {

	margin: 0px !important;

}

.video-wrap .item-body {

	overflow: hidden;

	padding: 18px 30px 0 35px;

	background-color: #369BE9;

}

.video-wrap .item-body .item-title {

	font-size: 36px;

	font-size: 3.6rem;

	font-weight: bold;

	text-transform: uppercase;

	position: relative;

	line-height: 38px;

	padding-bottom: 19px;

}

.video-wrap .item-body .item-title span {

	font-size: 30px;

	font-size: 3rem;

	color: #FFFFFF;

}

.video-wrap .item-body .item-title>a {

	color: #FFFFFF;

}

.video-wrap .item-body .item-title:after {

	position: absolute;

	content: '';

	width: 53px;

	height: 3px;

	background-color: #FFFFFF;

	left: 0;

	bottom: 0;

}

.video-wrap .item-body .item-desc {

	line-height: 30px;

	height: 150px;

	overflow: hidden;

	margin-top: 20px;

}

.video-wrap .item-body .item-desc>a {

	color: #FFFFFF;

}

.video-wrap .item-body .item-title>a:hover,
.video-wrap .item-body .item-title>a:hover span,
.video-wrap .item-body .item-desc>a:hover {

	color: #FFFFFF !important;

}

.video-wrap .item-body .item-btn {

	width: 122px;

	height: 34px;

	line-height: 32px;

	text-align: center;

	border: solid 1px #FFFFFF;

	background-color: transparent;

	color: #FFFFFF;

	display: inline-block;

	margin-top: 15px;

}

.video-wrap .item-body .item-btn:hover {

	border: solid 1px #333;

	color: #333 !important
}

.video-wrap .item-body .item-title a:hover,
.video-wrap .item-body .item-desc>a:hover,
.video-wrap .item-body .item-title a:hover span {

	color: #333 !important
}

@media screen and (max-width:1219px) {

	.video-wrap {}

	.video-wrap .item-video {

		width: 600px;

	}

	.video-wrap .item-body .item-title {

		padding-bottom: 10px;

		font-size: 30px;

		font-size: 3rem;

	}

	.video-wrap .item-body .item-title span {

		font-size: 24px;

		font-size: 2.4rem;

	}

	.video-wrap .item-body .item-desc {

		margin-top: 10px;

	}

	.video-wrap .item-body .item-btn {

		margin-top: 10px;

	}

}

@media screen and (max-width:999px) {

	.video-wrap {

		margin-top: 50px;

	}

	.video-wrap .item-body {

		padding: 15px 20px 30px;

	}

	.video-wrap .item-video {

		width: 100%;

		float: none;

		max-width: 798px;

		margin: 0 auto;

	}

	.video-wrap .item-body .item-desc {

		height: auto;

		max-height: 150px;

	}

}

@media screen and (max-width:767px) {

	.video-wrap {

		margin-top: 30px;

	}

	.video-wrap .item-body {

		padding: 15px 20px;

	}

	.video-wrap .item-body .item-title {

		font-size: 24px;

		font-size: 2.4rem;

		line-height: 30px;

		padding-bottom: 5px;

	}

	.video-wrap .item-body .item-title span {

		font-size: 20px;

		font-size: 2rem;

	}

	.video-wrap .item-body .item-desc {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 100px;

	}

	.video-wrap .item-body .item-btn {

		height: 30px;

		line-height: 28px;

	}

	.video-wrap .item-video .video-box video {

		height: 223px;

	}

}

@media screen and (max-width:400px) {

	.video-wrap .item-video .video-box video {

		height: 203px;

	}

}

/* pro-case start */















.pro-case {

	padding: 69px 0 0;

}

.procase-title a:hover span {

	color: #333 !important
}

.pro-case .index-word {

	line-height: 30px;

	margin: 33px auto 42px;

	max-height: 60px;

	text-align: center;

}

.procase-list li {

	float: left;

	width: 33.33%;

	position: relative;

	overflow: hidden;

	border-left: #f6f6f6 solid 3px;

	box-sizing: border-box;

}

.procase-list li.meibian {

	border-left: #f6f6f6 solid 0px !important;

}

.procase-list li:hover .item-backdrop {

	top: 0;

}

.procase-list .item-pic {

	width: 100%;

}

.procase-list .item-pic img {

	display: block;

	width: 100%;

	max-width: 638px;

	margin: 0 auto;

}

.procase-list .item-backdrop {

	position: absolute;

	top: 999px;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #000000;

	background-color: rgba(0, 0, 0, 0.5);

	transition: all .5s;

	-webkit-transition: all .5s;

}

.procase-list .item-title {
	font-size: 30px;
	font-size: 3rem;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 30px;
	position: absolute;
	top: 50%;
	/* margin-top: -15px; */
	color: #fff;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.procase-list .item-title a {
	color: #FFFFFF;
	display: block;
	padding-left: 20px;
	padding-right: 20px;
}

@media screen and (max-width:1219px) {}

@media screen and (max-width:999px) {

	.pro-case {

		padding: 50px 0 0;

	}

	.procase-list .item-backdrop {

		position: relative;

		left: auto;

		top: auto;

		background-color: transparent;

	}

	.procase-list .item-title {

		font-size: 16px;

		font-size: 1.6rem;

		position: relative;

		top: auto;

		margin-top: auto;

		transform: translateY(0);

	}

	.procase-list li {
		border-left: solid 3px transparent;
	}

	.procase-list .item-title a {

		color: #333;

	}

}

@media screen and (max-width:767px) {

	.pro-case {

		padding: 30px 0 0;

	}

	.procase-list .item-title {

		font-size: 16px;

		font-size: 1.6rem;

	}

	.procase-list li {

		width: 98%;

		margin: 0 1% 30px;

		border-left: #f6f6f6 solid 0px !important;

	}

}

@media screen and (max-width:500px) {

	.procase-list li {

		width: 98%;

		margin: 0 1% 15px;

	}

}

/* pro-case end */















/* certificate */















.cer-box {

	padding-top: 60px;

	padding-bottom: 7px;
	background-color: #F6F6F6;

}

.cer-title {

	border-bottom: solid 1px #ccc;

	padding-bottom: 15px;

}

.cer-title>a {

	color: #0156B3;

	z-index: 999
}

.cer-title:after {

	background-color: #0156b3;

	bottom: -2px;

}

.cer-title a:hover {

	color: #333 !important;

}

.cer-scroll {

	position: relative;

	overflow: hidden;

	padding: 72px 58px 42px;

}

.cer-scroll .scroll-btns {}

.cer-scroll .scroll-btn {

	width: 31px;

	height: 43px;

	display: inline-block;

	top: 50%;

	margin-top: -30px;

	position: absolute;

	cursor: pointer;

}

.cer-scroll .scroll-btn.prev {

	background: url(../images/prev.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.cer-scroll .scroll-btn.prev:hover {

	background-image: url(../images/prev_1.png);

}

.cer-scroll .scroll-btn.next {

	background: url(../images/next.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.cer-scroll .scroll-btn.next:hover {

	background-image: url(../images/next_1.png);

}

.cer-scroll .scroll-list-box {

	width: 100%;

	overflow: hidden;

	box-sizing: border-box;

}

.cer-scroll .scroll-list {

	width: 1000%;

}

.cer-scroll .scroll-list li {

	float: left;

	width: 2.067%;

	margin-right: 0.58%;

	position: relative;

}

.cer-scroll .scroll-list li .item-pic {

	box-sizing: border-box;

	position: relative;

}

.cer-scroll .scroll-list li .item-pic img {

	width: 100%;

	display: block;

	max-width: 224px;

	margin: 0 auto;

}

.cer-scroll .scroll-list li .item-pic:hover img {

	-webkit-transform: scale(1.0);

	-moz-transform: scale(1.0);

	-ms-transform: scale(1.0);

	-o-transform: scale(1.0);

	transform: scale(1.0);

}

.cer-scroll .scroll-list li .scroll-backdrop {

	position: absolute;

	bottom: -999px;

	left: 0;

	width: 100%;

	height: 100%;

	transition: all .5s;

	-webkit-transition: all .5s;

	background: url(../images/web8.png) no-repeat center;

}

.cer-scroll .scroll-list li:hover .scroll-backdrop {

	bottom: 0;

}

.cer-scroll .scroll-list li .item-title {

	margin: 18px 0 0;

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 30px;

	text-align: center;

}

@media only screen and (max-width:999px) {

	.cer-box {

		padding-top: 50px;

	}

	.cer-scroll {

		padding: 50px 50px 40px;

	}

	.cer-scroll .scroll-list li {

		width: 2.35%;

		margin-right: 0.2%;

	}

	.cer-scroll .scroll-list li:hover .scroll-backdrop {

		display: none;

	}

}

@media only screen and (max-width:767px) {

	.cer-box {

		padding-top: 30px;

	}

	.cer-scroll {

		padding: 30px 50px;

	}

	.cer-scroll .scroll-list li {

		width: 3.2%;

		margin-right: 0.2%;

	}

	.cer-scroll .scroll-list li .item-title {

		font-size: 14px;

		font-size: 1.4rem;

		margin: 0;

	}

}

@media only screen and (max-width:550px) {

	.cer-scroll .scroll-list li {

		width: 4.9%;

		margin-right: 0.2%;

	}

}

@media only screen and (max-width:400px) {

	.cer-scroll .scroll-list li {

		width: 9%;

		margin: 0 .5%;

	}

}

/* Latest News */















.main5 {

	padding: 54px 0 80px;

}

.main5 .m5box .n-title {

	font-size: 26px;

	font-size: 2.6rem;

	font-weight: bold;

	position: relative;

	padding-bottom: 14px;

	text-transform: uppercase;

	margin-bottom: 27px;

}

.main5 .m5box .n-title a {

	display: block;

	color: #0156B3;

}

.main5 .m5box .n-title a:hover {

	color: #333
}

.main5 .m5box .n-title:after {

	position: absolute;

	content: '';

	width: 72px;

	height: 3px;

	background-color: #0156B3;

	left: 0;

	bottom: 0;

}

.main5 .m5box .lnews {

	overflow: hidden;

}

.main5 .m5box .lnews ul li {

	margin-bottom: 33px;

}

.main5 .m5box .lnews ul li .limg {

	width: 178px;

	margin-right: 16px;

}

.main5 .m5box .lnews ul li .limg a {

	display: block;

}

.main5 .m5box .lnews ul li .limg a img {

	display: block;

	width: 100%;

	max-width: 178px;

}

.main5 .m5box .lnews ul li .rtxt {

	overflow: hidden;

}

.main5 .m5box .lnews ul li .rtxt .m5top a {

	display: block;

	font-size: 16px;

	font-size: 1.6rem;

	color: #262626;

	font-weight: bold;

	line-height: 22px;

	max-height: 22px;

	overflow: hidden;

}

.main5 .m5box .lnews ul li .rtxt .m5top a:hover {

	color: #0156B3;

}

.main5 .m5box .lnews ul li .rtxt .m5mid {

	margin-top: 18px;

	margin-bottom: 10px;

}

.main5 .m5box .lnews ul li .rtxt .m5mid a {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 22px;

	color: #262626;

	display: block;

	max-height: 44px;

	overflow: hidden;

}

.main5 .m5box .lnews ul li .rtxt .m5mid a:hover {

	color: #0156B3;

}

.main5 .m5box .lnews ul li .rtxt .m5bot a {

	display: inline-block;

	font-size: 12px;

	font-size: 1.2rem;

	color: #0156B3;

	padding-bottom: 2px;

	border-bottom: solid 1px #0156B3;

}

.main5 .m5box .lnews ul li.li3 {

	margin-bottom: 0;

}

.main5 .m5box .lnews ul li .more {

	display: block;

	float: right;

	width: 132px;

	height: 38px;

	line-height: 38px;

	text-align: center;

	background-color: #0156B3;

	border-radius: 5px;

	color: #fff;

	font-size: 14px;

	font-size: 1.4rem;

	margin-top: -18px;

}

.main5 .m5box .lnews ul li .more:hover {

	color: #fff;

	background: #333
}

.main5 .m5box .rservice {

	width: 285px;

	margin-left: 140px;

}

.main5 .m5box .rservice .n-cont {

	padding: 13px 10px 15px 10px;

	background-color: #262626;

}

.main5 .slideBox {

	width: 100%;

	height: 307px;

	overflow: hidden;

	position: relative;

	padding-bottom: 19px;

}

.main5 .slideBox .hd {

	width: 100%;

	height: 9px;

	overflow: hidden;

	position: absolute;

	right: 0px;

	bottom: 1px;

	z-index: 1;

}

.main5 .slideBox .hd ul {

	width: 100%;

	overflow: hidden;

	zoom: 1;

	float: left;

	text-align: center;

	font-size: 0;

}

.main5 .slideBox .hd ul li {

	display: inline-block;

	margin-right: 4px;

	margin-left: 4px;

	width: 9px;

	height: 9px;

	line-height: 9px;

	text-align: center;

	background: #fff;

	cursor: pointer;

	border-radius: 50%;

	margin-top: 0;

}

.main5 .slideBox .hd ul li.on {

	background: #00B33B;

}

.main5 .slideBox .bd {

	position: relative;

	height: 100%;

	z-index: 0;

}

.main5 .slideBox .bd li {

	zoom: 1;

	vertical-align: middle;

}

.main5 .slideBox .bd li a {

	display: block;

}

.main5 .slideBox .bd img {

	width: 264px;

	height: 247px;

	display: block;

}

.main5 .slideBox .bd li a span {

	font-size: 12px;

	font-size: 1.2rem;

	display: block;

	text-align: center;

	border-bottom: 1px solid #b7b6b6;

	margin-top: 10px;

	padding-bottom: 9px;

	color: #fff;

}

@media screen and (max-width:1219px) {

	.main5 .m5box .rservice {

		margin-left: 50px;

	}

}

@media screen and (max-width:999px) {

	.main5 {

		padding: 40px 0 50px;

	}

	.main5 .m5box .rservice {

		margin-left: 30px;

	}

}

@media screen and (max-width:767px) {

	.main5 {

		padding: 30px 0;

	}

	.main5 .m5box .rservice {

		margin-left: 30px;

	}

	.main5 .m5box .n-title {

		font-size: 2.2px;

		font-size: 2.2rem;

		margin-bottom: 20px;

	}

	.main5 .m5box .lnews ul li {

		margin-bottom: 20px;

	}

	.main5 .m5box .lnews ul li .rtxt .m5top a {

		font-size: 14px;

		font-size: 1.4rem;

	}

	.main5 .m5box .lnews ul li .rtxt .m5mid {

		margin: 10px 0 5px;

	}

	.main5 .m5box .lnews ul li .rtxt .m5mid a {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 40px;

	}

	.main5 .m5box .lnews ul li .more {

		height: 32px;

		line-height: 32px;

		font-size: 12px;

		font-size: 1.2rem;

		margin-top: 0;

		float: none;

		margin: 0 auto;

	}

	.main5 .m5box .rservice {

		float: none !Important;

		margin: 0 auto 20px;

	}

	.main5 .m5box .n-title {

		text-align: center;

	}

	.main5 .m5box .n-title:after {

		left: 50%;

		margin-left: -36px;

	}

}

@media screen and (max-width:400px) {

	.main5 .m5box .lnews ul li .limg {

		float: none !Important;

		margin: 0 auto;

	}

	.main5 .m5box .lnews ul li .more {

		float: none;

		margin: 0 auto;

	}

}

/*  Our Partners*/















.par-box {

	background-color: #EAE9E9;

	padding-bottom: 37px;

}

.par-title {

	font-size: 26px;

	font-size: 2.6rem;

	font-weight: bold;

	text-transform: uppercase;

	padding-top: 33px;

	margin-bottom: 28px;

}

.par-title a {

	color: #0156B3
}

.par-scrollbox.scroll-box {

	position: relative;

	padding: 0 55px;

}

.par-scrollbox.scroll-box .scroll-btns {

	text-align: center;

	display: block;

}

.par-scrollbox.scroll-box .scroll-btn {

	width: 15px;

	height: 32px;

	display: inline-block;

	cursor: pointer;

	top: 50%;

	margin-top: -16px;

	position: absolute;

}

.par-scrollbox.scroll-box .scroll-btn.prev {

	background: url(../images/prev1.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.par-scrollbox.scroll-box .scroll-btn.prev:hover {

	background-image: url(../images/prev1_1.png);

}

.par-scrollbox.scroll-box .scroll-btn.next {

	background: url(../images/next1.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.par-scrollbox.scroll-box .scroll-btn.next:hover {

	background-image: url(../images/next1_1.png);

}

.par-scrollbox .scroll-list-box {

	width: 100%;

	overflow: hidden;

	box-sizing: border-box;

}

.par-scrollbox.scroll-box .scroll-list {

	width: 1000%;

}

.par-scrollbox.scroll-box .scroll-list li {

	float: left;

	width: 197px;

	margin-right: 26px;

}

.par-scrollbox .item-pic {

	width: 100%;

	border: solid 1px #999;

	border-radius: 10px;

}

.par-scrollbox .item-pic img {

	display: block;

	width: 100%;

	max-width: 197px;

	max-height: 88px;

	margin: 0 auto;

	border-radius: 10px;

}

@media screen and (max-width:1219px) {

	.par-scrollbox.scroll-box .scroll-list li {

		margin-right: 15px;

		width: 162px;

	}

}

@media screen and (max-width:999px) {

	.par-scrollbox.scroll-box {

		padding: 0 40px;

	}

	.par-scrollbox.scroll-box .scroll-list li {

		margin-right: 0.1%;

		width: 1.92%;

	}

}

@media screen and (max-width:767px) {

	.par-box {

		padding-bottom: 30px;

	}

	.par-title {

		font-size: 22px;

		font-size: 2.2rem;

		padding-top: 20px;

		margin-bottom: 20px;

	}

	.par-scrollbox.scroll-box .scroll-btn {

		width: 12px;

	}

	.par-scrollbox.scroll-box .scroll-list li {

		margin-right: 0.1%;

		width: 2.4%;

	}

}

@media screen and (max-width:640px) {

	.par-scrollbox.scroll-box .scroll-list li {

		margin-right: 0.2%;

		width: 3.2%;

	}

}

/*@media screen and (max-width:450px) {















	.par-scrollbox.scroll-box .scroll-list li{margin-right: 0.2%;width:4.9%;}















}*/















/*-------------index end-------------------------------------------------------------------*/















/*-------------1-1-products start----------------------------------------------------------*/















.pro-left {

	width: 285px;

}

.pro-main {

	width: 875px;

}

@media screen and (max-width:1219px) {

	.pro-main {

		width: 670px;

	}

}

@media screen and (max-width:999px) {

	.pro-left {

		width: 100%;

		margin-top: 20px;

	}

	.pro-main {

		width: 100%;

	}

}

.prolist {

	margin-bottom: 38px;

}

.prolist li {

	float: left;

	width: 283px;

	margin-left: 13px;

	padding-bottom: 38px;

}

.prolist .item-pics {

	width: 100%;

	padding-bottom: 30px;

	background: url(../images/web10_1.png) no-repeat center bottom;

}

.prolist .item-pic {

	width: 100%;

	border: solid 1px #CCCCCC;

}

.prolist .item-pic img {

	display: block;

	width: 100%;

	max-width: 283px;
	/*	max-height: 283px;*/
	/*	min-height: 283px;*/

	margin: 0 auto;

}

.prolist .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	margin-top: 0;

}

.prolist .item-btnbox {

	text-align: center;

	margin-top: 21px;

}

.prolist .item-btnbox input {

	margin-right: 30px;

}

.prolist .item-btn {

	display: inline-block;

	width: 138px;

	height: 32px;

	line-height: 28px;

	border: solid 1px #0C8FDF;

	color: #0C8FDF;

	text-align: center;

}

.prolist .item-btn:hover {

	background-color: #0C8FDF;

	color: #FFFFFF;

}

@media screen and (max-width:1219px) {

	.prolist li {

		width: 214px;

		margin-left: 13px;

	}

}

@media screen and (max-width:999px) {

	.prolist li {

		width: 31.33%;

		margin: 0 1%;

	}

}

@media screen and (max-width:767px) {

	.prolist {

		margin-bottom: 10px;

	}

	.prolist li {

		padding-bottom: 30px;

	}

	.prolist .item-title {

		font-size: 14px;

		font-size: 1.4rem;

	}

	.prolist .item-btnbox {

		margin-top: 15px;

	}

	.prolist .item-btnbox input {

		margin-right: 5px;

		position: relative;

		top: 3px;

	}

	.prolist .item-btn {

		width: 110px;

		height: 30px;

		line-height: 28px;

		font-size: 12px;

		font-size: 1.2rem;

	}

}

@media screen and (max-width:640px) {

	.prolist li {

		padding-bottom: 20px;

	}

	.prolist li {

		width: 48%;

		margin: 0 1%;

	}

}

/*pro-slide */















/*pro-slide */







.proslide-title {

	width: 100%;

	line-height: 45px;

	background-color: #0C8FDF;

	font-size: 24px;

	font-size: 2.4rem;

	font-weight: bold;

	text-transform: uppercase;

	text-align: center;

	margin-bottom: 16px;

}

.proslide-title>a {

	color: #FFFFFF;

}

.proslide-title>a:hover {

	color: #333
}

.pro-slide {

	width: 100%;

	margin-bottom: 48px;

}

.proslide-list>li {

	width: 100%;

	background-color: #eee;

	margin-bottom: 2px;

	position: relative;

	transition: all .5s;

	-webkit-transition: all .5s;

}

.proslide-list>li>a {

	display: block;

	line-height: 24px;

	padding: 9px 27px 9px 27px;

}

.slidenav-active,
.proslide-list>li:hover {}

.slidenav-active>a,
.proslide-list>li:hover>a {

	color: #FFFFFF;

	background-color: #0C8FDF !Important;

}

.slidenav-active:after,
.proslide-list>li:hover:after {}

.slidenav-yiji {

	padding: 5px 0;

	display: none;

}

.slidenav-yiji li {

	padding-bottom: 15px;

}

.slidenav-yiji>li>a {

	display: block;

	padding: 0 10px 0 27px;

	line-height: 28px;

}

.slidenav-yiji>li>a:hover {

	color: #0C8FDF;

}

@media screen and (max-width:767px) {

	.slidenav-yiji>li>a {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 24px;

		padding: 0px 10px 0 15px;

	}

}

@media screen and (max-width:767px) {

	.proslide-title {

		font-size: 20px;

		font-size: 2rem;

		line-height: 40px;

	}

	.pro-slide {

		margin-bottom: 30px;

	}

	.proslide-list>li>a {

		font-size: 12px;

		font-size: 1.2rem;

		padding: 5px 15px;

	}

}

.pronews-list {

	background-color: #EEEEEE;

	border: solid 1px #CCCCCC;

	padding: 2px 13px 5px;

	margin-top: 20px;

}

.pronews-list li {

	width: 100%;

	border-bottom: solid 1px #CCCCCC;

	padding: 16px 0 17px;

}

.pronews-list li:last-child {

	border: 0;

}

.pronews-list .item-title {

	line-height: 26px;

	max-height: 52px;

	background: url(../images/web12.png) no-repeat 8px 7px;

	padding-left: 35px;

	font-weight: bold;

}

.pronews-list .item-title a {

	display: block;

}

.pronews-list .item-desc {

	margin-top: 10px;

	line-height: 24px;

	max-height: 72px;

	padding-left: 8px;

}

@media screen and (max-width:767px) {

	.pronews-list {

		margin-top: 0;

	}

	.pronews-list li {

		padding: 10px 0;

	}

	.pronews-list .item-title {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 40px;

	}

	.pronews-list .item-desc {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 60px;

	}

}

/*-------------1-1-products end------------------------------------------------------------*/































/*-------------1-2-products start----------------------------------------------------------*/















.m-prob1 .prob-pic {

	width: 452px;

	float: left;

	margin-bottom: 60px;

}

.m-prob1 .prob-pic-big {

	position: relative;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: solid 1px #CCCCCC;

}

.m-prob1 .prob-pic-big-img {

	display: block;

	line-height: 0;

	font-size: 0;

}

.m-prob1 .prob-pic-big-img .zoomPad {

	float: none;

	z-index: 8;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.m-prob1 .prob-pic-big-img .video {
	position: absolute;
	z-index: 10000;
	width: 100%;
	height: 100%;
	/* background: rebeccapurple; */
	top: 0;
	padding-bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.m-prob1 .zoomWrapperImage img {

	max-width: 1200px;

}

.m-prob1 .prob-pic-small {

	position: relative;

	margin-top: 8px;

	padding-left: 38px;

	padding-right: 38px;

	overflow: hidden;

}

.m-prob1 .prob-pic-btn {

	position: absolute;

	top: 50%;

	margin-top: -10px;

	display: block;

	width: 16px;

	height: 20px;

	background-repeat: no-repeat;

	background-position: center;

	background-size: 100% 100%;

}

.m-prob1 .prob-pic-btn.prev {

	left: 0;

	background-image: url(../images/prev2.png);

}

.m-prob1 .prob-pic-btn.prev:hover {

	background-image: url(../images/prev2_1.png);

}

.m-prob1 .prob-pic-btn.next {

	right: 0;

	background-image: url(../images/next2.png);

}

.m-prob1 .prob-pic-btn.next:hover {

	background-image: url(../images/next2_1.png);

}

.m-prob1 .prob-pic-list {

	overflow: hidden;

}

.m-prob1 .prob-pic-list ul {

	width: 1000%;

	overflow: hidden;

}

.m-prob1 .prob-pic-list ul li {

	position: relative;

	float: left;

	margin-right: 0.27%;

	width: 3.14%;

	padding-top: 8px;

}

.m-prob1 .prob-pic-item .item-pic {

	border: #CCCCCC 1px solid;

	overflow: inherit;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.m-prob1 .prob-pic-item .item-pic img {

	display: block;

}

.m-prob1 .prob-pic-item .item-pic:hover img {

	-webkit-transform: scale(1);

	-moz-transform: scale(1);

	-ms-transform: scale(1);

	-o-transform: scale(1);

	transform: scale(1);

}

@media screen and (max-width: 1219px) {

	.zoomPad {

		cursor: default !important;

	}

	.zoomPup {

		display: none !important;

	}

	.zoomWindow {

		display: none !important;

	}

	.zoomPreload {

		display: none !important;

	}

	.m-prob1 .prob-pic {

		float: none;

		margin: 0 auto;

	}

}

@media screen and (max-width: 767px) {

	.m-prob1 .prob-pic {

		width: 100%;

	}

	.m-prob1 .prob-pic-big {

		display: none;

	}

	.m-prob1 .prob-pic-small {

		margin-top: 0;

	}

	.m-prob1 .prob-pic-list ul li {

		margin-right: .2%;

		width: 3.2%;

	}

	.m-prob1 .prob-pic-item .item-pic:before {

		display: none !important;

	}

}

@media screen and (max-width:550px) {

	.m-prob1 .prob-pic-list ul li {

		margin-right: .2%;

		width: 4.9%;

	}

}

@media screen and (max-width:350px) {

	.m-prob1 .prob-pic-list ul li {

		margin-right: 0%;

		width: 10%;

	}

}

/* pro-info */















.pro-info {

	width: 385px;

}

.pro-info .pro-title {

	font-size: 24px;

	font-size: 2.4rem;

	border-bottom: solid 1px #CCCCCC;

	line-height: 32px;

	font-style: normal;

	padding-bottom: 11px;

	margin-bottom: 17px;

}

.pro-info .pro-desc {

	font-size: 12px;

	font-size: 1.2rem;

	line-height: 26px;

	color: #333;

	min-height: 182px;

	margin: 19px 0 16px;

}

.pro-btn {

	display: inline-block;

	width: 138px;

	height: 32px;

	line-height: 30px;

	border-radius: 0;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	border: solid 1px #0C8FDF;

	color: #0C8FDF;

}

a.pro-btn:hover {

	background-color: #0C8FDF;

	color: #FFFFFF;

}

.pro-btn:first-child {

	margin-right: 50px;

}

@media screen and (max-width:1219px) {

	.pro-info {

		width: 100%;

		margin: 50px auto;

	}

	.pro-info .pro-desc {

		height: auto;

		min-height: auto;

	}

}

@media screen and (max-width:999px) {}

@media screen and (max-width:767px) {

	.pro-info {

		margin: 30px auto;

	}

	.pro-info .pro-title {

		font-size: 20px;

		font-size: 2rem;

		line-height: 30px;

	}

	.pro-info .pro-desc {

		line-height: 20px;

	}

	.pro-btns {

		text-align: center;

	}

	.pro-btn:first-child {

		margin-right: 10px;

	}

}

@media screen and (max-width:550px) {

	.pro-btn {

		width: 45%;

		margin: 0 2%;

	}

	.pro-btn:first-child {

		margin-right: 0;

	}

}

/* product details */















.pro2-title {

	font-size: 22px;

	font-size: 2.2rem;

	font-weight: bold;

	color: #0C8FDF;

	text-transform: uppercase;

	background: url(../images/web13.png) no-repeat right center;

}

@media only screen and (min-width:1000px) and (max-width:1219px) {

	.pro2-title,
	.releted-title {

		background-size: 400px 14px !Important;

	}

}

@media only screen and (max-width:999px) {

	.pro2-title,
	.releted-title {

		background-size: 65% 14px !Important;

	}

}

@media only screen and (max-width:767px) {

	.pro2-title {

		font-size: 20px;

		font-size: 2rem;

		background-image: none;

	}

	.releted-title {

		background-image: none !important;

	}

}

.pro2-detail-content {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	color: #333333;

	padding: 15px 0 20px;

}

.pro2-detail-content strong {}

.pro2-detail-content a {
	color: #0C8FDF !important
}

.pro2-detail-content p,
.pro2-detail-content li,
.pro2-detail-content span {

	color: #333333;

}

.pro2-detail-content img,
.pro2-detail-content iframe {

	max-width: 100%;

}

@media only screen and (max-width:767px) {

	.pro2-detail-content {

		line-height: 24px;

	}

}

.pro2-adp1 {

	font-style: italic;

	line-height: 30px;

	font-weight: bold;

	margin-top: -2px;

}

.pro2-adp2 {

	line-height: 30px;

	font-weight: bold;

	color: #0C8FDF;

	margin-top: 35px;

	margin-bottom: 20px;

}

@media only screen and (max-width:767px) {

	.pro2-adp1,
	.pro2-adp2 {

		line-height: 24px;

	}

	.pro2-adp2 {

		margin: 20px 0;

	}

}

.m-ctusform {

	overflow: hidden;

	width: 670px;

	margin-bottom: 31px;

}

.m-ctusform .form-item {

	float: left;

	position: relative;

	margin-bottom: 23px;

	padding-left: 22px;

	line-height: 0;

	font-size: 0;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

}

.m-ctusform .form-item.important {

	background: url("../images/star.png") no-repeat 8px 28px;

}

.m-ctusform .form-item-1 {

	width: 50%;

}

.m-ctusform .form-item-2 {

	width: 100%;

}

.m-ctusform .form-item-2.important {

	background: url("../images/star.png") no-repeat 8px 18px;

}

.m-ctusform .form-item-3 {

	margin-right: 3.28358%;

	width: 29.85075%;

}

.m-ctusform .form-item-4 {

	height: 54px;

	padding-left: 0;

	line-height: 52px;

	text-align: center;

	background-color: transparent;

	border-radius: 0;

	background-color: #fff;

	overflow: hidden;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.m-ctusform .form-item-4 img {

	max-height: 52px;

	vertical-align: middle;

}

.m-ctusform .form-item-5 {

	float: right;

	border: none;

	width: 37.31343%;

	padding-left: 0;

}

.m-ctusform .item-btn1 {

	width: 100%;

	height: 54px;

	padding-left: 0;

	line-height: 54px;

	color: #ffffff;

	font-size: 14px;

	font-size: 1.4rem;

	text-align: center;

	text-transform: uppercase;

	background-color: #0C8FDF;

}

.m-ctusform .item-text {

	width: 100%;

	height: 54px;

	line-height: 52px;

	padding-left: 14px;

	padding-right: 14px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #737572;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border: 1px solid #d2d2d2;

}

.m-ctusform .item-text2 {

	height: 112px;

	line-height: 40px;

	margin-bottom: 3px;

}

@media screen and (max-width: 1219px) {

	.m-ctusform {

		width: 100%;

	}

}

@media screen and (max-width: 767px) {

	.m-ctusform {

		margin-bottom: 10px;

	}

	.m-ctusform .form-item {

		margin-bottom: 15px;

		width: 100%;

	}

	.m-ctusform .form-item.important {

		background-position: 5px 13px;

	}

	.m-ctusform .item-text {

		height: 35px;

		line-height: 35px;

		font-size: 14px;

		font-size: 1.4rem;

	}

	.m-ctusform .item-text2 {

		height: 140px;

	}

	.m-ctusform .form-item-5 {

		padding-left: 22px;

	}

	.m-ctusform .item-btn1 {

		height: 40px;

		line-height: 40px;

	}

	.m-ctusform .form-item-4 {

		margin-left: 22px;

		display: inline-block;

		width: auto;

		height: auto;

		line-height: 0;

	}

}

.releted-title {

	background: url(../images/web14.png) no-repeat right center;

}

.releted-title a {

	color: #0C8FDF;

}

.relatedp-scrollbox.scroll-box {

	position: relative;

	padding: 41px 0 0;

}

.relatedp-scrollbox.scroll-box .scroll-btns {

	text-align: center;

	display: block;

	position: absolute;

	top: -20px;

	right: 0;

}

.relatedp-scrollbox.scroll-box .scroll-btn {

	width: 30px;

	height: 14px;

	display: inline-block;

	cursor: pointer;

}

.relatedp-scrollbox.scroll-box .scroll-btn.prev {

	background: url(../images/prev3.png) no-repeat center;

	background-size: contain;

	margin-right: 0;

}

.relatedp-scrollbox.scroll-box .scroll-btn.prev:hover {

	background-image: url(../images/prev3_1.png);

}

.relatedp-scrollbox.scroll-box .scroll-btn.next {

	background: url(../images/next3.png) no-repeat center;

	background-size: contain;

}

.relatedp-scrollbox.scroll-box .scroll-btn.next:hover {

	background-image: url(../images/next3_1.png);

}

.relatedp-scrollbox .scroll-list-box {

	width: 100%;

	overflow: hidden;

	box-sizing: border-box;

}

.relatedp-scrollbox.scroll-box .scroll-list {

	width: 1000%;

}

.relatedp-scrollbox.scroll-box .scroll-list li {

	float: left;

	width: 283px;

	margin-right: 13px;

}

.relatedp-scrollbox .item-pics {

	width: 100%;

	padding-bottom: 30px;

	background: url(../images/web10_1.png) no-repeat center bottom;

}

.relatedp-scrollbox .item-pic {

	width: 100%;

	border: solid 1px #CCCCCC;

}

.relatedp-scrollbox .item-pic img {

	display: block;

	width: 100%;

	max-width: 283px;

	margin: 0 auto;

}

.relatedp-scrollbox .item-title {

	font-size: 16px;

	font-size: 1.6rem;

	text-align: center;

	margin-top: 0;

}

@media only screen and (max-width:1219px) {

	.relatedp-scrollbox.scroll-box .scroll-list li {

		width: 210px;

		margin-right: 15px;

	}

}

@media only screen and (max-width:999px) {

	.relatedp-scrollbox.scroll-box {

		margin-bottom: 0;

	}

	.relatedp-scrollbox.scroll-box .scroll-list li {

		width: 3.2%;

		margin-rigt: 0.2%;

	}

	.relatedp-scrollbox.scroll-box .scroll-btns {

		display: block;

	}

}

@media only screen and (max-width:767px) {

	.relatedp-scrollbox.scroll-box {

		padding: 30px 0 0;

	}

	.relatedp-scrollbox.scroll-box .scroll-btns {

		top: -18px;

	}

	.relatedp-scrollbox.scroll-box .scroll-list li {

		width: 3.2%;

		margin-right: 0.2%;

		padding-bottom: 15px;

	}

	.relatedp-scrollbox.scroll-box .scroll-list .item-title {

		font-size: 14px;

		font-size: 1.4rem;

	}

}

@media only screen and (max-width:550px) {

	.relatedp-scrollbox.scroll-box .scroll-list li {

		width: 4.9%;

		margin-right: 0.2%;

	}

}

/*-------------1-2-products end------------------------------------------------------------*/































/*-------------2-1-about start-------------------------------------------------------------*/















.aboutnav {

	margin-bottom: 50px;

	overflow: hidden;

}

.aboutnav li {

	width: 243px;

	float: left;

	margin-right: 2px;

	background-color: #EEEEEE;

	line-height: 48px;

	padding: 0 10px 0 15px;

	font-size: 16px;

	font-size: 1.6rem;

	position: relative;

}

.aboutnav li a {

	display: block;

}

.aboutnav-active,
.aboutnav li:hover {

	background-color: #9C9C9C !Important;

}

.aboutnav-active a,
.aboutnav li:hover a {

	color: #FFFFFF;

}

.aboutnav-active:after,
.aboutnav li:hover:after {

	position: absolute;

	content: '';

	width: 13px;

	height: 7px;

	top: 50%;

	margin-top: -3.5px;

	right: 10px;

	background: url(../images/about1.png) no-repeat center;

}

@media screen and (max-width:999px) {

	.aboutnav li {

		width: 49.6%;

		margin: 0 0.1% 10px;

		padding: 0 10px;

		font-size: 16px;

		font-size: 1.6rem;

	}

}

@media screen and (max-width:767px) {

	.aboutnav {

		margin-bottom: 30px;

	}

	.aboutnav li {

		line-height: 40px;

		font-size: 14px;

		font-size: 1.4rem;

	}

}

@media screen and (max-width:450px) {

	.aboutnav li {

		width: 98%;

		margin: 0 1% 10px;

	}

}

/* about1-top */















.about1-top .item-pic {

	margin-right: 20px;

	width: 530px;

}

.about1-top .item-pic img {

	display: block;

	width: 100%;

	max-width: 530px;

	margin: 0 auto;

}

.about1-top .item-title {

	font-size: 30px;

	font-size: 3rem;

	margin-bottom: 26px;

	padding-top: 5px;

}

.about1-top .item-desc {

	line-height: 30px;

}

.about1-top .item-desc p {

	margin-bottom: 30px;

}

/* .p3{padding-top: 33px;} */















.about1-top .about1pics {

	margin-bottom: 50px;

}

.about1-top .about1pics li {

	float: left;

	width: 368px;

	margin-left: 48px;

	margin-top: 5px;

}

.about1-top .about1pics li:first-child {

	margin-left: auto !important;

}

.about1-top .about1pics li img {

	width: 100%;

	display: block;

	margin: 0 auto;

	max-width: 368px;

}

@media screen and (max-width:1219px) {

	.about1-top .about1pics li {

		margin-left: 30px;

		width: 306px;

	}

	/* .p3{padding-top: 0;} */















}

@media screen and (max-width:999px) {

	.about1-top .item-pic {

		width: 100%;

		float: none !Important;

		margin: 0;

	}

	.about1-top .item-title {

		padding-top: 30px;

	}

	.about1-top .about1pics li {

		width: 31.33%;

		margin: 0 1%;

	}

}

@media screen and (max-width:767px) {

	.about1-top .about1pics {

		margin-bottom: 30px;

	}

	.about1-top .item-title {

		font-size: 24px;

		font-size: 2.4rem;

		margin-bottom: 10px;

		padding-top: 15px;

	}

	.about1-top .item-desc {

		line-height: 22px;

		font-size: 12px;

		font-size: 1.2rem;

		padding-bottom: 20px;

	}

	.about1-top .item-desc p {

		margin-bottom: 10px;

	}

}

@media screen and (max-width:640px) {

	.about1-top .about1pics {

		margin-bottom: 10px;

	}

	.about1-top .about1pics li {

		width: 48%;

		margin: 0 1% 20px;

	}

}

@media screen and (max-width:400px) {

	.about1-top .about1pics li {

		width: 98%;

		margin: 0 1% 20px;

	}

}

/* about1-why */















.about1-why>.item-title {

	font-size: 30px;

	font-size: 3rem;

	color: #FFFFFF;

	background: #6D6D6D url(../images/about2.png) no-repeat 29px center;

	line-height: 52px;

	padding-left: 79px;

}

.about1-why .item-desc {

	line-height: 30px;

	padding: 27px 8px 20px;

}

.about1-why .item-p {

	font-weight: bold;

	line-height: 30px;

}

@media screen and (max-width:767px) {

	.about1-why>.item-title {

		font-size: 22px;

		font-size: 2.2rem;

		line-height: 44px;

		background: #6D6D6D url(../images/about2.png) no-repeat 10px center;

		padding-left: 45px;

	}

	.about1-why .item-desc {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 22px;

		padding: 15px 5px;

	}

	.about1-why .item-p {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 22px;

	}

}

.aboutcer-scroll {

	position: relative;

	overflow: hidden;

	padding: 58px 54px 0;

}

.aboutcer-scroll .scroll-btns {}

.aboutcer-scroll .scroll-btn {

	width: 26px;

	height: 29px;

	display: inline-block;

	top: 50%;

	margin-top: -15px;

	position: absolute;

	cursor: pointer;

}

.aboutcer-scroll .scroll-btn.prev {

	background: url(../images/prev4.png) no-repeat center;

	background-size: contain;

	left: 0;

}

.aboutcer-scroll .scroll-btn.prev:hover {

	background-image: url(../images/prev4_1.png);

}

.aboutcer-scroll .scroll-btn.next {

	background: url(../images/next4.png) no-repeat center;

	background-size: contain;

	right: 0;

}

.aboutcer-scroll .scroll-btn.next:hover {

	background-image: url(../images/next4_1.png);

}

.aboutcer-scroll .scroll-list-box {

	width: 100%;

	overflow: hidden;

	box-sizing: border-box;

}

.aboutcer-scroll .scroll-list {

	width: 1000%;

}

.aboutcer-scroll .scroll-list li {

	float: left;

	width: 1.74%;

	margin-right: 0.325%;

	position: relative;

}

.aboutcer-scroll .scroll-list li .item-pic {

	box-sizing: border-box;

	position: relative;

}

.aboutcer-scroll .scroll-list li .item-pic img {

	width: 100%;

	display: block;

	max-width: 190px;

	margin: 0 auto;

}

.aboutcer-scroll .scroll-list li .item-pic:hover img {

	-webkit-transform: scale(1.0);

	-moz-transform: scale(1.0);

	-ms-transform: scale(1.0);

	-o-transform: scale(1.0);

	transform: scale(1.0);

}

.aboutcer-scroll .scroll-list li .scroll-backdrop {

	position: absolute;

	bottom: -999px;

	left: 0;

	width: 100%;

	height: 100%;

	transition: all .5s;

	-webkit-transition: all .5s;

	background: url(../images/about10.png) no-repeat center;

}

.aboutcer-scroll .scroll-list li:hover .scroll-backdrop {

	bottom: 0;

}

.aboutcer-scroll .scroll-list li .item-title {

	margin: 6px 0 0;

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 30px;

	text-align: center;

}

@media only screen and (max-width:999px) {

	.aboutcer-scroll {

		padding: 50px 50px 0;

	}

	.aboutcer-scroll .scroll-list li {

		width: 2.35%;

		margin-right: 0.2%;

	}

	.aboutcer-scroll .scroll-list li:hover .scroll-backdrop {

		display: none;

	}

}

@media only screen and (max-width:767px) {

	.aboutcer-scroll {

		padding: 30px 50px 0;

	}

	.aboutcer-scroll .scroll-list li {

		width: 3.2%;

		margin-right: 0.2%;

	}

	.aboutcer-scroll .scroll-list li .item-title {

		font-size: 14px;

		font-size: 1.4rem;

		margin: 0;

	}

}

@media only screen and (max-width:550px) {

	.aboutcer-scroll .scroll-list li {

		width: 4.9%;

		margin-right: 0.2%;

	}

}

@media only screen and (max-width:400px) {

	.aboutcer-scroll .scroll-list li {

		width: 9%;

		margin: 0 .5%;

	}

}

/*-------------2-1-about end---------------------------------------------------------------*/































/*-------------2-2-about start-------------------------------------------------------------*/



























.lspart {

	background: url(../images/about7.png) repeat-y center top;

}

.lsban {

	width: 50%;

}

.lsban span {

	display: inline-block;

	width: 208px;

	height: 44px;

	line-height: 44px;

	text-align: center !important;

	color: #fff;

	font-size: 20px;

	font-size: 2rem;

	background: #0C8FDF;

}

.lsban p {

	font-size: 14px;

	font-size: 1.4rem;

	line-height: 24px;

	padding-top: 29px;

}

.lshang1 p {

	padding-left: 30px;

}

.lshang2 p {

	padding-right: 30px;

	text-align: left;

	padding-left: 100px;

}

.lshang2 {

	text-align: right;

}

.lshang1 span {

	border-top-right-radius: 22px;

	border-bottom-right-radius: 22px;

}

.lshang2 span {

	border-top-left-radius: 22px;

	border-bottom-left-radius: 22px;

}

.lshang {

	margin-bottom: 16px;

}

@media screen and (max-width:1219px) {

	.lshang2 p {

		padding-left: 0;

	}

}

@media screen and (max-width:767px) {

	.lsban span {

		height: 40px;

		line-height: 40px;

		font-size: 18px;

		font-size: 1.8rem;

	}

	.lsban p {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		padding-top: 15px;

	}

	.lshang1 p {

		padding-left: 15px;

	}

	.lshang2 p {

		padding-right: 15x;

	}

}

@media screen and (max-width:640px) {

	.lspart {

		background: none;

	}

	.lsban {

		width: 100%;

		float: none;

		clear: both
	}

	.lshang1 p {

		padding-left: 10px;

	}

	.lshang2 p {

		padding-right: 10px;

	}

	.lsban p {

		font-size: 14px;

		font-size: 1.4rem;

		padding-top: 10px;

	}

	.lshang {

		margin-bottom: 26px;

	}

}

/*-------------2-2-about end---------------------------------------------------------------*/































/*-------------2-3-about start-------------------------------------------------------------*/















.cuslist li {

	width: 224px;

	margin-left: 16px;

	margin-bottom: 24px;

	float: left;

}

.cuslist .item-pic {

	width: 100%;

	border: solid 1px #CCCCCC;

}

.cuslist .item-pic img {

	width: 100%;

	display: block;

	max-width: 222px;

	max-height: 98px;

	margin: 0 auto;

}

@media screen and (max-width:1219px) {

	.cuslist li {

		width: 186px;

		margin-left: 10px;

	}

}

@media screen and (max-width:999px) {

	.cuslist li {

		width: 18%;

		margin: 0 1% 26px;

	}

}

@media screen and (max-width:767px) {

	.cuslist li {

		width: 23%;

		margin: 0 1% 20px;

	}

}

@media screen and (max-width:640px) {

	.cuslist li {

		width: 31.33%;

		margin: 0 1% 20px;

	}

}

@media screen and (max-width:500px) {

	.cuslist li {

		width: 48%;

		margin: 0 1% 15px;

	}

}

/*-------------2-3-about end---------------------------------------------------------------*/































/*-------------3-1-news start--------------------------------------------------------------*/















.newsl-list {

	overflow: hidden;

	padding-bottom: 70px;

}

.newsl-list-item:first-child {

	margin-top: 0 !Important;

}

.newsl-list-item {

	margin-top: 35px;

	padding-bottom: 35px;

	border-bottom: 1px dashed #b5b5b5;

	overflow: hidden;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

}

.newsl-list-item .item-time {

	float: left;

	width: 62px;

	height: 74px;

	padding-top: 12px;

	color: white;

	text-align: center;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	background-color: #0C8FDF;

}

.newsl-list-item .item-time span {

	font-size: 14px;

	font-size: 1.4rem;

	color: #FFFFFF
}

.newsl-list-item .item-time i {

	margin-top: 7px;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 7px;

	display: block;

	width: 21px;

	height: 1px;

	background-color: white;

}

.newsl-list-item .item-pic {

	float: left;

	margin-left: 15px;

	display: block;

	line-height: 0;

	font-size: 0;

	width: 300px;

	overflow: hidden;

	margin-right: 30px;

}

.newsl-list-item .item-pic img {

	width: 100%;

	max-width: 300px;

	display: block;

	margin: 0 auto;

}

.newsl-list-item .item-font {

	overflow: hidden;

}

.newsl-list-item .item-title {

	margin-top: 11px;

	height: 22px;

	line-height: 22px;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	overflow: hidden;

	-o-text-overflow: ellipsis;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.newsl-list-item .item-title a {

	color: #262626;

}

.newsl-list-item .item-desc {

	margin-top: 14px;

	height: 72px;

	line-height: 24px;

	color: #666;

	overflow: hidden;

}

.newsl-list-item .item-desc a {

	color: #666;

}

.newsl-list-item .item-link {

	margin-top: 49px;

	line-height: 23px;

}

.newsl-list-item .item-link a {

	color: #0156B3;

	border-bottom: solid 1px #0156B3;

	padding-bottom: 2px;

}

.newsl-list-item .item-link a:hover {

	color: #0156B3;

}

@media screen and (max-width: 1219px) {

	.newsl-list-item .item-pic {

		margin-right: 10px;

	}

}

@media screen and (max-width: 999px) {

	.newsl-list {

		padding-bottom: 50px;

	}

}

@media screen and (max-width: 767px) {

	.newsl-list {

		padding-bottom: 30px;

	}

	.newsl-list-item {

		margin-top: 25px;

		padding-bottom: 25px;

	}

	.newsl-list-item .item-time {

		float: none;

		right: 0;

		width: 100%;

		height: 30px;

		padding-top: 0;

		line-height: 30px;

		color: #333;

		text-align: left;

		background: none;

	}

	.newsl-list-item .item-time span {

		color: #333;

	}

	.newsl-list-item .item-time i {

		display: none;

	}

	.newsl-list-item .item-pic {

		float: none;

		margin-top: 5px;

		margin-left: 0;

		width: 100%;

		max-width: 100%;

		margin-right: 0;

	}

	.newsl-list-item .item-font {

		float: none;

		margin-top: 10px;

		width: 100%;

		max-width: 100%;

	}

	.newsl-list-item .item-title {

		font-size: 14px;

		font-size: 1.4rem;

		margin-top: 0;

	}

	.newsl-list-item .item-desc {

		margin-top: 10px;

		font-size: 1.2rem;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 60px;

	}

	.newsl-list-item .item-link {

		margin-top: 10px;

	}

}

/*-------------3-1-news end----------------------------------------------------------------*/































/*-------------3-2-news start--------------------------------------------------------------*/















.news2-detail {

	width: 808px;

}

.news2-detail-box {

	padding-right: 18px;

	border-right: #E5E5E5 1px solid;

}

.news2-detail-box .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

}

.news2-detail-box .item-date {

	color: #666666;

	line-height: 28px;

	margin-top: 15px;

}

.news2-detail-box .item-spec {

	line-height: 30px;

	color: #666666;

	border-top: solid 1px #000;

	border-top: solid 1px rgba(0, 0, 0, 0.1);

	margin-top: 20px;

	padding: 13px 0 50px;

}

.news2-detail-box .item-spec p,
.news2-detail-box .item-spec a,
.news2-detail-box .item-spec li,
.news2-detail-box .item-spec span {

	color: #666666;

}

.news2-detail-box .item-spec img,
.news2-detail-box .item-spec iframe {

	max-width: 100%;

}

.news2-right {

	width: 330px;

}

.back-btn {

	display: block;

	width: 237px;

	height: 60px;

	line-height: 60px;

	border-radius: 5px;

	background-color: #0C8FDF;

	font-size: 18px;

	font-size: 1.8rem;

	color: #FFFFFF;

	text-align: center;

	margin-bottom: 55px;

	margin-left: 19px;

	text-transform: uppercase;

}

.back-btn:hover {
	color: #333
}

.news2-right .pro-share .share-title {

	color: #0C8FDF;

	margin-left: 19px;

}

.news2-ltitle {

	font-size: 26px;

	font-size: 2.6rem;

	font-weight: bold;

	color: #201D1D;

	margin-top: 51px;

	margin-bottom: 26px;

	text-transform: uppercase;

	padding-left: 19px;

}

.news2-ltitle a:hover {

	color: #0C8FDF;

}

.news2-list .item-pic {

	width: 100%;

	border: solid 1px #CCCCCC;

	max-width: 330px;

	margin: 0 auto;

}

.news2-list .item-pic a {

	display: block;

}

.news2-list .item-pic img {

	width: 100%;

	max-width: 328px;

	display: block;

	margin: 0 auto;

}

.news2-list .item-desc {

	line-height: 30px;

	max-height: 120px;

	margin: 10px 0 12px;

}

@media screen and (max-width:1219px) {

	.news2-detail {

		width: 630px;

	}

}

@media screen and (max-width:999px) {

	.news2-detail {

		width: 100%;

	}

	.news2-right {

		width: 100%;

		margin-top: 30px;

	}

	.back-btn {

		margin: 0 auto 30px;

		line-height: 40px;

		height: 40px;

	}

	.news2-right .pro-share {

		text-align: center;

	}

	.news2-ltitle {

		text-align: center;

		margin: 30px 0 20px;

		font-size: 24px;

		font-size: 2.4rem;

	}

}

@media screen and (max-width:767px) {

	.news2-detail-box .item-title {

		font-size: 16px;

		font-size: 1.6rem;

	}

	.news2-detail-box .item-date {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 24px;

		margin-top: 5px;

	}

	.news2-detail-box .item-spec {

		margin-top: 5px;

		padding: 10px 0 20px;

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 24px;

	}

	.back-btn {

		font-size: 16px;

		font-size: 1.6rem;

	}

	.news2-ltitle {

		font-size: 20px;

		font-size: 2.2rem;

	}

	.news2-list .item-desc {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		max-height: 80px;

	}

}

/*-------------3-2-news end----------------------------------------------------------------*/































/*-------------4-1-service start-----------------------------------------------------------*/















.m-ctusform1 {

	margin-left: auto;

	margin-right: auto;

	overflow: hidden;

	padding: 0 26px;

	margin-top: 25px
}

.m-ctusform1 .box-title {

	font-family: 'HelveticaLTStdBold';

	margin-bottom: 0;

	font-size: 30px;

	font-size: 3rem;

	color: #1872C5;

	text-align: center;

	padding-bottom: 22px;

}

.m-ctusform1 .box-subt {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	text-align: center;

	color: #666666;

	margin: 0 auto 38px;

	width: 100%;

	max-width: 860px;

}

.m-ctusform1 .box-form {

	margin-bottom: -22px;

	overflow: hidden;

}

.m-ctusform1 .form-item {

	position: relative;

	margin-bottom: 29px;

	line-height: 0;

	font-size: 0;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	overflow: hidden;

}

.m-ctusform1 .form-item.important {}

.m-ctusform1 .form-item-1 {

	width: 45.39%;

}

.m-ctusform1 .form-item-2 {

	width: 100%;

}

.m-ctusform1 .form-item-2.important {}

.m-ctusform1 .form-item-3 {

	margin-left: 1.2%;

	width: 27.62%;

}

.m-ctusform1 .form-item-4 {

	width: auto;

	height: 46px;

	padding-left: 0;

	padding-top: 6px;

	background-color: transparent;

	border-radius: 0;

	background-color: #fff;

	overflow: hidden;

	-moz-box-sizing: border-box;

	box-sizing:

}

.m-ctusform1 .form-item-4 img {

	max-height: 48px;

	vertical-align: middle;

}

.m-ctusform1 .form-item-5 {

	float: right;

	border: none;

	width: 45%;

	padding-left: 0;

}

.m-ctusform1 .item-btn1 {

	margin-top: 6px;

	width: 100%;

	height: 40px;

	padding-left: 0;

	line-height: 40px;

	color: #ffffff;

	font-size: 18px;

	font-size: 1.8rem;

	text-align: center;

	background-color: #1872C5;

}

.m-ctusform1 .item-text {

	width: 100%;

	height: 46px;

	line-height: 46px;

	padding-left: 0px;

	padding-right: 10px;

	font-size: 14px;

	font-size: 1.4rem;

	color: #333;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	border-bottom: 1px solid #C7C5C4;

}

.m-ctusform1 .item-text2 {

	height: 156px;

	line-height: 18px;

	padding-top: 6px;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.name-text {

	background: url(../images/s1.png) no-repeat left center;

	padding-left: 34px !Important;

}

.mail-text {

	background: url(../images/s2.png) no-repeat left center;

	padding-left: 34px !Important;

}

.tel-text {

	background: url(../images/s3.png) no-repeat left center;

	padding-left: 34px !Important;

}

.country-text {

	background: url(../images/s4.png) no-repeat left center;

	padding-left: 34px !Important;

}

.mes-text {

	background: url(../images/s5.png) no-repeat left 6px;

	padding-left: 34px !Important;

}

@media screen and (max-width: 959px) {

	.m-ctusform1 {

		float: none;

		width: 100%;

	}

}

@media screen and (max-width: 767px) {

	.m-ctusform1 .box-title {

		padding-bottom: 15px;

		font-size: 24px;

		font-size: 2.4rem;

	}

	.m-ctusform1 .box-subt {

		font-size: 14px;

		font-size: 1.4rem;

		margin-bottom: 10px;

	}

	.m-ctusform1 .form-item {

		margin-bottom: 15px;

		width: 100%;

	}

	.m-ctusform1 .form-item.important {

		background-position: 10px 10px;

	}

	.m-ctusform1 .item-text {

		height: 36px;

		line-height: 36px;

		font-size: 14px;

		font-size: 1.4rem;

	}

	.m-ctusform1 .item-text2 {

		padding-top: 0;

		height: 144px;

	}

	.m-ctusform1 .item-btn1 {

		font-size: 14px;

		font-size: 1.4rem;

		margin-top: 0;

	}

	.m-ctusform1 .form-item-5 {

		margin-bottom: 25px;

	}

}

/*-------------4-1-service end-------------------------------------------------------------*/















/*-------------4-2-service start-----------------------------------------------------------*/















.software-list {

	overflow: hidden;

	padding-bottom: 60px;

}

@media only screen and (max-width:999px) {

	.software-list {

		padding-bottom: 50px;

	}

}

@media only screen and (max-width:767px) {

	.software-list {

		padding-bottom: 30px;

	}

}

.software {

	padding: 26px 0 28px;

	border-bottom: dashed 1px #C6C6C6;

	overflow: hidden;

	min-height: 150px;

	box-sizing: border-box;

	overflow: hidden;

}

.s-left {

	width: 59px;

	margin-top: 14px;

}

.s-left img {

	width: 100%;

	max-width: 59px;

	max-height: 72px;

	display: block;

	margin: 0 auto;

}

.s-middle {

	width: 895px;

	margin-left: 29px;

}

.s-middle .s-m-title {

	font-size: 18px;

	font-size: 1.8rem;

	line-height: 42px;

	margin: 0;

}

.s-middle .s-m-word {

	line-height: 24px;

}

.s-middle .s-m-word a {

	color: #666666;

}

.s-middle .s-m-title a,
.s-middle .s-m-word a {

	display: block;

}

.s-middle .s-m-title a:hover,
.s-middle .s-m-word a:hover {

	color: #0C8FDF;

}

.s-btn {

	width: 142px;

	height: 42px;

	border: solid 1px #0C8FDF;

	background-color: #0C8FDF;

	box-sizing: border-box;

	color: #FFFFFF;

	margin: 34px auto 0;

	display: block;

}

.s-btn span {

	display: inline-block;

	width: 100%;

	height: 42px;

	line-height: 42px;

	background: url(../images/d2.png) no-repeat 21px center;

	padding-left: 51px;

	color: #FFFFFF;

}

.s-btn:hover {

	background-color: transparent;

}

.s-btn:hover span {

	background: url(../images/d3.png) no-repeat 21px center;

	color: #0C8FDF;

}

@media only screen and (min-width: 1200px) and (max-width: 1419px) {

	.s-middle {

		width: 860px;

	}

}

@media only screen and (min-width: 1000px) and (max-width: 1219px) {

	.s-middle {

		width: 710px;

	}

}

@media only screen and (max-width:999px) {

	.s-middle {

		width: 640px;

	}

	.s-right {

		width: 100%;

	}

}

@media only screen and (max-width:767px) {

	.software {

		padding: 20px 0;

	}

	.s-left {

		width: 100%;

		margin-bottom: 20px;

	}

	.s-middle {

		width: 100%;

		margin: 0 0 20px 0;

	}

	.s-middle .s-m-title {

		font-size: 16px;

		font-size: 1.6rem;

		text-align: center;

		line-height: 26px;

		margin-bottom: 10px;

	}

	.s-middle .s-m-word {

		line-height: 20px;

		font-size: 14px;

		font-size: 1.4rem;

	}

	.s-btn {

		margin: 0 auto;

		height: 36px;

		line-height: 36px;

	}

	.s-btn span {

		height: 36px;

		line-height: 36px;

	}

}

/*-------------4-2-service end-------------------------------------------------------------*/































/*-------------5-contact start-------------------------------------------------------------*/















/* contact_top */















.contact_top {

	background: #e5e5e5;

	border-radius: 10px;

}

/* c_left */















.c_left {

	width: 501px;

	border-radius: 10px 0px 0px 10px;

	margin-right: 67px;

}

.c_left img {

	width: 100%;

	display: block;

	margin: 0 auto;

	max-width: 501px;

}

/* c_right */















.c_right {

	margin-right: 78px;

	overflow: hidden;

}

.c_right .c-title {

	font-size: 24px;

	font-size: 2.4rem;

	color: #0C8FDF;

	font-weight: bold;

	text-transform: uppercase;

	margin-top: 22px;

	font-family: arial;

}

.c_right .c-desc {

	line-height: 24px;

	margin-top: 15px;

	margin-bottom: 33px;

}

.c_right li {

	line-height: 32px;

	padding-left: 27px;

}

.c_right li a:hover {

	color: #0C8FDF;

}

.c_right .c-tel {

	background: url(../images/ca2.png) no-repeat left center;

}

.c_right .c-mob {

	background: url(../images/ca3.png) no-repeat 2px center;

}

.c_right .c-fax {

	background: url(../images/ca4.png) no-repeat left center;

}

.c_right .c-mail {

	background: url(../images/ca5.png) no-repeat left center;

}

.c_right .c-qq {

	background: url(../images/qqb2.png) no-repeat left center;

}

.c_right .c-skype {

	background: url(../images/ca6.png) no-repeat left center;

}

.c_right .c-whatsapp {

	background: url(../images/ca7.png) no-repeat left center;

}

.c_right .c-wechat {

	background: url(../images/ca8.png) no-repeat left center;

}

.c_right .c-add {

	background: url(../images/ca9.png) no-repeat 2px 8px;

}

.map {

	margin: 41px auto 0;

}

.map img {

	display: block;

	max-width: 1200px;

	max-height: 381px;

	width: 100%;

	margin: 0 auto;

}

@media screen and (max-width: 1219px) {

	.c_left {

		margin-right: 30px;

	}

	.c_right {

		margin-right: 50px;

	}

}

@media screen and (max-width: 999px) {

	.contact_top {

		background: #e5e5e5;

	}

	.c_left {

		float: none;

		width: 95%;

		margin: 0 auto;

		max-width: 501px;

		border-radius: 10px;

		padding: 30px 0;

	}

	.c_right {

		float: none;

		width: 95%;

		margin: 0 auto;

		padding-bottom: 30px;

	}

	.c_right .c-title {

		margin-top: 0;

	}

}

@media screen and (max-width: 767px) {

	.map {

		margin: 30px 0 0;

	}

	.c_right .c-title {

		font-size: 20px;

		font-size: 2rem;

	}

	.c_right .c-desc {

		margin-top: 10px;

		line-height: 20px;

		font-size: 12px;

		font-size: 1.2rem;

		margin-bottom: 15px;

	}

	.c_right li {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 28px;

	}

	.c_right .c-add {

		background: url(../images/ca9.png) no-repeat 2px 5px;

	}

}

/*-------------5-contact end---------------------------------------------------------------*/































/*-------------1-project start-------------------------------------------------------------*/















.project-title {

	font-weight: bold;

	font-size: 40px;

	font-size: 4rem;

	text-align: center;

	color: #0C8FDF;

}

.project-title>a {

	color: #0C8FDF;

}

.project-word {

	line-height: 30px;

	text-align: center;

	padding: 0 26px;

	margin-top: 27px;

	color: #666666;

}

.project-word>a {

	color: #666666;

}

.project-list {

	padding: 28px 0 37px;

}

.project-list li {

	float: left;

	width: 378px;

	margin-left: 33px;

	margin-bottom: 37px;

}

.project-list .item-pic {

	width: 100%;

	border: solid 2px #e6e6e6;

	position: relative;

	overflow: hidden;

}

.project-list .item-pic img {

	width: 100%;

	display: block;

	max-width: 374px;

	margin: 0 auto;

}

.project-list .item-pic .item-backdrop {

	position: absolute;

	top: 999px;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(255, 255, 255, 0.7);

	transition: all .5s;

	-webkit-transition: all .5s;

}

.project-list .item-pic .item-backdrop .item-btn {

	width: 122px;

	height: 46px;

	line-height: 46px;

	font-family: arial;

	position: absolute;

	left: 50%;

	margin-left: -61px;

	top: 50%;

	margin-top: -23px;

	display: block;

	background-color: #333333;

	font-size: 18px;

	font-size: 1.8rem;

	color: #FFFFFF;

	text-align: center;

}

.project-list .item-body {

	background-color: #F1F5F7;

	background-color: RGBA(241, 245, 247, 0.5);

	padding: 18px 19px 32px;

}

.project-list .item-body .item-title {

	font-weight: bold;

	font-size: 16px;

	font-size: 1.6rem;

}

.project-list .item-body .item-desc {

	font-size: 16px;

	font-size: 1.6rem;

	line-height: 24px;

	height: 72px;

	margin-top: 11px;

	;

}

.project-list .item-body .item-btn {

	display: inline-block;

	background: url(../images/p2.png) no-repeat 9px center;

	font-size: 16px;

	font-size: 1.6rem;

	font-weight: bold;

	color: #0C8FDF;

	padding-left: 40px;

	margin-top: 31px;

}

.project-list li:hover .item-backdrop {

	top: 0;

}

.project-list li:hover .item-body {

	background-color: #0C8FDF;

}

.project-list li:hover .item-body .item-title {

	color: #fff;

}

.project-list li:hover .item-body .item-title>a,
.project-list .item-body .item-title a:hover,
.project-list li:hover .item-body .item-desc>a,
.project-list .item-body .item-desc a:hover,
.project-list li:hover .item-body .item-btn,
.project-list .item-body .item-btn:hover {

	color: #FFFFFF !Important;

}

.project-list li:hover .item-body .item-btn,
.project-list .item-body .item-btn:hover {

	background-image: url(../images/p2_1.png);

}

@media screen and (max-width:1219px) {

	.project-list li {

		width: 313px;

		margin-left: 20px;

	}

}

@media screen and (max-width:999px) {

	.project-title {

		font-size: 30px;

		font-size: 3rem;

	}

	.project-list li {

		width: 31.33%;

		margin: 0 1% 20px;

	}

	.project-list .item-body {

		padding: 15px 10px 20px;

	}

	.project-list li:hover .item-backdrop {

		display: none;

	}

}

@media screen and (max-width:767px) {

	.project-title {

		font-size: 24px;

		font-size: 2.4rem;

	}

	.project-word {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 20px;

		padding: 0;

		margin-top: 10px;

	}

	.project-list {

		padding: 20px 0 10px;

	}

	.project-list li {

		width: 48%;

		margin: 0 1% 20px;

	}

	.project-list .item-body .item-title {

		font-size: 14px;

		font-size: 1.4rem;

	}

	.project-list .item-body .item-desc {

		font-size: 14px;

		font-size: 1.4rem;

		line-height: 20px;

		height: 60px;

	}

	.project-list .item-body .item-btn {

		font-size: 14px;

		font-size: 1.4rem;

		margin-top: 20px;

	}

}

@media screen and (max-width:400px) {

	.project-list li {

		width: 98%;

	}

}

/*-------------1-project end---------------------------------------------------------------*/















/*-------------2-project start-------------------------------------------------------------*/















.project-detail {}

.project-detail .item-title {

	font-size: 18px;

	font-size: 1.8rem;

	font-weight: bold;

	text-align: center;

}

.project-detail .item-date {

	color: #666666;

	line-height: 28px;

	margin-top: 15px;

	text-align: center;

}

.project-detail .item-spec {

	line-height: 30px;

	color: #666666;

	margin-top: 4px;

	padding: 13px 0 50px;

}

.project-detail .item-spec p,
.project-detail .item-spec a,
.project-detail .item-spec li,
.project-detail .item-spec span {

	color: #666666;

}

.news2-detail-box .item-spec img,
.news2-detail-box .item-spec iframe {

	max-width: 100%;

}

.project-detail .pro-share {

	text-align: right;

	margin-bottom: 19px;

}

.project-detail .pro-share .share-title {

	color: #0C8FDF;

}

.page_project .m-oths {

	margin-right: 0;

}

@media screen and (max-width:767px) {

	.project-detail .item-title {

		font-size: 16px;

		font-size: 1.6rem;

	}

	.project-detail .item-date {

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 24px;

		margin-top: 5px;

	}

	.project-detail .item-spec {

		margin-top: 5px;

		padding: 10px 0 20px;

		font-size: 12px;

		font-size: 1.2rem;

		line-height: 24px;

	}

}

/*-------------2-project end---------------------------------------------------------------*/































/* 2-4-about */















.video-list {

	padding: 0 0 42px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video-list::before{
    display: none !important;
}

.video-list::after{
    width: 31.83%;
    content: '';
}

.video-list .video-box {

	/* float: left; */

	/* width: 382px; */

	overflow: hidden;

	/* margin-left: 27px; */

	margin-bottom: 27px;

    width: 31.83%;

    margin-left: 0 !important;

}

.video-list .video {

	position: relative;

	overflow: hidden;

	padding-bottom: 53.66%;
	/*宽除以高*/

	height: 0;

}

.video-list .video iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border: none;

}

.video-list .video iframe body {

	margin: 0px !important;

}

@media only screen and (max-width: 382px) {

	.video-list .video-box {

		width: 100%;

		max-width: 100%;

	}

}

.video-item-b {

	background-color: #EDEDED;

	padding: 0 8px;


}

.video-item-b p {

	background: url(../images/web16.png) no-repeat left 20px;

	padding: 4px 0 8px 48px;

	line-height: 24px;

    min-height: 60px;

}

@media only screen and (max-width:999px) {

	.video-list {

		padding: 0 0 30px;

	}

	.video-item-b p {

		padding: 15px 0 15px 38px;

	}

}

@media only screen and (max-width:767px) {

	.video-list {

		padding: 0 0 10px;

	}

    .video-list .video-box{
        width: 49%;
    }

	.video-item-b p {

		padding: 4px 0 8px 38px;

		font-size: 12px;

		font-size: 1.2rem;

		background-size: 25px;

		line-height: 20px;

	}

}

@media only screen and (max-width:640px) {

	.video-list .video-box {

		margin: 0 1% 15px;

	}

}

@media only screen and (max-width:400px) {

	.video-list .video-box {
		width: 100%;
	}

}

.at-resp-share-element .at-icon {

	width: 24px !important;

	height: 24px !important;

}

.at-style-responsive .at-share-btn {

	padding: 0 !important;

	border-radius: 2px !important;

}

.at-resp-share-element .at-share-btn .at-icon-wrapper {

	width: 24px !important;

	height: 24px !important;

}

.at-resp-share-element .at-share-btn {

	margin-bottom: 0 !important;

	margin-right: 3px !important;

}

.pro2-detail-content table,
.item-spec table {

	width: 100%;

	border-collapse: collapse;

	line-height: 22px;

	border: 1px solid #ccc;

}

.pro2-detail-content table tr td,
.item-spec table tr td {

	padding: 3px;

	border: 1px solid #ccc;

	word-wrap: break-word;

	text-align: center
}

.pro2-detail-content table tr td strong {

	padding-left: 0
}

@media screen and (max-width:1000px) {

	.pro2-detail-content .table {

		width: 100%;

		overflow: scroll;

	}

	.pro2-detail-content table {

		width: 885px;

	}

}

.xunpanc a {

	color: #333;

}

.xunpanc a:hover {

	color: #0C8FDF;

}

.footer a:hover {

	color: #999;

}

.item-body a:hover {

	color: #999 !important;

}

.links a {

	display: inline-table !important;

}

.list_cart a {

	background: #0C8FDF;

	text-align: center;

	color: #fff;

	display: inline-block;

	margin-right: 10px;

	width: 155px;

	line-height: 30px
}

.list_cart a:hover {

	background: #333
}

@media screen and (max-width:420px) {

	.list_cart a {

		margin-right: 0px;

		width: 80%;

		display: block;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 10px
	}

}

.xuditu {

	background: url(../images/about8.jpg) no-repeat center top;

}

@media screen and (max-width:767px) {

	.xuditu {

		background: url();

	}

}

@media screen and (max-width:1219px) {

	.qingchuxz {

		position: relative !important
	}

}

.aboutus .index-title a:before {

	background-image: url(../images/web6_1.png);

}

.ce {

	position: fixed;

	right: 1px;

	top: 30%;

	width: 60px;

	z-index: 999;

}

.ce li {

	height: 60px;

	margin-bottom: 2px;

	transition: 0.5s;

	border-radius: 10px;

}

.ce li a {

	display: block;

	height: 69px;

}

.ce2,
.ce6 {

	background: #c5c5c5 url(../images/kfex.png) no-repeat center center;

}

.ce4 {

	background: #c5c5c5 url(../images/kf2.png) no-repeat center center;

}

.ce6 {

	background: #c5c5c5 url(../images/kf1.png) no-repeat center center;

}

.ce2:hover {

	background: #0156B3 url(../images/kfex.png) no-repeat center center
}

.ce4:hover {

	background: #0156B3 url(../images/kf2.png) no-repeat center center
}

.ce6:hover {

	background: #0156B3 url(../images/kf1.png) no-repeat center center;

}

.ce2,
.ce6 {

	position: relative;

}

.ce2 img,
.ce6 img {

	max-width: 155px;

}

.weixin,
.weixin2 {

	position: relative;

	cursor: pointer;

}

.ewm {

	position: absolute;

	top: -999999px;

	max-width: 100px !important;

}

.ewm1 {

	position: absolute;

	top: -999999px;

	max-width: 100px !important;

}

@media screen and (min-width:768px) {

	.weixin:hover .ewm {

		top: 0px;

		right: 65px;

	}

	.weixin2:hover .ewm1 {

		top: 0px;

		right: 72px;

	}

}

@media screen and (max-width:767px) {

	.ce {

		bottom: 0;

		top: auto;

		width: 100%;

		background: #c5c5c5
	}

	.ce li {

		width: 33%;

		margin: 0;

		float: left;

		border-radius: 0;

	}

	body {

		padding-bottom: 40px;

	}

	.ewm {

		display: none;

		top: -100px;

		left: 20px
	}

	.ewm1 {

		display: none;

		top: -100px;

		right: 20px
	}

	.ce li a {

		height: 40px;

	}

	.ce li {

		height: 40px;

	}

}

.at-resp-share-element .at4-share-count-container {

	text-decoration: none;
	float: right;
	padding-right: 15px;
	line-height: 25px !important;

}

.procase-list .item-title a {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	line-height: 30px;
}


/* video tankuang */
.tankaunga {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0, 0, 0, 0.5);
	display: none;
	z-index: 9999999999
}

.tankaunga:before {
	content: "X";
	position: absolute;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 10px;
	right: 10px;
	background: #fff;
	border-radius: 50%;
	font-size: 18px;
	cursor: pointer;
}

.tankaungn2 {
	position: fixed;
	left: 5%;
	top: 5%;
	right: 5%;
	bottom: 5%;
	background: rgba(0, 0, 0, 0.5);
}

.tankaungn2 iframe,
.tankaungn2 video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.tankaungn2 iframe body {
	margin: 0px !important;
}